pagepilot-visual-editor 1.0.6 → 1.0.8

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>, "children" | "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "px" | "margin" | "height" | "overflow" | "marginBottom" | "color" | "position" | "gap" | "align" | "fontStyle" | "paddingX" | "paddingY" | "marginX" | "marginY" | "lineHeight" | "maxWidth" | "maxHeight" | "boxShadow" | "borderTop" | "border" | "flex" | "py" | "className" | "p" | "bgcolor" | "display" | "zIndex" | "typography" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "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" | "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>, "children" | "top" | "bottom" | "right" | "left" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "padding" | "style" | "borderRadius" | "borderColor" | "width" | "px" | "margin" | "height" | "overflow" | "marginBottom" | "color" | "position" | "gap" | "align" | "fontStyle" | "paddingX" | "paddingY" | "marginX" | "marginY" | "lineHeight" | "maxWidth" | "maxHeight" | "boxShadow" | "borderTop" | "border" | "flex" | "py" | "className" | "p" | "bgcolor" | "display" | "zIndex" | "typography" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "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" | "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>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "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>, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "sx" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "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>, "children" | "style" | "size" | "action" | "color" | "className" | "disabled" | "tabIndex" | "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>, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "action" | "disabled" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/editor-sample/documents/blocks/Accordion/AccordionPropsSchema.d.ts

@@ -30,6 +30,12 @@ declare const AccordionPropsSchema: 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<{
         items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{

package/dist/editor-sample/documents/blocks/AppBannerPicker/AppBannerEditor.d.ts

@@ -6,12 +6,19 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type Props = {
     props?: {
         bannerId?: string;
         bannerName?: string | null;
         contentDocument?: TReaderDocument | null;
         padding?: PaddingValue | null;
+        margin?: MarginValue | null;
     } | null;
 };
 declare const AppBannerEditor: React.FC<Props>;

package/dist/editor-sample/documents/blocks/AppBannerPicker/AppBannerPropsSchema.d.ts

@@ -9,6 +9,12 @@ declare const AppBannerPropsSchema: 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>>>;
 }, z.core.$strip>;
 export default AppBannerPropsSchema;
 export type AppBannerPickerProps = z.infer<typeof AppBannerPropsSchema>;

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

@@ -26,21 +26,21 @@ declare const ButtonGroupPropsSchema: z.ZodObject<{
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
-            "space-between": "space-between";
-            start: "start";
             end: "end";
+            start: "start";
+            "space-between": "space-between";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
-            "space-between": "space-between";
-            start: "start";
             end: "end";
+            start: "start";
+            "space-between": "space-between";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
-            "space-between": "space-between";
-            start: "start";
             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

@@ -67,18 +67,18 @@ declare const ColumnsContainerPropsSchema: z.ZodObject<{
             vertical: "vertical";
         }>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         contentAlignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         contentAlignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

package/dist/editor-sample/documents/blocks/Container/ContainerPropsSchema.d.ts

@@ -67,37 +67,37 @@ declare const ContainerPropsSchema: z.ZodObject<{
         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";
+            left: "left";
+            right: "right";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            div: "div";
-            section: "section";
             article: "article";
-            nav: "nav";
             aside: "aside";
-            header: "header";
+            div: "div";
             footer: "footer";
+            header: "header";
             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";
+            _self: "_self";
         }>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;

package/dist/editor-sample/documents/blocks/DemoPicker/DemoPropsSchema.d.ts

@@ -18,9 +18,9 @@ declare const DemoPropsSchema: z.ZodObject<{
             left: z.ZodNumber;
         }, z.core.$strip>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{

package/dist/editor-sample/documents/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts

@@ -165,11 +165,11 @@ declare const EmailLayoutPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     behaviour: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         position: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-            top: "top";
+            center: "center";
             bottom: "bottom";
-            right: "right";
             left: "left";
-            center: "center";
+            right: "right";
+            top: "top";
             "top-left": "top-left";
             "top-right": "top-right";
             "bottom-right": "bottom-right";

package/dist/editor-sample/documents/blocks/FaqPicker/FaqEditor.d.ts

@@ -6,12 +6,19 @@ type PaddingValue = {
     bottom: number;
     left: number;
 };
+type MarginValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
 type FaqEditorProps = {
     props?: {
         faqGroupId?: string;
         faqGroupName?: string | null;
         contentDocument?: TReaderDocument | null;
         padding?: PaddingValue | null;
+        margin?: MarginValue | null;
     } | null;
 };
 declare const FaqEditor: React.FC<FaqEditorProps>;

package/dist/editor-sample/documents/blocks/FaqPicker/FaqPickerPropsSchema.d.ts

@@ -9,6 +9,12 @@ declare const FaqPickerPropsSchema: 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>>>;
 }, z.core.$strip>;
 export default FaqPickerPropsSchema;
 export type FaqPickerProps = z.infer<typeof FaqPickerPropsSchema>;

package/dist/editor-sample/documents/blocks/FormsPicker/FormsPropsSchema.d.ts

@@ -10,9 +10,9 @@ declare const FormsPropsSchema: z.ZodObject<{
         heightTablet: z.ZodOptional<z.ZodString>;
         heightMobile: z.ZodOptional<z.ZodString>;
         alignment: z.ZodDefault<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;

package/dist/editor-sample/documents/blocks/Grid/GridPropsSchema.d.ts

@@ -39,14 +39,14 @@ declare const GridPropsSchema: z.ZodObject<{
         columnsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            top: "top";
             bottom: "bottom";
+            top: "top";
             middle: "middle";
         }>>>;
         horizontalAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         repeatableEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

package/dist/editor-sample/documents/blocks/Marquee/MarqueePropsSchema.d.ts

@@ -31,8 +31,8 @@ declare const MarqueePropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         direction: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
             left: "left";
+            right: "right";
             up: "up";
             down: "down";
         }>>>;
@@ -40,6 +40,11 @@ declare const MarqueePropsSchema: z.ZodObject<{
         pauseOnHover: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         repeat: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fadeEdges: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        verticalAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            bottom: "bottom";
+            top: "top";
+            middle: "middle";
+        }>>>;
         items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
             contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
         }, z.core.$strip>>>>;

package/dist/editor-sample/documents/blocks/MenuPicker/MenuPropsSchema.d.ts

@@ -4,9 +4,9 @@ declare const MenuPropsSchema: z.ZodObject<{
     useCustomMenu: z.ZodDefault<z.ZodBoolean>;
     stickyNav: z.ZodDefault<z.ZodBoolean>;
     position: z.ZodDefault<z.ZodEnum<{
-        right: "right";
-        left: "left";
         center: "center";
+        left: "left";
+        right: "right";
     }>>;
     orientation: z.ZodDefault<z.ZodEnum<{
         horizontal: "horizontal";

package/dist/editor-sample/documents/blocks/PricingAccordion/PricingAccordionPropsSchema.d.ts

@@ -34,9 +34,9 @@ declare const PricingAccordionPropsSchema: z.ZodObject<{
         cardFontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         cardFontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         cardTextAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         cardHoverBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         cardHoverShadow: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor-sample/documents/blocks/Rating/RatingPropsSchema.d.ts

@@ -10,9 +10,9 @@ declare const RatingPropsSchema: z.ZodObject<{
         fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -20,6 +20,12 @@ declare const RatingPropsSchema: 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<{
         value: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>>;

package/dist/editor-sample/documents/blocks/TabsBlock/TabsBlockPropsSchema.d.ts

@@ -23,6 +23,12 @@ declare const TabsBlockPropsSchema: 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>>>;
         tabActiveColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         tabTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         tabBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;

package/dist/editor-sample/documents/blocks/Timer/TimerPropsSchema.d.ts

@@ -17,6 +17,12 @@ declare const TimerPropsSchema: 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>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         layout: z.ZodDefault<z.ZodEnum<{

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { TEditorBlock } from '../../../editor/core';
 export declare function autoStartInlineEditing(blockId: string, block: TEditorBlock): void;
 export type EditorChildrenChange = {
@@ -13,4 +14,6 @@ export type EditorChildrenIdsProps = {
     insertAboveCallback?: (block: TEditorBlock) => void;
     suppressAdd?: boolean;
 };
-export default function EditorChildrenIds({ childrenIds, onChange, maxChildren, showContainerScopePrompt, insertAboveCallback, suppressAdd, }: EditorChildrenIdsProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorChildrenIds({ childrenIds, onChange, maxChildren, showContainerScopePrompt, insertAboveCallback, suppressAdd, }: EditorChildrenIdsProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof EditorChildrenIds>;
+export default _default;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/EditorBlockWrapper.d.ts

@@ -2,5 +2,6 @@ import { default as React } from 'react';
 type TEditorBlockWrapperProps = {
     children: React.JSX.Element;
 };
-export default function EditorBlockWrapper({ children }: TEditorBlockWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function EditorBlockWrapperImpl({ children }: TEditorBlockWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare const EditorBlockWrapper: React.MemoExoticComponent<typeof EditorBlockWrapperImpl>;
+export default EditorBlockWrapper;

package/dist/editor-sample/documents/blocks/helpers/block-wrappers/useCanvasDrop.d.ts

@@ -1,14 +1,20 @@
 import { DropPosition } from '../documentUtils';
+export declare function beginCanvasBlockDrag(blockId: string): void;
+export declare function endCanvasBlockDrag(): void;
 /**
- * Canvas-side counterpart to the Layers panel's drag logic (useLayerNode). Lets
- * a tile dragged from the left BlocksPanel palette be DROPPED onto a specific
- * on-canvas block, so the new block lands exactly under the cursor (before /
- * after the hovered block, or inside it when it's a container) instead of always
- * being appended to the bottom.
+ * Canvas-side drop target used by every block wrapper. Accepts two drag
+ * flavours:
  *
- * Returns the current drop position (for rendering the indicator) plus the three
- * drag handlers to spread onto the block wrapper. Only reacts to the palette
- * drag MIME so it never interferes with text selection or other drags.
+ *   • PALETTE_DRAG_MIME — a tile dragged from the left BlocksPanel palette.
+ *     Inserts a brand-new block at the drop position (before / after / inside).
+ *
+ *   • CANVAS_DRAG_MIME — an existing on-canvas block dragged via its TuneMenu
+ *     drag handle. Detaches the block from its current parent and re-inserts
+ *     at the drop position via `moveBlock` (same function the Layers panel's
+ *     drag-drop uses).
+ *
+ * Returns the current drop position (for rendering the indicator) plus the
+ * drag handlers to spread onto the block wrapper.
  */
 export declare function useCanvasDrop(blockId: string): {
     dropPos: DropPosition;

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

@@ -125,6 +125,7 @@ export declare function reconcileRepeatFieldValues(documentTree: Record<string,
 export declare function syncCellStyles(documentTree: Record<string, any>, sourceRootId: string, targetRootIds: string[]): Record<string, any> | null;
 export type DropPosition = 'before' | 'after' | 'inside';
 export declare const PALETTE_DRAG_MIME = "application/x-ahd-palette-block";
+export declare const CANVAS_DRAG_MIME = "application/x-ahd-canvas-block";
 /**
  * Move `draggedId` relative to `targetId`:
  *   - 'before' / 'after' → place it as a sibling of the target in the target's

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

@@ -0,0 +1,6 @@
+import { TResponsiveBlockData } from './responsiveStyle';
+/**
+ * The <style>-tag body scoped to one block instance's wrapper id, or ''
+ * when the block has no responsive style overrides to emit.
+ */
+export declare function buildResponsiveInstanceCss(wrapperId: string, data: TResponsiveBlockData | null | undefined): string;

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

@@ -36,9 +36,9 @@ export declare function zFontWeight(): z.ZodEnum<{
     normal: "normal";
 }>;
 export declare function zTextAlign(): z.ZodEnum<{
-    right: "right";
-    left: "left";
     center: "center";
+    left: "left";
+    right: "right";
 }>;
 export declare function zPadding(): z.ZodObject<{
     top: z.ZodNumber;

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

@@ -4,9 +4,13 @@ type EditorBlockProps = {
     id: string;
 };
 /**
+ * Loads a single block by id from the editor store and renders it. Subscribes
+ * only to that block, so sibling edits don't re-render this subtree — the
+ * per-block reference stays stable across setDocument calls that didn't
+ * change this block (see _shallowBlockEqual in EditorContext).
  *
- * @param id - Block id
- * @returns EditorBlock component that loads data from the EditorDocumentContext
+ * Memoized by id — React.memo + a stable id prop skips unchanged subtrees
+ * entirely during diff.
  */
 declare function EditorBlock({ id }: EditorBlockProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof EditorBlock>;

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

@@ -7,6 +7,8 @@ type TValue = {
     selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research';
     selectedMainTab: 'editor' | 'preview' | 'json' | 'html';
     selectedScreenSize: 'desktop' | 'mobile' | 'tablet';
+    zoomLevel: number;
+    minimapVisible: boolean;
     /**
      * Which device the responsive sidebar tabs are currently authoring
      * for. Independent of `selectedScreenSize` (the top-toolbar preview
@@ -111,6 +113,17 @@ export declare function useSelectedBlockId(): string;
  */
 export declare function useIsBlockSelected(id: string): boolean;
 export declare function useSelectedScreenSize(): "tablet" | "mobile" | "desktop";
+export declare function useZoomLevel(): number;
+/**
+ * View-only state — deliberately does NOT go through pushToUndoStack, so
+ * zooming never shows up in Undo/Redo. Clamped to [ZOOM_MIN, ZOOM_MAX].
+ */
+export declare function setZoomLevel(zoomLevel: number): void;
+export declare function zoomIn(): void;
+export declare function zoomOut(): void;
+export declare function resetZoom(): void;
+export declare function useMinimapVisible(): boolean;
+export declare function toggleMinimapVisible(): void;
 /** Which device's properties the sidebar is currently editing (see ResponsiveDeviceTabs). */
 export declare function useSidebarEditingDevice(): "tablet" | "mobile" | "desktop";
 export declare function setSidebarEditingDevice(sidebarEditingDevice: TValue['sidebarEditingDevice']): void;
@@ -159,7 +172,7 @@ type SetActiveStepIndexOptions = {
 };
 export declare function setActiveStepIndex(activeStepIndex: number, options?: SetActiveStepIndexOptions): void;
 export declare function setSelectedMainTab(selectedMainTab: TValue['selectedMainTab']): void;
-export declare function useSelectedSidebarTab(): "layout" | "behaviour" | "block-configuration" | "styles" | "settings" | "background" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research";
+export declare function useSelectedSidebarTab(): "background" | "layout" | "behaviour" | "block-configuration" | "styles" | "settings" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research";
 export declare function useInspectorDrawerOpen(): boolean;
 export declare function useSamplesDrawerOpen(): boolean;
 export declare function useInlineEditingEnabled(): boolean;
@@ -175,6 +188,7 @@ export declare function useHoveredBlockId(): string;
  */
 export declare function useIsBlockHovered(id: string): boolean;
 export declare function setHoveredBlockId(hoveredBlockId: string | null): void;
+export declare function getHoveredBlockId(): string | null;
 export declare function useCopiedBlock(): {
     rootBlockId: string;
     blocks: Record<string, any>;