pagepilot-visual-editor 1.0.30 → 1.0.33

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

@@ -36,6 +36,13 @@ export declare const addRepeatRow: (documentTree: Record<string, any>, sourceBlo
  * arrays. Used to delete a repeat row's cloned container subtree.
  */
 export declare function removeSubtree(documentTree: Record<string, any>, idsToRemove: Set<string>): Record<string, any>;
+/**
+ * removeSubtree for deleted repeat rows. Tabs are the exception to the
+ * "slot stays" rule: each repeat row owns a whole tab (label + panel), so
+ * deleting the row must drop the tab item itself — otherwise a blank-panel tab
+ * with a stale label is left behind. At least one tab is always kept.
+ */
+export declare function removeRepeatRowSubtrees(documentTree: Record<string, any>, cloneRootIds: string[], idsToRemove: Set<string>): Record<string, any>;
 export type RepeatableSlot = {
     childrenIds: string[];
 };
@@ -69,6 +76,18 @@ export type ItemsArrayInfo = {
 };
 /** True if the block's repeatable content is a flat `props.items` array (no child blocks). */
 export declare function isItemsArrayBlockType(type: string | undefined): boolean;
+/** The `data.props` key an items-array block keeps its items under. */
+export declare function getItemsArrayPropKey(type: string | undefined): string;
+/** A block's current items array (empty when missing). */
+export declare function readItemsArray(block: any): Record<string, any>[];
+type ItemSubField = {
+    id: string;
+    mapsTo?: string;
+};
+/** Items → field rows: row keys are sub-field ids, read from each sub's `mapsTo` item key. */
+export declare function itemsToRows(items: Record<string, any>[], itemFields: ItemSubField[] | null | undefined): Record<string, string>[];
+/** Field rows → items: writes each row value onto its sub's `mapsTo` key, keeping other item keys. */
+export declare function rowsToItems(rows: Record<string, any>[], existingItems: Record<string, any>[], itemFields: ItemSubField[] | null | undefined): Record<string, any>[];
 /**
  * Describe an items-array block's current items. Returns null when the block
  * isn't a supported items-array type. Used by the Variables tab to decide
@@ -95,8 +114,8 @@ export type VariableGroup = {
      */
     fieldNames: string[];
     /**
-     * True when the block is a repeatable container the author has NOT set up
-     * yet — no field, no Repeat toggle, no row tokens. It owns nothing to edit,
+     * True when the block is a repeatable container that owns no variables —
+     * no field and no row tokens (the Repeat toggle alone doesn't count). It owns nothing to edit,
      * but its Repeat toggle is only reachable from its own screen, so it is
      * listed separately rather than dropped. See `isVariableBoundBlock`.
      */
@@ -314,3 +333,4 @@ export declare function sanitizeAgainstKnownTypes(doc: Record<string, any>, know
     removedTypes: string[];
     changed: boolean;
 };
+export {};

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

@@ -31,7 +31,7 @@ export declare const RESPONSIVE_PROP_KEYS: readonly ["contentAlignment", "horizo
  * {@link nativeKeysForBlock} to get the right set for a block type — never test
  * against this flat list directly.
  */
-export declare const NATIVE_DEVICE_PROP_KEYS: readonly ["columnsCount", "columnsCountTablet", "columnsCountMobile", "rowsCount", "rowsCountTablet", "rowsCountMobile", "columnsGap", "columnsGapTablet", "columnsGapMobile", "rowsGap", "desktopLayout", "tabletLayout", "mobileLayout", "columnShrink", "columnShrinkTablet", "columnShrinkMobile", "columnsDirection", "columnsDirectionTablet", "columnsDirectionMobile", "widthType", "widthTypeTablet", "widthTypeMobile", "size", "sizeTablet", "sizeMobile", "fixedWidths", "fixedWidthsTablet", "fixedWidthsMobile", "contentAlignmentTablet", "contentAlignmentMobile", "slidesPerView", "slidesPerViewTablet", "slidesPerViewMobile", "width", "widthTablet", "widthMobile", "widthUnit", "widthUnitTablet", "widthUnitMobile", "height", "heightTablet", "heightMobile", "url", "urlTablet", "urlMobile", "iconName", "iconNameTablet", "iconNameMobile", "iconFillColor", "iconFillColorTablet", "iconFillColorMobile", "enableScroll", "enableScrollTablet", "enableScrollMobile", "orientation", "orientationTablet", "orientationMobile", "dropdown", "dropdownTablet", "dropdownMobile", "direction", "directionTablet", "directionMobile", "gapTablet", "gapMobile", "alignmentTablet", "alignmentMobile", "rotation", "rotationTablet", "rotationMobile", "burgerDropdownBackgroundColor", "stickyNavTablet", "stickyNavMobile"];
+export declare const NATIVE_DEVICE_PROP_KEYS: readonly ["columnsCount", "columnsCountTablet", "columnsCountMobile", "rowsCount", "rowsCountTablet", "rowsCountMobile", "columnsGap", "columnsGapTablet", "columnsGapMobile", "rowsGap", "desktopLayout", "tabletLayout", "mobileLayout", "columnShrink", "columnShrinkTablet", "columnShrinkMobile", "columnSpan", "columnSpanTablet", "columnSpanMobile", "columnsDirection", "columnsDirectionTablet", "columnsDirectionMobile", "widthType", "widthTypeTablet", "widthTypeMobile", "size", "sizeTablet", "sizeMobile", "fixedWidths", "fixedWidthsTablet", "fixedWidthsMobile", "contentAlignmentTablet", "contentAlignmentMobile", "slidesPerView", "slidesPerViewTablet", "slidesPerViewMobile", "width", "widthTablet", "widthMobile", "widthUnit", "widthUnitTablet", "widthUnitMobile", "height", "heightTablet", "heightMobile", "url", "urlTablet", "urlMobile", "iconName", "iconNameTablet", "iconNameMobile", "iconFillColor", "iconFillColorTablet", "iconFillColorMobile", "enableScroll", "enableScrollTablet", "enableScrollMobile", "orientation", "orientationTablet", "orientationMobile", "dropdown", "dropdownTablet", "dropdownMobile", "direction", "directionTablet", "directionMobile", "gapTablet", "gapMobile", "alignmentTablet", "alignmentMobile", "rotation", "rotationTablet", "rotationMobile", "burgerDropdownBackgroundColor", "stickyNavTablet", "stickyNavMobile"];
 /**
  * The native per-device prop keys that apply to `blockType`. Unambiguous keys
  * are always native; ambiguous ones only for the block types that actually

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

@@ -8,7 +8,5 @@ export declare function getBlockScalarTokenIds(block: any): string[];
 /** Every token-bearing string on a single block. */
 export declare function blockTokenStrings(block: any): string[];
 export declare function subtreeHasRowTokens(documentTree: Record<string, any>, rootId: string): boolean;
-/** True if the author has switched the block's Repeat toggle on. */
-export declare function hasRepeatEnabled(block: any): boolean;
 export declare function isVariableBoundBlock(documentTree: Record<string, any>, blockId: string, fieldOwnerIds: Set<string>): boolean;
 export declare function classifyVariableBlock(documentTree: Record<string, any>, blockId: string, fieldOwnerIds: Set<string>): 'bound' | 'candidate' | 'none';

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

@@ -1,6 +1,7 @@
 import { PageTypes } from '../../App/hooks/constants';
 import { TEditorConfiguration } from './core';
 import { TemplateFormField, TemplateArrayRow } from './templateVariables';
+export type PreviewHostTheme = 'light' | 'dark' | 'follow';
 type TValue = {
     document: TEditorConfiguration;
     record: any | null;
@@ -8,6 +9,7 @@ type TValue = {
     selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research';
     selectedMainTab: 'editor' | 'preview' | 'json' | 'html';
     selectedScreenSize: 'desktop' | 'mobile' | 'tablet';
+    previewHostTheme: PreviewHostTheme;
     zoomLevel: number;
     minimapVisible: boolean;
     sidebarEditingDevice: 'desktop' | 'mobile' | 'tablet';
@@ -123,6 +125,8 @@ export declare function useSelectedBlockId(): string;
  * re-renders A and B, not every other block on the canvas.
  */
 export declare function useIsBlockSelected(id: string): boolean;
+export declare function usePreviewHostTheme(): PreviewHostTheme;
+export declare function setPreviewHostTheme(previewHostTheme: PreviewHostTheme): void;
 export declare function useSelectedScreenSize(): "desktop" | "tablet" | "mobile";
 export declare const ZOOM_MIN = 25;
 export declare const ZOOM_MAX = 100;
@@ -194,6 +198,12 @@ export declare function useInlineEditing(): {
     blockId: string | null;
     draft: string;
 };
+/**
+ * Boolean selector — true only while THIS block is the one being inline-edited.
+ * Prefer over useInlineEditing() in per-block components so starting/stopping
+ * an edit doesn't re-render every Text/Heading/Button on the canvas.
+ */
+export declare function useIsBlockInlineEditing(id: string): boolean;
 export declare function useHoveredBlockId(): string;
 /**
  * Boolean selector — returns true only when THIS block is the hovered one.

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

@@ -51,6 +51,12 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
                 normal: "normal";
                 bold: "bold";
             }>>>;
+            textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                none: "none";
+                underline: "underline";
+                "line-through": "line-through";
+                "underline line-through": "underline line-through";
+            }>>>;
             textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
                 right: "right";
                 left: "left";
@@ -990,6 +996,9 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
             columnShrink: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
             columnShrinkTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
             columnShrinkMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
+            columnSpan: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+            columnSpanTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+            columnSpanMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
             equalColumns: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
             columns: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
                 childrenIds: z.ZodArray<z.ZodString>;
@@ -1134,8 +1143,8 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
                 h6: "h6";
             }>>>;
             linkType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-                link: "link";
                 text: "text";
+                link: "link";
             }>>>;
             url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
             openInNewTab: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -1870,6 +1879,10 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
         }, 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";
@@ -2164,8 +2177,8 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
                 "upper-roman": "upper-roman";
             }>>>;
             numberSuffix: z.ZodPreprocess<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">]>>>;
@@ -2239,6 +2252,10 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
     MenuPicker: 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>>;
@@ -2250,6 +2267,7 @@ export declare const EditorBlock: ({ type, data }: import('@usewaypoint/document
         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>>>;

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

@@ -26,6 +26,12 @@ export type TemplateItemFieldDef = {
     /** `time` sub-fields only — 24h / AM/PM. Timezone reuses `dateTz`. */
     timeFormat?: TimeFormatPreset;
     dateTz?: string;
+    /**
+     * Items-array fields only: the block item key this sub-field writes to
+     * (e.g. MenuPicker `name` / `href`), so the variable id can be anything the
+     * author likes (`navLabel`). Falls back to `id` when absent.
+     */
+    mapsTo?: string;
 };
 export type TemplateArrayRow = Record<string, string>;
 export type TemplateFormField = {
@@ -159,6 +165,21 @@ export declare function stripTokenWrapper(html: string, { prefix, suffix }: {
     prefix: string;
     suffix: string;
 }): string;
+/**
+ * Like stripTokenWrapper, but also returns the EDITED wrapper (outermost
+ * layer) so toolbar changes made on it — e.g. clearing tablet/mobile
+ * `data-fs-*` on the wrapper span — can be written back to the block instead
+ * of being discarded with the strip. `prefix`/`suffix` are null when the
+ * wrapper couldn't be matched structurally.
+ */
+export declare function splitEditedTokenHtml(html: string, wrapper: {
+    prefix: string;
+    suffix: string;
+}): {
+    value: string;
+    prefix: string | null;
+    suffix: string | null;
+};
 /**
  * When a Text/Heading/Button block's text is a SINGLE template token
  * (`{{description}}` for a scalar field, or `{{this.sub}}` for a row sub-field
@@ -179,23 +200,18 @@ export declare function resolveEditableTokenField(rawText: string, blockId: stri
     value: string;
     apply: (next: string, forms: TemplateFormField[]) => TemplateFormField[];
 } | null;
-/**
- * Drop / repair form fields whose tokens or blocks were deleted from the editor
- * so the Variables tab stays in sync in real time.
- *
- *  - Scalar fields (text / textarea / number / image) and plain array fields
- *    (no sourceBlockId): removed when their {{id}} token no longer appears in
- *    any remaining block's text props.
- *  - Container-repeat array fields (sourceBlockId set):
- *      • sourceBlockId gone → whole field removed.
- *      • individual rowIds gone → those rows pruned.
- *
- * Returns the SAME reference when nothing changed so callers can skip a write.
- */
+/** Drop stale MenuPicker container-repeat fields. Same reference when none. */
+export declare function dropStaleMenuRepeatFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[]): TemplateFormField[];
 export declare function pruneOrphanFormFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[] | null | undefined): TemplateFormField[];
 export declare function getTextFieldsForType(type: string | undefined): string[] | undefined;
 export declare function getTemplateForms(document: TEditorConfiguration | null | undefined): TemplateFormField[];
 export declare function applyVariables(input: string | null | undefined, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null): string;
+/**
+ * Resolve {{tokens}} in MenuPicker `menuItems[]` (name/label/href, recursing
+ * into `children[]`). Returns the SAME array reference when nothing changed.
+ */
+export declare function substituteMenuItems(items: any[] | null | undefined, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null): any[] | null | undefined;
+export declare function htmlToPlainText(html: string): string;
 export declare function substituteBlockText(block: any, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null, rowIndex?: Map<string, TemplateArrayRow> | null): any;
 /**
  * Permanently substitute every token into the document and drop `formFields`

package/dist/email-builder-core/blocks/Container/ContainerReader.d.ts

@@ -1,2 +1,2 @@
 import { ContainerProps } from './ContainerPropsSchema';
-export default function ContainerReader({ style, props, blockId }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export default function ContainerReader({ style, props, responsive, blockId }: ContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts

@@ -11,6 +11,10 @@ export declare const EmailLayoutPropsSchema: z.ZodObject<{
     borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     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/email-builder-core/blocks/FlexColumns/FlexColumnsPropsSchema.d.ts

@@ -49,6 +49,9 @@ declare const FlexColumnsPropsSchema: z.ZodObject<{
         columnShrink: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
         columnShrinkTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
         columnShrinkMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
+        columnSpan: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+        columnSpanTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+        columnSpanMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
         equalColumns: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         columns: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
             childrenIds: z.ZodArray<z.ZodString>;

package/dist/email-builder-core/blocks/FlexColumns/flexColumnsHelpers.d.ts

@@ -40,6 +40,8 @@ export type DeviceLayout = {
     layout: FlexRowLayout;
     /** Per-column shrink-to-content flags, one entry per column. */
     shrink: boolean[];
+    /** Per-column 12-grid span, one entry per column; null = no span. */
+    span: (number | null)[];
     /** All non-shrink columns share the row width equally. */
     equalColumns: boolean;
     reverseColumns: boolean;
@@ -58,7 +60,7 @@ export declare function resolveDeviceLayout(props: FlexProps, device: FlexDevice
  *   equal  — take an identical share of the row, whatever the content
  *   plain  — grow from natural width
  */
-export type ColumnKind = 'plain' | 'equal' | 'shrink';
+export type ColumnKind = 'plain' | 'equal' | 'shrink' | 'span';
 /**
  * The block's complete stylesheet: structure, then one fully-restated sizing block
  * per device in ascending-specificity-free source order (desktop → tablet → mobile).
@@ -75,7 +77,7 @@ export declare function buildResponsiveRowCss(instanceClass: string, opts: {
  * owns that at every breakpoint. Kept for the editor canvas, which renders without
  * the stylesheet and needs the active device's sizing directly.
  */
-export declare function buildColumnStyle(kind: ColumnKind, stacked: boolean): CSSProperties;
+export declare function buildColumnStyle(kind: ColumnKind, stacked: boolean, span?: number | null, gap?: number): CSSProperties;
 /** The kind of a column on a given device — shared by the editor and the reader. */
 export declare function columnKindFor(index: number, device: DeviceLayout): ColumnKind;
 export {};

package/dist/email-builder-core/blocks/MenuPicker/MenuColumns.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type Props = {
+    p: any;
+    menuItems: any[];
+    menuKey: string;
+    textColor: string;
+    backgroundColor: string;
+    fontFamily?: string;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+};
+declare const MenuColumns: ({ p, menuItems, menuKey, textColor, backgroundColor, fontFamily, start, end }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MenuColumns;

package/dist/email-builder-core/blocks/MenuPicker/MenuPropsSchema.d.ts

@@ -2,6 +2,10 @@ import { z } from 'zod';
 declare const MenuPropsInnerSchema: 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 MenuPropsInnerSchema: 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>>>;
@@ -71,6 +76,10 @@ export declare const MenuPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<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>>;
@@ -82,6 +91,7 @@ export 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>>>;

package/dist/email-builder-core/renderers/themeTokens.d.ts

@@ -1,9 +1,105 @@
 /**
- * Author colors are rendered exactly as picked: there is no light/dark theming
- * of published output. These helpers are identity pass-throughs, kept so block
- * components can keep calling them without per-block churn.
+ * Host-application theme support.
+ *
+ * Published output follows the host's light/dark theme through CSS custom
+ * properties (`--pp-*`) defined by `HOST_THEME_CSS`. A color adapts only when it
+ * is rendered in a theme-role slot AND its value is null or that slot's own
+ * seed default; every other value stays literal. Light = variables undefined,
+ * so each `var(--pp-x, <literal>)` resolves to the original literal.
  */
+export type ThemeRole = 'text' | 'text-strong' | 'text-muted' | 'link' | 'surface' | 'surface-alt' | 'track' | 'border' | 'border-subtle';
+export type ThemeSlotDef = {
+    role: ThemeRole;
+    /** Values (normalized) that count as the editor-seeded default for this slot. */
+    seeds: string[];
+    /** Applied when raw is null. Without it a null raw stays undefined (inherits). */
+    nullFallback?: string;
+};
+export declare function normalizeColor(raw: string | null | undefined): string;
+/** Central registry of theme-aware slots (see host-theme-plan.md, matrix C). */
+export declare const THEME_SLOTS: {
+    readonly pageText: ThemeSlotDef;
+    readonly containerFill: ThemeSlotDef;
+    readonly layoutText: ThemeSlotDef;
+    readonly canvas: ThemeSlotDef;
+    readonly closeIcon: ThemeSlotDef;
+    readonly brandingText: ThemeSlotDef;
+    readonly blockText: ThemeSlotDef;
+    readonly listText: ThemeSlotDef;
+    readonly link: ThemeSlotDef;
+    readonly codeBg: ThemeSlotDef;
+    readonly quoteBorder: ThemeSlotDef;
+    readonly divider: ThemeSlotDef;
+    readonly tableText: ThemeSlotDef;
+    readonly tableBorder: ThemeSlotDef;
+    readonly tableHeaderBg: ThemeSlotDef;
+    readonly tableHeaderText: ThemeSlotDef;
+    readonly tableStripe: ThemeSlotDef;
+    readonly track: ThemeSlotDef;
+    readonly trackText: ThemeSlotDef;
+    readonly timerText: ThemeSlotDef;
+    readonly timerLabel: ThemeSlotDef;
+    readonly timerTrack: ThemeSlotDef;
+    readonly breadcrumbText: ThemeSlotDef;
+    readonly menuText: ThemeSlotDef;
+    readonly menuSurface: ThemeSlotDef;
+    readonly carouselArrow: ThemeSlotDef;
+    readonly carouselArrowBg: ThemeSlotDef;
+    readonly carouselArrowBorder: ThemeSlotDef;
+    readonly carouselDot: ThemeSlotDef;
+    readonly carouselDotActive: ThemeSlotDef;
+    readonly paginationBg: ThemeSlotDef;
+    readonly paginationText: ThemeSlotDef;
+    readonly paginationBorder: ThemeSlotDef;
+    readonly surface: ThemeSlotDef;
+    readonly surfaceLiteral: ThemeSlotDef;
+    readonly bgAdaptive: ThemeSlotDef;
+    readonly buttonText: ThemeSlotDef;
+    readonly borderAdaptive: ThemeSlotDef;
+    readonly borderSubtle: ThemeSlotDef;
+    readonly surfaceAlt: ThemeSlotDef;
+    readonly tabsRing: ThemeSlotDef;
+};
+export type ThemeSlotName = keyof typeof THEME_SLOTS;
+/** Dark-mode counterpart of an authored color, or null when it should stay as authored. */
+export declare function darkCounterpart(raw: string, kind: 'text' | 'bg'): string | null;
+/** True when this light solid background gets a dark counterpart (so no light lock is needed). */
+/** True when a background is effectively see-through (empty, transparent or alpha 0). */
+export declare function isClearBg(raw: string | null | undefined): boolean;
+export declare function isAdaptableBg(raw: string | null | undefined): boolean;
+type GradientKind = 'text' | 'bg' | 'border';
+export declare const gradientKindForRole: (role: ThemeRole) => GradientKind;
+/** Theme the seed colors of every gradient in `raw`; everything else is preserved verbatim. */
+export declare function themeGradient(raw: string, kind?: GradientKind): string;
+/** True when every opaque stop of the gradient adapts (so no light surface lock is needed). */
+export declare function isFullyAdaptiveGradient(raw: string, kind?: GradientKind): boolean;
+/** Resolve a raw color for a slot: var(--pp-role, literal) when adaptable, else literal. */
+export declare function themeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+export declare function useThemeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+/** Plain-function form for colors in lists/maps (no hook rules). */
+export declare function useThemeSlotter(): typeof themeSlot;
+/**
+ * Spread on the element that paints an author background. Locks the subtree to
+ * light so default text stays readable on author-painted surfaces.
+ */
+export declare function surfaceAttrs(bgRaw?: string | null, bgImage?: string | null, adaptiveSlot?: ThemeSlotName): {
+    'data-pp-surface'?: 'fixed';
+};
 export declare function useColorToken(raw: string | null | undefined): string | undefined;
-/** Plain-function form for colors that live in a list (no hook rules). */
 export declare function useColorTokenizer(): (raw: string | null | undefined) => string | undefined;
+/**
+ * Theme colors the rich-text toolbar baked into the markup (`<font color>` and
+ * inline `color:` declarations). Neutral dark text gets a light-dark() pair so it
+ * stays readable on a dark host; tinted/light colors stay as authored.
+ */
+export declare function themeHtmlColors(html: string): string;
+/** Inverse of themeHtmlColors: restores the authored color so edited HTML is saved untouched. */
+export declare function unthemeHtmlColors(html: string): string;
 export declare function useThemedHtml(html: string): string;
+/**
+ * Nearest marked element wins: marker rules DEFINE the variables on the element
+ * carrying the marker, descendants inherit. :where() keeps specificity at 0, so
+ * same-element conflicts are decided by source order (weakest first).
+ */
+export declare const HOST_THEME_CSS: string;
+export {};

package/dist/host-stubs/modules/allSlugs/allSlugsActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../_hostListShim';

package/dist/host-stubs/modules/allSlugs/allSlugsSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../_hostListShim';

package/dist/host-stubs/modules/shared/axios/authAxios.d.ts

@@ -1,6 +1,7 @@
 type AxiosLikeConfig = {
     headers?: Record<string, string>;
     params?: Record<string, unknown>;
+    signal?: AbortSignal;
 };
 type AxiosLikeResponse<T = any> = {
     data: T;

package/dist/host-stubs/modules/websiteV2/propagateFromPage.d.ts

@@ -0,0 +1,4 @@
+export type PropagateResult = {
+    updatedPages: number;
+};
+export declare const propagatePageEdits: (_websiteId: string, _pageId: string, _document: Record<string, any>) => Promise<PropagateResult>;

package/dist/host-stubs/view/shared/styles/Table.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledCellContainer: 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 StyledCellValue: 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 StyledCellValue: 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 StyledCopyIconContainer: 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>, {}, {}>;

package/dist/{index-CStZQ7E0.js → index-BONR8bWR.js}

@@ -1,4 +1,4 @@
-import { g as jl, c as fe } from "./index-B8pdGALF.js";
+import { g as jl, c as fe } from "./index-B_cb-ZLC.js";
 import { c as It } from "./_commonjs-dynamic-modules-BpilXLfW.js";
 function Xl(e, n) {
   for (var t = 0; t < n.length; t++) {