npm - pagepilot-visual-editor - Versions diffs - 1.0.9 → 1.0.11 - Mend

pagepilot-visual-editor 1.0.9 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

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

@@ -9,9 +9,9 @@ export declare const VideoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const VideoPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         name: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -9,9 +9,9 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
@@ -25,8 +25,8 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
         alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

package/dist/editor/renderSections.d.ts CHANGED Viewed

@@ -1,68 +1,2 @@
-export interface SectionForRender {
-    sectionType?: "internal" | "external" | string;
-    content?: string;
-    contentMetadata?: {
-        document?: any;
-        [key: string]: any;
-    };
-    [key: string]: any;
-}
-export interface RenderDocumentForSaveOptions {
-    rootBlockId?: string;
-    injectTabsScrollSyncScript?: boolean;
-    injectCarouselScript?: boolean;
-    injectFontAssets?: boolean;
-    headHtml?: string;
-    bodyBottomHtml?: string;
-    isBanner?: boolean;
-    seo?: any;
-}
-export declare function isExternalSection(section: SectionForRender | undefined): boolean;
-/**
- * Same call `Shell.buildPayload` makes: `renderToStaticMarkup` with the
- * defaults the editor persists on Save Changes (root id, ids injected,
- * page CSS included, css minified, lang / skipLink / accessibilityTools
- * auto-derived from the document's root data).
- */
-export declare function renderDocumentForSave(document: any, options?: RenderDocumentForSaveOptions): string;
-export interface CombineSectionsOptions extends RenderDocumentForSaveOptions {
-    /**
-     * External sections come from the API as stored `content` strings —
-     * usually `<div id="…"></div>` anchor placeholders. When true (default),
-     * that content is passed through. When false, external sections are
-     * skipped entirely.
-     */
-    includeExternalSections?: boolean;
-    /**
-     * When false, only the concatenated fragments are returned — no
-     * `<!doctype html>` shell. Defaults to true, matching Shell.buildPayload.
-     */
-    wrapInDocumentShell?: boolean;
-    /**
-     * Overrides for the outer shell. When omitted, values come from the
-     * first internal section's EmailLayout root data.
-     */
-    lang?: string;
-    canvasColor?: string;
-    fontFamily?: string;
-    seoTitle?: string;
-    seoDescription?: string;
-    extraHead?: string;
-    extraBodyBottom?: string;
-}
-/**
- * Render each section's document to a fragment, then stitch them into the
- * same `<!doctype html>` shell Shell.tsx uses on Save Changes.
- *
- * Returns `{ html, sectionHtml, flushedSections }`:
- *  - `html`: combined document (or bare fragments when `wrapInDocumentShell` is false).
- *  - `sectionHtml`: per-section fragments in input order.
- *  - `flushedSections`: input sections with their re-rendered `content` field
- *    written back — matches the shape `Shell.buildPayload` persists in
- *    `SaveChangesPayload.record.sections`.
- */
-export declare function combineSectionsToHtml(sections: SectionForRender[], options?: CombineSectionsOptions): {
-    html: string;
-    sectionHtml: string[];
-    flushedSections: SectionForRender[];
-};
+export { isExternalSection, renderDocumentForSave, combineSectionsToHtml, } from '../render-core/combineSections';
+export type { SectionForRender, RenderDocumentForSaveOptions, CombineSectionsOptions, } from '../render-core/combineSections';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,42 +1,5 @@
-/**
- * Locate the `formFields[]` array on an incoming template record no matter
- * where it's stored. Templates can put fields at four different spots:
- *
- *   - `configuration.root.data.formFields` — page/document template.
- *   - `configuration.formFields` when `configuration.isIndividualBlock` —
- *     block template.
- *   - `configuration.steps[i].contentMetadata.document.root.data.formFields`
- *     / `configuration.slides[i].…` — multi-slot (tour/demo/carousel).
- *   - `configuration.step.contentMetadata.document.root.data.formFields` —
- *     single-step tooltip.
- *   - 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;
+import { resolveTemplateFormFields, resolveTemplateDocument } from '../../../../render-core/templateEnvelope';
+export { resolveTemplateFormFields, resolveTemplateDocument };
 /**
  * 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/TemplatePanel/minimap/MiniMapFrame.d.ts CHANGED Viewed

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

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

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

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

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

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

@@ -12,35 +12,35 @@ declare const ButtonGroupPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
         direction: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         directionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         directionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            row: "row";
             column: "column";
+            row: "row";
         }>>>;
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
             end: "end";
             start: "start";
-            "space-between": "space-between";
         }>>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -55,30 +55,30 @@ declare const ColumnsContainerPropsSchema: z.ZodObject<{
         columnsGapTablet: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsGapMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         columnsDirection: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         columnsDirectionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            horizontal: "horizontal";
             vertical: "vertical";
+            horizontal: "horizontal";
         }>>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         contentAlignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         contentAlignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

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

@@ -33,6 +33,14 @@ declare const ContainerPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        boxShadow: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            color: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodString>>>;
+            offsetX: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            offsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            blur: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            spread: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            inset: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
     responsive: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         tablet: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
@@ -67,24 +75,24 @@ 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<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            div: "div";
             article: "article";
             aside: "aside";
-            div: "div";
             footer: "footer";
             header: "header";
             main: "main";
@@ -96,9 +104,46 @@ declare const ContainerPropsSchema: z.ZodObject<{
         showLink: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         linkTarget: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            _blank: "_blank";
             _self: "_self";
+            _blank: "_blank";
         }>>>;
+        animation: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            type: z.ZodEnum<{
+                none: "none";
+                "fade-in": "fade-in";
+                "slide-left": "slide-left";
+                "slide-right": "slide-right";
+                "slide-up": "slide-up";
+                "slide-down": "slide-down";
+                "zoom-in": "zoom-in";
+                bounce: "bounce";
+            }>;
+            trigger: z.ZodEnum<{
+                load: "load";
+                scroll: "scroll";
+                hover: "hover";
+                click: "click";
+            }>;
+            speed: z.ZodEnum<{
+                slow: "slow";
+                medium: "medium";
+                fast: "fast";
+            }>;
+            delay: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            disableOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        }, z.core.$strip>>>;
+        hoverEffect: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodBoolean;
+            scale: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            duration: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+            easing: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+                ease: "ease";
+                "ease-in": "ease-in";
+                "ease-in-out": "ease-in-out";
+                "ease-out": "ease-out";
+                linear: "linear";
+            }>>>;
+        }, z.core.$strip>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export default ContainerPropsSchema;

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

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

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

@@ -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<{
-            center: "center";
+            top: "top";
             bottom: "bottom";
-            left: "left";
             right: "right";
-            top: "top";
+            left: "left";
+            center: "center";
             "top-left": "top-left";
             "top-right": "top-right";
             "bottom-right": "bottom-right";

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

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

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

@@ -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<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         horizontalAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         repeatableEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         columnsCount: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;

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

@@ -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<{
-            left: "left";
             right: "right";
+            left: "left";
             up: "up";
             down: "down";
         }>>>;
@@ -41,8 +41,8 @@ declare const MarqueePropsSchema: z.ZodObject<{
         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";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{