pagepilot-visual-editor 1.0.2

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { PageTypes } from '../hooks/constants';
+declare const PreviewDialog: ({ previewDialogOpen, setPreviewDialogOpen, previewUrl, previewHtml, pageType, onIntegrate, onBackToDashboard, record, }: {
+    previewDialogOpen: boolean;
+    setPreviewDialogOpen: (open: boolean) => void;
+    previewUrl: string | null;
+    /** Inline HTML — rendered via iframe `srcDoc`, used when there's no backend
+     *  preview URL (e.g. the standalone @pagepilot/visual-editor package). */
+    previewHtml?: string | null;
+    pageType?: PageTypes | string;
+    onIntegrate?: () => void;
+    onBackToDashboard?: () => void;
+    record?: any;
+}) => React.JSX.Element;
+export default PreviewDialog;

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

@@ -0,0 +1,10 @@
+import { PageSection } from './pageSections';
+type Props = {
+    sections: PageSection[];
+    activeSectionIndex: number;
+    onSelectSection: (index: number) => void;
+    onDeleteSection: (index: number) => void;
+    onEditSection: (index: number) => void;
+};
+declare const SectionsDropdown: ({ sections, activeSectionIndex, onSelectSection, onDeleteSection, onEditSection, }: Props) => import("react").JSX.Element;
+export default SectionsDropdown;

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

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

package/dist/editor-sample/App/shared/multipleSections.styled.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const addSectionDialogStyles: (theme: Theme) => {
+    paper: SxProps<Theme>;
+    title: SxProps<Theme>;
+    actions: SxProps<Theme>;
+    button: SxProps<Theme>;
+};
+export declare const getAddSectionFieldSx: (theme: Theme) => SxProps<Theme>;
+export declare const getAddSectionLabelSx: (theme: Theme) => SxProps<Theme>;
+export declare const addSectionExternalNoteSx: SxProps<Theme>;
+export declare const sectionsTriggerSx: SxProps<Theme>;
+export declare const sectionsTriggerLabelSx: SxProps<Theme>;
+export declare const sectionsMenuPaperSx: SxProps<Theme>;
+export declare const sectionsMenuItemSx: SxProps<Theme>;
+export declare const sectionsExternalChipSx: SxProps<Theme>;
+export declare const sectionsDeleteBtnSx: SxProps<Theme>;
+export declare const sectionsConfirmPopoverPaperSx: SxProps<Theme>;
+export declare const sectionsConfirmActionBtnSx: SxProps<Theme>;

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

@@ -0,0 +1,28 @@
+import { TEditorConfiguration } from '../../documents/editor/core';
+export type PageSectionType = 'internal' | 'external';
+export type PageSection = {
+    _id?: string;
+    title?: string;
+    identifier?: string;
+    sectionType?: PageSectionType;
+    content?: string;
+    contentMetadata?: {
+        document?: TEditorConfiguration | any;
+        [key: string]: any;
+    };
+    [key: string]: any;
+};
+/** Draft submitted from AddSectionDialog — identifier is auto-generated. */
+export type SectionDraft = {
+    title: string;
+    sectionType: PageSectionType;
+};
+export declare const isExternalSection: (section: Partial<PageSection> | undefined) => boolean;
+/**
+ * Creates a new section from a user draft.
+ * Only `sectionType` and `identifier` are new fields vs the default section.
+ * Identifier is auto-generated as `${sectionType}-${Date.now()}`.
+ */
+export declare const createPageSectionFromDraft: (draft: SectionDraft, defaultDocument: TEditorConfiguration) => PageSection;
+/** Writes the live editor document back into the active section before switching or saving. */
+export declare const mergeCurrentDocumentIntoSections: (sections: PageSection[], activeSectionIndex: number, document: TEditorConfiguration) => PageSection[];

package/dist/editor-sample/documents/blocks/AccessibilityTools/AccessibilityToolsEditor.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { AccessibilityToolsProps } from '../../../../email-builder-core/blocks/AccessibilityTools/AccessibilityToolsPropsSchema';
+export default function AccessibilityToolsEditor({ style, props }: AccessibilityToolsProps): React.JSX.Element;

package/dist/editor-sample/documents/blocks/AccessibilityTools/AccessibilityToolsPropsSchema.d.ts

@@ -0,0 +1 @@
+export { AccessibilityToolsPropsSchema as default, type AccessibilityToolsProps, AccessibilityToolsDefaults, } from '../../../../email-builder-core/blocks/AccessibilityTools/AccessibilityToolsPropsSchema';

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { AccordionProps } from './AccordionPropsSchema';
+export default function AccordionEditor({ style, props }: AccordionProps): React.JSX.Element;

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

@@ -0,0 +1,41 @@
+import { z } from 'zod';
+declare const AccordionItemSchema: z.ZodObject<{
+    titleChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+    contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+}, z.core.$strip>;
+declare const AccordionPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        marginBottom: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        padding: 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<{
+            titleChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+            contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        }, z.core.$strip>>>>;
+        iconColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        iconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type AccordionProps = z.infer<typeof AccordionPropsSchema>;
+export type AccordionItem = z.infer<typeof AccordionItemSchema>;
+export default AccordionPropsSchema;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonGroupEditorProps } from './ButtonGroupPropsSchema';
+export default function ButtonGroupEditor({ style, props }: ButtonGroupEditorProps): React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import { z } from 'zod';
+declare const ButtonGroupPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        padding: 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<{
+        childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        direction: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            column: "column";
+            row: "row";
+        }>>>;
+        gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            end: "end";
+            start: "start";
+            "space-between": "space-between";
+        }>>>;
+        wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        fullWidthOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type ButtonGroupEditorProps = z.infer<typeof ButtonGroupPropsSchema>;
+export default ButtonGroupPropsSchema;

package/dist/editor-sample/documents/blocks/Carousel/CarouselEditor.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { CarouselProps } from './CarouselPropsSchema';
+export default function CarouselEditor({ style, props }: CarouselProps): React.JSX.Element;

package/dist/editor-sample/documents/blocks/Carousel/CarouselPropsSchema.d.ts

@@ -0,0 +1,47 @@
+import { z } from 'zod';
+declare const CarouselSlideSchema: z.ZodObject<{
+    contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+}, z.core.$strip>;
+declare const CarouselPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        slideGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        arrowColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        arrowBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        arrowBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        arrowSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        dotColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        dotActiveColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        dotSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        slidesPerView: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        slidesPerViewTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        slidesPerViewMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        showArrows: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        showDots: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        autoplay: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        autoplayInterval: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        loop: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        transitionMs: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        }, z.core.$strip>>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type CarouselProps = z.infer<typeof CarouselPropsSchema>;
+export type CarouselSlide = z.infer<typeof CarouselSlideSchema>;
+export default CarouselPropsSchema;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ColumnsContainerProps } from './ColumnsContainerPropsSchema';
+export default function ColumnsContainerEditor({ style, props }: ColumnsContainerProps): React.JSX.Element;

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

@@ -0,0 +1,49 @@
+import { z } from 'zod';
+declare const ColumnsContainerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        columns: z.ZodArray<z.ZodObject<{
+            childrenIds: z.ZodArray<z.ZodString>;
+        }, z.core.$strip>>;
+        widthType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
+        fixedWidths: z.ZodNullable<z.ZodOptional<z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>, z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodNumber>>>], null>>>;
+        columnsCount: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>]>>>;
+        columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsDirection: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            horizontal: "horizontal";
+            vertical: "vertical";
+        }>>>;
+        contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            middle: "middle";
+        }>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type ColumnsContainerProps = z.infer<typeof ColumnsContainerPropsSchema>;
+export default ColumnsContainerPropsSchema;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ContainerProps } from './ContainerPropsSchema';
+export default function ContainerEditor({ style, props }: ContainerProps): React.JSX.Element;

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

@@ -0,0 +1,52 @@
+import { z } from 'zod';
+declare const ContainerPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        backgroundImage: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        backgroundSize: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        borderColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        widthType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            fill: "fill";
+            fixed: "fixed";
+            fit: "fit";
+        }>>>;
+        width: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        height: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        overflow: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            div: "div";
+            article: "article";
+            aside: "aside";
+            footer: "footer";
+            header: "header";
+            main: "main";
+            nav: "nav";
+            section: "section";
+        }>>>;
+        ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        elementId: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export default ContainerPropsSchema;
+export type ContainerProps = z.infer<typeof ContainerPropsSchema>;

package/dist/editor-sample/documents/blocks/FlexColumns/FlexColumnsEditor.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FlexColumnsProps } from './FlexColumnsPropsSchema';
+export default function FlexColumnsEditor({ style, props }: FlexColumnsProps): React.JSX.Element;

package/dist/editor-sample/documents/blocks/FlexColumns/FlexColumnsPropsSchema.d.ts

@@ -0,0 +1 @@
+export { default, type FlexColumnsProps, } from '../../../../email-builder-core/blocks/FlexColumns/FlexColumnsPropsSchema';

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { GridEditorProps } from './GridPropsSchema';
+export default function GridEditor({ style, props }: GridEditorProps): React.JSX.Element;

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

@@ -0,0 +1,48 @@
+import { z } from 'zod';
+declare const GridPropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            right: z.ZodNumber;
+            bottom: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderWidth: 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<{
+        cells: z.ZodArray<z.ZodObject<{
+            childrenIds: z.ZodArray<z.ZodString>;
+        }, z.core.$strip>>;
+        contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            middle: "middle";
+        }>>>;
+        horizontalAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            center: "center";
+        }>>>;
+        columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsCountTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsCountMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type GridEditorProps = z.infer<typeof GridPropsSchema>;
+export default GridPropsSchema;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { MarqueeProps } from './MarqueePropsSchema';
+export default function MarqueeEditor({ style, props }: MarqueeProps): React.JSX.Element;

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

@@ -0,0 +1,37 @@
+import { z } from 'zod';
+declare const MarqueePropsSchema: z.ZodObject<{
+    style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString, z.ZodObject<{
+            topLeft: z.ZodNumber;
+            topRight: z.ZodNumber;
+            bottomRight: z.ZodNumber;
+            bottomLeft: z.ZodNumber;
+        }, z.core.$strip>]>>>;
+        padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
+        itemGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    }, z.core.$strip>>>;
+    props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        direction: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            right: "right";
+            left: "left";
+            up: "up";
+            down: "down";
+        }>>>;
+        speed: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        pauseOnHover: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        repeat: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        fadeEdges: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+            contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+        }, z.core.$strip>>>>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export type MarqueeProps = z.infer<typeof MarqueePropsSchema>;
+export default MarqueePropsSchema;

package/dist/editor-sample/documents/blocks/PagePilotLayout/PagePilotLayoutEditor.d.ts

@@ -0,0 +1,2 @@
+import { PagePilotLayoutProps } from './PagePilotLayoutPropsSchema';
+export default function PagePilotLayoutEditor(props: PagePilotLayoutProps): import("react").JSX.Element;

package/dist/editor-sample/documents/blocks/PagePilotLayout/PagePilotLayoutPropsSchema.d.ts

@@ -0,0 +1,151 @@
+import { z } from 'zod';
+declare const PagePilotLayoutPropsSchema: z.ZodObject<{
+    lang: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    skipLink: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        text: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        textColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        paddingX: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        paddingY: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        position: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            "top-left": "top-left";
+            "top-center": "top-center";
+            "top-right": "top-right";
+        }>>>;
+        displayMode: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            "focus-only": "focus-only";
+            "always-visible": "always-visible";
+        }>>>;
+    }, z.core.$strip>>>;
+    accessibilityTools: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        position: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            "top-left": "top-left";
+            "top-right": "top-right";
+            "bottom-right": "bottom-right";
+            "bottom-left": "bottom-left";
+        }>>>;
+        features: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            contrast: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            invert: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            saturation: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            highlightLinks: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            textSize: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            textSpacing: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            lineHeight: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            hideImages: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            bigCursor: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+            reset: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>>;
+    formFields: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        name: z.ZodString;
+        type: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>>;
+    maxWidth: z.ZodDefault<z.ZodString>;
+    maxHeight: z.ZodDefault<z.ZodString>;
+    backdropColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+    borderColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+    borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
+        topLeft: z.ZodNumber;
+        topRight: z.ZodNumber;
+        bottomRight: z.ZodNumber;
+        bottomLeft: z.ZodNumber;
+    }, z.core.$strip>]>>>;
+    margin: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+    canvasColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+    textColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+    fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
+        MODERN_SANS: "MODERN_SANS";
+        BOOK_SANS: "BOOK_SANS";
+        ORGANIC_SANS: "ORGANIC_SANS";
+        GEOMETRIC_SANS: "GEOMETRIC_SANS";
+        HEAVY_SANS: "HEAVY_SANS";
+        ROUNDED_SANS: "ROUNDED_SANS";
+        MODERN_SERIF: "MODERN_SERIF";
+        BOOK_SERIF: "BOOK_SERIF";
+        MONOSPACE: "MONOSPACE";
+        ROBOTO: "ROBOTO";
+        OPEN_SANS: "OPEN_SANS";
+        LATO: "LATO";
+        POPPINS: "POPPINS";
+        INTER: "INTER";
+        MONTSERRAT: "MONTSERRAT";
+        RALEWAY: "RALEWAY";
+        NUNITO: "NUNITO";
+        PLAYFAIR_DISPLAY: "PLAYFAIR_DISPLAY";
+        MERRIWEATHER: "MERRIWEATHER";
+        PT_SANS: "PT_SANS";
+        OSWALD: "OSWALD";
+        SOURCE_SANS_PRO: "SOURCE_SANS_PRO";
+        RUBIK: "RUBIK";
+        WORK_SANS: "WORK_SANS";
+        NOTO_SANS: "NOTO_SANS";
+        DANCING_SCRIPT: "DANCING_SCRIPT";
+        PACIFICO: "PACIFICO";
+        LOBSTER: "LOBSTER";
+        BEBAS_NEUE: "BEBAS_NEUE";
+    }>>>;
+    childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+    top: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+    left: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+    borderWidth: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        bottom: z.ZodNumber;
+        right: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+    boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        color: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+        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>>>;
+    backgroundImage: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+    canvasWidth: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+    canvasHeight: z.ZodNullable<z.ZodDefault<z.ZodString>>;
+    behaviour: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        position: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+            top: "top";
+            bottom: "bottom";
+            right: "right";
+            left: "left";
+            center: "center";
+            "top-left": "top-left";
+            "top-right": "top-right";
+            "bottom-right": "bottom-right";
+            "bottom-left": "bottom-left";
+        }>>>;
+        isCaret: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+        selector: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    }, z.core.$loose>>>;
+    linkHref: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    showCtaBtn: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    ctaButtonBgColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+    ctaButtonText: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    ctaButtonTextColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
+    ctaNavigationLink: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    ctaButtonPosition: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        "top-left": "top-left";
+        "top-center": "top-center";
+        "top-right": "top-right";
+        "bottom-right": "bottom-right";
+        "bottom-left": "bottom-left";
+        "bottom-center": "bottom-center";
+    }>>>;
+}, z.core.$strip>;
+export default PagePilotLayoutPropsSchema;
+export type PagePilotLayoutProps = z.infer<typeof PagePilotLayoutPropsSchema>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { PricingAccordionProps } from './PricingAccordionPropsSchema';
+export default function PricingAccordionEditor({ style, props }: PricingAccordionProps): React.JSX.Element;