pagepilot-visual-editor 1.0.7 → 1.0.8

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

@@ -0,0 +1,90 @@
+import { z } from 'zod';
+export declare const UNORDERED_MARKERS: readonly ["disc", "circle", "square", "dash", "arrow", "check", "cross", "none"];
+export declare const ORDERED_MARKERS: readonly ["decimal", "decimal-zero", "lower-alpha", "upper-alpha", "lower-roman", "upper-roman"];
+declare const ITEM_SCHEMA: z.ZodObject<{
+    text: z.ZodString;
+}, z.core.$strip>;
+export declare const ListPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            left: "left";
+            right: "right";
+        }>>>;
+        fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        fontWeight: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        lineHeight: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            ordered: "ordered";
+            unordered: "unordered";
+        }>>>;
+        marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            circle: "circle";
+            none: "none";
+            square: "square";
+            check: "check";
+            disc: "disc";
+            dash: "dash";
+            arrow: "arrow";
+            cross: "cross";
+            decimal: "decimal";
+            "decimal-zero": "decimal-zero";
+            "lower-alpha": "lower-alpha";
+            "upper-alpha": "upper-alpha";
+            "lower-roman": "lower-roman";
+            "upper-roman": "upper-roman";
+        }>>>;
+        numberSuffix: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            ".": ".";
+            ")": ")";
+        }>>>;
+        startNumber: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        markerColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        markerSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        itemGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            text: z.ZodString;
+        }, z.core.$strip>>>>;
+    }, z.core.$strip>>>;
+    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>>>;
+}, z.core.$strip>;
+export type ListProps = z.infer<typeof ListPropsSchema>;
+export type ListItem = z.infer<typeof ITEM_SCHEMA>;
+export declare const ListPropsDefaults: {
+    readonly listType: "unordered";
+    readonly marker: "disc";
+    readonly numberSuffix: ".";
+    readonly startNumber: 1;
+    readonly markerColor: any;
+    readonly markerSize: 16;
+    readonly itemGap: 8;
+    readonly items: readonly [{
+        readonly text: "First list item";
+    }, {
+        readonly text: "Second list item";
+    }, {
+        readonly text: "Third list item";
+    }];
+};
+export declare function List({ style, props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -9,9 +9,9 @@ export declare const LogoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{

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

@@ -3,9 +3,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -13,12 +13,18 @@ export declare const StepperPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            both: "both";
             dots: "dots";
             numeric: "numeric";
-            both: "both";
         }>>>;
         totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -29,8 +35,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
         numericColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         numericFontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         numericPosition: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
             left: "left";
+            right: "right";
             above: "above";
             below: "below";
         }>>>;

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

@@ -37,16 +37,16 @@ export declare const TextPropsSchema: z.ZodObject<{
         }>>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             bold: "bold";
+            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
-            normal: "normal";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -54,6 +54,12 @@ export declare const TextPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         text: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -9,9 +9,9 @@ export declare const VideoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const VideoPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         name: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -9,9 +9,9 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

package/dist/editor/Shell.d.ts

@@ -1,5 +1,5 @@
 import { PagePilotEditorProps } from './types';
-export default function Shell({ record, contentMetadata, behaviour, steps, sections, activeStepIndex, panels, title, recordTitle, recordStatus, headerExtra, children, onUpdateRecord, onChange, onSaveChanges, onPublish, onPublishMenu, renderPublish, onBack, onTogglePreview, onBackgroundChange, onNavigateBranding, onAddSection, onApiError, topbar, mode, onToggleMode, }: PagePilotEditorProps & {
+export default function Shell({ record, contentMetadata, behaviour, steps, sections, activeStepIndex, panels, title, recordTitle, recordStatus, headerExtra, children, onUpdateRecord, onChange, onSaveChanges, onPublish, onPublishMenu, renderPublish, onBack, onTogglePreview, onBackgroundChange, onNavigateBranding, onAddSection, onApiError, topbar, mode, onToggleMode, autoSaveEnabled: autoSaveEnabledProp, onAutoSaveChange, autoSaveIntervalMs, }: PagePilotEditorProps & {
     mode?: "light" | "dark";
     onToggleMode?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/editor/Topbar.d.ts

@@ -23,5 +23,9 @@ export interface TopbarProps {
     onToggleMode?: () => void;
     /** Disables Save Changes when false — the user has nothing to save. */
     isDirty?: boolean;
+    /** Checked state of the Auto Save switch. */
+    autoSaveEnabled?: boolean;
+    /** Fired when the user toggles the Auto Save switch. */
+    onAutoSaveChange?: (enabled: boolean) => void;
 }
-export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, }: TopbarProps): import("react/jsx-runtime").JSX.Element;
+export default function Topbar({ toggles, title, recordTitle, recordStatus, onBack, onSave, onPublish, onPublishMenu, publishSlot, onPreview, onToggleFullscreen, isFullscreen, onOpenMoreMenu, sectionsDropdown, mode, onToggleMode, isDirty, autoSaveEnabled, onAutoSaveChange, }: TopbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/blockToggles.d.ts

@@ -1,5 +1,5 @@
 /** All block tile keys exposed in the Add-Block menu. */
-export type BlockKey = "heading" | "text" | "button" | "image" | "logo" | "video" | "avatar" | "divider" | "spacer" | "html" | "columns" | "flexColumns" | "grid" | "buttonGroup" | "container" | "stepper" | "accordion" | "pricingAccordion" | "tabs" | "carousel" | "rating" | "marquee" | "iframe" | "skipToMain" | "accessibilityTools" | "timer" | "pagination" | "table" | "demoPicker" | "menuPicker" | "formsPicker" | "appBannerPicker" | "faqPicker";
+export type BlockKey = "heading" | "list" | "text" | "button" | "image" | "logo" | "video" | "avatar" | "divider" | "spacer" | "html" | "columns" | "flexColumns" | "grid" | "buttonGroup" | "container" | "stepper" | "accordion" | "pricingAccordion" | "tabs" | "carousel" | "rating" | "marquee" | "iframe" | "skipToMain" | "accessibilityTools" | "timer" | "pagination" | "table" | "demoPicker" | "menuPicker" | "formsPicker" | "appBannerPicker" | "faqPicker";
 export type BlockToggles = Partial<Record<BlockKey, boolean>>;
 /** Maps a block's `type` string to the BlockKey that controls its tile. */
 export declare const BLOCK_TYPE_TO_KEY: Record<string, BlockKey>;

package/dist/editor/publish/PagePublishDialog.d.ts

@@ -9,12 +9,19 @@ interface PagePublishDialogProps {
      * Called when the user hits Save Draft or Publish. Should trigger the
      * matching Shell action (`runPublishAction`) — the dialog awaits it and
      * only closes on `true`.
+     *
+     * `injectTabsScrollSyncScript` / `injectCarouselScript` come from the
+     * Scripts & Styles tab and default to `true` (matching the published-HTML
+     * default in `renderToStaticMarkup`). Turning either OFF causes Shell to
+     * re-render the payload without inlining that runtime.
      */
     onSubmit: (action: "save" | "publish", opts: {
         schedule: {
             startDate: Date | null;
             endDate: Date | null;
         };
+        injectTabsScrollSyncScript?: boolean;
+        injectCarouselScript?: boolean;
     }) => Promise<boolean>;
 }
 export default function PagePublishDialog({ open, onClose, record, apiClient, onSubmit, }: PagePublishDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/types.d.ts

@@ -83,6 +83,15 @@ export interface TopbarToggles {
      */
     unselect?: boolean;
     save?: boolean;
+    /**
+     * "Auto Save" switch in the topbar. When on, the editor persists
+     * unsaved changes on a fixed interval by re-running the same handler
+     * the Save Changes button uses. Defaults to `false` — hosts opt in
+     * per-editor. Whether the switch is *checked* is controlled by
+     * `autoSaveEnabled` (or the built-in localStorage fallback when the
+     * host leaves it unset).
+     */
+    autoSave?: boolean;
     /**
      * Desktop / Tablet / Mobile icon toggle that constrains the canvas
      * preview width and keeps the sidebar's per-device tabs in sync. Same
@@ -192,6 +201,25 @@ export interface PagePilotEditorProps {
     onBackgroundChange?: (image: string) => void;
     onNavigateBranding?: () => void;
     onAddSection?: () => void;
+    /**
+     * Controlled value for the Auto Save switch. When set, the host owns
+     * the checked state and must update it via `onAutoSaveChange`. When
+     * left `undefined`, the switch runs uncontrolled with a localStorage-
+     * backed default so the user's choice survives a reload.
+     */
+    autoSaveEnabled?: boolean;
+    /**
+     * Fired when the user flips the Auto Save switch. Receives the new
+     * checked state. Called for both controlled and uncontrolled use so
+     * hosts can persist / mirror the flag if they want to.
+     */
+    onAutoSaveChange?: (enabled: boolean) => void;
+    /**
+     * Autosave interval in milliseconds. Defaults to 60000 (60s), matching
+     * ahd-fe. Set to `0` to disable the interval while still showing the
+     * switch — useful for tests.
+     */
+    autoSaveIntervalMs?: number;
     headerExtra?: ReactNode;
     children?: ReactNode;
 }

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

@@ -4,6 +4,12 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type Props = {
     data: {
         props: {
@@ -11,6 +17,7 @@ type Props = {
             bannerName?: string | null;
             contentHtml?: string | null;
             padding?: PaddingValue | null;
+            margin?: MarginValue | null;
         };
     };
     setData: (data: any) => void;

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

@@ -4,12 +4,19 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type Props = {
     data: {
         props: {
             faqGroupId: string;
             faqGroupName?: string | null;
             padding?: PaddingValue | null;
+            margin?: MarginValue | null;
         };
     };
     setData: (data: any) => void;

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

@@ -0,0 +1,7 @@
+import { ListProps } from '../../../../../blocks-internal/block-list/src/index.tsx';
+type Props = {
+    data: ListProps;
+    setData: (value: ListProps) => void;
+};
+export default function ListSidebarPanel({ data, setData }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -10,8 +10,13 @@ export interface TemplateRow {
     [key: string]: any;
 }
 interface TemplatesListProps {
-    /** Fetch a paginated slice from the templates endpoint. */
-    fetchPage: (offset: number, limit: number) => Promise<PageListResponse>;
+    /** Fetch a paginated slice from the templates endpoint. The `opts.blocksOnly`
+     *  flag is toggled by the Templates/Blocks switch above the list — callers
+     *  translate it into whichever `type` filter their backend expects
+     *  (typically `type: 'block'` vs `type: 'page'`). */
+    fetchPage: (offset: number, limit: number, opts?: {
+        blocksOnly?: boolean;
+    }) => Promise<PageListResponse>;
     /** Fetch a single template's full record (with `configuration`). */
     fetchOne: (id: string) => Promise<TemplateRow>;
     /** Optional delete handler — shown as a hover-icon on each card. */
@@ -22,8 +27,16 @@ interface TemplatesListProps {
     emptyMessage?: string;
     /** Empty-state message when a search returned no results. */
     emptySearchMessage?: string;
+    /** Show the Templates/Blocks toggle above the list. Only useful for the
+     *  global templates catalog (blocks aren't a concept on the Saved tab). */
+    showBlocksToggle?: boolean;
+    /** Enables sessionStorage caching for rows. Distinct callers (global vs
+     *  saved) should pass distinct keys so their lists don't clobber each
+     *  other. The current viewMode (templates/blocks) is folded in
+     *  automatically. */
+    cacheKey?: string;
 }
-export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPlaceholder, emptyMessage, emptySearchMessage, }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
+export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPlaceholder, emptyMessage, emptySearchMessage, showBlocksToggle, cacheKey, }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Bind a TemplatesList to the global-template endpoint. Filters to
  * `type: 'page'` on the wire so the browsable list only shows templates
@@ -38,7 +51,9 @@ export default function TemplatesList({ fetchPage, fetchOne, onDelete, searchPla
 export declare function GlobalTemplatesList({ client, }: {
     client?: PagepilotApiClient | null;
 }): import("react/jsx-runtime").JSX.Element;
-/** Bind a TemplatesList to the per-tenant `mytemplate` endpoint. */
+/** Bind a TemplatesList to the per-tenant private templates endpoint. Mirrors
+ * ahd-fe's `useInfinitePrivateTemplates`, which hits `/tenant/:id/template`
+ * with `visibility: 'private'` (NOT `/mytemplate`). */
 export declare function SavedTemplatesList({ client }: {
     client: PagepilotApiClient;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export default function UpgradeDialog(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,19 @@
 export declare function setUpgradeHandler(handler: (() => void) | null | undefined): void;
+/**
+ * Consumer hook used by every paywall trigger (VariablesPaywall etc.).
+ * Returns a single `openUpgrade` function that:
+ *   - Delegates to the host callback if one is registered, OR
+ *   - Opens the built-in `<UpgradeDialog>` otherwise.
+ */
 export declare function useUpgradeDialog(): {
     openUpgrade: () => void;
 };
+/**
+ * Reader hook used by the built-in `<UpgradeDialog>` mount to subscribe to
+ * open-state changes. Separate from `useUpgradeDialog` so the (many) paywall
+ * triggers don't re-render every time the dialog opens/closes.
+ */
+export declare function useUpgradeStore(): {
+    open: boolean;
+    close: () => void;
+};

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

@@ -7,9 +7,8 @@ export declare function collectSubtree(doc: Record<string, any>, rootId: string)
 export declare function insertAfterBlock(doc: Record<string, any>, afterId: string, newId: string): Record<string, any> | null;
 interface UseLayerNodeOptions {
     blockId: string;
-    selectedBlockId: string | null;
 }
-export declare function useLayerNode({ blockId, selectedBlockId }: UseLayerNodeOptions): {
+export declare function useLayerNode({ blockId }: UseLayerNodeOptions): {
     block: any;
     childIds: string[];
     hasChildren: boolean;

package/dist/editor-sample/App/TemplatePanel/minimap/MiniMap.d.ts

@@ -0,0 +1,6 @@
+type MiniMapProps = {
+    scrollBoxRef: React.RefObject<HTMLElement | null>;
+    contentRef?: React.RefObject<HTMLElement | null>;
+};
+export default function MiniMap({ scrollBoxRef, contentRef }: MiniMapProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/TemplatePanel/minimap/MiniMapFrame.d.ts

@@ -0,0 +1,17 @@
+import { TReaderDocument } from '../../../../email-builder-core/index.ts';
+declare const REFERENCE_WIDTH = 1280;
+type MiniMapFrameProps = {
+    document: TReaderDocument;
+    width: number;
+    height: number;
+    onNaturalHeightChange?: (naturalHeight: number) => void;
+};
+/**
+ * Renders the page scaled by WIDTH only — never shrunk vertically. Tall pages
+ * end up with a rendered height greater than the panel; the parent is
+ * responsible for clipping and panning the content in sync with the main
+ * canvas scroll. `height` here is just an initial placeholder used before the
+ * iframe has reported its natural height.
+ */
+export default function MiniMapFrame({ document, width, height, onNaturalHeightChange }: MiniMapFrameProps): import("react/jsx-runtime").JSX.Element;
+export { REFERENCE_WIDTH };

package/dist/editor-sample/App/TemplatePanel/minimap/useMiniMapSync.d.ts

@@ -0,0 +1,24 @@
+export type ViewportRect = {
+    topPct: number;
+    heightPct: number;
+};
+type Options = {
+    scrollBoxRef: React.RefObject<HTMLElement | null>;
+    contentRef?: React.RefObject<HTMLElement | null>;
+    enabled: boolean;
+};
+/**
+ * Reads scroll geometry off whichever element is actually scrolling in the
+ * host DOM. The resolved element is locked onto the first real scroll
+ * event received on the page and kept until it either leaves the DOM or
+ * stops being scrollable — so pagepilot's Shell wrapper and ahd-fe's
+ * `mainBoxSx` both work without the caller having to know.
+ */
+export declare function useMiniMapSync({ scrollBoxRef, contentRef, enabled }: Options): {
+    viewportRect: ViewportRect;
+    isScrollable: boolean;
+    scrollToRatio: (ratioY: number, centerInViewport?: boolean) => void;
+    scrollByDelta: (deltaScrollTop: number) => void;
+    scrollByFraction: (deltaFraction: number) => void;
+};
+export {};

package/dist/editor-sample/App/TemplatePanel/minimap/useMiniMapThumbnail.d.ts

@@ -0,0 +1,8 @@
+import { TEditorConfiguration } from '../../../documents/editor/core';
+/**
+ * Debounces the document so the minimap thumbnail doesn't re-render on every
+ * keystroke — no shared debounce utility exists in this package (checked
+ * useSaveHandler.tsx and the rest of editor-sample/src), so this follows the
+ * same local setTimeout convention used elsewhere (e.g. TuneMenu.tsx).
+ */
+export declare function useMiniMapThumbnail(document: TEditorConfiguration, enabled: boolean): TEditorConfiguration;

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

@@ -0,0 +1,10 @@
+export type UseAutosaveOptions = {
+    isDirty: boolean;
+    onSave: () => Promise<any> | void;
+    enabled?: boolean;
+    isSaving?: boolean;
+    intervalMs?: number;
+};
+export declare const AUTOSAVE_ENABLED = true;
+export declare const AUTOSAVE_INTERVAL_MS = 60000;
+export default function useAutosave({ isDirty, onSave, enabled, isSaving, intervalMs, }: UseAutosaveOptions): void;

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>, "children" | "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "px" | "margin" | "height" | "overflow" | "marginBottom" | "color" | "position" | "gap" | "align" | "fontStyle" | "paddingX" | "paddingY" | "marginX" | "marginY" | "lineHeight" | "maxWidth" | "maxHeight" | "boxShadow" | "borderTop" | "border" | "flex" | "py" | "className" | "p" | "bgcolor" | "display" | "zIndex" | "typography" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "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" | "paddingBottom" | "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" | "displayPrint" | "variant" | "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>, "children" | "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "px" | "margin" | "height" | "overflow" | "marginBottom" | "color" | "position" | "gap" | "align" | "fontStyle" | "paddingX" | "paddingY" | "marginX" | "marginY" | "lineHeight" | "maxWidth" | "maxHeight" | "boxShadow" | "borderTop" | "border" | "flex" | "py" | "className" | "p" | "bgcolor" | "display" | "zIndex" | "typography" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "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" | "paddingBottom" | "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" | "displayPrint" | "variant" | "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>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "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>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const widthUnitSelectSx: {
     '& .MuiOutlinedInput-notchedOutline': {
         border: string;
@@ -18,4 +18,4 @@ 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>, "children" | "style" | "size" | "action" | "color" | "className" | "disabled" | "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>, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "action" | "disabled" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;