pagepilot-visual-editor 1.0.4 → 1.0.6

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

@@ -1,5 +1,30 @@
 import { CSSProperties } from 'react';
 import { FlexColumnsProps } from './FlexColumnsPropsSchema';
+/**
+ * FlexColumns layout model
+ * ========================
+ * ONE source of truth: the per-instance stylesheet this module emits owns ALL
+ * row/column sizing, at every breakpoint. Inline styles deliberately set NOTHING
+ * that the CSS also sets — otherwise the two fight and you need `!important` to
+ * settle it, which is how this block historically broke.
+ *
+ * Consequences of that rule, and why the code looks the way it does:
+ *
+ * - Sizing is emitted once per DEVICE (desktop / tablet / mobile), never "base +
+ *   patches". Each device block fully restates every column kind, so a device is
+ *   never at the mercy of what an earlier block happened to leave behind.
+ *
+ * - Every sizing selector is written at the SAME specificity (see `colSelectors`).
+ *   `@media` adds no specificity, so a device rule can only beat the desktop rule
+ *   if it matches it exactly. Uniform specificity + source order (desktop, then
+ *   tablet, then mobile) makes the cascade predictable and removes `!important`.
+ *
+ * - Column KIND (plain / equal / shrink) is expressed by `:nth-child(n)`, not by a
+ *   class. A class is baked once at render and cannot differ per breakpoint in
+ *   static HTML — so a column that shrinks only on mobile is unrepresentable as a
+ *   class, and the old code had to undo the baked class with override rules.
+ *   Addressing columns positionally lets each breakpoint state its own truth.
+ */
 export declare function borderRadiusToCss(br: number | {
     topLeft: number;
     topRight: number;
@@ -7,4 +32,49 @@ export declare function borderRadiusToCss(br: number | {
     bottomLeft: number;
 } | null | undefined): string | undefined;
 export declare function buildWrapperStyle(style: FlexColumnsProps['style']): CSSProperties;
-export declare function buildColumnStyle(shrink?: boolean, equal?: boolean): CSSProperties;
+export type FlexRowLayout = 'wrap' | 'row';
+export type FlexDevice = 'desktop' | 'tablet' | 'mobile';
+/** Everything the layout depends on, already resolved for one device. */
+export type DeviceLayout = {
+    /** 'row' = columns side by side; 'wrap' = each column on its own full-width line. */
+    layout: FlexRowLayout;
+    /** Per-column shrink-to-content flags, one entry per column. */
+    shrink: boolean[];
+    /** All non-shrink columns share the row width equally. */
+    equalColumns: boolean;
+    reverseColumns: boolean;
+};
+type FlexProps = FlexColumnsProps['props'];
+/**
+ * Resolve the layout for one device. Per-device props inherit: tablet falls back
+ * to desktop, mobile falls back to tablet. `shrink` is always `columnsCount` long
+ * so callers can index it without bounds checks.
+ */
+export declare function resolveDeviceLayout(props: FlexProps, device: FlexDevice, columnsCount: number): DeviceLayout;
+/**
+ * How a column sizes itself in a side-by-side row:
+ *   shrink — hug content
+ *   equal  — take an identical share of the row, whatever the content
+ *   plain  — grow from natural width
+ */
+export type ColumnKind = 'plain' | 'equal' | 'shrink';
+/**
+ * The block's complete stylesheet: structure, then one fully-restated sizing block
+ * per device in ascending-specificity-free source order (desktop → tablet → mobile).
+ * All selectors sit at the same specificity, so later simply wins — no `!important`.
+ */
+export declare function buildResponsiveRowCss(instanceClass: string, opts: {
+    columnsCount: number;
+    desktop: DeviceLayout;
+    tablet: DeviceLayout;
+    mobile: DeviceLayout;
+}): string;
+/**
+ * Inline style for a column. Intentionally carries NO sizing — `buildResponsiveRowCss`
+ * 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;
+/** 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/FormsPicker/FormsPropsSchema.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+export declare const FormsPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{}, z.core.$loose>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        formId: z.ZodDefault<z.ZodString>;
+        formName: z.ZodDefault<z.ZodString>;
+        iframeSrc: z.ZodDefault<z.ZodString>;
+        width: z.ZodDefault<z.ZodString>;
+        height: z.ZodDefault<z.ZodString>;
+        heightTablet: z.ZodOptional<z.ZodString>;
+        heightMobile: z.ZodOptional<z.ZodString>;
+        alignment: z.ZodDefault<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type FormsPickerProps = z.infer<typeof FormsPropsSchema>;

package/dist/email-builder-core/blocks/FormsPicker/FormsReader.d.ts

@@ -0,0 +1,3 @@
+import { FormsPickerProps } from './FormsPropsSchema';
+declare const FormsReader: ({ props, style }: FormsPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default FormsReader;

package/dist/email-builder-core/blocks/Grid/GridPropsSchema.d.ts

@@ -8,6 +8,12 @@ declare const GridPropsSchema: z.ZodObject<{
             bottom: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: 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.ZodObject<{
             topLeft: z.ZodNumber;
             topRight: z.ZodNumber;
@@ -25,7 +31,13 @@ declare const GridPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         cells: z.ZodArray<z.ZodObject<{
             childrenIds: z.ZodArray<z.ZodString>;
+            colStart: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            colSpan: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            rowStart: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            rowSpan: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         }, z.core.$strip>>;
+        columnsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>]>>>;
+        columnsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>]>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             top: "top";
             bottom: "bottom";
@@ -37,8 +49,6 @@ declare const GridPropsSchema: z.ZodObject<{
             center: "center";
         }>>>;
         columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
-        columnsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
-        columnsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rowsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

package/dist/email-builder-core/blocks/Marquee/MarqueePropsSchema.d.ts

@@ -1,8 +1,18 @@
 import { z } from 'zod';
 export 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>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: 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;
@@ -15,6 +25,12 @@ export declare const MarqueePropsSchema: 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>>>;
         itemGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{

package/dist/email-builder-core/blocks/Marquee/MarqueeReader.d.ts

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

package/dist/email-builder-core/blocks/Marquee/marqueeMotion.d.ts

@@ -0,0 +1,40 @@
+export type MarqueeMotion = {
+    speed: number;
+    pauseOnHover: boolean;
+    fadeEdges: boolean;
+    itemGap: number;
+};
+export type ResponsiveSlices = {
+    tablet?: {
+        style?: Record<string, any>;
+        props?: Record<string, any>;
+    } | null;
+    mobile?: {
+        style?: Record<string, any>;
+        props?: Record<string, any>;
+    } | null;
+} | null | undefined;
+type ResponsiveDevice = 'tablet' | 'mobile';
+export declare const clampRepeat: (v: unknown) => number;
+export declare const isVerticalDirection: (direction: string) => direction is "up" | "down";
+/** The gradient that fades the marquee's leading/trailing edges. */
+export declare const fadeMask: (isVertical: boolean) => "linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent)" | "linear-gradient(to right, transparent, #000 12%, #000 88%, transparent)";
+/** The block's own (desktop) motion — the base every device inherits from. */
+export declare function desktopMotion(style: Record<string, any> | null | undefined, props: Record<string, any> | null | undefined): MarqueeMotion;
+/**
+ * A device's motion: its own overrides layered on desktop. Tablet and Mobile
+ * each inherit from DESKTOP (not from each other) — the same rule the editor's
+ * `resolveBlockDataForDevice` follows, so canvas and published page agree.
+ */
+export declare function deviceMotion(responsive: ResponsiveSlices, device: ResponsiveDevice, desktop: MarqueeMotion): MarqueeMotion;
+export type MarqueeCssArgs = {
+    /** Per-instance class the rules are scoped to (also the keyframes' name prefix). */
+    instanceId: string;
+    direction: string;
+    repeat: number;
+    desktop: MarqueeMotion;
+    responsive: ResponsiveSlices;
+};
+/** The whole scoped stylesheet for one marquee instance, breakpoints included. */
+export declare function buildMarqueeCss({ instanceId, direction, repeat, desktop, responsive, }: MarqueeCssArgs): string;
+export {};

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

@@ -0,0 +1,87 @@
+import { z } from 'zod';
+declare const MenuPropsInnerSchema: z.ZodObject<{
+    menuId: z.ZodDefault<z.ZodString>;
+    useCustomMenu: z.ZodDefault<z.ZodBoolean>;
+    stickyNav: z.ZodDefault<z.ZodBoolean>;
+    position: z.ZodDefault<z.ZodEnum<{
+        right: "right";
+        left: "left";
+        center: "center";
+    }>>;
+    orientation: z.ZodDefault<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    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>>>;
+    endChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+    layout: z.ZodDefault<z.ZodEnum<{
+        "menu-only": "menu-only";
+        "logo-menu": "logo-menu";
+        "menu-cta": "menu-cta";
+        "logo-menu-cta": "logo-menu-cta";
+    }>>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    textColor: z.ZodDefault<z.ZodString>;
+    fontSize: z.ZodDefault<z.ZodString>;
+    fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    fontWeight: z.ZodDefault<z.ZodString>;
+    padding: z.ZodDefault<z.ZodString>;
+    blockPadding: 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>;
+}, z.core.$strip>;
+export declare const MenuPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{}, z.core.$loose>>>;
+    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>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        menuId: z.ZodDefault<z.ZodString>;
+        useCustomMenu: z.ZodDefault<z.ZodBoolean>;
+        stickyNav: z.ZodDefault<z.ZodBoolean>;
+        position: z.ZodDefault<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>;
+        orientation: z.ZodDefault<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>;
+        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>>>;
+        endChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        layout: z.ZodDefault<z.ZodEnum<{
+            "menu-only": "menu-only";
+            "logo-menu": "logo-menu";
+            "menu-cta": "menu-cta";
+            "logo-menu-cta": "logo-menu-cta";
+        }>>;
+        backgroundColor: z.ZodDefault<z.ZodString>;
+        textColor: z.ZodDefault<z.ZodString>;
+        fontSize: z.ZodDefault<z.ZodString>;
+        fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        fontWeight: z.ZodDefault<z.ZodString>;
+        padding: z.ZodDefault<z.ZodString>;
+        blockPadding: 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>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type MenuPickerProps = z.infer<typeof MenuPropsSchema>;
+export type MenuPickerInnerProps = z.infer<typeof MenuPropsInnerSchema>;
+export {};

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

@@ -0,0 +1,3 @@
+import { MenuPickerProps } from './MenuPropsSchema';
+declare const MenuReader: ({ props: p }: MenuPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuReader;

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

@@ -0,0 +1,27 @@
+/**
+ * Block-owned CSS for the Menu (header) block: the burger toggle, the collapsed
+ * mobile dropdown, and the base chrome the burger needs.
+ *
+ * This used to live in `renderDynamicCss.ts` as a global `.ahd-page-root
+ * .ahd-menu` stylesheet, duplicated verbatim across an `@media` and a
+ * `@container ahd-page` block. Two problems with that:
+ *
+ *  1. It hardcoded `padding: 8px 16px !important` on the nav at mobile, which
+ *     stomped the author's own `blockPadding` — the same class of bug as the
+ *     Container block's hardcoded mobile padding. The author's value now wins:
+ *     the collapse rules no longer touch padding at all.
+ *  2. Being global, it applied to every menu on the page identically and could
+ *     not vary per instance. Scoping to the block's `menuKey` lets each header
+ *     carry its own dropdown background and breakpoint.
+ *
+ * Emitted as a per-instance `<style>` by MenuReader, alongside the sticky CSS.
+ * Selectors are scoped to `.ahd-menu-<menuKey>` so one header's rules can never
+ * reach another's.
+ *
+ * The `@container ahd-page` copy is kept: the editor canvas and the preview
+ * iframe size the page by container width, not viewport width, so a viewport-only
+ * `@media` never fires there and the burger would never appear while editing.
+ */
+export declare function buildMenuResponsiveCss(menuKey: string, opts?: {
+    dropdownBackground?: string | null;
+}): string;

package/dist/email-builder-core/blocks/Pagination/PaginationPropsSchema.d.ts

@@ -0,0 +1,119 @@
+import { z } from 'zod';
+declare const PaginationPageSchema: z.ZodObject<{
+    contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+}, z.core.$strip>;
+declare const PaginationCellSchema: z.ZodObject<{
+    childrenIds: z.ZodArray<z.ZodString>;
+}, z.core.$strip>;
+export declare const PaginationPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: 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;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        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>>>;
+        itemGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        controlGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        controlAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+            "space-between": "space-between";
+        }>>>;
+        buttonSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        buttonGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        buttonRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        buttonBg: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        buttonColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        buttonBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        activeButtonBg: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        activeButtonColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        activeButtonBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        arrowColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        }, z.core.$strip>>>>;
+        cells: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            childrenIds: z.ZodArray<z.ZodString>;
+        }, z.core.$strip>>>>;
+        columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            middle: "middle";
+        }>>>;
+        horizontalAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        cellsPerPage: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        repeatableEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        pageParam: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        syncUrl: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        showNumbers: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        showPrevNext: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        showFirstLast: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        maxVisiblePages: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        prevLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        nextLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        firstLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        lastLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        scrollToTopOnChange: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        explicitFirstPage: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type PaginationProps = z.infer<typeof PaginationPropsSchema>;
+export type PaginationPage = z.infer<typeof PaginationPageSchema>;
+export type PaginationCell = z.infer<typeof PaginationCellSchema>;
+/** Defaults for a newly-added Pagination block's grid. */
+export declare const PAGINATION_GRID_DEFAULTS: {
+    columnsCount: number;
+    rowsCount: number;
+    cellsPerPage: number;
+};
+/** The device the editor preview / reader CSS is resolving columns/rows for. */
+export type PaginationDevice = 'desktop' | 'tablet' | 'mobile';
+type PaginationGridProps = NonNullable<PaginationProps['props']>;
+/**
+ * Resolve the grid for a given device: its columns/rows (with per-device
+ * fallbacks) and the flat cell pool, padded to at least columnsCount×rowsCount
+ * so the base grid always has a full first page of drop-zones.
+ *
+ * Back-compat: a legacy block (no `cells`, only `items[].contentChildrenIds`)
+ * flattens every legacy page's children into the cell pool so it still renders.
+ */
+export declare function resolvePaginationGrid(props: PaginationGridProps | null | undefined, device?: PaginationDevice): {
+    columnsCount: number;
+    rowsCount: number;
+    cells: PaginationCell[];
+};
+export declare function resolveCellsPerPage(props: PaginationGridProps | null | undefined, device?: PaginationDevice): number;
+export declare function slicePagesFromCells(cells: PaginationCell[], cellsPerPage: number): PaginationCell[][];
+export {};

package/dist/email-builder-core/blocks/Pagination/PaginationReader.d.ts

@@ -0,0 +1,2 @@
+import { PaginationProps } from './PaginationPropsSchema';
+export default function PaginationReader({ style, props }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/email-builder-core/blocks/Pagination/paginationShared.d.ts

@@ -0,0 +1,74 @@
+import { PaginationProps } from './PaginationPropsSchema';
+/**
+ * Single source of truth for Pagination defaults and paging math, shared by the
+ * editor preview (PaginationEditor) and the published output (PaginationReader +
+ * the runtime script). Keeping it here means the editor preview always matches
+ * what a visitor sees, and the runtime script derives the same page ranges.
+ */
+export type PaginationResolved = {
+    pageParam: string;
+    syncUrl: boolean;
+    showNumbers: boolean;
+    showPrevNext: boolean;
+    showFirstLast: boolean;
+    maxVisiblePages: number;
+    scrollToTopOnChange: boolean;
+    explicitFirstPage: boolean;
+    prevLabel: string;
+    nextLabel: string;
+    firstLabel: string;
+    lastLabel: string;
+    itemGap: number;
+    controlGap: number;
+    controlAlign: 'left' | 'center' | 'right' | 'space-between';
+    buttonSize: number;
+    buttonGap: number;
+    buttonRadius: number;
+    buttonBg: string;
+    buttonColor: string;
+    buttonBorderColor: string;
+    activeButtonBg: string;
+    activeButtonColor: string;
+    activeButtonBorderColor: string;
+    arrowColor: string;
+    fontSize: number;
+    fontFamily: string | undefined;
+};
+export declare const PAGINATION_DEFAULTS: {
+    pageParam: string;
+    syncUrl: boolean;
+    showNumbers: boolean;
+    showPrevNext: boolean;
+    showFirstLast: boolean;
+    maxVisiblePages: number;
+    scrollToTopOnChange: boolean;
+    explicitFirstPage: boolean;
+    prevLabel: string;
+    nextLabel: string;
+    firstLabel: string;
+    lastLabel: string;
+    itemGap: number;
+    controlGap: number;
+    controlAlign: "center";
+    buttonSize: number;
+    buttonGap: number;
+    buttonRadius: number;
+    buttonBg: string;
+    buttonColor: string;
+    buttonBorderColor: string;
+    activeButtonBg: string;
+    activeButtonColor: string;
+    activeButtonBorderColor: string;
+    arrowColor: string;
+    fontSize: number;
+};
+export declare function resolvePaginationProps({ style, props }: PaginationProps): PaginationResolved;
+export declare function pageCountOf(pageLen: number): number;
+/**
+ * The list of page tokens to render for `current` (1-based) out of `total`,
+ * collapsing overflow with an ellipsis when `maxVisible` (>0) is exceeded.
+ * First and last page are always kept so the range stays navigable.
+ * Returns 1-based page numbers, with the string 'ellipsis' as a gap marker.
+ */
+export declare function buildPageItems(current: number, total: number, maxVisible: number): Array<number | 'ellipsis'>;
+export declare function clampPage(page: number, total: number): number;

package/dist/email-builder-core/blocks/Table/TablePropsSchema.d.ts

@@ -0,0 +1,48 @@
+import { z } from 'zod';
+export declare const TablePropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        color: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        cellPadding: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        headerBackground: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        headerColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        rows: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columns: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        hasHeader: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        cells: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        caption: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        width: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type TableProps = z.infer<typeof TablePropsSchema>;
+export declare const TableDefaults: {
+    rows: number;
+    columns: number;
+    hasHeader: boolean;
+    width: "100%";
+    borderColor: string;
+    borderWidth: number;
+    cellPadding: number;
+    headerBackground: string;
+    headerColor: string;
+    color: string;
+    fontSize: number;
+};
+export declare function buildDefaultCells(rows: number, columns: number, hasHeader: boolean): string[];

package/dist/email-builder-core/blocks/Table/TableReader.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TableProps, buildDefaultCells } from './TablePropsSchema';
+type CellOverrideRenderer = (args: {
+    row: number;
+    col: number;
+    value: string;
+    isHeader: boolean;
+}) => React.ReactNode;
+export type TableReaderProps = TableProps & {
+    renderCell?: CellOverrideRenderer;
+};
+export default function TableReader({ style, props, renderCell }: TableReaderProps): import("react/jsx-runtime").JSX.Element;
+export { buildDefaultCells };

package/dist/email-builder-core/blocks/TabsBlock/TabsBlockPropsSchema.d.ts

@@ -4,6 +4,10 @@ declare const TabsBlockItemSchema: z.ZodObject<{
     contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
 }, z.core.$strip>;
 export declare const TabsBlockPropsSchema: 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>>;
@@ -36,6 +40,14 @@ export declare const TabsBlockPropsSchema: z.ZodObject<{
             horizontal: "horizontal";
             vertical: "vertical";
         }>>>;
+        orientationTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>>;
+        orientationMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>>;
         behavior: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             showSelectedSection: "showSelectedSection";
             scrollToSelectedSection: "scrollToSelectedSection";