chore: promote main to stable

Author: github-actions[bot]

.github/workflows/deploy-demo.yml

@@ -16,6 +16,9 @@ permissions:
 jobs:
   deploy:
     runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
     steps:
       - name: Generate token
         id: generate_token
@@ -41,8 +44,10 @@ jobs:
       - name: Install and Build
         run: |
           pnpm install
+          rm -rf dist
           pnpm build
           cd demo
+          rm -rf node_modules dist
           pnpm install
           pnpm build
 
@@ -52,4 +57,5 @@ jobs:
           path: ./demo/dist
 
       - name: Deploy to GitHub Pages
+        id: deployment
         uses: actions/deploy-pages@v4

.husky/pre-commit

@@ -1 +1 @@
-pnpm type-check && pnpm lint
+pnpm lint-staged && pnpm type-check && pnpm build

.prettierrc

@@ -1 +1,4 @@
-{}
+{
+    "singleQuote": true,
+    "printWidth": 100
+}

demo/package.json

@@ -11,7 +11,7 @@
         "@superdoc-dev/esign": "link:../.",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "superdoc": "^0.29.0"
+        "superdoc": "^0.35.3"
     },
     "devDependencies": {
         "@types/react": "^18.3.12",

demo/pnpm-lock.yaml

@@ -438,4 +438,50 @@ header {
     .header-nav {
         gap: 1.5rem;
     }
+}
+
+/* ===========================================
+   eSign Component Customization Example
+   =========================================== */
+
+/*
+ * The eSign component exposes CSS classes that you can target directly.
+ * No special CSS variables needed - just write standard CSS!
+ *
+ * Available classes:
+ *   .superdoc-esign-container          - Root container (also accepts className prop)
+ *   .superdoc-esign-document           - Document section wrapper
+ *   .superdoc-esign-document-toolbar   - Toolbar with download button
+ *   .superdoc-esign-document-controls  - Control buttons container
+ *   .superdoc-esign-document-viewer    - Scroll container (SuperDoc mounts inside)
+ *   .superdoc-esign-controls           - Bottom section with fields + submit
+ *   .superdoc-esign-fields             - Signer fields container
+ *   .superdoc-esign-actions            - Action buttons container
+ *   .superdoc-esign-form-actions       - Form submit button container
+ */
+
+/* Example: Card-like styling */
+.superdoc-esign-container {
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    overflow: hidden;
+}
+
+.superdoc-esign-document-viewer {
+    background: #f9fafb;
+}
+
+.superdoc-esign-controls {
+    margin-top: 0; /* Remove gap between viewer and controls */
+    padding: 16px 20px;
+    background: #f9fafb;
+    border-top: 1px solid #e5e7eb;
+}
+
+.superdoc-esign-fields {
+    margin-bottom: 16px;
+}
+
+.superdoc-esign-actions {
+    gap: 12px;
 }