pagepilot-visual-editor 1.0.28 → 1.0.30

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

@@ -19,8 +19,39 @@ declare const FormsPropsSchema: z.ZodObject<{
 }, z.core.$strip>;
 export default FormsPropsSchema;
 export type FormsPickerPropsType = z.infer<typeof FormsPropsSchema>;
+type TBlockSpacing = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+/** The per-corner shape the sidebar's RadiusInput authors. */
+export type FormsPickerRadius = {
+    topLeft: number;
+    topRight: number;
+    bottomRight: number;
+    bottomLeft: number;
+};
+/**
+ * The block's `style` bag, documented rather than enforced.
+ *
+ * The zod schema declares `style` as `z.object({}).passthrough()`, so every value
+ * arrives typed as `unknown` and nothing is validated. These members therefore
+ * record the shapes the renderers actually read and must stay assignable from
+ * that passthrough type — hence the `unknown` arm on each. `borderRadius` in
+ * particular has three live shapes: the per-corner object written today, plus
+ * legacy `number` and CSS-`string` values that saved documents may still hold.
+ * All three are resolved by `formatBorderRadius` in blockStyleHelpers.
+ */
+export type FormsPickerStyle = {
+    padding?: TBlockSpacing | string | null | unknown;
+    margin?: TBlockSpacing | string | null | unknown;
+    backgroundColor?: string | null | unknown;
+    borderRadius?: number | string | FormsPickerRadius | null | unknown;
+    [key: string]: unknown;
+};
 export type FormsPickerProps = {
-    style?: any;
+    style?: FormsPickerStyle | null;
     props?: {
         formId: string;
         formName?: string;
@@ -31,5 +62,5 @@ export type FormsPickerProps = {
         heightMobile?: string;
         autoHeight?: boolean;
         alignment?: 'left' | 'center' | 'right';
-    };
+    } | null;
 };

package/dist/editor-sample/documents/blocks/List/ListEditor.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ListProps } from '../../../../blocks-internal/block-list/src/index.tsx';
+type ListEditorProps = {
+    style?: ListProps['style'];
+    props?: ListProps['props'];
+};
+declare const ListEditor: React.FC<ListEditorProps>;
+export default ListEditor;

package/dist/editor-sample/documents/blocks/Marquee/MarqueePropsSchema.d.ts

@@ -1,5 +1,9 @@
 import { z } from 'zod';
 declare const MarqueePropsSchema: z.ZodObject<{
+    responsive: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        tablet: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+        mobile: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    }, z.core.$strip>>>;
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor-sample/documents/blocks/MenuPicker/MenuPropsSchema.d.ts

@@ -52,6 +52,12 @@ declare const MenuPropsSchema: z.ZodObject<{
         bottom: z.ZodNumber;
         left: z.ZodNumber;
     }, z.core.$strip>>>;
+    blockMargin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        right: z.ZodNumber;
+        bottom: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
     gap: z.ZodDefault<z.ZodString>;
     showIcons: z.ZodDefault<z.ZodBoolean>;
     iconSize: z.ZodDefault<z.ZodString>;

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

@@ -6,6 +6,7 @@ type Props = {
     isHeader: boolean;
     onCommit: (html: string) => void;
     onContextMenu: (e: React.MouseEvent<HTMLDivElement>, row: number, col: number) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLDivElement>, row: number, col: number) => boolean;
 };
-export default function TableCellEditor({ html, row, col, isHeader, onCommit, onContextMenu, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function TableCellEditor({ html, row, col, isHeader, onCommit, onContextMenu, onPaste, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ export declare const StyledDialog: import('@emotion/styled').StyledComponent<imp
 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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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" | "fontSize" | "color" | "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" | "orientation" | "textColor" | "action" | "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 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" | "orientation" | "textColor" | "action" | "variant" | "classes" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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>, {}, {}>;
@@ -16,4 +16,14 @@ 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" | "fontSize" | "color" | "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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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 SheetPickerWrap: 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 SheetPickerCard: 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> & {
+    selected?: boolean;
+}, {}, {}>;
+export declare const SheetPickerLabel: 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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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> & {
+    selected?: boolean;
+}, {}, {}>;
+export declare const SheetPickerMeta: 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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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> & {
+    selected?: boolean;
+}, {}, {}>;
 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/Table/parseClipboardTable.d.ts

@@ -3,6 +3,10 @@ export type ParsedTable = {
     columns: number;
     cells: string[];
 };
+export type NamedTable = {
+    name: string;
+    table: ParsedTable;
+};
 export declare function parseClipboardTable(clipboard: DataTransfer | null): ParsedTable | null;
 /**
  * Parse pasted-in text from the Import dialog's textarea — not a live
@@ -10,7 +14,10 @@ export declare function parseClipboardTable(clipboard: DataTransfer | null): Par
  * by sniffing for a `<table`/`<tr` tag; otherwise tries Markdown, then CSV/TSV.
  */
 export declare function parseTableString(input: string): ParsedTable | null;
+/** Every non-empty sheet in the workbook, in file order — caller picks one if there's more than one. */
+export declare function readExcelFileAllSheets(file: File): Promise<NamedTable[]>;
 export declare function readExcelFile(file: File): Promise<ParsedTable | null>;
+export declare function readWordFileAllTables(file: File): Promise<NamedTable[]>;
 export declare function readWordFile(file: File): Promise<ParsedTable | null>;
 export declare function mergePastedTable(existing: string[], existingRows: number, existingCols: number, pasted: ParsedTable, atRow: number, atCol: number, maxRows?: number, maxCols?: number): {
     rows: number;

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

@@ -12,6 +12,12 @@ declare const TabsBlockPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
         borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, z.ZodObject<{
             topLeft: z.ZodNumber;
             topRight: z.ZodNumber;

package/dist/editor-sample/documents/blocks/Timer/TimerPropsSchema.d.ts

@@ -5,6 +5,7 @@ declare const TimerPropsSchema: z.ZodObject<{
         textColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         accentColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         numberColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        numberFontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, z.ZodObject<{
             topLeft: z.ZodNumber;
@@ -39,6 +40,7 @@ declare const TimerPropsSchema: z.ZodObject<{
             showZeros: "showZeros";
         }>>;
         expiredMessage: z.ZodDefault<z.ZodString>;
+        showConfetti: z.ZodDefault<z.ZodBoolean>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type TimerProps = z.infer<typeof TimerPropsSchema>;

package/dist/editor-sample/documents/blocks/Timer/variants/CircularProgressView.d.ts

@@ -5,6 +5,7 @@ type Props = {
     accentColor?: string | null;
     textColor?: string | null;
     numberColor?: string | null;
+    numberFontWeight?: string | null;
 };
-export default function CircularProgressView({ parts, showLabels, accentColor, textColor, numberColor }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CircularProgressView({ parts, showLabels, accentColor, textColor, numberColor, numberFontWeight }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { SxProps, Theme } from '@mui/material';
-export declare const BLOCK_MENU_MIN_WIDTH = "420px";
+export declare const BLOCK_MENU_MIN_WIDTH = "480px";
 export declare const menuRootSx: (theme: Theme) => SxProps<Theme>;
 export declare const searchHeaderSx: (theme: Theme) => SxProps<Theme>;
 export declare const scrollAreaSx: (theme: Theme) => SxProps<Theme>;

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

@@ -1,7 +1,4 @@
-type BrandButton = Record<string, any>;
-type BrandingConfig = {
-    button?: BrandButton;
-};
+import { BrandButton, BrandingConfig } from '../../../../../../host-stubs/view/branding/styles/types';
 type ButtonBlockData = {
     props: Record<string, any>;
     style: Record<string, any>;

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

@@ -2,12 +2,6 @@ import { default as React } from 'react';
 import { TEditorBlock } from '../../../../editor/core';
 type TButtonProps = {
     label: string;
-    /**
-     * Palette section this tile belongs to. Used by BlocksPanel to group
-     * 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;
     block: () => TEditorBlock;

package/dist/editor-sample/documents/blocks/helpers/InlineTextToolbar/dialogs/LinkDialog.d.ts

@@ -9,6 +9,9 @@ type Props = {
      *  links always get target="_blank" since the previous "Open in new
      *  window" UI was removed. */
     defaultNewWindow?: boolean;
+    /** The existing link's underline state — prefills the checkbox when editing.
+     *  Fresh links default to underlined. */
+    defaultUnderline?: boolean;
     /** Flip title + button label to edit mode when standing on an existing link. */
     isEditing?: boolean;
     onClose: () => void;
@@ -18,5 +21,5 @@ type Props = {
     onRemove?: () => void;
 };
 /** Insert Link modal — matches the sidebar's Summernote dialog. */
-export declare function LinkDialog({ open, defaultText, defaultUrl, defaultNewWindow, isEditing, onClose, onInsert, onRemove, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function LinkDialog({ open, defaultText, defaultUrl, defaultNewWindow, defaultUnderline, isEditing, onClose, onInsert, onRemove, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,6 +7,7 @@ export type SavedLinkInfo = {
     text: string;
     url: string;
     newWindow: boolean;
+    underline: boolean;
 };
 export type ToolbarCommandsApi = {
     /** Currently saved selection range (latest one observed inside the editor). */
@@ -27,10 +28,9 @@ export type ToolbarCommandsApi = {
     /**
      * 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.
+     * rules (see the Text/Heading/Button/Html renderers) 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;
     /**
@@ -40,6 +40,16 @@ export type ToolbarCommandsApi = {
      * intact.
      */
     clearFontSize: (device: FontSizeDevice) => void;
+    /**
+     * Set the CSS font-family on the current selection. Uses a Range-based
+     * wrap that mutates only style.fontFamily on either the enclosing
+     * responsive span (fast path) or a fresh wrapping <span>. Does NOT go
+     * through execCommand('fontName'), which produces a <font face>
+     * element and — depending on how the browser restructures the DOM
+     * around existing `<span data-fs-*>` wrappers — can drop the
+     * responsive font-size markers as a side effect.
+     */
+    applyFontFamily: (value: string) => 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;
@@ -65,6 +75,8 @@ export type ToolbarCommandsApi = {
     handleTableDeleteColumn: () => void;
     /** Delete the whole table at the caret. */
     handleTableDelete: () => void;
+    /** Set (or clear, with 'transparent') the background color of the current cell's row. */
+    handleTableRowBackground: (color: string) => void;
     handleInsertCode: () => void;
     handleInsertHorizontalRule: () => void;
     handleSpeechResult: (text: string) => void;

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

@@ -3,12 +3,12 @@ export declare const iconSx: {
     readonly fontSize: 18;
 };
 export declare const btnBase: React.CSSProperties;
-export declare const btnActive: React.CSSProperties;
+export declare function getBtnActive(theme: import('@mui/material/styles').Theme): React.CSSProperties;
 export declare const popoverStyle: React.CSSProperties;
 export declare const menuListStyle: React.CSSProperties;
 export declare const menuItemStyle: React.CSSProperties;
 /** Hover-tint applied to icon-style buttons. */
-export declare const HOVER_TINT = "rgba(15,23,42,0.06)";
+export declare function getHoverTint(theme: import('@mui/material/styles').Theme): string;
 export declare const TOOLBAR_Z_INDEX = 1400;
 export declare const TOOLBAR_POPOVER_Z_INDEX = 1410;
 export declare const TOOLBAR_DIALOG_Z_INDEX = 1500;

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

@@ -2,7 +2,6 @@ export type ToolbarPosition = {
     top: number;
     left: number;
 };
-export declare const LINK_COLOR = "#2563eb";
 export type FormatSnapshot = {
     bold: boolean;
     italic: boolean;
@@ -19,9 +18,6 @@ export type FormatSnapshot = {
     blockLabel: string;
     fontName: string;
     fontSize: string;
-    /** Per-device font-size override read from the nearest wrapping
-     *  `<span data-fs-*>` at the caret. Empty string means no override for
-     *  that device — the block-level `fontSize` shows through. */
     fontSizeDesktop: string;
     fontSizeTablet: string;
     fontSizeMobile: string;
@@ -44,4 +40,6 @@ export type LinkInsertParams = {
     text: string;
     url: string;
     newWindow: boolean;
+    underline: boolean;
 };
+export declare const LINK_COLOR = "#2563eb";

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/EditorBlockWrapper.d.ts

@@ -2,6 +2,5 @@ import { default as React } from 'react';
 type TEditorBlockWrapperProps = {
     children: React.JSX.Element;
 };
-declare function EditorBlockWrapperImpl({ children }: TEditorBlockWrapperProps): import("react/jsx-runtime").JSX.Element;
-declare const EditorBlockWrapper: React.MemoExoticComponent<typeof EditorBlockWrapperImpl>;
-export default EditorBlockWrapper;
+export default function EditorBlockWrapper({ children }: TEditorBlockWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/TuneMenu.styles.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const TUNE_MENU_HEIGHT = 44;
+export declare const TUNE_MENU_Z_INDEX = 1200;
+export declare const pillSx: (theme: Theme) => SxProps<Theme>;
+export declare const pillPositionedSx: (theme: Theme, position: {
+    top: number;
+    left: number;
+}) => SxProps<Theme>;
+export declare const pillHiddenSx: (theme: Theme) => SxProps<Theme>;
+export declare const iconButtonSx: (theme: Theme) => SxProps<Theme>;
+export declare const dangerIconButtonSx: (theme: Theme) => SxProps<Theme>;
+export declare const dividerSx: (theme: Theme) => SxProps<Theme>;
+export declare const iconSx: {
+    readonly fontSize: 18;
+};
+export declare const dragHandleSx: (theme: Theme) => SxProps<Theme>;
+export declare const overflowMenuSx: (theme: Theme) => SxProps<Theme>;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/saveAsTemplateUtils.d.ts

@@ -75,8 +75,15 @@ export declare function toAuthoringField(field: FormField, blockIds: Set<string>
  * templates, where any authored scalar is fair game) and for
  * `derivePageInitialFormFields` (which has no document to scan and passes
  * `detectedFields=[]`).
+ *
+ * `canvasDocument`/`canvasRootId` (opt-in) — when both are supplied, the
+ * merged result is sorted to match canvas top-to-bottom order (the same
+ * order the Variables panel displays), so a newly-detected field lands
+ * between the fields around it instead of always at the end. Omitted by the
+ * one caller with no live document to rank against, in which case the
+ * merged order is returned unchanged (today's behavior).
  */
-export declare function buildTemplateFormFields(rootFormFields: FormField[], detectedFields: FormField[], blockIds: Set<string>, prefillDefaults?: boolean, scopeScalarsToDetected?: boolean): FormField[];
+export declare function buildTemplateFormFields(rootFormFields: FormField[], detectedFields: FormField[], blockIds: Set<string>, prefillDefaults?: boolean, scopeScalarsToDetected?: boolean, canvasDocument?: BlockMap, canvasRootId?: string): FormField[];
 /** Pull color / font-size out of value HTML (`<font color>` or `style="font-size"`). */
 export declare function extractInlineStyle(html: string): {
     color?: string;
@@ -105,6 +112,27 @@ export declare function enrichTokenBlockStyleFromValue(block: AnyBlock, fields:
  *                        this false so authored templates stay default-empty.
  */
 export declare function buildBlockTemplateConfiguration(document: BlockMap, rootBlockId: string, liveFormFields: FormField[], prefillDefaults?: boolean): BlockTemplateConfiguration;
+/**
+ * Inverse of `buildBlockTemplateConfiguration`: wraps a saved block template's
+ * `{ isIndividualBlock, rootBlockId, blocks }` into a normal editable document
+ * (`{ root: EmailLayout, ...blocks }`) so the block can be opened on the
+ * regular canvas for editing, the same way a page document is.
+ *
+ * Used when editing an existing "block" type template — without this, the
+ * editor's document-loading effect (which requires `doc.root` to exist) has
+ * nothing to load and falls back to a blank canvas.
+ */
+export declare function wrapBlockConfigurationAsDocument(configuration: BlockTemplateConfiguration): BlockMap;
+/**
+ * Inverse of `wrapBlockConfigurationAsDocument`: given a document that was
+ * loaded via that wrapper and then edited on the canvas, collect the (single)
+ * root child's subtree back into the `isIndividualBlock` save shape.
+ *
+ * `formFields` are carried over as-is (not re-derived) so authored field
+ * definitions (custom names/types/defaults) aren't clobbered by a blind
+ * token re-detection on every save.
+ */
+export declare function unwrapDocumentToBlockConfiguration(document: BlockMap, formFields: FormField[]): BlockTemplateConfiguration | null;
 /**
  * True when the configuration has authored `formFields` embedded on one of its
  * document roots — meaning the record was already saved with the new

package/dist/editor-sample/documents/blocks/helpers/documentUtils.d.ts

@@ -75,8 +75,6 @@ export declare function isItemsArrayBlockType(type: string | undefined): boolean
  * whether to show the items data-source controls for the selected block.
  */
 export declare function getItemsArrayInfo(documentTree: Record<string, any>, blockId: string): ItemsArrayInfo | null;
-/** Write an items-array block's `items` back onto the block. */
-export declare function writeItemsArray(block: any, items: Record<string, any>[]): any;
 export type VariableGroupKind = 'container' | 'itemsArray' | 'block' | 'page';
 export type VariableGroup = {
     /** Stable identity for selection — the owning block id, or `page` for page-level. */
@@ -104,38 +102,45 @@ export type VariableGroup = {
      */
     isCandidate?: boolean;
 };
+export declare function getFieldOwnerBlockId(documentTree: Record<string, any>, field: {
+    id?: string;
+    containerId?: string;
+    sourceBlockId?: string;
+    itemsBlockId?: string;
+}): string | null;
 /**
- * The block a field belongs to, or null when the field is page-level.
- *
- * `sourceBlockId` points at the template block sitting INSIDE a container slot,
- * not at the container itself — and in practice `containerId` is usually absent
- * (the repeat flow only ever writes `sourceBlockId`). So a source block is
- * walked UP to its owning repeatable container: that container is what the user
- * thinks of as "the group", and grouping by the raw `sourceBlockId` would both
- * split one grid into a row per slot and fail every `getRepeatableContainerInfo`
- * lookup downstream.
- *
- * A source block with no repeatable ancestor is a plain (non-repeatable) block
- * with variables — it stays its own group, keyed on itself.
+ * The block a field's `{{token}}` actually renders on — unlike
+ * `getFieldOwnerBlockId`, this resolves a plain scalar field (no explicit
+ * containerId/sourceBlockId/itemsBlockId) to the real block referencing its
+ * token instead of `null`. Used for canvas locate/highlight and row
+ * ordering, where the panel needs the field's true position even though it
+ * groups under the shared "General variables" bucket.
  */
-export declare function getFieldOwnerBlockId(documentTree: Record<string, any>, field: {
+export declare function getFieldCanvasBlockId(documentTree: Record<string, any>, field: {
+    id?: string;
     containerId?: string;
     sourceBlockId?: string;
     itemsBlockId?: string;
 }): string | null;
 /**
- * Cheap structural fingerprint of everything `collectVariableGroups` actually
- * reads: each block's `type` + every child-id array (the `collectSubtreeIds`
- * walk) + the slot-count props Grid/Pagination use, plus each field's owner ids
- * / name / type. Text edits, colour/style tweaks, `data.style`, block `props`
- * that aren't structural — none of it moves this string. Memo the group list on
- * this instead of the whole `document` so ~90% of editor keystrokes skip the
- * full tree re-scan.
- *
- * Must list the SAME shapes `collectSubtreeIds` + `readContainerSlots` walk —
- * if a new container child-array is added there, mirror it here or the list can
- * go stale until an unrelated structural edit flushes it.
+ * Where a field's row should sort within an opened Variables-panel group, so
+ * rows read in the same top-to-bottom order as their tokens appear on the
+ * canvas instead of whatever order `formFields` happens to be authored in.
+ * `blockIndex` is the owner block's position in `collectSubtreeIds` (canvas
+ * order); `tokenIndex` breaks ties between multiple tokens on the same block
+ * (e.g. a Button's `text` vs `url`) using their first-appearance order from
+ * `getBlockScalarTokenIds`. Unresolvable fields rank last via `Infinity`
+ * rather than throwing off the whole group's order.
  */
+export declare function getFieldCanvasRank(documentTree: Record<string, any>, field: {
+    id?: string;
+    containerId?: string;
+    sourceBlockId?: string;
+    itemsBlockId?: string;
+}): {
+    blockIndex: number;
+    tokenIndex: number;
+};
 export declare function variableGroupsStructuralKey(documentTree: Record<string, any>, fields: Array<{
     id?: string;
     name?: string;
@@ -153,6 +158,8 @@ export declare function collectVariableGroups(documentTree: Record<string, any>,
     sourceBlockId?: string;
     itemsBlockId?: string;
 }>): VariableGroup[];
+/** Write an items-array block's `items` back onto the block. */
+export declare function writeItemsArray(block: any, items: Record<string, any>[]): any;
 /**
  * Grow a repeatable container so it has at least `neededSlots` cells/columns/slides.
  *

package/dist/editor-sample/documents/blocks/helpers/variableBinding.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Scalar variable ids (`TemplateFormField.id`) referenced directly on this
+ * block's own props — the token shown by the tune menu's "highlight
+ * variable" icon. Distinct from `subtreeHasRowTokens`, which looks for
+ * `{{this.field}}` row tokens inside a repeatable container's subtree.
+ */
+export declare function getBlockScalarTokenIds(block: any): string[];
+/** Every token-bearing string on a single block. */
+export declare function blockTokenStrings(block: any): string[];
 export declare function subtreeHasRowTokens(documentTree: Record<string, any>, rootId: string): boolean;
 /** True if the author has switched the block's Repeat toggle on. */
 export declare function hasRepeatEnabled(block: any): boolean;

package/dist/editor-sample/documents/editor/EditorBlock.d.ts

@@ -4,13 +4,9 @@ type EditorBlockProps = {
     id: string;
 };
 /**
- * Loads a single block by id from the editor store and renders it. Subscribes
- * only to that block, so sibling edits don't re-render this subtree — the
- * per-block reference stays stable across setDocument calls that didn't
- * change this block (see _shallowBlockEqual in EditorContext).
  *
- * Memoized by id — React.memo + a stable id prop skips unchanged subtrees
- * entirely during diff.
+ * @param id - Block id
+ * @returns EditorBlock component that loads data from the EditorDocumentContext
  */
 declare function EditorBlock({ id }: EditorBlockProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof EditorBlock>;