pagepilot-visual-editor 1.0.29 → 1.0.33

package/dist/editor-sample/App/hooks/useIsTemplateEditorRoute.d.ts

@@ -0,0 +1 @@
+export default function useIsTemplateEditorRoute(): boolean;

package/dist/editor-sample/App/hooks/useStretch.d.ts

@@ -0,0 +1,9 @@
+export declare const INSPECTOR_RAIL_WIDTH = 88;
+declare const useStretch: () => {
+    inspectorWidth: number;
+    handleMouseDown: (e: React.MouseEvent) => void;
+    isPanelCollapsed: boolean;
+    toggleCollapsed: () => void;
+    handleOpenPanel: () => void;
+};
+export default useStretch;

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

@@ -1,9 +1,24 @@
 import { TReaderDocument } from '../../../email-builder-core/index.ts';
-export declare function ensureFullHtmlDocument(html: string): string;
+export type PreviewPpTheme = 'light' | 'dark';
+/** Resolve the editor preview preference to a concrete theme for iframes (they cannot inherit). */
+export declare function resolvePreviewTheme(pref: 'light' | 'dark' | 'follow'): PreviewPpTheme;
+/**
+ * `resolvePreviewTheme` for components that bake the result into an iframe's
+ * HTML. In `follow` mode the plain function reads `<html data-theme>` only once
+ * per render, so a memoized srcDoc keeps the OLD theme after the app switches
+ * light/dark (the live canvas updates, the static iframe doesn't). Reading the
+ * MUI palette mode makes the caller re-render — and the HTML rebuild — whenever
+ * the app theme changes.
+ */
+export declare function useResolvedPreviewTheme(): PreviewPpTheme;
+export declare function ensureFullHtmlDocument(html: string, opts?: {
+    ppTheme?: PreviewPpTheme;
+}): string;
 export declare function getBodyMarkup(html: string): string;
-export declare function PagePreviewFrame({ savedContent, document, fallbackHeight, }: {
+export declare function PagePreviewFrame({ savedContent, document, fallbackHeight, onInternalNavigate, }: {
     savedContent?: string | null;
     document: TReaderDocument;
     fallbackHeight?: number | string;
+    onInternalNavigate?: (href: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export default PagePreviewFrame;

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

@@ -0,0 +1,4 @@
+declare const UploadImage: ({ onImageSelect }: {
+    onImageSelect: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UploadImage;

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" | "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 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" | "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 TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "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" | "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 SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "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" | "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 widthUnitSelectSx: {
     '& .MuiOutlinedInput-notchedOutline': {
         border: string;
@@ -18,4 +18,14 @@ export declare const widthUnitSelectSx: {
         paddingBottom: string;
     };
 };
-export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "size" | "color" | "disabled" | "action" | "tabIndex" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "size" | "color" | "disabled" | "action" | "tabIndex" | "classes" | "sx" | "loading" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const zoomButtonSx: {
+    borderRadius: string;
+    transition: string;
+    '&:hover': {
+        backgroundColor: string;
+        boxShadow: string;
+    };
+};
+export declare const AutoSaveContentToggleWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AutoSaveContentIndicatorBox: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/editor-sample/documents/blocks/Container/ContainerPropsSchema.d.ts

@@ -2,7 +2,7 @@ import { z } from 'zod';
 declare const ContainerPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodPreprocess<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
-        backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodOptional<z.ZodNullable<z.ZodString>>, z.ZodString]>>>;
         backgroundSize: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         backgroundRepeat: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             repeat: "repeat";
@@ -71,8 +71,8 @@ declare const ContainerPropsSchema: z.ZodObject<{
         widthTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         height: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
-        heightTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
-        heightMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        heightTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"auto">]>>>;
+        heightMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"auto">]>>>;
         overflow: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             right: "right";
@@ -147,4 +147,6 @@ declare const ContainerPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export default ContainerPropsSchema;
-export type ContainerProps = z.infer<typeof ContainerPropsSchema>;
+export type ContainerProps = z.infer<typeof ContainerPropsSchema> & {
+    blockId?: string;
+};

package/dist/editor-sample/documents/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts

@@ -100,6 +100,10 @@ declare const EmailLayoutPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     canvasColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
     textColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+    hostTheme: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        follow: "follow";
+    }>>>;
     fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
         MODERN_SANS: "MODERN_SANS";
         BOOK_SANS: "BOOK_SANS";

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

@@ -2,6 +2,10 @@ import { z } from 'zod';
 declare const MenuPropsSchema: z.ZodObject<{
     menuId: z.ZodDefault<z.ZodString>;
     useCustomMenu: z.ZodDefault<z.ZodBoolean>;
+    navRole: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        footer: "footer";
+        header: "header";
+    }>>>;
     stickyNav: z.ZodDefault<z.ZodBoolean>;
     stickyNavTablet: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
     stickyNavMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -13,6 +17,7 @@ declare const MenuPropsSchema: z.ZodObject<{
     orientation: z.ZodDefault<z.ZodEnum<{
         vertical: "vertical";
         horizontal: "horizontal";
+        columns: "columns";
     }>>;
     menuItems: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodType<any, unknown, z.core.$ZodTypeInternals<any, unknown>>>>>;
     startChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
@@ -52,6 +57,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

@@ -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" | "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 StyledDialogTitle: import('@emotion/styled').StyledComponent<import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "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" | "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>, {}, {}>;
+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>, "border" | "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" | "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>, "border" | "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" | "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 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,15 @@ 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 ChooseFileLabel: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "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" | "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>, "border" | "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" | "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>, "border" | "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" | "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/popovers/TableResizeOverlay.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+type Props = {
+    editorEl: HTMLElement | null;
+    open: boolean;
+    /** Called after any DOM mutation so the editor can sync localDraft. */
+    onMutate: () => void;
+};
+/**
+ * Resize handles for <table>s inside the rich-text editor: drag a column
+ * border to resize the two adjacent columns, drag the right edge to resize
+ * the whole table, or use the width presets under the table. Column widths
+ * live on the first row's cells with `table-layout: fixed`, so every row
+ * follows them and the stored HTML renders the same once published.
+ * Portal'd to document.body so it escapes overflow/transform parents.
+ */
+export declare function TableResizeOverlay({ editorEl, open, onMutate }: Props): React.ReactPortal;
+export {};

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>;