@riverbankcms/sdk 0.72.0 → 0.74.0

package/dist/_dts/theme-core/src/shared/componentStyles.d.ts

@@ -18,13 +18,13 @@ export declare const componentBorderSchema: z.ZodObject<{
     width: z.ZodDefault<z.ZodEnum<{
         medium: "medium";
         none: "none";
-        thin: "thin";
         thick: "thick";
+        thin: "thin";
         hairline: "hairline";
     }>>;
     style: z.ZodDefault<z.ZodEnum<{
-        solid: "solid";
         dashed: "dashed";
+        solid: "solid";
     }>>;
     colorToken: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;

package/dist/_dts/theme-core/src/site-styles/designState.d.ts

@@ -123,8 +123,8 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
         kind: z.ZodLiteral<"panel">;
         treatment: z.ZodEnum<{
             editorial: "editorial";
-            raised: "raised";
             inset: "inset";
+            raised: "raised";
         }>;
     }, z.core.$strict>, z.ZodObject<{
         kind: z.ZodLiteral<"flush-panel">;
@@ -133,8 +133,8 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
         }>;
         bleed: z.ZodEnum<{
             both: "both";
-            start: "start";
             end: "end";
+            start: "start";
         }>;
     }, z.core.$strict>], "kind">;
     itemSurface: z.ZodEnum<{
@@ -142,9 +142,9 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
         none: "none";
         default: "default";
         editorial: "editorial";
+        inset: "inset";
         raised: "raised";
         outlined: "outlined";
-        inset: "inset";
     }>;
     transitionAfter: z.ZodEnum<{
         none: "none";
@@ -155,8 +155,8 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
     }>;
     emphasis: z.ZodEnum<{
         medium: "medium";
-        low: "low";
         high: "high";
+        low: "low";
     }>;
     sectionHeight: z.ZodOptional<z.ZodEnum<{
         default: "default";
@@ -317,8 +317,8 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
             kind: z.ZodLiteral<"panel">;
             treatment: z.ZodEnum<{
                 editorial: "editorial";
-                raised: "raised";
                 inset: "inset";
+                raised: "raised";
             }>;
         }, z.core.$strict>, z.ZodObject<{
             kind: z.ZodLiteral<"flush-panel">;
@@ -327,8 +327,8 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
             }>;
             bleed: z.ZodEnum<{
                 both: "both";
-                start: "start";
                 end: "end";
+                start: "start";
             }>;
         }, z.core.$strict>], "kind">;
         itemSurface: z.ZodEnum<{
@@ -336,9 +336,9 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
             none: "none";
             default: "default";
             editorial: "editorial";
+            inset: "inset";
             raised: "raised";
             outlined: "outlined";
-            inset: "inset";
         }>;
         transitionAfter: z.ZodEnum<{
             none: "none";
@@ -349,8 +349,8 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
         }>;
         emphasis: z.ZodEnum<{
             medium: "medium";
-            low: "low";
             high: "high";
+            low: "low";
         }>;
         sectionHeight: z.ZodOptional<z.ZodEnum<{
             default: "default";

package/dist/_dts/theme-core/src/site-styles/generatedSchemas.d.ts

@@ -5,8 +5,8 @@ export declare const generatedContentFrameIntentSchema: z.ZodDiscriminatedUnion<
 }, z.core.$strict>, z.ZodObject<{
     kind: z.ZodLiteral<"panel">;
     treatment: z.ZodEnum<{
-        raised: "raised";
         inset: "inset";
+        raised: "raised";
     }>;
 }, z.core.$strict>, z.ZodObject<{
     kind: z.ZodLiteral<"flush-panel">;
@@ -57,8 +57,8 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
         }, z.core.$strict>, z.ZodObject<{
             kind: z.ZodLiteral<"panel">;
             treatment: z.ZodEnum<{
-                raised: "raised";
                 inset: "inset";
+                raised: "raised";
             }>;
         }, z.core.$strict>, z.ZodObject<{
             kind: z.ZodLiteral<"flush-panel">;
@@ -104,8 +104,8 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
         kind: z.ZodLiteral<"explicit">;
         value: z.ZodEnum<{
             medium: "medium";
-            low: "low";
             high: "high";
+            low: "low";
         }>;
     }, z.core.$strict>], "kind">;
 }, z.core.$strict>;
@@ -203,8 +203,8 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                 }, z.core.$strict>, z.ZodObject<{
                     kind: z.ZodLiteral<"panel">;
                     treatment: z.ZodEnum<{
-                        raised: "raised";
                         inset: "inset";
+                        raised: "raised";
                     }>;
                 }, z.core.$strict>, z.ZodObject<{
                     kind: z.ZodLiteral<"flush-panel">;
@@ -250,8 +250,8 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                 kind: z.ZodLiteral<"explicit">;
                 value: z.ZodEnum<{
                     medium: "medium";
-                    low: "low";
                     high: "high";
+                    low: "low";
                 }>;
             }, z.core.$strict>], "kind">;
         }, z.core.$strict>;

package/dist/_dts/theme-core/src/tokens/themeColorTokens.d.ts

@@ -11,15 +11,15 @@ export declare const paletteTokenNameSchema: z.ZodEnum<{
     text: "text";
     primary: "primary";
     secondary: "secondary";
+    border: "border";
     background: "background";
+    muted: "muted";
     surface: "surface";
-    border: "border";
     accent: "accent";
     warning: "warning";
     destructive: "destructive";
     primaryForeground: "primaryForeground";
     surfaceAlt: "surfaceAlt";
-    muted: "muted";
 }>;
 export type ThemeColorToken = string & {
     readonly __brand: 'ThemeColorToken';

package/dist/{chunk-3YNCQG5N.mjs → chunk-2MIWNFJM.mjs}

@@ -40675,7 +40675,9 @@ function backgroundLayer(path, options = {}) {
     imageClassName,
     overlayClassName = "background-overlay rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-pointer-events-none",
     fallbackToken,
-    omitImageLayer = false
+    omitImageLayer = false,
+    imageLoading,
+    imageFetchPriority
   } = options;
   const styleLayer = el("div", {
     className: styleClassName,
@@ -40691,11 +40693,14 @@ function backgroundLayer(path, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path, imageClassName);
+  const imageLayer = createBackgroundImageNode(path, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path}.image`;
   return media(
     {
@@ -40716,7 +40721,9 @@ function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-1
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -40913,12 +40920,16 @@ function styledSection(config) {
     bindFrom = "_sectionStyles",
     imageClassName = "rb-absolute rb-z-neg-10",
     renderBackgroundImage = true,
+    backgroundImageLoading,
+    backgroundImageFetchPriority,
     fullWidthPath
   } = config;
   const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
     imageClassName,
     fallbackToken: background,
-    omitImageLayer: !renderBackgroundImage
+    omitImageLayer: !renderBackgroundImage,
+    imageLoading: backgroundImageLoading,
+    imageFetchPriority: backgroundImageFetchPriority
   });
   const childrenArray = Array.isArray(children) ? children : [children];
   return section(
@@ -41129,7 +41140,7 @@ function navRow(opts) {
       el(
         "div",
         {
-          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-min-w-12rem rb-overflow-hidden",
+          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-overflow-hidden",
           id: dropdownMenuId
         },
         [dropdownLinks]
@@ -44699,6 +44710,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -44761,7 +44776,8 @@ function heroSplitImagePane() {
     [
       media(
         {
-          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover"
+          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover",
+          ...heroPriorityMediaProps
         },
         when("_sectionStyles.background.image"),
         bind("_sectionStyles.background.image")
@@ -44772,13 +44788,17 @@ function heroSplitImagePane() {
 var classicLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "md"),
   // styledContainer (rb-container) already provides horizontal padding
-  baseClass: ""
+  baseClass: "",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 var microLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "sm"),
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
-  spacing: "compact"
+  spacing: "compact",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 function splitLayoutWith(children) {
   return styledSection({
@@ -52285,6 +52305,8 @@ var MediaNodeServer = ({
   className,
   style: style2,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size: size4 = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -52321,7 +52343,8 @@ var MediaNodeServer = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async"
     }
   );
@@ -59871,6 +59894,7 @@ var VideoEmbedNode = ({
             height: "100%",
             border: "none"
           },
+          loading: "lazy",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
           referrerPolicy: "no-referrer-when-downgrade",
           allowFullScreen: true
@@ -63575,6 +63599,10 @@ function getAbsoluteSegments(fromPath, context) {
   if (scoped?.basePathSegments && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
+  const hasContentScope = context.scopes.some((entry) => entry.name === "content");
+  if (hasContentScope && !(first2 in context.viewModel)) {
+    return ["content", ...segments];
+  }
   return void 0;
 }
 function readFromSource(source, segments) {
@@ -64219,7 +64247,7 @@ function makeDefaultBlockComponent(args) {
       pathBase,
       blockId,
       blockKind,
-      blockContent: content,
+      blockContent: mergedContent,
       blockBindings,
       editableRouteMetadataFieldIds,
       fragmentRegistry: fragmentRegistry2
@@ -65213,6 +65241,20 @@ function getNavLinkPreset(presetId) {
   return NAV_LINK_PRESETS[presetId];
 }
 
+// ../theme-core/src/header/navDropdownSizing.ts
+var NAV_DROPDOWN_MIN_WIDTH_REM = 12;
+var NAV_DROPDOWN_MAX_WIDTH_REM = 22;
+var NAV_DROPDOWN_VIEWPORT_GUTTER_REM = 1;
+var NAV_DROPDOWN_VIEWPORT_GUTTER_PX = 16;
+var NAV_DROPDOWN_SHIFT_PROPERTY = "--nav-dropdown-shift-x";
+var NAV_DROPDOWN_MAX_WIDTH_CSS = `min(${NAV_DROPDOWN_MAX_WIDTH_REM}rem, calc(100vw - ${NAV_DROPDOWN_VIEWPORT_GUTTER_REM * 2}rem))`;
+var NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES = [
+  `min-width: ${NAV_DROPDOWN_MIN_WIDTH_REM}rem;`,
+  `width: max-content;`,
+  `max-width: ${NAV_DROPDOWN_MAX_WIDTH_CSS};`,
+  `transform: translateX(var(${NAV_DROPDOWN_SHIFT_PROPERTY}, 0px));`
+];
+
 // ../theme-core/src/header/generateHeaderCss.ts
 var HEADER_BLUR = "blur(12px)";
 var FLOATING_BLUR = "blur(16px)";
@@ -65487,6 +65529,7 @@ function generateDropdownContainerStyles(header, themeId, tokens) {
   const selector = `:where([data-theme-scope="${themeId}"]) .nav-dropdown-menu`;
   const rules = [];
   const dropdownStyle = header.dropdownStyle;
+  rules.push(...NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES);
   const bgToken = dropdownStyle?.background ?? "surface";
   rules.push(`background-color: ${tokens.getColor(bgToken)};`);
   const textToken = dropdownStyle?.textColor ?? "text";
@@ -76932,6 +76975,17 @@ var containerResponsiveThemeCss = `/*
  * =============================================================================
  */
 
+:where(.theme-scope) .nav-dropdown-menu {
+  /*
+   * Keep these rails in sync with header/navDropdownSizing.ts.
+   * The JS placement gutter is 16px, matching the 1rem per-side gutter in calc(100vw - 2rem).
+   */
+  min-width: 12rem;
+  width: max-content;
+  max-width: min(22rem, calc(100vw - 2rem));
+  transform: translateX(var(--nav-dropdown-shift-x, 0px));
+}
+
 :where(.theme-scope) .nav-dropdown:hover > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown:focus-within > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown .nav-dropdown-trigger[aria-expanded="true"] + .nav-dropdown-menu {
@@ -119606,6 +119660,7 @@ function mountHeaderCartRuntime(root, siteId, mounts) {
 // ../blocks/src/system/runtime/header/enhanceHeaderSection.ts
 var SELECTORS = {
   dropdown: ".nav-dropdown",
+  dropdownMenu: ".nav-dropdown-menu",
   dropdownTrigger: ".nav-dropdown-trigger",
   mobileOverlay: "[data-nav-mobile-overlay]",
   mobileToggle: "[data-nav-mobile-toggle]",
@@ -119623,6 +119678,39 @@ var CLASSES = {
   mobileOpen: "nav-mobile-open"
 };
 var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function planDropdownViewportShift(input) {
+  const { left, right, viewportWidth, gutter } = input;
+  if (!Number.isFinite(left) || !Number.isFinite(right) || !Number.isFinite(viewportWidth) || !Number.isFinite(gutter)) {
+    return { kind: "unchanged" };
+  }
+  const normalizedGutter = Math.max(0, gutter);
+  const viewportLeft = normalizedGutter;
+  const viewportRight = Math.max(viewportLeft, viewportWidth - normalizedGutter);
+  const menuWidth = right - left;
+  const availableWidth = viewportRight - viewportLeft;
+  if (menuWidth >= availableWidth) {
+    const x3 = viewportLeft - left;
+    return x3 === 0 ? { kind: "unchanged" } : { kind: "shift", x: x3 };
+  }
+  let x2 = 0;
+  if (right > viewportRight) x2 = viewportRight - right;
+  if (left + x2 < viewportLeft) x2 += viewportLeft - (left + x2);
+  return x2 === 0 ? { kind: "unchanged" } : { kind: "shift", x: x2 };
+}
+function applyDropdownPlacementPlan(menu, plan) {
+  switch (plan.kind) {
+    case "unchanged":
+      menu.style.removeProperty(NAV_DROPDOWN_SHIFT_PROPERTY);
+      return;
+    case "shift":
+      menu.style.setProperty(NAV_DROPDOWN_SHIFT_PROPERTY, `${plan.x}px`);
+      return;
+    default: {
+      const _exhaustive = plan;
+      return _exhaustive;
+    }
+  }
+}
 function getFirstNonScriptChild(root) {
   const children = Array.from(root.children);
   for (const child of children) {
@@ -119640,16 +119728,58 @@ function enhanceDesktopDropdownAria(root) {
   dropdowns.forEach((dropdown) => {
     const trigger = dropdown.querySelector(SELECTORS.dropdownTrigger);
     if (!trigger) return;
+    const menu = dropdown.querySelector(SELECTORS.dropdownMenu);
+    let placementRafId = null;
+    let placementRafScheduled = false;
+    const cancelPlacementFrame = () => {
+      if (placementRafId !== null) {
+        window.cancelAnimationFrame(placementRafId);
+        placementRafId = null;
+      }
+      placementRafScheduled = false;
+    };
+    const resetPlacement = () => {
+      cancelPlacementFrame();
+      menu?.style.removeProperty(NAV_DROPDOWN_SHIFT_PROPERTY);
+    };
+    const schedulePlacement = () => {
+      if (!menu) return;
+      resetPlacement();
+      placementRafScheduled = true;
+      const id = window.requestAnimationFrame(() => {
+        placementRafScheduled = false;
+        placementRafId = null;
+        const rect = menu.getBoundingClientRect();
+        const plan = planDropdownViewportShift({
+          left: rect.left,
+          right: rect.right,
+          viewportWidth: document.documentElement.clientWidth,
+          gutter: NAV_DROPDOWN_VIEWPORT_GUTTER_PX
+        });
+        applyDropdownPlacementPlan(menu, plan);
+      });
+      placementRafId = placementRafScheduled ? id : null;
+    };
     setExpanded(trigger, false);
-    const handleEnter = () => setExpanded(trigger, true);
+    const handleEnter = () => {
+      setExpanded(trigger, true);
+      schedulePlacement();
+    };
     const handleLeave = () => {
       if (dropdown.contains(document.activeElement)) return;
       setExpanded(trigger, false);
+      resetPlacement();
+    };
+    const handleFocusIn = () => {
+      setExpanded(trigger, true);
+      schedulePlacement();
     };
-    const handleFocusIn = () => setExpanded(trigger, true);
     const handleFocusOut = (event) => {
       const next = event.relatedTarget;
-      if (!next || !dropdown.contains(next)) setExpanded(trigger, false);
+      if (!next || !dropdown.contains(next)) {
+        setExpanded(trigger, false);
+        resetPlacement();
+      }
     };
     dropdown.addEventListener("mouseenter", handleEnter);
     dropdown.addEventListener("mouseleave", handleLeave);
@@ -119660,6 +119790,7 @@ function enhanceDesktopDropdownAria(root) {
       dropdown.removeEventListener("mouseleave", handleLeave);
       dropdown.removeEventListener("focusin", handleFocusIn);
       dropdown.removeEventListener("focusout", handleFocusOut);
+      resetPlacement();
     });
   });
   return cleanups;
@@ -122542,6 +122673,8 @@ var MediaNode = ({
   className,
   style: style2,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size: size4 = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -122588,7 +122721,8 @@ var MediaNode = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async",
       onError: handleImageError
     }

package/dist/{chunk-KWQPAJYS.mjs → chunk-CBD47MTM.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { assertNever2, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, useDebouncedLatestSave, applyPageDesignEditorAction, asEditorBlockId, asEditorBlockValues, resolvePreviewSidebarTab, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, createHistoryState, redoHistory, undoHistory, pushHistoryEntry, canRedoHistory, canUndoHistory, planPageDesignLayoutLookCompatibility } from './chunk-3YNCQG5N.mjs';
+import { assertNever2, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, useDebouncedLatestSave, applyPageDesignEditorAction, asEditorBlockId, asEditorBlockValues, resolvePreviewSidebarTab, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, createHistoryState, redoHistory, undoHistory, pushHistoryEntry, canRedoHistory, canUndoHistory, planPageDesignLayoutLookCompatibility } from './chunk-2MIWNFJM.mjs';
 import { ApiRequestError, resolveSurfaceDocumentAttributes, SURFACE_DOCUMENT_DATA_ATTRIBUTE, SURFACE_IDS } from './chunk-7RX72SK2.mjs';
 import { createContext, useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-HV745JYE.mjs → chunk-CEQBBLMJ.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { compileSiteThemeFromSelections, footerLookCatalog, headerLookCatalog, footerLookRejectionReasonLabel, headerLookRejectionReasonLabel, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle } from './chunk-3YNCQG5N.mjs';
+import { compileSiteThemeFromSelections, footerLookCatalog, headerLookCatalog, footerLookRejectionReasonLabel, headerLookRejectionReasonLabel, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle } from './chunk-2MIWNFJM.mjs';
 import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-G4NLITC2.mjs → chunk-YY7K3QD2.mjs}

@@ -1,8 +1,8 @@
 "use client";
 import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-YRJKZEQ3.mjs';
-import { PreviewThemeOverlayProvider, resolveSiteStyleAccess, usePreviewThemeOverlay, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, markApplyFailed, markApplySaved, markApplySaving, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, cycleSiteChromeLookId, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, sanitizeDashboardPath } from './chunk-HV745JYE.mjs';
-import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-KWQPAJYS.mjs';
-import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, planSiteDocument, useEditorUiStore, SiteDocumentLayout, ResizableSplitPane, BlockApiProvider, EditorProvider, getCuratedSiteStyle, compileSiteThemeFromSelections, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, asEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, assertNever } from './chunk-3YNCQG5N.mjs';
+import { PreviewThemeOverlayProvider, resolveSiteStyleAccess, usePreviewThemeOverlay, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, markApplyFailed, markApplySaved, markApplySaving, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, cycleSiteChromeLookId, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, sanitizeDashboardPath } from './chunk-CEQBBLMJ.mjs';
+import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-CBD47MTM.mjs';
+import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, planSiteDocument, useEditorUiStore, SiteDocumentLayout, ResizableSplitPane, BlockApiProvider, EditorProvider, getCuratedSiteStyle, compileSiteThemeFromSelections, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, asEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, assertNever } from './chunk-2MIWNFJM.mjs';
 import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken, parseSurfaceId } from './chunk-7RX72SK2.mjs';
 import React7, { createContext, useMemo, useState, useEffect, useRef, useCallback, useId, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2532,11 +2532,11 @@ function SiteChromeCustomizeProvider({
 }
 var previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 var PreviewEditorSidebar = React7.lazy(async () => {
-  const mod = await import('./PreviewEditorSidebar-44T64SAR.mjs');
+  const mod = await import('./PreviewEditorSidebar-5XL7M3OM.mjs');
   return { default: mod.PreviewEditorSidebar };
 });
 var PreviewEditorUI = React7.lazy(async () => {
-  const mod = await import('./PreviewEditorUI-4WKHZTXW.mjs');
+  const mod = await import('./PreviewEditorUI-ZDFRDJID.mjs');
   return { default: mod.PreviewEditorUI };
 });
 var previewPaneContainmentStyle = {