@unlev/exeq 0.1.12 → 0.2.1

package/README.md

@@ -88,6 +88,57 @@ function MultiPartySigner() {
 | `onComplete` | `(blob: Blob) => void` | No | Callback with the signed PDF Blob |
 | `submitLabel` | `string` | No | Label for the final submit button (default: `"Complete"`) |
 | `signerOrder` | `string[]` | No | Signing order for multi-party docs. Signers complete sequentially. Defaults to non-Sender roles first, then Sender. |
+| `transforms` | `Record<string, (value: string) => string>` | No | Custom transform functions for formula fields. Merges with built-in transforms. |
+
+### Formulas
+
+Fields can reference other fields and apply transforms using the syntax `{{Source Field Label | transform}}`. Formula fields auto-compute their values and are read-only to the signer.
+
+```tsx
+// In the template designer, set a field's formula to:
+// {{Contract Date | month2}}/{{Contract Date | day2}}/{{Contract Date | year}}
+// {{Full Name | first}}
+// {{SSN | last4}}
+
+// Pass custom transforms via the SignerView prop:
+<SignerView
+  initialTemplate={template}
+  transforms={{
+    'last4': (value) => value.slice(-4),
+    'ssn-masked': (value) => `***-**-${value.slice(-4)}`,
+    'currency': (value) => `$${parseFloat(value).toFixed(2)}`,
+    'uppercase': (value) => value.toUpperCase(),
+  }}
+/>
+```
+
+**Built-in transforms:**
+
+| Transform | Description | Example |
+|-----------|-------------|---------|
+| `month` | Numeric month (1-12) | `3` |
+| `month2` | Zero-padded month | `03` |
+| `monthname` | Full month name | `March` |
+| `monthshort` | Short month name | `Mar` |
+| `day` | Day of month | `5` |
+| `day2` | Zero-padded day | `05` |
+| `year` | 4-digit year | `2026` |
+| `year2` | 2-digit year | `26` |
+| `upper` | Uppercase | `JANE SMITH` |
+| `lower` | Lowercase | `jane smith` |
+| `first` | First word | `Jane` |
+| `last` | Last word | `Smith` |
+| `initials` | First letter of each word | `JS` |
+| `last4` | Last 4 characters | `6789` |
+| `last2` | Last 2 characters | `89` |
+| `first4` | First 4 characters | `1234` |
+| `first2` | First 2 characters | `12` |
+| `digits` | Digits only | `1234567890` |
+| `number` | Parse as number | `42` |
+| `currency` | Format as USD | `$42.00` |
+| `trim` | Remove whitespace | `text` |
+
+Custom transforms override built-ins with the same name. Any transform name is valid — use whatever makes sense for your use case.
 
 ### Utilities
 

package/dist/index.css

@@ -613,6 +613,60 @@
   grid-template-columns: 1fr 1fr;
   gap: 0.5rem;
 }
+.panel-field-row {
+  display: flex;
+  gap: 0.5rem;
+}
+.panel-field-half {
+  flex: 1;
+}
+.panel-options-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.panel-option-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.25rem 0.4rem;
+  background: #f5f5f5;
+  border-radius: 3px;
+  font-size: 0.8rem;
+}
+.panel-option-remove {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #c44;
+  font-size: 1rem;
+  padding: 0 0.2rem;
+  line-height: 1;
+}
+.panel-option-add {
+  display: flex;
+  gap: 0.25rem;
+}
+.panel-option-add input {
+  flex: 1;
+  padding: 0.25rem 0.4rem;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 0.8rem;
+}
+.panel-option-add button {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  background: #fff;
+  cursor: pointer;
+  font-size: 0.85rem;
+}
+.panel-hint {
+  font-size: 0.7rem;
+  color: #aaa;
+  margin-top: 0.2rem;
+}
 .panel-checkbox-label {
   display: flex;
   align-items: 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  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":[]}
+{"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-field-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.panel-field-half {\n  flex: 1;\n}\n\n.panel-options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n\n.panel-option-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.25rem 0.4rem;\n  background: #f5f5f5;\n  border-radius: 3px;\n  font-size: 0.8rem;\n}\n\n.panel-option-remove {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #c44;\n  font-size: 1rem;\n  padding: 0 0.2rem;\n  line-height: 1;\n}\n\n.panel-option-add {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.panel-option-add input {\n  flex: 1;\n  padding: 0.25rem 0.4rem;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  font-size: 0.8rem;\n}\n\n.panel-option-add button {\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 0.85rem;\n}\n\n.panel-hint {\n  font-size: 0.7rem;\n  color: #aaa;\n  margin-top: 0.2rem;\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.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type FieldType = 'text' | 'signature' | 'signed-date' | 'checkbox' | 'initials' | 'blackout' | 'whiteout';
+declare function generateId(): string;
+type FieldType = 'text' | 'dropdown' | 'signature' | 'signed-date' | 'checkbox' | 'initials' | 'blackout' | 'whiteout';
 type TextSubtype = 'freeform' | 'number' | 'date' | 'email' | 'phone';
 interface FormField {
     id: string;
@@ -18,6 +19,12 @@ interface FormField {
     fontSize: number;
     value: string;
     inkColor?: string;
+    letterSpacing?: number;
+    lineHeight?: number;
+    maxLength?: number;
+    fontFamily?: string;
+    options?: string[];
+    formula?: string;
 }
 interface Template {
     fields: FormField[];
@@ -27,6 +34,16 @@ interface Template {
 declare const DEFAULT_SIGNER_ROLES: string[];
 declare const SIGNER_ROLE_COLORS: Record<string, string>;
 declare function getSignerColor(role: string): string;
+declare const FONT_FAMILIES: readonly [{
+    readonly value: "Helvetica";
+    readonly label: "Helvetica";
+}, {
+    readonly value: "Courier";
+    readonly label: "Courier New";
+}, {
+    readonly value: "TimesRoman";
+    readonly label: "Times New Roman";
+}];
 declare const FIELD_DEFAULTS: Record<FieldType, Partial<FormField>>;
 /** Given a desired label and a list of existing labels, return a unique label by appending a number if needed. */
 declare function uniqueLabel(desired: string, existingLabels: string[]): string;
@@ -48,6 +65,22 @@ interface DesignerViewProps {
 }
 declare function DesignerView({ apiKey, initialPdfUrl, initialTemplate, onSave, hideHeader, headerPortalRef, }?: DesignerViewProps): react_jsx_runtime.JSX.Element;
 
+type TransformFn = (value: string) => string;
+type TransformMap = Record<string, TransformFn>;
+/** Built-in transforms that ship with exeq. */
+declare const BUILTIN_TRANSFORMS: TransformMap;
+/**
+ * Resolve a single formula string against a set of fields and transforms.
+ * Formula format: "{{Source Field Label | transform}}" or "{{Source Field Label}}" (no transform = raw value).
+ * Multiple expressions can appear in one formula: "{{First}} {{Last}}" → "Jane Smith"
+ */
+declare function resolveFormula(formula: string, fields: FormField[], customTransforms?: TransformMap): string;
+/**
+ * Resolve all formula fields in a fields array.
+ * Returns a new array with computed values filled in.
+ */
+declare function resolveAllFormulas(fields: FormField[], customTransforms?: TransformMap): FormField[];
+
 interface SignerViewProps {
     /** API key for authentication */
     apiKey?: string;
@@ -63,8 +96,10 @@ interface SignerViewProps {
     submitLabel?: string;
     /** Signing order for multi-party documents. Signers complete sequentially; only the current signer's fields are active. If omitted, non-Sender roles go first, then Sender last. */
     signerOrder?: string[];
+    /** Custom transform functions for formula fields. Keys are transform names referenced in formulas like {{Field | name}}. Merges with built-in transforms. */
+    transforms?: TransformMap;
 }
-declare function SignerView({ apiKey, initialPdfUrl, initialTemplate, initialSigner, callbackUrl: initialCallbackUrl, onComplete, initialValues, submitLabel, signerOrder: signerOrderProp, }?: SignerViewProps): react_jsx_runtime.JSX.Element;
+declare function SignerView({ apiKey, initialPdfUrl, initialTemplate, initialSigner, callbackUrl: initialCallbackUrl, onComplete, initialValues, submitLabel, signerOrder: signerOrderProp, transforms, }?: SignerViewProps): react_jsx_runtime.JSX.Element;
 
 interface RenderedPage {
     pageNumber: number;
@@ -130,4 +165,4 @@ declare function generateFilledPdf(pdfSource: string | ArrayBuffer, fields: Form
 declare function downloadPdf(bytes: Uint8Array, filename: string): void;
 declare function postPdfToCallback(bytes: Uint8Array, callbackUrl: string, filename: string): Promise<void>;
 
-export { DEFAULT_SIGNER_ROLES, DesignerView, type DesignerViewProps, FIELD_DEFAULTS, FieldNavigator, FieldPropertyPanel, type FieldType, type FormField, PdfViewer, type RenderedPage, SIGNER_ROLE_COLORS, SignatureCanvas, SignerRoleSelector, SignerView, type SignerViewProps, type Template, type TextSubtype, createField, downloadPdf, generateFilledPdf, getSignerColor, postPdfToCallback, renderPdfPages, uniqueLabel };
+export { BUILTIN_TRANSFORMS, DEFAULT_SIGNER_ROLES, DesignerView, type DesignerViewProps, FIELD_DEFAULTS, FONT_FAMILIES, FieldNavigator, FieldPropertyPanel, type FieldType, type FormField, PdfViewer, type RenderedPage, SIGNER_ROLE_COLORS, SignatureCanvas, SignerRoleSelector, SignerView, type SignerViewProps, type Template, type TextSubtype, type TransformFn, type TransformMap, createField, downloadPdf, generateFilledPdf, generateId, getSignerColor, postPdfToCallback, renderPdfPages, resolveAllFormulas, resolveFormula, uniqueLabel };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type FieldType = 'text' | 'signature' | 'signed-date' | 'checkbox' | 'initials' | 'blackout' | 'whiteout';
+declare function generateId(): string;
+type FieldType = 'text' | 'dropdown' | 'signature' | 'signed-date' | 'checkbox' | 'initials' | 'blackout' | 'whiteout';
 type TextSubtype = 'freeform' | 'number' | 'date' | 'email' | 'phone';
 interface FormField {
     id: string;
@@ -18,6 +19,12 @@ interface FormField {
     fontSize: number;
     value: string;
     inkColor?: string;
+    letterSpacing?: number;
+    lineHeight?: number;
+    maxLength?: number;
+    fontFamily?: string;
+    options?: string[];
+    formula?: string;
 }
 interface Template {
     fields: FormField[];
@@ -27,6 +34,16 @@ interface Template {
 declare const DEFAULT_SIGNER_ROLES: string[];
 declare const SIGNER_ROLE_COLORS: Record<string, string>;
 declare function getSignerColor(role: string): string;
+declare const FONT_FAMILIES: readonly [{
+    readonly value: "Helvetica";
+    readonly label: "Helvetica";
+}, {
+    readonly value: "Courier";
+    readonly label: "Courier New";
+}, {
+    readonly value: "TimesRoman";
+    readonly label: "Times New Roman";
+}];
 declare const FIELD_DEFAULTS: Record<FieldType, Partial<FormField>>;
 /** Given a desired label and a list of existing labels, return a unique label by appending a number if needed. */
 declare function uniqueLabel(desired: string, existingLabels: string[]): string;
@@ -48,6 +65,22 @@ interface DesignerViewProps {
 }
 declare function DesignerView({ apiKey, initialPdfUrl, initialTemplate, onSave, hideHeader, headerPortalRef, }?: DesignerViewProps): react_jsx_runtime.JSX.Element;
 
+type TransformFn = (value: string) => string;
+type TransformMap = Record<string, TransformFn>;
+/** Built-in transforms that ship with exeq. */
+declare const BUILTIN_TRANSFORMS: TransformMap;
+/**
+ * Resolve a single formula string against a set of fields and transforms.
+ * Formula format: "{{Source Field Label | transform}}" or "{{Source Field Label}}" (no transform = raw value).
+ * Multiple expressions can appear in one formula: "{{First}} {{Last}}" → "Jane Smith"
+ */
+declare function resolveFormula(formula: string, fields: FormField[], customTransforms?: TransformMap): string;
+/**
+ * Resolve all formula fields in a fields array.
+ * Returns a new array with computed values filled in.
+ */
+declare function resolveAllFormulas(fields: FormField[], customTransforms?: TransformMap): FormField[];
+
 interface SignerViewProps {
     /** API key for authentication */
     apiKey?: string;
@@ -63,8 +96,10 @@ interface SignerViewProps {
     submitLabel?: string;
     /** Signing order for multi-party documents. Signers complete sequentially; only the current signer's fields are active. If omitted, non-Sender roles go first, then Sender last. */
     signerOrder?: string[];
+    /** Custom transform functions for formula fields. Keys are transform names referenced in formulas like {{Field | name}}. Merges with built-in transforms. */
+    transforms?: TransformMap;
 }
-declare function SignerView({ apiKey, initialPdfUrl, initialTemplate, initialSigner, callbackUrl: initialCallbackUrl, onComplete, initialValues, submitLabel, signerOrder: signerOrderProp, }?: SignerViewProps): react_jsx_runtime.JSX.Element;
+declare function SignerView({ apiKey, initialPdfUrl, initialTemplate, initialSigner, callbackUrl: initialCallbackUrl, onComplete, initialValues, submitLabel, signerOrder: signerOrderProp, transforms, }?: SignerViewProps): react_jsx_runtime.JSX.Element;
 
 interface RenderedPage {
     pageNumber: number;
@@ -130,4 +165,4 @@ declare function generateFilledPdf(pdfSource: string | ArrayBuffer, fields: Form
 declare function downloadPdf(bytes: Uint8Array, filename: string): void;
 declare function postPdfToCallback(bytes: Uint8Array, callbackUrl: string, filename: string): Promise<void>;
 
-export { DEFAULT_SIGNER_ROLES, DesignerView, type DesignerViewProps, FIELD_DEFAULTS, FieldNavigator, FieldPropertyPanel, type FieldType, type FormField, PdfViewer, type RenderedPage, SIGNER_ROLE_COLORS, SignatureCanvas, SignerRoleSelector, SignerView, type SignerViewProps, type Template, type TextSubtype, createField, downloadPdf, generateFilledPdf, getSignerColor, postPdfToCallback, renderPdfPages, uniqueLabel };
+export { BUILTIN_TRANSFORMS, DEFAULT_SIGNER_ROLES, DesignerView, type DesignerViewProps, FIELD_DEFAULTS, FONT_FAMILIES, FieldNavigator, FieldPropertyPanel, type FieldType, type FormField, PdfViewer, type RenderedPage, SIGNER_ROLE_COLORS, SignatureCanvas, SignerRoleSelector, SignerView, type SignerViewProps, type Template, type TextSubtype, type TransformFn, type TransformMap, createField, downloadPdf, generateFilledPdf, generateId, getSignerColor, postPdfToCallback, renderPdfPages, resolveAllFormulas, resolveFormula, uniqueLabel };