pagepilot-visual-editor 1.0.24 → 1.0.26

package/dist/blocks-internal/block-iframe/src/index.d.ts

@@ -11,6 +11,12 @@ export declare const IframePropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             right: "right";
             left: "left";

package/dist/blocks-internal/block-list/src/index.d.ts

@@ -38,8 +38,8 @@ export declare const ListPropsSchema: z.ZodObject<{
         marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             none: "none";
             check: "check";
-            square: "square";
             circle: "circle";
+            square: "square";
             decimal: "decimal";
             disc: "disc";
             dash: "dash";

package/dist/blocks-internal/block-stepper/src/index.d.ts

@@ -22,8 +22,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            both: "both";
             numeric: "numeric";
+            both: "both";
             dots: "dots";
         }>>>;
         totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/FormsPickerSidebarPanel.d.ts

@@ -9,6 +9,7 @@ type Props = {
             height: string;
             heightTablet?: string | null;
             heightMobile?: string | null;
+            autoHeight?: boolean;
             alignment?: 'left' | 'center' | 'right';
         };
     };

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/inputs/ColorInput/Picker.d.ts

@@ -31,6 +31,9 @@ type Props = {
     solidOnly?: boolean;
     /** Heading rendered in the reserved top strip, aligned with the close button. */
     title?: string;
+    /** When true, hides the "Transparent" / none button (e.g. callers where a
+     * transparent value doesn't make sense, like a required background). */
+    hideTransparent?: boolean;
 };
-export default function Picker({ value, onChange, onApply, onTransparent, onClose, noneLabel, hideBrandColors, defaultValue, stickyActions, bodyMaxHeight, solidOnly, title }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Picker({ value, onChange, onApply, onTransparent, onClose, noneLabel, hideBrandColors, defaultValue, stickyActions, bodyMaxHeight, solidOnly, title, hideTransparent }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/LayersPanelStyles.d.ts

@@ -4,7 +4,7 @@ export declare const PanelRoot: import('@emotion/styled').StyledComponent<import
 export declare const PanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const PanelContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const HeaderBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ClipboardBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ActionSpan: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "size" | "disabled" | "action" | "href" | "tabIndex" | "fullWidth" | "variant" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/templateApplyHelpers.d.ts

@@ -68,13 +68,31 @@ export declare function applyFullDocumentTemplate(configuration: any, document:
 export declare function applyIndividualBlockTemplate(configuration: any, document: any, resetDocument: (doc: any) => void): {
     idMapping: Record<string, string>;
 } | null;
+/**
+ * "Use this Styles" — applies the template's styling — the root canvas AND
+ * every individual block (header, buttons, images, …) — while leaving the
+ * user's content and structure exactly as they were: text, links, image URLs,
+ * layout, block count and order are all untouched. Only visual props move
+ * (colours, typography, borders, spacing, alignment).
+ *
+ * Root: overlays the stricter `STYLE_ONLY_ROOT_KEYS` (typography / colours /
+ * border), then re-pins every user-owned root key via `preserveUserRootKeys`
+ * so the canvas geometry, background, CTA-existence and block list stay the
+ * user's — the page never resizes and no root CTA button appears/moves.
+ *
+ * Per-block: `overlayBlockStylesFromTemplate` — same donor-matching + prop
+ * overlay "Change template" uses; nothing is added, removed or re-keyed.
+ */
 export declare function applyTemplateStylesOnly(configuration: any, document: any, resetDocument: (doc: any) => void): void;
 /**
  * "Change template": apply the incoming template's styling — both the root
- * canvas AND every individual block — while leaving user content and
- * structure exactly as they were. Root overlay mirrors
- * `applyTemplateStylesOnly`; per-block overlay pairs each user block with a
- * same-typed donor from the new template in document order.
+ * canvas AND every individual block (menu, header, buttons, images, etc.) —
+ * while leaving user content and structure exactly as they were.
+ *
+ * Root overlay: identical to `applyTemplateStylesOnly` (root-level style keys
+ * copied via `PURE_STYLE_KEYS` — the wide list, since "Change template" is the
+ * confirm-gated aggressive restyle).
+ * Per-block overlay: `overlayBlockStylesFromTemplate`.
  */
 export declare function applyChangeTemplate(configuration: any, document: any, resetDocument: (doc: any) => void): void;
 /**

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/GroupBlockPreview.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    blockId: string;
+    width: number;
+    height: number;
+};
+export default function GroupBlockPreview({ blockId, width, height }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ItemsArrayRepeatSection.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The Variables-tab counterpart to ContainerRepeatSection, but for blocks
+ * whose repeatable content is a flat `props.items` array with no child block
+ * subtree. No template picker is needed — toggling on just registers a
+ * `TemplateFormField` bound to this block's own items via `itemsBlockId`,
+ * seeded from whatever items already exist.
+ *
+ * No block type currently opts in (see `ITEMS_ARRAY_BLOCK_TYPES` in
+ * documentUtils), so this renders for nothing today — kept alongside the
+ * block-agnostic helpers for the next items-array block.
+ */
+export default function ItemsArrayRepeatSection({ blockId }: {
+    blockId: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ScalarDataReferencePanel.d.ts

@@ -0,0 +1,24 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+type ScalarField = {
+    field: TemplateFormField;
+    index: number;
+};
+type Props = {
+    /** The active group's scalar (non-array) fields, with their index in `forms`. */
+    scalarFields: ScalarField[];
+    /** Apply many field patches in one write — see index.tsx. Looping a
+     *  single-field updater clobbers earlier patches (each call maps the same
+     *  stale `forms` snapshot, so the last write wins). */
+    updateFields: (patches: {
+        index: number;
+        patch: Partial<TemplateFormField>;
+    }[]) => void;
+};
+/**
+ * "Data Reference" for the scalar (non-repeatable) variables of a group: fetch a
+ * SINGLE JSON object from a GET endpoint and seed each `{{name}}` field from the
+ * matching key. Editor-time only — the value is written into the field and baked
+ * into the page on publish, exactly like a hand-typed value.
+ */
+export default function ScalarDataReferencePanel({ scalarFields, updateFields }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ScalarFieldRow.d.ts

@@ -0,0 +1,12 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+type Props = {
+    field: TemplateFormField;
+    onPatch: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * One scalar variable row: name, a type selector (Text / Number / Date / Time /
+ * Image), the value input, and — for `date` / `time` — the format + timezone
+ * controls.
+ */
+export default function ScalarFieldRow({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/VariableGroupList.d.ts

@@ -0,0 +1,8 @@
+import { VariableGroup } from '../../../documents/blocks/helpers/documentUtils';
+type Props = {
+    groups: VariableGroup[];
+    onOpen: (group: VariableGroup) => void;
+    hideCandidates?: boolean;
+};
+export default function VariableGroupList({ groups, onOpen, hideCandidates }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/VariablesPanelContext.d.ts

@@ -0,0 +1,10 @@
+export type VariablesPanelMode = {
+    /**
+     * Hide actions that only make sense inside the editor. The create-page flow
+     * embeds this panel to fill in a new page's variables — saving a block as a
+     * reusable template there would act on a page that doesn't exist yet.
+     */
+    hideEditorActions: boolean;
+};
+export declare const VariablesPanelProvider: import('react').Provider<VariablesPanelMode>;
+export declare const useVariablesPanelMode: () => VariablesPanelMode;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/dataReferenceUtils.d.ts

@@ -3,25 +3,43 @@ import { TemplateFormField } from '../../../documents/editor/templateVariables';
 export declare function reportSeedResult(count: number, total: number): void;
 /** Resolve a dot-path (e.g. "data.items") into a nested value. */
 export declare function resolvePath(obj: any, path: string): any;
+/**
+ * Apply a per-row dot-path to every element of `rows`, for APIs that wrap the
+ * useful fields inside each array item (e.g. `[{ event: { … } }]` with
+ * `itemPath: "event"`). Elements that don't resolve to an object are dropped.
+ * A blank/undefined path returns `rows` unchanged.
+ */
+export declare function unwrapRows(rows: Record<string, any>[], itemPath?: string): Record<string, any>[];
 /**
  * Build a two-row example JSON array keyed by a field's sub-field ids — the
  * shape any data source (JSON / API / Menu) must provide to map correctly.
  */
 export declare function buildReferenceJson(itemFields: TemplateFormField['itemFields']): string;
 /**
- * Pull the array of objects out of an arbitrary API response. Accepts either a
- * top-level array, or an object wrapping the array under a common key
- * (data / rows / results / items / records). Returns null when no array is
- * found so the caller can surface a clear error.
+ * Pull the array of objects out of an arbitrary API response. When `path` is
+ * given (e.g. "data.ALL.games"), resolve it directly via `resolvePath` — this
+ * lets the author point at any nested array, not just the common wrapper
+ * keys. Otherwise fall back to auto-detection: a top-level array, or an
+ * object wrapping the array under a common key (data / rows / results /
+ * items / records). Returns null when no array is found so the caller can
+ * surface a clear error.
  */
-export declare function extractArrayFromResponse(body: any): Record<string, any>[] | null;
+export declare function extractArrayFromResponse(body: any, path?: string): Record<string, any>[] | null;
 /**
  * GET a URL and return the array of objects from its JSON response. Throws with
  * a user-facing message on a bad URL, network error, non-OK status, non-JSON
  * body, or a response that carries no array. Only GET is supported today
  * (POST is planned — the panel disables it).
  */
-export declare function fetchApiRows(url: string): Promise<Record<string, any>[]>;
+export declare function fetchApiRows(url: string, responsePath?: string): Promise<Record<string, any>[]>;
+/**
+ * GET a URL and return a SINGLE object from its JSON response, for scalar
+ * (non-repeatable) variables. When `responsePath` is given, resolve it via
+ * `resolvePath`; otherwise use the body directly. If the resolved value is an
+ * array, take its first element. Throws a user-facing message on a bad URL,
+ * network error, non-OK status, non-JSON body, or a result that isn't an object.
+ */
+export declare function fetchApiObject(url: string, responsePath?: string): Promise<Record<string, any>>;
 /**
  * GET a URL and return its raw response as pretty-printed text, for the
  * "Preview response" dialog. Unlike fetchApiRows this does NOT require an array

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/index.d.ts

@@ -1 +1,8 @@
-export default function VariablesPanel(): import("react/jsx-runtime").JSX.Element;
+type VariablesPanelProps = {
+    /** See `VariableGroupList`'s prop of the same name. */
+    hideCandidates?: boolean;
+    /** See `VariablesPanelContext`. */
+    hideEditorActions?: boolean;
+};
+export default function VariablesPanel({ hideCandidates, hideEditorActions, }?: VariablesPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/repeatRowActions.d.ts

@@ -1,3 +1,4 @@
+import { TemplateArrayRow } from '../../../documents/editor/templateVariables';
 /** Append one repeat row: clone the source subtree into the next empty slot. */
 export declare function addContainerRepeatRow(fieldId: string): void;
 /**
@@ -36,5 +37,31 @@ export declare function trimFieldRowsTo(fieldId: string, keepRows: number): void
  * Returns the number of rows seeded (clamped to slot capacity), or -1 on error.
  */
 export declare function seedFieldFromData(fieldId: string, data: Record<string, any>[]): number;
+/** Append one empty row to both the field's value and the live `props.items`. */
+export declare function addItemsArrayRow(fieldId: string): void;
+/** Remove one row (by index) from both the field's value and `props.items`. */
+export declare function removeItemsArrayRow(fieldId: string, rowIndex: number): void;
+/**
+ * Push a field's row values straight onto its block's `props.items` — the
+ * write-through half of the items-array model. Unlike Grid (where a row is a
+ * separate cloned block that renders itself), Breadcrumb's canvas renders
+ * directly from `props.items`, so every row edit (typed in a RowCard, or
+ * seeded via seedItemsArrayFromData) has to be mirrored onto the block itself
+ * or the canvas never reflects it. Rows map 1:1 to items by index; existing
+ * item keys not present in `itemFields` (e.g. `id`) are preserved.
+ */
+export declare function syncItemsArrayRows(fieldId: string, rows: TemplateArrayRow[]): void;
+/**
+ * Seed an items-array field from an array of data objects (the Data Reference
+ * flow). One object → one item: `props.items` is replaced with exactly
+ * `data.length` entries, each built by matching the object's keys to the
+ * field's sub-field ids (exact match first, then a case/whitespace-insensitive
+ * fallback — same normalizer as `seedFieldFromData`). Unlike the container-repeat
+ * version there's no capacity ceiling or block cloning — the array is simply
+ * resized and rewritten in one commit.
+ *
+ * Returns the number of rows seeded, or -1 on error.
+ */
+export declare function seedItemsArrayFromData(fieldId: string, data: Record<string, any>[]): number;
 /** Remove one repeat row (rowIndex ≥ 1): delete its clone subtree + its row. */
 export declare function removeContainerRepeatRow(fieldId: string, rowIndex: number): void;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/styles.d.ts

@@ -6,6 +6,26 @@ export declare const panelDescription: SxProps<Theme>;
 export declare const panelContent: SxProps<Theme>;
 export declare const panelLearnMore: SxProps<Theme>;
 export declare const emptyState: SxProps<Theme>;
+export declare const groupListWrap: SxProps<Theme>;
+export declare const groupListCaption: SxProps<Theme>;
+export declare const groupCard: SxProps<Theme>;
+export declare const groupCardHead: SxProps<Theme>;
+export declare const groupIconBox: SxProps<Theme>;
+export declare const previewViewport: (height: number) => SxProps<Theme>;
+export declare const previewStage: (renderWidth: number, scale: number) => SxProps<Theme>;
+export declare const previewSkeleton: SxProps<Theme>;
+export declare const groupSectionHint: SxProps<Theme>;
+export declare const groupChipRow: SxProps<Theme>;
+export declare const groupChip: SxProps<Theme>;
+export declare const groupChipMore: SxProps<Theme>;
+export declare const groupIcon: SxProps<Theme>;
+export declare const groupRowText: SxProps<Theme>;
+export declare const groupRowTitle: SxProps<Theme>;
+export declare const groupRowSubtitle: SxProps<Theme>;
+export declare const groupRowChevron: SxProps<Theme>;
+export declare const backRow: SxProps<Theme>;
+export declare const backIcon: SxProps<Theme>;
+export declare const backLabel: SxProps<Theme>;
 export declare const paywallOverlay: SxProps<Theme>;
 export declare const paywallGhostContent: SxProps<Theme>;
 export declare const paywallGhostHeader: SxProps<Theme>;

package/dist/editor-sample/App/InspectorDrawer/components/DateFieldControls.d.ts

@@ -0,0 +1,12 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+type Props = {
+    field: TemplateFormField;
+    onPatch: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * Format + timezone controls for a `date` scalar variable, shown under the
+ * datetime input. `relative` recomputes in the reader's browser at view time;
+ * every other preset is a fixed string baked in `dateTz` on publish.
+ */
+export default function DateFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/components/DateTimeFieldControls.d.ts

@@ -0,0 +1,14 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+type Props = {
+    field: TemplateFormField;
+    onPatch: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * Controls for a `datetime` scalar variable: one ISO value, exposed as two
+ * tokens — `{{id.date}}` (formatted with `dateFormat`) and `{{id.time}}`
+ * (formatted with `timeFormat`). Both share the `dateTz` timezone. The date part
+ * may be `relative` (recomputed in the reader's browser); the time part is
+ * always a fixed string.
+ */
+export default function DateTimeFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/components/TimeFieldControls.d.ts

@@ -0,0 +1,12 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+type Props = {
+    field: TemplateFormField;
+    onPatch: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * Format + timezone controls for a `time` scalar variable, shown under the
+ * datetime input. `time` always bakes to a fixed string (24h or AM/PM) rendered
+ * in the chosen timezone — there's no view-time / relative mode.
+ */
+export default function TimeFieldControls({ field, onPatch }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/shared/editor.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const widthUnitSelectSx: {
     '& .MuiOutlinedInput-notchedOutline': {
         border: string;

package/dist/editor-sample/documents/blocks/FormsPicker/FormsPropsSchema.d.ts

@@ -9,6 +9,7 @@ declare const FormsPropsSchema: z.ZodObject<{
         height: z.ZodDefault<z.ZodString>;
         heightTablet: z.ZodOptional<z.ZodString>;
         heightMobile: z.ZodOptional<z.ZodString>;
+        autoHeight: z.ZodDefault<z.ZodBoolean>;
         alignment: z.ZodDefault<z.ZodEnum<{
             right: "right";
             left: "left";
@@ -28,6 +29,7 @@ export type FormsPickerProps = {
         height: string;
         heightTablet?: string;
         heightMobile?: string;
+        autoHeight?: boolean;
         alignment?: 'left' | 'center' | 'right';
     };
 };

package/dist/editor-sample/documents/blocks/Table/TableImportDialog.styles.d.ts

@@ -1,11 +1,11 @@
 export declare const StyledDialog: import('@emotion/styled').StyledComponent<import('@mui/material').DialogProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const StyledDialogTitle: import('@emotion/styled').StyledComponent<import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledDialogTitle: import('@emotion/styled').StyledComponent<import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const CloseButton: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').SVGProps<SVGSVGElement>, "style" | "children" | "className" | "color" | "fontSize" | "classes" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const TabsBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledTabs: import('@emotion/styled').StyledComponent<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "value" | "style" | "children" | "className" | "textColor" | "action" | "orientation" | "variant" | "slots" | "classes" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "visibleScrollbar"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledDialogContent: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const HelperText: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const FileSummaryText: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const HelperText: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const FileSummaryText: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const ErrorAlert: import('@emotion/styled').StyledComponent<import('@mui/material').AlertProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const PasteTextFieldSx: {
     readonly '& textarea': {
@@ -15,5 +15,5 @@ export declare const PasteTextFieldSx: {
 };
 export declare const UploadDropzone: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const UploadIcon: import('@emotion/styled').StyledComponent<import('@mui/material').SvgIconOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').SVGProps<SVGSVGElement>, "style" | "children" | "className" | "color" | "fontSize" | "classes" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const ChooseFileLabel: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ChooseFileLabel: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "p" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "variant" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledDialogActions: import('@emotion/styled').StyledComponent<import('@mui/material').DialogActionsProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/editor-sample/documents/blocks/TabsBlock/TabsBlockPropsSchema.d.ts

@@ -31,8 +31,14 @@ declare const TabsBlockPropsSchema: z.ZodObject<{
             left: z.ZodNumber;
         }, z.core.$strip>>>;
         tabActiveColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabActiveBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabInactiveTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabInactiveBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabInactiveBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabInactiveBorderWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         tabTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         tabBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        tabBorderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         tabGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         navBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -61,6 +67,14 @@ declare const TabsBlockPropsSchema: z.ZodObject<{
             showSelectedSection: "showSelectedSection";
             scrollToSelectedSection: "scrollToSelectedSection";
         }>>>;
+        tabsAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        dropdown: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        dropdownTablet: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        dropdownMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         activeTabIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         stickyNav: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{

package/dist/editor-sample/documents/blocks/helpers/EditorChildrenIds/AddBlockMenu/blockMenuStyles.d.ts

@@ -4,6 +4,8 @@ export declare const menuRootSx: (theme: Theme) => SxProps<Theme>;
 export declare const searchHeaderSx: (theme: Theme) => SxProps<Theme>;
 export declare const scrollAreaSx: (theme: Theme) => SxProps<Theme>;
 export declare const gridSx: SxProps<Theme>;
+export declare const categoryTabsSx: (theme: Theme) => SxProps<Theme>;
+export declare const categoryTabSx: (theme: Theme, active: boolean) => SxProps<Theme>;
 export declare const emptyStateSx: SxProps<Theme>;
 export declare const emptyIconBadgeSx: (theme: Theme) => SxProps<Theme>;
 export declare const blockButtonSx: (theme: Theme, highlighted: boolean) => SxProps<Theme>;

package/dist/editor-sample/documents/blocks/helpers/EditorChildrenIds/AddBlockMenu/buttons.d.ts

@@ -4,10 +4,9 @@ type TButtonProps = {
     label: string;
     /**
      * Palette section this tile belongs to. Used by BlocksPanel to group
-     * tiles under section headers ("Text/Content", "Media",
-     * "Layout/Structure", "Actions/Controls", "Embeds/Integrations",
-     * "Support/Utility"). Order and header labels come from
-     * `BlockCategories.ts`.
+     * tiles under section headers ("Layout", "Content", "Media",
+     * "Interaction", "Integration") and by BlocksMenu's category tabs. Order
+     * and header labels come from `BlockCategories.ts`.
      */
     category: string;
     icon: React.JSX.Element;

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/hooks/useToolbarCommands.d.ts

@@ -1,4 +1,5 @@
 import { LinkInsertParams } from '../types';
+export type FontSizeDevice = 'desktop' | 'tablet' | 'mobile';
 /** Snapshot of an existing anchor under the saved/live selection — populated
  *  by `getSavedSelectionLink` and used by the Link dialog to prefill its
  *  fields when the user opens the dialog while standing on a link. */
@@ -23,7 +24,22 @@ export type ToolbarCommandsApi = {
      * onChange tick.
      */
     applyColor: (cmd: string, value: string) => void;
-    applyFontSize: (px: number) => void;
+    /**
+     * Set the font size for the current selection at the given device slot.
+     * Writes `data-fs-<device>="<px>"` on a wrapping <span> so responsive CSS
+     * rules (see the Text block renderer + responsiveFontSizeCss.ts) can pick
+     * the correct size per preview device / breakpoint. Preserves any
+     * pre-existing device markers on the same range so setting Mobile doesn't
+     * clobber Desktop.
+     */
+    applyFontSize: (px: number, device: FontSizeDevice) => void;
+    /**
+     * Remove the size override for one device on the current selection. If the
+     * span was carrying no other device markers, the wrapper is unwrapped so
+     * the block-level font size shows through. Leaves other devices' markers
+     * intact.
+     */
+    clearFontSize: (device: FontSizeDevice) => void;
     /** Set CSS line-height on every block-level ancestor the current selection
      *  touches. Pass an empty string to clear back to the inherited default. */
     applyLineHeight: (value: string) => void;