pagepilot-visual-editor 1.0.10 → 1.0.11

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

@@ -107,20 +107,20 @@ export declare const ButtonPropsSchema: z.ZodObject<{
         widthTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         size: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            small: "small";
             medium: "medium";
+            small: "small";
             large: "large";
             "x-small": "x-small";
         }>>>;
         sizeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            small: "small";
             medium: "medium";
+            small: "small";
             large: "large";
             "x-small": "x-small";
         }>>>;
         sizeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            small: "small";
             medium: "medium";
+            small: "small";
             large: "large";
             "x-small": "x-small";
         }>>>;
@@ -146,6 +146,39 @@ export declare const ButtonPropsSchema: z.ZodObject<{
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         goToStep: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         postMessageEvent: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        animation: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            type: z.ZodEnum<{
+                none: "none";
+                "fade-in": "fade-in";
+                "slide-left": "slide-left";
+                "slide-right": "slide-right";
+                "slide-up": "slide-up";
+                "slide-down": "slide-down";
+                "zoom-in": "zoom-in";
+                bounce: "bounce";
+            }>;
+            trigger: z.ZodEnum<{
+                load: "load";
+                scroll: "scroll";
+                hover: "hover";
+                click: "click";
+            }>;
+            speed: z.ZodEnum<{
+                slow: "slow";
+                medium: "medium";
+                fast: "fast";
+            }>;
+            delay: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            disableOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ButtonProps = z.infer<typeof ButtonPropsSchema>;
@@ -178,5 +211,6 @@ export declare const ButtonPropsDefaults: {
     readonly iconAlignment: "left";
     readonly goToStep: "";
     readonly postMessageEvent: "";
+    readonly boxShadow: any;
 };
 export declare function Button({ style, props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -12,35 +12,35 @@ 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";
+            row: "row";
         }>>>;
         directionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         directionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -40,16 +40,16 @@ export declare const ColumnsContainerPropsSchema: z.ZodObject<{
         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";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             top: "top";

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

@@ -34,6 +34,14 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         fullWidth: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -96,6 +104,18 @@ export declare const ContainerPropsSchema: z.ZodObject<{
             _self: "_self";
             _blank: "_blank";
         }>>>;
+        hoverEffect: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodBoolean;
+            scale: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            duration: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            easing: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                ease: "ease";
+                "ease-in": "ease-in";
+                "ease-in-out": "ease-in-out";
+                "ease-out": "ease-out";
+                linear: "linear";
+            }>>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ContainerProps = z.infer<typeof ContainerPropsSchema> & {
@@ -107,5 +127,11 @@ export declare const ContainerPropsDefaults: {
     readonly width: 300;
     readonly widthUnit: "px";
     readonly alignment: "left";
+    readonly hoverEffect: {
+        readonly enabled: false;
+        readonly scale: 1.05;
+        readonly duration: 500;
+        readonly easing: "ease-in-out";
+    };
 };
 export declare function Container({ style, props, children }: ContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -54,6 +54,7 @@ export declare const HeadingPropsSchema: z.ZodObject<{
             BEBAS_NEUE: "BEBAS_NEUE";
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        lineClamp: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             400: "400";
             500: "500";

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

@@ -59,6 +59,51 @@ export declare const ImagePropsSchema: z.ZodObject<{
         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">]>>>>;
+        animation: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            type: z.ZodEnum<{
+                none: "none";
+                "fade-in": "fade-in";
+                "slide-left": "slide-left";
+                "slide-right": "slide-right";
+                "slide-up": "slide-up";
+                "slide-down": "slide-down";
+                "zoom-in": "zoom-in";
+                bounce: "bounce";
+            }>;
+            trigger: z.ZodEnum<{
+                load: "load";
+                scroll: "scroll";
+                hover: "hover";
+                click: "click";
+            }>;
+            speed: z.ZodEnum<{
+                slow: "slow";
+                medium: "medium";
+                fast: "fast";
+            }>;
+            delay: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            disableOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+        hoverEffect: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodBoolean;
+            scale: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            duration: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            easing: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                ease: "ease";
+                "ease-in": "ease-in";
+                "ease-in-out": "ease-in-out";
+                "ease-out": "ease-out";
+                linear: "linear";
+            }>>>;
+        }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type ImageProps = z.infer<typeof ImagePropsSchema>;
@@ -82,5 +127,19 @@ export declare const ImagePropsDefaults: {
     readonly borderColor: any;
     readonly borderWidth: any;
     readonly rotation: 0;
+    readonly animation: {
+        readonly type: "none";
+        readonly trigger: "load";
+        readonly speed: "medium";
+        readonly delay: 0;
+        readonly disableOnMobile: false;
+    };
+    readonly hoverEffect: {
+        readonly enabled: false;
+        readonly scale: 1.05;
+        readonly duration: 500;
+        readonly easing: "ease-in-out";
+    };
+    readonly boxShadow: any;
 };
 export declare function Image({ style, props }: ImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -32,14 +32,14 @@ export declare const ListPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            unordered: "unordered";
             ordered: "ordered";
+            unordered: "unordered";
         }>>>;
         marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            check: "check";
             none: "none";
-            circle: "circle";
+            check: "check";
             square: "square";
+            circle: "circle";
             decimal: "decimal";
             disc: "disc";
             dash: "dash";

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

@@ -20,7 +20,12 @@ export declare const LogoPropsSchema: z.ZodObject<{
         urlMobile: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        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";
+        }>>>;
         width: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         widthTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -43,6 +48,39 @@ export declare const LogoPropsSchema: z.ZodObject<{
         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">]>>>>;
+        animation: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            type: z.ZodEnum<{
+                none: "none";
+                "fade-in": "fade-in";
+                "slide-left": "slide-left";
+                "slide-right": "slide-right";
+                "slide-up": "slide-up";
+                "slide-down": "slide-down";
+                "zoom-in": "zoom-in";
+                bounce: "bounce";
+            }>;
+            trigger: z.ZodEnum<{
+                load: "load";
+                scroll: "scroll";
+                hover: "hover";
+                click: "click";
+            }>;
+            speed: z.ZodEnum<{
+                slow: "slow";
+                medium: "medium";
+                fast: "fast";
+            }>;
+            delay: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            disableOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type LogoProps = z.infer<typeof LogoPropsSchema>;
@@ -52,7 +90,9 @@ export declare const LogoPropsDefaults: {
     readonly urlMobile: any;
     readonly alt: "Logo";
     readonly decorative: false;
+    readonly showLink: true;
     readonly linkHref: "https://pagepilot.fabbuilder.com/";
+    readonly linkTarget: "_blank";
     readonly width: 160;
     readonly widthTablet: any;
     readonly widthMobile: any;
@@ -65,6 +105,7 @@ export declare const LogoPropsDefaults: {
     readonly iconFillColor: any;
     readonly iconFillColorTablet: any;
     readonly iconFillColorMobile: any;
+    readonly boxShadow: any;
 };
 /**
  * The Logo block renders an image at a fixed pixel width that the author

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

@@ -22,9 +22,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";
-            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

@@ -4,6 +4,7 @@ export declare const TextPropsSchema: z.ZodObject<{
         color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        lineClamp: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
             MODERN_SANS: "MODERN_SANS";
             BOOK_SANS: "BOOK_SANS";

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

@@ -1,4 +1,4 @@
-import { AvatarProps } from '@usewaypoint/block-avatar';
+import { AvatarProps } from '../../../../documents/blocks/Avatar/AvatarPropsSchema';
 type AvatarSidebarPanelProps = {
     data: AvatarProps;
     setData: (v: AvatarProps) => void;

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

@@ -20,7 +20,9 @@ type SettingRowProps = {
     tooltip?: string;
     /** Hide this row on the Tablet/Mobile device tabs (shared/content control). */
     hideOnResponsive?: boolean;
+    /** Hide this row on Desktop — show it only on the Tablet/Mobile device tabs. */
+    hideOnDesktop?: boolean;
 };
-export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, hideOnResponsive, }: SettingRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, hideOnResponsive, hideOnDesktop, }: SettingRowProps) => import("react/jsx-runtime").JSX.Element;
 declare function EmailLayoutSidebarFields({ data, setData, isTypeDemo, record, onBackgroundChange, }: EmailLayoutSidebarFieldsProps): import("react/jsx-runtime").JSX.Element;
 export default EmailLayoutSidebarFields;

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

@@ -13,6 +13,7 @@ type Props = {
             endChildrenIds?: string[];
             backgroundColor?: string;
             textColor?: string;
+            burgerDropdownBackgroundColor?: string | null;
             fontSize?: string;
             fontFamily?: string | null;
             fontWeight?: string;

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

@@ -0,0 +1,18 @@
+export type TAnimationProps = {
+    type: 'none' | 'fade-in' | 'slide-left' | 'slide-right' | 'slide-up' | 'slide-down' | 'zoom-in' | 'bounce';
+    trigger: 'load' | 'scroll' | 'hover' | 'click';
+    speed: 'slow' | 'medium' | 'fast';
+    delay?: number | null;
+    disableOnMobile?: boolean | null;
+};
+/**
+ * Reusable "Animation" CollapsibleSection for any block whose props schema
+ * has an `animation` field of this shape (Image, Container, Button, Logo,
+ * Avatar). The parent panel owns `data`/`updateData` — this component only
+ * reads/writes `props.animation` off of whatever object `updateProps` merges
+ * into.
+ */
+export default function AnimationSection({ rawAnimation, updateProps, }: {
+    rawAnimation: Partial<TAnimationProps> | null | undefined;
+    updateProps: (patch: Record<string, any>) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+export type TBoxShadowValue = {
+    color?: string | null;
+    offsetX?: number;
+    offsetY?: number;
+    blur?: number;
+    spread?: number;
+    inset?: boolean;
+} | null | undefined;
+/**
+ * Reusable box-shadow control group: color, offsetX, offsetY, blur, spread,
+ * inset. Container puts `boxShadow` under `style`; Image / Button / Logo put
+ * it under `props`. Rather than branching this component on where the value
+ * lives, callers pass the current value + a single `onChange(next)` that
+ * writes it back to whichever slot they use.
+ */
+export default function BoxShadowControls({ value, onChange, }: {
+    value: TBoxShadowValue;
+    onChange: (next: TBoxShadowValue) => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+export type THoverEffectProps = {
+    enabled: boolean;
+    scale?: number | null;
+    duration?: number | null;
+    easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | null;
+};
+/**
+ * Reusable "Hover Effect" CollapsibleSection for Image and Container: a plain
+ * CSS `:hover` scale/transition, distinct from AnimationSection's trigger-based
+ * keyframe animations.
+ */
+export default function HoverEffectSection({ rawHoverEffect, updateProps, cancelParentPadding, }: {
+    rawHoverEffect: Partial<THoverEffectProps> | null | undefined;
+    updateProps: (patch: Record<string, any>) => void;
+    cancelParentPadding?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,9 +1,11 @@
 import { TReaderDocument } from '../../../../email-builder-core/index.ts';
-declare const REFERENCE_WIDTH = 1280;
+import { TDeviceType } from '../../../documents/blocks/helpers/responsiveStyle';
+declare const REFERENCE_WIDTH: number;
 type MiniMapFrameProps = {
     document: TReaderDocument;
     width: number;
     height: number;
+    device: TDeviceType;
     onNaturalHeightChange?: (naturalHeight: number) => void;
 };
 /**
@@ -13,5 +15,5 @@ type MiniMapFrameProps = {
  * canvas scroll. `height` here is just an initial placeholder used before the
  * iframe has reported its natural height.
  */
-export default function MiniMapFrame({ document, width, height, onNaturalHeightChange }: MiniMapFrameProps): import("react/jsx-runtime").JSX.Element;
+export default function MiniMapFrame({ document, width, height, device, onNaturalHeightChange }: MiniMapFrameProps): import("react/jsx-runtime").JSX.Element;
 export { REFERENCE_WIDTH };

package/dist/editor-sample/App/shared/editor.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "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" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "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" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "gap" | "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" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "display" | "position" | "border" | "p" | "align" | "bgcolor" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "boxShadow" | "overflow" | "marginBottom" | "gap" | "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" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const widthUnitSelectSx: {
     '& .MuiOutlinedInput-notchedOutline': {
         border: string;
@@ -18,4 +18,4 @@ export declare const widthUnitSelectSx: {
         paddingBottom: string;
     };
 };
-export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "disabled" | "action" | "tabIndex" | "size" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "size" | "disabled" | "action" | "tabIndex" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/editor-sample/documents/blocks/Avatar/AvatarPropsSchema.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const AvatarPropsSchema: any;
+export type AvatarProps = z.infer<typeof AvatarPropsSchema>;

package/dist/editor-sample/documents/blocks/ButtonGroup/ButtonGroupPropsSchema.d.ts

@@ -12,35 +12,35 @@ 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";
+            row: "row";
         }>>>;
         directionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         directionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor-sample/documents/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts

@@ -55,16 +55,16 @@ declare const ColumnsContainerPropsSchema: z.ZodObject<{
         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";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             top: "top";