@pyreon/document-primitives 0.13.1 → 0.15.0

package/src/manifest.ts

@@ -0,0 +1,388 @@
+import { defineManifest } from '@pyreon/manifest'
+
+export default defineManifest({
+  name: '@pyreon/document-primitives',
+  title: 'Document Primitives',
+  tagline:
+    '18 rocketstyle document components — render in browser AND export to 14+ formats via the same tree',
+  description:
+    '18 rocketstyle-based document primitives — `DocDocument`, `DocPage`, `DocSection`, `DocRow`, `DocColumn`, `DocHeading`, `DocText`, `DocLink`, `DocImage`, `DocTable`, `DocList`, `DocListItem`, `DocCode`, `DocDivider`, `DocSpacer`, `DocButton`, `DocQuote`, `DocPageBreak`. The same JSX tree renders in the browser AND exports to 14+ output formats (PDF, DOCX, XLSX, PPTX, HTML, Markdown, email, Slack, Teams, etc.). Primitives carry `_documentType` static markers; `extractDocumentTree` (from `@pyreon/connector-document`) walks the tree to produce a `DocNode` for `@pyreon/document`\\\'s `render()` to consume. `DocDocument` accepts reactive accessors for `title` / `author` / `subject` — function values are stored in `_documentProps` and resolved at extraction time so each export click reads the LIVE value from the underlying signal.',
+  category: 'browser',
+  features: [
+    '18 primitives covering structure, text, lists, tables, code, layout',
+    'Same component tree renders in browser AND exports to 14+ formats',
+    'extractDocNode(templateFn) — one-step extraction (recommended)',
+    'createDocumentExport(templateFn) — two-step form (backward compat)',
+    'DocDocument accepts reactive accessors for title / author / subject',
+    'PR #197 fix: extractDocumentTree now calls rocketstyle components to read post-attrs metadata',
+    'Layout props in .attrs() (direction / gap), CSS in .theme()',
+  ],
+  longExample: `import {
+  DocDocument, DocPage, DocSection, DocRow, DocColumn,
+  DocHeading, DocText, DocLink, DocImage, DocTable,
+  DocList, DocListItem, DocCode, DocDivider, DocSpacer,
+  DocButton, DocQuote, DocPageBreak,
+  extractDocNode,
+} from '@pyreon/document-primitives'
+import { download } from '@pyreon/document'
+
+interface Resume { name: string; headline: string }
+
+function ResumeTemplate(props: { resume: () => Resume }) {
+  return (
+    // title and author accept reactive accessors — extractDocNode
+    // resolves them at extraction time, so each export click reads
+    // the LIVE value from the underlying signal
+    <DocDocument
+      title={() => \`\${props.resume().name} — Resume\`}
+      author={() => props.resume().name}
+    >
+      <DocPage>
+        <DocSection>
+          <DocHeading level="h1">{() => props.resume().name}</DocHeading>
+          <DocText>{() => props.resume().headline}</DocText>
+        </DocSection>
+      </DocPage>
+    </DocDocument>
+  )
+}
+
+// One-step extraction → render to any of 14+ formats
+const tree = extractDocNode(() => <ResumeTemplate resume={store.resume} />)
+await download(tree, 'resume.pdf')
+await download(tree, 'resume.docx')
+await download(tree, 'resume.html')
+await download(tree, 'resume.md')`,
+  api: [
+    {
+      name: 'extractDocNode',
+      kind: 'function',
+      signature: 'extractDocNode(templateFn: () => VNode, options?: ExtractOptions): DocNode',
+      summary:
+        "18 primitives: `DocDocument`, `DocPage`, `DocSection`, `DocRow`, `DocColumn`, `DocHeading`, `DocText`, `DocLink`, `DocImage`, `DocTable`, `DocList`, `DocListItem`, `DocCode`, `DocDivider`, `DocSpacer`, `DocButton`, `DocQuote`, `DocPageBreak`. Same component tree renders in browser AND exports — primitives carry `_documentType` statics that `extractDocumentTree` (from `@pyreon/connector-document`) walks to produce a `DocNode` for `@pyreon/document`\\\'s `render()` to consume. `DocDocument`\\\'s `title` / `author` / `subject` accept either a string OR a `() => string` accessor; function values are stored in `_documentProps` and resolved at extraction time so reactive metadata works without `const initial = get()` workarounds. PR #197 also fixed a latent bug in `extractDocumentTree`: it now CALLS rocketstyle component functions to read post-attrs `_documentProps`, where before it only looked at the JSX vnode\\\'s props directly — every primitive\\\'s metadata was silently dropped during export until that fix landed.",
+      example: `import {
+  DocDocument, DocPage, DocHeading, DocText,
+  extractDocNode,
+} from '@pyreon/document-primitives'
+import { download } from '@pyreon/document'
+
+const tree = extractDocNode(() => (
+  <DocDocument title="Quarterly Report" author="Aisha">
+    <DocPage>
+      <DocHeading level="h1">Q4 Results</DocHeading>
+      <DocText>Revenue grew 23% YoY.</DocText>
+    </DocPage>
+  </DocDocument>
+))
+await download(tree, 'report.pdf')
+await download(tree, 'report.docx')`,
+      mistakes: [
+        'Calling `props.title()` at the top of a template body to "fix" reactivity — components run ONCE at mount, so this captures the initial value forever. Pass the accessor through to DocDocument as-is: `<DocDocument title={() => get().name}>`',
+        "DocRow direction: layout props (direction, gap) go in `.attrs()` not `.theme()`. Element accepts `'inline'` | `'rows'` | `'reverseInline'` | `'reverseRows'` — `'row'` is NOT valid",
+        "For text children reactivity, pass a signal accessor and read inside body: `<DocText>{() => store.field()}</DocText>`",
+        "Don't declare runtime-filled fields (`tag`, `_documentProps`) in the rocketstyle `.attrs<P>()` generic — they leak as required JSX props",
+        'Using `createDocumentExport(...).getDocNode()` in new code — prefer `extractDocNode(fn)` which is one call instead of two. `createDocumentExport` is kept for backward compat',
+      ],
+      seeAlso: ['createDocumentExport'],
+    },
+    {
+      name: 'createDocumentExport',
+      kind: 'function',
+      signature:
+        'createDocumentExport(templateFn: () => VNode): { getDocNode(): DocNode }',
+      summary:
+        'Wrapper around `extractDocNode`. The wrapper-object form is kept for callers that want to pass the helper around (e.g. to wrapper components that take a `DocumentExport` instance). New code should use `extractDocNode(templateFn)` which is one call instead of two.',
+      example: `// Two-step form (kept for backward compat). New code should
+// prefer the one-step extractDocNode helper.
+import { createDocumentExport } from '@pyreon/document-primitives'
+
+const helper = createDocumentExport(() => <Resume name="Aisha" />)
+const tree = helper.getDocNode()`,
+      seeAlso: ['extractDocNode'],
+    },
+    {
+      name: 'DocDocument',
+      kind: 'component',
+      signature:
+        '(props: { title?: string | (() => string); author?: string | (() => string); subject?: string | (() => string); children: VNodeChild }) => VNodeChild',
+      summary:
+        'Root container for a document tree — produces a `_documentType: "document"` node. Accepts optional metadata: `title`, `author`, `subject`. Each accepts either a plain string OR a `() => string` accessor; function values are stored in `_documentProps` and resolved at extraction time so each export call reads the LIVE value from any underlying signal.',
+      example: `<DocDocument title="Quarterly Report" author="Aisha" subject="Q4 2025">
+  <DocPage>...</DocPage>
+</DocDocument>
+
+// Reactive metadata via accessor
+<DocDocument title={() => \`\${user().name} — Resume\`}>
+  <DocPage>...</DocPage>
+</DocDocument>`,
+      seeAlso: ['DocPage', 'extractDocNode'],
+    },
+    {
+      name: 'DocPage',
+      kind: 'component',
+      signature:
+        "(props: { size?: string; orientation?: 'portrait' | 'landscape'; children: VNodeChild }) => VNodeChild",
+      summary:
+        'A page boundary inside a `DocDocument`. Paginated outputs (PDF, DOCX) treat each `DocPage` as a separate page; flow outputs (HTML, Markdown) render the contents inline with no page boundary. `size` and `orientation` configure paginated formats — common values: `"A4"`, `"Letter"`, `"Legal"`.',
+      example: `<DocDocument>
+  <DocPage size="A4" orientation="portrait">
+    <DocHeading level="h1">Page 1</DocHeading>
+  </DocPage>
+  <DocPage size="A4" orientation="landscape">
+    <DocHeading level="h1">Page 2 — landscape</DocHeading>
+  </DocPage>
+</DocDocument>`,
+      seeAlso: ['DocDocument', 'DocPageBreak'],
+    },
+    {
+      name: 'DocSection',
+      kind: 'component',
+      signature:
+        "(props: { direction?: 'column' | 'row'; children: VNodeChild }) => VNodeChild",
+      summary:
+        'Semantic grouping inside a page. Default `direction` is `"column"` (children stack vertically); `"row"` arranges them horizontally. Use to group related content for visual rhythm and for export targets that emit semantic section markers (HTML `<section>`, DOCX section breaks).',
+      example: `<DocPage>
+  <DocSection direction="column">
+    <DocHeading level="h2">Introduction</DocHeading>
+    <DocText>Background paragraph.</DocText>
+  </DocSection>
+</DocPage>`,
+      seeAlso: ['DocRow', 'DocColumn'],
+    },
+    {
+      name: 'DocRow',
+      kind: 'component',
+      signature: '(props: { children: VNodeChild }) => VNodeChild',
+      summary:
+        'Horizontal layout container — children flow inline with a fixed 8px gap. Use for side-by-side content (label + value pairs, columns of metadata, button rows). Layout-only — no user-configurable props on this primitive; for columns with custom widths use `DocColumn` inside.',
+      example: `<DocRow>
+  <DocText>Name:</DocText>
+  <DocText>Aisha Patel</DocText>
+</DocRow>`,
+      seeAlso: ['DocColumn', 'DocSection'],
+    },
+    {
+      name: 'DocColumn',
+      kind: 'component',
+      signature:
+        '(props: { width?: number | string; children: VNodeChild }) => VNodeChild',
+      summary:
+        'A column inside a row layout. Optional `width` controls the column\\\'s share of the row — accepts a number (interpreted as pixels) or a string (`"50%"`, `"1fr"`). When omitted, columns share available width equally. Most common shape is `<DocRow><DocColumn width="30%" /> <DocColumn width="70%" /></DocRow>`.',
+      example: `<DocRow>
+  <DocColumn width="30%">
+    <DocText>Label</DocText>
+  </DocColumn>
+  <DocColumn width="70%">
+    <DocText>Value</DocText>
+  </DocColumn>
+</DocRow>`,
+      seeAlso: ['DocRow', 'DocSection'],
+    },
+    {
+      name: 'DocHeading',
+      kind: 'component',
+      signature:
+        "(props: { level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'; children: VNodeChild }) => VNodeChild",
+      summary:
+        'Heading text — `level` (`"h1"` through `"h6"`) controls both visual size and the semantic level emitted to outputs (HTML `<h1>...<h6>`, DOCX heading styles, Markdown `#`...`######`). Default `level` is `"h1"`. Used for document structure that downstream tooling can build a TOC from.',
+      example: `<DocHeading level="h1">Quarterly Report</DocHeading>
+<DocHeading level="h2">Q4 Results</DocHeading>
+<DocHeading level="h3">Revenue Breakdown</DocHeading>`,
+      seeAlso: ['DocText', 'DocSection'],
+    },
+    {
+      name: 'DocText',
+      kind: 'component',
+      signature: '(props: { children: VNodeChild }) => VNodeChild',
+      summary:
+        'Paragraph / inline text. The most common primitive — wraps any text content for the document. Children may be string literals OR signal accessors (`{() => store.field()}`) for reactive content. Visual styling (font weight, variant) is controlled via rocketstyle dimension props on the wrapping component definition.',
+      example: `<DocText>Static paragraph content.</DocText>
+
+// Reactive children
+<DocText>{() => \`Hello, \${user().name}\`}</DocText>`,
+      seeAlso: ['DocHeading', 'DocLink'],
+    },
+    {
+      name: 'DocLink',
+      kind: 'component',
+      signature: '(props: { href?: string; children: VNodeChild }) => VNodeChild',
+      summary:
+        'Hyperlink within text. `href` is the URL — defaults to `"#"`. Outputs that support hyperlinks (HTML, PDF, DOCX, email) render this as a clickable link; flat outputs (plain text, certain Slack variants) render the link target inline as `text (href)`.',
+      example: `<DocText>
+  Read more on
+  <DocLink href="https://pyreon.dev">our blog</DocLink>
+  for the latest releases.
+</DocText>`,
+      seeAlso: ['DocText'],
+    },
+    {
+      name: 'DocImage',
+      kind: 'component',
+      signature:
+        '(props: { src: string; alt?: string; width?: number; height?: number; caption?: string }) => VNodeChild',
+      summary:
+        'An image embedded in the document. `src` is the image URL or data URI. `alt` is the accessible description (also used as fallback text in non-visual outputs). `width` / `height` constrain dimensions in pixels. Optional `caption` renders a caption beneath the image.',
+      example: `<DocImage
+  src="/charts/q4-revenue.png"
+  alt="Revenue grew 23% in Q4"
+  width={600}
+  height={400}
+  caption="Figure 1: Quarterly revenue, 2024-2025"
+/>`,
+      seeAlso: ['DocCode'],
+    },
+    {
+      name: 'DocTable',
+      kind: 'component',
+      signature:
+        '(props: { columns: TableColumn[]; rows: TableRow[]; headerStyle?: object; striped?: boolean; bordered?: boolean; caption?: string }) => VNodeChild',
+      summary:
+        'Tabular data. `columns` defines the header cells (label, key, optional alignment). `rows` is an array of data rows keyed by column key. `striped` adds alternating row backgrounds; `bordered` adds cell borders; `caption` renders an accessible table caption. Both `rows` and `columns` are filtered before reaching the DOM via `.attrs(..., { filter: [...] })` because `HTMLTableElement.rows` / `.cells` are read-only DOM properties — assignment would crash.',
+      example: `<DocTable
+  caption="Q4 results by region"
+  bordered
+  striped
+  columns={[
+    { key: 'region', label: 'Region', align: 'left' },
+    { key: 'revenue', label: 'Revenue', align: 'right' },
+    { key: 'growth', label: 'YoY Growth', align: 'right' },
+  ]}
+  rows={[
+    { region: 'NA', revenue: '$12.4M', growth: '+23%' },
+    { region: 'EU', revenue: '$8.7M', growth: '+18%' },
+    { region: 'APAC', revenue: '$5.1M', growth: '+41%' },
+  ]}
+/>`,
+      seeAlso: ['DocList', 'DocSection'],
+    },
+    {
+      name: 'DocList',
+      kind: 'component',
+      signature: '(props: { ordered?: boolean; children: VNodeChild }) => VNodeChild',
+      summary:
+        'Bulleted (default) or numbered (`ordered`) list. Children are typically `DocListItem` instances. Outputs map this to the right native list type — HTML `<ul>` / `<ol>`, Markdown `-` / `1.`, DOCX list styles.',
+      example: `<DocList>
+  <DocListItem>First bullet</DocListItem>
+  <DocListItem>Second bullet</DocListItem>
+</DocList>
+
+<DocList ordered>
+  <DocListItem>First step</DocListItem>
+  <DocListItem>Second step</DocListItem>
+</DocList>`,
+      seeAlso: ['DocListItem'],
+    },
+    {
+      name: 'DocListItem',
+      kind: 'component',
+      signature: '(props: { children: VNodeChild }) => VNodeChild',
+      summary:
+        'Single item inside a `DocList`. Children may be plain text, `DocText`, nested `DocList` for sublists, or any other inline primitive. Visual marker (bullet vs number) is decided by the parent list\\\'s `ordered` prop, not by the item.',
+      example: `<DocList>
+  <DocListItem>Top-level item</DocListItem>
+  <DocListItem>
+    Item with nested list
+    <DocList>
+      <DocListItem>Nested A</DocListItem>
+      <DocListItem>Nested B</DocListItem>
+    </DocList>
+  </DocListItem>
+</DocList>`,
+      seeAlso: ['DocList'],
+    },
+    {
+      name: 'DocCode',
+      kind: 'component',
+      signature: '(props: { language?: string; children: VNodeChild }) => VNodeChild',
+      summary:
+        'Monospace code block. Optional `language` hint enables syntax highlighting in outputs that support it (HTML via Prism / Shiki, Markdown fenced code blocks with language tag). Whitespace is preserved verbatim — pass code as a single string child to keep newlines.',
+      example: `<DocCode language="typescript">{
+\`const flow = createFlow({
+  nodes: [{ id: '1', position: { x: 0, y: 0 } }],
+  edges: [],
+})\`
+}</DocCode>`,
+      seeAlso: ['DocText'],
+    },
+    {
+      name: 'DocDivider',
+      kind: 'component',
+      signature: '(props: { color?: string; thickness?: number }) => VNodeChild',
+      summary:
+        'Horizontal rule — visual section separator. `color` controls the line color (any CSS color string); `thickness` controls the line thickness in pixels. Outputs map this to native dividers — HTML `<hr>`, Markdown `---`, DOCX horizontal rule.',
+      example: `<DocText>Above the divider.</DocText>
+<DocDivider color="#e5e7eb" thickness={1} />
+<DocText>Below the divider.</DocText>`,
+      seeAlso: ['DocSpacer'],
+    },
+    {
+      name: 'DocSpacer',
+      kind: 'component',
+      signature: '(props: { height?: number }) => VNodeChild',
+      summary:
+        'Vertical whitespace — adds a blank vertical gap. `height` is in pixels (default 16). Use to space out content beyond what `DocSection` / `DocPage` margins provide. In flow outputs this becomes a styled blank block; in plain-text outputs, a sequence of newlines.',
+      example: `<DocSection>
+  <DocHeading level="h2">Section A</DocHeading>
+  <DocText>Content...</DocText>
+  <DocSpacer height={32} />
+  <DocHeading level="h2">Section B</DocHeading>
+  <DocText>More content...</DocText>
+</DocSection>`,
+      seeAlso: ['DocDivider'],
+    },
+    {
+      name: 'DocButton',
+      kind: 'component',
+      signature: '(props: { href?: string; children: VNodeChild }) => VNodeChild',
+      summary:
+        'Call-to-action button. Renders as a styled clickable element in HTML / email outputs (mail-safe button table layout for email), and as a labeled link in PDF / DOCX. `href` is the action URL — defaults to `"#"`. Visual style (variant) is controlled via rocketstyle dimensions on the component definition.',
+      example: `<DocButton href="https://pyreon.dev/signup">
+  Get started
+</DocButton>`,
+      seeAlso: ['DocLink'],
+    },
+    {
+      name: 'DocQuote',
+      kind: 'component',
+      signature: '(props: { borderColor?: string; children: VNodeChild }) => VNodeChild',
+      summary:
+        'Block quote — sets off a quoted passage with an indented left border. `borderColor` controls the indicator stripe (any CSS color). Outputs map this to native quote styling — HTML `<blockquote>`, Markdown `> ...`, DOCX quote style.',
+      example: `<DocQuote borderColor="#3b82f6">
+  <DocText>"The best way to predict the future is to build it."</DocText>
+  <DocText>— Aisha Patel, Q4 keynote</DocText>
+</DocQuote>`,
+      seeAlso: ['DocText'],
+    },
+    {
+      name: 'DocPageBreak',
+      kind: 'component',
+      signature: '() => VNodeChild',
+      summary:
+        'Explicit page boundary inside a `DocPage`. Forces the renderer to start a new page at this point in paginated outputs (PDF, DOCX). In flow outputs (HTML, Markdown), it renders as visible whitespace or is omitted entirely. Use for explicit pagination control beyond what `DocPage` boundaries already provide.',
+      example: `<DocPage>
+  <DocHeading level="h1">Section 1</DocHeading>
+  <DocText>...long content...</DocText>
+  <DocPageBreak />
+  <DocHeading level="h1">Section 2 — new page</DocHeading>
+</DocPage>`,
+      seeAlso: ['DocPage'],
+    },
+  ],
+  gotchas: [
+    {
+      label: 'Reactive metadata',
+      note:
+        '`DocDocument` `title` / `author` / `subject` accept either strings or `() => string` accessors. Function values are stored in `_documentProps` and resolved by `extractDocumentTree` at extraction time, so each export click reads the LIVE value from any underlying signal — no `const initial = get()` workaround needed.',
+    },
+    {
+      label: 'PR #197 framework fix',
+      note:
+        'Before PR #197, `extractDocumentTree` only looked at the JSX vnode\\\'s direct props for `_documentProps` — but rocketstyle\\\'s attrs HOC stamps that field AFTER the component runs, so every real primitive\\\'s metadata was silently dropped during export. The extractor now CALLS the component function to capture the post-attrs vnode and reads `_documentProps` from there.',
+    },
+    {
+      label: 'DocTable read-only DOM property collision',
+      note:
+        '`HTMLTableElement.rows` and `.cells` are read-only DOM properties — assigning to them throws. `DocTable` uses `.attrs(callback, { filter: ["rows", "columns", ...] })` to strip these props before they reach the DOM. Watch for similar collisions when adding new primitives that accept prop names matching native HTML element properties.',
+    },
+  ],
+})

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.d.ts","names":[],"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"],"mappings":"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"}

package/lib/index.js.map

@@ -1 +0,0 @@
-{"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":"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"}