@riverbankcms/sdk 0.72.0 → 0.74.0

package/dist/server/rendering.mjs

@@ -9938,7 +9938,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,
@@ -9954,11 +9956,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(
     {
@@ -9979,7 +9984,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)
@@ -10176,12 +10183,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(
@@ -10396,7 +10407,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]
@@ -13971,6 +13982,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -14033,7 +14048,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")
@@ -14044,13 +14060,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({
@@ -21752,6 +21772,8 @@ var MediaNodeServer = ({
   className,
   style,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -21788,7 +21810,8 @@ var MediaNodeServer = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async"
     }
   );
@@ -29702,6 +29725,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
@@ -33124,6 +33148,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 && !(first in context.viewModel)) {
+    return ["content", ...segments];
+  }
   return void 0;
 }
 function readFromSource(source, segments) {
@@ -33772,7 +33800,7 @@ function makeDefaultBlockComponent(args) {
       pathBase,
       blockId,
       blockKind,
-      blockContent: content,
+      blockContent: mergedContent,
       blockBindings,
       editableRouteMetadataFieldIds,
       fragmentRegistry: fragmentRegistry2
@@ -34808,6 +34836,19 @@ function getNavLinkPreset(presetId) {
 }
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../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_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)";
@@ -35082,6 +35123,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";
@@ -45149,6 +45191,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 {

package/dist/server/routing.mjs

@@ -14472,7 +14472,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,
@@ -14488,11 +14490,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(
     {
@@ -14513,7 +14518,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)
@@ -14754,12 +14761,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(
@@ -15008,7 +15019,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]
@@ -19255,7 +19266,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")
@@ -19293,7 +19305,7 @@ function splitLayoutWith(children) {
     baseClass: ""
   });
 }
-var heroCopyAndCta, heroContentNodes, classicLayout, microLayout, splitContentColumn, splitImageColumn, splitLayout, splitReverseLayout, heroConfig, heroManifest, heroBlockDefinition;
+var heroCopyAndCta, heroPriorityMediaProps, heroContentNodes, classicLayout, microLayout, splitContentColumn, splitImageColumn, splitLayout, splitReverseLayout, heroConfig, heroManifest, heroBlockDefinition;
 var init_hero = __esm({
   "../blocks/src/system/blocks/hero.ts"() {
     "use strict";
@@ -19307,17 +19319,25 @@ var init_hero = __esm({
       { fragment: heroCopyFragment },
       { fragment: heroCtaRowFragment }
     ]);
+    heroPriorityMediaProps = {
+      loading: "eager",
+      fetchPriority: "high"
+    };
     heroContentNodes = heroCopyAndCta.layout;
     classicLayout = styledSection({
       children: heroContainerStack(heroContentNodes, "md"),
       // styledContainer (rb-container) already provides horizontal padding
-      baseClass: ""
+      baseClass: "",
+      backgroundImageLoading: heroPriorityMediaProps.loading,
+      backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
     });
     microLayout = styledSection({
       children: heroContainerStack(heroContentNodes, "sm"),
       // styledContainer (rb-container) already provides horizontal padding
       baseClass: "",
-      spacing: "compact"
+      spacing: "compact",
+      backgroundImageLoading: heroPriorityMediaProps.loading,
+      backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
     });
     splitContentColumn = heroContentWrapper(heroContentNodes, "md", "rb-w-full rb-text-left");
     splitImageColumn = heroSplitImagePane();
@@ -32582,6 +32602,25 @@ var init_presets2 = __esm({
   }
 });
 
+// ../theme-core/src/header/navDropdownSizing.ts
+var NAV_DROPDOWN_MIN_WIDTH_REM, NAV_DROPDOWN_MAX_WIDTH_REM, NAV_DROPDOWN_VIEWPORT_GUTTER_REM, NAV_DROPDOWN_SHIFT_PROPERTY, NAV_DROPDOWN_MAX_WIDTH_CSS, NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES;
+var init_navDropdownSizing = __esm({
+  "../theme-core/src/header/navDropdownSizing.ts"() {
+    "use strict";
+    NAV_DROPDOWN_MIN_WIDTH_REM = 12;
+    NAV_DROPDOWN_MAX_WIDTH_REM = 22;
+    NAV_DROPDOWN_VIEWPORT_GUTTER_REM = 1;
+    NAV_DROPDOWN_SHIFT_PROPERTY = "--nav-dropdown-shift-x";
+    NAV_DROPDOWN_MAX_WIDTH_CSS = `min(${NAV_DROPDOWN_MAX_WIDTH_REM}rem, calc(100vw - ${NAV_DROPDOWN_VIEWPORT_GUTTER_REM * 2}rem))`;
+    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 init_generateHeaderCss = __esm({
   "../theme-core/src/header/generateHeaderCss.ts"() {
@@ -32591,6 +32630,7 @@ var init_generateHeaderCss = __esm({
     init_presets2();
     init_shared();
     init_breakpoints();
+    init_navDropdownSizing();
   }
 });
 

package/dist/server/server.mjs

@@ -6830,7 +6830,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.72.0";
+var SDK_VERSION = "0.74.0";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {
@@ -14546,7 +14546,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,
@@ -14562,11 +14564,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(
     {
@@ -14587,7 +14592,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)
@@ -14784,12 +14791,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(
@@ -15004,7 +15015,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]
@@ -18487,6 +18498,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -18549,7 +18564,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")
@@ -18560,13 +18576,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({
@@ -30725,6 +30745,19 @@ var NAV_LINK_PRESETS = {
 };
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../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_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/layout/generateLayoutCss.ts
 var waveTransitionMask = svgDataUrl(
   "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>"

package/dist/server/theme-bridge.mjs

@@ -2423,6 +2423,19 @@ var MQ_TABLET_ONLY = mqBetween(BREAKPOINT_SM, BREAKPOINT_LG_DOWN);
 var MQ_MAX_640 = mqDown(BREAKPOINT_SM);
 var MQ_MAX_768 = mqDown(BREAKPOINT_MD);
 
+// ../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_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/layout/generateLayoutCss.ts
 var waveTransitionMask = svgDataUrl(
   "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>"
@@ -10485,6 +10498,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 {

package/dist/styles/index.css

@@ -7329,6 +7329,17 @@
  * =============================================================================
  */
 
+: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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.72.0",
+  "version": "0.74.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",

package/dist/SdkPreviewModeRuntime-FO6V7YVY.mjs

@@ -1,8 +0,0 @@
-"use client";
-export { SdkPreviewModeRuntime } from './chunk-G4NLITC2.mjs';
-import './chunk-YRJKZEQ3.mjs';
-import './chunk-HV745JYE.mjs';
-import './chunk-KWQPAJYS.mjs';
-import './chunk-3YNCQG5N.mjs';
-import './chunk-7RX72SK2.mjs';
-import './chunk-XGB3TDIC.mjs';