pagepilot-visual-editor 1.0.28 → 1.0.30

package/dist/editor/recordDirty.d.ts

@@ -0,0 +1,16 @@
+import { PageRecord } from './types';
+export interface RecordBaseline {
+    fields: string;
+    sections: Array<{
+        meta: string;
+        snapshot: string;
+    }>;
+}
+/** Capture the saved state the dirty check compares against. */
+export declare function captureRecordBaseline(record: PageRecord | null | undefined, sections: any[]): RecordBaseline;
+/**
+ * True when the record differs from `baseline` outside of the live canvas:
+ * sections added / removed / renamed / reordered / retyped, a section's
+ * stored document changed, or a sidebar-edited page field changed.
+ */
+export declare function isRecordDirty(baseline: RecordBaseline | null, record: PageRecord | null | undefined, sections: any[]): boolean;

package/dist/editor/renderSections.d.ts

@@ -1,2 +1,2 @@
-export { isExternalSection, renderDocumentForSave, combineSectionsToHtml, } from '../render-core/combineSections';
-export type { SectionForRender, RenderDocumentForSaveOptions, CombineSectionsOptions, } from '../render-core/combineSections';
+export { isExternalSection, externalSectionIdentifier, externalSectionAnchorHtml, renderDocumentForSave, combineSectionsToHtml, wrapSectionsInDocumentShell, } from '../render-core/combineSections';
+export type { SectionForRender, RenderDocumentForSaveOptions, CombineSectionsOptions, DocumentShellOptions, } from '../render-core/combineSections';

package/dist/editor/savePipeline.d.ts

@@ -0,0 +1,40 @@
+import { PageSection } from '../editor-sample/App/shared/pageSections';
+import { PageRecord } from './types';
+export interface PageScriptOptions {
+    injectTabsScrollSyncScript?: boolean;
+    injectCarouselScript?: boolean;
+    injectPaginationScript?: boolean;
+    injectAnimationScript?: boolean;
+}
+export interface BuildPageSaveInput extends PageScriptOptions {
+    record: PageRecord;
+    /** The record's sections. Empty for single-document records. */
+    sections: PageSection[];
+    /** Index of the section currently loaded into the canvas. */
+    activeSectionIndex: number;
+    /** The live canvas document (`editorStateStore.getState().document`). */
+    liveDocument: any;
+}
+export interface BuildPageSaveResult {
+    /** Active document as persisted — orphans pruned, `formFields` kept. */
+    document: any;
+    /** Active document with every template variable baked in. */
+    renderSource: any;
+    /** Full rendered HTML of the active (baked) document. */
+    activeHtml: string;
+    /**
+     * Sections exactly as ahd-fe sends them to `upsert-page-item`: every
+     * section carries `sectionType` + `identifier`, its rendered `content`, and
+     * `contentMetadata.document`. For a page record with no sections, ahd-fe
+     * synthesizes one section from the live document — so does this.
+     */
+    sections: PageSection[];
+    /** HTML for `SaveChangesPayload.html` (all sections inside a document shell). */
+    html: string;
+}
+/** `<body>` inner HTML of a rendered document — ahd-fe's `extractBodyInnerHtml`. */
+export declare function extractBodyInnerHtml(html: string): string;
+export declare function isPageRecord(record: PageRecord | null | undefined): boolean;
+/** Fill `sectionType` / `identifier` the way ahd-fe does before saving. */
+export declare function normalizeSections(sections: PageSection[]): PageSection[];
+export declare function buildPageSave({ record, sections: existingSections, activeSectionIndex, liveDocument, ...scripts }: BuildPageSaveInput): BuildPageSaveResult;

package/dist/editor/types.d.ts

@@ -14,6 +14,10 @@ export interface PageRecord {
     name?: string;
     /** Status badge displayed after the title ("draft" / "live" / …). */
     status?: string;
+    /** Public slug — used for the live / domain-preview URLs once published. */
+    slug?: string;
+    /** Initial canvas device (`"desktop"` / `"tablet"` / `"mobile"`). */
+    device?: "desktop" | "tablet" | "mobile" | string;
     contentMetadata?: {
         /** Editor document tree (the source of truth the canvas edits). */
         document?: any;
@@ -66,6 +70,32 @@ export interface SaveChangesPayload {
      *   `<!doctype html>` shell.
      */
     html: string;
+    /**
+     * Status the record was saved with: `"live"` for Publish, `"draft"` for
+     * Save Draft / Save as Draft, and the record's current status for Save
+     * Changes and autosave (matches ahd-fe — saving a live page keeps it live).
+     */
+    status?: string | null;
+    /**
+     * Sections exactly as sent to `upsert-page-item`: each one has
+     * `sectionType`, `identifier`, the rendered `content` (page `<body>` inner
+     * HTML, template variables baked in; external sections are an empty
+     * `<div id=identifier>` anchor) and `contentMetadata.document` (variables
+     * kept editable). For a single-document record this is one synthesized
+     * section, as ahd-fe sends.
+     */
+    sections?: any[];
+    /** Publish schedule chosen in the publish dialog, when one was submitted. */
+    schedule?: {
+        startDate?: Date | null;
+        endDate?: Date | null;
+    };
+    /**
+     * The pagepilot API's response to `upsert-page-item` when `apiConfig` is
+     * set. The editor merges it back into the record (and reports the result
+     * through `onUpdateRecord`) after the host callback resolves.
+     */
+    response?: any;
 }
 /** Per-control visibility for the topbar. Every key defaults to `true`
  *  EXCEPT `moreMenu` and `publish`, which default to `false`. */
@@ -191,6 +221,11 @@ export interface PagePilotEditorProps {
     onChange?: (document: any) => void;
     onSaveChanges?: (payload: SaveChangesPayload) => Promise<boolean | void> | boolean | void;
     onPublish?: (payload: SaveChangesPayload) => void | Promise<void>;
+    /**
+     * Replaces the built-in menu behind the Publish split-button arrow. When
+     * omitted, the editor shows its own menu: Publish, Live URL (when the page
+     * is live and the tenant is known) and Save as Draft.
+     */
     onPublishMenu?: (anchorEl: HTMLElement, payload: SaveChangesPayload) => void;
     renderPublish?: (args: {
         payload: SaveChangesPayload;

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

@@ -1 +1,23 @@
+export declare const dividerSx: {
+    mt: string;
+};
+export declare const gridContainerSx: {
+    py: string;
+};
+export declare const StyledElementIdContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledDivider: import('@emotion/styled').StyledComponent<import('@mui/material').DividerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "style" | "children" | "className" | "textAlign" | "orientation" | "light" | "absolute" | "variant" | "classes" | "sx" | "flexItem"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledPositionGrid: any;
+export declare const StyledTriggerGrid: any;
+export declare const StyledAnimationGrid: any;
+export declare const StyledTooltipDelay: any;
 export declare const StyledSwitch: import('@emotion/styled').StyledComponent<import('@mui/material').SwitchProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledSelect: import('@emotion/styled').StyledComponent<import('@mui/material').SelectProps<unknown> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledDismissSelect: import('@emotion/styled').StyledComponent<import('@mui/material').SelectProps<unknown> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledToggleButton: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "value" | "style" | "children" | "className" | "size" | "color" | "disabled" | "action" | "selected" | "onClick" | "tabIndex" | "fullWidth" | "classes" | "sx" | "onChange" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledTriggerButtonGroup: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonGroupProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+declare const BehaviourPanel: ({ record, activeStepIndex, isTypeDemo }: {
+    record: any;
+    activeStepIndex: any;
+    isTypeDemo: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BehaviourPanel;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/BrandColorPalette.d.ts

@@ -0,0 +1,9 @@
+import { BrandColor } from '../../../../host-stubs/view/branding/styles/types';
+type BrandColorPaletteProps = {
+    colors: BrandColor[];
+    onPick: (color: string) => void;
+    emptyHint: string;
+    onNavigateBranding?: () => void;
+};
+declare const BrandColorPalette: ({ colors, onPick, emptyHint, onNavigateBranding, }: BrandColorPaletteProps) => import("react/jsx-runtime").JSX.Element;
+export default BrandColorPalette;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/BrandEmptyLink.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    message: string;
+    /** Label for the clickable link. Defaults to "Go to Branding" */
+    linkLabel?: string;
+    onNavigate?: () => void;
+};
+declare const BrandEmptyLink: ({ message, linkLabel, onNavigate, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BrandEmptyLink;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/BrandPanel.styled.d.ts

@@ -0,0 +1,22 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const sectionRootSx: SxProps<Theme>;
+export declare const sectionTitleSx: SxProps<Theme>;
+export declare const colorSwatchTileSx: SxProps<Theme>;
+export declare const colorSwatchSx: (color: string) => SxProps<Theme>;
+export declare const colorSwatchLabelSx: SxProps<Theme>;
+export declare const fontListSx: SxProps<Theme>;
+export declare const fontRowSx: SxProps<Theme>;
+export declare const fontPreviewSx: (fontFamily: string, weight: string | number, fontSize: number) => SxProps<Theme>;
+export declare const logoFrameSx: SxProps<Theme>;
+export declare const logoImageStyle: React.CSSProperties;
+export declare const linkRowSx: SxProps<Theme>;
+export declare const linkAvatarSx: (isFirst: boolean) => SxProps<Theme>;
+export declare const linkAvatarIconSx: SxProps<Theme>;
+export declare const linkUrlSx: SxProps<Theme>;
+export declare const fontDetailsListSx: SxProps<Theme>;
+export declare const typographyListSx: SxProps<Theme>;
+export declare const typographyRowSx: SxProps<Theme>;
+export declare const typographyPreviewSx: (fontSize: number, color?: string | null) => SxProps<Theme>;
+export declare const typographyLabelSx: SxProps<Theme>;
+export declare const fontDetailLabelSx: SxProps<Theme>;
+export declare const fontDetailValueSx: SxProps<Theme>;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/BrandSection.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type BrandSectionProps = {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    hideDivider?: boolean;
+};
+declare const BrandSection: ({ title, children, hideDivider }: BrandSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default BrandSection;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/EmptyText.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type EmptyTextProps = {
+    children: React.ReactNode;
+};
+declare const EmptyText: ({ children }: EmptyTextProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyText;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/FontDetailsList.d.ts

@@ -0,0 +1,6 @@
+import { BrandFont } from '../../../../host-stubs/view/branding/styles/types';
+type FontDetailsListProps = {
+    font: BrandFont;
+};
+declare const FontDetailsList: ({ font }: FontDetailsListProps) => import("react/jsx-runtime").JSX.Element;
+export default FontDetailsList;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/index.d.ts

@@ -0,0 +1,5 @@
+interface BrandPanelProps {
+    onNavigateBranding?: () => void;
+}
+declare const BrandPanel: React.FC<BrandPanelProps>;
+export default BrandPanel;

package/dist/editor-sample/App/InspectorDrawer/BrandPanel/useBrandApply.d.ts

@@ -0,0 +1,9 @@
+import { BrandFont, BrandTypography, BrandTypographyLevel } from '../../../../host-stubs/view/branding/styles/types';
+export declare const useBrandApply: () => {
+    applyColor: (color: string) => void;
+    applyBackgroundColor: (color: string) => void;
+    applyFont: (font: BrandFont) => void;
+    applyTypography: (tag: keyof BrandTypography, level: BrandTypographyLevel) => void;
+    applyLogo: (url: string) => void;
+    applyLink: (url: string) => void;
+};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/ResponsiveDeviceTabs.d.ts

@@ -1,7 +1,5 @@
 type Props = {
-    /** Whether the active (non-desktop) device carries any overrides. */
     hasOverride?: boolean;
-    /** Clears every override on the active device. */
     onResetDevice?: () => void;
 };
 export default function ResponsiveDeviceTabs({ hasOverride, onResetDevice }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/blockStyleClipboard.d.ts

@@ -43,6 +43,7 @@ export type StyleClipboard = {
      * `data.style` (Text, Heading, …).
      */
     propsStyle?: Record<string, any>;
+    responsive?: Record<string, any>;
     /**
      * For rich-text blocks (currently just Text), the source's `data.props.text`
      * HTML markup. Block-level style fields (data.style) only carry block-wide
@@ -56,17 +57,10 @@ export type StyleClipboard = {
 };
 /** Section root: a curated whitelist of "visual" fields. We deliberately skip
  *  content-ish fields (backgroundImage, CTA text/link, language, demo positioning). */
-export declare const PAGE_PILOT_LAYOUT_STYLE_FIELDS: readonly ["canvasColor", "fontFamily", "textColor", "borderRadius", "borderColor", "borderWidth", "maxWidth", "maxHeight", "padding", "margin", "backdropColor", "ctaButtonBgColor", "ctaButtonTextColor", "ctaButtonPosition"];
+export declare const EMAIL_LAYOUT_STYLE_FIELDS: readonly ["canvasColor", "fontFamily", "textColor", "borderRadius", "borderColor", "borderWidth", "maxWidth", "maxHeight", "padding", "margin", "backdropColor", "ctaButtonBgColor", "ctaButtonTextColor", "ctaButtonPosition"];
 export declare function pickEmailLayoutStyle(data: Record<string, any>): Record<string, any>;
 export declare function readClipboard(): StyleClipboard | null;
 export declare function writeClipboard(c: StyleClipboard): void;
-/**
- * Consume the clipboard after a paste. We treat the format painter as
- * single-shot — once applied, the clipboard clears so an accidental second
- * paste can't smear the same style onto an unrelated block. Users can always
- * re-copy if they want another transfer.
- */
-export declare function clearClipboard(): void;
 /**
  * Decide what to copy off a given block.
  * - EmailLayout → curated flat fields

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/index.d.ts

@@ -1,4 +1 @@
-export default function ConfigurationPanel({ record, activeStepIndex, }: {
-    record: any;
-    activeStepIndex: number;
-}): import("react/jsx-runtime").JSX.Element;
+export default function ConfigurationPanel(record: any, activeStepIndex?: number): import("react/jsx-runtime").JSX.Element;

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

@@ -22,7 +22,8 @@ type SettingRowProps = {
     hideOnResponsive?: boolean;
     /** Hide this row on Desktop — show it only on the Tablet/Mobile device tabs. */
     hideOnDesktop?: boolean;
+    fitContent?: boolean;
 };
-export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, hideOnResponsive, hideOnDesktop, }: SettingRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingRow: ({ label, children, divider, background, mt, maxHeight, tooltip, hideOnResponsive, hideOnDesktop, fitContent, }: 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/FlexColumns/ColumnSection.d.ts

@@ -5,6 +5,8 @@ type ColumnSectionProps = {
     columnsCount: number;
     data: FlexColumnsProps;
     updateData: (d: unknown) => void;
+    /** The FlexColumns block's own id, used to find its container-repeat field. */
+    containerId?: string | null;
 };
 declare const ColumnSection: React.FC<ColumnSectionProps>;
 export default ColumnSection;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/FormsPickerSidebarPanel.d.ts

@@ -1,6 +1,7 @@
+import { FormsPickerStyle } from '../../../../documents/blocks/FormsPicker/FormsPropsSchema';
 type Props = {
     data: {
-        style?: any;
+        style?: FormsPickerStyle | null;
         props: {
             formId: string;
             formName?: string;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/MdxSidebarPanel.d.ts

@@ -0,0 +1,7 @@
+import { MdxProps } from '../../../../../blocks-internal/block-mdx/src/index.tsx';
+type MdxSidebarPanelProps = {
+    data: MdxProps;
+    setData: (v: MdxProps) => void;
+};
+export default function MdxSidebarPanel({ data, setData }: MdxSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -16,6 +16,22 @@ type Props = {
             backgroundColor?: string;
             textColor?: string;
             burgerDropdownBackgroundColor?: string | null;
+            submenuBackgroundColor?: string | null;
+            submenuRadius?: number | null;
+            submenuIconSize?: number | null;
+            submenuPadding?: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            } | null;
+            submenuItemPadding?: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            } | null;
+            submenuMinWidth?: number | null;
             fontSize?: string;
             fontFamily?: string | null;
             fontWeight?: string;
@@ -26,6 +42,12 @@ type Props = {
                 bottom: number;
                 left: number;
             } | null;
+            blockMargin?: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            } | null;
             gap?: string;
             showIcons?: boolean;
             iconSize?: string;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/QuillSidebarPanel.d.ts

@@ -0,0 +1,8 @@
+import { QuillProps } from '../../../../../blocks-internal/block-quill/src/index.tsx';
+type QuillSidebarPanelProps = {
+    data: QuillProps;
+    setData: (v: QuillProps) => void;
+    record: any;
+};
+export default function QuillSidebarPanel({ record, data, setData }: QuillSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/TextSidebarPanel.d.ts

@@ -2,7 +2,7 @@ import { TextProps } from '../../../../../blocks-internal/block-text/src/index.t
 type TextSidebarPanelProps = {
     data: TextProps;
     setData: (v: TextProps) => void;
-    record?: any;
+    record: any;
 };
-export default function TextSidebarPanel({ data, setData }: TextSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function TextSidebarPanel({ record: recordData, data, setData }: TextSidebarPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,12 +7,14 @@ export type TAnimationProps = {
 };
 /**
  * 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.
+ * has an `animation` field of this shape (see block-image's
+ * ImagePropsSchema.props.animation, the reference implementation this was
+ * factored out of). 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, }: {
+export default function AnimationSection({ rawAnimation, updateProps, cancelParentPadding, }: {
     rawAnimation: Partial<TAnimationProps> | null | undefined;
     updateProps: (patch: Record<string, any>) => void;
+    cancelParentPadding?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -7,7 +7,7 @@ export type THoverEffectProps = {
 /**
  * Reusable "Hover Effect" CollapsibleSection for Image and Container: a plain
  * CSS `:hover` scale/transition, distinct from AnimationSection's trigger-based
- * keyframe animations.
+ * keyframe animations (see block-image's ImagePropsSchema.props.hoverEffect).
  */
 export default function HoverEffectSection({ rawHoverEffect, updateProps, cancelParentPadding, }: {
     rawHoverEffect: Partial<THoverEffectProps> | null | undefined;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/imageSizeUnit.d.ts

@@ -0,0 +1,19 @@
+/**
+ * px ⇄ % conversion for the Image block's Width control.
+ *
+ * A `%` width on the Image block's <img> is a normal CSS containing-block
+ * percentage — it resolves against `.image-block`'s own content-box width at
+ * paint time (see block-image/src/index.tsx's sectionStyle/getImageWidth).
+ * Nothing in this codebase tracks that width as data, so converting an
+ * existing px value to its equivalent % (or back) requires reading the real
+ * rendered width from the canvas DOM.
+ */
+/**
+ * Content-box width (in px) of the selected Image block's `.image-block`
+ * wrapper in the live canvas, or null if it can't be found (block not
+ * mounted, mid-drag, etc). Same DOM lookup AnimationSection uses to find a
+ * block's own canvas node from its id.
+ */
+export declare function getImageContentBoxWidth(blockId: string | null | undefined): number | null;
+/** Converts a size value between px and % using `referencePx` as the 100% basis. */
+export declare function convertSizeValue(value: number, fromUnit: 'px' | '%', toUnit: 'px' | '%', referencePx: number | null | undefined): number;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/inputs/ColorInput/Picker.d.ts

@@ -31,8 +31,6 @@ type Props = {
     solidOnly?: boolean;
     /** Heading rendered in the reserved top strip, aligned with the close button. */
     title?: string;
-    /** When true, hides the "Transparent" / none button (e.g. callers where a
-     * transparent value doesn't make sense, like a required background). */
     hideTransparent?: boolean;
 };
 export default function Picker({ value, onChange, onApply, onTransparent, onClose, noneLabel, hideBrandColors, defaultValue, stickyActions, bodyMaxHeight, solidOnly, title, hideTransparent }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/ConfigurationPanel/input-panels/helpers/inputs/VariableLinkHint.d.ts

@@ -0,0 +1,8 @@
+/** Compact icon (fits inside an input) linking a locked, variable-bound value to its variable. */
+export declare function VariableLinkIcon({ value }: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Text hint shown under a locked, variable-bound input — jumps to the variable. */
+export default function VariableLinkHint({ value }: {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,8 @@ export interface EditorPanelToggles {
     layout?: boolean;
     inspect?: boolean;
     layers?: boolean;
+    /** Brand panel (brand colours / fonts). */
+    brand?: boolean;
     /** SEO settings panel (meta title / description / social preview / tags / …). */
     seo?: boolean;
     /**
@@ -26,12 +28,16 @@ interface EditorBehaviorProps {
     record: any;
     onTogglePreview: () => void;
     activeStepIndex: number;
+    needsAiSync?: boolean;
+    onAiSynced?: () => void;
     onBackgroundChange: any;
     onUpdateRecord?: (record: any) => void;
     onSaveChanges?: () => Promise<boolean>;
     onNavigateBranding?: () => void;
-    /** Toggle visibility of the four side panels. Defaults to all enabled. */
+    isPanelCollapsed?: boolean;
+    handleOpenPanel?: () => void;
+    /** Toggle visibility of the side panels. Defaults to all enabled. */
     panels?: EditorPanelToggles;
 }
-declare const EditorBehavior: ({ record, activeStepIndex, onBackgroundChange, onUpdateRecord, panels, }: EditorBehaviorProps) => import("react/jsx-runtime").JSX.Element;
+declare const EditorBehavior: ({ record, needsAiSync, onAiSynced, onTogglePreview, activeStepIndex, onBackgroundChange, onUpdateRecord, onSaveChanges, onNavigateBranding, isPanelCollapsed, handleOpenPanel, panels, }: EditorBehaviorProps) => import("react/jsx-runtime").JSX.Element;
 export default EditorBehavior;

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

@@ -7,7 +7,7 @@ export declare const HeaderBox: import('@emotion/styled').StyledComponent<import
 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" | "fontSize" | "fontFamily" | "fontWeight" | "fontStyle" | "textAlign" | "marginBottom" | "width" | "height" | "borderRadius" | "borderColor" | "gap" | "p" | "color" | "flex" | "display" | "position" | "border" | "paddingBottom" | "align" | "bgcolor" | "borderTop" | "px" | "boxShadow" | "overflow" | "variant" | "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" | "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" | "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>, "style" | "children" | "className" | "size" | "color" | "disabled" | "action" | "href" | "tabIndex" | "fullWidth" | "variant" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "disableElevation" | "endIcon" | "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" | "size" | "color" | "disabled" | "action" | "href" | "tabIndex" | "fullWidth" | "variant" | "classes" | "sx" | "loading" | "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/AiSupportedBadge.d.ts

@@ -0,0 +1,7 @@
+import { SxProps, Theme } from '@mui/material';
+interface AiSupportedBadgeProps {
+    size?: number;
+    sx?: SxProps<Theme>;
+}
+declare const AiSupportedBadge: ({ size, sx }: AiSupportedBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default AiSupportedBadge;

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

@@ -1,15 +1,7 @@
 interface SectionsModalProps {
     open: boolean;
     onClose: () => void;
-    /**
-     * Kept for API parity with ahd-fe. Ignored in the standalone build —
-     * every click goes through `applyIndividualBlockTemplate` /
-     * `applyFullDocumentTemplate` regardless of caller. The `onInsert`
-     * splice path in ahd-fe requires a `remapBlocks` step we don't want
-     * to duplicate here; the helper-based path already handles both
-     * individual-block and full-doc templates correctly.
-     */
     onInsert?: (block: any, preassignedId?: string) => void;
 }
-export default function SectionsModal({ open, onClose }: SectionsModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const SectionsModal: React.FC<SectionsModalProps>;
+export default SectionsModal;

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

@@ -27,8 +27,10 @@ declare const TabsIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JS
 declare const AccordionIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 declare const YoutubeUrlIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuPickerIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 declare const IframeIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 declare const FormIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListBlockIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 declare const SkipToMainIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Generic layout-preset glyph: draws one outlined rect per cell, positioned
@@ -48,8 +50,4 @@ export declare const GridPresetIcon: (props: SvgIconProps & {
     cells: PresetIconCell[];
 }) => import("react/jsx-runtime").JSX.Element;
 declare const TableIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
-declare const ProgressBarIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
-declare const TimerBlockIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
-declare const ListBlockIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
-declare const BreadcrumbIcon: (props?: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
-export { ContainerIcon, GridIcon, ImageIcon, TextIcon, ButtonIcon, HtmlIcon, VideoIcon, DividerIcon, DragIcon, HeadingIcon, StepperIcon, AvatarIcon, SpacerIcon, QuillEditorIcon, MarkDownIcon, VideoBlockIcon, LogoBlockIcon, FlexColumnsIcon, ColumnsIcon, GridBlockIcon, ContainerBlockIcon, SpacerBlockIcon, ButtonBlockIcon, ButtonGroupIcon, TabsIcon, AccordionIcon, YoutubeUrlIcon, MenuPickerIcon, IframeIcon, FormIcon, SkipToMainIcon, TableIcon, ProgressBarIcon, TimerBlockIcon, ListBlockIcon, BreadcrumbIcon, };
+export { ContainerIcon, GridIcon, ImageIcon, TextIcon, ButtonIcon, HtmlIcon, VideoIcon, DividerIcon, DragIcon, HeadingIcon, StepperIcon, AvatarIcon, SpacerIcon, QuillEditorIcon, MarkDownIcon, VideoBlockIcon, LogoBlockIcon, FlexColumnsIcon, ColumnsIcon, GridBlockIcon, ContainerBlockIcon, SpacerBlockIcon, ButtonBlockIcon, ButtonGroupIcon, TabsIcon, AccordionIcon, YoutubeUrlIcon, MenuPickerIcon, BreadcrumbIcon, IframeIcon, FormIcon, SkipToMainIcon, ListBlockIcon, TableIcon, };