@bambamboole/pdf-ua-template-builder 0.2.0 → 0.3.0

package/dist/src/builder/Builder.d.ts

@@ -0,0 +1,7 @@
+import { TemplateExample } from './context/BuilderContext';
+export interface BuilderProps {
+    className?: string;
+    /** Loadable examples surfaced in the palette, keyed by display name. */
+    examples?: Record<string, TemplateExample>;
+}
+export declare function Builder({ className, examples }?: BuilderProps): import("react/jsx-runtime").JSX.Element;

package/dist/{builder → src/builder}/TemplateBuilder.d.ts

@@ -1,7 +1,6 @@
-import { UniqueIdentifier } from '@dnd-kit/core';
 import { Template } from '../types/generated/template';
 import { TemplateData } from '../types/template';
-import { EditorArea, EditorModel } from './state/editorModel';
+import { TemplateExample } from './context/BuilderContext';
 export interface TemplateBuilderProps {
     /** Base URL of a running pdf-ua-api instance. Defaults to "" (relative URLs / proxy). */
     apiUrl?: string;
@@ -9,6 +8,8 @@ export interface TemplateBuilderProps {
     initialTemplate?: Template;
     /** Runtime data keyed by block id (table rows, dynamic key-value overrides). */
     initialData?: TemplateData;
+    /** Loadable examples surfaced in the palette, keyed by display name. */
+    examples?: Record<string, TemplateExample>;
     /** Fires whenever the user edits the template or its runtime data. */
     onChange?: (template: Template, data: TemplateData) => void;
     /** Fires after a successful render with the produced PDF blob. */
@@ -16,14 +17,10 @@ export interface TemplateBuilderProps {
     /** Optional className appended to the root element. */
     className?: string;
 }
-interface DragData {
-    source?: string;
-    type?: string;
-    rowUid?: string;
-    blockUid?: string;
-    area?: EditorArea;
-}
-export declare function TemplateBuilder({ apiUrl: initialApiUrlProp, initialTemplate, initialData, onChange, onRendered, className, }?: TemplateBuilderProps): import("react/jsx-runtime").JSX.Element;
-export declare function getRowIndex(model: EditorModel, overId: UniqueIdentifier | undefined, overData: DragData): number | null;
-export declare function createNextBlockId(model: EditorModel, blockType: string): string;
-export {};
+/**
+ * All-in-one preset: a provider wrapping a Builder and a Preview side by side.
+ *
+ * For custom layouts (e.g. preview below the builder), compose the parts
+ * directly with `TemplateBuilderProvider`, `Builder`, and `Preview`.
+ */
+export declare function TemplateBuilder({ apiUrl, initialTemplate, initialData, examples, onChange, onRendered, className, }?: TemplateBuilderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/blocks/Palette.d.ts

@@ -0,0 +1,7 @@
+import { TemplateExample } from '../context/BuilderContext';
+export interface PaletteProps {
+    className?: string;
+    /** Loadable examples keyed by display name. The Load control only renders when non-empty. */
+    examples?: Record<string, TemplateExample>;
+}
+export declare function Palette({ className, examples }?: PaletteProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/canvas/BlockDataPreview.d.ts

@@ -0,0 +1,7 @@
+import { Block } from '../../types/generated/template';
+export interface BlockDataPreviewProps {
+    block: Block;
+    rowData?: unknown;
+    onChange?: (block: Block) => void;
+}
+export declare function BlockDataPreview({ block, rowData, onChange }: BlockDataPreviewProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/{builder → src/builder}/canvas/BuilderCanvas.d.ts

@@ -1,17 +1,21 @@
 import { Block, Orientation, PageFormat } from '../../types/generated/template';
-import { TemplateSchemaResponse } from '../../types/template';
+import { TemplateData } from '../../types/template';
 import { EditorModel, PageNumbersValue } from '../state/editorModel';
 export interface BuilderCanvasProps {
-    schema: TemplateSchemaResponse;
     model: EditorModel;
+    data: TemplateData;
     format: PageFormat;
     orientation: Orientation;
     footerRepeat: boolean;
     pageNumbers: PageNumbersValue;
-    onChangeBlock: (blockUid: string, block: Block) => void;
+    selectedBlockUid: string | null;
     onRemoveBlock: (blockUid: string) => void;
+    onSelectBlock: (blockUid: string) => void;
+    onChangeBlock: (blockUid: string, block: Block) => void;
+    onDeselect: () => void;
     onSetRowWidths: (rowUid: string, widths: string[]) => void;
     onToggleFooterRepeat: (repeat: boolean) => void;
     onChangePageNumbers: (value: PageNumbersValue) => void;
+    className?: string;
 }
-export declare function BuilderCanvas({ schema, model, format, orientation, footerRepeat, pageNumbers, onChangeBlock, onRemoveBlock, onSetRowWidths, onToggleFooterRepeat, onChangePageNumbers, }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderCanvas({ model, data, format, orientation, footerRepeat, pageNumbers, selectedBlockUid, onRemoveBlock, onSelectBlock, onChangeBlock, onDeselect, onSetRowWidths, onToggleFooterRepeat, onChangePageNumbers, className, }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/canvas/Canvas.d.ts

@@ -0,0 +1,4 @@
+export interface CanvasProps {
+    className?: string;
+}
+export declare function Canvas({ className }?: CanvasProps): import("react/jsx-runtime").JSX.Element;

package/dist/{builder → src/builder}/canvas/ColumnResizer.d.ts

@@ -5,5 +5,6 @@ export interface ColumnResizerProps {
     leftIndex: number;
     containerRef: RefObject<HTMLElement | null>;
     onResize: (widths: string[]) => void;
+    label?: string;
 }
-export declare function ColumnResizer({ widths, count, leftIndex, containerRef, onResize, }: ColumnResizerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnResizer({ widths, count, leftIndex, containerRef, onResize, label, }: ColumnResizerProps): import("react/jsx-runtime").JSX.Element;

package/dist/{builder → src/builder}/canvas/PageSheet.d.ts

@@ -4,5 +4,7 @@ export interface PageSheetProps {
     format: PageFormat;
     orientation: Orientation;
     children: ReactNode;
+    /** Show the "{format} · {orientation} / {width}mm" caption. Off for the footer sheet. */
+    showMeta?: boolean;
 }
-export declare function PageSheet({ format, orientation, children }: PageSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageSheet({ format, orientation, children, showMeta }: PageSheetProps): import("react/jsx-runtime").JSX.Element;

package/dist/{builder → src/builder}/canvas/SortableBlock.d.ts

@@ -1,14 +1,16 @@
 import { CSSProperties } from 'react';
-import { EditorArea, EditorBlock } from '../state/editorModel';
 import { Block } from '../../types/generated/template';
-import { TemplateSchemaResponse } from '../../types/template';
+import { EditorArea, EditorBlock } from '../state/editorModel';
+import { TemplateData } from '../../types/template';
 export interface SortableBlockProps {
     rowUid: string;
     area: EditorArea;
     editorBlock: EditorBlock;
-    schema: TemplateSchemaResponse;
-    onChangeBlock: (blockUid: string, block: Block) => void;
+    data: TemplateData;
+    selected: boolean;
     onRemoveBlock: (blockUid: string) => void;
+    onSelect: (blockUid: string) => void;
+    onChangeBlock: (blockUid: string, block: Block) => void;
     style?: CSSProperties;
 }
-export declare function SortableBlock({ rowUid, area, editorBlock, schema, onChangeBlock, onRemoveBlock, style: layoutStyle, }: SortableBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function SortableBlock({ rowUid, area, editorBlock, data, selected, onRemoveBlock, onSelect, onChangeBlock, style: layoutStyle, }: SortableBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/canvas/columns.d.ts

@@ -0,0 +1,13 @@
+export declare function parseWidths(widths: readonly (number | string)[] | null | undefined, count: number): number[];
+export declare function formatWidths(widths: readonly number[]): string[];
+export declare function gridTemplateForWidths(widths: readonly string[] | null | undefined, count: number): string | null;
+export declare function setBoundary(widths: readonly number[], leftIndex: number, leftPercent: number): number[];
+export declare function labelWidthPercent(width: string | null | undefined, fallback?: number): number;
+export declare const NUMBER_COLUMN_RESERVE = 5;
+export interface TableColumnTracks {
+    tracks: number[];
+    data: number[];
+}
+export declare function percentWidth(width: string | number | null | undefined): number | null;
+export declare function distribute(count: number, total: number): number[];
+export declare function tableColumnTracks(widths: readonly (string | null | undefined)[], numberRows: boolean): TableColumnTracks;

package/dist/src/builder/context/BuilderContext.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+import { Block, Orientation, PageFormat, Template } from '../../types/generated/template';
+import { TemplateData, TemplateSchemaResponse } from '../../types/template';
+import { EditorBlock, EditorModel, PageNumbersValue, ResolvedPageSize } from '../state/editorModel';
+import { getBlockTypes } from '../schema/schemaAdapter';
+/** A loadable example: a template plus its optional runtime data. */
+export interface TemplateExample {
+    template: Template;
+    data?: TemplateData;
+}
+export interface TemplateBuilderProviderProps {
+    /** Base URL of a running pdf-ua-api instance. Defaults to "" (relative URLs / proxy). */
+    apiUrl?: string;
+    /** Template loaded into the editor on first render. */
+    initialTemplate?: Template;
+    /** Runtime data keyed by block id (table rows, dynamic key-value overrides). */
+    initialData?: TemplateData;
+    /** Fires whenever the user edits the template or its runtime data. */
+    onChange?: (template: Template, data: TemplateData) => void;
+    /** Fires after a successful render with the produced PDF blob. */
+    onRendered?: (pdf: Blob) => void;
+    /** Pane slots to arrange. They share this provider's state and DnD context. */
+    children: ReactNode;
+}
+/** Editor state and derived values. Changes as the user edits. */
+export interface BuilderState {
+    schema: TemplateSchemaResponse | null;
+    schemaLoading: boolean;
+    model: EditorModel;
+    data: TemplateData;
+    serializedTemplate: Template;
+    selectedBlockUid: string | null;
+    selectedBlock: EditorBlock | null;
+    blockTypes: ReturnType<typeof getBlockTypes>;
+    pageSize: ResolvedPageSize;
+    footerRepeat: boolean;
+    pageNumbers: PageNumbersValue;
+    pdfUrl: string | null;
+    pdfLoading: boolean;
+    error: string | null;
+}
+/** Stable editor actions. Identity never changes for the provider's lifetime. */
+export interface BuilderActions {
+    renderPdf: () => void;
+    loadExample: (example: TemplateExample) => void;
+    addBlock: (type: string) => void;
+    changeBlock: (blockUid: string, block: Block) => void;
+    changeTemplateSettings: (template: Template) => void;
+    removeBlock: (blockUid: string) => void;
+    selectBlock: (blockUid: string) => void;
+    deselect: () => void;
+    setRowWidths: (rowUid: string, widths: string[]) => void;
+    changeData: (data: TemplateData) => void;
+    changeFormat: (format: PageFormat) => void;
+    changeOrientation: (orientation: Orientation) => void;
+    toggleFooterRepeat: (repeat: boolean) => void;
+    changePageNumbers: (value: PageNumbersValue) => void;
+}
+export type BuilderContextValue = BuilderState & BuilderActions;
+/** Subscribe to editor state. Re-renders on edits. */
+export declare function useBuilderState(): BuilderState;
+/** Read the stable editor actions. Does not re-render on edits. */
+export declare function useBuilderActions(): BuilderActions;
+/** Headless escape hatch returning both state and actions. */
+export declare function useTemplateBuilder(): BuilderContextValue;
+export declare function TemplateBuilderProvider({ apiUrl: apiUrlProp, initialTemplate, initialData, onChange, onRendered, children, }: TemplateBuilderProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/controls/AlignSelect.d.ts

@@ -0,0 +1,7 @@
+export interface AlignSelectProps {
+    name: string;
+    value: string;
+    label?: string;
+    onChange: (value: string) => void;
+}
+export declare function AlignSelect({ name, value, label, onChange }: AlignSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/controls/BuilderField.d.ts

@@ -0,0 +1,74 @@
+import { ReactNode } from 'react';
+export type EmptyTextValue = "empty-string" | "undefined";
+export interface BuilderControlProps {
+    name: string;
+    label: string;
+    help?: ReactNode;
+    error?: ReactNode;
+    id?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export interface TextFieldProps extends BuilderControlProps {
+    value?: string;
+    placeholder?: string;
+    emptyValue?: EmptyTextValue;
+    autoComplete?: string;
+    onChange: (value: string | undefined) => void;
+}
+export interface TextAreaFieldProps extends BuilderControlProps {
+    value?: string;
+    placeholder?: string;
+    emptyValue?: EmptyTextValue;
+    rows?: number;
+    onChange: (value: string | undefined) => void;
+}
+export interface NumberFieldProps extends BuilderControlProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number | "any";
+    placeholder?: string;
+    onChange: (value: number | undefined) => void;
+}
+export interface SelectFieldOption<Value extends string> {
+    value: Value;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectFieldProps<Value extends string> extends BuilderControlProps {
+    value?: Value;
+    options: readonly SelectFieldOption<Value>[];
+    optional?: boolean;
+    emptyLabel?: string;
+    onChange: (value: Value | undefined) => void;
+}
+export interface CheckboxFieldProps extends BuilderControlProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export interface ColorFieldProps extends BuilderControlProps {
+    value?: string;
+    fallbackValue?: string;
+    onChange: (value: string | undefined) => void;
+}
+export interface UnitFieldProps extends BuilderControlProps {
+    value?: string;
+    placeholder?: string;
+    emptyValue?: EmptyTextValue;
+    readOnly?: boolean;
+    onChange?: (value: string | undefined) => void;
+}
+interface FieldLayoutProps extends BuilderControlProps {
+    children: ReactNode;
+}
+export declare function TextField({ value, placeholder, emptyValue, autoComplete, onChange, ...fieldProps }: TextFieldProps): ReactNode;
+export declare function TextAreaField({ value, placeholder, emptyValue, rows, onChange, ...fieldProps }: TextAreaFieldProps): ReactNode;
+export declare function NumberField({ value, min, max, step, placeholder, onChange, ...fieldProps }: NumberFieldProps): ReactNode;
+export declare function SelectField<Value extends string>({ value, options, optional, emptyLabel, onChange, ...fieldProps }: SelectFieldProps<Value>): ReactNode;
+export declare function CheckboxField({ checked, onChange, ...fieldProps }: CheckboxFieldProps): ReactNode;
+export declare function ColorField({ value, fallbackValue, onChange, ...fieldProps }: ColorFieldProps): ReactNode;
+export declare function UnitField({ value, placeholder, emptyValue, readOnly, onChange, ...fieldProps }: UnitFieldProps): ReactNode;
+export declare function BuilderField({ name, label, help, error, id, className, children, }: FieldLayoutProps): ReactNode;
+export declare function createFieldId(name: string): string;
+export {};

package/dist/src/builder/controls/Field.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface FieldProps {
+    label: ReactNode;
+    children: ReactNode;
+}
+export declare function Field({ label, children }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/controls/fieldConverters.d.ts

@@ -0,0 +1,4 @@
+import { EmptyTextValue, SelectFieldOption } from './BuilderField';
+export declare function textValue(value: string, emptyValue: EmptyTextValue): string | undefined;
+export declare function numberValue(value: string, valueAsNumber: number): number | undefined;
+export declare function selectValue<Value extends string>(value: string, options: readonly SelectFieldOption<Value>[]): Value | undefined;

package/dist/src/builder/controls/index.d.ts

@@ -0,0 +1,7 @@
+export { BuilderField, CheckboxField, ColorField, createFieldId, NumberField, SelectField, TextAreaField, TextField, UnitField, } from './BuilderField';
+export { AlignSelect } from './AlignSelect';
+export type { AlignSelectProps } from './AlignSelect';
+export { Field } from './Field';
+export type { FieldProps } from './Field';
+export { Checkbox, Input, Select, Textarea } from './inputs';
+export type { BuilderControlProps, CheckboxFieldProps, ColorFieldProps, EmptyTextValue, NumberFieldProps, SelectFieldOption, SelectFieldProps, TextAreaFieldProps, TextFieldProps, UnitFieldProps, } from './BuilderField';

package/dist/src/builder/controls/inputs.d.ts

@@ -0,0 +1,5 @@
+import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
+export declare function Input({ className, ...rest }: InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ className, ...rest }: TextareaHTMLAttributes<HTMLTextAreaElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ className, ...rest }: SelectHTMLAttributes<HTMLSelectElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ className, ...rest }: InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/hooks/useBuilderDragDrop.d.ts

@@ -0,0 +1,24 @@
+import { useSensors, DragEndEvent, DragStartEvent } from '@dnd-kit/core';
+import { Dispatch, RefObject } from 'react';
+import { Block } from '../../types/generated/template';
+import { JsonSchemaObject } from '../../types/template';
+import { EditorModel } from '../state/editorModel';
+import { EditorAction } from '../state/editorReducer';
+export type ActiveDrag = {
+    kind: "palette";
+    type: string;
+} | {
+    kind: "block";
+    block: Block;
+} | {
+    kind: "row";
+} | null;
+interface BuilderDragDrop {
+    activeDrag: ActiveDrag;
+    sensors: ReturnType<typeof useSensors>;
+    onDragStart: (event: DragStartEvent) => void;
+    onDragEnd: (event: DragEndEvent) => void;
+    onDragCancel: () => void;
+}
+export declare function useBuilderDragDrop(schema: JsonSchemaObject | null, dispatch: Dispatch<EditorAction>, modelRef: RefObject<EditorModel>): BuilderDragDrop;
+export {};

package/dist/src/builder/inspector/BlockContentControls.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Block } from '../../types/generated/template';
+export interface BlockContentControlsProps {
+    block: Block;
+    rowData?: unknown;
+    onChangeBlock: (block: Block) => void;
+    onChangeRowData?: (data: unknown) => void;
+}
+export declare function BlockContentControls(props: BlockContentControlsProps): ReactNode;

package/dist/src/builder/inspector/BlockInspector.d.ts

@@ -0,0 +1,14 @@
+import { Block } from '../../types/generated/template';
+import { TemplateData, TemplateSchemaResponse } from '../../types/template';
+import { EditorBlock } from '../state/editorModel';
+export interface BlockInspectorProps {
+    block: EditorBlock | null;
+    schema: TemplateSchemaResponse;
+    data: TemplateData;
+    onChangeBlock: (blockUid: string, block: Block) => void;
+    onChangeData?: (data: TemplateData) => void;
+    onRemoveBlock: (blockUid: string) => void;
+    onClose: () => void;
+    className?: string;
+}
+export declare function BlockInspector({ block, schema, data, onChangeBlock, onChangeData, onRemoveBlock, onClose, className, }: BlockInspectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/inspector/BlockLayoutControls.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Block } from '../../types/generated/template';
+export interface BlockLayoutControlsProps {
+    block: Block;
+    onChangeBlock: (block: Block) => void;
+}
+export declare function BlockLayoutControls({ block, onChangeBlock }: BlockLayoutControlsProps): ReactNode;

package/dist/src/builder/inspector/DocumentSettings.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Orientation, PageFormat, Template } from '../../types/generated/template';
+import { TemplateSchemaMetadata } from '../../types/template';
+export interface DocumentSettingsProps {
+    template: Template;
+    metadata?: Pick<TemplateSchemaMetadata, "bundledFonts">;
+    format: PageFormat;
+    orientation: Orientation;
+    onChangeTemplate: (template: Template) => void;
+    onChangeFormat: (format: PageFormat) => void;
+    onChangeOrientation: (orientation: Orientation) => void;
+    className?: string;
+}
+/**
+ * Document-wide settings, laid out as a horizontal bar above the block palette.
+ * Each group wraps to its own column on narrow widths.
+ */
+export declare function DocumentSettings({ template, metadata, format, orientation, onChangeTemplate, onChangeFormat, onChangeOrientation, className, }: DocumentSettingsProps): ReactNode;

package/dist/src/builder/inspector/Inspector.d.ts

@@ -0,0 +1 @@
+export declare function Inspector(): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/builder/inspector/InspectorShell.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export declare function InspectorShell({ ariaLabel, className, children, }: {
+    ariaLabel: string;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface InspectorHeaderProps {
+    title: string;
+    chip?: ReactNode;
+    subtitle?: string;
+    action?: ReactNode;
+}
+export declare function InspectorHeader({ title, chip, subtitle, action }: InspectorHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function InspectorSection({ title, children }: {
+    title: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/inspector/PageSettings.d.ts

@@ -0,0 +1,4 @@
+export interface PageSettingsProps {
+    className?: string;
+}
+export declare function PageSettings({ className }?: PageSettingsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/builder/inspector/SpacingControls.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Block, Template } from '../../types/generated/template';
+interface BlockSpacingControlsProps {
+    scope: "block";
+    block: Block;
+    onChangeBlock: (block: Block) => void;
+}
+interface PageMarginControlsProps {
+    scope: "page";
+    template: Template;
+    onChangeTemplate: (template: Template) => void;
+}
+export type SpacingControlsProps = BlockSpacingControlsProps | PageMarginControlsProps;
+export declare function SpacingControls(props: SpacingControlsProps): ReactNode;
+export {};

package/dist/src/builder/inspector/TypographyControls.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { Block, Template } from '../../types/generated/template';
+import { TemplateSchemaMetadata } from '../../types/template';
+interface TypographyControlsBaseProps {
+    metadata?: Pick<TemplateSchemaMetadata, "bundledFonts">;
+}
+export interface BlockTypographyControlsProps extends TypographyControlsBaseProps {
+    target: "block";
+    block: Block;
+    onChangeBlock: (block: Block) => void;
+}
+export interface TemplateTypographyControlsProps extends TypographyControlsBaseProps {
+    target: "template";
+    template: Template;
+    onChangeTemplate: (template: Template) => void;
+}
+export type TypographyControlsProps = BlockTypographyControlsProps | TemplateTypographyControlsProps;
+export declare function TypographyControls(props: TypographyControlsProps): ReactNode;
+export {};

package/dist/src/builder/inspector/alignOptions.d.ts

@@ -0,0 +1,10 @@
+export declare const ALIGN_OPTIONS: readonly [{
+    readonly value: "left";
+    readonly label: "Left";
+}, {
+    readonly value: "center";
+    readonly label: "Center";
+}, {
+    readonly value: "right";
+    readonly label: "Right";
+}];

package/dist/src/builder/inspector/editors/ImageBlockEditor.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { BlockEditorProps } from './blockEditors';
+export declare function ImageBlockEditor({ block, onChangeBlock }: BlockEditorProps): ReactNode;

package/dist/src/builder/inspector/editors/KeyValueBlockEditor.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { KeyValueBlock, KeyValueField } from '../../../types/generated/template';
+import { BlockEditorProps } from './blockEditors';
+export declare function moveField(fields: readonly KeyValueField[], sourceIndex: number, targetIndex: number): KeyValueField[];
+export declare function addField(block: KeyValueBlock): KeyValueBlock;
+export declare function removeField(block: KeyValueBlock, index: number): KeyValueBlock;
+export declare function renameFieldKey(block: KeyValueBlock, index: number, nextKey: string): KeyValueBlock;
+export declare function setFieldLabel(block: KeyValueBlock, index: number, nextLabel: string): KeyValueBlock;
+export declare function setValue(block: KeyValueBlock, key: string, nextValue: string): KeyValueBlock;
+export declare function reorderFields(block: KeyValueBlock, sourceIndex: number, targetIndex: number): KeyValueBlock;
+export declare function KeyValueBlockEditor({ block, onChangeBlock }: BlockEditorProps): ReactNode;

package/dist/src/builder/inspector/editors/SortableList.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface SortableListProps {
+    count: number;
+    onReorder: (sourceIndex: number, targetIndex: number) => void;
+    children: ReactNode;
+}
+export declare function SortableList({ count, onReorder, children }: SortableListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/inspector/editors/SortableRow.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface SortableRowProps {
+    id: string;
+    dragLabel: string;
+    removeLabel: string;
+    removeName?: string;
+    onRemove: () => void;
+    children: ReactNode;
+}
+export declare function SortableRow({ id, dragLabel, removeLabel, removeName, onRemove, children, }: SortableRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/inspector/editors/TableBlockEditor.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { TableBlock, TableColumn } from '../../../types/generated/template';
+import { BlockEditorProps } from './blockEditors';
+type TableRow = Record<string, string>;
+export declare function moveColumn(columns: readonly TableColumn[], sourceIndex: number, targetIndex: number): TableColumn[];
+export declare function moveRow(rows: readonly TableRow[], sourceIndex: number, targetIndex: number): TableRow[];
+export declare function addColumn(block: TableBlock): TableBlock;
+export declare function removeColumn(block: TableBlock, index: number): TableBlock;
+export declare function renameColumnKey(block: TableBlock, index: number, nextKey: string): TableBlock;
+export declare function setColumnLabel(block: TableBlock, index: number, nextLabel: string): TableBlock;
+export declare function setColumnAlign(block: TableBlock, index: number, nextAlign: string): TableBlock;
+export declare function setTableNumberRows(block: TableBlock, value: boolean | undefined): TableBlock;
+export declare function reorderColumns(block: TableBlock, sourceIndex: number, targetIndex: number): TableBlock;
+export declare function addRow(rows: readonly TableRow[], columns: readonly TableColumn[]): TableRow[];
+export declare function removeRow(rows: readonly TableRow[], index: number): TableRow[];
+export declare function setCellValue(rows: readonly TableRow[], index: number, key: string, nextValue: string): TableRow[];
+export declare function removeColumnKeyFromRows(rows: readonly TableRow[], key: string): TableRow[];
+export declare function renameColumnKeyInRows(rows: readonly TableRow[], previousKey: string, nextKey: string): TableRow[];
+export declare function TableBlockEditor({ block, rowData, onChangeBlock, onChangeRowData, }: BlockEditorProps): ReactNode;
+export {};

package/dist/src/builder/inspector/editors/blockEditors.d.ts

@@ -0,0 +1,7 @@
+import { Block } from '../../../types/generated/template';
+export interface BlockEditorProps {
+    block: Block;
+    onChangeBlock: (block: Block) => void;
+    rowData?: unknown;
+    onChangeRowData?: (data: unknown) => void;
+}

package/dist/src/builder/lib/records.d.ts

@@ -0,0 +1,4 @@
+export declare function isRecord(value: unknown): value is Record<string, unknown>;
+export declare function omitKey<TValue>(record: Record<string, TValue>, key: string): Record<string, TValue>;
+export declare function renameKey<TValue>(record: Record<string, TValue>, previousKey: string, nextKey: string): Record<string, TValue>;
+export declare function nextKeyIndex(keys: readonly string[], prefix: string): number;

package/dist/src/builder/lib/sensors.d.ts

@@ -0,0 +1 @@
+export declare function useBuilderSensors(): import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];

package/dist/src/builder/primitives/Button.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = "default" | "primary" | "danger" | "ghost";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    /** Render as a square icon button (no label padding). */
+    icon?: boolean;
+    children: ReactNode;
+}
+export declare function Button({ variant, icon, type, className, children, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddButton({ type, className, children, ...rest }: ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;

package/dist/src/builder/primitives/Chip.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ChipProps {
+    children: ReactNode;
+    /** Grow to fit multi-character labels instead of staying a 22×22 square. */
+    wide?: boolean;
+}
+export declare function Chip({ children, wide }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/{builder → src/builder}/schema/schemaAdapter.d.ts

@@ -1,9 +1,6 @@
 import { Block } from '../../types/generated/template';
-import { TemplateSchemaMetadata } from '../../types/template';
-export type JsonSchemaValue = string | number | boolean | null | JsonSchemaObject | JsonSchemaValue[];
-export interface JsonSchemaObject {
-    [key: string]: unknown;
-}
+import { JsonSchemaObject, JsonSchemaValue, TemplateSchemaMetadata } from '../../types/template';
+export type { JsonSchemaObject, JsonSchemaValue };
 export declare function getSchemaMetadata(schema: JsonSchemaObject): TemplateSchemaMetadata;
 export declare function resolveRef(schema: JsonSchemaObject, ref: string): JsonSchemaObject;
 export declare function getBlockTypes(schema: JsonSchemaObject): string[];