pagepilot-visual-editor 1.0.4 → 1.0.6

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

@@ -26,8 +26,81 @@ export type TemplateFormField = {
     itemFields?: TemplateItemFieldDef[];
     sourceBlockId?: string;
     rowIds?: string[];
+    /**
+     * Set on a container-repeat array field driven from the Variables tab's
+     * "Repeatable container" flow: the id of the Grid/FlexColumns/ColumnsContainer
+     * whose EMPTY slots get stamped with clones of `sourceBlockId`'s subtree.
+     * (`sourceBlockId` = the block sitting in the container's first filled slot;
+     * `rowIds` = the stamped clones' roots, one per filled empty slot.)
+     */
+    containerId?: string;
+    /**
+     * Author flag set from "Set template details" → Template Fields: marks this
+     * field's content as intended to be repeated once the template is applied
+     * (e.g. across grid cells / carousel slides). Pure metadata — carried through
+     * from the saved template record, doesn't drive any runtime behavior itself.
+     */
+    repeatable?: boolean;
+    /**
+     * The id of the block template this repeatable field is bound to — captured
+     * when the field's block is saved via the Variables-panel "Save as New
+     * Template" shortcut. Gives a reference to WHICH template drives this grid so
+     * the "Change Template" flow can key-match form fields on replace, and the
+     * Data Reference tab knows the source template.
+     */
+    templateId?: string;
+    /**
+     * "Data Reference" binding for a repeatable field: where the repetition data
+     * comes from. `custom` = the manual rows editor (default). `api`/`menu` pull
+     * an array of objects whose keys map to this field's sub-field ids; each
+     * object seeds one repeated copy. `customJson` holds the pasted JSON text for
+     * the `custom-json` source. Only meaningful when `repeatable` is set.
+     */
+    dataSource?: {
+        /** `api` = fetch an array of objects from a REST endpoint. */
+        type: 'custom' | 'custom-json' | 'api' | 'menu';
+        /** Raw JSON text for `custom-json`. */
+        customJson?: string;
+        /** Endpoint URL for the `api` source. Persisted in config. */
+        apiUrl?: string;
+        /** HTTP method for the `api` source. Only GET works today; POST is planned. */
+        apiMethod?: 'GET' | 'POST';
+        /** Selected menu id for `menu`. */
+        menuId?: string;
+    };
 };
 export declare function buildRepeatRowIndex(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[] | null | undefined): Map<string, TemplateArrayRow>;
+/**
+ * Apply `sourceHtml`'s formatting shell to `targetHtml`'s text. If the source
+ * has no formatting, returns the target unchanged (keeps the copy's text as-is).
+ */
+export declare function applyRowFormatting(sourceHtml: string, targetHtml: string): string;
+/**
+ * For each container-repeat field whose source block sits inside `sourceRootId`'s
+ * subtree, copy row 0's per-sub-field FORMATTING onto every other row (keeping
+ * each row's text). Returns a new `fields` array; unrelated fields pass through.
+ */
+export declare function syncRepeatRowFormatting(fields: TemplateFormField[], document: TEditorConfiguration | null | undefined, sourceRootId: string): TemplateFormField[];
+/**
+ * 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
+ * bound to a container-repeat block), resolve what that token currently maps to
+ * so the inline editor can edit the real value instead of the raw token.
+ *
+ * Returns:
+ *   - `value`: the current HTML/string the token resolves to (seed for editing)
+ *   - `apply(next, forms)`: produces a new `forms` array with `next` written
+ *     back to the right field / row cell. Callers persist the result via
+ *     `setTemplateForms`.
+ *
+ * Returns `null` when the block text isn't a pure single token, or the token
+ * doesn't correspond to an editable field (then the caller keeps the existing
+ * "edit the raw source" behaviour).
+ */
+export declare function resolveEditableTokenField(rawText: string, blockId: string, document: TEditorConfiguration | null | undefined, fields: TemplateFormField[] | null | undefined): {
+    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.

package/dist/email-builder-core/blocks/Accordion/AccordionPropsSchema.d.ts

@@ -1,5 +1,9 @@
 import { z } from 'zod';
 export declare const AccordionPropsSchema: 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>>;
@@ -30,6 +34,8 @@ export declare const AccordionPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>>;
         iconColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         iconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        defaultOpen: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        activeBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type AccordionProps = z.infer<typeof AccordionPropsSchema>;

package/dist/email-builder-core/blocks/AppBannerPicker/AppBannerPropsSchema.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+export declare const AppBannerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{}, z.core.$loose>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        bannerId: z.ZodDefault<z.ZodString>;
+        bannerName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        contentDocument: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type AppBannerPickerProps = z.infer<typeof AppBannerPropsSchema>;

package/dist/email-builder-core/blocks/AppBannerPicker/AppBannerReader.d.ts

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

package/dist/email-builder-core/blocks/ButtonGroup/ButtonGroupPropsSchema.d.ts

@@ -12,18 +12,37 @@ declare const ButtonGroupPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
         direction: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            row: "row";
+            column: "column";
+        }>>>;
+        directionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            row: "row";
             column: "column";
+        }>>>;
+        directionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             row: "row";
+            column: "column";
         }>>>;
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
+            start: "start";
             end: "end";
+        }>>>;
+        alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            "space-between": "space-between";
             start: "start";
+            end: "end";
+        }>>>;
+        alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
             "space-between": "space-between";
+            start: "start";
+            end: "end";
         }>>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
-        fullWidthOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;

package/dist/email-builder-core/blocks/Calendly/CalendlyPropsSchema.d.ts

@@ -1,5 +1,9 @@
 import { z } from 'zod';
 export declare const CalendlyPropsSchema: 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<{
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;

package/dist/email-builder-core/blocks/Carousel/CarouselPropsSchema.d.ts

@@ -18,6 +18,12 @@ export declare const CarouselPropsSchema: 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>>>;
         slideGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         arrowColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         arrowBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/email-builder-core/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts

@@ -21,6 +21,12 @@ declare const ColumnsContainerPropsSchema: 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<{
         columns: z.ZodTuple<[z.ZodObject<{
@@ -35,18 +41,50 @@ declare const ColumnsContainerPropsSchema: z.ZodObject<{
             fixed: "fixed";
             fit: "fit";
         }>>>;
+        widthTypeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
+        widthTypeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
         fixedWidths: z.ZodNullable<z.ZodOptional<z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>], null>>>;
+        fixedWidthsTablet: z.ZodNullable<z.ZodOptional<z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>], null>>>;
+        fixedWidthsMobile: z.ZodNullable<z.ZodOptional<z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>], null>>>;
         columnsCount: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>]>>>;
         columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsGapTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsGapMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsDirection: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             horizontal: "horizontal";
             vertical: "vertical";
         }>>>;
+        columnsDirectionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>>;
+        columnsDirectionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             top: "top";
             bottom: "bottom";
             middle: "middle";
         }>>>;
+        contentAlignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            middle: "middle";
+        }>>>;
+        contentAlignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            middle: "middle";
+        }>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export default ColumnsContainerPropsSchema;

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

@@ -4,6 +4,10 @@ export declare const ContainerPropsSchema: z.ZodObject<{
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         backgroundSize: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        backgroundRepeat: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            repeat: "repeat";
+            "no-repeat": "no-repeat";
+        }>>>;
         borderColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
             topLeft: z.ZodNumber;
@@ -17,6 +21,12 @@ export declare const ContainerPropsSchema: 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>>>;
         borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
             bottom: z.ZodNumber;
@@ -24,6 +34,10 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             left: z.ZodNumber;
         }, 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>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
         fullWidth: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -32,21 +46,60 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             fixed: "fixed";
             fit: "fit";
         }>>>;
+        widthTypeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
+        widthTypeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
         width: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        widthUnit: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            px: "px";
+            "%": "%";
+        }>>>;
+        widthTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         height: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        heightTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        heightMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         overflow: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
         tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             div: "div";
+            section: "section";
             article: "article";
+            nav: "nav";
             aside: "aside";
-            footer: "footer";
             header: "header";
+            footer: "footer";
             main: "main";
-            nav: "nav";
-            section: "section";
         }>>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         elementId: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        showLink: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        linkTarget: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            _self: "_self";
+            _blank: "_blank";
+        }>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ContainerProps = z.infer<typeof ContainerPropsSchema>;

package/dist/email-builder-core/blocks/DemoPicker/DemoPropsSchema.d.ts

@@ -0,0 +1,36 @@
+import { z } from 'zod';
+export declare const DemoPropsSchema: 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<{
+        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>>>;
+        textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        demoId: z.ZodDefault<z.ZodString>;
+        iframeSrc: z.ZodDefault<z.ZodString>;
+        width: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        height: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type DemoPickerProps = z.infer<typeof DemoPropsSchema>;

package/dist/email-builder-core/blocks/DemoPicker/DemoReader.d.ts

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

package/dist/email-builder-core/blocks/{PagePilotLayout/PagePilotLayoutPropsSchema.d.ts → EmailLayout/EmailLayoutPropsSchema.d.ts}

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-export declare const PagePilotLayoutPropsSchema: z.ZodObject<{
+export declare const EmailLayoutPropsSchema: z.ZodObject<{
     formFields: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         name: z.ZodString;
@@ -53,6 +53,40 @@ export declare const PagePilotLayoutPropsSchema: 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>>>;
+    maxWidthTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    maxWidthMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    maxHeightTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    maxHeightMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    paddingTablet: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+    paddingMobile: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+    marginTablet: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+    marginMobile: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
     borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         top: z.ZodNumber;
         bottom: z.ZodNumber;
@@ -99,5 +133,10 @@ export declare const PagePilotLayoutPropsSchema: z.ZodObject<{
     }, z.core.$loose>>>;
     linkHref: z.ZodDefault<z.ZodOptional<z.ZodString>>;
     backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodDefault<z.ZodString>>>;
+    backgroundSize: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    backgroundRepeat: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        repeat: "repeat";
+        "no-repeat": "no-repeat";
+    }>>>;
 }, z.core.$strip>;
-export type PagePilotLayoutProps = z.infer<typeof PagePilotLayoutPropsSchema>;
+export type EmailLayoutProps = z.infer<typeof EmailLayoutPropsSchema>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { EmailLayoutProps } from './EmailLayoutPropsSchema';
+export default function EmailLayoutReader(props: EmailLayoutProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+export type LayoutDevice = 'desktop' | 'tablet' | 'mobile';
+export type Padding = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type Margin = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+/** The subset of EmailLayout props this module reads. */
+export type ResponsiveLayoutProps = {
+    maxWidth?: string | null;
+    maxWidthTablet?: string | null;
+    maxWidthMobile?: string | null;
+    maxHeight?: string | null;
+    maxHeightTablet?: string | null;
+    maxHeightMobile?: string | null;
+    padding?: Padding | null;
+    paddingTablet?: Padding | null;
+    paddingMobile?: Padding | null;
+    margin?: Margin | null;
+    marginTablet?: Margin | null;
+    marginMobile?: Margin | null;
+};
+/** Everything the root layout needs, already resolved for one device. */
+export type ResolvedLayout = {
+    maxWidth: string | null;
+    maxHeight: string | null;
+    padding: Padding | null;
+    margin: Margin | null;
+};
+/** The logical (unsuffixed) names of the root's per-device props. */
+export declare const RESPONSIVE_LAYOUT_KEYS: readonly ["maxWidth", "maxHeight", "padding", "margin"];
+/** Resolve one logical key for a device, walking mobile -> tablet -> desktop. */
+export declare function resolveLayoutValue<K extends 'maxWidth' | 'maxHeight' | 'padding' | 'margin'>(props: ResponsiveLayoutProps | null | undefined, key: K, device: LayoutDevice): ResponsiveLayoutProps[K] | null;
+/** The full effective layout for one device. */
+export declare function resolveLayoutForDevice(props: ResponsiveLayoutProps | null | undefined, device: LayoutDevice): ResolvedLayout;
+/** True when this device carries at least one authored override of its own. */
+export declare function hasLayoutOverride(props: ResponsiveLayoutProps | null | undefined, device: Exclude<LayoutDevice, 'desktop'>): boolean;
+/** Strip every override this device authored, so it inherits again. */
+export declare function clearLayoutOverride<T extends ResponsiveLayoutProps>(props: T, device: Exclude<LayoutDevice, 'desktop'>): T;
+export declare function buildLayoutResponsiveCss(instanceClass: string, props: ResponsiveLayoutProps | null | undefined, desktopWidthFallback?: string): string;

package/dist/email-builder-core/blocks/FaqPicker/FaqPickerPropsSchema.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+export declare const FaqPickerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{}, z.core.$loose>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        faqGroupId: z.ZodDefault<z.ZodString>;
+        faqGroupName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        contentDocument: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type FaqPickerProps = z.infer<typeof FaqPickerPropsSchema>;

package/dist/email-builder-core/blocks/FaqPicker/FaqReader.d.ts

@@ -0,0 +1,3 @@
+import { FaqPickerProps } from './FaqPickerPropsSchema';
+declare const FaqReader: ({ props: blockProps }: FaqPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default FaqReader;

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

@@ -8,6 +8,12 @@ declare const FlexColumnsPropsSchema: 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;
@@ -23,21 +29,36 @@ declare const FlexColumnsPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
-        columnsCount: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>]>>>;
+        columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        desktopLayout: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            wrap: "wrap";
+            row: "row";
+        }>>>;
+        mobileLayout: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            wrap: "wrap";
+            row: "row";
+        }>>>;
+        tabletLayout: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            wrap: "wrap";
+            row: "row";
+        }>>>;
         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>>>;
         equalColumns: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         columns: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
             childrenIds: z.ZodArray<z.ZodString>;
         }, z.core.$strip>>>>;
         align: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
-            "flex-end": "flex-end";
             "flex-start": "flex-start";
+            "flex-end": "flex-end";
             stretch: "stretch";
         }>>>;
         reverseColumns: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        repeatableEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export default FlexColumnsPropsSchema;

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

@@ -1,2 +1,8 @@
 import { FlexColumnsProps } from './FlexColumnsPropsSchema';
+/**
+ * The published page is static HTML — no re-render per device — so ALL layout
+ * (including per-device shrink and row/stack) is expressed as CSS. The markup
+ * carries no sizing at all: `buildResponsiveRowCss` addresses columns by position,
+ * which is what lets a column shrink on mobile but not on desktop.
+ */
 export default function FlexColumnsReader({ style, props }: FlexColumnsProps): import("react/jsx-runtime").JSX.Element;