@riverbankcms/sdk 0.82.0 → 0.84.1

package/dist/{chunk-6FWNF3DJ.mjs → chunk-QRKJDWT7.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-2BUMISSH.mjs';
-import { PreviewBlockCustomizeSelectionProvider, resolveSiteStyleAccess, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, usePreviewBlockCustomizeSelectionOptional, useBlockCustomizeControls, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, OfferingsPreviewWidgetProvider, previewWidgetOverrides, sanitizeDashboardPath } from './chunk-G35HOQEN.mjs';
-import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState } from './chunk-HKB6XVIP.mjs';
-import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, SiteChromeCustomizeProvider, ResizableSplitPane, BlockApiProvider, EditorProvider, PreviewDesignHistoryOrderProvider, MediaEditorProvider, useEditorUiStoreInstance, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, surfaceResolutionContextFromTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, usePreviewThemeOverlay, planSiteDocument, ThemeScope, FixedBottomSurface, Button, unsafeAsLinkedContentEntryId, sectionTransitionVariantForBoundaryOptionId, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionFamilies, X, defaultSectionTransitionVariantForFamily, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, canCycleBackgroundOverrideValue, FormRenderer, stableSerialize, prefetchBlockData, isSupportedLoaderEndpoint, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, buildThemeRuntime, renderBlock, siteHeaderManifest, siteFooterManifest, SiteDocumentLayout, SITE_CHROME_CLASS_NAMES, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, backgroundColorTokens, ChevronLeft, ChevronRight, createMicrobatcher, unwrapResponse, normalizePublicApiLoaderParams, visibleHeaderClearancePx, LINKED_CONTENT_ENTRY_META_KEY, useMediaEditorOptional, Image, defaultBackgroundOverrideForMode, decodePublicProductCategorySelectorQuery, EDITABLE_SURFACE_FORWARDING_PROP, useSiteChromeCustomizeOptional, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR, getLinkedContentEntryMeta, GRADIENT_PRESETS, resolveImageUrlWithContext, gradientToCss, Upload, MediaEditor, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, parseMediaAssetId, formatSiteChromeBackgroundTokenLabel, planBackgroundOverride, planBackgroundTransition, systemCustomizeFacetNextValue } from './chunk-XQR6THQJ.mjs';
-import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken } from './chunk-FIREV57T.mjs';
+import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-3LXFQS7T.mjs';
+import { PreviewBlockCustomizeSelectionProvider, resolveSiteStyleAccess, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, usePreviewBlockCustomizeSelectionOptional, useBlockCustomizeControls, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, OfferingsPreviewWidgetProvider, previewWidgetOverrides, sanitizeDashboardPath } from './chunk-X5ZCSU6F.mjs';
+import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState } from './chunk-RCTJAZSK.mjs';
+import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, SiteChromeCustomizeProvider, ResizableSplitPane, BlockApiProvider, EditorProvider, PreviewDesignHistoryOrderProvider, MediaEditorProvider, useEditorUiStoreInstance, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, surfaceResolutionContextFromTheme, designRuntimeRulesForTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, usePreviewThemeOverlay, planSiteDocument, ThemeScope, FixedBottomSurface, Button, unsafeAsLinkedContentEntryId, sectionTransitionVariantForBoundaryOptionId, sectionTransitionFamilyForBoundaryOptionId, sectionTransitionFamilies, X, defaultSectionTransitionVariantForFamily, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, canCycleBackgroundOverrideValue, FormRenderer, stableSerialize, prefetchBlockData, isSupportedLoaderEndpoint, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, buildThemeRuntime, renderBlock, siteHeaderManifest, siteFooterManifest, SiteDocumentLayout, SITE_CHROME_CLASS_NAMES, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, backgroundColorTokens, ChevronLeft, ChevronRight, createMicrobatcher, unwrapResponse, normalizePublicApiLoaderParams, visibleHeaderClearancePx, LINKED_CONTENT_ENTRY_META_KEY, useMediaEditorOptional, Image, defaultBackgroundOverrideForMode, decodePublicProductCategorySelectorQuery, EDITABLE_SURFACE_FORWARDING_PROP, useSiteChromeCustomizeOptional, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR, getLinkedContentEntryMeta, GRADIENT_PRESETS, resolveImageUrlWithContext, gradientToCss, Upload, MediaEditor, SECTION_BACKGROUND_MIN_SOURCE_WIDTH, SECTION_BACKGROUND_MIN_SOURCE_HEIGHT, parseMediaAssetId, formatSiteChromeBackgroundTokenLabel, planBackgroundOverride, planBackgroundTransition, systemCustomizeFacetNextValue } from './chunk-O62NDCTI.mjs';
+import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken } from './chunk-LBBPD2IW.mjs';
 import React10, { createContext, useMemo, useState, useEffect, useRef, useCallback, useId, useReducer, Children, isValidElement, Fragment as Fragment$1, cloneElement, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -203,13 +203,14 @@ function cloneRecord(value) {
 }
 
 // ../preview-next/src/client/blocks/previewProjection/runtimeContentDecoration.ts
-function runtimeContentDecorationProjectionFromEditorModel(editorModel, surfaceResolutionContext) {
+function runtimeContentDecorationProjectionFromEditorModel(editorModel, surfaceResolutionContext, designRules) {
   return {
     kind: "runtime-content-decoration",
     source: "page-design",
     fieldsByBlockId: buildEditorModelRuntimeFieldsByBlockId({
       editorModel,
-      surfaceResolutionContext
+      surfaceResolutionContext,
+      designRules
     })
   };
 }
@@ -491,6 +492,7 @@ function draftSnapshotMap(snapshots) {
 // ../preview-next/src/client/preview/linkedEntryEditEvents.ts
 var LINKED_ENTRY_EDIT_EVENT = "riverbank:preview:linked-entry-edit";
 var LINKED_ENTRY_FIELD_FOCUS_EVENT = "riverbank:preview:linked-entry-field-focus";
+var BLOCK_FIELD_FOCUS_EVENT = "riverbank:preview:block-field-focus";
 function dispatchLinkedEntryEditEvent(target) {
   window.dispatchEvent(new CustomEvent(LINKED_ENTRY_EDIT_EVENT, {
     detail: target
@@ -501,6 +503,11 @@ function dispatchLinkedEntryFieldFocusEvent(binding) {
     detail: binding
   }));
 }
+function dispatchBlockFieldFocusEvent(target) {
+  window.dispatchEvent(new CustomEvent(BLOCK_FIELD_FOCUS_EVENT, {
+    detail: target
+  }));
+}
 function isLinkedEntryEditEvent(event) {
   if (!(event instanceof CustomEvent)) return false;
   const detail = event.detail;
@@ -512,6 +519,11 @@ function isLinkedEntryFieldFocusEvent(event) {
   const write = detail?.write;
   return Boolean(detail) && typeof detail === "object" && detail.kind === "linked-entry-field" && Boolean(detail.target) && Boolean(write) && typeof write === "object" && typeof write.fieldPath === "string";
 }
+function isBlockFieldFocusEvent(event) {
+  if (!(event instanceof CustomEvent)) return false;
+  const detail = event.detail;
+  return Boolean(detail) && typeof detail === "object" && detail.kind === "block-field" && typeof detail.blockId === "string" && typeof detail.fieldPath === "string";
+}
 function requireClientRegistryComponent(key) {
   const component = clientComponentRegistry[key];
   if (!component) {
@@ -520,6 +532,15 @@ function requireClientRegistryComponent(key) {
   return component;
 }
 var ButtonComponent = requireClientRegistryComponent("button");
+function dispatchBlockFieldFocusEventFromPath(path) {
+  const match = path.match(/^blocks\.([^.]+)\.(.+)$/);
+  if (!match?.[1] || !match[2]) return;
+  dispatchBlockFieldFocusEvent({
+    kind: "block-field",
+    blockId: match[1],
+    fieldPath: match[2]
+  });
+}
 var TextWithEditor = ({ value, children, path, linkedEntryField, ...rest }) => {
   const raw = value ?? children;
   const content = typeof raw === "string" || typeof raw === "number" ? raw : "";
@@ -532,6 +553,7 @@ var TextWithEditor = ({ value, children, path, linkedEntryField, ...rest }) => {
         path,
         linkedEntryField,
         onLinkedEntryFieldFocus: dispatchLinkedEntryFieldFocusEvent,
+        onBlockFieldFocus: dispatchBlockFieldFocusEventFromPath,
         children: content
       }
     ) : /* @__PURE__ */ jsx(Text, { ...rest, children: content });
@@ -548,6 +570,7 @@ var RichTextWithEditor = ({ value, path, linkedEntryField, ...rest }) => {
         path,
         linkedEntryField,
         onLinkedEntryFieldFocus: dispatchLinkedEntryFieldFocusEvent,
+        onBlockFieldFocus: dispatchBlockFieldFocusEventFromPath,
         doc: value
       }
     );
@@ -1083,13 +1106,14 @@ function CustomizePopoverShell({
   onClose,
   onKeyDown,
   spacing = "normal",
+  side = "below",
   children
 }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
       id: panelId,
-      className: "builder-dashboard-chrome-theme fixed inset-x-3 bottom-[calc(var(--builder-editor-chrome-offset,0px)+1rem)] z-[70] rounded-lg border bg-background p-3 text-foreground shadow-xl sm:absolute sm:inset-x-auto sm:bottom-auto sm:right-0 sm:top-9 sm:w-72",
+      className: `builder-dashboard-chrome-theme fixed inset-x-3 bottom-[calc(var(--builder-editor-chrome-offset,0px)+1rem)] z-[70] max-h-[calc(100vh-var(--builder-editor-chrome-offset,0px)-2rem)] overflow-y-auto rounded-lg border bg-background p-3 text-foreground shadow-xl sm:absolute sm:inset-x-auto sm:right-0 sm:w-72 ${desktopPopoverSideClassName(side)}`,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": dialogLabel,
@@ -1123,6 +1147,9 @@ function CustomizePopoverShell({
     }
   );
 }
+function desktopPopoverSideClassName(side) {
+  return side === "above" ? "sm:bottom-9 sm:top-auto" : "sm:bottom-auto sm:top-9";
+}
 function CustomizeCycleRow({
   label,
   valueLabel,
@@ -2567,7 +2594,8 @@ function pageDesignRuntimeProjectionFromSource(source) {
   if (source.kind === "preserve-server-runtime") return null;
   return runtimeContentDecorationProjectionFromEditorModel(
     source.editorModel,
-    source.surfaceResolutionContext
+    source.surfaceResolutionContext,
+    source.designRules
   );
 }
 function resolveRuntimePreviewSource(input) {
@@ -2575,7 +2603,8 @@ function resolveRuntimePreviewSource(input) {
     return {
       kind: "apply-editor-model",
       editorModel: input.pageDesignState.editorModel,
-      surfaceResolutionContext: input.surfaceResolutionContext
+      surfaceResolutionContext: input.surfaceResolutionContext,
+      designRules: input.designRules
     };
   }
   return { kind: "preserve-server-runtime" };
@@ -2636,9 +2665,10 @@ function EditablePageRenderer(props) {
   const runtimePreviewSource = useMemo(
     () => resolveRuntimePreviewSource({
       pageDesignState,
-      surfaceResolutionContext
+      surfaceResolutionContext,
+      designRules: designRuntimeRulesForTheme(pageRendererProps.theme)
     }),
-    [pageDesignState, surfaceResolutionContext]
+    [pageDesignState, pageRendererProps.theme, surfaceResolutionContext]
   );
   const runtimeProjection = useMemo(
     () => pageDesignRuntimeProjectionFromSource(runtimePreviewSource),
@@ -4035,6 +4065,7 @@ function PreviewAuthBanner({
 // ../blocks/src/client/site-chrome.tsx
 function renderSiteChromeBlock(model, surface, theme, options = {}) {
   const spec = model[surface];
+  if (!spec) return null;
   const themeConfig = options.themeConfigOverrideMode === "ignore" ? theme : applyThemeConfigOverride(theme, spec.themeConfigOverride);
   const themeRuntime = buildThemeRuntime(themeConfig);
   const manifest = surface === "header" ? siteHeaderManifest : siteFooterManifest;
@@ -4065,6 +4096,12 @@ function SiteChromeCustomizeButton({
 }) {
   const customize = useSiteChromeCustomizeOptional();
   const popover = useCustomizePopoverController();
+  const popoverSide = useSiteChromeCustomizePopoverSide({
+    open: popover.open,
+    surface,
+    buttonRef: popover.buttonRef,
+    dialogRef: popover.dialogRef
+  });
   const surfaceState = customize?.getSurfaceState(surface) ?? {
     kind: "unavailable"
   };
@@ -4075,7 +4112,7 @@ function SiteChromeCustomizeButton({
     return surfaceState.options.filter((option) => option.available).length;
   }, [surfaceState]);
   const cycleableLayoutOptionCount = useMemo(() => {
-    if (surfaceState.kind !== "available" || surfaceState.surface !== "header") {
+    if (surfaceState.kind !== "available") {
       return 0;
     }
     return surfaceState.layoutOptions.filter((option) => option.available).length;
@@ -4086,7 +4123,7 @@ function SiteChromeCustomizeButton({
     }
     return {
       cycleRows: [
-        ...surfaceState.surface === "header" ? [
+        ...surfaceState.surface === "header" || surfaceState.surface === "footer" ? [
           {
             label: "Layout",
             valueLabel: surfaceState.currentLayoutLabel,
@@ -4167,6 +4204,7 @@ function SiteChromeCustomizeButton({
             closeButtonRef: popover.registerInitialFocus,
             onClose: popover.close,
             onKeyDown: popover.handleDialogKeyDown,
+            side: popoverSide,
             children: [
               controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
               background?.available ? /* @__PURE__ */ jsx(
@@ -4234,6 +4272,87 @@ function SiteChromeCustomizeButton({
     }
   );
 }
+var POPOVER_VIEWPORT_GUTTER_PX = 16;
+var POPOVER_UNMEASURED_MIN_SPACE_PX = 180;
+function useSiteChromeCustomizePopoverSide({
+  open,
+  surface,
+  buttonRef,
+  dialogRef
+}) {
+  const preferredSide = surface === "footer" ? "above" : "below";
+  const [side, setSide] = useState(preferredSide);
+  useEffect(() => {
+    if (!open) {
+      setSide(preferredSide);
+      return;
+    }
+    if (typeof window === "undefined") return;
+    let frame = null;
+    const update = () => {
+      const button = buttonRef.current;
+      if (!button) {
+        setSide(preferredSide);
+        return;
+      }
+      const buttonRect = button.getBoundingClientRect();
+      const panelHeight = dialogRef.current?.offsetHeight ?? 0;
+      setSide(
+        chooseSiteChromeCustomizePopoverSide({
+          preferredSide,
+          panelHeight,
+          availableAbove: buttonRect.top - POPOVER_VIEWPORT_GUTTER_PX,
+          availableBelow: window.innerHeight - buttonRect.bottom - POPOVER_VIEWPORT_GUTTER_PX
+        })
+      );
+    };
+    const scheduleUpdate = () => {
+      if (frame !== null) return;
+      frame = window.requestAnimationFrame(() => {
+        frame = null;
+        update();
+      });
+    };
+    scheduleUpdate();
+    window.addEventListener("resize", scheduleUpdate);
+    window.addEventListener("scroll", scheduleUpdate, true);
+    return () => {
+      if (frame !== null) {
+        window.cancelAnimationFrame(frame);
+      }
+      window.removeEventListener("resize", scheduleUpdate);
+      window.removeEventListener("scroll", scheduleUpdate, true);
+    };
+  }, [buttonRef, dialogRef, open, preferredSide]);
+  return side;
+}
+function chooseSiteChromeCustomizePopoverSide(input) {
+  const availableAbove = Math.max(0, input.availableAbove);
+  const availableBelow = Math.max(0, input.availableBelow);
+  const measuredPanelHeight = Number.isFinite(input.panelHeight) && input.panelHeight > 0 ? input.panelHeight : null;
+  if (measuredPanelHeight === null) {
+    if (input.preferredSide === "above" && availableAbove < POPOVER_UNMEASURED_MIN_SPACE_PX && availableBelow > availableAbove) {
+      return "below";
+    }
+    if (input.preferredSide === "below" && availableBelow < POPOVER_UNMEASURED_MIN_SPACE_PX && availableAbove > availableBelow) {
+      return "above";
+    }
+    return input.preferredSide;
+  }
+  if (input.preferredSide === "above" && measuredPanelHeight <= availableAbove) {
+    return "above";
+  }
+  if (input.preferredSide === "below" && measuredPanelHeight <= availableBelow) {
+    return "below";
+  }
+  if (measuredPanelHeight <= availableAbove && availableAbove >= availableBelow) {
+    return "above";
+  }
+  if (measuredPanelHeight <= availableBelow) {
+    return "below";
+  }
+  return availableAbove > availableBelow ? "above" : "below";
+}
 function SiteChromeBackgroundPalette({
   surface,
   background,
@@ -4451,14 +4570,15 @@ function PreviewThemedSiteDocument({
   siteChromeRenderModel
 }) {
   const { effectiveTheme } = usePreviewThemeOverlay();
+  const headerNode = siteChromeRenderModel?.header ? /* @__PURE__ */ jsx(SiteChromeEditableSurface, { surface: "header", children: renderSiteChromeBlock(siteChromeRenderModel, "header", effectiveTheme, {
+    themeConfigOverrideMode: "ignore"
+  }) }) : staticHeaderNode;
   const siteDocumentPlan = planSiteDocument({
     headerPositioning: effectiveTheme.header?.positioning ?? "static",
     headerVariant: effectiveTheme.header?.variant ?? null,
-    hasVisibleBanner: Boolean(bannerNode)
+    hasVisibleBanner: Boolean(bannerNode),
+    hasVisibleHeader: Boolean(headerNode)
   });
-  const headerNode = siteChromeRenderModel ? /* @__PURE__ */ jsx(SiteChromeEditableSurface, { surface: "header", children: renderSiteChromeBlock(siteChromeRenderModel, "header", effectiveTheme, {
-    themeConfigOverrideMode: "ignore"
-  }) }) : staticHeaderNode;
   const canRenderFooterReactively = Boolean(siteChromeRenderModel) && siteChromeRenderModel?.footer.canRenderReactively !== false;
   const footerNode = canRenderFooterReactively && siteChromeRenderModel ? /* @__PURE__ */ jsx(SiteChromeEditableSurface, { surface: "footer", preserveSingleComponentRoot: true, children: renderSiteChromeBlock(siteChromeRenderModel, "footer", effectiveTheme, {
     themeConfigOverrideMode: "ignore"
@@ -4573,22 +4693,40 @@ function LinkedEntryEditEventBridge() {
         fieldPath: event.detail.write.fieldPath
       });
     };
+    const handleBlockFieldFocus = (event) => {
+      if (!isBlockFieldFocusEvent(event)) return;
+      const state = uiStore.getState();
+      const blockId = unsafeAsEditorBlockId(event.detail.blockId);
+      state.setPreviewSidebarTab("editor");
+      state.setDrawerOpen(true);
+      state.setActivePreviewField({
+        kind: "block",
+        blockId,
+        fieldPath: event.detail.fieldPath
+      });
+      state.requestFocus({
+        blockId,
+        fieldPath: event.detail.fieldPath
+      });
+    };
     window.addEventListener(LINKED_ENTRY_EDIT_EVENT, handleLinkedEntryEdit);
     window.addEventListener(LINKED_ENTRY_FIELD_FOCUS_EVENT, handleLinkedEntryFieldFocus);
+    window.addEventListener(BLOCK_FIELD_FOCUS_EVENT, handleBlockFieldFocus);
     return () => {
       window.removeEventListener(LINKED_ENTRY_EDIT_EVENT, handleLinkedEntryEdit);
       window.removeEventListener(LINKED_ENTRY_FIELD_FOCUS_EVENT, handleLinkedEntryFieldFocus);
+      window.removeEventListener(BLOCK_FIELD_FOCUS_EVENT, handleBlockFieldFocus);
     };
   }, [uiStore]);
   return null;
 }
 var previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 var PreviewEditorSidebar = React10.lazy(async () => {
-  const mod = await import('./PreviewEditorSidebar-LHGK6RIO.mjs');
+  const mod = await import('./PreviewEditorSidebar-X7RLMEI6.mjs');
   return { default: mod.PreviewEditorSidebar };
 });
 var PreviewEditorUI = React10.lazy(async () => {
-  const mod = await import('./PreviewEditorUI-AXZG2SDC.mjs');
+  const mod = await import('./PreviewEditorUI-CT67N4O3.mjs');
   return { default: mod.PreviewEditorUI };
 });
 var previewPaneContainmentStyle = {

package/dist/{chunk-HKB6XVIP.mjs → chunk-RCTJAZSK.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { assertNever2, usePreviewDesignHistoryOrder, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, unwrapResponse, useDebouncedLatestSave, AMBIENT_BACKGROUND_ROLES, applyPageDesignEditorAction, resolvePreviewSidebarTab, confirmAutosaveBatch, beginAutosaveBatch, enqueueTransaction, applyBackgroundOverrideContentPatch, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, unsafeAsEditorBlockId, createHistoryState, rejectAutosaveBatch, redoHistory, undoHistory, pushHistoryEntry, idleEditorTransactionQueueState, canRedoHistory, deriveTransactionCapabilities, canUndoHistory, backgroundOverrideEquals, attachRenderableMediaAssetFields, planPageDesignLayoutLookCompatibility, unsafeAsEditorBlockValues } from './chunk-XQR6THQJ.mjs';
-import { ApiRequestError, resolveSurfaceDocumentAttributes, SURFACE_DOCUMENT_DATA_ATTRIBUTE, SURFACE_IDS } from './chunk-FIREV57T.mjs';
+import { assertNever2, usePreviewDesignHistoryOrder, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, unwrapResponse, useDebouncedLatestSave, AMBIENT_BACKGROUND_ROLES, applyPageDesignEditorAction, resolvePreviewSidebarTab, confirmAutosaveBatch, beginAutosaveBatch, enqueueTransaction, applyBackgroundOverrideContentPatch, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, unsafeAsEditorBlockId, createHistoryState, rejectAutosaveBatch, redoHistory, undoHistory, pushHistoryEntry, idleEditorTransactionQueueState, canRedoHistory, deriveTransactionCapabilities, canUndoHistory, backgroundOverrideEquals, attachRenderableMediaAssetFields, planPageDesignLayoutLookCompatibility, unsafeAsEditorBlockValues } from './chunk-O62NDCTI.mjs';
+import { ApiRequestError, resolveSurfaceDocumentAttributes, SURFACE_DOCUMENT_DATA_ATTRIBUTE, SURFACE_IDS } from './chunk-LBBPD2IW.mjs';
 import { createContext, useState, useRef, useEffect, useMemo, useLayoutEffect, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';