feat: migrate to SD v1

demo/package.json

@@ -11,7 +11,7 @@
         "@superdoc-dev/esign": "link:../.",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "superdoc": "^0.36.1",
+        "superdoc": "1.1.0",
         "signature_pad": "^5.1.1"
     },
     "devDependencies": {
@@ -21,4 +21,4 @@
         "typescript": "^5.9.2",
         "vite": "^7.1.7"
     }
-}
+}

demo/src/index.css

@@ -8,6 +8,11 @@ body {
     font-family: system-ui, -apple-system, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    margin: 0;
+    font-size: 14px;
+    line-height: 1.6;
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: transparent;
 }
 
 .superdoc-esign-document {

package.json

@@ -56,7 +56,7 @@
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "superdoc": "^0.29.0"
+    "superdoc": "^1.1.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.1.0",
@@ -81,7 +81,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "semantic-release": "^24.2.9",
-    "superdoc": "^0.36.1",
+    "superdoc": "1.1.0",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.44.1",
     "vite": "^7.1.7",

src/index.tsx

@@ -130,7 +130,7 @@
         });
 
         const discovered: Types.FieldInfo[] = tags
           .map(({ node }: any) => ({
             id: node.attrs.id,
             label: node.attrs.label,
             value: configValues.get(node.attrs.id) ?? node.textContent ?? '',
@@ -163,7 +163,7 @@
         ...event,
         timestamp: new Date().toISOString(),
       };
       const auditMock = (globalThis as any)?.__SUPERDOC_AUDIT_MOCK__;
       if (auditMock) {
         auditMock(auditEvent);
       }
@@ -194,6 +194,7 @@
           modules: {
             comments: false,
           },
+          // @ts-expect-error - layoutMode is not supported in SuperDoc v1.1.0 yet
           layoutMode: document.layoutMode,
           layoutMargins: document.layoutMargins,
           onReady: () => {