pagepilot-visual-editor 1.0.30 → 1.0.34

package/dist/editor-sample/documents/editor/sectionScope.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Section-scoped template fields.
+ *
+ * A block template placed on a page is a "section". Its top-level block(s) are
+ * stamped with `data.templateSource` so the editor knows which template and
+ * category the section came from (used by "Change design" to preselect the
+ * category, and below to tell sections of the same kind apart).
+ *
+ * Fields are page-wide by id: a header and a footer that both use
+ * `{{phoneNumber}}` show one value. A second section of the SAME kind must not
+ * share, though — two FAQ sections need their own title and Q&A list. So when
+ * a section's fields collide with another section of its kind, EVERY field of
+ * the new section gets the same `__<n>` suffix (n ≥ 2) and its `{{tokens}}` are
+ * rewritten to match. The suffix is digits only because bare `{{tokens}}` only
+ * allow `[a-zA-Z0-9_]`.
+ *
+ * Pure functions over the document tree; callers write the results.
+ */
+export type TemplateSource = {
+    templateId?: string;
+    name?: string;
+    category?: string;
+    /** The `__<n>` suffix this section's fields carry; absent for plain ids. */
+    scope?: number;
+};
+type Doc = Record<string, any>;
+type Field = Record<string, any>;
+export declare const baseFieldId: (id: string) => string;
+export declare const getTemplateSource: (block: any) => TemplateSource | undefined;
+export declare const withTemplateSource: (block: any, source: TemplateSource) => any;
+export declare function subtreeIdsOf(doc: Doc, rootId: string): string[];
+/** Top-level `{{token}}` ids used by the given blocks (`{{this.x}}` excluded). */
+export declare function tokenIdsIn(doc: Doc, ids: Iterable<string>): Set<string>;
+/** Repeat fields bound to one block instance (container-repeat or items-array). */
+export declare const isBlockScoped: (f: Field) => boolean;
+export declare const scopedFieldName: (name: string, scope?: number) => string;
+export declare const blockIdsOutside: (doc: Doc, exclude: Set<string>) => string[];
+/** The fields a section uses: tokens inside it plus repeat fields anchored inside it. */
+export declare function sectionFieldsOf(doc: Doc, rootId: string, fields: Field[]): Field[];
+/**
+ * Decide the field ids for a section that was just added to `doc` (its blocks,
+ * `sectionIds`, are already in `doc`).
+ *
+ * - Existing fields with an incoming id that nothing outside the section uses
+ *   any more are dropped, so a swapped-in design takes the plain ids back.
+ * - When an incoming id collides with a field owned by a section of the same
+ *   kind, every incoming field is suffixed `__<n>` and the section's tokens
+ *   are rewritten; `blocks` holds the rewritten blocks and `scope` is `n`.
+ * - Otherwise nothing is renamed: the caller keeps its normal dedupe (scalars
+ *   shared by id, colliding repeat fields suffixed).
+ */
+export declare function scopeSectionFields({ doc, existing, incoming, sectionIds, source, }: {
+    doc: Doc;
+    existing: Field[];
+    incoming: Field[];
+    sectionIds: Set<string>;
+    source?: TemplateSource;
+}): {
+    existing: Field[];
+    incoming: Field[];
+    blocks: Doc;
+    scope?: number;
+};
+/**
+ * After sections are removed: a scoped section whose plain ids are all free
+ * again (no field uses them) takes them back, lowest scope first. Returns null
+ * when nothing changes.
+ */
+export declare function unscopeSections(doc: Doc, fields: Field[]): {
+    blocks: Doc;
+    fields: Field[];
+} | null;
+export {};

package/dist/editor-sample/documents/editor/templateVariables.d.ts

@@ -4,13 +4,14 @@ import { DateFormatPreset, TimeFormatPreset } from '../../../host-stubs/utils/da
  * The kinds of single-value template field. `array` is repeatable and handled
  * separately. `text` / `textarea` substitute as plain strings, `number` as a
  * numeric string, `image` as an image URL (used in Image/Avatar/Logo blocks),
+ * `video` a video URL — media-library file or YouTube link (used in Video blocks),
  * `date` an ISO date string rendered through a display format (see `dateFormat`).
  * `time` an ISO date string rendered as just its time portion (see `timeFormat`).
  * `datetime` one ISO string exposing TWO sub-tokens — `{{id.date}}` (formatted
  *   via `dateFormat`) and `{{id.time}}` (via `timeFormat`) — so a single value /
  *   API mapping can print its date and time in separate blocks.
  */
-export type TemplateScalarType = 'text' | 'textarea' | 'number' | 'image' | 'date' | 'time' | 'datetime';
+export type TemplateScalarType = 'text' | 'textarea' | 'number' | 'image' | 'video' | 'date' | 'time' | 'datetime';
 export type TemplateFormType = TemplateScalarType | 'array';
 /** All scalar types — used by both top-level fields and array sub-fields. */
 export declare const TEMPLATE_SCALAR_TYPES: TemplateScalarType[];
@@ -26,6 +27,12 @@ export type TemplateItemFieldDef = {
     /** `time` sub-fields only — 24h / AM/PM. Timezone reuses `dateTz`. */
     timeFormat?: TimeFormatPreset;
     dateTz?: string;
+    /**
+     * Items-array fields only: the block item key this sub-field writes to
+     * (e.g. MenuPicker `name` / `href`), so the variable id can be anything the
+     * author likes (`navLabel`). Falls back to `id` when absent.
+     */
+    mapsTo?: string;
 };
 export type TemplateArrayRow = Record<string, string>;
 export type TemplateFormField = {
@@ -159,6 +166,21 @@ export declare function stripTokenWrapper(html: string, { prefix, suffix }: {
     prefix: string;
     suffix: string;
 }): string;
+/**
+ * Like stripTokenWrapper, but also returns the EDITED wrapper (outermost
+ * layer) so toolbar changes made on it — e.g. clearing tablet/mobile
+ * `data-fs-*` on the wrapper span — can be written back to the block instead
+ * of being discarded with the strip. `prefix`/`suffix` are null when the
+ * wrapper couldn't be matched structurally.
+ */
+export declare function splitEditedTokenHtml(html: string, wrapper: {
+    prefix: string;
+    suffix: string;
+}): {
+    value: string;
+    prefix: string | null;
+    suffix: string | null;
+};
 /**
  * When a Text/Heading/Button block's text is a SINGLE template token
  * (`{{description}}` for a scalar field, or `{{this.sub}}` for a row sub-field
@@ -179,23 +201,18 @@ export declare function resolveEditableTokenField(rawText: string, blockId: stri
     value: string;
     apply: (next: string, forms: TemplateFormField[]) => TemplateFormField[];
 } | null;
-/**
- * Drop / repair form fields whose tokens or blocks were deleted from the editor
- * so the Variables tab stays in sync in real time.
- *
- *  - Scalar fields (text / textarea / number / image) and plain array fields
- *    (no sourceBlockId): removed when their {{id}} token no longer appears in
- *    any remaining block's text props.
- *  - Container-repeat array fields (sourceBlockId set):
- *      • sourceBlockId gone → whole field removed.
- *      • individual rowIds gone → those rows pruned.
- *
- * Returns the SAME reference when nothing changed so callers can skip a write.
- */
+/** Drop stale MenuPicker container-repeat fields. Same reference when none. */
+export declare function dropStaleMenuRepeatFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[]): TemplateFormField[];
 export declare function pruneOrphanFormFields(document: TEditorConfiguration | null | undefined, fields: TemplateFormField[] | null | undefined): TemplateFormField[];
 export declare function getTextFieldsForType(type: string | undefined): string[] | undefined;
 export declare function getTemplateForms(document: TEditorConfiguration | null | undefined): TemplateFormField[];
 export declare function applyVariables(input: string | null | undefined, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null): string;
+/**
+ * Resolve {{tokens}} in MenuPicker `menuItems[]` (name/label/href, recursing
+ * into `children[]`). Returns the SAME array reference when nothing changed.
+ */
+export declare function substituteMenuItems(items: any[] | null | undefined, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null): any[] | null | undefined;
+export declare function htmlToPlainText(html: string): string;
 export declare function substituteBlockText(block: any, fields: TemplateFormField[] | null | undefined, rowContext?: TemplateArrayRow | null, rowIndex?: Map<string, TemplateArrayRow> | null): any;
 /**
  * Permanently substitute every token into the document and drop `formFields`

package/dist/email-builder-core/blocks/Container/ContainerReader.d.ts

@@ -1,2 +1,2 @@
 import { ContainerProps } from './ContainerPropsSchema';
-export default function ContainerReader({ style, props, blockId }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export default function ContainerReader({ style, props, responsive, blockId }: ContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts

@@ -11,6 +11,10 @@ export declare const EmailLayoutPropsSchema: z.ZodObject<{
     borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     canvasColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
     textColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
+    hostTheme: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        follow: "follow";
+    }>>>;
     fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
         MODERN_SANS: "MODERN_SANS";
         BOOK_SANS: "BOOK_SANS";

package/dist/email-builder-core/blocks/FlexColumns/FlexColumnsPropsSchema.d.ts

@@ -49,6 +49,9 @@ declare const FlexColumnsPropsSchema: z.ZodObject<{
         columnShrink: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
         columnShrinkTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
         columnShrinkMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodBoolean>>>;
+        columnSpan: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+        columnSpanTablet: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
+        columnSpanMobile: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodNullable<z.ZodNumber>>>>;
         equalColumns: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         columns: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodObject<{
             childrenIds: z.ZodArray<z.ZodString>;

package/dist/email-builder-core/blocks/FlexColumns/flexColumnsHelpers.d.ts

@@ -40,6 +40,8 @@ export type DeviceLayout = {
     layout: FlexRowLayout;
     /** Per-column shrink-to-content flags, one entry per column. */
     shrink: boolean[];
+    /** Per-column 12-grid span, one entry per column; null = no span. */
+    span: (number | null)[];
     /** All non-shrink columns share the row width equally. */
     equalColumns: boolean;
     reverseColumns: boolean;
@@ -58,7 +60,7 @@ export declare function resolveDeviceLayout(props: FlexProps, device: FlexDevice
  *   equal  — take an identical share of the row, whatever the content
  *   plain  — grow from natural width
  */
-export type ColumnKind = 'plain' | 'equal' | 'shrink';
+export type ColumnKind = 'plain' | 'equal' | 'shrink' | 'span';
 /**
  * The block's complete stylesheet: structure, then one fully-restated sizing block
  * per device in ascending-specificity-free source order (desktop → tablet → mobile).
@@ -75,7 +77,7 @@ export declare function buildResponsiveRowCss(instanceClass: string, opts: {
  * owns that at every breakpoint. Kept for the editor canvas, which renders without
  * the stylesheet and needs the active device's sizing directly.
  */
-export declare function buildColumnStyle(kind: ColumnKind, stacked: boolean): CSSProperties;
+export declare function buildColumnStyle(kind: ColumnKind, stacked: boolean, span?: number | null, gap?: number): CSSProperties;
 /** The kind of a column on a given device — shared by the editor and the reader. */
 export declare function columnKindFor(index: number, device: DeviceLayout): ColumnKind;
 export {};

package/dist/email-builder-core/blocks/MenuPicker/MenuColumns.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+type Props = {
+    p: any;
+    menuItems: any[];
+    menuKey: string;
+    textColor: string;
+    submenuTextColor?: string | null;
+    submenuFontSize?: string | null;
+    backgroundColor: string;
+    fontFamily?: string;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+};
+declare const MenuColumns: ({ p, menuItems, menuKey, textColor, submenuTextColor, submenuFontSize, backgroundColor, fontFamily, start, end }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MenuColumns;

package/dist/email-builder-core/blocks/MenuPicker/MenuPropsSchema.d.ts

@@ -2,6 +2,10 @@ import { z } from 'zod';
 declare const MenuPropsInnerSchema: z.ZodObject<{
     menuId: z.ZodDefault<z.ZodString>;
     useCustomMenu: z.ZodDefault<z.ZodBoolean>;
+    navRole: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+        footer: "footer";
+        header: "header";
+    }>>>;
     stickyNav: z.ZodDefault<z.ZodBoolean>;
     stickyNavTablet: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
     stickyNavMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -13,6 +17,7 @@ declare const MenuPropsInnerSchema: z.ZodObject<{
     orientation: z.ZodDefault<z.ZodEnum<{
         vertical: "vertical";
         horizontal: "horizontal";
+        columns: "columns";
     }>>;
     menuItems: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodType<any, unknown, z.core.$ZodTypeInternals<any, unknown>>>>>;
     startChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
@@ -29,6 +34,9 @@ declare const MenuPropsInnerSchema: z.ZodObject<{
     submenuBackgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     submenuRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     submenuIconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+    submenuTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    submenuFontSize: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    submenuFontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     submenuPadding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         top: z.ZodNumber;
         right: z.ZodNumber;
@@ -71,6 +79,10 @@ export declare const MenuPropsSchema: z.ZodObject<{
     props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
         menuId: z.ZodDefault<z.ZodString>;
         useCustomMenu: z.ZodDefault<z.ZodBoolean>;
+        navRole: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
+            footer: "footer";
+            header: "header";
+        }>>>;
         stickyNav: z.ZodDefault<z.ZodBoolean>;
         stickyNavTablet: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
         stickyNavMobile: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
@@ -82,6 +94,7 @@ export declare const MenuPropsSchema: z.ZodObject<{
         orientation: z.ZodDefault<z.ZodEnum<{
             vertical: "vertical";
             horizontal: "horizontal";
+            columns: "columns";
         }>>;
         menuItems: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodType<any, unknown, z.core.$ZodTypeInternals<any, unknown>>>>>;
         startChildrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString>>>;
@@ -98,6 +111,9 @@ export declare const MenuPropsSchema: z.ZodObject<{
         submenuBackgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         submenuRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
         submenuIconSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
+        submenuTextColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        submenuFontSize: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+        submenuFontWeight: z.ZodNullable<z.ZodOptional<z.ZodString>>;
         submenuPadding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
             top: z.ZodNumber;
             right: z.ZodNumber;

package/dist/email-builder-core/renderers/themeTokens.d.ts

@@ -1,9 +1,105 @@
 /**
- * Author colors are rendered exactly as picked: there is no light/dark theming
- * of published output. These helpers are identity pass-throughs, kept so block
- * components can keep calling them without per-block churn.
+ * Host-application theme support.
+ *
+ * Published output follows the host's light/dark theme through CSS custom
+ * properties (`--pp-*`) defined by `HOST_THEME_CSS`. A color adapts only when it
+ * is rendered in a theme-role slot AND its value is null or that slot's own
+ * seed default; every other value stays literal. Light = variables undefined,
+ * so each `var(--pp-x, <literal>)` resolves to the original literal.
  */
+export type ThemeRole = 'text' | 'text-strong' | 'text-muted' | 'link' | 'surface' | 'surface-alt' | 'track' | 'border' | 'border-subtle';
+export type ThemeSlotDef = {
+    role: ThemeRole;
+    /** Values (normalized) that count as the editor-seeded default for this slot. */
+    seeds: string[];
+    /** Applied when raw is null. Without it a null raw stays undefined (inherits). */
+    nullFallback?: string;
+};
+export declare function normalizeColor(raw: string | null | undefined): string;
+/** Central registry of theme-aware slots (see host-theme-plan.md, matrix C). */
+export declare const THEME_SLOTS: {
+    readonly pageText: ThemeSlotDef;
+    readonly containerFill: ThemeSlotDef;
+    readonly layoutText: ThemeSlotDef;
+    readonly canvas: ThemeSlotDef;
+    readonly closeIcon: ThemeSlotDef;
+    readonly brandingText: ThemeSlotDef;
+    readonly blockText: ThemeSlotDef;
+    readonly listText: ThemeSlotDef;
+    readonly link: ThemeSlotDef;
+    readonly codeBg: ThemeSlotDef;
+    readonly quoteBorder: ThemeSlotDef;
+    readonly divider: ThemeSlotDef;
+    readonly tableText: ThemeSlotDef;
+    readonly tableBorder: ThemeSlotDef;
+    readonly tableHeaderBg: ThemeSlotDef;
+    readonly tableHeaderText: ThemeSlotDef;
+    readonly tableStripe: ThemeSlotDef;
+    readonly track: ThemeSlotDef;
+    readonly trackText: ThemeSlotDef;
+    readonly timerText: ThemeSlotDef;
+    readonly timerLabel: ThemeSlotDef;
+    readonly timerTrack: ThemeSlotDef;
+    readonly breadcrumbText: ThemeSlotDef;
+    readonly menuText: ThemeSlotDef;
+    readonly menuSurface: ThemeSlotDef;
+    readonly carouselArrow: ThemeSlotDef;
+    readonly carouselArrowBg: ThemeSlotDef;
+    readonly carouselArrowBorder: ThemeSlotDef;
+    readonly carouselDot: ThemeSlotDef;
+    readonly carouselDotActive: ThemeSlotDef;
+    readonly paginationBg: ThemeSlotDef;
+    readonly paginationText: ThemeSlotDef;
+    readonly paginationBorder: ThemeSlotDef;
+    readonly surface: ThemeSlotDef;
+    readonly surfaceLiteral: ThemeSlotDef;
+    readonly bgAdaptive: ThemeSlotDef;
+    readonly buttonText: ThemeSlotDef;
+    readonly borderAdaptive: ThemeSlotDef;
+    readonly borderSubtle: ThemeSlotDef;
+    readonly surfaceAlt: ThemeSlotDef;
+    readonly tabsRing: ThemeSlotDef;
+};
+export type ThemeSlotName = keyof typeof THEME_SLOTS;
+/** Dark-mode counterpart of an authored color, or null when it should stay as authored. */
+export declare function darkCounterpart(raw: string, kind: 'text' | 'bg'): string | null;
+/** True when this light solid background gets a dark counterpart (so no light lock is needed). */
+/** True when a background is effectively see-through (empty, transparent or alpha 0). */
+export declare function isClearBg(raw: string | null | undefined): boolean;
+export declare function isAdaptableBg(raw: string | null | undefined): boolean;
+type GradientKind = 'text' | 'bg' | 'border';
+export declare const gradientKindForRole: (role: ThemeRole) => GradientKind;
+/** Theme the seed colors of every gradient in `raw`; everything else is preserved verbatim. */
+export declare function themeGradient(raw: string, kind?: GradientKind): string;
+/** True when every opaque stop of the gradient adapts (so no light surface lock is needed). */
+export declare function isFullyAdaptiveGradient(raw: string, kind?: GradientKind): boolean;
+/** Resolve a raw color for a slot: var(--pp-role, literal) when adaptable, else literal. */
+export declare function themeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+export declare function useThemeSlot(raw: string | null | undefined, name: ThemeSlotName | ThemeSlotDef): string | undefined;
+/** Plain-function form for colors in lists/maps (no hook rules). */
+export declare function useThemeSlotter(): typeof themeSlot;
+/**
+ * Spread on the element that paints an author background. Locks the subtree to
+ * light so default text stays readable on author-painted surfaces.
+ */
+export declare function surfaceAttrs(bgRaw?: string | null, bgImage?: string | null, adaptiveSlot?: ThemeSlotName): {
+    'data-pp-surface'?: 'fixed';
+};
 export declare function useColorToken(raw: string | null | undefined): string | undefined;
-/** Plain-function form for colors that live in a list (no hook rules). */
 export declare function useColorTokenizer(): (raw: string | null | undefined) => string | undefined;
+/**
+ * Theme colors the rich-text toolbar baked into the markup (`<font color>` and
+ * inline `color:` declarations). Neutral dark text gets a light-dark() pair so it
+ * stays readable on a dark host; tinted/light colors stay as authored.
+ */
+export declare function themeHtmlColors(html: string): string;
+/** Inverse of themeHtmlColors: restores the authored color so edited HTML is saved untouched. */
+export declare function unthemeHtmlColors(html: string): string;
 export declare function useThemedHtml(html: string): string;
+/**
+ * Nearest marked element wins: marker rules DEFINE the variables on the element
+ * carrying the marker, descendants inherit. :where() keeps specificity at 0, so
+ * same-element conflicts are decided by source order (weakest first).
+ */
+export declare const HOST_THEME_CSS: string;
+export {};

package/dist/host-stubs/modules/allSlugs/allSlugsActions.d.ts

@@ -0,0 +1 @@
+export { noopListActions as default } from '../_hostListShim';

package/dist/host-stubs/modules/allSlugs/allSlugsSelectors.d.ts

@@ -0,0 +1 @@
+export { noopListSelectors as default } from '../_hostListShim';

package/dist/host-stubs/modules/content/view/contentViewSelectors.d.ts

@@ -0,0 +1,4 @@
+declare const contentViewSelectors: {
+    selectRecord: any;
+};
+export default contentViewSelectors;

package/dist/host-stubs/modules/shared/axios/authAxios.d.ts

@@ -1,6 +1,7 @@
 type AxiosLikeConfig = {
     headers?: Record<string, string>;
     params?: Record<string, unknown>;
+    signal?: AbortSignal;
 };
 type AxiosLikeResponse<T = any> = {
     data: T;

package/dist/host-stubs/modules/websiteV2/propagateFromPage.d.ts

@@ -0,0 +1,4 @@
+export type PropagateResult = {
+    updatedPages: number;
+};
+export declare const propagatePageEdits: (_websiteId: string, _pageId: string, _document: Record<string, any>) => Promise<PropagateResult>;

package/dist/host-stubs/view/page/form/dialog/PageVariablesPreview.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    document: any;
+};
+declare const PageVariablesPreview: ({ document }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PageVariablesPreview;

package/dist/host-stubs/view/shared/styles/Table.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledCellContainer: 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 StyledCellValue: 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<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCellValue: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "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" | "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<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledCopyIconContainer: 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>, {}, {}>;

package/dist/host-stubs/view/template/form/fields/renameFieldTokens.d.ts

@@ -0,0 +1,26 @@
+import { TemplateFieldDef } from './types';
+/**
+ * Maps of old → new ids for template fields renamed in the dialog.
+ * `fields` are top-level variables (`{{id}}`, `{{id.date}}`), `items` are
+ * array row sub-fields (`{{this.id}}`).
+ */
+export type FieldRenames = {
+    fields: Record<string, string>;
+    items: Record<string, string>;
+};
+export declare const EMPTY_RENAMES: FieldRenames;
+export declare const hasRenames: (r: FieldRenames) => boolean;
+/** `stableId → original id` snapshot taken when the dialog opens. */
+export type OriginalIds = {
+    fields: Map<string, string>;
+    items: Map<string, string>;
+};
+export declare function snapshotOriginalIds(fields: TemplateFieldDef[]): OriginalIds;
+/** Diffs the edited fields against the opening snapshot (matched by stableId). */
+export declare function computeRenames(fields: TemplateFieldDef[], original: OriginalIds): FieldRenames;
+/**
+ * Deep-rewrites `{{oldId}}` tokens inside every string of a JSON-like value.
+ * Returns the SAME reference when nothing changed so callers can cheaply
+ * detect which blocks were touched.
+ */
+export declare function renameTokensDeep<T>(value: T, renames: FieldRenames): T;

package/dist/host-stubs/view/template/form/fields/types.d.ts

@@ -1,3 +1,90 @@
+/** Single-value field kinds (everything except the repeatable `array`). */
+export type TemplateScalarType = 'text' | 'textarea' | 'number' | 'image' | 'video' | 'date' | 'time' | 'datetime';
+export type TemplateFieldType = TemplateScalarType | 'array';
+/** A row sub-field declared on an `array` template field. */
+export type TemplateItemFieldDef = {
+    /**
+     * Authoring-only React list key, distinct from the user-editable `id`.
+     * Generated client-side (see `addItem` / load-time backfill) and stripped
+     * before save — never sent to the backend.
+     */
+    stableId?: string;
+    id: string;
+    name: string;
+    /** Sub-field input kind. Defaults to `text`. */
+    type?: TemplateScalarType;
+    /** Author-set default value used to prefill the row on apply. */
+    defaultValue?: string;
+    /** `date` / `datetime` sub-fields — date display format (+ absolute-only tz). */
+    dateFormat?: import('../../../../utils/dateFormats').DateFormatPreset;
+    /** `time` / `datetime` sub-fields — 24h / AM/PM display. Timezone reuses `dateTz`. */
+    timeFormat?: import('../../../../utils/dateFormats').TimeFormatPreset;
+    dateTz?: string;
+};
+export type TemplateFieldDef = {
+    /**
+     * Authoring-only React list key, distinct from the user-editable `id`.
+     * Generated client-side (see `addField` / load-time backfill) and stripped
+     * before save — never sent to the backend.
+     */
+    stableId?: string;
+    id: string;
+    name: string;
+    type: TemplateFieldType;
+    /**
+     * Author flag: whether this field's block/content is meant to be repeated
+     * (e.g. across grid cells / carousel slides) once the template is applied.
+     * Purely descriptive metadata on the saved field — doesn't change how this
+     * dialog behaves, just carries the author's intent through to `formFields`.
+     */
+    repeatable?: boolean;
+    /** Author-set default — prefills the Variables tab when the template is applied. */
+    defaultValue?: string;
+    /** Declared row sub-fields — only present for `array` fields. */
+    itemFields?: TemplateItemFieldDef[];
+    /**
+     * `array` only — when set, this field repeats the CONTAINER block with this id
+     * instead of looping text. Auto-linked to the container being saved.
+     */
+    sourceBlockId?: string;
+    /**
+     * `array` + `sourceBlockId` only — ids of OTHER existing container blocks on the
+     * canvas (e.g. Carousel slides 2 & 3) that should be treated as pre-existing rows
+     * when the template is applied. These become the initial `rowIds` so all existing
+     * copies are wired up from the start.
+     */
+    additionalSourceBlockIds?: string[];
+    /**
+     * `array` + `sourceBlockId` only — per-row default data, one entry per row
+     * (row 0 = sourceBlock, row 1+ = additionalSourceBlockIds). Each entry is a
+     * map of subFieldId → defaultValue. Prefilled into the Variables tab on apply.
+     */
+    defaultRows?: Record<string, string>[];
+    /**
+     * Authoring-only convenience: blockId → that block's default-row data, so
+     * re-ordering the block selection keeps each block's typed values intact.
+     * Not persisted to the runtime field — `defaultRows` (positional) is the
+     * source of truth that gets saved.
+     */
+    defaultRowsByBlock?: Record<string, Record<string, string>>;
+    /**
+     * Tour/Demo templates only — which step this field belongs to. Zero-based.
+     * `undefined` means the field applies to all steps (legacy / global). On
+     * save, fields are grouped by `stepIndex` and embedded in that step's
+     * `contentMetadata.document.root.data.formFields`, so tokens declared for a
+     * given step travel with its document.
+     */
+    stepIndex?: number;
+};
+export declare const FIELD_TYPE_OPTIONS: {
+    value: TemplateFieldType;
+    label: string;
+}[];
+export declare const SUBFIELD_TYPE_OPTIONS: {
+    value: TemplateScalarType;
+    label: string;
+}[];
+/** Inline `{{token}}` chip styling used in hint text across the fields editor. */
 export declare const codeSx: {
     readonly px: 0.5;
     readonly py: 0.1;
@@ -5,3 +92,17 @@ export declare const codeSx: {
     readonly bgcolor: "action.hover";
     readonly fontSize: "0.85em";
 };
+/** Returns per-type TextField props (placeholder, multiline, input type). */
+export declare function defaultValueInputProps(type: TemplateScalarType | undefined): {
+    placeholder: string;
+    multiline: boolean;
+    minRows: number;
+    maxRows: number;
+    type: string;
+} | {
+    placeholder: string;
+    multiline: boolean;
+    type: string;
+    minRows?: undefined;
+    maxRows?: undefined;
+};