pagepilot-visual-editor 1.0.5 → 1.0.7

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

@@ -0,0 +1,101 @@
+/**
+ * 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[];
+/**
+ * Rewrite container-repeat fields' `sourceBlockId` / `rowIds` through an id
+ * remap. Used by individual-block apply: block ids are regenerated so the
+ * inserted section can't collide with existing content, and the field's
+ * source pointer has to follow.
+ */
+export declare function remapTemplateFormFields(formFields: any, idMapping: {
+    [oldId: string]: string;
+}): any[];
+/**
+ * Replace the current session's formFields with the incoming template's
+ * fields, then jump to the Variables tab. Called by full-doc / individual-
+ * block apply — the Variables panel only renders what's in editor state
+ * (`useTemplateForms`), not what's on the template record, so applying
+ * without this call would hide the tab even when the template declared
+ * variables.
+ */
+export declare function mergeTemplateFormFields(templateRecord: any, idMapping?: {
+    [oldId: string]: string;
+}): void;
+/**
+ * Merge incoming formFields into the existing set — used by
+ * "Add this section" so a shared `{{name}}` token keeps its value across
+ * templates. Container-repeat fields are keyed by `sourceBlockId` so two
+ * grids don't collide.
+ */
+export declare function appendTemplateFormFields(templateRecord: any, idMapping?: {
+    [oldId: string]: string;
+}): void;
+/**
+ * Rewrite an incoming template `configuration` (full-document shape) so it's
+ * safe to hand to `resetDocument` inside this build.
+ *
+ * Two problems this fixes:
+ *   - Templates may reference host-only picker blocks (`MenuPicker`,
+ *     `FaqPicker`, `DemoPicker`, …) that the standalone build strips out.
+ *     Rendering an unregistered block explodes with
+ *     "Cannot read properties of undefined (reading 'Component')".
+ *   - Templates saved from the visual editor bake in the last canvas
+ *     position (`position: 'absolute'`, `top: '243px'`, `left: '538px'`)
+ *     which pushes the whole document off-screen and looks like a blank
+ *     canvas.
+ *
+ * The normalizer drops every block whose `type` isn't registered locally
+ * (see `KNOWN_BLOCK_TYPES`) and clears absolute positioning from the root.
+ */
+export declare function normalizeTemplateForLocalEditor(configuration: any): any;
+/**
+ * Replace the current document with the template's document, keeping the
+ * host's canvas metadata (dimensions, background positioning, behaviour) on
+ * the root so applying a template doesn't reset viewport / layout config.
+ */
+export declare function applyFullDocumentTemplate(configuration: any, document: any, resetDocument: (doc: any) => void): void;
+/**
+ * Append an individual-block template to the current page. The template
+ * carries a `blocks` map keyed by the template's original ids; we generate
+ * fresh ids for every block (so nothing collides with existing content),
+ * remap all internal references, then attach the mapped root block id as a
+ * new child of the current page's root.
+ *
+ * Full-doc apply replaces the canvas; this one keeps everything and just
+ * appends a section. Matches ahd-fe's applyIndividualBlockTemplate with
+ * `replace = false`, minus the formFields plumbing (this build has no
+ * template variables UI).
+ */
+export declare function applyIndividualBlockTemplate(configuration: any, document: any, resetDocument: (doc: any) => void): {
+    idMapping: Record<string, string>;
+} | null;
+export declare function applyTemplateStylesOnly(configuration: any, document: any, resetDocument: (doc: any) => void): void;
+/**
+ * "Add this section" for full-document templates — append every block from
+ * the template to the current document with all block ids regenerated (so
+ * a second apply doesn't collide with the first). Root children get the
+ * template's root children appended.
+ *
+ * Returns the id mapping so callers can remap container-repeat form fields
+ * via `appendTemplateFormFields`.
+ */
+export declare function appendFullDocumentTemplate(configuration: any, document: any, resetDocument: (doc: any) => void): {
+    idMapping: Record<string, string>;
+};
+/**
+ * Parse a template's `configuration` field. The backend sometimes returns it
+ * as a raw JSON string (when persisted from other tools) and sometimes as an
+ * already-inflated object — normalize both shapes.
+ */
+export declare function parseTemplateConfiguration(configuration: unknown): any;

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

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

package/dist/editor-sample/App/InspectorDrawer/SeoPanel/SeoFieldLabel.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    label: string;
+    hint?: string;
+    hintIcon?: 'info' | 'help';
+};
+declare const SeoFieldLabel: React.FC<Props>;
+export default SeoFieldLabel;

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

@@ -0,0 +1,12 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const seoPanelRootSx: SxProps<Theme>;
+export declare const seoPanelHeaderSx: SxProps<Theme>;
+export declare const seoPanelTitleSx: SxProps<Theme>;
+export declare const seoFieldStackSx: SxProps<Theme>;
+export declare const seoFieldLabelRowSx: SxProps<Theme>;
+export declare const seoFieldLabelSx: SxProps<Theme>;
+export declare const seoFieldHintIconSx: SxProps<Theme>;
+export declare const seoFieldHelperSx: SxProps<Theme>;
+export declare const socialPreviewHelperSx: SxProps<Theme>;
+export declare const socialPreviewUploadButtonSx: SxProps<Theme>;
+export declare const seoScriptTextAreaSx: SxProps<Theme>;

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

@@ -0,0 +1,6 @@
+type Props = {
+    record: any;
+    onUpdateRecord?: (record: any) => void;
+};
+declare const SeoPanel: React.FC<Props>;
+export default SeoPanel;

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

@@ -0,0 +1,10 @@
+type ApiResponseDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    url: string;
+    loading: boolean;
+    response: string | null;
+    error: string | null;
+};
+export default function ApiResponseDialog({ open, onClose, url, loading, response, error, }: ApiResponseDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { TemplateArrayRow, TemplateFormField } from '../../../documents/editor/templateVariables';
+type ArrayFieldEditorProps = {
+    field: TemplateFormField;
+    onChange: (rows: TemplateArrayRow[]) => void;
+    onPatch?: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * Editor for an `array` template field. For a plain array it's a simple list of
+ * editable rows. For a REPEATABLE container field it splits into two collapsible
+ * sections: the Template Modifier (edit the single source template) and the
+ * Data Reference panel (drive the repeated copies from Custom / JSON / API).
+ */
+export default function ArrayFieldEditor({ field, onChange, onPatch }: ArrayFieldEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+/**
+ * The top-of-panel controls for a selected Grid / FlexColumns / Carousel block:
+ * a "Repeatable" toggle that reveals Choose/Change Template (picks a section
+ * template into the first slot) and Sync Styles to Copies. Repetition itself is
+ * driven from the field's Data Reference section (see ArrayFieldEditor).
+ */
+export default function ContainerRepeatSection({ containerId }: {
+    containerId: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+type DataReferenceDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    /** Comma-joined sub-field ids, shown in the description. */
+    subIdHint: string;
+    /** Pretty-printed example JSON array for this field. */
+    referenceJson: string;
+};
+/**
+ * Shows an example data shape (an array of objects keyed by the field's
+ * sub-fields) so authors know exactly which keys any data source must provide,
+ * with a Copy button.
+ */
+export default function DataReferenceDialog({ open, onClose, subIdHint, referenceJson }: DataReferenceDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { TemplateArrayRow, TemplateFormField } from '../../../documents/editor/templateVariables';
+type DataReferencePanelProps = {
+    field: TemplateFormField;
+    rows: TemplateArrayRow[];
+    itemFields: TemplateFormField['itemFields'];
+    expandedRow: number;
+    toggleRow: (rowIndex: number) => void;
+    addRow: () => void;
+    removeRow: (rowIndex: number) => void;
+    updateCell: (rowIndex: number, key: string, value: string) => void;
+    onPatch?: (patch: Partial<TemplateFormField>) => void;
+};
+/**
+ * "Data Reference" section for a repeatable container field: choose where the
+ * repeated copies get their data — Custom (manual per-copy rows), Custom JSON,
+ * an API endpoint, or a Menu. JSON/API/Menu seed one copy per object, mapping
+ * object keys → sub-field ids.
+ */
+export default function DataReferencePanel({ field, rows, itemFields, expandedRow, toggleRow, addRow, removeRow, updateCell, onPatch, }: DataReferencePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+type GrowDirectionDialogProps = {
+    /** Number of data items that need to fit (0 → dialog closed). */
+    itemCount: number;
+    open: boolean;
+    onCancel: () => void;
+    onConfirm: (direction: 'rows' | 'columns') => void;
+};
+/**
+ * Prompt shown when a Grid can't fit every incoming data item — the author
+ * chooses whether the grid grows by rows or columns before seeding.
+ */
+export default function GrowDirectionDialog({ itemCount, open, onCancel, onConfirm }: GrowDirectionDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+import { TemplateArrayRow, TemplateItemFieldDef } from '../../../documents/editor/templateVariables';
+type RowCardProps = {
+    rowIndex: number;
+    row: TemplateArrayRow;
+    itemFields: TemplateItemFieldDef[];
+    isExpanded: boolean;
+    onToggle: () => void;
+    /** null → no remove button (e.g. the source template row). */
+    onRemove: null | (() => void);
+    updateCell: (rowIndex: number, key: string, value: string) => void;
+    headerLabel: string;
+};
+/**
+ * The bare list of sub-field inputs for one row — no card chrome. Used inside
+ * RowCard (behind its collapse) and directly by the Template Modifier, which
+ * doesn't need a second collapsible layer around its single template row.
+ */
+export declare function RowFields({ rowIndex, row, itemFields, updateCell, sx, }: Pick<RowCardProps, 'rowIndex' | 'row' | 'itemFields' | 'updateCell'> & {
+    sx?: object;
+}): import("react/jsx-runtime").JSX.Element;
+/** One collapsible copy/template card in the Variables array editor. */
+export default function RowCard({ rowIndex, row, itemFields, isExpanded, onToggle, onRemove, updateCell, headerLabel, }: RowCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+type SectionHeaderProps = {
+    title: string;
+    subtitle?: string;
+    open: boolean;
+    onToggle: () => void;
+    subtitleAsHint?: boolean;
+};
+/**
+ * Collapsible section header (chevron + title + subtitle) used for the
+ * Template Modifier and Data Reference sections.
+ */
+export default function SectionHeader({ title, subtitle, open, onToggle, subtitleAsHint, }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+/** Human-readable labels for the repeatable container block types. */
+export declare const REPEATABLE_LABEL: Record<string, string>;

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

@@ -0,0 +1,34 @@
+import { TemplateFormField } from '../../../documents/editor/templateVariables';
+/** Report a seed/repeat result as a toast (shared by JSON / API / Menu sources). */
+export declare function reportSeedResult(count: number, total: number): void;
+/** Resolve a dot-path (e.g. "data.items") into a nested value. */
+export declare function resolvePath(obj: any, path: string): any;
+/**
+ * Build a two-row example JSON array keyed by a field's sub-field ids — the
+ * shape any data source (JSON / API / Menu) must provide to map correctly.
+ */
+export declare function buildReferenceJson(itemFields: TemplateFormField['itemFields']): string;
+/**
+ * Pull the array of objects out of an arbitrary API response. Accepts either a
+ * top-level array, or an object wrapping the array under a common key
+ * (data / rows / results / items / records). Returns null when no array is
+ * found so the caller can surface a clear error.
+ */
+export declare function extractArrayFromResponse(body: any): Record<string, any>[] | null;
+/**
+ * GET a URL and return the array of objects from its JSON response. Throws with
+ * a user-facing message on a bad URL, network error, non-OK status, non-JSON
+ * body, or a response that carries no array. Only GET is supported today
+ * (POST is planned — the panel disables it).
+ */
+export declare function fetchApiRows(url: string): Promise<Record<string, any>[]>;
+/**
+ * GET a URL and return its raw response as pretty-printed text, for the
+ * "Preview response" dialog. Unlike fetchApiRows this does NOT require an array
+ * — it shows whatever the endpoint returns (JSON pretty-printed, or plain text
+ * for a non-JSON body) so the author can see the real shape and fix their URL
+ * or mapping. Still throws on a bad URL / network error / non-OK status.
+ */
+export declare function fetchApiRaw(url: string): Promise<string>;
+/** Copy `text` to the clipboard, toasting success/failure. */
+export declare function copyToClipboard(text: string): Promise<void>;

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

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

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

@@ -0,0 +1,31 @@
+/** Append one repeat row: clone the source subtree into the next empty slot. */
+export declare function addContainerRepeatRow(fieldId: string): void;
+/**
+ * How many total slots the field's container has vs. how many rows the data
+ * needs — used to decide whether the grid must grow before seeding.
+ * Returns null when the field/container can't be resolved.
+ */
+export declare function getContainerCapacity(fieldId: string): {
+    containerId: string;
+    type: string;
+    slotCount: number;
+} | null;
+/**
+ * Grow the field's container so it can hold `neededSlots` cells, expanding
+ * either row-wise or column-wise (Grid) — FlexColumns/Columns ignore direction
+ * and grow their single axis. Commits the resized container to the document.
+ */
+export declare function growFieldContainer(fieldId: string, neededSlots: number, direction: 'rows' | 'columns'): void;
+/**
+ * Seed a container-repeat field from an array of data objects (the Data
+ * Reference flow). One object → one repeated copy: rows are grown by stamping
+ * clones (up to available container slots) until there's a row per object, then
+ * each object's values are written into its row by MATCHING keys to sub-field
+ * ids. Non-matching keys are ignored; unmatched sub-fields keep their existing
+ * value. Rows stay individually editable afterward ("seed once, then editable").
+ *
+ * Returns the number of rows seeded (clamped to slot capacity), or -1 on error.
+ */
+export declare function seedFieldFromData(fieldId: string, data: Record<string, any>[]): number;
+/** Remove one repeat row (rowIndex ≥ 1): delete its clone subtree + its row. */
+export declare function removeContainerRepeatRow(fieldId: string, rowIndex: number): void;

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

@@ -0,0 +1,53 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const panelRoot: SxProps<Theme>;
+export declare const panelHeader: SxProps<Theme>;
+export declare const panelTitle: SxProps<Theme>;
+export declare const panelDescription: SxProps<Theme>;
+export declare const panelContent: SxProps<Theme>;
+export declare const panelLearnMore: SxProps<Theme>;
+export declare const emptyState: SxProps<Theme>;
+export declare const paywallOverlay: SxProps<Theme>;
+export declare const paywallGhostContent: SxProps<Theme>;
+export declare const paywallGhostHeader: SxProps<Theme>;
+export declare const paywallGhostTitleText: SxProps<Theme>;
+export declare const paywallGhostSubText: SxProps<Theme>;
+export declare const paywallGhostFieldLabel: SxProps<Theme>;
+export declare const paywallGhostInput: SxProps<Theme>;
+export declare const paywallTitle: SxProps<Theme>;
+export declare const paywallDescription: SxProps<Theme>;
+export declare const paywallButton: SxProps<Theme>;
+export declare const paywallLearnMore: SxProps<Theme>;
+export declare const arrayFieldWrap: SxProps<Theme>;
+export declare const scalarFieldWrap: SxProps<Theme>;
+export declare const fieldLabel: SxProps<Theme>;
+export declare const containerSection: SxProps<Theme>;
+export declare const containerHeaderIcon: SxProps<Theme>;
+export declare const containerTypeLabel: SxProps<Theme>;
+export declare const containerSlotCount: SxProps<Theme>;
+export declare const fullActionButton: SxProps<Theme>;
+export declare const compactButton: SxProps<Theme>;
+export declare const compactRepeatButton: SxProps<Theme>;
+export declare const smallIcon: {
+    readonly fontSize: 13;
+};
+export declare const mediumIcon: {
+    readonly fontSize: 15;
+};
+export declare const sectionHeaderRow: SxProps<Theme>;
+export declare const chevronSlot: SxProps<Theme>;
+export declare const sectionHeaderTitle: SxProps<Theme>;
+export declare const sectionHeaderSubtitle: SxProps<Theme>;
+export declare const chevron: (open: boolean, size?: number, mr?: number) => SxProps<Theme>;
+export declare const sectionChevron: (open: boolean) => SxProps<Theme>;
+export declare const dataReferenceWrap: SxProps<Theme>;
+export declare const fullBleedDivider: SxProps<Theme>;
+export declare const fieldInput: SxProps<Theme>;
+export declare const fieldCaptionRow: SxProps<Theme>;
+export declare const sourceSelect: SxProps<Theme>;
+export declare const jsonTextField: SxProps<Theme>;
+export declare const rowCard: (isExpanded: boolean) => SxProps<Theme>;
+export declare const rowCardHeader: (isExpanded: boolean) => SxProps<Theme>;
+export declare const rowCardHeaderLabel: SxProps<Theme>;
+export declare const rowCardRemoveBtn: SxProps<Theme>;
+export declare const rowCardBody: SxProps<Theme>;
+export declare const rowCardSubLabel: SxProps<Theme>;

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

@@ -0,0 +1,4 @@
+export declare function setUpgradeHandler(handler: (() => void) | null | undefined): void;
+export declare function useUpgradeDialog(): {
+    openUpgrade: () => void;
+};

package/dist/editor-sample/App/InspectorDrawer/components/MiniRichTextInput.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type Props = {
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const MiniRichTextInput: React.FC<Props>;
+export default MiniRichTextInput;

package/dist/editor-sample/App/InspectorDrawer/components/ScalarFieldInput.d.ts

@@ -0,0 +1,10 @@
+import { TemplateScalarType } from '../../../documents/editor/templateVariables';
+type Props = {
+    type: TemplateScalarType;
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    onPaperBackground?: boolean;
+};
+declare const ScalarFieldInput: ({ type, label, value, onChange, onPaperBackground }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ScalarFieldInput;

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

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

@@ -4,6 +4,10 @@ declare const AccordionItemSchema: z.ZodObject<{
     contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
 }, z.core.$strip>;
 declare const AccordionPropsSchema: z.ZodObject<{
+    responsive: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        tablet: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+        mobile: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    }, z.core.$strip>>>;
     style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         borderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -34,6 +38,8 @@ declare const AccordionPropsSchema: z.ZodObject<{
         }, z.core.$strip>>>>;
         iconColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         iconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        defaultOpen: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
+        activeBorderColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type AccordionProps = z.infer<typeof AccordionPropsSchema>;

package/dist/editor-sample/documents/blocks/AppBannerPicker/AppBannerEditor.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { TReaderDocument } from '../../../../email-builder-core/index.ts';
+type PaddingValue = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+type Props = {
+    props?: {
+        bannerId?: string;
+        bannerName?: string | null;
+        contentDocument?: TReaderDocument | null;
+        padding?: PaddingValue | null;
+    } | null;
+};
+declare const AppBannerEditor: React.FC<Props>;
+export default AppBannerEditor;

package/dist/editor-sample/documents/blocks/AppBannerPicker/AppBannerPropsSchema.d.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+declare const AppBannerPropsSchema: z.ZodObject<{
+    bannerId: z.ZodDefault<z.ZodString>;
+    bannerName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    contentDocument: z.ZodNullable<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+    padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+        top: z.ZodNumber;
+        right: z.ZodNumber;
+        bottom: z.ZodNumber;
+        left: z.ZodNumber;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export default AppBannerPropsSchema;
+export type AppBannerPickerProps = z.infer<typeof AppBannerPropsSchema>;

package/dist/editor-sample/documents/blocks/AppBannerPicker/appBanner.styled.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const appBannerEditorEmptyState: CSSProperties;

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

@@ -12,18 +12,37 @@ 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";
+        }>>>;
+        directionTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            row: "row";
             column: "column";
+        }>>>;
+        directionMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             row: "row";
+            column: "column";
         }>>>;
         gap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
             center: "center";
+            "space-between": "space-between";
+            start: "start";
             end: "end";
+        }>>>;
+        alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            "space-between": "space-between";
             start: "start";
+            end: "end";
+        }>>>;
+        alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            center: "center";
             "space-between": "space-between";
+            start: "start";
+            end: "end";
         }>>>;
         wrap: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
-        fullWidthOnMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;

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

@@ -18,6 +18,12 @@ declare const CarouselPropsSchema: z.ZodObject<{
             right: z.ZodNumber;
             left: z.ZodNumber;
         }, z.core.$strip>>>;
+        margin: z.ZodNullable<z.ZodOptional<z.ZodObject<{
+            top: z.ZodNumber;
+            bottom: z.ZodNumber;
+            right: z.ZodNumber;
+            left: z.ZodNumber;
+        }, z.core.$strip>>>;
         slideGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         arrowColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         arrowBgColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
@@ -40,6 +46,7 @@ declare const CarouselPropsSchema: z.ZodObject<{
         items: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
             contentChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
         }, z.core.$strip>>>>;
+        repeatableEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
     }, z.core.$strip>>>;
 }, z.core.$strip>;
 export type CarouselProps = z.infer<typeof CarouselPropsSchema>;