@riverbankcms/sdk 0.76.0 → 0.77.1

package/dist/_dts/blocks/src/system/runtime/components/multi-step/runtimeFormValidation.d.ts

@@ -0,0 +1,28 @@
+import { type FieldValidationIssue } from '../../../manifest/fieldValidation';
+import type { StepValidationResult } from './types';
+import type { FormField } from './DynamicFormFields';
+type RuntimeSpecificFormValidationIssue = Readonly<{
+    kind: 'tooShort';
+    fieldId: string;
+    label: string;
+    minimum: number;
+}>;
+export type RuntimeFormValidationIssue = Readonly<{
+    kind: 'canonical';
+    issue: FieldValidationIssue;
+}> | RuntimeSpecificFormValidationIssue;
+export type RuntimeFormValidationResult = Readonly<{
+    valid: true;
+    issues: readonly [];
+}> | Readonly<{
+    valid: false;
+    issues: readonly RuntimeFormValidationIssue[];
+}>;
+export declare function validateRuntimeFormField(field: FormField, value: unknown): RuntimeFormValidationResult;
+export declare function getRuntimeFormFieldError(field: FormField, value: unknown): string | null;
+export declare function validateRuntimeFormFields(fields: readonly FormField[], data: Readonly<Record<string, unknown>>): StepValidationResult;
+export declare function listRuntimeFormValidationIssues(field: FormField, value: unknown): readonly RuntimeFormValidationIssue[];
+export declare function runtimeFormIssueToMessage(issue: RuntimeFormValidationIssue): string;
+export declare function isRuntimeFormValueMissing(field: FormField, value: unknown): boolean;
+export declare function coerceRuntimeNumberValue(value: unknown): number | null;
+export {};

package/dist/_dts/blocks/src/system/runtime/nodes/accordion.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type AccordionIcon } from '../../../../../theme-core/src/accordions/types';
+import type { AccordionIconTreatment } from '../../../../../theme-core/src/site-styles/index';
 type AccordionNodeBaseProps = {
     children?: React.ReactNode;
     className?: string;
@@ -31,6 +32,7 @@ export type AccordionItemNodeProps = {
     question?: unknown;
     answer?: unknown;
     iconStyle?: AccordionIcon | null;
+    iconTreatment?: AccordionIconTreatment | null;
     blockId?: string | null;
     blockKind?: string | null;
     blockContent?: unknown;

package/dist/_dts/blocks/src/system/runtime/nodes/accordion.server.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type AccordionIcon } from '../../../../../theme-core/src/accordions/types';
+import type { AccordionIconTreatment } from '../../../../../theme-core/src/site-styles/index';
 type AccordionNodeProps = {
     blockId?: string | null;
     children?: React.ReactNode;
@@ -17,6 +18,7 @@ type AccordionItemNodeProps = {
     question?: unknown;
     answer?: unknown;
     iconStyle?: AccordionIcon | null;
+    iconTreatment?: AccordionIconTreatment | null;
 };
 export declare const AccordionItemNodeSSR: React.FC<AccordionItemNodeProps>;
 export default AccordionNodeSSR;

package/dist/_dts/blocks/src/system/runtime/nodes/accordionIconTreatment.d.ts

@@ -0,0 +1,5 @@
+import { type AccordionIcon } from '../../../../../theme-core/src/accordions/types';
+import type { AccordionIconTreatment } from '../../../../../theme-core/src/site-styles/index';
+import type { CSSProperties } from 'react';
+export declare function resolveAccordionIconStyle(iconStyle: AccordionIcon | null | undefined, iconTreatment: AccordionIconTreatment | null | undefined): AccordionIcon;
+export declare function accordionIconColorStyle(iconTreatment: AccordionIconTreatment | null | undefined): CSSProperties | undefined;

package/dist/_dts/blocks/src/system/transforms/registry/layout.d.ts

@@ -1,7 +1,7 @@
-import { z } from "zod";
-import type { ThemeHeader } from "../../../../../theme-core/src/schema";
-import type { ThemeTokens } from "../../theme";
-import { type TransformDefinition } from "./core";
+import { z } from 'zod';
+import type { ThemeHeader } from '../../../../../theme-core/src/schema';
+import type { ThemeTokens } from '../../theme';
+import { type TransformDefinition } from './core';
 declare const maxWidthClassSchema: z.ZodObject<{
     base: z.ZodOptional<z.ZodString>;
     container: z.ZodOptional<z.ZodString>;
@@ -67,6 +67,7 @@ declare const footerRootClassSchema: z.ZodObject<{
 }, z.core.$strip>;
 export declare const footerRootClassTransform: TransformDefinition<z.infer<typeof footerRootClassSchema>>;
 export declare const headerRootStyleTransform: TransformDefinition;
+export declare const headerSectionBackgroundTransform: TransformDefinition;
 export declare const footerRootStyleTransform: TransformDefinition;
 declare const footerBottomBarClassSchema: z.ZodObject<{
     base: z.ZodOptional<z.ZodString>;

package/dist/_dts/blocks/src/system/transforms/typed.d.ts

@@ -25,6 +25,7 @@ export declare const transformDefinitions: {
         transparent?: string | undefined;
     }>;
     readonly "layout.headerRootStyle": TransformDefinition;
+    readonly "layout.headerSectionBackground": TransformDefinition;
     readonly "layout.footerRootStyle": TransformDefinition;
     readonly "layout.footerBottomBarClass": TransformDefinition<{
         base?: string | undefined;
@@ -111,7 +112,7 @@ export declare function bindProp(from: string, opts?: {
     readonly $bind: {
         readonly pick?: "value" | "collection" | "context" | undefined;
         readonly fallback?: {} | null | undefined;
-        readonly transforms?: TransformStep<"date.formatShort" | "boxStyles.semanticGap" | "boxStyles.semanticGapValue" | "ui.twoColumnContainerClass" | "ui.twoColumnFlexBasis" | "ui.sectionStateTone" | "string.uppercase" | "value.fallback" | "value.csv" | "layout.maxWidthClass" | "layout.headerRootClass" | "layout.footerRootClass" | "layout.headerRootStyle" | "layout.footerRootStyle" | "ui.headerNavLinkClass" | "ui.headingClassFromAlignment" | "ui.bodyClassFromAlignment" | "ui.stackAlignFromAlignment" | "ui.heroContentWrapperClass" | "ui.heroCtaJustify" | "ui.heroStackJustifyFromVerticalAlignment" | "ui.heroGridClassFromVerticalAlignment" | "ui.conditionalClass" | "media.fromUrl" | "content.interpolateRichTextTokens" | "layout.footerBottomBarClass" | "layout.footerBottomBarContainerClass" | "layout.footerBottomBarStyle" | "layout.footerSplitNavSingleClass" | "layout.footerSplitMainClass" | "layout.footerLogoClass" | "layout.footerLogoMediaClass" | "layout.footerLogoTextVisible">[] | undefined;
+        readonly transforms?: TransformStep<"date.formatShort" | "boxStyles.semanticGap" | "boxStyles.semanticGapValue" | "ui.twoColumnContainerClass" | "ui.twoColumnFlexBasis" | "ui.sectionStateTone" | "string.uppercase" | "value.fallback" | "value.csv" | "layout.maxWidthClass" | "layout.headerRootClass" | "layout.footerRootClass" | "layout.headerRootStyle" | "layout.headerSectionBackground" | "layout.footerRootStyle" | "ui.headerNavLinkClass" | "ui.headingClassFromAlignment" | "ui.bodyClassFromAlignment" | "ui.stackAlignFromAlignment" | "ui.heroContentWrapperClass" | "ui.heroCtaJustify" | "ui.heroStackJustifyFromVerticalAlignment" | "ui.heroGridClassFromVerticalAlignment" | "ui.conditionalClass" | "media.fromUrl" | "content.interpolateRichTextTokens" | "layout.footerBottomBarClass" | "layout.footerBottomBarContainerClass" | "layout.footerBottomBarStyle" | "layout.footerSplitNavSingleClass" | "layout.footerSplitMainClass" | "layout.footerLogoClass" | "layout.footerLogoMediaClass" | "layout.footerLogoTextVisible">[] | undefined;
         readonly from: string;
     };
 };

package/dist/_dts/content-editor/src/controller/EntryControllerProvider.d.ts

@@ -6,6 +6,7 @@ import { type PublishOptions } from "../hooks/useEntryActions";
 import { type ApiClient } from "../services";
 import type { DraftWorkflowStatus } from "../types";
 import { type EditorUiState } from "../ui/editorUiStore";
+import type { ResolveBlockManifest } from "../ui/blockValidationView";
 export type EntryControllerBlocksSlice = {
     list: BlockItem[];
     status: "idle" | "loading" | "error";
@@ -81,6 +82,7 @@ type BaseInternalProps = {
     initialPublishedContent?: Record<string, unknown> | null;
     onEntryUpdated?: (response: unknown) => void;
     historyShortcutsEnabled?: boolean;
+    resolveBlockManifest?: ResolveBlockManifest;
 };
 type PageInternalProps = BaseInternalProps & {
     kind: "page";

package/dist/_dts/content-editor/src/hooks/blockDraftLifecycle.d.ts

@@ -0,0 +1,48 @@
+import type { BlockDraftSaveability } from "../../../block-form/src/blockDraftSaveability";
+import type { EditorBlockId } from "../../../core/src/index";
+import type { AutosaveStatusValue } from "../ui/stores/types";
+import type { EditorDraftSnapshot } from "../ui/editorHistory";
+type CurrentEditorDraftSnapshot = EditorDraftSnapshot & {
+    current: NonNullable<EditorDraftSnapshot["current"]>;
+};
+export type BlockDraftLifecycle = Readonly<{
+    kind: "baseline";
+    blockId: EditorBlockId;
+}> | Readonly<{
+    kind: "validPending";
+    blockId: EditorBlockId;
+    version: number;
+}> | Readonly<{
+    kind: "invalidPending";
+    blockId: EditorBlockId;
+    issues: BlockDraftSaveability["issues"];
+}> | Readonly<{
+    kind: "saving";
+    blockId: EditorBlockId;
+    version: number;
+}> | Readonly<{
+    kind: "saveFailed";
+    blockId: EditorBlockId;
+    error: string;
+    issues: BlockDraftSaveability["issues"];
+}>;
+export type BlockDraftAutosaveDecision = Readonly<{
+    type: "save";
+    blockId: EditorBlockId;
+    data: Record<string, unknown>;
+    acknowledgedVersion: number;
+}> | Readonly<{
+    type: "skip";
+    blockId: EditorBlockId;
+    reason: "baseline" | "invalid" | "saving" | "saveFailed";
+}>;
+export declare function deriveBlockDraftLifecycle(input: Readonly<{
+    snapshot: EditorDraftSnapshot;
+    saveability: BlockDraftSaveability;
+    autosaveStatus?: AutosaveStatusValue;
+}>): BlockDraftLifecycle;
+export declare function deriveBlockDraftAutosaveDecision(input: Readonly<{
+    snapshot: CurrentEditorDraftSnapshot;
+    lifecycle: BlockDraftLifecycle;
+}>): BlockDraftAutosaveDecision;
+export {};

package/dist/_dts/content-editor/src/hooks/invalidBlockSelectors.d.ts

@@ -0,0 +1,4 @@
+import type { BlockDraftSaveability } from "../../../block-form/src/blockDraftSaveability";
+import type { EditorUiState } from "../ui/editorUiStore";
+export declare function isInvalidSaveability(saveability: BlockDraftSaveability): boolean;
+export declare function selectHasInvalidBlocks(state: Pick<EditorUiState, "blockValidation" | "drafts">): boolean;

package/dist/_dts/content-editor/src/hooks/publishability.d.ts

@@ -0,0 +1,47 @@
+import type { AutosaveStatus } from "../ui/stores/types";
+import type { EditorUnpublishedState } from "../controller/deriveEditorUnpublishedState";
+import { type BlockedPublishPlan } from "./blockedPublishPlan";
+import type { BlockValidationError } from "./validateBlocksForPublish";
+export type PublishDisabledReason = "noUnpublishedChanges" | "invalidBlocks" | "invalidBlockSummary" | "autosaveFailed";
+export type PublishabilityPlan = Readonly<{
+    kind: "allowed";
+    canPublish: true;
+    disablePublish: false;
+    blockedPublishPlan: Extract<BlockedPublishPlan, {
+        type: "allowed";
+    }>;
+}> | Readonly<{
+    kind: "blocked";
+    canPublish: false;
+    disablePublish: true;
+    reason: "invalidBlocks";
+    blockedPublishPlan: Extract<BlockedPublishPlan, {
+        type: "blocked";
+    }>;
+}> | Readonly<{
+    kind: "blocked";
+    canPublish: false;
+    disablePublish: true;
+    reason: Exclude<PublishDisabledReason, "invalidBlocks">;
+    blockedPublishPlan: Extract<BlockedPublishPlan, {
+        type: "allowed";
+    }>;
+}>;
+export type PublishabilityAutosaveState = Readonly<{
+    metadata: AutosaveStatus;
+    content: AutosaveStatus;
+    blocks: AutosaveStatus;
+}>;
+export type DerivePublishabilityInput = Readonly<{
+    unpublishedState: EditorUnpublishedState;
+    validationErrors: readonly BlockValidationError[];
+    /**
+     * Toolbar/status-bar shortcut used when block validation has already derived
+     * invalid blocks but does not have field-level publish errors/focus commands.
+     */
+    hasInvalidBlockSummary?: boolean;
+    drawerOpen: boolean;
+    autosave?: PublishabilityAutosaveState;
+    includeAutosaveFailures?: boolean;
+}>;
+export declare function derivePublishability(input: DerivePublishabilityInput): PublishabilityPlan;

package/dist/_dts/content-editor/src/index.d.ts

@@ -6,6 +6,7 @@ export { useStoreAutosave, type StoreAutosaveConfig, type AutosaveScope } from '
 export { useBlockAutosave, type BlockAutosaveOptions } from './hooks/useBlockAutosave';
 export { useEntryActions, type EntryActionsOptions } from './hooks/useEntryActions';
 export { useReactiveToolbar } from './hooks/useReactiveToolbar';
+export { isInvalidSaveability, selectHasInvalidBlocks } from './hooks/invalidBlockSelectors';
 export { useHistoryShortcuts } from './hooks/useHistoryShortcuts';
 export { validateAllBlocks, type BlockValidationError } from './hooks/validateBlocksForPublish';
 export { EntryControllerProvider, useEntryEditorController, useEntryController, useAutosave, useEntryUiStore, } from './controller/EntryControllerProvider';

package/dist/_dts/db/src/generated/supabase/database.types.d.ts

@@ -13253,7 +13253,9 @@ export type Database = {
                     button_personality_id: string | null;
                     created_at: string;
                     footer_look_id: string | null;
+                    header_layout_id: string | null;
                     header_look_id: string | null;
+                    header_style_id: string | null;
                     id: string;
                     is_current: boolean;
                     overrides: Json;
@@ -13262,6 +13264,9 @@ export type Database = {
                     site_id: string;
                     style_selection_version: number;
                     theme_id: string;
+                    typography_body_font_override: string | null;
+                    typography_heading_font_override: string | null;
+                    typography_preset_id: string | null;
                     updated_at: string;
                     user_id: string;
                 };
@@ -13269,7 +13274,9 @@ export type Database = {
                     button_personality_id?: string | null;
                     created_at?: string;
                     footer_look_id?: string | null;
+                    header_layout_id?: string | null;
                     header_look_id?: string | null;
+                    header_style_id?: string | null;
                     id?: string;
                     is_current?: boolean;
                     overrides?: Json;
@@ -13278,6 +13285,9 @@ export type Database = {
                     site_id: string;
                     style_selection_version?: number;
                     theme_id: string;
+                    typography_body_font_override?: string | null;
+                    typography_heading_font_override?: string | null;
+                    typography_preset_id?: string | null;
                     updated_at?: string;
                     user_id: string;
                 };
@@ -13285,7 +13295,9 @@ export type Database = {
                     button_personality_id?: string | null;
                     created_at?: string;
                     footer_look_id?: string | null;
+                    header_layout_id?: string | null;
                     header_look_id?: string | null;
+                    header_style_id?: string | null;
                     id?: string;
                     is_current?: boolean;
                     overrides?: Json;
@@ -13294,6 +13306,9 @@ export type Database = {
                     site_id?: string;
                     style_selection_version?: number;
                     theme_id?: string;
+                    typography_body_font_override?: string | null;
+                    typography_heading_font_override?: string | null;
+                    typography_preset_id?: string | null;
                     updated_at?: string;
                     user_id?: string;
                 };
@@ -15069,12 +15084,17 @@ export type Database = {
                     p_base_selection_version: number;
                     p_button_personality_id: string;
                     p_footer_look_id: string;
+                    p_header_layout_id?: string;
                     p_header_look_id: string;
+                    p_header_style_id?: string;
                     p_palette_overrides: Json;
                     p_palette_variant_id: string;
                     p_selection_id?: string;
                     p_site_id: string;
                     p_theme: Json;
+                    p_typography_body_font_override?: string;
+                    p_typography_heading_font_override?: string;
+                    p_typography_preset_id?: string;
                 };
                 Returns: {
                     outcome: string;

package/dist/_dts/editor-blocks/src/BlockEditor.d.ts

@@ -4,7 +4,7 @@ import { type ApiClient } from '../../api/src/request';
 import { type Theme } from '../../blocks/src/index';
 import type { PageDesignEditorReadModel } from '../../theme-core/src/site-styles/index';
 import { type EditorStructuralCommand } from '../../core/src/index';
-import { type SdkConfigForBlockPicker } from './block-editor/sdkBlockMerger';
+import { type CustomBlockRegistryEntry, type SdkConfigForBlockPicker } from './block-editor/sdkBlockMerger';
 import { type BlockActionControlMode } from './block-editor/actionControlMode';
 import { type ReorderControlMode } from './block-editor/reorderControlMode';
 import type { ArrayKeysManager, BlockEditorHandle, BlockItem, BlockFocusRequest, UiSlice, DraftsSlice } from './block-editor/types';
@@ -52,6 +52,7 @@ export type BlockEditorProps = {
     pageDesignEditorModel?: PageDesignEditorReadModel | null;
     enabledContentTypes?: string[];
     sdkConfig?: SdkConfigForBlockPicker | null;
+    customBlocks?: readonly CustomBlockRegistryEntry[];
     reorderControlMode?: ReorderControlMode;
     actionControlMode?: BlockActionControlMode;
 };

package/dist/_dts/editor-blocks/src/block-editor/SortableBlockItem.d.ts

@@ -2,7 +2,7 @@ import { type ComponentProps } from 'react';
 import { type Theme } from '../../../blocks/src/index';
 import type { PageDesignEditorBlock } from '../../../theme-core/src/site-styles/index';
 import type { BlockFocusRequest, BlockItem } from './types';
-import { type SdkConfigForBlockPicker } from './sdkBlockMerger';
+import { type CustomBlockRegistryEntry, type SdkConfigForBlockPicker } from './sdkBlockMerger';
 import { BlockCard } from './BlockCard';
 import type { FieldWidgetComponent } from '../../../block-form/src/client/index';
 import { type BlockActionControlMode } from './actionControlMode';
@@ -28,6 +28,7 @@ export declare const SortableBlockItem: import("react").NamedExoticComponent<{
     widgetOverrides?: Record<string, FieldWidgetComponent>;
     uiStore: ComponentProps<typeof BlockCard>["uiStore"];
     sdkConfig?: SdkConfigForBlockPicker | null;
+    customBlocks?: readonly CustomBlockRegistryEntry[];
     hideThemeV2RawStyleFields?: boolean;
     pageDesignBlock?: PageDesignEditorBlock | null;
     reorderControlMode?: ReorderControlMode;

package/dist/_dts/editor-blocks/src/block-editor/customBlockRegistry.d.ts

@@ -0,0 +1,2 @@
+export { createCustomBlockRegistry, mergeBlockDescriptorsWithRegistry, transformSdkBlockToDefinition, transformSdkBlockToManifest, transformToBlockDescriptor, } from '../../../blocks/src/index';
+export type { CustomBlockManifestSource, CustomBlockRegistry, CustomBlockRegistryEntry, ResolvedCustomBlockManifest, SdkConfigForBlockPicker, } from '../../../blocks/src/index';

package/dist/_dts/editor-blocks/src/block-editor/sdkBlockMerger.d.ts

@@ -1,42 +1,14 @@
 /**
- * SDK Block Merger
+ * Custom block registry helpers for block picker/editor lookup.
  *
- * Transforms SDK custom block definitions into BlockDescriptors and merges
- * them with system blocks for the block picker.
- *
- * Uses centralized transform functions from @riverbankcms/blocks to avoid duplication.
+ * The historical public file name is kept for package compatibility, but the
+ * implementation now resolves SDK-config fallback blocks and DB-backed custom
+ * block records through one registry contract.
  */
 import type { BlockDescriptor, BlockManifest, SdkCustomBlock } from '../../../blocks/src/index';
-import { transformSdkBlockToManifest, transformSdkBlockToDefinition } from '../../../blocks/src/index';
+import { createCustomBlockRegistry, mergeBlockDescriptorsWithRegistry, transformSdkBlockToDefinition, transformSdkBlockToManifest, transformToBlockDescriptor, type CustomBlockRegistryEntry, type SdkConfigForBlockPicker } from './customBlockRegistry';
+export type { CustomBlockManifestSource, CustomBlockRegistry, CustomBlockRegistryEntry, ResolvedCustomBlockManifest, SdkConfigForBlockPicker, } from './customBlockRegistry';
 export type { SdkCustomBlock } from '../../../blocks/src/index';
-/**
- * Minimal SDK config type for block picker purposes
- */
-export type SdkConfigForBlockPicker = {
-    customBlocks?: SdkCustomBlock[];
-};
-/**
- * Transforms an SDK custom block into a BlockDescriptor for the block picker.
- */
-declare function transformToBlockDescriptor(sdkBlock: SdkCustomBlock): BlockDescriptor;
-/**
- * Merges system block descriptors with SDK and DB custom blocks.
- *
- * Custom blocks are appended to the list. If there's a name conflict,
- * earlier sources take precedence (system > SDK > DB).
- *
- * @param systemBlocks - Block descriptors from listBlockDescriptors()
- * @param sdkConfig - SDK site configuration (may be null)
- * @param dbCustomBlocks - DB-loaded custom blocks for frontend sites (optional)
- * @returns Merged list of block descriptors
- */
-export declare function mergeBlockDescriptors(systemBlocks: BlockDescriptor[], sdkConfig: SdkConfigForBlockPicker | null, dbCustomBlocks?: SdkCustomBlock[]): BlockDescriptor[];
-/**
- * Gets the BlockManifest for a given block kind.
- *
- * Checks SDK custom blocks first, then DB custom blocks if provided.
- * Falls back to undefined (caller should use getBlockDefinition()).
- */
-export declare function getBlockManifestFromSdkConfig(blockKind: string, sdkConfig: SdkConfigForBlockPicker | null, dbCustomBlocks?: SdkCustomBlock[]): BlockManifest | undefined;
-export { transformSdkBlockToManifest, transformSdkBlockToDefinition };
-export { transformToBlockDescriptor };
+export declare function mergeBlockDescriptors(systemBlocks: BlockDescriptor[], sdkConfig: SdkConfigForBlockPicker | null, dbCustomBlocks?: SdkCustomBlock[] | readonly CustomBlockRegistryEntry[]): BlockDescriptor[];
+export declare function getBlockManifestFromSdkConfig(blockKind: string, sdkConfig: SdkConfigForBlockPicker | null, dbCustomBlocks?: SdkCustomBlock[] | readonly CustomBlockRegistryEntry[]): BlockManifest | undefined;
+export { createCustomBlockRegistry, mergeBlockDescriptorsWithRegistry, transformSdkBlockToManifest, transformSdkBlockToDefinition, transformToBlockDescriptor, };

package/dist/_dts/editor-blocks/src/index.d.ts

@@ -1,7 +1,7 @@
 export { BlockEditor } from './BlockEditor';
 export type { BlockEditorProps } from './BlockEditor';
-export { mergeBlockDescriptors, getBlockManifestFromSdkConfig, transformSdkBlockToManifest, transformSdkBlockToDefinition, transformToBlockDescriptor, } from './block-editor/sdkBlockMerger';
-export type { SdkCustomBlock, SdkConfigForBlockPicker } from './block-editor/sdkBlockMerger';
+export { createCustomBlockRegistry, mergeBlockDescriptorsWithRegistry, mergeBlockDescriptors, getBlockManifestFromSdkConfig, transformSdkBlockToManifest, transformSdkBlockToDefinition, transformToBlockDescriptor, } from './block-editor/sdkBlockMerger';
+export type { CustomBlockManifestSource, CustomBlockRegistry, CustomBlockRegistryEntry, ResolvedCustomBlockManifest, SdkCustomBlock, SdkConfigForBlockPicker, } from './block-editor/sdkBlockMerger';
 export type { BlockEditorHandle, BlockFocusRequest, BlockFocusTarget, BlockItem, } from './block-editor/types';
 export { useBlockListContext, useBlockListContextOptional, BlockListProvider } from './block-editor/BlockListContext';
 export type { BlockListContextValue } from './block-editor/BlockListContext';

package/dist/_dts/preview-next/src/client/index.d.ts

@@ -20,6 +20,9 @@ export type { PreviewBlock, PreviewContentEntryData, PreviewPageMetadata, } from
 export { PreviewEntryControllerProvider } from "./preview/PreviewEntryControllerProvider";
 export { PAGE_CONTENT_TYPE_SCHEMA } from "./preview/pageSchema";
 export { PreviewThemeOverlayProvider, usePreviewThemeOverlay, } from "./preview/themeOverlay";
+export type { PreviewDesignCommand, PreviewDesignIgnoredReason, PreviewDesignProducer, PreviewDesignState, PreviewDesignSurface, PreviewDesignTransition, PreviewThemeOverlayEffect, } from "./preview/previewDesignCoordinator";
+export { NO_PREVIEW_DESIGN_STATE, transitionPreviewDesignState, } from "./preview/previewDesignCoordinator";
+export { PreviewDesignCoordinatorProvider, usePreviewDesignCoordinator, } from "./preview/PreviewDesignCoordinatorContext";
 export type { PreviewEditorSidebarProps, PreviewEditorSidebarTab, PreviewEntryData, PreviewTemplateData, } from "./preview/PreviewEditorSidebar";
 export { PreviewEditorSidebar } from "./preview/PreviewEditorSidebar";
 export { PreviewAuthInit } from "./preview/PreviewAuthInit";

package/dist/_dts/preview-next/src/client/layout/PreviewLayoutContext.d.ts

@@ -1,19 +1,23 @@
 import { type ReactNode } from 'react';
+import type { SiteChromeRenderModel } from '../../../../blocks/src/client/site-chrome';
 type PreviewLayoutContextValue = Readonly<{
     headerNode: ReactNode;
     bannerNode?: ReactNode;
     footerNode: ReactNode;
+    siteChromeRenderModel?: SiteChromeRenderModel | null;
 }> | null;
-export declare function PreviewLayoutProvider({ headerNode, bannerNode, footerNode, children, }: {
+export declare function PreviewLayoutProvider({ headerNode, bannerNode, footerNode, siteChromeRenderModel, children, }: {
     headerNode: ReactNode;
     bannerNode?: ReactNode;
     footerNode: ReactNode;
+    siteChromeRenderModel?: SiteChromeRenderModel | null;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function usePreviewLayout(): Readonly<{
     headerNode: ReactNode;
     bannerNode?: ReactNode;
     footerNode: ReactNode;
+    siteChromeRenderModel?: SiteChromeRenderModel | null;
 }>;
 export declare function useOptionalPreviewLayout(): PreviewLayoutContextValue;
 export {};

package/dist/_dts/preview-next/src/client/preview/PreviewDesignCoordinatorContext.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import type { Theme } from '../../../../blocks/src/index';
+import type { Rfc6902Op } from '../utils/rfc6902';
+import { type PreviewDesignCommand, type PreviewDesignProducer, type PreviewDesignState, type PreviewDesignSurface, type PreviewDesignTransition } from './previewDesignCoordinator';
+import { type PreviewThemeOverlay } from './themeOverlay';
+export type PreviewDesignCoordinatorContextValue = Readonly<{
+    state: PreviewDesignState;
+    overlay: PreviewThemeOverlay;
+    dispatch: (command: PreviewDesignCommand) => PreviewDesignTransition;
+    previewTheme: (producer: PreviewDesignProducer, theme: Theme, sourcePlan: Exclude<PreviewDesignSurface, 'theme-json-patch'>) => PreviewDesignTransition;
+    previewThemePatch: (producer: PreviewDesignProducer, ops: readonly Rfc6902Op[]) => PreviewDesignTransition;
+    clearPreview: (producer: PreviewDesignProducer) => PreviewDesignTransition;
+    applyStarted: (producer: PreviewDesignProducer) => PreviewDesignTransition;
+    applySucceeded: (producer: PreviewDesignProducer) => PreviewDesignTransition;
+    applyFailed: (producer: PreviewDesignProducer) => PreviewDesignTransition;
+}>;
+export declare function PreviewDesignCoordinatorProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function usePreviewDesignCoordinator(): PreviewDesignCoordinatorContextValue;

package/dist/_dts/preview-next/src/client/preview/PreviewEditorSidebar.d.ts

@@ -7,7 +7,7 @@ import { type ContentTypeSchema } from "../../../../content-model/src/index";
 import { type ZoomLevel } from "../../../../content-editor/src/index";
 import type { ButtonPersonalityId } from "../../../../theme-core/src/buttons/index";
 import type { PaletteOverrides, PaletteVariantId } from "../../../../theme-core/src/palette/index";
-import type { FooterSelectionContext, FooterLookId, HeaderSelectionContext, HeaderLookId } from "../../../../theme-core/src/site-styles/index";
+import type { FooterSelectionContext, FooterLookId, HeaderLayoutId, HeaderSelectionContext, HeaderLookId, HeaderStyleId, TypographyPresetId } from "../../../../theme-core/src/site-styles/index";
 import type { PreviewDesignRow } from "./sidebarTabPreference";
 import type { ViewportMode, ViewportWidth } from "./PreviewViewportControls";
 import { type SiteStyleAccess } from "./siteStyleAccess";
@@ -39,6 +39,11 @@ export type PreviewEditorSidebarProps = {
     themeSelectionButtonPersonalityId?: ButtonPersonalityId | null;
     themeSelectionPaletteVariantId?: PaletteVariantId | null;
     themeSelectionPaletteOverrides?: PaletteOverrides | null;
+    themeSelectionHeaderLayoutId?: HeaderLayoutId | null;
+    themeSelectionHeaderStyleId?: HeaderStyleId | null;
+    themeSelectionTypographyPresetId?: TypographyPresetId | null;
+    themeSelectionTypographyBodyFontOverride?: string | null;
+    themeSelectionTypographyHeadingFontOverride?: string | null;
     themeSelectionHeaderLookId?: HeaderLookId | null;
     themeSelectionFooterLookId?: FooterLookId | null;
     themeSelectionHeaderContext?: Partial<HeaderSelectionContext>;
@@ -65,4 +70,4 @@ export type PreviewEditorSidebarProps = {
     onViewportWidthChange: (width: ViewportWidth) => void;
     onZoomChange: (zoom: ZoomLevel) => void;
 };
-export declare function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl, pageId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, theme, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, designRowRequest, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, siteStyleAccess, activeTab, onTabChange, onClose, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange, }: PreviewEditorSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewEditorSidebar({ surfaceId, siteId, dashboardBaseUrl, pageId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, theme, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLayoutId, themeSelectionHeaderStyleId, themeSelectionTypographyPresetId, themeSelectionTypographyBodyFontOverride, themeSelectionTypographyHeadingFontOverride, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, designRowRequest, apiClient, bearerToken, supabaseUrl, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, siteStyleAccess, activeTab, onTabChange, onClose, viewportMode, viewportWidth, zoom, onViewportModeChange, onViewportWidthChange, onZoomChange, }: PreviewEditorSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/_dts/preview-next/src/client/preview/PreviewShell.d.ts

@@ -2,7 +2,7 @@ import { type ComponentProps, type ReactNode } from "react";
 import { BlockApiProvider } from "../../../../blocks/src/client";
 import type { ButtonPersonalityId } from "../../../../theme-core/src/buttons/index";
 import type { PaletteOverrides, PaletteVariantId } from "../../../../theme-core/src/palette/index";
-import type { FooterSelectionContext, FooterLookId, HeaderSelectionContext, HeaderLookId } from "../../../../theme-core/src/site-styles/index";
+import type { FooterSelectionContext, FooterLookId, HeaderLayoutId, HeaderSelectionContext, HeaderLookId, HeaderStyleId, TypographyPresetId } from "../../../../theme-core/src/site-styles/index";
 import type { EntrySubrouteContextData, MediaAssetIndexItem, Theme } from "../../../../blocks/src/index";
 import type { ContentTypeSchema } from "../../../../content-model/src/index";
 import type { SdkConfigForBlockPicker } from "../../../../editor-blocks/src/index";
@@ -44,6 +44,11 @@ export type PreviewShellProps = {
     themeSelectionButtonPersonalityId?: ButtonPersonalityId | null;
     themeSelectionPaletteVariantId?: PaletteVariantId | null;
     themeSelectionPaletteOverrides?: PaletteOverrides | null;
+    themeSelectionHeaderLayoutId?: HeaderLayoutId | null;
+    themeSelectionHeaderStyleId?: HeaderStyleId | null;
+    themeSelectionTypographyPresetId?: TypographyPresetId | null;
+    themeSelectionTypographyBodyFontOverride?: string | null;
+    themeSelectionTypographyHeadingFontOverride?: string | null;
     themeSelectionHeaderLookId?: HeaderLookId | null;
     themeSelectionFooterLookId?: FooterLookId | null;
     themeSelectionHeaderContext?: Partial<HeaderSelectionContext>;
@@ -69,7 +74,7 @@ export type PreviewShellProps = {
     designEditorEligibility?: PreviewDesignEditorEligibility;
     baseFetch?: BaseFetch;
 };
-export declare function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl, surfaceId, theme, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, supabaseUrl, useThemeScope, designEditorEligibility, baseFetch, }: PreviewShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl, surfaceId, theme, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLayoutId, themeSelectionHeaderStyleId, themeSelectionTypographyPresetId, themeSelectionTypographyBodyFontOverride, themeSelectionTypographyHeadingFontOverride, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, supabaseUrl, useThemeScope, designEditorEligibility, baseFetch, }: PreviewShellProps): import("react/jsx-runtime").JSX.Element;
 export declare function defaultDesignEditorEligibility(input: Readonly<{
     pageId: string | null;
     entryData?: PreviewContentEntryData | null;

package/dist/_dts/preview-next/src/client/preview/PreviewShellLayout.d.ts

@@ -2,7 +2,7 @@ import { type ReactNode } from "react";
 import { type EntrySubrouteContextData, type MediaAssetIndexItem, type Theme } from "../../../../blocks/src/index";
 import type { ButtonPersonalityId } from "../../../../theme-core/src/buttons/index";
 import type { PaletteOverrides, PaletteVariantId } from "../../../../theme-core/src/palette/index";
-import type { FooterSelectionContext, HeaderSelectionContext, FooterLookId, HeaderLookId } from "../../../../theme-core/src/site-styles/index";
+import type { FooterSelectionContext, HeaderSelectionContext, FooterLookId, HeaderLayoutId, HeaderLookId, HeaderStyleId, TypographyPresetId } from "../../../../theme-core/src/site-styles/index";
 import type { ContentTypeSchema } from "../../../../content-model/src/index";
 import type { ApiClient } from "../../../../api/src/request";
 import type { SdkConfigForBlockPicker } from "../../../../editor-blocks/src/index";
@@ -30,6 +30,11 @@ export type PreviewShellLayoutProps = {
     themeSelectionButtonPersonalityId?: ButtonPersonalityId | null;
     themeSelectionPaletteVariantId?: PaletteVariantId | null;
     themeSelectionPaletteOverrides?: PaletteOverrides | null;
+    themeSelectionHeaderLayoutId?: HeaderLayoutId | null;
+    themeSelectionHeaderStyleId?: HeaderStyleId | null;
+    themeSelectionTypographyPresetId?: TypographyPresetId | null;
+    themeSelectionTypographyBodyFontOverride?: string | null;
+    themeSelectionTypographyHeadingFontOverride?: string | null;
     themeSelectionHeaderLookId?: HeaderLookId | null;
     themeSelectionFooterLookId?: FooterLookId | null;
     themeSelectionHeaderContext?: Partial<HeaderSelectionContext>;
@@ -44,4 +49,4 @@ export type PreviewShellLayoutProps = {
     useThemeScope?: boolean;
     siteStyleAccess?: SiteStyleAccess;
 };
-export declare function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseUrl, pageId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, apiClient, bearerToken, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, supabaseUrl, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, useThemeScope, siteStyleAccess, }: PreviewShellLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseUrl, pageId, entryData, contentTypeSchema, referenceContentTypeKeys, draftContent, currentTemplate, apiClient, bearerToken, themeId, themeSelectionId, themeSelectionVersion, themeSelectionUpdatedAt, themeSelectionButtonPersonalityId, themeSelectionPaletteVariantId, themeSelectionPaletteOverrides, themeSelectionHeaderLayoutId, themeSelectionHeaderStyleId, themeSelectionTypographyPresetId, themeSelectionTypographyBodyFontOverride, themeSelectionTypographyHeadingFontOverride, themeSelectionHeaderLookId, themeSelectionFooterLookId, themeSelectionHeaderContext, themeSelectionFooterContext, supabaseUrl, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, useThemeScope, siteStyleAccess, }: PreviewShellLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/_dts/preview-next/src/client/preview/PreviewThemedSiteDocument.d.ts

@@ -0,0 +1,18 @@
+import React, { type ReactElement, type ReactNode } from "react";
+import { type SiteChromeRenderModel } from "../../../../blocks/src/client/site-chrome";
+import type { ViewportMode } from "./PreviewViewportControls";
+export declare function PreviewThemedSiteDocument({ children, useThemeScope, useContainerResponsiveMode, viewportMode, viewportWidth, scale, contentHeight, scaleContainerRef, contentRef, staticHeaderNode, bannerNode, staticFooterNode, siteChromeRenderModel, }: {
+    children: ReactNode;
+    useThemeScope: boolean;
+    useContainerResponsiveMode: boolean;
+    viewportMode: ViewportMode;
+    viewportWidth: number | "full";
+    scale: number;
+    contentHeight: number;
+    scaleContainerRef: (node: HTMLDivElement | null) => void;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    staticHeaderNode: ReactNode;
+    bannerNode: ReactNode;
+    staticFooterNode: ReactNode;
+    siteChromeRenderModel: SiteChromeRenderModel | null;
+}): ReactElement | null;