@ryanyahya/opendoc 0.4.0

package/node_modules/@formepdf/react/dist/stylesheet.d.ts

@@ -0,0 +1,4 @@
+import type { Style } from './types.js';
+export declare const StyleSheet: {
+    create<T extends Record<string, Style>>(styles: T): T;
+};

package/node_modules/@formepdf/react/dist/stylesheet.js

@@ -0,0 +1,5 @@
+export const StyleSheet = {
+    create(styles) {
+        return styles;
+    },
+};

package/node_modules/@formepdf/react/dist/template-proxy.d.ts

@@ -0,0 +1,38 @@
+/** Sentinel prefix/suffix for ref markers embedded in template strings. */
+declare const REF_SENTINEL = "\0FORME_REF:";
+declare const REF_SENTINEL_END = "\0";
+/** Symbol to identify each markers produced by .map() */
+declare const EACH_MARKER: unique symbol;
+/** Symbol to identify expression marker objects */
+declare const EXPR_MARKER: unique symbol;
+/** Create a recording proxy for template data. */
+export declare function createDataProxy(rootPath?: string[]): unknown;
+export declare function isRefMarker(value: unknown): boolean;
+export declare function getRefPath(value: string): string;
+export declare function isEachMarker(value: unknown): value is {
+    [EACH_MARKER]: true;
+    path: string;
+    template: unknown;
+};
+export declare function getEachPath(marker: {
+    path: string;
+}): string;
+export declare function getEachTemplate(marker: {
+    template: unknown;
+}): unknown;
+export declare function isExprMarker(value: unknown): value is {
+    [EXPR_MARKER]: true;
+    expr: Record<string, unknown>;
+};
+export declare function getExpr(marker: {
+    expr: Record<string, unknown>;
+}): Record<string, unknown>;
+/** Opaque marker type returned by expression helpers. */
+export interface ExprMarkerObject {
+    expr: Record<string, unknown>;
+}
+/** Create an expression marker wrapping a template expression object. */
+export declare function createExprMarker(expr: Record<string, unknown>): ExprMarkerObject;
+/** Convert a value that may be a proxy/marker to its expression form. */
+export declare function toExprValue(v: unknown): unknown;
+export { REF_SENTINEL, REF_SENTINEL_END, EACH_MARKER, EXPR_MARKER };

package/node_modules/@formepdf/react/dist/template-proxy.js

@@ -0,0 +1,100 @@
+/// Recording proxy that traces property access for template compilation.
+///
+/// When JSX templates use `data.user.name`, the proxy records the access path
+/// and produces `$ref` markers in the serialized output. Array `.map()` calls
+/// produce `$each` markers.
+/** Sentinel prefix/suffix for ref markers embedded in template strings. */
+const REF_SENTINEL = '\0FORME_REF:';
+const REF_SENTINEL_END = '\0';
+/** Symbol to identify each markers produced by .map() */
+const EACH_MARKER = Symbol.for('forme:each');
+/** Symbol to identify expression marker objects */
+const EXPR_MARKER = Symbol.for('forme:expr');
+/** Create a recording proxy for template data. */
+export function createDataProxy(rootPath = []) {
+    const handler = {
+        get(_target, prop) {
+            // String coercion hooks — produce sentinel string for JSX interpolation
+            // Must be checked before the generic symbol guard below
+            if (prop === Symbol.toPrimitive || prop === 'toString' || prop === 'valueOf') {
+                return () => `${REF_SENTINEL}${rootPath.join('.')}${REF_SENTINEL_END}`;
+            }
+            // .map() on array proxies → produce $each marker
+            if (prop === 'map') {
+                return (fn) => {
+                    const itemProxy = createDataProxy(['$item']);
+                    const indexProxy = createDataProxy(['$index']);
+                    const template = fn(itemProxy, indexProxy);
+                    return createEachMarker(rootPath.join('.'), template);
+                };
+            }
+            // Other symbols — not supported
+            if (typeof prop === 'symbol') {
+                return undefined;
+            }
+            // Property access → extend path
+            return createDataProxy([...rootPath, prop]);
+        },
+        // Support `Symbol.toPrimitive in proxy` checks
+        has(_target, prop) {
+            if (prop === Symbol.toPrimitive)
+                return true;
+            return prop in _target;
+        },
+    };
+    return new Proxy(Object.create(null), handler);
+}
+// ─── Marker detection ────────────────────────────────────────────────
+export function isRefMarker(value) {
+    if (typeof value !== 'string')
+        return false;
+    return value.startsWith(REF_SENTINEL) && value.endsWith(REF_SENTINEL_END);
+}
+export function getRefPath(value) {
+    return value.slice(REF_SENTINEL.length, -REF_SENTINEL_END.length);
+}
+export function isEachMarker(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        value[EACH_MARKER] === true);
+}
+export function getEachPath(marker) {
+    return marker.path;
+}
+export function getEachTemplate(marker) {
+    return marker.template;
+}
+export function isExprMarker(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        value[EXPR_MARKER] === true);
+}
+export function getExpr(marker) {
+    return marker.expr;
+}
+// ─── Internal helpers ────────────────────────────────────────────────
+function createEachMarker(path, template) {
+    return Object.defineProperty({ path, template, [EACH_MARKER]: true }, EACH_MARKER, { enumerable: false, value: true });
+}
+/** Create an expression marker wrapping a template expression object. */
+export function createExprMarker(expr) {
+    return Object.defineProperty({ expr, [EXPR_MARKER]: true }, EXPR_MARKER, { enumerable: false, value: true });
+}
+/** Convert a value that may be a proxy/marker to its expression form. */
+export function toExprValue(v) {
+    if (typeof v === 'string' && isRefMarker(v)) {
+        return { $ref: getRefPath(v) };
+    }
+    if (isExprMarker(v)) {
+        return v.expr;
+    }
+    // Proxy objects will coerce to string via toPrimitive when used in expressions
+    if (typeof v === 'object' && v !== null && Symbol.toPrimitive in v) {
+        const str = String(v);
+        if (isRefMarker(str)) {
+            return { $ref: getRefPath(str) };
+        }
+    }
+    return v;
+}
+export { REF_SENTINEL, REF_SENTINEL_END, EACH_MARKER, EXPR_MARKER };

package/node_modules/@formepdf/react/dist/types.d.ts

@@ -0,0 +1,287 @@
+import type { ReactNode } from 'react';
+import type { FontRegistration } from './font.js';
+import type { Style, Edges, ColumnDef, BarcodeFormat, CanvasContext, CertificationConfig } from '@formepdf/shared';
+export type { Edges, Corners, GridTrackSize, EdgeColors, Style, CertificationConfig, SignatureConfig, ColumnDef, BarcodeFormat, ChartDataPoint, PieDataPoint, ChartSeries, DotPlotGroup, BarChartProps, LineChartProps, PieChartProps, AreaChartProps, DotPlotProps, CanvasContext, CanvasOp, TextRun, FormeFont, FormeDocument, FormeMetadata, FormePageConfig, FormePageSize, FormeEdges, FormeBoxShadow, FormeGradientStop, FormeBackground, FormeMarginEdges, FormeNode, FormeNodeKind, FormeColumnDef, FormeColumnWidth, FormeDimension, FormeColor, FormeEdgeValues, FormeCornerValues, FormeGridTrackSize, FormeGridPlacement, FormeStyle, ListMarker, FormeListMarkerType, FormeTransformOp, } from '@formepdf/shared';
+export interface DocumentProps {
+    title?: string;
+    author?: string;
+    subject?: string;
+    creator?: string;
+    /** Document language (BCP 47 tag, e.g. "en-US"). Emitted as /Lang in the PDF Catalog. */
+    lang?: string;
+    /** Default style applied to the entire document. Sets global fontFamily, fontSize, color, etc. */
+    style?: Style;
+    /** Whether to produce a tagged (accessible) PDF with structure tree. */
+    tagged?: boolean;
+    /** PDF/A conformance level. "2b" is visual-only, "2u" adds a Unicode
+     *  mapping for all text, "2a" additionally requires full tagging. */
+    pdfa?: '2a' | '2b' | '2u' | '3a' | '3b' | '3u';
+    /** When true, the PDF claims PDF/UA-1 conformance. Forces tagging. */
+    pdfUa?: boolean;
+    /** Digital certification configuration. Certifies the PDF with an X.509 certificate. */
+    certification?: CertificationConfig;
+    /** @deprecated Use certification */
+    signature?: CertificationConfig;
+    fonts?: FontRegistration[];
+    children?: ReactNode;
+}
+export interface PageProps {
+    size?: 'A4' | 'A3' | 'A5' | 'Letter' | 'Legal' | 'Tabloid' | {
+        width: number;
+        height: number;
+    };
+    margin?: number | string | number[] | Edges;
+    /** Style applied to the page's content area (background, padding, default text styles). */
+    style?: Style;
+    /** Optional background image painted behind the page's content. URL,
+     *  file path, or `data:image/...;base64,` URI. */
+    backgroundImage?: string;
+    /** Background image opacity 0–1. Defaults to 1.0. */
+    backgroundOpacity?: number;
+    /** How the background image is sized within the page. */
+    backgroundSize?: 'fill' | 'cover' | 'contain';
+    /** Where the background image is positioned within the page. */
+    backgroundPosition?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    children?: ReactNode;
+}
+export interface ViewProps {
+    style?: Style;
+    wrap?: boolean;
+    bookmark?: string;
+    href?: string;
+    children?: ReactNode;
+}
+export interface TextProps {
+    style?: Style;
+    href?: string;
+    bookmark?: string;
+    children?: ReactNode;
+}
+/**
+ * An ordered (numbered) list. Children must be `<ListItem>`s.
+ */
+export interface OrderedListProps {
+    /** Marker style. Defaults to `'decimal'`. */
+    type?: 'decimal' | 'lower-alpha' | 'upper-alpha' | 'lower-roman' | 'upper-roman';
+    /** Starting index. Defaults to `1`. */
+    start?: number;
+    style?: Style;
+    bookmark?: string;
+    children?: ReactNode;
+}
+/**
+ * An unordered (bulleted) list. Children must be `<ListItem>`s.
+ */
+export interface UnorderedListProps {
+    /** Bullet glyph style. Defaults to `'disc'`. */
+    marker?: 'disc' | 'circle' | 'square' | 'none';
+    style?: Style;
+    bookmark?: string;
+    children?: ReactNode;
+}
+/**
+ * One item inside an `<OrderedList>` or `<UnorderedList>`. Content can be
+ * text, inline-formatted runs, nested lists, or any other Forme node.
+ */
+export interface ListItemProps {
+    style?: Style;
+    children?: ReactNode;
+}
+/**
+ * Semantic heading. Renders text with sensible default styling per level
+ * (size, weight, margin) AND tags the element as `/H1`–`/H6` in tagged
+ * PDFs (PDF/UA / PDF/A-2a), so screen readers and the PDF outline
+ * builder treat it as a heading. Inline formatting components like
+ * `<Strong>` and `<Em>` work inside.
+ */
+export interface HeadingProps {
+    style?: Style;
+    href?: string;
+    bookmark?: string;
+    children?: ReactNode;
+}
+/**
+ * Inline bold text. Only meaningful as a child of `<Text>` — produces a
+ * TextRun with `fontWeight: 700` merged with any provided `style`.
+ */
+export interface StrongProps {
+    style?: Style;
+    children?: ReactNode;
+}
+/**
+ * Inline italic text. Only meaningful as a child of `<Text>`.
+ */
+export interface EmProps {
+    style?: Style;
+    children?: ReactNode;
+}
+/**
+ * Inline monospace text with a subtle background. Only meaningful as a
+ * child of `<Text>`.
+ */
+export interface CodeProps {
+    style?: Style;
+    children?: ReactNode;
+}
+/**
+ * Inline hyperlink. Renders blue + underlined; clickable in the rendered
+ * PDF. Only meaningful as a child of `<Text>`.
+ */
+export interface LinkProps {
+    href: string;
+    style?: Style;
+    children?: ReactNode;
+}
+export interface ImageProps {
+    src: string;
+    width?: number;
+    height?: number;
+    style?: Style;
+    /** Optional hyperlink URL — makes the image clickable. */
+    href?: string;
+    /** Alt text for accessibility. */
+    alt?: string;
+}
+export interface TableProps {
+    columns?: ColumnDef[];
+    style?: Style;
+    children?: ReactNode;
+}
+export interface RowProps {
+    header?: boolean;
+    style?: Style;
+    children?: ReactNode;
+}
+export interface CellProps {
+    colSpan?: number;
+    rowSpan?: number;
+    style?: Style;
+    children?: ReactNode;
+}
+export interface FixedProps {
+    position: 'header' | 'footer';
+    style?: Style;
+    bookmark?: string;
+    children?: ReactNode;
+}
+export interface SvgProps {
+    width: number;
+    height: number;
+    viewBox?: string;
+    /** SVG markup string (inner content). If children are provided, this takes priority. */
+    content?: string;
+    style?: Style;
+    /** Optional hyperlink URL — makes the SVG clickable. */
+    href?: string;
+    /** Alt text for accessibility. */
+    alt?: string;
+    /** JSX SVG children (path, rect, circle, g, etc.). Alternative to the content prop. */
+    children?: ReactNode;
+}
+export interface QrCodeProps {
+    /** Data to encode (URL, text, etc.) */
+    data: string;
+    /** Display size in points (QR codes are square). Defaults to available width. */
+    size?: number;
+    /** QR code color. Default: black. */
+    color?: string;
+    style?: Style;
+}
+export interface BarcodeProps {
+    /** The data to encode. */
+    data: string;
+    /** Barcode format. Default: "Code128". */
+    format?: BarcodeFormat;
+    /** Width in points. Defaults to available width. */
+    width?: number;
+    /** Height in points. Default: 60. */
+    height?: number;
+    /** Bar color. Default: black. */
+    color?: string;
+    style?: Style;
+}
+export interface TextFieldProps {
+    /** Unique field name (used as the PDF field identifier). */
+    name: string;
+    /** Pre-filled value. */
+    value?: string;
+    /** Placeholder text shown when empty. */
+    placeholder?: string;
+    /** Field width in points. */
+    width: number;
+    /** Field height in points. Default: 24. */
+    height?: number;
+    /** Allow multi-line input. Default: false. */
+    multiline?: boolean;
+    /** Mask input as password. Default: false. */
+    password?: boolean;
+    /** Prevent editing. Default: false. */
+    readOnly?: boolean;
+    /** Maximum number of characters. */
+    maxLength?: number;
+    /** Font size in points. Default: 12. */
+    fontSize?: number;
+    style?: Style;
+}
+export interface CheckboxProps {
+    /** Unique field name. */
+    name: string;
+    /** Whether the checkbox is checked. Default: false. */
+    checked?: boolean;
+    /** Display width in points. Default: 14. */
+    width?: number;
+    /** Display height in points. Default: 14. */
+    height?: number;
+    /** Prevent editing. Default: false. */
+    readOnly?: boolean;
+    style?: Style;
+}
+export interface DropdownProps {
+    /** Unique field name. */
+    name: string;
+    /** List of selectable options. */
+    options: string[];
+    /** Pre-selected value. */
+    value?: string;
+    /** Field width in points. */
+    width: number;
+    /** Field height in points. Default: 24. */
+    height?: number;
+    /** Prevent editing. Default: false. */
+    readOnly?: boolean;
+    /** Font size in points. Default: 12. */
+    fontSize?: number;
+    style?: Style;
+}
+export interface RadioButtonProps {
+    /** Field name — multiple RadioButtons with the same name form a group. */
+    name: string;
+    /** The value this button represents within the group. */
+    value: string;
+    /** Whether this button is selected. Default: false. */
+    checked?: boolean;
+    /** Display width in points. Default: 14. */
+    width?: number;
+    /** Display height in points. Default: 14. */
+    height?: number;
+    /** Prevent editing. Default: false. */
+    readOnly?: boolean;
+    style?: Style;
+}
+export interface WatermarkProps {
+    /** The watermark text (e.g. "DRAFT", "CONFIDENTIAL"). */
+    text: string;
+    /** Font size in points. Default: 60. */
+    fontSize?: number;
+    /** Text color with alpha. Use `rgba(r,g,b,a)` for opacity. Default: "rgba(0,0,0,0.1)". */
+    color?: string;
+    /** Rotation angle in degrees (negative = counterclockwise). Default: -45. */
+    angle?: number;
+    style?: Style;
+}
+export interface CanvasProps {
+    width: number;
+    height: number;
+    draw: (ctx: CanvasContext) => void;
+    style?: Style;
+}

package/node_modules/@formepdf/react/dist/types.js

@@ -0,0 +1 @@
+export {};

package/node_modules/@formepdf/react/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@formepdf/react",
+  "version": "0.20.1",
+  "description": "JSX-to-JSON serializer for Forme PDF engine",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@formepdf/shared": "0.20.1"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "typescript": "^5.7.0",
+    "vitest": "^4.1.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/formepdf/forme",
+    "directory": "packages/react"
+  }
+}

package/node_modules/@formepdf/shared/README.md

@@ -0,0 +1,7 @@
+# @formepdf/shared
+
+Framework-agnostic core shared by Forme's authoring adapters (`@formepdf/react`, and future adapters): the Forme document-model types, the `Style` type and its mapping to engine JSON (including CSS string shorthands), color/dimension/edge/corner parsing, custom font registration and merging, and the `<Canvas>` operation recorder.
+
+Plain data in → document model out. No framework dependencies.
+
+You normally don't install this package directly — it comes in as a dependency of an adapter, which re-exports everything user-facing.

package/node_modules/@formepdf/shared/dist/canvas.d.ts

@@ -0,0 +1,6 @@
+import type { CanvasContext, CanvasOp } from './types.js';
+/**
+ * Execute a <Canvas> draw callback against a recording context, capturing
+ * the drawing calls as a serializable CanvasOp list.
+ */
+export declare function recordCanvasOperations(draw: (ctx: CanvasContext) => void): CanvasOp[];

package/node_modules/@formepdf/shared/dist/canvas.js

@@ -0,0 +1,43 @@
+/**
+ * Execute a <Canvas> draw callback against a recording context, capturing
+ * the drawing calls as a serializable CanvasOp list.
+ */
+export function recordCanvasOperations(draw) {
+    const operations = [];
+    // Create a recording context that captures draw calls as CanvasOp[]
+    const ctx = {
+        moveTo(x, y) { operations.push({ op: 'MoveTo', x, y }); },
+        lineTo(x, y) { operations.push({ op: 'LineTo', x, y }); },
+        bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+            operations.push({ op: 'BezierCurveTo', cp1x, cp1y, cp2x, cp2y, x, y });
+        },
+        quadraticCurveTo(cpx, cpy, x, y) {
+            operations.push({ op: 'QuadraticCurveTo', cpx, cpy, x, y });
+        },
+        closePath() { operations.push({ op: 'ClosePath' }); },
+        rect(x, y, w, h) { operations.push({ op: 'Rect', x, y, width: w, height: h }); },
+        circle(cx, cy, r) { operations.push({ op: 'Circle', cx, cy, r }); },
+        ellipse(cx, cy, rx, ry) { operations.push({ op: 'Ellipse', cx, cy, rx, ry }); },
+        arc(cx, cy, r, startAngle, endAngle, counterclockwise = false) {
+            operations.push({ op: 'Arc', cx, cy, r, start_angle: startAngle, end_angle: endAngle, counterclockwise });
+        },
+        line(x1, y1, x2, y2) {
+            operations.push({ op: 'MoveTo', x: x1, y: y1 });
+            operations.push({ op: 'LineTo', x: x2, y: y2 });
+            operations.push({ op: 'Stroke' });
+        },
+        stroke() { operations.push({ op: 'Stroke' }); },
+        fill() { operations.push({ op: 'Fill' }); },
+        fillAndStroke() { operations.push({ op: 'FillAndStroke' }); },
+        setFillColor(r, g, b) { operations.push({ op: 'SetFillColor', r, g, b }); },
+        setStrokeColor(r, g, b) { operations.push({ op: 'SetStrokeColor', r, g, b }); },
+        setLineWidth(w) { operations.push({ op: 'SetLineWidth', width: w }); },
+        setLineCap(cap) { operations.push({ op: 'SetLineCap', cap }); },
+        setLineJoin(join) { operations.push({ op: 'SetLineJoin', join }); },
+        save() { operations.push({ op: 'Save' }); },
+        restore() { operations.push({ op: 'Restore' }); },
+    };
+    // Execute the draw callback to record operations
+    draw(ctx);
+    return operations;
+}

package/node_modules/@formepdf/shared/dist/charts.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Chart prop types and document-model kind builders shared by the
+ * authoring adapters.
+ *
+ * The camelCase-to-snake_case prop mapping, including every default,
+ * lives here so the adapters cannot drift: react and svelte both
+ * serialize a chart by calling the same builder. Adapters remain
+ * responsible for style mapping (`mapStyle`) and any adapter-specific
+ * envelope (source locations, children).
+ */
+import type { ChartDataPoint, ChartSeries, DotPlotGroup, FormeNodeKind, Style } from './types.js';
+export interface BarChartProps {
+    width: number;
+    height: number;
+    data: ChartDataPoint[];
+    /** Bar color. Default: "#1a365d". */
+    color?: string;
+    /** Show X-axis labels below bars. Default: true. */
+    showLabels?: boolean;
+    /** Show horizontal grid lines. Default: false. */
+    showGrid?: boolean;
+    /** Show value labels above bars. Default: false. */
+    showValues?: boolean;
+    /** Chart title. */
+    title?: string;
+    style?: Style;
+}
+export interface LineChartProps {
+    width: number;
+    height: number;
+    /** Multi-series data. */
+    series: ChartSeries[];
+    /** X-axis labels. */
+    labels: string[];
+    /** Show dots at data points. Default: false. */
+    showPoints?: boolean;
+    /** Show horizontal grid lines. Default: false. */
+    showGrid?: boolean;
+    /** Chart title. */
+    title?: string;
+    style?: Style;
+}
+export interface PieChartProps {
+    width: number;
+    height: number;
+    data: ChartDataPoint[];
+    /** Render as donut chart. Default: false. */
+    donut?: boolean;
+    /** Show legend. Default: false. */
+    showLegend?: boolean;
+    /** Chart title. */
+    title?: string;
+    style?: Style;
+}
+export interface AreaChartProps {
+    width: number;
+    height: number;
+    /** Multi-series data. */
+    series: ChartSeries[];
+    /** X-axis labels. */
+    labels: string[];
+    /** Show horizontal grid lines. Default: false. */
+    showGrid?: boolean;
+    /** Chart title. */
+    title?: string;
+    style?: Style;
+}
+export interface DotPlotProps {
+    width: number;
+    height: number;
+    /** Groups of (x, y) data points. */
+    groups: DotPlotGroup[];
+    /** Minimum X value. Auto-computed if omitted. */
+    xMin?: number;
+    /** Maximum X value. Auto-computed if omitted. */
+    xMax?: number;
+    /** Minimum Y value. Auto-computed if omitted. */
+    yMin?: number;
+    /** Maximum Y value. Auto-computed if omitted. */
+    yMax?: number;
+    /** X-axis label. */
+    xLabel?: string;
+    /** Y-axis label. */
+    yLabel?: string;
+    /** Show legend. Default: false. */
+    showLegend?: boolean;
+    /** Dot radius in points. Default: 4. */
+    dotSize?: number;
+    style?: Style;
+}
+/** Build the document-model kind for a `<BarChart>`. */
+export declare function buildBarChartKind(props: BarChartProps): FormeNodeKind;
+/** Build the document-model kind for a `<LineChart>`. */
+export declare function buildLineChartKind(props: LineChartProps): FormeNodeKind;
+/** Build the document-model kind for a `<PieChart>`. */
+export declare function buildPieChartKind(props: PieChartProps): FormeNodeKind;
+/** Build the document-model kind for an `<AreaChart>`. */
+export declare function buildAreaChartKind(props: AreaChartProps): FormeNodeKind;
+/** Build the document-model kind for a `<DotPlot>`. */
+export declare function buildDotPlotKind(props: DotPlotProps): FormeNodeKind;