@unlev/exeq 0.1.10 → 0.1.12

package/README.md

@@ -47,6 +47,21 @@ function Signer() {
     />
   );
 }
+
+// Multi-party signing — signers complete sequentially
+function MultiPartySigner() {
+  return (
+    <SignerView
+      apiKey="your-api-key"
+      initialPdfUrl="/contracts/template.pdf"
+      initialTemplate={template}
+      signerOrder={['Signer 1', 'Sender']}  // recipient signs first, then sender
+      onComplete={(blob) => {
+        // final PDF with all signatures
+      }}
+    />
+  );
+}
 ```
 
 ## API

package/dist/index.css

@@ -407,6 +407,9 @@
   border: none;
   background: transparent;
   padding: 2px 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   outline: none;
   font-family: inherit;
 }
@@ -703,6 +706,25 @@
   border-radius: 4px;
   font-size: 0.9rem;
 }
+.signer-font-size {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin-top: 0.4rem;
+  font-size: 0.8rem;
+  color: #666;
+}
+.signer-font-size label {
+  white-space: nowrap;
+}
+.signer-font-size input {
+  width: 50px;
+  padding: 0.2rem 0.3rem;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 0.8rem;
+  text-align: center;
+}
 .signer-checkbox-label {
   display: flex;
   align-items: center;
@@ -769,6 +791,40 @@
   color: #888;
   text-align: center;
 }
+.field-navigator-progress.clickable {
+  cursor: pointer;
+}
+.field-navigator-progress.clickable:hover {
+  color: #555;
+}
+.field-navigator-toggle {
+  margin-left: 0.3rem;
+  font-size: 0.6rem;
+}
+.incomplete-fields-list {
+  display: flex;
+  flex-direction: column;
+  max-height: 150px;
+  overflow-y: auto;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  background: #fafafa;
+}
+.incomplete-field-item {
+  padding: 0.4rem 0.6rem;
+  border: none;
+  background: none;
+  text-align: left;
+  font-size: 0.8rem;
+  color: #c44;
+  cursor: pointer;
+}
+.incomplete-field-item:hover {
+  background: #fff0f0;
+}
+.incomplete-field-item:not(:last-child) {
+  border-bottom: 1px solid #f0f0f0;
+}
 .field-navigator-controls {
   display: flex;
   align-items: center;
@@ -790,28 +846,20 @@
   opacity: 0.4;
   cursor: default;
 }
-.field-navigator-position {
-  font-size: 0.85rem;
-  color: #888;
-  min-width: 50px;
-  text-align: center;
-}
-.complete-btn {
-  padding: 0.5rem;
+.nav-btn-complete {
   background: #111;
   color: #fff;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.9rem;
+  border-color: #111;
   font-weight: 500;
 }
-.complete-btn:hover:not(:disabled) {
+.nav-btn-complete:hover:not(:disabled) {
   background: #333;
 }
-.complete-btn:disabled {
-  opacity: 0.4;
-  cursor: default;
+.field-navigator-position {
+  font-size: 0.85rem;
+  color: #888;
+  min-width: 50px;
+  text-align: center;
 }
 .loading-indicator {
   text-align: center;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/pdf-builder.css"],"sourcesContent":["/* ── Layout ────────────────────────────────── */\n\n.designer-layout,\n.signer-layout {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  font-family: system-ui, -apple-system, sans-serif;\n  color: #222;\n  background: #fafafa;\n}\n\n/* ── Designer Header ─────────────────────── */\n\n.designer-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 1rem;\n  height: 48px;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n\n.designer-header-right {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.header-btn {\n  padding: 0.4rem 1rem;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n  white-space: nowrap;\n  line-height: 1.4;\n  box-sizing: border-box;\n}\n\n.header-btn-primary {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n}\n.header-btn-primary:hover { background: #333; border-color: #333; }\n\n.header-btn-outline {\n  background: #fff;\n  color: #555;\n  border-color: #ccc;\n}\n.header-btn-outline:hover { background: #f5f5f5; border-color: #999; }\n\n/* ── Designer Body (3-column) ────────────── */\n\n.designer-body {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n\n/* ── Left Palette ────────────────────────── */\n\n.designer-palette {\n  width: 140px;\n  flex-shrink: 0;\n  border-right: 1px solid #e5e5e5;\n  background: #fff;\n  padding: 0.75rem 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  overflow-y: auto;\n}\n\n.palette-heading {\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  padding: 0 0.75rem 0.5rem;\n}\n\n.palette-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  cursor: grab;\n  font-size: 0.85rem;\n  color: #555;\n  border-left: 3px solid transparent;\n  transition: all 0.1s;\n  user-select: none;\n}\n\n.palette-item:hover {\n  background: #f5f5f5;\n  color: #222;\n}\n\n.palette-item.active {\n  background: #f0f0f0;\n  color: #111;\n  border-left-color: #111;\n  font-weight: 500;\n}\n\n.palette-item:active {\n  cursor: grabbing;\n}\n\n.palette-item-icon {\n  width: 22px;\n  text-align: center;\n  font-size: 0.9rem;\n  flex-shrink: 0;\n}\n\n.palette-item-label {\n  flex: 1;\n}\n\n.palette-divider {\n  height: 1px;\n  background: #e5e5e5;\n  margin: 0.5rem 0.75rem;\n}\n\n.palette-role-section {\n  padding: 0 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.palette-role-select {\n  width: 100%;\n  padding: 0.3rem 0.4rem;\n  border: 1.5px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  background: #fff;\n  cursor: pointer;\n}\n\n.palette-role-add-link {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 0.75rem;\n  color: #888;\n  padding: 0;\n  text-align: left;\n}\n.palette-role-add-link:hover { color: #555; }\n\n.palette-role-add-inline {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n}\n\n.palette-role-add-inline input {\n  width: 100%;\n  padding: 0.25rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.75rem;\n}\n\n.palette-role-add-inline button {\n  padding: 0.2rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.75rem;\n}\n\n/* ── Signer toolbar (kept for backward compat) ── */\n\n.designer-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.toolbar-left,\n.toolbar-right {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.signer-content {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n\n.designer-pdf-area,\n.signer-pdf-area {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  background: #eee;\n}\n\n.designer-panel,\n.signer-panel {\n  width: 320px;\n  overflow: hidden;\n  border-left: 1px solid #e5e5e5;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* ── Panel Resize Handle ─────────────────── */\n\n.panel-resize-handle {\n  width: 5px;\n  cursor: col-resize;\n  background: transparent;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 20;\n  margin-right: -5px;\n  transition: background 0.15s;\n}\n\n.panel-resize-handle:hover,\n.panel-resize-handle:active {\n  background: #d0d0d0;\n}\n\n/* ── Ink Color Picker ────────────────────── */\n\n.ink-color-picker {\n  display: flex;\n  gap: 0.4rem;\n  align-items: center;\n}\n\n.ink-color-swatch {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  cursor: pointer;\n  padding: 0;\n  transition: border-color 0.1s;\n}\n\n.ink-color-swatch.active {\n  border-color: #111;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #111;\n}\n\n.ink-color-swatch:hover:not(.active) {\n  border-color: #999;\n}\n\n/* ── Panel Role Selector ─────────────────── */\n\n.panel-role-section {\n  padding: 0.75rem 1rem;\n  border-bottom: 1px solid #eee;\n}\n\n.panel-role-label {\n  display: block;\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  margin-bottom: 0.35rem;\n}\n\n.panel-role-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n\n.panel-role-select {\n  padding: 0.3rem 0.5rem;\n  border: 1.5px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  background: #fff;\n  cursor: pointer;\n  min-width: 100px;\n}\n\n.panel-role-add-link {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n  padding: 0;\n  white-space: nowrap;\n}\n.panel-role-add-link:hover { color: #555; }\n\n.panel-role-add-inline {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n  flex: 1;\n}\n\n.panel-role-add-inline input {\n  padding: 0.25rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  width: 90px;\n}\n\n.panel-role-add-inline button {\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n/* ── Panel Tabs ──────────────────────────── */\n\n.panel-tabs {\n  display: flex;\n  border-bottom: 1px solid #e5e5e5;\n  flex-shrink: 0;\n}\n\n.panel-tab {\n  flex: 1;\n  padding: 0.55rem 0;\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n  font-weight: 500;\n  text-align: center;\n  transition: all 0.1s;\n}\n\n.panel-tab.active {\n  color: #111;\n  border-bottom-color: #111;\n}\n\n.panel-tab:hover:not(.active) {\n  color: #555;\n}\n\n.panel-tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n/* ── PDF Viewer ───────────────────────────── */\n\n.pdf-viewer {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  align-items: center;\n}\n\n.pdf-page {\n  position: relative;\n  width: 100%;\n  max-width: 800px;\n  background: #fff;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.1);\n  cursor: crosshair;\n}\n\n.pdf-page-image {\n  width: 100%;\n  height: 100%;\n  display: block;\n  pointer-events: none;\n}\n\n/* ── Field Overlays ───────────────────────── */\n\n.field-overlay {\n  position: absolute;\n  border: 1.5px solid;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  transition: box-shadow 0.1s;\n}\n\n.field-overlay.selected {\n  box-shadow: 0 0 0 2px rgba(0,0,0,0.2);\n  z-index: 10;\n}\n\n.field-overlay.editable {\n  cursor: text;\n}\n\n.field-overlay-label {\n  position: absolute;\n  top: -18px;\n  left: -1px;\n  font-size: 10px;\n  color: #fff;\n  padding: 1px 6px;\n  border-radius: 2px 2px 0 0;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.field-overlay-placeholder {\n  color: #999;\n  font-size: 11px;\n  padding: 2px 4px;\n  width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.field-overlay-placeholder.readonly {\n  color: #666;\n}\n\n.field-overlay-value {\n  font-size: 11px;\n  padding: 2px 4px;\n  width: 100%;\n}\n\n.field-inline-input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  background: transparent;\n  padding: 2px 4px;\n  outline: none;\n  font-family: inherit;\n}\n\n.field-signature-preview {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.field-signature-filled {\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.field-checkbox-display {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: bold;\n}\n\n.field-checkbox-display.editable {\n  cursor: pointer;\n}\n\n.field-resize-handle {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  background: #fff;\n  border: 1px solid #999;\n  cursor: nwse-resize;\n}\n\n/* ── Buttons ──────────────────────────────── */\n\n.upload-btn {\n  display: inline-block;\n  padding: 0.4rem 1rem;\n  background: #111;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.upload-btn:hover { background: #333; }\n\n.upload-btn-small { font-size: 0.8rem; padding: 0.3rem 0.75rem; background: #555; }\n.upload-btn-large { font-size: 1rem; padding: 0.6rem 1.5rem; }\n\n.export-btn {\n  padding: 0.4rem 1rem;\n  background: #111;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.export-btn:hover { background: #333; }\n\n.field-type-selector {\n  display: flex;\n  gap: 2px;\n}\n\n.field-type-btn {\n  padding: 0.3rem 0.6rem;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #555;\n}\n\n.field-type-btn.active {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n}\n\n.field-type-btn:hover:not(.active) {\n  background: #f5f5f5;\n}\n\n/* ── Signer Roles (legacy chip style) ─────── */\n\n.signer-role-selector {\n  padding: 0.5rem 1rem;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n}\n\n.signer-role-label {\n  font-size: 0.75rem;\n  color: #888;\n  margin-bottom: 0.35rem;\n}\n\n.signer-role-list {\n  display: flex;\n  gap: 0.35rem;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.signer-role-chip {\n  padding: 0.2rem 0.6rem;\n  border: 1.5px solid;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  font-weight: 500;\n  background: transparent;\n  transition: all 0.1s;\n}\n\n.signer-role-remove {\n  margin-left: 0.3rem;\n  cursor: pointer;\n  font-size: 1rem;\n}\n\n.signer-role-add-btn {\n  padding: 0.2rem 0.5rem;\n  border: 1px dashed #ccc;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n}\n\n.signer-role-add-input {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}\n\n.signer-role-add-input input {\n  padding: 0.2rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  width: 120px;\n}\n\n.signer-role-add-input button {\n  padding: 0.2rem 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n/* ── Property Panel ───────────────────────── */\n\n.field-property-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.panel-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.panel-delete-btn {\n  padding: 0.2rem 0.5rem;\n  background: none;\n  border: 1px solid #e44;\n  color: #e44;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n.panel-delete-btn:hover {\n  background: #e44;\n  color: #fff;\n}\n\n.panel-field label {\n  display: block;\n  font-size: 0.75rem;\n  color: #888;\n  margin-bottom: 0.2rem;\n}\n\n.panel-field input[type=\"text\"],\n.panel-field input[type=\"number\"],\n.panel-field input[type=\"email\"],\n.panel-field input[type=\"tel\"],\n.panel-field input[type=\"date\"],\n.panel-field select {\n  width: 100%;\n  padding: 0.35rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  background: #fff;\n}\n\n.panel-field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n}\n\n.panel-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.85rem;\n  cursor: pointer;\n}\n\n.panel-empty {\n  color: #888;\n  font-size: 0.85rem;\n  padding: 2rem 0.5rem;\n  text-align: center;\n}\n\n/* ── Pre-fill ─────────────────────────────── */\n\n.prefill-section {\n  border-top: 1px solid #eee;\n  padding-top: 0.75rem;\n}\n\n.prefill-section h4 {\n  margin: 0 0 0.5rem;\n  font-size: 0.85rem;\n  color: #555;\n}\n\n.prefill-input {\n  width: 100%;\n  padding: 0.35rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n}\n\n/* ── Field List ───────────────────────────── */\n\n.field-list {\n  display: flex;\n  flex-direction: column;\n}\n\n.field-list h4 {\n  margin: 0 0 0.5rem;\n  font-size: 0.85rem;\n  color: #555;\n}\n\n.field-list-item {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.35rem 0.5rem;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n.field-list-item:hover { background: #f5f5f5; }\n.field-list-item.active { background: #eee; }\n\n.field-list-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.field-list-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-list-page {\n  color: #aaa;\n  font-size: 0.75rem;\n}\n\n.field-list-required {\n  color: #e44;\n  font-weight: bold;\n}\n\n/* ── Signer Panel ─────────────────────────── */\n\n.signer-field-input h3 {\n  margin: 0 0 0.5rem;\n  font-size: 1rem;\n}\n\n.required-badge {\n  display: inline-block;\n  font-size: 0.7rem;\n  background: #fee;\n  color: #c33;\n  padding: 1px 6px;\n  border-radius: 3px;\n  margin-bottom: 0.5rem;\n}\n\n.signer-text-input {\n  width: 100%;\n  padding: 0.4rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.9rem;\n}\n\n.signer-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.9rem;\n  cursor: pointer;\n}\n\n.signer-date-display {\n  font-size: 0.9rem;\n  color: #555;\n  padding: 0.4rem 0;\n}\n\n.signer-field-readonly {\n  color: #888;\n  font-size: 0.85rem;\n}\n\n.signer-field-readonly h3 {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  color: #555;\n}\n\n/* ── Signature Canvas ─────────────────────── */\n\n.signature-canvas-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.signature-canvas {\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: #fff;\n  cursor: crosshair;\n  width: 100%;\n  height: auto;\n  display: block;\n  box-sizing: border-box;\n}\n\n.signature-canvas-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.signature-clear-btn {\n  padding: 0.2rem 0.5rem;\n  background: none;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n}\n\n.signature-hint {\n  font-size: 0.75rem;\n  color: #aaa;\n}\n\n/* ── Field Navigator ──────────────────────── */\n\n.field-navigator {\n  border-top: 1px solid #eee;\n  padding-top: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.field-navigator-progress {\n  font-size: 0.8rem;\n  color: #888;\n  text-align: center;\n}\n\n.field-navigator-controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.nav-btn {\n  padding: 0.35rem 1rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.85rem;\n}\n\n.nav-btn:hover:not(:disabled) { background: #f5f5f5; }\n.nav-btn:disabled { opacity: 0.4; cursor: default; }\n\n.field-navigator-position {\n  font-size: 0.85rem;\n  color: #888;\n  min-width: 50px;\n  text-align: center;\n}\n\n.complete-btn {\n  padding: 0.5rem;\n  background: #111;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.9rem;\n  font-weight: 500;\n}\n\n.complete-btn:hover:not(:disabled) { background: #333; }\n.complete-btn:disabled { opacity: 0.4; cursor: default; }\n\n/* ── States ───────────────────────────────── */\n\n.loading-indicator {\n  text-align: center;\n  padding: 2rem;\n  color: #888;\n  font-size: 0.9rem;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 0.75rem;\n  color: #888;\n}\n\n.empty-state h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  color: #555;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 0.9rem;\n}\n\n/* ── Powered By ───────────────────────────── */\n\n.powered-by {\n  text-align: center;\n  padding: 0.4rem;\n  font-size: 0.7rem;\n  color: #aaa;\n  border-top: 1px solid #eee;\n  background: #fff;\n}\n\n.powered-by a {\n  color: #888;\n  text-decoration: none;\n}\n\n.powered-by a:hover {\n  text-decoration: underline;\n}\n\n/* ── Signer Panel Structure ──────────────── */\n\n.signer-panel-header {\n  border-bottom: 1px solid #e5e5e5;\n  padding: 0.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n\n.signer-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.signer-panel-footer {\n  margin-top: auto;\n  flex-shrink: 0;\n}\n\n.signer-role-indicator {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.95rem;\n  color: #333;\n}\n\n.signer-role-indicator-label {\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  font-weight: 500;\n}\n\n.signer-step-badge {\n  font-size: 0.7rem;\n  color: #888;\n  background: #f0f0f0;\n  padding: 0.2rem 0.5rem;\n  border-radius: 10px;\n  white-space: nowrap;\n}\n\n/* ── Inactive signer fields ──────────────── */\n\n.field-overlay.inactive-signer {\n  opacity: 0.5;\n}\n\n.field-overlay.inactive-signer .field-overlay-placeholder,\n.field-overlay.inactive-signer .field-overlay-value,\n.field-overlay.inactive-signer .field-checkbox-display {\n  color: #bbb;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles/pdf-builder.css"],"sourcesContent":["/* ── Layout ────────────────────────────────── */\n\n.designer-layout,\n.signer-layout {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  font-family: system-ui, -apple-system, sans-serif;\n  color: #222;\n  background: #fafafa;\n}\n\n/* ── Designer Header ─────────────────────── */\n\n.designer-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0 1rem;\n  height: 48px;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n\n.designer-header-right {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.header-btn {\n  padding: 0.4rem 1rem;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n  white-space: nowrap;\n  line-height: 1.4;\n  box-sizing: border-box;\n}\n\n.header-btn-primary {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n}\n.header-btn-primary:hover { background: #333; border-color: #333; }\n\n.header-btn-outline {\n  background: #fff;\n  color: #555;\n  border-color: #ccc;\n}\n.header-btn-outline:hover { background: #f5f5f5; border-color: #999; }\n\n/* ── Designer Body (3-column) ────────────── */\n\n.designer-body {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n\n/* ── Left Palette ────────────────────────── */\n\n.designer-palette {\n  width: 140px;\n  flex-shrink: 0;\n  border-right: 1px solid #e5e5e5;\n  background: #fff;\n  padding: 0.75rem 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  overflow-y: auto;\n}\n\n.palette-heading {\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  padding: 0 0.75rem 0.5rem;\n}\n\n.palette-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  cursor: grab;\n  font-size: 0.85rem;\n  color: #555;\n  border-left: 3px solid transparent;\n  transition: all 0.1s;\n  user-select: none;\n}\n\n.palette-item:hover {\n  background: #f5f5f5;\n  color: #222;\n}\n\n.palette-item.active {\n  background: #f0f0f0;\n  color: #111;\n  border-left-color: #111;\n  font-weight: 500;\n}\n\n.palette-item:active {\n  cursor: grabbing;\n}\n\n.palette-item-icon {\n  width: 22px;\n  text-align: center;\n  font-size: 0.9rem;\n  flex-shrink: 0;\n}\n\n.palette-item-label {\n  flex: 1;\n}\n\n.palette-divider {\n  height: 1px;\n  background: #e5e5e5;\n  margin: 0.5rem 0.75rem;\n}\n\n.palette-role-section {\n  padding: 0 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.palette-role-select {\n  width: 100%;\n  padding: 0.3rem 0.4rem;\n  border: 1.5px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  font-weight: 500;\n  background: #fff;\n  cursor: pointer;\n}\n\n.palette-role-add-link {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 0.75rem;\n  color: #888;\n  padding: 0;\n  text-align: left;\n}\n.palette-role-add-link:hover { color: #555; }\n\n.palette-role-add-inline {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n}\n\n.palette-role-add-inline input {\n  width: 100%;\n  padding: 0.25rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.75rem;\n}\n\n.palette-role-add-inline button {\n  padding: 0.2rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.75rem;\n}\n\n/* ── Signer toolbar (kept for backward compat) ── */\n\n.designer-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.toolbar-left,\n.toolbar-right {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.signer-content {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n\n.designer-pdf-area,\n.signer-pdf-area {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  background: #eee;\n}\n\n.designer-panel,\n.signer-panel {\n  width: 320px;\n  overflow: hidden;\n  border-left: 1px solid #e5e5e5;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* ── Panel Resize Handle ─────────────────── */\n\n.panel-resize-handle {\n  width: 5px;\n  cursor: col-resize;\n  background: transparent;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 20;\n  margin-right: -5px;\n  transition: background 0.15s;\n}\n\n.panel-resize-handle:hover,\n.panel-resize-handle:active {\n  background: #d0d0d0;\n}\n\n/* ── Ink Color Picker ────────────────────── */\n\n.ink-color-picker {\n  display: flex;\n  gap: 0.4rem;\n  align-items: center;\n}\n\n.ink-color-swatch {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  cursor: pointer;\n  padding: 0;\n  transition: border-color 0.1s;\n}\n\n.ink-color-swatch.active {\n  border-color: #111;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #111;\n}\n\n.ink-color-swatch:hover:not(.active) {\n  border-color: #999;\n}\n\n/* ── Panel Role Selector ─────────────────── */\n\n.panel-role-section {\n  padding: 0.75rem 1rem;\n  border-bottom: 1px solid #eee;\n}\n\n.panel-role-label {\n  display: block;\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  margin-bottom: 0.35rem;\n}\n\n.panel-role-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n\n.panel-role-select {\n  padding: 0.3rem 0.5rem;\n  border: 1.5px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  background: #fff;\n  cursor: pointer;\n  min-width: 100px;\n}\n\n.panel-role-add-link {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n  padding: 0;\n  white-space: nowrap;\n}\n.panel-role-add-link:hover { color: #555; }\n\n.panel-role-add-inline {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n  flex: 1;\n}\n\n.panel-role-add-inline input {\n  padding: 0.25rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  width: 90px;\n}\n\n.panel-role-add-inline button {\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n/* ── Panel Tabs ──────────────────────────── */\n\n.panel-tabs {\n  display: flex;\n  border-bottom: 1px solid #e5e5e5;\n  flex-shrink: 0;\n}\n\n.panel-tab {\n  flex: 1;\n  padding: 0.55rem 0;\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n  font-weight: 500;\n  text-align: center;\n  transition: all 0.1s;\n}\n\n.panel-tab.active {\n  color: #111;\n  border-bottom-color: #111;\n}\n\n.panel-tab:hover:not(.active) {\n  color: #555;\n}\n\n.panel-tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n/* ── PDF Viewer ───────────────────────────── */\n\n.pdf-viewer {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  align-items: center;\n}\n\n.pdf-page {\n  position: relative;\n  width: 100%;\n  max-width: 800px;\n  background: #fff;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.1);\n  cursor: crosshair;\n}\n\n.pdf-page-image {\n  width: 100%;\n  height: 100%;\n  display: block;\n  pointer-events: none;\n}\n\n/* ── Field Overlays ───────────────────────── */\n\n.field-overlay {\n  position: absolute;\n  border: 1.5px solid;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  transition: box-shadow 0.1s;\n}\n\n.field-overlay.selected {\n  box-shadow: 0 0 0 2px rgba(0,0,0,0.2);\n  z-index: 10;\n}\n\n.field-overlay.editable {\n  cursor: text;\n}\n\n.field-overlay-label {\n  position: absolute;\n  top: -18px;\n  left: -1px;\n  font-size: 10px;\n  color: #fff;\n  padding: 1px 6px;\n  border-radius: 2px 2px 0 0;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.field-overlay-placeholder {\n  color: #999;\n  font-size: 11px;\n  padding: 2px 4px;\n  width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.field-overlay-placeholder.readonly {\n  color: #666;\n}\n\n.field-overlay-value {\n  font-size: 11px;\n  padding: 2px 4px;\n  width: 100%;\n}\n\n.field-inline-input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  background: transparent;\n  padding: 2px 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  outline: none;\n  font-family: inherit;\n}\n\n.field-signature-preview {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.field-signature-filled {\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.field-checkbox-display {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: bold;\n}\n\n.field-checkbox-display.editable {\n  cursor: pointer;\n}\n\n.field-resize-handle {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 10px;\n  height: 10px;\n  background: #fff;\n  border: 1px solid #999;\n  cursor: nwse-resize;\n}\n\n/* ── Buttons ──────────────────────────────── */\n\n.upload-btn {\n  display: inline-block;\n  padding: 0.4rem 1rem;\n  background: #111;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.upload-btn:hover { background: #333; }\n\n.upload-btn-small { font-size: 0.8rem; padding: 0.3rem 0.75rem; background: #555; }\n.upload-btn-large { font-size: 1rem; padding: 0.6rem 1.5rem; }\n\n.export-btn {\n  padding: 0.4rem 1rem;\n  background: #111;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.export-btn:hover { background: #333; }\n\n.field-type-selector {\n  display: flex;\n  gap: 2px;\n}\n\n.field-type-btn {\n  padding: 0.3rem 0.6rem;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #555;\n}\n\n.field-type-btn.active {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n}\n\n.field-type-btn:hover:not(.active) {\n  background: #f5f5f5;\n}\n\n/* ── Signer Roles (legacy chip style) ─────── */\n\n.signer-role-selector {\n  padding: 0.5rem 1rem;\n  border-bottom: 1px solid #e5e5e5;\n  background: #fff;\n}\n\n.signer-role-label {\n  font-size: 0.75rem;\n  color: #888;\n  margin-bottom: 0.35rem;\n}\n\n.signer-role-list {\n  display: flex;\n  gap: 0.35rem;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.signer-role-chip {\n  padding: 0.2rem 0.6rem;\n  border: 1.5px solid;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  font-weight: 500;\n  background: transparent;\n  transition: all 0.1s;\n}\n\n.signer-role-remove {\n  margin-left: 0.3rem;\n  cursor: pointer;\n  font-size: 1rem;\n}\n\n.signer-role-add-btn {\n  padding: 0.2rem 0.5rem;\n  border: 1px dashed #ccc;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n}\n\n.signer-role-add-input {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}\n\n.signer-role-add-input input {\n  padding: 0.2rem 0.4rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  font-size: 0.8rem;\n  width: 120px;\n}\n\n.signer-role-add-input button {\n  padding: 0.2rem 0.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n/* ── Property Panel ───────────────────────── */\n\n.field-property-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.panel-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.panel-delete-btn {\n  padding: 0.2rem 0.5rem;\n  background: none;\n  border: 1px solid #e44;\n  color: #e44;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n.panel-delete-btn:hover {\n  background: #e44;\n  color: #fff;\n}\n\n.panel-field label {\n  display: block;\n  font-size: 0.75rem;\n  color: #888;\n  margin-bottom: 0.2rem;\n}\n\n.panel-field input[type=\"text\"],\n.panel-field input[type=\"number\"],\n.panel-field input[type=\"email\"],\n.panel-field input[type=\"tel\"],\n.panel-field input[type=\"date\"],\n.panel-field select {\n  width: 100%;\n  padding: 0.35rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  background: #fff;\n}\n\n.panel-field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n}\n\n.panel-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.85rem;\n  cursor: pointer;\n}\n\n.panel-empty {\n  color: #888;\n  font-size: 0.85rem;\n  padding: 2rem 0.5rem;\n  text-align: center;\n}\n\n/* ── Pre-fill ─────────────────────────────── */\n\n.prefill-section {\n  border-top: 1px solid #eee;\n  padding-top: 0.75rem;\n}\n\n.prefill-section h4 {\n  margin: 0 0 0.5rem;\n  font-size: 0.85rem;\n  color: #555;\n}\n\n.prefill-input {\n  width: 100%;\n  padding: 0.35rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.85rem;\n}\n\n/* ── Field List ───────────────────────────── */\n\n.field-list {\n  display: flex;\n  flex-direction: column;\n}\n\n.field-list h4 {\n  margin: 0 0 0.5rem;\n  font-size: 0.85rem;\n  color: #555;\n}\n\n.field-list-item {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.35rem 0.5rem;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n.field-list-item:hover { background: #f5f5f5; }\n.field-list-item.active { background: #eee; }\n\n.field-list-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.field-list-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-list-page {\n  color: #aaa;\n  font-size: 0.75rem;\n}\n\n.field-list-required {\n  color: #e44;\n  font-weight: bold;\n}\n\n/* ── Signer Panel ─────────────────────────── */\n\n.signer-field-input h3 {\n  margin: 0 0 0.5rem;\n  font-size: 1rem;\n}\n\n.required-badge {\n  display: inline-block;\n  font-size: 0.7rem;\n  background: #fee;\n  color: #c33;\n  padding: 1px 6px;\n  border-radius: 3px;\n  margin-bottom: 0.5rem;\n}\n\n.signer-text-input {\n  width: 100%;\n  padding: 0.4rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 0.9rem;\n}\n\n.signer-font-size {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  margin-top: 0.4rem;\n  font-size: 0.8rem;\n  color: #666;\n}\n\n.signer-font-size label {\n  white-space: nowrap;\n}\n\n.signer-font-size input {\n  width: 50px;\n  padding: 0.2rem 0.3rem;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n.signer-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.9rem;\n  cursor: pointer;\n}\n\n.signer-date-display {\n  font-size: 0.9rem;\n  color: #555;\n  padding: 0.4rem 0;\n}\n\n.signer-field-readonly {\n  color: #888;\n  font-size: 0.85rem;\n}\n\n.signer-field-readonly h3 {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  color: #555;\n}\n\n/* ── Signature Canvas ─────────────────────── */\n\n.signature-canvas-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.35rem;\n}\n\n.signature-canvas {\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: #fff;\n  cursor: crosshair;\n  width: 100%;\n  height: auto;\n  display: block;\n  box-sizing: border-box;\n}\n\n.signature-canvas-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.signature-clear-btn {\n  padding: 0.2rem 0.5rem;\n  background: none;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  color: #888;\n}\n\n.signature-hint {\n  font-size: 0.75rem;\n  color: #aaa;\n}\n\n/* ── Field Navigator ──────────────────────── */\n\n.field-navigator {\n  border-top: 1px solid #eee;\n  padding-top: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.field-navigator-progress {\n  font-size: 0.8rem;\n  color: #888;\n  text-align: center;\n}\n\n.field-navigator-progress.clickable {\n  cursor: pointer;\n}\n\n.field-navigator-progress.clickable:hover {\n  color: #555;\n}\n\n.field-navigator-toggle {\n  margin-left: 0.3rem;\n  font-size: 0.6rem;\n}\n\n.incomplete-fields-list {\n  display: flex;\n  flex-direction: column;\n  max-height: 150px;\n  overflow-y: auto;\n  border: 1px solid #eee;\n  border-radius: 4px;\n  background: #fafafa;\n}\n\n.incomplete-field-item {\n  padding: 0.4rem 0.6rem;\n  border: none;\n  background: none;\n  text-align: left;\n  font-size: 0.8rem;\n  color: #c44;\n  cursor: pointer;\n}\n\n.incomplete-field-item:hover {\n  background: #fff0f0;\n}\n\n.incomplete-field-item:not(:last-child) {\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.field-navigator-controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.nav-btn {\n  padding: 0.35rem 1rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.85rem;\n}\n\n.nav-btn:hover:not(:disabled) { background: #f5f5f5; }\n.nav-btn:disabled { opacity: 0.4; cursor: default; }\n\n.nav-btn-complete {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n  font-weight: 500;\n}\n\n.nav-btn-complete:hover:not(:disabled) { background: #333; }\n\n.field-navigator-position {\n  font-size: 0.85rem;\n  color: #888;\n  min-width: 50px;\n  text-align: center;\n}\n\n/* ── States ───────────────────────────────── */\n\n.loading-indicator {\n  text-align: center;\n  padding: 2rem;\n  color: #888;\n  font-size: 0.9rem;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 0.75rem;\n  color: #888;\n}\n\n.empty-state h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  color: #555;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 0.9rem;\n}\n\n/* ── Powered By ───────────────────────────── */\n\n.powered-by {\n  text-align: center;\n  padding: 0.4rem;\n  font-size: 0.7rem;\n  color: #aaa;\n  border-top: 1px solid #eee;\n  background: #fff;\n}\n\n.powered-by a {\n  color: #888;\n  text-decoration: none;\n}\n\n.powered-by a:hover {\n  text-decoration: underline;\n}\n\n/* ── Signer Panel Structure ──────────────── */\n\n.signer-panel-header {\n  border-bottom: 1px solid #e5e5e5;\n  padding: 0.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n\n.signer-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.signer-panel-footer {\n  margin-top: auto;\n  flex-shrink: 0;\n}\n\n.signer-role-indicator {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.95rem;\n  color: #333;\n}\n\n.signer-role-indicator-label {\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #999;\n  font-weight: 500;\n}\n\n.signer-step-badge {\n  font-size: 0.7rem;\n  color: #888;\n  background: #f0f0f0;\n  padding: 0.2rem 0.5rem;\n  border-radius: 10px;\n  white-space: nowrap;\n}\n\n/* ── Inactive signer fields ──────────────── */\n\n.field-overlay.inactive-signer {\n  opacity: 0.5;\n}\n\n.field-overlay.inactive-signer .field-overlay-placeholder,\n.field-overlay.inactive-signer .field-overlay-value,\n.field-overlay.inactive-signer .field-checkbox-display {\n  color: #bbb;\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -1160,7 +1160,7 @@ function DesignerView({
 }
 
 // src/components/pdf-builder/SignerView.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/utils/pdfFiller.ts
 var import_pdf_lib = require("pdf-lib");
@@ -1234,14 +1234,20 @@ async function generateFilledPdf(pdfSource, fields) {
         });
       }
     } else {
-      const fontSize = Math.min(field.fontSize, h * 0.7);
+      const maxFontSize = Math.min(field.fontSize, h * 0.7);
+      let fontSize = maxFontSize;
+      const padding = 4;
+      while (fontSize > 4) {
+        const textWidth = font.widthOfTextAtSize(field.value, fontSize);
+        if (textWidth <= w - padding) break;
+        fontSize -= 0.5;
+      }
       page.drawText(field.value, {
         x: x + 2,
         y: y + h * 0.3,
         size: fontSize,
         font,
-        color: inkColor,
-        maxWidth: w - 4
+        color: inkColor
       });
     }
   }
@@ -1267,7 +1273,13 @@ async function postPdfToCallback(bytes, callbackUrl, filename) {
 }
 
 // src/components/pdf-builder/FieldNavigator.tsx
+var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+function isFieldFilled(f) {
+  if (!f.required) return true;
+  if (f.type === "checkbox") return true;
+  return !!f.value;
+}
 function FieldNavigator({
   fields,
   currentFieldId,
@@ -1276,6 +1288,7 @@ function FieldNavigator({
   onComplete,
   completeLabel = "Complete"
 }) {
+  const [showIncomplete, setShowIncomplete] = (0, import_react4.useState)(false);
   const currentIndex = fields.findIndex((f) => f.id === currentFieldId);
   const hasPrev = currentIndex > 0;
   const hasNext = currentIndex < fields.length - 1;
@@ -1289,18 +1302,36 @@ function FieldNavigator({
       onNavigate(fields[currentIndex + 1].id);
     }
   };
-  const filledCount = fields.filter((f) => {
-    if (!f.required) return true;
-    if (f.type === "checkbox") return true;
-    return !!f.value;
-  }).length;
+  const filledCount = fields.filter(isFieldFilled).length;
+  const incompleteFields = fields.filter((f) => !isFieldFilled(f));
+  const showCompleteAsNext = !hasNext && allRequiredFilled;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "field-navigator", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "field-navigator-progress", children: [
-      filledCount,
-      " of ",
-      fields.length,
-      " fields completed"
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: `field-navigator-progress ${incompleteFields.length > 0 ? "clickable" : ""}`,
+        onClick: () => incompleteFields.length > 0 && setShowIncomplete(!showIncomplete),
+        children: [
+          filledCount,
+          " of ",
+          fields.length,
+          " fields completed",
+          incompleteFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "field-navigator-toggle", children: showIncomplete ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    showIncomplete && incompleteFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "incomplete-fields-list", children: incompleteFields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        className: "incomplete-field-item",
+        onClick: () => {
+          onNavigate(f.id);
+          setShowIncomplete(false);
+        },
+        children: f.label
+      },
+      f.id
+    )) }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "field-navigator-controls", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
@@ -1312,7 +1343,14 @@ function FieldNavigator({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "field-navigator-position", children: currentIndex >= 0 ? `${currentIndex + 1} / ${fields.length}` : "-" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      showCompleteAsNext ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          onClick: onComplete,
+          className: "nav-btn nav-btn-complete",
+          children: completeLabel
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           onClick: handleNext,
@@ -1321,16 +1359,7 @@ function FieldNavigator({
           children: "Next"
         }
       )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        onClick: onComplete,
-        disabled: !allRequiredFilled,
-        className: "complete-btn",
-        children: completeLabel
-      }
-    )
+    ] })
   ] });
 }
 
@@ -1357,28 +1386,28 @@ function SignerView({
       ] })
     ] }) });
   }
-  const [pages, setPages] = (0, import_react4.useState)([]);
-  const [fields, setFields] = (0, import_react4.useState)([]);
-  const [selectedFieldId, setSelectedFieldId] = (0, import_react4.useState)(null);
-  const [signerRoles, setSignerRoles] = (0, import_react4.useState)([]);
-  const [currentSignerIndex, setCurrentSignerIndex] = (0, import_react4.useState)(() => {
+  const [pages, setPages] = (0, import_react5.useState)([]);
+  const [fields, setFields] = (0, import_react5.useState)([]);
+  const [selectedFieldId, setSelectedFieldId] = (0, import_react5.useState)(null);
+  const [signerRoles, setSignerRoles] = (0, import_react5.useState)([]);
+  const [currentSignerIndex, setCurrentSignerIndex] = (0, import_react5.useState)(() => {
     if (initialSigner && signerOrderProp) {
       const idx = signerOrderProp.indexOf(initialSigner);
       return idx >= 0 ? idx : 0;
     }
     return 0;
   });
-  const initializedRef = (0, import_react4.useRef)(false);
-  const [loading, setLoading] = (0, import_react4.useState)(false);
-  const [submitting, setSubmitting] = (0, import_react4.useState)(false);
-  const [pdfSource, setPdfSource] = (0, import_react4.useState)(null);
-  const [callbackUrl, setCallbackUrl] = (0, import_react4.useState)(initialCallbackUrl || "");
-  const containerRef = (0, import_react4.useRef)(null);
+  const initializedRef = (0, import_react5.useRef)(false);
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
+  const [pdfSource, setPdfSource] = (0, import_react5.useState)(null);
+  const [callbackUrl, setCallbackUrl] = (0, import_react5.useState)(initialCallbackUrl || "");
+  const containerRef = (0, import_react5.useRef)(null);
   const signerOrder = signerOrderProp || (signerRoles.length > 0 ? [...signerRoles.filter((r) => r !== "Sender"), ...signerRoles.filter((r) => r === "Sender")] : [initialSigner || "Signer 1"]);
   const signer = signerOrder[currentSignerIndex] || signerOrder[0] || "Signer 1";
   const isLastSigner = currentSignerIndex >= signerOrder.length - 1;
   const isMultiSigner = signerOrder.length > 1;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (initialTemplate) {
       let templateFields = initialTemplate.fields;
       if (initialTemplate.signerRoles) setSignerRoles(initialTemplate.signerRoles);
@@ -1448,7 +1477,7 @@ function SignerView({
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [initialTemplate, initialPdfUrl]);
-  const loadPdf = (0, import_react4.useCallback)(async (source) => {
+  const loadPdf = (0, import_react5.useCallback)(async (source) => {
     setLoading(true);
     try {
       const rendered = await renderPdfPages(source);
@@ -1468,10 +1497,13 @@ function SignerView({
   });
   const selectedField = fields.find((f) => f.id === selectedFieldId) || null;
   const isFieldEditable = selectedField ? selectedField.assignee === signer && selectedField.type !== "blackout" && selectedField.type !== "whiteout" : false;
-  const handleFieldUpdate = (0, import_react4.useCallback)((id, value) => {
+  const handleFieldUpdate = (0, import_react5.useCallback)((id, value) => {
     setFields((prev) => prev.map((f) => f.id === id ? { ...f, value } : f));
   }, []);
-  const handleNavigate = (0, import_react4.useCallback)((fieldId) => {
+  const handleFieldPropertyUpdate = (0, import_react5.useCallback)((id, updates) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, ...updates } : f));
+  }, []);
+  const handleNavigate = (0, import_react5.useCallback)((fieldId) => {
     setSelectedFieldId(fieldId);
     const field = fields.find((f) => f.id === fieldId);
     if (field && containerRef.current) {
@@ -1486,7 +1518,7 @@ function SignerView({
     if (f.type === "checkbox") return true;
     return !!f.value;
   });
-  const handleAdvanceOrSubmit = (0, import_react4.useCallback)(async () => {
+  const handleAdvanceOrSubmit = (0, import_react5.useCallback)(async () => {
     if (!allRequiredFilled) return;
     if (!isLastSigner) {
       setCurrentSignerIndex((prev) => prev + 1);
@@ -1518,7 +1550,7 @@ function SignerView({
       setSubmitting(false);
     }
   }, [pdfSource, fields, callbackUrl, allRequiredFilled, onComplete, isLastSigner]);
-  const renderFieldContent = (0, import_react4.useCallback)((field) => {
+  const renderFieldContent = (0, import_react5.useCallback)((field) => {
     if (field.type === "blackout" || field.type === "whiteout") {
       return null;
     }
@@ -1568,7 +1600,7 @@ function SignerView({
       }
     );
   }, [signer, handleFieldUpdate, setSelectedFieldId]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const sigFields = fields.filter((f) => f.assignee === signer && f.type === "signature" && f.value);
     if (sigFields.length > 0) {
       const dateStr = (/* @__PURE__ */ new Date()).toLocaleDateString();
@@ -1621,16 +1653,32 @@ function SignerView({
                 initialValue: selectedField.value
               }
             ),
-            selectedField.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "input",
-              {
-                type: selectedField.textSubtype === "email" ? "email" : selectedField.textSubtype === "number" ? "number" : selectedField.textSubtype === "phone" ? "tel" : selectedField.textSubtype === "date" ? "date" : "text",
-                value: selectedField.value,
-                onChange: (e) => handleFieldUpdate(selectedField.id, e.target.value),
-                placeholder: selectedField.placeholder,
-                className: "signer-text-input"
-              }
-            ),
+            selectedField.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "input",
+                {
+                  type: selectedField.textSubtype === "email" ? "email" : selectedField.textSubtype === "number" ? "number" : selectedField.textSubtype === "phone" ? "tel" : selectedField.textSubtype === "date" ? "date" : "text",
+                  value: selectedField.value,
+                  onChange: (e) => handleFieldUpdate(selectedField.id, e.target.value),
+                  placeholder: selectedField.placeholder,
+                  className: "signer-text-input"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "signer-font-size", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { children: "Font Size" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "input",
+                  {
+                    type: "number",
+                    min: "6",
+                    max: "72",
+                    value: selectedField.fontSize,
+                    onChange: (e) => handleFieldPropertyUpdate(selectedField.id, { fontSize: Number(e.target.value) })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "pt" })
+              ] })
+            ] }),
             selectedField.type === "checkbox" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "signer-checkbox-label", children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 "input",
@@ -1674,7 +1722,7 @@ function SignerView({
 }
 
 // src/components/pdf-builder/SignerRoleSelector.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function SignerRoleSelector({
   roles,
@@ -1683,8 +1731,8 @@ function SignerRoleSelector({
   onAddRole,
   onRemoveRole
 }) {
-  const [isAdding, setIsAdding] = (0, import_react5.useState)(false);
-  const [newRoleName, setNewRoleName] = (0, import_react5.useState)("");
+  const [isAdding, setIsAdding] = (0, import_react6.useState)(false);
+  const [newRoleName, setNewRoleName] = (0, import_react6.useState)("");
   const handleAdd = () => {
     if (newRoleName.trim()) {
       onAddRole(newRoleName.trim());