@signiphi/pdf-compose 0.1.0-beta.1 → 0.1.0-beta.10

package/README.md

@@ -0,0 +1,265 @@
+# @signiphi/pdf-compose
+
+Markdown-based document composer with interactive form field placeholders and real-time PDF preview. Built for the signiphi signing pipeline.
+
+Write documents in a rich text editor, embed signable form fields (signature, date, text, checkbox, etc.) and template variables, then export production-ready PDFs with interactive AcroForm fields.
+
+## Install
+
+```bash
+npm install @signiphi/pdf-compose
+# or
+pnpm add @signiphi/pdf-compose
+```
+
+## Quick Start
+
+```tsx
+import { DocumentGenerator } from '@signiphi/pdf-compose';
+import '@signiphi/pdf-compose/styles';
+
+function App() {
+  return (
+    <DocumentGenerator
+      placeholder="Start writing your document..."
+      onExport={(result) => {
+        // result.pdfBlob  — Blob with interactive form fields
+        // result.fields   — Array of field positions for signing
+        const url = URL.createObjectURL(result.pdfBlob);
+        window.open(url);
+      }}
+    />
+  );
+}
+```
+
+## Features
+
+- **Rich text editor** — TipTap-based with markdown toolbar (headings, bold, italic, underline, lists, alignment)
+- **Form field placeholders** — Insert signature, text, date, checkbox, initials, radio, dropdown, and text label fields inline
+- **Template variables** — Define reusable variables (company name, salary, etc.) that get replaced at generation time
+- **Real-time PDF preview** — See the rendered PDF alongside the editor with field overlays
+- **PDF generation** — Export PDFs with embedded interactive AcroForm fields via pdf-lib
+- **Bulk generation** — Fill variables from JSON or CSV and generate multiple PDFs as a ZIP
+- **Theming** — Light, dark, and auto modes with customizable primary color
+- **Markdown I/O** — Import/export documents as markdown with field token syntax
+
+## Props
+
+```tsx
+interface DocumentGeneratorProps {
+  /** Pre-fill the editor with markdown content */
+  initialMarkdown?: string;
+  /** Pre-fill with TipTap JSON content (takes precedence over initialMarkdown) */
+  initialContent?: JSONContent;
+  /** Fires on content changes (debounced 150ms) */
+  onChange?: (data: { markdown: string; fields: DocumentGeneratorField[]; variables: DocumentGeneratorVariable[] }) => void;
+  /** Fires when the user exports from the Editor tab */
+  onExport?: (result: DocumentGeneratorExportResult) => void;
+  /** Fires when the user generates a PDF from the Generate tab */
+  onGeneratePdf?: (blob: Blob, fileName: string) => void;
+  /** Disable editing */
+  readOnly?: boolean;
+  /** Custom CSS class */
+  className?: string;
+  /** Primary theme color (hex) */
+  themeColor?: string;
+  /** Theme mode — 'light' | 'dark' | 'auto' (default: 'auto') */
+  themeMode?: ThemeMode;
+  /** Full custom color palette */
+  themeConfig?: ThemeConfig;
+  /** Show the PDF preview panel (default: true) */
+  showPreview?: boolean;
+  /** Show the editor toolbar (default: true) */
+  showToolbar?: boolean;
+  /** Show the Generate tab (default: true) */
+  showGenerateTab?: boolean;
+  /** Editor placeholder text */
+  placeholder?: string;
+  /** Custom text for the export button */
+  exportButtonText?: string;
+  /** Pre-fill bulk generation data */
+  initialBulkData?: Record<string, string>[];
+}
+```
+
+## Field Token Syntax
+
+Fields and variables are embedded as inline tokens in the markdown content:
+
+### Form Fields
+
+```
+{{field|type:signature|name:sig_1|label:Employee Signature|required:true}}
+```
+
+| Attribute      | Description                                   |
+| -------------- | --------------------------------------------- |
+| `type`         | `text`, `signature`, `initials`, `date`, `checkbox`, `radio`, `dropdown`, `text_label` |
+| `name`         | Field identifier in the PDF                   |
+| `label`        | User-facing label                             |
+| `required`     | `true` or `false`                             |
+| `placeholder`  | Hint text for text fields                     |
+| `options`      | Comma-separated values (radio/dropdown)       |
+| `defaultValue` | Pre-filled value                              |
+| `multiline`    | `true` for multiline text fields              |
+| `maxLength`    | Character limit                               |
+| `fontSize`     | Font size in points                           |
+
+### Template Variables
+
+```
+{{var|name:company_name|label:Company Name|default:Acme Corp}}
+```
+
+| Attribute  | Description           |
+| ---------- | --------------------- |
+| `name`     | Variable identifier   |
+| `label`    | Display label         |
+| `default`  | Default value         |
+| `suppress` | `zero` — remove the containing row/paragraph when the value is zero-like |
+| `format`   | Named value format (e.g. `phone`) |
+| `block`    | `true` — parse the value as extended markdown and splice it in as block content (headings, tables, lists) |
+
+Variables are replaced with actual values at PDF generation time. In bulk mode, each row of data produces a separate PDF.
+
+#### Block variables
+
+A variable that is the **sole content of its paragraph** can expand into full block content: the resolved value is parsed as extended markdown and the resulting blocks (headings, tables, lists, panels) replace the paragraph. This happens when the token carries `block:true`, or automatically when the resolved value contains a newline. An empty block value removes the paragraph entirely, so optional sections collapse without leaving a gap. Variables mixed inline with other text always substitute as plain text.
+
+## Advanced Usage
+
+### Using the Hook Directly
+
+For custom layouts, use `useDocumentGenerator` to drive your own UI:
+
+```tsx
+import { useDocumentGenerator, EditorPanel, PreviewPanel } from '@signiphi/pdf-compose';
+import '@signiphi/pdf-compose/styles';
+
+function CustomComposer() {
+  const generator = useDocumentGenerator({ initialMarkdown: '# My Doc' });
+
+  return (
+    <div style={{ display: 'flex', gap: 16 }}>
+      <EditorPanel {...generator} />
+      <PreviewPanel pages={generator.pdfPages} fields={generator.positionedFields} />
+    </div>
+  );
+}
+```
+
+### Export Result
+
+The `onExport` callback receives:
+
+```tsx
+interface DocumentGeneratorExportResult {
+  pdfBlob: Blob;           // PDF with embedded interactive form fields
+  fields: FormFieldForExport[]; // Field metadata with page positions
+}
+
+interface FormFieldForExport {
+  name: string;
+  type: FormFieldType;
+  label?: string;
+  required: boolean;
+  page: number;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+```
+
+### Pre-filled Markdown Example
+
+```tsx
+const markdown = `# Employment Agreement
+
+**Company:** {{var|name:company|label:Company Name|default:Acme Corp}}
+
+**Employee:** {{field|type:text|name:employee_name|required:true|placeholder:Full name}}
+
+**Start Date:** {{field|type:date|name:start_date|required:true}}
+
+## Signature
+
+{{field|type:signature|name:employee_sig|label:Employee Signature|required:true}}
+`;
+
+<DocumentGenerator
+  initialMarkdown={markdown}
+  onExport={handleExport}
+  themeColor="#4F46E5"
+/>
+```
+
+## Styling
+
+Import the stylesheet — required for the component to render correctly:
+
+```tsx
+import '@signiphi/pdf-compose/styles';
+```
+
+All styles are scoped under `.signiphi-pdf-compose` so they won't conflict with your application's CSS. CSS custom properties use the `--xpc-*` namespace.
+
+### Theming
+
+```tsx
+// Simple — just a color
+<DocumentGenerator themeColor="#4F46E5" themeMode="dark" />
+
+// Full custom palette
+<DocumentGenerator themeConfig={{
+  primary: '#4F46E5',
+  primaryForeground: '#ffffff',
+  background: '#1a1a2e',
+  foreground: '#e0e0e0',
+  border: '#333355',
+  // ...
+}} />
+```
+
+## Exports
+
+```tsx
+// Components
+export { DocumentGenerator } from '@signiphi/pdf-compose';
+export { EditorPanel } from '@signiphi/pdf-compose';
+export { PreviewPanel } from '@signiphi/pdf-compose';
+
+// Hooks
+export { useDocumentGenerator } from '@signiphi/pdf-compose';
+
+// Theme
+export { ThemeProvider, useTheme } from '@signiphi/pdf-compose';
+
+// Types
+export type {
+  DocumentGeneratorProps,
+  DocumentGeneratorField,
+  DocumentGeneratorVariable,
+  VariableValues,
+  GeneratedDocument,
+  DocumentGeneratorExportResult,
+  FormFieldForExport,
+  ThemeMode,
+  ThemeConfig,
+  PdfPage,
+} from '@signiphi/pdf-compose';
+
+export { FormFieldType } from '@signiphi/pdf-compose';
+```
+
+## Peer Dependencies
+
+- `react` >= 18
+- `react-dom` >= 18
+- `@radix-ui/react-dialog`, `@radix-ui/react-label`, `@radix-ui/react-popover`, `@radix-ui/react-select`, `@radix-ui/react-tooltip`
+- `lucide-react`
+
+## License
+
+See repository for license information.

package/dist/components/DocumentGenerator.d.ts

@@ -0,0 +1,3 @@
+import type { DocumentGeneratorProps } from '../types';
+export declare function DocumentGenerator(props: DocumentGeneratorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocumentGenerator.d.ts.map

package/dist/components/DocumentGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentGenerator.d.ts","sourceRoot":"","sources":["../../src/components/DocumentGenerator.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAwevD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAY9D"}

package/dist/components/EditorPanel.d.ts

@@ -0,0 +1,15 @@
+import { type Editor } from '@tiptap/react';
+import { FormFieldType } from '../types';
+import type { FieldNodeAttributes } from '../extensions/field-node';
+interface EditorPanelProps {
+    editor: Editor | null;
+    showToolbar?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    onInsertField: (type: FormFieldType, attrs?: Partial<FieldNodeAttributes>) => void;
+    onUpdateField: (fieldId: string, attrs: Partial<FieldNodeAttributes>) => void;
+    onDeleteField: (fieldId: string) => void;
+}
+export declare function EditorPanel({ editor, showToolbar, readOnly, className, onInsertField, onUpdateField, onDeleteField, }: EditorPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorPanel.d.ts.map

package/dist/components/EditorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorPanel.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAM3D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACnF,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAAkB,EAClB,QAAgB,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,aAAa,GACd,EAAE,gBAAgB,2CAmGlB"}

package/dist/components/EditorToolbar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Editor } from '@tiptap/react';
+interface EditorToolbarProps {
+    editor: Editor | null;
+    insertFieldButton: React.ReactNode;
+    insertVariableButton?: React.ReactNode;
+    onCollapse?: () => void;
+}
+export declare function EditorToolbar({ editor, insertFieldButton, insertVariableButton, onCollapse }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../src/components/EditorToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AA6D5C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAYD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,UAAU,EAAE,EAAE,kBAAkB,kDA0JhH"}

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    fallbackClassName?: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ComposeErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    handleReset: () => void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACnF,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,WAAW,aAET;IAEF,MAAM;CAuBP"}

package/dist/components/FieldEditPopover.d.ts

@@ -0,0 +1,12 @@
+import type { FieldNodeAttributes } from '../extensions/field-node';
+interface FieldEditPopoverProps {
+    fieldId: string | null;
+    attrs: Partial<FieldNodeAttributes> | null;
+    anchorEl: HTMLElement | null;
+    onUpdate: (fieldId: string, attrs: Partial<FieldNodeAttributes>) => void;
+    onDelete: (fieldId: string) => void;
+    onClose: () => void;
+}
+export declare function FieldEditPopover({ fieldId, attrs, anchorEl, onUpdate, onDelete, onClose, }: FieldEditPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FieldEditPopover.d.ts.map

package/dist/components/FieldEditPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditPopover.d.ts","sourceRoot":"","sources":["../../src/components/FieldEditPopover.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAcpE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,qBAAqB,2CAmWvB"}

package/dist/components/FieldInsertPopover.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FormFieldType } from '../types';
+import type { FieldNodeAttributes } from '../extensions/field-node';
+interface FieldInsertPopoverProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onInsert: (type: FormFieldType, attrs?: Partial<FieldNodeAttributes>) => void;
+    children: React.ReactNode;
+}
+export declare function FieldInsertPopover({ open, onOpenChange, onInsert, children, }: FieldInsertPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FieldInsertPopover.d.ts.map

package/dist/components/FieldInsertPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInsertPopover.d.ts","sourceRoot":"","sources":["../../src/components/FieldInsertPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAmBrD,OAAO,EAAE,aAAa,EAAwB,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAcpE,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,2CAyWzB"}

package/dist/components/FieldNodeView.d.ts

@@ -0,0 +1,3 @@
+import type { NodeViewProps } from '@tiptap/react';
+export declare function FieldNodeView({ node, selected, getPos, editor }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldNodeView.d.ts.map

package/dist/components/FieldNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldNodeView.d.ts","sourceRoot":"","sources":["../../src/components/FieldNodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAwBnD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,2CAkC9E"}

package/dist/components/FieldOverlay.d.ts

@@ -0,0 +1,9 @@
+import type { FormFieldForExport } from '../types';
+interface FieldOverlayProps {
+    field: FormFieldForExport;
+    renderScale: number;
+    pageHeight: number;
+}
+export declare function FieldOverlay({ field, renderScale, pageHeight }: FieldOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FieldOverlay.d.ts.map

package/dist/components/FieldOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldOverlay.d.ts","sourceRoot":"","sources":["../../src/components/FieldOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD,UAAU,iBAAiB;IACzB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AA6BD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAkCjF"}

package/dist/components/GeneratePanel.d.ts

@@ -0,0 +1,15 @@
+import type { JSONContent } from '@tiptap/core';
+import type { DocumentGeneratorVariable } from '../types';
+interface GeneratePanelProps {
+    editorMarkdown: string;
+    editorContent?: JSONContent;
+    editorVariables: DocumentGeneratorVariable[];
+    onGeneratePdf?: (blob: Blob, fileName: string) => void;
+    initialBulkData?: Record<string, string>[];
+    initialVariableValues?: Record<string, string>;
+    exportFileName?: string;
+    templateMode?: boolean;
+}
+export declare function GeneratePanel({ editorMarkdown, editorContent, editorVariables, onGeneratePdf, initialBulkData, initialVariableValues, exportFileName, templateMode, }: GeneratePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GeneratePanel.d.ts.map

package/dist/components/GeneratePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratePanel.d.ts","sourceRoot":"","sources":["../../src/components/GeneratePanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAA0E,MAAM,UAAU,CAAC;AAelI,UAAU,kBAAkB;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,EAAE,yBAAyB,EAAE,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4DD,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,YAAY,GACb,EAAE,kBAAkB,2CAg/BpB"}

package/dist/components/PreviewPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PdfPage, FormFieldForExport } from '../types';
+interface PreviewPanelProps {
+    pages: PdfPage[];
+    isGenerating: boolean;
+    positionedFields?: FormFieldForExport[];
+    headerLeft?: React.ReactNode;
+    className?: string;
+}
+export declare function PreviewPanel({ pages, isGenerating, positionedFields, headerLeft, className, }: PreviewPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewPanel.d.ts.map

package/dist/components/PreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../../src/components/PreviewPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG5D,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,SAAS,GACV,EAAE,iBAAiB,2CAoMnB"}

package/dist/components/VariableEditPopover.d.ts

@@ -0,0 +1,12 @@
+import type { VariableNodeAttributes } from '../extensions/variable-node';
+interface VariableEditPopoverProps {
+    varName: string | null;
+    attrs: Partial<VariableNodeAttributes> | null;
+    anchorEl: HTMLElement | null;
+    onUpdate: (varName: string, attrs: Partial<VariableNodeAttributes>) => void;
+    onDelete: (varName: string) => void;
+    onClose: () => void;
+}
+export declare function VariableEditPopover({ varName, attrs, anchorEl, onUpdate, onDelete, onClose, }: VariableEditPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VariableEditPopover.d.ts.map

package/dist/components/VariableEditPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableEditPopover.d.ts","sourceRoot":"","sources":["../../src/components/VariableEditPopover.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CA8G1B"}

package/dist/components/VariableInsertPopover.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { VariableNodeAttributes } from '../extensions/variable-node';
+import type { PredefinedVariable } from '../types';
+interface VariableInsertPopoverProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onInsert: (attrs: VariableNodeAttributes) => void;
+    predefinedVariables?: PredefinedVariable[];
+    children: React.ReactNode;
+}
+export declare function VariableInsertPopover({ open, onOpenChange, onInsert, predefinedVariables, children, }: VariableInsertPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VariableInsertPopover.d.ts.map

package/dist/components/VariableInsertPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableInsertPopover.d.ts","sourceRoot":"","sources":["../../src/components/VariableInsertPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAkBnD,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,EAAE,0BAA0B,2CA4L5B"}

package/dist/components/VariableNodeView.d.ts

@@ -0,0 +1,3 @@
+import type { NodeViewProps } from '@tiptap/react';
+export declare function VariableNodeView({ node, selected, getPos, editor }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VariableNodeView.d.ts.map

package/dist/components/VariableNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableNodeView.d.ts","sourceRoot":"","sources":["../../src/components/VariableNodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,2CA+CjF"}

package/dist/components/WatermarkNodeView.d.ts

@@ -0,0 +1,3 @@
+import type { NodeViewProps } from '@tiptap/react';
+export declare function WatermarkNodeView({ node, selected }: NodeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WatermarkNodeView.d.ts.map

package/dist/components/WatermarkNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WatermarkNodeView.d.ts","sourceRoot":"","sources":["../../src/components/WatermarkNodeView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAkBlE"}

package/dist/contexts/ThemeContext.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ThemeMode, ThemeConfig } from '../types';
+export interface ThemeContextValue {
+    themeMode: 'light' | 'dark';
+    originalMode: ThemeMode;
+    themeColor: string;
+    themeConfig?: ThemeConfig;
+    setThemeMode: (mode: ThemeMode) => void;
+}
+export declare function useTheme(): ThemeContextValue;
+export interface ThemeProviderProps {
+    themeMode?: ThemeMode;
+    themeColor?: string;
+    themeConfig?: ThemeConfig;
+    rootElement?: HTMLElement | null;
+    children: React.ReactNode;
+}
+export declare function ThemeProvider({ themeMode: initialMode, themeColor: initialColor, themeConfig, rootElement, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/contexts/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,YAAY,EAAE,SAAS,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,WAAoB,EAC/B,UAAU,EAAE,YAAwB,EACpC,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,2CA6CpB"}

package/dist/extensions/columns-node.d.ts

@@ -0,0 +1,4 @@
+import { Node } from '@tiptap/core';
+export declare const ColumnsNode: Node<any, any>;
+export declare const ColumnNode: Node<any, any>;
+//# sourceMappingURL=columns-node.d.ts.map

package/dist/extensions/columns-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns-node.d.ts","sourceRoot":"","sources":["../../src/extensions/columns-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,WAAW,gBA4BtB,CAAC;AAEH,eAAO,MAAM,UAAU,gBAsBrB,CAAC"}

package/dist/extensions/field-node.d.ts

@@ -0,0 +1,31 @@
+import { Node } from '@tiptap/core';
+export interface FieldNodeAttributes {
+    fieldId: string;
+    fieldType: string;
+    fieldName: string;
+    fieldLabel: string;
+    required: boolean;
+    options: string;
+    placeholder: string;
+    fontSize: number | null;
+    defaultValue: string;
+    multiline: boolean;
+    maxLength: number | null;
+    acknowledgements: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fieldNode: {
+            insertField: (attrs: Partial<FieldNodeAttributes> & {
+                fieldId: string;
+                fieldType: string;
+                fieldName: string;
+                fieldLabel: string;
+            }) => ReturnType;
+            updateField: (fieldId: string, attrs: Partial<FieldNodeAttributes>) => ReturnType;
+            removeField: (fieldId: string) => ReturnType;
+        };
+    }
+}
+export declare const FieldNode: Node<any, any>;
+//# sourceMappingURL=field-node.d.ts.map

package/dist/extensions/field-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-node.d.ts","sourceRoot":"","sources":["../../src/extensions/field-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,SAAS,EAAE;YACT,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG;gBAClD,OAAO,EAAE,MAAM,CAAC;gBAChB,SAAS,EAAE,MAAM,CAAC;gBAClB,SAAS,EAAE,MAAM,CAAC;gBAClB,UAAU,EAAE,MAAM,CAAC;aACpB,KAAK,UAAU,CAAC;YACjB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,UAAU,CAAC;YAClF,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC;SAC9C,CAAC;KACH;CACF;AAED,eAAO,MAAM,SAAS,gBAmGpB,CAAC"}

package/dist/extensions/panel-node.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const PanelNode: Node<any, any>;
+//# sourceMappingURL=panel-node.d.ts.map

package/dist/extensions/panel-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-node.d.ts","sourceRoot":"","sources":["../../src/extensions/panel-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,SAAS,gBA0CpB,CAAC"}

package/dist/extensions/repeat-node.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const RepeatNode: Node<any, any>;
+//# sourceMappingURL=repeat-node.d.ts.map

package/dist/extensions/repeat-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat-node.d.ts","sourceRoot":"","sources":["../../src/extensions/repeat-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,UAAU,gBAkBrB,CAAC"}

package/dist/extensions/subtotals-node.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const SubtotalsNode: Node<any, any>;
+//# sourceMappingURL=subtotals-node.d.ts.map

package/dist/extensions/subtotals-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtotals-node.d.ts","sourceRoot":"","sources":["../../src/extensions/subtotals-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,aAAa,gBAgBxB,CAAC"}

package/dist/extensions/variable-node.d.ts

@@ -0,0 +1,18 @@
+import { Node } from '@tiptap/core';
+export interface VariableNodeAttributes {
+    varName: string;
+    varLabel: string;
+    varDefault: string;
+    format: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        variableNode: {
+            insertVariable: (attrs: VariableNodeAttributes) => ReturnType;
+            updateVariable: (varName: string, attrs: Partial<VariableNodeAttributes>) => ReturnType;
+            removeVariable: (varName: string) => ReturnType;
+        };
+    }
+}
+export declare const VariableNode: Node<any, any>;
+//# sourceMappingURL=variable-node.d.ts.map

package/dist/extensions/variable-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-node.d.ts","sourceRoot":"","sources":["../../src/extensions/variable-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,YAAY,EAAE;YACZ,cAAc,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,UAAU,CAAC;YAC9D,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,UAAU,CAAC;YACxF,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC;SACjD,CAAC;KACH;CACF;AAED,eAAO,MAAM,YAAY,gBAiGvB,CAAC"}

package/dist/extensions/watermark-node.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const WatermarkNode: Node<any, any>;
+//# sourceMappingURL=watermark-node.d.ts.map

package/dist/extensions/watermark-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark-node.d.ts","sourceRoot":"","sources":["../../src/extensions/watermark-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,aAAa,gBA0BxB,CAAC"}