pagepilot-visual-editor 1.0.7 → 1.0.9

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/templateApplyHelpers.d.ts

@@ -12,6 +12,31 @@
  *   - Legacy `templateRecord.formFields` mirror at the record root.
  */
 export declare function resolveTemplateFormFields(templateRecord: any): any[];
+/**
+ * Unwrap a saved template `configuration` down to the raw
+ * `{ root, "block-…" }` document tree the renderer / editor expect.
+ *
+ * The standalone editor is a **page-only** surface, so this helper only
+ * knows the page-shaped envelopes. Ordered by frequency, matches the
+ * `PageTypes.Page` branch of ahd-fe's `normalizeTemplateConfiguration`
+ * plus the block-template synthesis path:
+ *
+ *   1. `configuration.root` — flat document tree (legacy / tenant templates,
+ *      most global page templates the backend serves today).
+ *   2. `configuration.isIndividualBlock` block template — no root exists;
+ *      synthesize a minimal EmailLayout that hosts `configuration.rootBlockId`
+ *      so the standalone renderer has something to walk. `formFields` on
+ *      the configuration wrapper are hoisted onto the synthetic root's
+ *      `data.formFields` so `bakeTemplateValues` finds them via the usual
+ *      `getTemplateForms(document)` path.
+ *   3. `configuration.content.contentMetadata.document` — the page envelope
+ *      the backend uses for page-derived global templates (CyberSecurity Page).
+ *   4. `configuration.contentMetadata.document` — one-off older shape.
+ *   5. `record.contentMetadata.document` — bare page-record envelope.
+ *
+ * Returns `null` when no candidate is available so callers can fall back.
+ */
+export declare function resolveTemplateDocument(templateRecord: any): any | null;
 /**
  * Rewrite container-repeat fields' `sourceBlockId` / `rowIds` through an id
  * remap. Used by individual-block apply: block ids are regenerated so the

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/UpgradeDialogView.d.ts

@@ -0,0 +1 @@
+export default function UpgradeDialog(): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/upgradeDialog.d.ts

@@ -1,4 +1,19 @@
 export declare function setUpgradeHandler(handler: (() => void) | null | undefined): void;
+/**
+ * Consumer hook used by every paywall trigger (VariablesPaywall etc.).
+ * Returns a single `openUpgrade` function that:
+ *   - Delegates to the host callback if one is registered, OR
+ *   - Opens the built-in `<UpgradeDialog>` otherwise.
+ */
 export declare function useUpgradeDialog(): {
     openUpgrade: () => void;
 };
+/**
+ * Reader hook used by the built-in `<UpgradeDialog>` mount to subscribe to
+ * open-state changes. Separate from `useUpgradeDialog` so the (many) paywall
+ * triggers don't re-render every time the dialog opens/closes.
+ */
+export declare function useUpgradeStore(): {
+    open: boolean;
+    close: () => void;
+};

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

@@ -7,9 +7,8 @@ export declare function collectSubtree(doc: Record<string, any>, rootId: string)
 export declare function insertAfterBlock(doc: Record<string, any>, afterId: string, newId: string): Record<string, any> | null;
 interface UseLayerNodeOptions {
     blockId: string;
-    selectedBlockId: string | null;
 }
-export declare function useLayerNode({ blockId, selectedBlockId }: UseLayerNodeOptions): {
+export declare function useLayerNode({ blockId }: UseLayerNodeOptions): {
     block: any;
     childIds: string[];
     hasChildren: boolean;

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

@@ -0,0 +1,6 @@
+type MiniMapProps = {
+    scrollBoxRef: React.RefObject<HTMLElement | null>;
+    contentRef?: React.RefObject<HTMLElement | null>;
+};
+export default function MiniMap({ scrollBoxRef, contentRef }: MiniMapProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { TReaderDocument } from '../../../../email-builder-core/index.ts';
+declare const REFERENCE_WIDTH = 1280;
+type MiniMapFrameProps = {
+    document: TReaderDocument;
+    width: number;
+    height: number;
+    onNaturalHeightChange?: (naturalHeight: number) => void;
+};
+/**
+ * Renders the page scaled by WIDTH only — never shrunk vertically. Tall pages
+ * end up with a rendered height greater than the panel; the parent is
+ * responsible for clipping and panning the content in sync with the main
+ * 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 { REFERENCE_WIDTH };

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

@@ -0,0 +1,24 @@
+export type ViewportRect = {
+    topPct: number;
+    heightPct: number;
+};
+type Options = {
+    scrollBoxRef: React.RefObject<HTMLElement | null>;
+    contentRef?: React.RefObject<HTMLElement | null>;
+    enabled: boolean;
+};
+/**
+ * Reads scroll geometry off whichever element is actually scrolling in the
+ * host DOM. The resolved element is locked onto the first real scroll
+ * event received on the page and kept until it either leaves the DOM or
+ * stops being scrollable — so pagepilot's Shell wrapper and ahd-fe's
+ * `mainBoxSx` both work without the caller having to know.
+ */
+export declare function useMiniMapSync({ scrollBoxRef, contentRef, enabled }: Options): {
+    viewportRect: ViewportRect;
+    isScrollable: boolean;
+    scrollToRatio: (ratioY: number, centerInViewport?: boolean) => void;
+    scrollByDelta: (deltaScrollTop: number) => void;
+    scrollByFraction: (deltaFraction: number) => void;
+};
+export {};

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

@@ -0,0 +1,8 @@
+import { TEditorConfiguration } from '../../../documents/editor/core';
+/**
+ * Debounces the document so the minimap thumbnail doesn't re-render on every
+ * keystroke — no shared debounce utility exists in this package (checked
+ * useSaveHandler.tsx and the rest of editor-sample/src), so this follows the
+ * same local setTimeout convention used elsewhere (e.g. TuneMenu.tsx).
+ */
+export declare function useMiniMapThumbnail(document: TEditorConfiguration, enabled: boolean): TEditorConfiguration;

package/dist/editor-sample/App/hooks/useAutosave.d.ts

@@ -0,0 +1,10 @@
+export type UseAutosaveOptions = {
+    isDirty: boolean;
+    onSave: () => Promise<any> | void;
+    enabled?: boolean;
+    isSaving?: boolean;
+    intervalMs?: number;
+};
+export declare const AUTOSAVE_ENABLED = true;
+export declare const AUTOSAVE_INTERVAL_MS = 60000;
+export default function useAutosave({ isDirty, onSave, enabled, isSaving, intervalMs, }: UseAutosaveOptions): void;

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/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;