pagepilot-visual-editor 1.0.5 → 1.0.7

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

@@ -12,18 +12,37 @@ export declare const ButtonGroupPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         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/blocks-internal/block-columns-container/src/index.d.ts

@@ -9,6 +9,12 @@ export 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<{
         widthType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
@@ -16,18 +22,50 @@ export 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>;
 type TColumn = React.JSX.Element | React.JSX.Element[] | null;

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

@@ -1,10 +1,14 @@
-import { default as React } from 'react';
+import * as React from 'react';
 import * as z from 'zod';
 export declare const ContainerPropsSchema: z.ZodObject<{
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         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;
@@ -18,6 +22,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;
@@ -32,31 +42,59 @@ 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<{
-            _blank: "_blank";
             _self: "_self";
+            _blank: "_blank";
         }>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
@@ -67,6 +105,7 @@ export declare const ContainerPropsDefaults: {
     readonly fullWidth: false;
     readonly widthType: "fit";
     readonly width: 300;
+    readonly widthUnit: "px";
     readonly alignment: "left";
 };
 export declare function Container({ style, props, children }: ContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,6 +8,12 @@ export declare const DividerPropsSchema: 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<{
         lineColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;

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

@@ -9,6 +9,12 @@ export declare const GridPropsSchema: 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<{
         columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

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

@@ -55,12 +55,12 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            bold: "bold";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
             normal: "normal";
-            bold: "bold";
         }>>>;
         fontStyle: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             normal: "normal";
@@ -68,8 +68,8 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         }>>>;
         textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             none: "none";
-            "line-through": "line-through";
             underline: "underline";
+            "line-through": "line-through";
             "underline line-through": "underline line-through";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
@@ -96,3 +96,4 @@ export declare const HeadingPropsDefaults: {
     readonly openInNewTab: false;
 };
 export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 16 | 32 | 20 | 24 | 18 | 14;

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

@@ -46,6 +46,12 @@ export declare const HtmlPropsSchema: 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<{
         contents: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -1,5 +1,9 @@
 import { z } from 'zod';
 export declare const IframePropsSchema: 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/blocks-internal/block-image/src/index.d.ts

@@ -16,15 +16,23 @@ export declare const ImagePropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         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>>;
         widthType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             fill: "fill";
             fixed: "fixed";
             fit: "fit";
         }>>>;
         url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        urlTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        urlMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -46,16 +54,26 @@ export declare const ImagePropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        rotation: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rotationTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rotationMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconFillColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ImageProps = z.infer<typeof ImagePropsSchema>;
 export declare const ImagePropsDefaults: {
     readonly widthType: "fit";
     readonly width: 300;
+    readonly widthUnit: "px";
     readonly widthTablet: any;
     readonly widthMobile: any;
     readonly height: any;
+    readonly heightTablet: any;
+    readonly heightMobile: any;
     readonly url: "";
+    readonly urlTablet: any;
+    readonly urlMobile: any;
     readonly alt: "";
     readonly decorative: false;
     readonly linkHref: any;
@@ -63,5 +81,6 @@ export declare const ImagePropsDefaults: {
     readonly borderRadius: 0;
     readonly borderColor: any;
     readonly borderWidth: any;
+    readonly rotation: 0;
 };
 export declare function Image({ style, props }: ImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -16,6 +16,8 @@ export declare const LogoPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        urlTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        urlMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -35,11 +37,19 @@ export declare const LogoPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconNameTablet: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconNameMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconFillColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        iconFillColorTablet: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        iconFillColorMobile: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type LogoProps = z.infer<typeof LogoPropsSchema>;
 export declare const LogoPropsDefaults: {
     readonly url: "";
+    readonly urlTablet: any;
+    readonly urlMobile: any;
     readonly alt: "Logo";
     readonly decorative: false;
     readonly linkHref: "https://pagepilot.fabbuilder.com/";
@@ -49,15 +59,18 @@ export declare const LogoPropsDefaults: {
     readonly borderRadius: 0;
     readonly borderColor: any;
     readonly borderWidth: any;
+    readonly iconName: any;
+    readonly iconNameTablet: any;
+    readonly iconNameMobile: any;
+    readonly iconFillColor: any;
+    readonly iconFillColorTablet: any;
+    readonly iconFillColorMobile: any;
 };
 /**
  * The Logo block renders an image at a fixed pixel width that the author
- * controls per breakpoint. Unlike the Image block, the page CSS does NOT
- * force `width: 100%` on logos at any breakpoint — instead, per-breakpoint
- * widths are set via CSS custom properties on the wrapper:
- *   --ahd-logo-w        desktop width
- *   --ahd-logo-w-tablet tablet width  (≤1024px)
- *   --ahd-logo-w-mobile mobile width  (≤600px)
- * The logo CSS in renderDynamicCss reads these and applies them per breakpoint.
+ * controls per breakpoint. Like the Image block, it emits its OWN scoped
+ * `@media` CSS (keyed off a per-instance class) for the tablet/mobile widths —
+ * the global page CSS carries only overflow guards and must not set a width,
+ * or the two would fight at different breakpoints.
  */
 export declare function Logo({ style, props }: LogoProps): import("react/jsx-runtime").JSX.Element;

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

@@ -16,9 +16,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            both: "both";
-            numeric: "numeric";
             dots: "dots";
+            numeric: "numeric";
+            both: "both";
         }>>>;
         totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

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

@@ -36,12 +36,12 @@ export declare const TextPropsSchema: z.ZodObject<{
             BEBAS_NEUE: "BEBAS_NEUE";
         }>>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            bold: "bold";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
             normal: "normal";
-            bold: "bold";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             right: "right";

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

@@ -17,6 +17,10 @@ export declare const VideoPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         width: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
         height: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        widthTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        widthMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        heightTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        heightMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
         url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -17,6 +17,10 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         width: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         height: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        widthTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        widthMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        heightTablet: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
+        heightMobile: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;
         url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor/Shell.d.ts

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

package/dist/editor/blockToggles.d.ts

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

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

@@ -0,0 +1,21 @@
+import { PagepilotApiClient } from '../../api/PagepilotApiClient';
+import { PageRecord } from '../types';
+interface PagePublishDialogProps {
+    open: boolean;
+    onClose: () => void;
+    record: PageRecord;
+    apiClient: PagepilotApiClient | null;
+    /**
+     * Called when the user hits Save Draft or Publish. Should trigger the
+     * matching Shell action (`runPublishAction`) — the dialog awaits it and
+     * only closes on `true`.
+     */
+    onSubmit: (action: "save" | "publish", opts: {
+        schedule: {
+            startDate: Date | null;
+            endDate: Date | null;
+        };
+    }) => Promise<boolean>;
+}
+export default function PagePublishDialog({ open, onClose, record, apiClient, onSubmit, }: PagePublishDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { Theme } from '@mui/material';
 import { EditorPanelToggles } from '../editor-sample/App/InspectorDrawer/EditorBehavior';
 import { BlockToggles } from './blockToggles';
+import { PagepilotApiConfig } from '../api/PagepilotApiClient';
 export interface PageRecord {
     /** Stable record id. */
     id?: string;
@@ -75,7 +76,20 @@ export interface TopbarToggles {
     sectionsDropdown?: boolean;
     undo?: boolean;
     redo?: boolean;
+    /**
+     * "Deselect block" button — auto-hides when nothing is selected on the
+     * canvas. Clicking clears `selectedBlockId`, collapsing the block's
+     * TuneMenu / handles. Matches ahd-fe's `TabUnselectedOutlined` button.
+     */
+    unselect?: boolean;
     save?: boolean;
+    /**
+     * Desktop / Tablet / Mobile icon toggle that constrains the canvas
+     * preview width and keeps the sidebar's per-device tabs in sync. Same
+     * three-way icon strip you see in most modern page editors. Defaults
+     * to `true`.
+     */
+    screenSize?: boolean;
     /** Sun/moon button that flips between the built-in light + dark themes
      *  at runtime. Defaults to `true`. Hidden automatically when the host
      *  passes a custom `theme` prop, since flipping `mode` won't affect it. */
@@ -108,6 +122,62 @@ export interface PagePilotEditorProps {
     translations?: Record<string, string>;
     topbar?: TopbarToggles;
     blocks?: BlockToggles;
+    /**
+     * Service-account API config. Follows the same auth pattern as
+     * ahd-fe's `CreateMenuAndPageModal` — pass a base URL, tenant id, and
+     * pre-issued bearer token, and every save / publish call is sent as:
+     *
+     * ```ts
+     * fetch(`${baseUrl}/tenant/${tenantId}/page/${record.id}`, {
+     *   method: "PUT",
+     *   headers: {
+     *     "Content-Type": "application/json",
+     *     Authorization: `Bearer ${authToken}`,
+     *   },
+     *   body: JSON.stringify({ id: record.id, data: record }),
+     * });
+     * ```
+     *
+     * When set, the editor:
+     *   - saves via `PUT /tenant/:tenantId/page/:id` on the pagepilot API
+     *     (matches `PageService.update`).
+     *   - publishes with the same PUT plus `status: "live"` (matches
+     *     ahd-fe's publish dialog).
+     *   - shows the Layout panel's Templates + Saved tabs, backed by
+     *     `/global-template` and `/tenant/:tenantId/mytemplate`.
+     *
+     * `onSaveChanges` / `onPublish` still fire *after* a successful API
+     * write, so hosts can react to the persisted state (e.g. clear a redux
+     * dirty flag, refresh a listing). `record.id` must be a real backend
+     * id — the built-in `"doc-1"` seed is skipped to keep the demo record
+     * from hitting the API.
+     */
+    apiConfig?: PagepilotApiConfig;
+    /**
+     * Base URL used for the Templates tab's public `/global-template` fetch.
+     * The endpoint is unauthenticated — no tenant id or bearer token — so the
+     * tab works even when `apiConfig` isn't wired. Defaults to
+     * `DEFAULT_GLOBAL_TEMPLATES_BASE_URL` (`https://pagepilot.fabbuilder.com/api`);
+     * when `apiConfig.baseUrl` is present it wins so the authed and public
+     * calls hit the same origin.
+     */
+    globalTemplatesBaseUrl?: string;
+    /**
+     * Fired when a save or publish through `apiConfig` fails (network
+     * error, non-2xx response, invalid credentials, missing page id, etc.).
+     * Without this callback, failures are only surfaced via `console.error`
+     * and the Save button stays "dirty" — the host has no other signal.
+     * Use it to show a toast, redirect to a login screen, or re-issue the
+     * service-account token.
+     */
+    onApiError?: (error: Error, action: "save" | "publish") => void;
+    /**
+     * Fired when the user clicks "Upgrade" on the Variables-panel paywall
+     * (Variables tab is gated behind `tenant.plan === proCombo | enterprise`).
+     * Use it to open your billing / upgrade UI. Without this callback the
+     * button is a no-op and a message is logged to the console.
+     */
+    onUpgrade?: () => void;
     onUpdateRecord?: (record: PageRecord) => void;
     onChange?: (document: any) => void;
     onSaveChanges?: (payload: SaveChangesPayload) => Promise<boolean | void> | boolean | void;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/ResponsiveDeviceTabs.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    /** Whether the active (non-desktop) device carries any overrides. */
+    hasOverride?: boolean;
+    /** Clears every override on the active device. */
+    onResetDevice?: () => void;
+};
+export default function ResponsiveDeviceTabs({ hasOverride, onResetDevice }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/ResponsiveEditingBanner.d.ts

@@ -0,0 +1,13 @@
+import { TResponsiveDevice } from '../../../documents/blocks/helpers/responsiveStyle';
+type Props = {
+    device: TResponsiveDevice;
+};
+/**
+ * The "Editing Tablet / Mobile" context banner shown above a block's panel when
+ * a non-desktop device tab is active. Makes it unmistakable that the controls
+ * below now edit THIS breakpoint only and inherit Desktop otherwise. Shows the
+ * actual `@media (max-width: …)` breakpoint (see DEVICE_VIEWPORT_WIDTH) so the
+ * user knows exactly which screen widths this applies to.
+ */
+export default function ResponsiveEditingBanner({ device }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/ResponsiveModeContext.d.ts

@@ -0,0 +1,12 @@
+/**
+ * True while the sidebar is editing a non-desktop device (Tablet / Mobile).
+ * Shared controls read this to hide themselves on those tabs, so a block's
+ * Tablet/Mobile panel shows ONLY the responsive-relevant controls (typography,
+ * spacing, size, layout) — not content, colours, or other props that are the
+ * same on every device and edited on Desktop.
+ *
+ * ConfigurationPanel provides it; `SettingRow`, `CollapsibleSection` and the
+ * colour inputs consume it. Desktop = false, so nothing is hidden there.
+ */
+export declare const ResponsiveModeContext: import('react').Context<boolean>;
+export declare function useIsResponsiveMode(): boolean;