@pyreon/document-primitives 0.12.10 → 0.12.12

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["extractDocumentTree"],"sources":["../src/DocumentPreview.ts","../src/primitives/DocButton.ts","../src/primitives/DocCode.ts","../src/primitives/DocColumn.ts","../src/primitives/DocDivider.ts","../src/primitives/DocDocument.ts","../src/primitives/DocHeading.ts","../src/primitives/DocImage.ts","../src/primitives/DocLink.ts","../src/primitives/DocList.ts","../src/primitives/DocListItem.ts","../src/primitives/DocPage.ts","../src/primitives/DocPageBreak.ts","../src/primitives/DocQuote.ts","../src/primitives/DocRow.ts","../src/primitives/DocSection.ts","../src/primitives/DocSpacer.ts","../src/primitives/DocTable.ts","../src/primitives/DocText.ts","../src/theme.ts","../src/useDocumentExport.ts"],"sourcesContent":["import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocumentPreview = rocketstyle({\n  dimensions: {\n    sizes: 'size',\n  },\n  useBooleans: true,\n})({ name: 'DocumentPreview', component: Element })\n  .theme({\n    backgroundColor: '#f5f5f5',\n    padding: 40,\n  })\n  .sizes({\n    A4: { width: '210mm', minHeight: '297mm' },\n    A3: { width: '297mm', minHeight: '420mm' },\n    A5: { width: '148mm', minHeight: '210mm' },\n    letter: { width: '8.5in', minHeight: '11in' },\n    legal: { width: '8.5in', minHeight: '14in' },\n  })\n  .styles(\n    (css: any) => css`\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-height: 100vh;\n\n      & > * {\n        background: white;\n        padding: 25mm;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        margin: 20px 0;\n      }\n    `,\n  )\n  .statics({ _documentType: 'document' as const })\n  .attrs<{\n    size?: string\n    showPageBreaks?: boolean\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      ...(props.size ? { size: props.size } : { size: 'A4' }),\n      ...(props.showPageBreaks ? { showPageBreaks: props.showPageBreaks } : {}),\n    },\n  }))\n\nexport default DocumentPreview\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocButton = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n  },\n  useBooleans: true,\n})({ name: 'DocButton', component: Text })\n  .theme({\n    fontSize: 14,\n    fontWeight: 'bold',\n    padding: '10px 24px',\n    borderRadius: 4,\n    textAlign: 'center',\n    textDecoration: 'none',\n  })\n  .variants({\n    primary: {\n      backgroundColor: '#4f46e5',\n      color: '#ffffff',\n    },\n    secondary: {\n      backgroundColor: '#ffffff',\n      color: '#4f46e5',\n      borderWidth: 1,\n      borderColor: '#4f46e5',\n      borderStyle: 'solid',\n    },\n  })\n  .statics({ _documentType: 'button' as const })\n  .attrs<{ href?: string; tag: string; _documentProps: { href: string } }>((props) => ({\n    tag: 'a',\n    _documentProps: { href: props.href ?? '#' },\n  }))\n\nexport default DocButton\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocCode = rocketstyle()({ name: 'DocCode', component: Text })\n  .theme({\n    fontFamily: 'ui-monospace, monospace',\n    fontSize: 13,\n    backgroundColor: '#f5f5f5',\n    padding: '8px 12px',\n    borderRadius: 4,\n  })\n  .statics({ _documentType: 'code' as const })\n  .attrs<{ language?: string; tag: string; _documentProps: Record<string, unknown> }>((props) => ({\n    tag: 'pre',\n    _documentProps: props.language ? { language: props.language } : {},\n  }))\n\nexport default DocCode\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocColumn = rocketstyle()({ name: 'DocColumn', component: Element })\n  .statics({ _documentType: 'column' as const })\n  .attrs<{ width?: number | string; tag: string; _documentProps: Record<string, unknown> }>(\n    (props) => ({\n      tag: 'div',\n      _documentProps: props.width != null ? { width: props.width } : {},\n    }),\n  )\n\nexport default DocColumn\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocDivider = rocketstyle()({ name: 'DocDivider', component: Element })\n  .theme({\n    borderColor: '#dddddd',\n    borderWidth: 1,\n  })\n  .statics({ _documentType: 'divider' as const })\n  .attrs<{\n    color?: string\n    thickness?: number\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'hr',\n    _documentProps: {\n      ...(props.color ? { color: props.color } : {}),\n      ...(props.thickness ? { thickness: props.thickness } : {}),\n    },\n  }))\n\nexport default DocDivider\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocDocument = rocketstyle()({ name: 'DocDocument', component: Element })\n  .statics({ _documentType: 'document' as const })\n  .attrs<{\n    title?: string\n    author?: string\n    subject?: string\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      ...(props.title ? { title: props.title } : {}),\n      ...(props.author ? { author: props.author } : {}),\n      ...(props.subject ? { subject: props.subject } : {}),\n    },\n  }))\n\nexport default DocDocument\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocHeading = rocketstyle({\n  dimensions: {\n    levels: 'level',\n  },\n  useBooleans: true,\n})({ name: 'DocHeading', component: Text })\n  .theme({\n    fontWeight: 'bold',\n    color: '#1a1a2e',\n    marginBottom: 12,\n  })\n  .levels({\n    h1: { fontSize: 32, lineHeight: 1.2 },\n    h2: { fontSize: 24, lineHeight: 1.3 },\n    h3: { fontSize: 20, lineHeight: 1.4 },\n    h4: { fontSize: 18, lineHeight: 1.4 },\n    h5: { fontSize: 16, lineHeight: 1.5 },\n    h6: { fontSize: 14, lineHeight: 1.5 },\n  })\n  .statics({ _documentType: 'heading' as const })\n  .attrs<{ level?: string; tag: string; _documentProps: { level: number } }>((props) => {\n    const lvl = props.level ?? 'h1'\n    const num = Number.parseInt(String(lvl).replace('h', ''), 10) || 1\n    return {\n      tag: lvl,\n      _documentProps: { level: num },\n    }\n  })\n\nexport default DocHeading\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocImage = rocketstyle()({ name: 'DocImage', component: Element })\n  .statics({ _documentType: 'image' as const })\n  .attrs<{\n    src?: string\n    alt?: string\n    width?: number | string\n    height?: number | string\n    caption?: string\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'img',\n    _documentProps: {\n      src: props.src ?? '',\n      ...(props.alt ? { alt: props.alt } : {}),\n      ...(props.width ? { width: props.width } : {}),\n      ...(props.height ? { height: props.height } : {}),\n      ...(props.caption ? { caption: props.caption } : {}),\n    },\n  }))\n\nexport default DocImage\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocLink = rocketstyle()({ name: 'DocLink', component: Text })\n  .theme({\n    color: '#4f46e5',\n    textDecoration: 'underline',\n  })\n  .statics({ _documentType: 'link' as const })\n  .attrs<{ href?: string; tag: string; _documentProps: { href: string } }>((props) => ({\n    tag: 'a',\n    _documentProps: { href: props.href ?? '#' },\n  }))\n\nexport default DocLink\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocList = rocketstyle()({ name: 'DocList', component: Element })\n  .theme({\n    marginBottom: 8,\n    paddingLeft: 20,\n  })\n  .statics({ _documentType: 'list' as const })\n  .attrs<{ ordered?: boolean; tag: string; _documentProps: Record<string, unknown> }>((props) => ({\n    tag: props.ordered ? 'ol' : 'ul',\n    _documentProps: props.ordered ? { ordered: props.ordered } : {},\n  }))\n\nexport default DocList\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocListItem = rocketstyle()({ name: 'DocListItem', component: Text })\n  .theme({\n    fontSize: 14,\n    lineHeight: 1.5,\n  })\n  .statics({ _documentType: 'list-item' as const })\n  .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({\n    tag: 'li',\n    _documentProps: {},\n  }))\n\nexport default DocListItem\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocPage = rocketstyle()({ name: 'DocPage', component: Element })\n  .theme({\n    backgroundColor: '#ffffff',\n    padding: '25mm',\n  })\n  .statics({ _documentType: 'page' as const })\n  .attrs<{\n    size?: string\n    orientation?: string\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      ...(props.size ? { size: props.size } : {}),\n      ...(props.orientation ? { orientation: props.orientation } : {}),\n    },\n  }))\n\nexport default DocPage\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocPageBreak = rocketstyle()({ name: 'DocPageBreak', component: Element })\n  .statics({ _documentType: 'page-break' as const })\n  .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({\n    tag: 'div',\n    _documentProps: {},\n  }))\n\nexport default DocPageBreak\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocQuote = rocketstyle()({ name: 'DocQuote', component: Element })\n  .theme({\n    borderColor: '#4f46e5',\n    padding: '8px 16px',\n    fontStyle: 'italic',\n    color: '#666666',\n  })\n  .statics({ _documentType: 'quote' as const })\n  .attrs<{ borderColor?: string; tag: string; _documentProps: Record<string, unknown> }>(\n    (props) => ({\n      tag: 'blockquote',\n      _documentProps: props.borderColor ? { borderColor: props.borderColor } : {},\n    }),\n  )\n\nexport default DocQuote\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocRow = rocketstyle()({ name: 'DocRow', component: Element })\n  .theme({\n    direction: 'row',\n  })\n  .statics({ _documentType: 'row' as const })\n  .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({\n    tag: 'div',\n    _documentProps: {},\n  }))\n\nexport default DocRow\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocSection = rocketstyle({\n  dimensions: {\n    directions: 'direction',\n  },\n  useBooleans: false,\n})({ name: 'DocSection', component: Element })\n  .theme({\n    padding: 0,\n  })\n  .directions({\n    column: {},\n    row: { direction: 'row' },\n  })\n  .statics({ _documentType: 'section' as const })\n  .attrs<{ direction?: string; tag: string; _documentProps: { direction: string } }>((props) => ({\n    tag: 'div',\n    _documentProps: { direction: props.direction ?? 'column' },\n  }))\n\nexport default DocSection\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocSpacer = rocketstyle()({ name: 'DocSpacer', component: Element })\n  .statics({ _documentType: 'spacer' as const })\n  .attrs<{ height?: number; tag: string; _documentProps: { height: number } }>((props) => ({\n    tag: 'div',\n    _documentProps: { height: props.height ?? 16 },\n  }))\n\nexport default DocSpacer\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocTable = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n  },\n  useBooleans: true,\n})({ name: 'DocTable', component: Element })\n  .theme({\n    fontSize: 14,\n    borderColor: '#dddddd',\n  })\n  .statics({ _documentType: 'table' as const })\n  .attrs<{\n    columns?: unknown[]\n    rows?: unknown[]\n    headerStyle?: Record<string, unknown>\n    striped?: boolean\n    bordered?: boolean\n    caption?: string\n    tag: string\n    _documentProps: Record<string, unknown>\n  }>((props) => ({\n    tag: 'table',\n    _documentProps: {\n      columns: props.columns ?? [],\n      rows: props.rows ?? [],\n      ...(props.headerStyle ? { headerStyle: props.headerStyle } : {}),\n      ...(props.striped ? { striped: props.striped } : {}),\n      ...(props.bordered ? { bordered: props.bordered } : {}),\n      ...(props.caption ? { caption: props.caption } : {}),\n    },\n  }))\n\nexport default DocTable\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocText = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n    weights: 'weight',\n  },\n  useBooleans: true,\n})({ name: 'DocText', component: Text })\n  .theme({\n    color: '#333333',\n    lineHeight: 1.5,\n    marginBottom: 8,\n  })\n  .variants({\n    body: { fontSize: 14 },\n    caption: { fontSize: 12, color: '#666666' },\n    label: { fontSize: 11, fontWeight: 'bold' },\n  })\n  .weights({\n    normal: { fontWeight: 'normal' },\n    bold: { fontWeight: 'bold' },\n  })\n  .statics({ _documentType: 'text' as const })\n  // .attrs(\n  //   (props: any) =>\n  //     ({\n  //       tag: \"p\",\n  .attrs<{ tag: string; _documentProps: Record<string, unknown> }>((_props) => ({\n    tag: 'p',\n    _documentProps: {},\n  }))\n\nexport default DocText\n","export const documentTheme = {\n  colors: {\n    primary: '#4f46e5',\n    text: '#333333',\n    textSecondary: '#666666',\n    background: '#ffffff',\n    border: '#dddddd',\n    headerBg: '#1a1a2e',\n    headerText: '#ffffff',\n    stripedRow: '#f9f9f9',\n  },\n  fonts: {\n    heading: 'system-ui, -apple-system, sans-serif',\n    body: 'system-ui, -apple-system, sans-serif',\n    mono: 'ui-monospace, monospace',\n  },\n  sizes: {\n    h1: 32,\n    h2: 24,\n    h3: 20,\n    h4: 18,\n    h5: 16,\n    h6: 14,\n    body: 14,\n    caption: 12,\n    label: 11,\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 40,\n  },\n}\n\nexport type DocumentTheme = typeof documentTheme\n","import type { DocNode, ExtractOptions } from '@pyreon/connector-document'\nimport { extractDocumentTree } from '@pyreon/connector-document'\n\nexport interface DocumentExportOptions extends ExtractOptions {\n  /** Theme object to provide during extraction. */\n  theme?: Record<string, unknown>\n  /** Mode: 'light' or 'dark'. */\n  mode?: 'light' | 'dark'\n}\n\nexport interface DocumentExport {\n  /** Extract the DocNode tree from the template. */\n  getDocNode: () => DocNode\n}\n\n/**\n * Create a document export helper from a template function.\n *\n * The template function should return a VNode tree built with\n * document primitives (DocHeading, DocText, DocTable, etc.).\n *\n * ```ts\n * const doc = createDocumentExport(() =>\n *   DocDocument({ title: 'Report', children: [\n *     DocHeading({ h1: true, children: 'Sales Report' }),\n *     DocText({ children: 'Q4 summary.' }),\n *   ]})\n * )\n *\n * const tree = doc.getDocNode()\n * // Pass to @pyreon/document's render() for any format\n * ```\n *\n * When @pyreon/document is published, this will also expose\n * convenience methods like toPdf(), toDocx(), download(), etc.\n */\nexport function createDocumentExport(\n  templateFn: () => unknown,\n  options: DocumentExportOptions = {},\n): DocumentExport {\n  const getDocNode = (): DocNode => {\n    const vnode = templateFn()\n    return extractDocumentTree(vnode, options)\n  }\n\n  return { getDocNode }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["extractDocumentTree"],"sources":["../src/DocumentPreview.ts","../src/primitives/DocButton.ts","../src/primitives/DocCode.ts","../src/primitives/DocColumn.ts","../src/primitives/DocDivider.ts","../src/primitives/DocDocument.ts","../src/primitives/DocHeading.ts","../src/primitives/DocImage.ts","../src/primitives/DocLink.ts","../src/primitives/DocList.ts","../src/primitives/DocListItem.ts","../src/primitives/DocPage.ts","../src/primitives/DocPageBreak.ts","../src/primitives/DocQuote.ts","../src/primitives/DocRow.ts","../src/primitives/DocSection.ts","../src/primitives/DocSpacer.ts","../src/primitives/DocTable.ts","../src/primitives/DocText.ts","../src/theme.ts","../src/useDocumentExport.ts"],"sourcesContent":["import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocumentPreview = rocketstyle({\n  dimensions: {\n    sizes: 'size',\n  },\n  useBooleans: true,\n})({ name: 'DocumentPreview', component: Element })\n  .theme({\n    backgroundColor: '#f5f5f5',\n    padding: 40,\n  })\n  .sizes({\n    A4: { width: '210mm', minHeight: '297mm' },\n    A3: { width: '297mm', minHeight: '420mm' },\n    A5: { width: '148mm', minHeight: '210mm' },\n    letter: { width: '8.5in', minHeight: '11in' },\n    legal: { width: '8.5in', minHeight: '14in' },\n  })\n  .styles(\n    (css: any) => css`\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-height: 100vh;\n\n      & > * {\n        background: white;\n        padding: 25mm;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        margin: 20px 0;\n      }\n    `,\n  )\n  .statics({ _documentType: 'document' as const })\n  .attrs<{\n    size?: string\n    showPageBreaks?: boolean\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      ...(props.size ? { size: props.size } : { size: 'A4' }),\n      ...(props.showPageBreaks ? { showPageBreaks: props.showPageBreaks } : {}),\n    },\n  }))\n\nexport default DocumentPreview\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocButton = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n  },\n  useBooleans: true,\n})({ name: 'DocButton', component: Text })\n  .theme({\n    fontSize: 14,\n    fontWeight: 'bold',\n    padding: '10px 24px',\n    borderRadius: 4,\n    textAlign: 'center',\n    textDecoration: 'none',\n  })\n  .variants({\n    primary: {\n      backgroundColor: '#4f46e5',\n      color: '#ffffff',\n    },\n    secondary: {\n      backgroundColor: '#ffffff',\n      color: '#4f46e5',\n      borderWidth: 1,\n      borderColor: '#4f46e5',\n      borderStyle: 'solid',\n    },\n  })\n  .statics({ _documentType: 'button' as const })\n  .attrs<{ href?: string }>((props) => ({\n    tag: 'a',\n    _documentProps: { href: props.href ?? '#' },\n  }))\n\nexport default DocButton\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocCode = rocketstyle()({ name: 'DocCode', component: Text })\n  .theme({\n    fontFamily: 'ui-monospace, monospace',\n    fontSize: 13,\n    backgroundColor: '#f5f5f5',\n    padding: '8px 12px',\n    borderRadius: 4,\n  })\n  .statics({ _documentType: 'code' as const })\n  .attrs<{ language?: string }>((props) => ({\n    tag: 'pre',\n    _documentProps: props.language ? { language: props.language } : {},\n  }))\n\nexport default DocCode\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocColumn = rocketstyle()({ name: 'DocColumn', component: Element })\n  .statics({ _documentType: 'column' as const })\n  .attrs<{ width?: number | string }>((props) => ({\n    tag: 'div',\n    _documentProps: props.width != null ? { width: props.width } : {},\n  }))\n\nexport default DocColumn\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocDivider = rocketstyle()({ name: 'DocDivider', component: Element })\n  .theme({\n    borderColor: '#dddddd',\n    borderWidth: 1,\n  })\n  .statics({ _documentType: 'divider' as const })\n  .attrs<{\n    color?: string\n    thickness?: number\n  }>((props) => ({\n    tag: 'hr',\n    _documentProps: {\n      ...(props.color ? { color: props.color } : {}),\n      ...(props.thickness ? { thickness: props.thickness } : {}),\n    },\n  }))\n\nexport default DocDivider\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\n/**\n * Root document container with metadata for the export pipeline.\n *\n * The `title`, `author`, and `subject` props each accept either a\n * plain `string` or a `() => string` accessor. Accessors are\n * resolved by `extractDocumentTree` at export time, so consumers\n * can pass live signal accessors without capturing values at\n * component mount.\n *\n * **Why accessors are needed**: rocketstyle's `.attrs()` callback\n * runs ONCE at component mount (see\n * `packages/ui-system/rocketstyle/src/hoc/rocketstyleAttrsHoc.ts`\n * line 38: \".attrs() callbacks run once at mount\"). If `title` were\n * `string`-only and a consumer wanted to bind it to a live signal,\n * they'd have to capture the initial value at template setup time\n * — meaning the export metadata would be permanently stale relative\n * to the live UI state.\n *\n * Storing the accessor in `_documentProps` and resolving it at\n * extraction time means every `extractDocumentTree` call (one per\n * export click) reads the live value. Plain string values still\n * work as before — `extractDocumentTree` only calls the value if\n * it's a function.\n *\n * @example Plain string\n * ```tsx\n * <DocDocument title=\"My Report\" author=\"Alice\">\n *   ...\n * </DocDocument>\n * ```\n *\n * @example Reactive accessor (recommended for templates that drive\n * a live preview AND export the same tree)\n * ```tsx\n * function MyTemplate({ resume }: { resume: () => Resume }) {\n *   return (\n *     <DocDocument\n *       title={() => `${resume().name} — Resume`}\n *       author={() => resume().name}\n *     >\n *       ...\n *     </DocDocument>\n *   )\n * }\n * ```\n */\nconst DocDocument = rocketstyle()({ name: 'DocDocument', component: Element })\n  .statics({ _documentType: 'document' as const })\n  .attrs<{\n    title?: string | (() => string)\n    author?: string | (() => string)\n    subject?: string | (() => string)\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      // Pass accessor functions through unmodified — extractDocumentTree\n      // resolves them at export time. Plain strings pass through too.\n      // Empty / nullish values are omitted entirely so they don't\n      // appear as `title: undefined` in the export metadata.\n      ...(props.title != null ? { title: props.title } : {}),\n      ...(props.author != null ? { author: props.author } : {}),\n      ...(props.subject != null ? { subject: props.subject } : {}),\n    },\n  }))\n\nexport default DocDocument\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocHeading = rocketstyle({\n  dimensions: {\n    levels: 'level',\n  },\n  useBooleans: true,\n})({ name: 'DocHeading', component: Text })\n  .theme({\n    fontWeight: 'bold',\n    color: '#1a1a2e',\n    marginBottom: 12,\n  })\n  .levels({\n    h1: { fontSize: 32, lineHeight: 1.2 },\n    h2: { fontSize: 24, lineHeight: 1.3 },\n    h3: { fontSize: 20, lineHeight: 1.4 },\n    h4: { fontSize: 18, lineHeight: 1.4 },\n    h5: { fontSize: 16, lineHeight: 1.5 },\n    h6: { fontSize: 14, lineHeight: 1.5 },\n  })\n  .statics({ _documentType: 'heading' as const })\n  .attrs<{ level?: string }>((props) => {\n    const lvl = props.level ?? 'h1'\n    const num = Number.parseInt(String(lvl).replace('h', ''), 10) || 1\n    return {\n      tag: lvl,\n      _documentProps: { level: num },\n    }\n  })\n\nexport default DocHeading\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocImage = rocketstyle()({ name: 'DocImage', component: Element })\n  .statics({ _documentType: 'image' as const })\n  .attrs<{\n    src?: string\n    alt?: string\n    width?: number | string\n    height?: number | string\n    caption?: string\n  }>((props) => ({\n    tag: 'img',\n    _documentProps: {\n      src: props.src ?? '',\n      ...(props.alt ? { alt: props.alt } : {}),\n      ...(props.width ? { width: props.width } : {}),\n      ...(props.height ? { height: props.height } : {}),\n      ...(props.caption ? { caption: props.caption } : {}),\n    },\n  }))\n\nexport default DocImage\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocLink = rocketstyle()({ name: 'DocLink', component: Text })\n  .theme({\n    color: '#4f46e5',\n    textDecoration: 'underline',\n  })\n  .statics({ _documentType: 'link' as const })\n  .attrs<{ href?: string }>((props) => ({\n    tag: 'a',\n    _documentProps: { href: props.href ?? '#' },\n  }))\n\nexport default DocLink\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocList = rocketstyle()({ name: 'DocList', component: Element })\n  .theme({\n    marginBottom: 8,\n    paddingLeft: 20,\n  })\n  .statics({ _documentType: 'list' as const })\n  .attrs<{ ordered?: boolean }>((props) => ({\n    tag: props.ordered ? 'ol' : 'ul',\n    _documentProps: props.ordered ? { ordered: props.ordered } : {},\n  }))\n\nexport default DocList\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocListItem = rocketstyle()({ name: 'DocListItem', component: Text })\n  .theme({\n    fontSize: 14,\n    lineHeight: 1.5,\n  })\n  .statics({ _documentType: 'list-item' as const })\n  .attrs(() => ({\n    tag: 'li',\n    _documentProps: {},\n  }))\n\nexport default DocListItem\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocPage = rocketstyle()({ name: 'DocPage', component: Element })\n  .theme({\n    backgroundColor: '#ffffff',\n    padding: '25mm',\n  })\n  .statics({ _documentType: 'page' as const })\n  .attrs<{\n    size?: string\n    orientation?: string\n  }>((props) => ({\n    tag: 'div',\n    _documentProps: {\n      ...(props.size ? { size: props.size } : {}),\n      ...(props.orientation ? { orientation: props.orientation } : {}),\n    },\n  }))\n\nexport default DocPage\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocPageBreak = rocketstyle()({ name: 'DocPageBreak', component: Element })\n  .statics({ _documentType: 'page-break' as const })\n  .attrs(() => ({\n    tag: 'div',\n    _documentProps: {},\n  }))\n\nexport default DocPageBreak\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocQuote = rocketstyle()({ name: 'DocQuote', component: Element })\n  .theme({\n    borderColor: '#4f46e5',\n    padding: '8px 16px',\n    fontStyle: 'italic',\n    color: '#666666',\n  })\n  .statics({ _documentType: 'quote' as const })\n  .attrs<{ borderColor?: string }>((props) => ({\n    tag: 'blockquote',\n    _documentProps: props.borderColor ? { borderColor: props.borderColor } : {},\n  }))\n\nexport default DocQuote\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\n/**\n * Horizontal row of inline children. Per project conventions, layout\n * props (`direction`, `gap`) live in `.attrs()`, not `.theme()`. The\n * Element base accepts `direction: 'inline' | 'rows' | 'reverseInline'\n * | 'reverseRows'` — `'row'` is not a valid value.\n */\nconst DocRow = rocketstyle()({ name: 'DocRow', component: Element })\n  .statics({ _documentType: 'row' as const })\n  .attrs(() => ({\n    tag: 'div',\n    direction: 'inline' as const,\n    gap: 8,\n    _documentProps: {},\n  }))\n\nexport default DocRow\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocSection = rocketstyle({\n  dimensions: {\n    directions: 'direction',\n  },\n  useBooleans: false,\n})({ name: 'DocSection', component: Element })\n  .theme({\n    padding: 0,\n  })\n  .directions({\n    column: {},\n    row: { direction: 'row' },\n  })\n  .statics({ _documentType: 'section' as const })\n  .attrs<{ direction?: string }>((props) => ({\n    tag: 'div',\n    _documentProps: { direction: props.direction ?? 'column' },\n  }))\n\nexport default DocSection\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocSpacer = rocketstyle()({ name: 'DocSpacer', component: Element })\n  .statics({ _documentType: 'spacer' as const })\n  .attrs<{ height?: number }>((props) => ({\n    tag: 'div',\n    _documentProps: { height: props.height ?? 16 },\n  }))\n\nexport default DocSpacer\n","import { Element } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\n/**\n * Tabular data primitive.\n *\n * The `columns`, `rows`, `headerStyle`, `striped`, `bordered`, and\n * `caption` props are document-export metadata — they belong in\n * `_documentProps` only and must NOT be forwarded to the rendered\n * `<table>` element. The `filter` option on `.attrs()` strips them\n * from the props that flow into the DOM.\n *\n * Why this matters: HTMLTableElement's `rows` property is a\n * read-only `HTMLCollection` of `<tr>` elements. If `rows` were\n * forwarded as a DOM attr, the runtime would call\n * `el.rows = [...]` and crash with\n * `TypeError: Cannot set property rows of [object Object] which has\n * only a getter`. Same family for `columns` (`HTMLTableColElement`'s\n * column collection on parent table). Filtering them at the\n * rocketstyle layer keeps the DOM render path clean.\n */\nconst DocTable = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n  },\n  useBooleans: true,\n})({ name: 'DocTable', component: Element })\n  .theme({\n    fontSize: 14,\n    borderColor: '#dddddd',\n  })\n  .statics({ _documentType: 'table' as const })\n  .attrs<{\n    columns?: unknown[]\n    rows?: unknown[]\n    headerStyle?: Record<string, unknown>\n    striped?: boolean\n    bordered?: boolean\n    caption?: string\n  }>(\n    (props) => ({\n      tag: 'table',\n      _documentProps: {\n        columns: props.columns ?? [],\n        rows: props.rows ?? [],\n        ...(props.headerStyle ? { headerStyle: props.headerStyle } : {}),\n        ...(props.striped ? { striped: props.striped } : {}),\n        ...(props.bordered ? { bordered: props.bordered } : {}),\n        ...(props.caption ? { caption: props.caption } : {}),\n      },\n    }),\n    {\n      filter: ['columns', 'rows', 'headerStyle', 'striped', 'bordered', 'caption'],\n    },\n  )\n\nexport default DocTable\n","import { Text } from '@pyreon/elements'\nimport rocketstyle from '@pyreon/rocketstyle'\n\nconst DocText = rocketstyle({\n  dimensions: {\n    variants: 'variant',\n    weights: 'weight',\n  },\n  useBooleans: true,\n})({ name: 'DocText', component: Text })\n  .theme({\n    color: '#333333',\n    lineHeight: 1.5,\n    marginBottom: 8,\n  })\n  .variants({\n    body: { fontSize: 14 },\n    caption: { fontSize: 12, color: '#666666' },\n    label: { fontSize: 11, fontWeight: 'bold' },\n  })\n  .weights({\n    normal: { fontWeight: 'normal' },\n    bold: { fontWeight: 'bold' },\n  })\n  .statics({ _documentType: 'text' as const })\n  .attrs(() => ({\n    tag: 'p',\n    _documentProps: {},\n  }))\n\nexport default DocText\n","export const documentTheme = {\n  colors: {\n    primary: '#4f46e5',\n    text: '#333333',\n    textSecondary: '#666666',\n    background: '#ffffff',\n    border: '#dddddd',\n    headerBg: '#1a1a2e',\n    headerText: '#ffffff',\n    stripedRow: '#f9f9f9',\n  },\n  fonts: {\n    heading: 'system-ui, -apple-system, sans-serif',\n    body: 'system-ui, -apple-system, sans-serif',\n    mono: 'ui-monospace, monospace',\n  },\n  sizes: {\n    h1: 32,\n    h2: 24,\n    h3: 20,\n    h4: 18,\n    h5: 16,\n    h6: 14,\n    body: 14,\n    caption: 12,\n    label: 11,\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n    xl: 40,\n  },\n}\n\nexport type DocumentTheme = typeof documentTheme\n","import type { DocNode, ExtractOptions } from '@pyreon/connector-document'\nimport { extractDocumentTree } from '@pyreon/connector-document'\n\nexport interface DocumentExportOptions extends ExtractOptions {\n  /** Theme object to provide during extraction. */\n  theme?: Record<string, unknown>\n  /** Mode: 'light' or 'dark'. */\n  mode?: 'light' | 'dark'\n}\n\nexport interface DocumentExport {\n  /** Extract the DocNode tree from the template. */\n  getDocNode: () => DocNode\n}\n\n/**\n * One-step helper: extract a DocNode tree from a template function.\n *\n * Equivalent to `createDocumentExport(templateFn).getDocNode()` but\n * without the wrapper-object indirection. Use this when you just\n * need the tree to feed into `@pyreon/document`'s `render()` or\n * `download()` — which is the only thing the wrapper object was\n * ever used for in practice.\n *\n * ```ts\n * import { extractDocNode } from '@pyreon/document-primitives'\n * import { download } from '@pyreon/document'\n *\n * function ResumeTemplate({ resume }: { resume: () => Resume }) {\n *   return (\n *     <DocDocument title={() => `${resume().name} — Resume`}>\n *       <DocPage>...</DocPage>\n *     </DocDocument>\n *   )\n * }\n *\n * // Export click handler:\n * const tree = extractDocNode(() => <ResumeTemplate resume={store.resume} />)\n * await download(tree, 'resume.pdf')\n * ```\n *\n * The two-step `createDocumentExport` form is still exported for\n * backward compatibility and for callers that want to pass the\n * helper object around (e.g. to wrapper components that take a\n * `DocumentExport` instance). New code should prefer this one-step\n * form unless you specifically need the helper object.\n */\nexport function extractDocNode(\n  templateFn: () => unknown,\n  options: DocumentExportOptions = {},\n): DocNode {\n  return extractDocumentTree(templateFn(), options)\n}\n\n/**\n * Create a document export helper from a template function.\n *\n * The template function should return a VNode tree built with\n * document primitives (DocHeading, DocText, DocTable, etc.).\n *\n * ```ts\n * const doc = createDocumentExport(() =>\n *   DocDocument({ title: 'Report', children: [\n *     DocHeading({ h1: true, children: 'Sales Report' }),\n *     DocText({ children: 'Q4 summary.' }),\n *   ]})\n * )\n *\n * const tree = doc.getDocNode()\n * // Pass to @pyreon/document's render() for any format\n * ```\n *\n * **Most consumers should use `extractDocNode(templateFn)` instead**\n * — it's the same operation in one call without the wrapper\n * object. `createDocumentExport` is kept for callers that want to\n * pass the helper object around.\n */\nexport function createDocumentExport(\n  templateFn: () => unknown,\n  options: DocumentExportOptions = {},\n): DocumentExport {\n  const getDocNode = (): DocNode => extractDocNode(templateFn, options)\n  return { getDocNode }\n}\n"],"mappings":";;;;;AAGA,MAAM,kBAAkB,YAAY;CAClC,YAAY,EACV,OAAO,QACR;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAmB,WAAW;CAAS,CAAC,CAChD,MAAM;CACL,iBAAiB;CACjB,SAAS;CACV,CAAC,CACD,MAAM;CACL,IAAI;EAAE,OAAO;EAAS,WAAW;EAAS;CAC1C,IAAI;EAAE,OAAO;EAAS,WAAW;EAAS;CAC1C,IAAI;EAAE,OAAO;EAAS,WAAW;EAAS;CAC1C,QAAQ;EAAE,OAAO;EAAS,WAAW;EAAQ;CAC7C,OAAO;EAAE,OAAO;EAAS,WAAW;EAAQ;CAC7C,CAAC,CACD,QACE,QAAa,GAAG;;;;;;;;;;;;MAalB,CACA,QAAQ,EAAE,eAAe,YAAqB,CAAC,CAC/C,OAGG,WAAW;CACb,KAAK;CACL,gBAAgB;EACd,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,MAAM,GAAG,EAAE,MAAM,MAAM;EACtD,GAAI,MAAM,iBAAiB,EAAE,gBAAgB,MAAM,gBAAgB,GAAG,EAAE;EACzE;CACF,EAAE;;;;AC1CL,MAAM,YAAY,YAAY;CAC5B,YAAY,EACV,UAAU,WACX;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAa,WAAW;CAAM,CAAC,CACvC,MAAM;CACL,UAAU;CACV,YAAY;CACZ,SAAS;CACT,cAAc;CACd,WAAW;CACX,gBAAgB;CACjB,CAAC,CACD,SAAS;CACR,SAAS;EACP,iBAAiB;EACjB,OAAO;EACR;CACD,WAAW;EACT,iBAAiB;EACjB,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACd;CACF,CAAC,CACD,QAAQ,EAAE,eAAe,UAAmB,CAAC,CAC7C,OAA0B,WAAW;CACpC,KAAK;CACL,gBAAgB,EAAE,MAAM,MAAM,QAAQ,KAAK;CAC5C,EAAE;;;;AC/BL,MAAM,UAAU,aAAa,CAAC;CAAE,MAAM;CAAW,WAAW;CAAM,CAAC,CAChE,MAAM;CACL,YAAY;CACZ,UAAU;CACV,iBAAiB;CACjB,SAAS;CACT,cAAc;CACf,CAAC,CACD,QAAQ,EAAE,eAAe,QAAiB,CAAC,CAC3C,OAA8B,WAAW;CACxC,KAAK;CACL,gBAAgB,MAAM,WAAW,EAAE,UAAU,MAAM,UAAU,GAAG,EAAE;CACnE,EAAE;;;;ACZL,MAAM,YAAY,aAAa,CAAC;CAAE,MAAM;CAAa,WAAW;CAAS,CAAC,CACvE,QAAQ,EAAE,eAAe,UAAmB,CAAC,CAC7C,OAAoC,WAAW;CAC9C,KAAK;CACL,gBAAgB,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE;CAClE,EAAE;;;;ACLL,MAAM,aAAa,aAAa,CAAC;CAAE,MAAM;CAAc,WAAW;CAAS,CAAC,CACzE,MAAM;CACL,aAAa;CACb,aAAa;CACd,CAAC,CACD,QAAQ,EAAE,eAAe,WAAoB,CAAC,CAC9C,OAGG,WAAW;CACb,KAAK;CACL,gBAAgB;EACd,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE;EAC7C,GAAI,MAAM,YAAY,EAAE,WAAW,MAAM,WAAW,GAAG,EAAE;EAC1D;CACF,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC+BL,MAAM,cAAc,aAAa,CAAC;CAAE,MAAM;CAAe,WAAW;CAAS,CAAC,CAC3E,QAAQ,EAAE,eAAe,YAAqB,CAAC,CAC/C,OAIG,WAAW;CACb,KAAK;CACL,gBAAgB;EAKd,GAAI,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE;EACrD,GAAI,MAAM,UAAU,OAAO,EAAE,QAAQ,MAAM,QAAQ,GAAG,EAAE;EACxD,GAAI,MAAM,WAAW,OAAO,EAAE,SAAS,MAAM,SAAS,GAAG,EAAE;EAC5D;CACF,EAAE;;;;AC/DL,MAAM,aAAa,YAAY;CAC7B,YAAY,EACV,QAAQ,SACT;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAc,WAAW;CAAM,CAAC,CACxC,MAAM;CACL,YAAY;CACZ,OAAO;CACP,cAAc;CACf,CAAC,CACD,OAAO;CACN,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACrC,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACrC,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACrC,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACrC,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACrC,IAAI;EAAE,UAAU;EAAI,YAAY;EAAK;CACtC,CAAC,CACD,QAAQ,EAAE,eAAe,WAAoB,CAAC,CAC9C,OAA2B,UAAU;CACpC,MAAM,MAAM,MAAM,SAAS;AAE3B,QAAO;EACL,KAAK;EACL,gBAAgB,EAAE,OAHR,OAAO,SAAS,OAAO,IAAI,CAAC,QAAQ,KAAK,GAAG,EAAE,GAAG,IAAI,GAGjC;EAC/B;EACD;;;;AC3BJ,MAAM,WAAW,aAAa,CAAC;CAAE,MAAM;CAAY,WAAW;CAAS,CAAC,CACrE,QAAQ,EAAE,eAAe,SAAkB,CAAC,CAC5C,OAMG,WAAW;CACb,KAAK;CACL,gBAAgB;EACd,KAAK,MAAM,OAAO;EAClB,GAAI,MAAM,MAAM,EAAE,KAAK,MAAM,KAAK,GAAG,EAAE;EACvC,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE;EAC7C,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,QAAQ,GAAG,EAAE;EAChD,GAAI,MAAM,UAAU,EAAE,SAAS,MAAM,SAAS,GAAG,EAAE;EACpD;CACF,EAAE;;;;ACjBL,MAAM,UAAU,aAAa,CAAC;CAAE,MAAM;CAAW,WAAW;CAAM,CAAC,CAChE,MAAM;CACL,OAAO;CACP,gBAAgB;CACjB,CAAC,CACD,QAAQ,EAAE,eAAe,QAAiB,CAAC,CAC3C,OAA0B,WAAW;CACpC,KAAK;CACL,gBAAgB,EAAE,MAAM,MAAM,QAAQ,KAAK;CAC5C,EAAE;;;;ACTL,MAAM,UAAU,aAAa,CAAC;CAAE,MAAM;CAAW,WAAW;CAAS,CAAC,CACnE,MAAM;CACL,cAAc;CACd,aAAa;CACd,CAAC,CACD,QAAQ,EAAE,eAAe,QAAiB,CAAC,CAC3C,OAA8B,WAAW;CACxC,KAAK,MAAM,UAAU,OAAO;CAC5B,gBAAgB,MAAM,UAAU,EAAE,SAAS,MAAM,SAAS,GAAG,EAAE;CAChE,EAAE;;;;ACTL,MAAM,cAAc,aAAa,CAAC;CAAE,MAAM;CAAe,WAAW;CAAM,CAAC,CACxE,MAAM;CACL,UAAU;CACV,YAAY;CACb,CAAC,CACD,QAAQ,EAAE,eAAe,aAAsB,CAAC,CAChD,aAAa;CACZ,KAAK;CACL,gBAAgB,EAAE;CACnB,EAAE;;;;ACTL,MAAM,UAAU,aAAa,CAAC;CAAE,MAAM;CAAW,WAAW;CAAS,CAAC,CACnE,MAAM;CACL,iBAAiB;CACjB,SAAS;CACV,CAAC,CACD,QAAQ,EAAE,eAAe,QAAiB,CAAC,CAC3C,OAGG,WAAW;CACb,KAAK;CACL,gBAAgB;EACd,GAAI,MAAM,OAAO,EAAE,MAAM,MAAM,MAAM,GAAG,EAAE;EAC1C,GAAI,MAAM,cAAc,EAAE,aAAa,MAAM,aAAa,GAAG,EAAE;EAChE;CACF,EAAE;;;;ACfL,MAAM,eAAe,aAAa,CAAC;CAAE,MAAM;CAAgB,WAAW;CAAS,CAAC,CAC7E,QAAQ,EAAE,eAAe,cAAuB,CAAC,CACjD,aAAa;CACZ,KAAK;CACL,gBAAgB,EAAE;CACnB,EAAE;;;;ACLL,MAAM,WAAW,aAAa,CAAC;CAAE,MAAM;CAAY,WAAW;CAAS,CAAC,CACrE,MAAM;CACL,aAAa;CACb,SAAS;CACT,WAAW;CACX,OAAO;CACR,CAAC,CACD,QAAQ,EAAE,eAAe,SAAkB,CAAC,CAC5C,OAAiC,WAAW;CAC3C,KAAK;CACL,gBAAgB,MAAM,cAAc,EAAE,aAAa,MAAM,aAAa,GAAG,EAAE;CAC5E,EAAE;;;;;;;;;;ACLL,MAAM,SAAS,aAAa,CAAC;CAAE,MAAM;CAAU,WAAW;CAAS,CAAC,CACjE,QAAQ,EAAE,eAAe,OAAgB,CAAC,CAC1C,aAAa;CACZ,KAAK;CACL,WAAW;CACX,KAAK;CACL,gBAAgB,EAAE;CACnB,EAAE;;;;ACbL,MAAM,aAAa,YAAY;CAC7B,YAAY,EACV,YAAY,aACb;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAc,WAAW;CAAS,CAAC,CAC3C,MAAM,EACL,SAAS,GACV,CAAC,CACD,WAAW;CACV,QAAQ,EAAE;CACV,KAAK,EAAE,WAAW,OAAO;CAC1B,CAAC,CACD,QAAQ,EAAE,eAAe,WAAoB,CAAC,CAC9C,OAA+B,WAAW;CACzC,KAAK;CACL,gBAAgB,EAAE,WAAW,MAAM,aAAa,UAAU;CAC3D,EAAE;;;;ACjBL,MAAM,YAAY,aAAa,CAAC;CAAE,MAAM;CAAa,WAAW;CAAS,CAAC,CACvE,QAAQ,EAAE,eAAe,UAAmB,CAAC,CAC7C,OAA4B,WAAW;CACtC,KAAK;CACL,gBAAgB,EAAE,QAAQ,MAAM,UAAU,IAAI;CAC/C,EAAE;;;;;;;;;;;;;;;;;;;;;;ACaL,MAAM,WAAW,YAAY;CAC3B,YAAY,EACV,UAAU,WACX;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAY,WAAW;CAAS,CAAC,CACzC,MAAM;CACL,UAAU;CACV,aAAa;CACd,CAAC,CACD,QAAQ,EAAE,eAAe,SAAkB,CAAC,CAC5C,OAQE,WAAW;CACV,KAAK;CACL,gBAAgB;EACd,SAAS,MAAM,WAAW,EAAE;EAC5B,MAAM,MAAM,QAAQ,EAAE;EACtB,GAAI,MAAM,cAAc,EAAE,aAAa,MAAM,aAAa,GAAG,EAAE;EAC/D,GAAI,MAAM,UAAU,EAAE,SAAS,MAAM,SAAS,GAAG,EAAE;EACnD,GAAI,MAAM,WAAW,EAAE,UAAU,MAAM,UAAU,GAAG,EAAE;EACtD,GAAI,MAAM,UAAU,EAAE,SAAS,MAAM,SAAS,GAAG,EAAE;EACpD;CACF,GACD,EACE,QAAQ;CAAC;CAAW;CAAQ;CAAe;CAAW;CAAY;CAAU,EAC7E,CACF;;;;ACnDH,MAAM,UAAU,YAAY;CAC1B,YAAY;EACV,UAAU;EACV,SAAS;EACV;CACD,aAAa;CACd,CAAC,CAAC;CAAE,MAAM;CAAW,WAAW;CAAM,CAAC,CACrC,MAAM;CACL,OAAO;CACP,YAAY;CACZ,cAAc;CACf,CAAC,CACD,SAAS;CACR,MAAM,EAAE,UAAU,IAAI;CACtB,SAAS;EAAE,UAAU;EAAI,OAAO;EAAW;CAC3C,OAAO;EAAE,UAAU;EAAI,YAAY;EAAQ;CAC5C,CAAC,CACD,QAAQ;CACP,QAAQ,EAAE,YAAY,UAAU;CAChC,MAAM,EAAE,YAAY,QAAQ;CAC7B,CAAC,CACD,QAAQ,EAAE,eAAe,QAAiB,CAAC,CAC3C,aAAa;CACZ,KAAK;CACL,gBAAgB,EAAE;CACnB,EAAE;;;;AC5BL,MAAa,gBAAgB;CAC3B,QAAQ;EACN,SAAS;EACT,MAAM;EACN,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,UAAU;EACV,YAAY;EACZ,YAAY;EACb;CACD,OAAO;EACL,SAAS;EACT,MAAM;EACN,MAAM;EACP;CACD,OAAO;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD,SAAS;EACP,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACaD,SAAgB,eACd,YACA,UAAiC,EAAE,EAC1B;AACT,QAAOA,sBAAoB,YAAY,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;AA0BnD,SAAgB,qBACd,YACA,UAAiC,EAAE,EACnB;CAChB,MAAM,mBAA4B,eAAe,YAAY,QAAQ;AACrE,QAAO,EAAE,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/document-primitives",
-  "version": "0.12.10",
+  "version": "0.12.12",
   "description": "Rocketstyle document components — render in browser, export to 18 formats",
   "license": "MIT",
   "repository": {
@@ -40,25 +40,27 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@pyreon/connector-document": "^0.12.10"
+    "@pyreon/connector-document": "^0.12.12"
   },
   "devDependencies": {
-    "@pyreon/core": "^0.12.10",
-    "@pyreon/elements": "^0.12.10",
-    "@pyreon/rocketstyle": "^0.12.10",
-    "@pyreon/styler": "^0.12.10",
+    "@pyreon/core": "^0.12.12",
+    "@pyreon/elements": "^0.12.12",
+    "@pyreon/reactivity": "^0.12.12",
+    "@pyreon/rocketstyle": "^0.12.12",
+    "@pyreon/runtime-dom": "^0.12.12",
+    "@pyreon/styler": "^0.12.12",
     "@pyreon/test-utils": "^0.12.10",
-    "@pyreon/typescript": "^0.12.10",
-    "@pyreon/ui-core": "^0.12.10",
+    "@pyreon/typescript": "^0.12.12",
+    "@pyreon/ui-core": "^0.12.12",
     "@vitus-labs/tools-rolldown": "^1.15.4"
   },
   "peerDependencies": {
-    "@pyreon/core": "^0.12.10",
-    "@pyreon/document": "^0.12.10",
-    "@pyreon/elements": "^0.12.10",
-    "@pyreon/rocketstyle": "^0.12.10",
-    "@pyreon/styler": "^0.12.10",
-    "@pyreon/ui-core": "^0.12.10"
+    "@pyreon/core": "^0.12.12",
+    "@pyreon/document": "^0.12.12",
+    "@pyreon/elements": "^0.12.12",
+    "@pyreon/rocketstyle": "^0.12.12",
+    "@pyreon/styler": "^0.12.12",
+    "@pyreon/ui-core": "^0.12.12"
   },
   "engines": {
     "node": ">= 22"

package/src/DocumentPreview.ts

@@ -37,8 +37,6 @@ const DocumentPreview = rocketstyle({
   .attrs<{
     size?: string
     showPageBreaks?: boolean
-    tag: string
-    _documentProps: Record<string, unknown>
   }>((props) => ({
     tag: 'div',
     _documentProps: {

package/src/__tests__/reactivity.test.ts

@@ -0,0 +1,415 @@
+/**
+ * Fine-grained reactivity tests for every document-primitive that
+ * accepts children or data props.
+ *
+ * **Why the `as any` casts**: rocketstyle's component prop type
+ * collapses children to `VNodeChildAtom` (the singular form) inside
+ * its child slot, even though `VNodeChild` already covers
+ * `VNodeChild[]`. This is a recurring DX paper-cut tracked as item
+ * R1 in the post-flow-PR catalog. The casts here aren't covering a
+ * runtime bug — they're a type-level workaround that lets us pass
+ * function children through `h(DocPrimitive, ...)` without
+ * fighting TS. When R1 lands, the casts can be removed.
+ *
+ * Proves the load-bearing claim of the resume-builder showcase: when
+ * a rocketstyle document primitive is given a function child like
+ * `<DocText>{() => signal()}</DocText>`, the function passes through
+ * rocketstyle untouched and is treated by Pyreon's runtime as a
+ * reactive children accessor. The text node patches in place when
+ * the signal changes — the parent component does NOT re-render.
+ *
+ * Without this guarantee, the resume builder's "single tree, two
+ * render targets" design degrades to a top-down re-render on every
+ * keystroke, defeating the entire reason to use document-primitives
+ * for the live preview.
+ *
+ * The tests are organised by what each primitive wraps:
+ *
+ *   • TEXT-BASED — wraps `@pyreon/elements/Text`. The function child
+ *     becomes a reactive text node. Tests assert that mutating the
+ *     signal updates `container.textContent` AND that the parent
+ *     component runs exactly once across multiple mutations.
+ *
+ *   • ELEMENT/CONTAINER — wraps `@pyreon/elements/Element`. Function
+ *     children inside the container are still reactive (same
+ *     mechanism — rocketstyle passes children through unmodified).
+ *     Tests assert mutation propagation through nested children.
+ *
+ *   • LEAF — primitives with no children (Divider, Spacer, PageBreak,
+ *     Image). These take props only. Tests verify that the primitive
+ *     mounts cleanly and produces the right tag, with no children
+ *     surface to be reactive against.
+ *
+ *   • DATA-DRIVEN — DocTable receives `columns`/`rows` as attrs, not
+ *     JSX children. Tests verify the primitive mounts with array
+ *     props.
+ */
+import { h } from '@pyreon/core'
+import { signal } from '@pyreon/reactivity'
+import { initTestConfig, mountAndExpectOnce, mountReactive } from '@pyreon/test-utils'
+import { afterAll, beforeAll, describe, expect, it } from 'vitest'
+
+import DocButton from '../primitives/DocButton'
+import DocCode from '../primitives/DocCode'
+import DocColumn from '../primitives/DocColumn'
+import DocDivider from '../primitives/DocDivider'
+import DocDocument from '../primitives/DocDocument'
+import DocHeading from '../primitives/DocHeading'
+import DocImage from '../primitives/DocImage'
+import DocLink from '../primitives/DocLink'
+import DocList from '../primitives/DocList'
+import DocListItem from '../primitives/DocListItem'
+import DocPage from '../primitives/DocPage'
+import DocPageBreak from '../primitives/DocPageBreak'
+import DocQuote from '../primitives/DocQuote'
+import DocRow from '../primitives/DocRow'
+import DocSection from '../primitives/DocSection'
+import DocSpacer from '../primitives/DocSpacer'
+import DocTable from '../primitives/DocTable'
+import DocText from '../primitives/DocText'
+
+let cleanup: () => void
+beforeAll(() => {
+  cleanup = initTestConfig()
+})
+afterAll(() => cleanup())
+
+// ─── Text-based primitives ──────────────────────────────────────────
+//
+// All wrap `@pyreon/elements/Text`. Function children render as text
+// nodes that the runtime patches in place when their signal source
+// changes. The "parent runs once" contract is asserted via
+// mountAndExpectOnce.
+
+describe('text-based primitives — function children patch text nodes', () => {
+  it('DocText patches its text node when the signal changes', () => {
+    const name = signal('Aisha')
+    const { container, cleanup: c } = mountReactive(h(DocText as any, null, () => name()))
+    expect(container.textContent).toBe('Aisha')
+    name.set('Marcus')
+    expect(container.textContent).toBe('Marcus')
+    name.set('Priya')
+    expect(container.textContent).toBe('Priya')
+    c()
+  })
+
+  it('DocText parent component runs once across multiple mutations', () => {
+    const headline = signal('Senior Engineer')
+    const { container, parentCalls, cleanup: c } = mountAndExpectOnce(
+      () => h(DocText as any, null, () => headline()),
+      () => {
+        headline.set('Staff Engineer')
+        headline.set('Principal Engineer')
+        headline.set('Distinguished Engineer')
+        headline.set('Fellow')
+        headline.set('CTO')
+      },
+    )
+    expect(parentCalls()).toBe(1)
+    expect(container.textContent).toBe('CTO')
+    c()
+  })
+
+  it('DocHeading patches its text node when the signal changes', () => {
+    const title = signal('Resume')
+    const { container, cleanup: c } = mountReactive(
+      h(DocHeading as any, { level: 'h1' }, () => title()),
+    )
+    expect(container.textContent).toBe('Resume')
+    title.set('Curriculum Vitae')
+    expect(container.textContent).toBe('Curriculum Vitae')
+    c()
+  })
+
+  it('DocHeading parent runs once across mutations', () => {
+    const title = signal('A')
+    const { parentCalls, cleanup: c } = mountAndExpectOnce(
+      () => h(DocHeading as any, { level: 'h2' }, () => title()),
+      () => {
+        title.set('B')
+        title.set('C')
+      },
+    )
+    expect(parentCalls()).toBe(1)
+    c()
+  })
+
+  it('DocCode patches its text node when the signal changes', () => {
+    const snippet = signal('const x = 1')
+    const { container, cleanup: c } = mountReactive(
+      h(DocCode as any, { language: 'typescript' }, () => snippet()),
+    )
+    expect(container.textContent).toBe('const x = 1')
+    snippet.set('const y = 2')
+    expect(container.textContent).toBe('const y = 2')
+    c()
+  })
+
+  it('DocLink patches its text node when the signal changes', () => {
+    const label = signal('Click here')
+    const { container, cleanup: c } = mountReactive(
+      h(DocLink as any, { href: 'https://example.com' }, () => label()),
+    )
+    expect(container.textContent).toBe('Click here')
+    label.set('Visit us')
+    expect(container.textContent).toBe('Visit us')
+    c()
+  })
+
+  it('DocListItem patches its text node when the signal changes', () => {
+    const item = signal('First task')
+    const { container, cleanup: c } = mountReactive(h(DocListItem as any, null, () => item()))
+    expect(container.textContent).toBe('First task')
+    item.set('Second task')
+    expect(container.textContent).toBe('Second task')
+    c()
+  })
+
+  it('DocButton patches its text node when the signal changes', () => {
+    const cta = signal('Sign up')
+    const { container, cleanup: c } = mountReactive(
+      h(DocButton as any, { variant: 'primary' }, () => cta()),
+    )
+    expect(container.textContent).toBe('Sign up')
+    cta.set('Get started')
+    expect(container.textContent).toBe('Get started')
+    c()
+  })
+})
+
+// ─── Element/container primitives ───────────────────────────────────
+//
+// All wrap `@pyreon/elements/Element`. Function children INSIDE the
+// container (typically wrapped in a text-bearing primitive like
+// DocText) are still reactive — rocketstyle passes children through
+// unmodified, so the reactive accessor lands at whatever level the
+// consumer puts it.
+
+describe('container primitives — function children inside containers stay reactive', () => {
+  it('DocDocument propagates reactive children through to text leaves', () => {
+    const title = signal('Original')
+    const { container, cleanup: c } = mountReactive(
+      h(
+        DocDocument as any,
+        { title: 'My Doc' },
+        h(DocText as any, null, () => title()),
+      ),
+    )
+    expect(container.textContent).toBe('Original')
+    title.set('Updated')
+    expect(container.textContent).toBe('Updated')
+    c()
+  })
+
+  it('DocDocument parent runs once across nested signal mutations', () => {
+    const body = signal('a')
+    const { parentCalls, cleanup: c } = mountAndExpectOnce(
+      () =>
+        h(
+          DocDocument as any,
+          { title: 'X' },
+          h(DocText as any, null, () => body()),
+        ),
+      () => {
+        body.set('b')
+        body.set('c')
+        body.set('d')
+      },
+    )
+    expect(parentCalls()).toBe(1)
+    c()
+  })
+
+  it('DocPage propagates reactive children through to text leaves', () => {
+    const heading = signal('Page 1')
+    const { container, cleanup: c } = mountReactive(
+      h(
+        DocPage as any,
+        { size: 'A4' },
+        h(DocHeading as any, { level: 'h1' }, () => heading()),
+      ),
+    )
+    expect(container.textContent).toBe('Page 1')
+    heading.set('Page 2')
+    expect(container.textContent).toBe('Page 2')
+    c()
+  })
+
+  it('DocSection propagates reactive children', () => {
+    const text = signal('section A')
+    const { container, cleanup: c } = mountReactive(
+      h(DocSection as any, null, h(DocText as any, null, () => text())),
+    )
+    expect(container.textContent).toBe('section A')
+    text.set('section B')
+    expect(container.textContent).toBe('section B')
+    c()
+  })
+
+  it('DocRow propagates reactive children', () => {
+    const inline = signal('one')
+    const { container, cleanup: c } = mountReactive(
+      h(DocRow as any, null, h(DocText as any, null, () => inline())),
+    )
+    expect(container.textContent).toBe('one')
+    inline.set('two')
+    expect(container.textContent).toBe('two')
+    c()
+  })
+
+  it('DocColumn propagates reactive children', () => {
+    const col = signal('left')
+    const { container, cleanup: c } = mountReactive(
+      h(DocColumn as any, { width: '50%' }, h(DocText as any, null, () => col())),
+    )
+    expect(container.textContent).toBe('left')
+    col.set('right')
+    expect(container.textContent).toBe('right')
+    c()
+  })
+
+  it('DocList propagates reactive children to nested DocListItem', () => {
+    const first = signal('Apple')
+    const { container, cleanup: c } = mountReactive(
+      h(
+        DocList as any,
+        null,
+        h(DocListItem as any, null, () => first()),
+      ),
+    )
+    expect(container.textContent).toBe('Apple')
+    first.set('Banana')
+    expect(container.textContent).toBe('Banana')
+    c()
+  })
+
+  it('DocList parent runs once when ordered list items mutate', () => {
+    const item = signal('a')
+    const { parentCalls, cleanup: c } = mountAndExpectOnce(
+      () =>
+        h(
+          DocList as any,
+          { ordered: true },
+          h(DocListItem as any, null, () => item()),
+        ),
+      () => {
+        item.set('b')
+        item.set('c')
+      },
+    )
+    expect(parentCalls()).toBe(1)
+    c()
+  })
+
+  it('DocQuote propagates reactive children', () => {
+    const quote = signal('Hello')
+    const { container, cleanup: c } = mountReactive(
+      h(DocQuote as any, null, h(DocText as any, null, () => quote())),
+    )
+    expect(container.textContent).toBe('Hello')
+    quote.set('World')
+    expect(container.textContent).toBe('World')
+    c()
+  })
+})
+
+// ─── Leaf primitives ────────────────────────────────────────────────
+//
+// No children, no reactive surface. The contract here is just "the
+// primitive mounts cleanly without throwing." A consumer that drops
+// these into a tree shouldn't need to worry about them — they're
+// inert dividers / spacers / page breaks. Image is also leaf because
+// its data lives in attrs (`src`, `alt`, etc.) not children.
+
+describe('leaf primitives — mount cleanly with no children', () => {
+  it('DocDivider mounts and produces an hr tag', () => {
+    const { container, cleanup: c } = mountReactive(h(DocDivider as any, null))
+    expect(container.querySelector('hr')).not.toBeNull()
+    c()
+  })
+
+  it('DocSpacer mounts cleanly', () => {
+    const { container, cleanup: c } = mountReactive(h(DocSpacer as any, { height: 32 }))
+    expect(container.querySelector('div')).not.toBeNull()
+    c()
+  })
+
+  it('DocPageBreak mounts cleanly', () => {
+    const { container, cleanup: c } = mountReactive(h(DocPageBreak as any, null))
+    expect(container.querySelector('div')).not.toBeNull()
+    c()
+  })
+
+  it('DocImage mounts and produces an img tag with the src attr', () => {
+    const { container, cleanup: c } = mountReactive(
+      h(DocImage as any, { src: 'https://example.com/x.png', alt: 'X' }),
+    )
+    const img = container.querySelector('img')
+    expect(img).not.toBeNull()
+    c()
+  })
+})
+
+// ─── Data-driven primitives ─────────────────────────────────────────
+//
+// DocTable takes `columns`/`rows` as attrs rather than JSX children.
+// The browser render is intentionally minimal — DocTable produces a
+// bare `<table>` element with theme styling, and the data lives in
+// `_documentProps` for the document-export pipeline to consume.
+// There's no DOM-level "mutate signal → assert text" contract here
+// because the data never reaches the DOM.
+//
+// What we DO assert: the primitive mounts cleanly. Before this test
+// existed, DocTable's `rows` and `columns` props collided with
+// HTMLTableElement's read-only DOM properties of the same name —
+// the runtime crashed with `TypeError: Cannot set property rows of
+// [object Object] which has only a getter` whenever any consumer
+// tried to mount a table. The fix was a `filter` option on
+// rocketstyle's `.attrs()` that strips export-only props from the
+// DOM forwarding. See `DocTable.ts` for the inline rationale.
+
+describe('data-driven primitives — DocTable mounts cleanly', () => {
+  it('mounts with columns and rows arrays', () => {
+    const { container, cleanup: c } = mountReactive(
+      h(DocTable as any, {
+        columns: [{ header: 'Name' }, { header: 'Age' }],
+        rows: [
+          ['Alice', 30],
+          ['Bob', 25],
+        ],
+      }),
+    )
+    expect(container.querySelector('table')).not.toBeNull()
+    c()
+  })
+
+  it('mounts with empty arrays (regression: no crash on empty rows)', () => {
+    const { container, cleanup: c } = mountReactive(
+      h(DocTable as any, { columns: [], rows: [] }),
+    )
+    expect(container.querySelector('table')).not.toBeNull()
+    c()
+  })
+
+  it('does not forward columns/rows to the DOM (would crash table.rows is read-only)', () => {
+    // The fix: rocketstyle's `filter` option on `.attrs()` strips
+    // these props before they reach the DOM forwarding step. Without
+    // the filter, the runtime would call `tableEl.rows = [...]`
+    // which throws on HTMLTableElement.
+    //
+    // This test exists to make the regression unmissable: if anyone
+    // removes the filter option in DocTable.ts, this test (and the
+    // two above) will start crashing again with the exact same
+    // error message that originally surfaced the bug.
+    const { container, cleanup: c } = mountReactive(
+      h(DocTable as any, { columns: [{ header: 'X' }], rows: [['y']] }),
+    )
+    const table = container.querySelector('table') as HTMLTableElement | null
+    expect(table).not.toBeNull()
+    // The native `rows` is a read-only HTMLCollection of <tr>. We
+    // shouldn't have polluted it with our prop array. (If we had,
+    // mount would have already crashed above.)
+    expect(table?.rows.length).toBe(0)
+    c()
+  })
+})