pagepilot-visual-editor 1.0.9 → 1.0.10

package/README.md

@@ -939,10 +939,25 @@ const html = renderToStaticMarkup(myDoc, { rootBlockId: "root" });
 
 Higher-level renderer that always runs through the **same code path** the editor uses on Save Changes / Publish: bake formFields, sanitize block types this build doesn't know about (e.g. `Mdx` → `Text`), then call `renderToStaticMarkup`. One function, three call shapes — the first is sync, the API-backed shapes return a `Promise<string>`.
 
+#### Zero-dependency subpath (`pagepilot-visual-editor/render`)
+
+If you only need HTML generation (server-side, serverless, CLI, static export) and **don't** want to install MUI / Emotion / zustand just to import a render function, use the render subpath. It ships as an editor-free bundle whose only external dependencies are `react` and `react-dom/server`:
+
+```ts
+import { renderToStaticHtml } from "pagepilot-visual-editor/render";
+```
+
+```bash
+# Only react + react-dom needed for the render subpath.
+npm install pagepilot-visual-editor react react-dom
+```
+
+Nothing else changes — the same three call shapes and options documented below apply to both entries. The main entry (`import from "pagepilot-visual-editor"`) still exports the same symbol for hosts that already have MUI installed for `<PagePilotEditor>`.
+
 **1. Sync — render a document you already have in memory**
 
 ```ts
-import { renderToStaticHtml } from "pagepilot-visual-editor";
+import { renderToStaticHtml } from "pagepilot-visual-editor/render";
 
 const generatedHtml = renderToStaticHtml(CONFIGURATION, {
   rootBlockId: "root",

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

@@ -35,22 +35,22 @@ export declare const ButtonPropsSchema: z.ZodObject<{
             BEBAS_NEUE: "BEBAS_NEUE";
         }>>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bold: "bold";
-            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
+            normal: "normal";
+            bold: "bold";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         buttonTextAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -108,20 +108,20 @@ export declare const ButtonPropsSchema: z.ZodObject<{
         widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         size: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             small: "small";
-            large: "large";
             medium: "medium";
+            large: "large";
             "x-small": "x-small";
         }>>>;
         sizeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             small: "small";
-            large: "large";
             medium: "medium";
+            large: "large";
             "x-small": "x-small";
         }>>>;
         sizeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             small: "small";
-            large: "large";
             medium: "medium";
+            large: "large";
             "x-small": "x-small";
         }>>>;
         text: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -140,8 +140,8 @@ export declare const ButtonPropsSchema: z.ZodObject<{
         iconEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         iconAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            left: "left";
             right: "right";
+            left: "left";
         }>>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         goToStep: z.ZodNullable<z.ZodOptional<z.ZodString>>;

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

@@ -52,18 +52,18 @@ export declare const ColumnsContainerPropsSchema: z.ZodObject<{
             vertical: "vertical";
         }>>>;
         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/blocks-internal/block-container/src/index.d.ts

@@ -64,24 +64,24 @@ export 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";
@@ -93,8 +93,8 @@ export 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";
         }>>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;

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

@@ -24,8 +24,8 @@ export declare const GridPropsSchema: z.ZodObject<{
         columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
     }, z.core.$strip>>>;

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

@@ -11,8 +11,8 @@ export declare const HeadingPropsSchema: z.ZodObject<{
             h6: "h6";
         }>>>;
         linkType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            text: "text";
             link: "link";
+            text: "text";
         }>>>;
         url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         openInNewTab: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -55,12 +55,12 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bold: "bold";
-            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
+            normal: "normal";
+            bold: "bold";
         }>>>;
         fontStyle: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             normal: "normal";
@@ -68,14 +68,14 @@ export declare const HeadingPropsSchema: z.ZodObject<{
         }>>>;
         textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             none: "none";
-            "line-through": "line-through";
             underline: "underline";
+            "line-through": "line-through";
             "underline line-through": "underline line-through";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -102,4 +102,4 @@ export declare const HeadingPropsDefaults: {
     readonly openInNewTab: false;
 };
 export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 14 | 16 | 18 | 20 | 24 | 32;
+export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 32 | 24 | 20 | 18 | 16 | 14;

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

@@ -36,9 +36,9 @@ export declare const HtmlPropsSchema: z.ZodObject<{
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;

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

@@ -12,9 +12,9 @@ export declare const IframePropsSchema: 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/blocks-internal/block-image/src/index.d.ts

@@ -9,9 +9,9 @@ export declare const ImagePropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         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<{
@@ -37,8 +37,8 @@ export declare const ImagePropsSchema: z.ZodObject<{
         decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bottom: "bottom";
             top: "top";
+            bottom: "bottom";
             middle: "middle";
         }>>>;
         borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{

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

@@ -9,9 +9,9 @@ export declare const ListPropsSchema: z.ZodObject<{
         color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -32,19 +32,19 @@ export declare const ListPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            ordered: "ordered";
             unordered: "unordered";
+            ordered: "ordered";
         }>>>;
         marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            circle: "circle";
+            check: "check";
             none: "none";
+            circle: "circle";
             square: "square";
-            check: "check";
+            decimal: "decimal";
             disc: "disc";
             dash: "dash";
             arrow: "arrow";
             cross: "cross";
-            decimal: "decimal";
             "decimal-zero": "decimal-zero";
             "lower-alpha": "lower-alpha";
             "upper-alpha": "upper-alpha";

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

@@ -9,9 +9,9 @@ export declare const LogoPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>;
         backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
         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/blocks-internal/block-stepper/src/index.d.ts

@@ -3,9 +3,9 @@ export declare const StepperPropsSchema: 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">]>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
@@ -22,9 +22,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
     }, z.core.$strip>>>;
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            both: "both";
-            dots: "dots";
             numeric: "numeric";
+            dots: "dots";
+            both: "both";
         }>>>;
         totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
@@ -35,8 +35,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
         numericColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
         numericFontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         numericPosition: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            left: "left";
             right: "right";
+            left: "left";
             above: "above";
             below: "below";
         }>>>;

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

@@ -36,17 +36,17 @@ export declare const TextPropsSchema: z.ZodObject<{
             BEBAS_NEUE: "BEBAS_NEUE";
         }>>>;
         fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            bold: "bold";
-            normal: "normal";
             400: "400";
             500: "500";
             600: "600";
             700: "700";
+            normal: "normal";
+            bold: "bold";
         }>>>;
         textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            left: "left";
             right: "right";
+            left: "left";
+            center: "center";
         }>>>;
         padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;

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

@@ -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

@@ -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

@@ -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/LayersPanelStyles.d.ts

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

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