@riverbankcms/sdk 0.72.0 → 0.74.0

package/dist/client/shop-XZQFRQWZ.mjs

@@ -0,0 +1,13 @@
+import { mountShopBlockIsland } from './chunk-RKCFVIMS.mjs';
+import './chunk-N7PBWBWQ.mjs';
+import { ShopClient } from './chunk-5IYGMTUE.mjs';
+import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import './chunk-PMAIXMAB.mjs';
+
+// src/rendering/islands/enhancers/shop.tsx
+var decode = defineIslandPropsDecoder("shop");
+var enhance = (root, props) => {
+  return mountShopBlockIsland(root, props, ShopClient, "shop");
+};
+
+export { decode, enhance };

package/dist/preview-next/client/runtime.mjs

@@ -6,19 +6,19 @@ import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var LazySdkPreviewMode = React.lazy(async () => {
-  const mod = await import('../../SdkPreviewModeRuntime-FO6V7YVY.mjs');
+  const mod = await import('../../SdkPreviewModeRuntime-CRYNDSPL.mjs');
   return {
     default: mod.SdkPreviewModeRuntime
   };
 });
 var LazyPreviewShell = React.lazy(async () => {
-  const mod = await import('../../sdk-runtime-NGDWSWOS.mjs');
+  const mod = await import('../../sdk-runtime-OHNONZ5U.mjs');
   return {
     default: mod.PreviewShell
   };
 });
 var LazyPreviewShellLayout = React.lazy(async () => {
-  const mod = await import('../../sdk-runtime-NGDWSWOS.mjs');
+  const mod = await import('../../sdk-runtime-OHNONZ5U.mjs');
   return {
     default: mod.PreviewShellLayout
   };

package/dist/{sdk-runtime-NGDWSWOS.mjs → sdk-runtime-OHNONZ5U.mjs}

@@ -1,8 +1,8 @@
 "use client";
-export { PreviewShell, PreviewShellLayout, SdkPreviewModeRuntime as SdkPreviewMode } from './chunk-G4NLITC2.mjs';
+export { PreviewShell, PreviewShellLayout, SdkPreviewModeRuntime as SdkPreviewMode } from './chunk-YY7K3QD2.mjs';
 export { PreviewLayoutProvider, PreviewQueryProvider, createPreviewQueryClient, useOptionalPreviewLayout, usePreviewLayout } from './chunk-YRJKZEQ3.mjs';
-import './chunk-HV745JYE.mjs';
-import './chunk-KWQPAJYS.mjs';
-import './chunk-3YNCQG5N.mjs';
+import './chunk-CEQBBLMJ.mjs';
+import './chunk-CBD47MTM.mjs';
+import './chunk-2MIWNFJM.mjs';
 import './chunk-7RX72SK2.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/server/components.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/config-validation.mjs

@@ -12857,7 +12857,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,
@@ -12873,11 +12875,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(
     {
@@ -12898,7 +12903,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)
@@ -13095,12 +13102,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(
@@ -13315,7 +13326,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]
@@ -16787,6 +16798,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -16849,7 +16864,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")
@@ -16860,13 +16876,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({
@@ -28962,6 +28982,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/config.mjs

@@ -12902,7 +12902,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,
@@ -12918,11 +12920,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(
     {
@@ -12943,7 +12948,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)
@@ -13140,12 +13147,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(
@@ -13360,7 +13371,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]
@@ -16832,6 +16843,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -16894,7 +16909,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")
@@ -16905,13 +16921,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({
@@ -29007,6 +29027,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/data.mjs

@@ -12755,7 +12755,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,
@@ -12771,11 +12773,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(
     {
@@ -12796,7 +12801,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)
@@ -12993,12 +13000,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(
@@ -13213,7 +13224,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]
@@ -16696,6 +16707,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -16758,7 +16773,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")
@@ -16769,13 +16785,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({
@@ -28899,6 +28919,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/index.mjs

@@ -6797,7 +6797,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 {