@riverbankcms/sdk 0.77.1 → 0.78.0

package/dist/server/page-converter.mjs

@@ -1059,6 +1059,9 @@ function makeBoundaryId(previousBlockId, nextBlockId) {
   const next = encodeURIComponent(nextBlockId);
   return asDesignBoundaryId(`boundary:${previous}:${next}`);
 }
+function assertNever(value, message = "Unhandled Theme V2 variant") {
+  throw new Error(`${message}: ${String(value)}`);
+}
 function brandNonEmptyString(value, label) {
   if (value.length === 0) {
     throw new Error(`${label} must be a non-empty string.`);
@@ -1086,6 +1089,10 @@ var tileTreatmentValues = [
   "quiet",
   "brand-depth"
 ];
+var eventListTreatmentValues = [
+  "plain",
+  "lined-panel"
+];
 var eyebrowTreatmentValues = [
   "plain",
   "pill",
@@ -1143,6 +1150,7 @@ function defineBlockDesignCapability(capability) {
     imageSurfaceMotions: capability.imageSurfaceMotions ?? ["static"],
     testimonialCardTreatments: capability.testimonialCardTreatments ?? ["default"],
     tileTreatments: capability.tileTreatments ?? ["default"],
+    eventListTreatments: capability.eventListTreatments ?? ["plain"],
     eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"],
     ...capability.headingDecorations ? { headingDecorations: capability.headingDecorations } : {},
     ...capability.accordionIconSets ? { accordionIconSets: capability.accordionIconSets } : {}
@@ -1167,9 +1175,98 @@ var blockAppearancePresets = [
       transitionAfter: "soft-fade-short",
       emphasis: "high",
       sectionHeight: "hero",
+      heroComposition: "center",
+      heroTypographyScale: "display",
       imageSurfaceTreatment: { kind: "neutral-wash" }
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-bottom-left-panel",
+    target: "hero",
+    label: "Bottom-left panel hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["centered", "compact"]
+    },
+    optionGroups: [
+      {
+        id: "image-surface-treatment",
+        label: "Treatment",
+        selectedOptionId: "neutral-scrim",
+        options: [
+          {
+            id: "neutral-scrim",
+            label: "Neutral scrim",
+            designPatch: {
+              imageSurfaceTreatment: { kind: "neutral-scrim", intensity: "balanced" }
+            }
+          },
+          {
+            id: "brand-scrim-primary",
+            label: "Brand scrim",
+            designPatch: {
+              imageSurfaceTreatment: { kind: "brand-scrim", token: "primary", intensity: "balanced" }
+            }
+          }
+        ]
+      }
+    ],
+    layoutPatches: [
+      {
+        constraints: {
+          layoutVariantKeys: ["micro"]
+        },
+        designPatch: {
+          sectionHeight: "banner",
+          heroTypographyScale: "editorial"
+        }
+      }
+    ],
+    design: {
+      sectionSurface: "hero-image",
+      contentFrame: panelFrame("raised"),
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      sectionHeight: "immersive",
+      heroComposition: "bottom-left",
+      heroTypographyScale: "display",
+      imageSurfaceTreatment: { kind: "neutral-scrim", intensity: "balanced" }
+    }
+  }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-poster-image",
+    target: "hero",
+    label: "Poster image hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["centered", "compact"]
+    },
+    layoutPatches: [
+      {
+        constraints: {
+          layoutVariantKeys: ["micro"]
+        },
+        designPatch: {
+          sectionHeight: "banner",
+          heroTypographyScale: "display"
+        }
+      }
+    ],
+    design: {
+      sectionSurface: "hero-image",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      sectionHeight: "immersive",
+      heroComposition: "center",
+      heroTypographyScale: "poster",
+      imageSurfaceTreatment: { kind: "brand-scrim", token: "primary", intensity: "strong" }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "hero-brand-scrim",
@@ -1219,6 +1316,8 @@ var blockAppearancePresets = [
       transitionAfter: "soft-fade-short",
       emphasis: "high",
       sectionHeight: "immersive",
+      heroComposition: "center",
+      heroTypographyScale: "display",
       imageSurfaceTreatment: { kind: "brand-scrim", token: "primary" }
     }
   }),
@@ -1271,6 +1370,8 @@ var blockAppearancePresets = [
       transitionAfter: "soft-fade-short",
       emphasis: "high",
       sectionHeight: "immersive",
+      heroComposition: "center",
+      heroTypographyScale: "display",
       imageSurfaceTreatment: { kind: "brand-scrim", token: "primary" },
       imageSurfaceMotion: "fixed-frame",
       eyebrowTreatment: "accent-pill-bounce"
@@ -1291,6 +1392,8 @@ var blockAppearancePresets = [
       itemSurface: "none",
       transitionAfter: "soft-fade-short",
       emphasis: "high",
+      heroComposition: "center",
+      heroTypographyScale: "editorial",
       eyebrowTreatment: "accent-pill-bounce"
     }
   }),
@@ -1305,7 +1408,82 @@ var blockAppearancePresets = [
       contentFrame: panelFrame("inset"),
       itemSurface: "none",
       transitionAfter: "none",
-      emphasis: "high"
+      emphasis: "high",
+      heroComposition: "center",
+      heroTypographyScale: "editorial"
+    }
+  }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-split-editorial",
+    target: "hero",
+    label: "Editorial split hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["split"]
+    },
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      heroTypographyScale: "editorial"
+    }
+  }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-split-brand",
+    target: "hero",
+    label: "Brand split hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["split"]
+    },
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      heroTypographyScale: "display",
+      eyebrowTreatment: "accent-pill-bounce"
+    }
+  }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-split-soft-panel",
+    target: "hero",
+    label: "Soft panel split hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["split"]
+    },
+    design: {
+      sectionSurface: "muted-band",
+      contentFrame: panelFrame("raised"),
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      heroTypographyScale: "editorial"
+    }
+  }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-split-accent",
+    target: "hero",
+    label: "Accent split hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["split"]
+    },
+    design: {
+      sectionSurface: "accent-band",
+      contentFrame: panelFrame("raised"),
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      heroTypographyScale: "display"
     }
   }),
   defineBlockAppearancePreset({
@@ -1338,9 +1516,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "intro-soft-earth-statement",
+    id: "intro-organic-statement",
     target: "intro",
-    label: "Soft Earth intro statement",
+    label: "Organic intro statement",
     blockKinds: ["block.intro"],
     design: {
       sectionSurface: "base",
@@ -1371,9 +1549,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "feature-cards-soft-earth-offerings",
+    id: "feature-cards-raised-rule",
     target: "feature-cards",
-    label: "Soft Earth offering cards",
+    label: "Raised cards with rule",
     blockKinds: ["block.feature-cards"],
     design: {
       sectionSurface: "base",
@@ -1402,6 +1580,21 @@ var blockAppearancePresets = [
       emphasis: "medium"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "events-lined-panel",
+    target: "events",
+    label: "Lined event panel",
+    blockKinds: ["block.event-calendar", "block.event-listing"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "none",
+      emphasis: "medium",
+      eventListTreatment: "lined-panel"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "schedule-details-accent-section",
@@ -1461,9 +1654,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "testimonials-carded-proof",
+    id: "testimonials-simple-cards",
     target: "testimonials",
-    label: "Carded social proof",
+    label: "Simple testimonial cards",
     blockKinds: ["block.testimonials"],
     design: {
       sectionSurface: "base",
@@ -1475,9 +1668,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "testimonials-contained-proof",
+    id: "testimonials-raised-panel",
     target: "testimonials",
-    label: "Contained social proof",
+    label: "Raised testimonial panel",
     blockKinds: ["block.testimonials"],
     design: {
       sectionSurface: "muted-band",
@@ -1489,9 +1682,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "testimonials-dark-proof",
+    id: "testimonials-accent-panel",
     target: "testimonials",
-    label: "Dark proof panel",
+    label: "Accent testimonial panel",
     blockKinds: ["block.testimonials"],
     design: {
       sectionSurface: "accent-band",
@@ -1503,9 +1696,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "testimonials-accent-quote-proof",
+    id: "testimonials-accent-quote-cards",
     target: "testimonials",
-    label: "Accent quote proof",
+    label: "Accent quote cards",
     blockKinds: ["block.testimonials"],
     design: {
       sectionSurface: "accent-band",
@@ -1518,9 +1711,9 @@ var blockAppearancePresets = [
   }),
   defineBlockAppearancePreset({
     kind: "block-design",
-    id: "testimonials-soft-earth-proof-band",
+    id: "testimonials-brand-background-quotes",
     target: "testimonials",
-    label: "Soft Earth proof band",
+    label: "Brand background quotes",
     blockKinds: ["block.testimonials"],
     design: {
       sectionSurface: "brand-depth-band",
@@ -1564,25 +1757,6 @@ var blockAppearancePresets = [
       emphasis: "low"
     }
   }),
-  defineBlockAppearancePreset({
-    kind: "block-design",
-    id: "faq-soft-earth-two-column",
-    target: "faq",
-    label: "Soft Earth two-column FAQ",
-    blockKinds: ["block.faq"],
-    design: {
-      sectionSurface: "base",
-      contentFrame: plainFrame,
-      itemSurface: "flat",
-      transitionAfter: "none",
-      emphasis: "medium",
-      accordionIconTreatment: {
-        iconSet: "plus",
-        colorToken: "primary",
-        motion: "swap"
-      }
-    }
-  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "contact-form-panel",
@@ -2948,7 +3122,8 @@ var accordionSystemSchema = z10.object({
   icon: z10.object({
     style: accordionIconSchema,
     position: z10.enum(["left", "right"]),
-    size: z10.enum(["sm", "md", "lg"])
+    size: z10.enum(["sm", "md", "lg"]),
+    colorToken: themeColorTokenSchema.optional()
   }),
   // Trigger (question) styling
   trigger: z10.object({
@@ -3082,6 +3257,7 @@ var navLinkPaddingXSchema = z14.enum(["none", "tight", "compact", "default", "re
 var navLinkBorderRadiusSchema = z14.enum(["none", "sm", "md", "full"]);
 var navLinkTextSizeSchema = z14.enum(["xs", "sm", "base", "lg"]);
 var navLinkLetterSpacingSchema = z14.enum(["normal", "wide", "wider", "widest"]);
+var navLinkContrastTreatmentSchema = z14.enum(["none", "soft-glow"]);
 var navLinkStyleSchema = z14.object({
   /** Display name for the style */
   name: z14.string().min(1).max(30).optional(),
@@ -3093,6 +3269,8 @@ var navLinkStyleSchema = z14.object({
   textSize: navLinkTextSizeSchema.optional(),
   /** Optional letter spacing override */
   letterSpacing: navLinkLetterSpacingSchema.optional(),
+  /** Optional text-only contrast treatment for transparent/overlay navigation */
+  contrastTreatment: navLinkContrastTreatmentSchema.optional(),
   /** Hover/active color token (for color-change effects) */
   hoverColorToken: themeColorTokenSchema.nullable().optional(),
   /** Padding preset */
@@ -3452,6 +3630,7 @@ var sectionStylesOverrideSchema = z19.object({
   spacing: semanticSpacingSchema.nullable().optional(),
   minHeight: z19.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
   tileTreatment: z19.enum(tileTreatmentValues).nullable().optional(),
+  eventListTreatment: z19.enum(eventListTreatmentValues).nullable().optional(),
   eyebrowTreatment: z19.enum(eyebrowTreatmentValues).nullable().optional(),
   headingDecoration: headingDecorationSchema.nullable().optional(),
   // Author-level override consumed by later block/editor rendering phases.
@@ -4285,6 +4464,34 @@ var paletteVariantsById = new Map(
   paletteVariants.map((v) => [v.id, v])
 );
 
+// ../theme-core/src/accordions/siteStyleDefaults.ts
+var softEarthAccordionSystem = {
+  background: {
+    type: "solid",
+    colorToken: "background"
+  },
+  spacing: "comfortable",
+  corners: "square",
+  border: null,
+  shadow: null,
+  icon: {
+    style: "plus-minus",
+    position: "right",
+    size: "md",
+    colorToken: "primary"
+  },
+  trigger: {
+    textColorToken: "text",
+    fontWeight: "medium"
+  },
+  hover: {
+    textColorToken: "primary"
+  },
+  content: {
+    textColorToken: "neutral-700"
+  }
+};
+
 // ../theme-core/src/site-styles/headerLooks.ts
 function asHeaderLookId(value) {
   return value;
@@ -4340,7 +4547,7 @@ var headerLayoutCatalog = [
     description: "Detached header chrome that sits over the opening section.",
     structure: "floating-shell",
     variant: "floating",
-    defaultPositioning: "fixed",
+    defaultPositioning: "sticky",
     shrinkOnScroll: true,
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal"]
@@ -4357,7 +4564,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
     surface: "neutral",
-    navTypography: "plain"
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["calm", "professional", "editorial"]
   },
   {
     id: asHeaderStyleId("fine-line"),
@@ -4366,7 +4575,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
     surface: "bordered",
-    navTypography: "plain"
+    defaultDepth: "line",
+    navTypography: "plain",
+    moods: ["calm", "professional", "editorial"]
   },
   {
     id: asHeaderStyleId("soft-bar"),
@@ -4375,7 +4586,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
     surface: "soft",
-    navTypography: "plain"
+    defaultDepth: "line",
+    navTypography: "plain",
+    moods: ["calm", "professional"]
   },
   {
     id: asHeaderStyleId("pill-nav"),
@@ -4384,7 +4597,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
     surface: "soft",
-    navTypography: "plain"
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["calm"]
   },
   {
     id: asHeaderStyleId("brand-bar"),
@@ -4393,7 +4608,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
     surface: "brand-solid",
-    navTypography: "brand-caps"
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["professional", "expressive", "utility"]
   },
   {
     id: asHeaderStyleId("brand-underline"),
@@ -4402,7 +4619,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic"]),
     navInteraction: "underline-grow",
     surface: "brand-solid",
-    navTypography: "brand-caps"
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["expressive"]
   },
   {
     id: asHeaderStyleId("brand-pill"),
@@ -4411,7 +4630,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered", "floating"]),
     navInteraction: "pill-background",
     surface: "brand-solid",
-    navTypography: "brand-caps"
+    defaultDepth: "none",
+    navTypography: "brand-caps",
+    moods: ["expressive"]
   },
   {
     id: asHeaderStyleId("serif-line"),
@@ -4420,7 +4641,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
     surface: "bordered",
-    navTypography: "heading"
+    defaultDepth: "line",
+    navTypography: "heading",
+    moods: ["editorial", "calm"]
   },
   {
     id: asHeaderStyleId("flat-tabs"),
@@ -4429,16 +4652,20 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "flat-block",
     surface: "bordered",
-    navTypography: "quiet-caps"
+    defaultDepth: "shadow",
+    navTypography: "quiet-caps",
+    moods: ["professional", "utility", "expressive"]
   },
   {
     id: asHeaderStyleId("glass"),
     label: "Glass",
     description: "Translucent chrome with frosted navigation backing.",
-    supportedLayoutIds: supportedLayouts(["classic", "floating"]),
+    supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "glass-backed",
     surface: "floating",
-    navTypography: "plain"
+    defaultDepth: "shadow",
+    navTypography: "plain",
+    moods: ["expressive", "calm"]
   },
   {
     id: asHeaderStyleId("minimal-surface"),
@@ -4447,7 +4674,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "color-change",
     surface: "floating",
-    navTypography: "plain"
+    defaultDepth: "none",
+    navTypography: "plain",
+    moods: ["editorial", "calm"]
   },
   {
     id: asHeaderStyleId("soft-shell"),
@@ -4456,7 +4685,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "pill-background",
     surface: "floating",
-    navTypography: "plain"
+    defaultDepth: "shadow",
+    navTypography: "plain",
+    moods: ["calm", "professional"]
   },
   {
     id: asHeaderStyleId("split-glass"),
@@ -4465,7 +4696,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "glass-backed",
     surface: "floating",
-    navTypography: "quiet-caps"
+    defaultDepth: "shadow",
+    navTypography: "quiet-caps",
+    moods: ["expressive"]
   },
   {
     id: asHeaderStyleId("split-pill"),
@@ -4474,7 +4707,9 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "pill-background",
     surface: "floating",
-    navTypography: "heading"
+    defaultDepth: "shadow",
+    navTypography: "heading",
+    moods: ["calm", "editorial"]
   }
 ];
 var headerLayoutsById = new Map(
@@ -4488,7 +4723,6 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
     asHeaderLayoutId("classic"),
     headerStyleRepairChain([
       "minimal",
-      "glass",
       "fine-line",
       "soft-bar",
       "pill-nav",
@@ -4555,7 +4789,13 @@ var headerStyleRepairOrder = /* @__PURE__ */ new Map(
     ],
     [
       asHeaderStyleId("glass"),
-      headerStyleRepairChain(["glass", "minimal-surface", "minimal"])
+      headerStyleRepairChain([
+        "glass",
+        "soft-shell",
+        "fine-line",
+        "minimal-surface",
+        "minimal"
+      ])
     ],
     [
       asHeaderStyleId("soft-shell"),
@@ -4667,6 +4907,23 @@ function getCompatibleHeaderStyleIds(layoutId) {
     }
   );
 }
+function themedHeaderShadow(theme) {
+  switch (theme.shadow.elevation) {
+    case "none":
+      return void 0;
+    case "low":
+      return { elevation: "sm" };
+    case "medium":
+      return { elevation: "md" };
+    case "high":
+      return { elevation: "lg" };
+    default:
+      return assertNever(
+        theme.shadow.elevation,
+        "Unhandled theme shadow elevation"
+      );
+  }
+}
 function solidBrandHeader(theme) {
   const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
   return {
@@ -4816,9 +5073,7 @@ function practicalUtilityHeader(theme) {
     navColor: "text",
     navStyle: "solid",
     navWeight: "semibold",
-    shadow: {
-      elevation: "sm"
-    },
+    shadow: themedHeaderShadow(theme),
     border: {
       style: "solid",
       width: "thin",
@@ -4887,6 +5142,7 @@ function floatingGlassHeader(theme) {
   return {
     ...transparentOverlayHeader(theme),
     variant: "floating",
+    positioning: "sticky",
     navStyle: "frosted",
     navContainer: {
       type: "glass",
@@ -5402,7 +5658,7 @@ var typographyPresets = [
     heroTypography: {
       headlineSize: "6xl",
       headlineLineHeight: "tight",
-      subheadlineSize: "editorial",
+      subheadlineSize: "2xl",
       subheadlineLineHeight: "normal",
       microHeadlineSize: "6xl",
       microHeadlineLineHeight: "tight",
@@ -5420,6 +5676,8 @@ var typographyPresetsById = new Map(
 );
 
 // ../theme-core/src/site-styles/curatedSiteStyles.ts
+var SOFT_EARTH_SITE_STYLE_ID_VALUE = "site-style:soft-earth";
+var SOFT_EARTH_SITE_STYLE_ID = asSiteStyleId(SOFT_EARTH_SITE_STYLE_ID_VALUE);
 var curatedSiteStyleIdValues = [
   "site-style:calm-studio",
   "site-style:clear-professional",
@@ -5431,7 +5689,7 @@ var curatedSiteStyleIdValues = [
   "site-style:personal-retreat-journal",
   "site-style:tactile-workshop",
   "site-style:modern-wellness",
-  "site-style:soft-earth",
+  SOFT_EARTH_SITE_STYLE_ID_VALUE,
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
 ];
@@ -5513,7 +5771,10 @@ function uniqueContentFrameKinds() {
 var generatedContentFrameKinds = uniqueContentFrameKinds();
 function defineCuratedSiteStyle(input) {
   const legacyHeaderLookIds = input.recommendedHeaderLookIds ?? ["clean-base"];
-  const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(legacyHeaderLookIds);
+  const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(
+    legacyHeaderLookIds,
+    input.tokenRecipes
+  );
   const typographyPresetChoices = input.typographyPresetChoices ?? defaultTypographyPresetChoicesForRecipe(input.tokenRecipes.typography);
   const defaultTypographyPresetId = input.defaultTypographyPresetId ? asTypographyPresetId(input.defaultTypographyPresetId) : typographyPresetChoices[0].id;
   if (!typographyPresetChoices.some(
@@ -5546,6 +5807,7 @@ function defineCuratedSiteStyle(input) {
       supportedTransitions: generatedDesignOptionCatalog.transitions
     },
     ...input.themeOverrides ? { themeOverrides: input.themeOverrides } : {},
+    ...input.defaultBlockVariants ? { defaultBlockVariants: input.defaultBlockVariants } : {},
     recommendedAppearancePresetIds: (input.recommendedAppearancePresetIds ?? []).map(asAppearancePresetId),
     defaultHeaderSelection: input.defaultHeaderSelection ? {
       layoutId: asHeaderLayoutId(input.defaultHeaderSelection.layoutId),
@@ -5604,7 +5866,69 @@ function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
   };
   return [first, ...choices.slice(1)];
 }
-function inferHeaderCurationFromLegacyLooks(lookIds) {
+function uniqueCompatibleHeaderStyleChoices(choices, fallbackLayoutId) {
+  const compatible = new Set(getCompatibleHeaderStyleIds(fallbackLayoutId));
+  const seen = /* @__PURE__ */ new Set();
+  const unique = choices.filter((choice) => {
+    if (!compatible.has(choice.id)) return false;
+    if (seen.has(choice.id)) return false;
+    seen.add(choice.id);
+    return true;
+  });
+  return nonEmptyHeaderStyleChoices(unique, fallbackLayoutId);
+}
+function inferredHeaderStyleValuesForRecipes(layoutId, recipes) {
+  switch (layoutId) {
+    case "classic":
+      if (isExpressiveRecipe(recipes)) {
+        return [
+          "brand-bar",
+          "brand-underline",
+          "flat-tabs",
+          "brand-pill",
+          "fine-line"
+        ];
+      }
+      if (recipes.spacing === "compact") {
+        return ["flat-tabs", "fine-line", "minimal", "brand-bar"];
+      }
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["serif-line", "fine-line", "minimal", "soft-bar"];
+      }
+      if (recipes.radius === "rounded" || recipes.radius === "pill") {
+        return ["soft-bar", "pill-nav", "fine-line", "minimal"];
+      }
+      return ["fine-line", "minimal", "soft-bar", "brand-bar"];
+    case "centered":
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["serif-line", "fine-line", "minimal", "soft-bar"];
+      }
+      if (isExpressiveRecipe(recipes)) {
+        return ["brand-pill", "flat-tabs", "brand-bar", "fine-line"];
+      }
+      if (recipes.radius === "rounded" || recipes.radius === "pill") {
+        return ["soft-bar", "pill-nav", "fine-line", "minimal"];
+      }
+      return ["minimal", "fine-line", "soft-bar"];
+    case "floating":
+      if (isExpressiveRecipe(recipes)) {
+        return ["glass", "split-glass", "brand-pill", "soft-shell"];
+      }
+      if (isSerifTypographyRecipe(recipes)) {
+        return ["split-pill", "minimal-surface", "soft-shell"];
+      }
+      return ["soft-shell", "minimal-surface", "glass"];
+    default:
+      return [];
+  }
+}
+function isExpressiveRecipe(recipes) {
+  return recipes.contrast === "maximum" || recipes.shadow === "layered" || recipes.motion === "expressive";
+}
+function isSerifTypographyRecipe(recipes) {
+  return recipes.typography === "serif-editorial" || recipes.typography === "classic-serif";
+}
+function inferHeaderCurationFromLegacyLooks(lookIds, recipes) {
   const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter(
     (selection) => Boolean(selection)
   );
@@ -5617,8 +5941,15 @@ function inferHeaderCurationFromLegacyLooks(lookIds) {
   );
   const stylesByLayout = {};
   for (const layoutChoice of layoutChoices) {
-    const styleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
-    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = nonEmptyHeaderStyleChoices(styleChoices, layoutChoice.id);
+    const legacyStyleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
+    const inferredStyleChoices = inferredHeaderStyleValuesForRecipes(
+      layoutChoice.id,
+      recipes
+    ).map((styleId) => headerStyleChoice(styleId));
+    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = uniqueCompatibleHeaderStyleChoices(
+      [...legacyStyleChoices, ...inferredStyleChoices],
+      layoutChoice.id
+    );
   }
   return {
     defaultHeaderSelection,
@@ -6038,10 +6369,10 @@ var curatedSiteStyles = [
     ]
   }),
   defineCuratedSiteStyle({
-    id: "site-style:soft-earth",
+    id: SOFT_EARTH_SITE_STYLE_ID,
     name: "Soft Earth",
     description: "Warm, grounded, and editorial for yoga studios, retreats, and wellbeing communities.",
-    generationBrief: "Use cream space, terracotta CTAs, olive proof bands, natural imagery, generous but composed spacing, and editorial serif headings. Prefer a real intro section, image-led offering cards, warm community proof, and a simple two-column FAQ when content allows.",
+    generationBrief: "Use cream space, terracotta CTAs, olive quote bands, natural imagery, generous but composed spacing, and editorial serif headings. Prefer a real intro section, image-led offering cards, warm community quotes, and an FAQ with a full-width intro above two columns of questions when content allows.",
     siteCreatorSelection: {
       kind: "site_creator_keyword_heuristic",
       priority: 45
@@ -6111,14 +6442,18 @@ var curatedSiteStyles = [
           paragraphSize: "default",
           headingSize: "editorial"
         }
-      }
+      },
+      accordions: softEarthAccordionSystem
+    },
+    defaultBlockVariants: {
+      "block.faq": "question-columns"
     },
     recommendedAppearancePresetIds: [
       "hero-brand-scrim",
-      "intro-soft-earth-statement",
-      "feature-cards-soft-earth-offerings",
-      "testimonials-soft-earth-proof-band",
-      "faq-soft-earth-two-column",
+      "intro-organic-statement",
+      "feature-cards-raised-rule",
+      "events-lined-panel",
+      "testimonials-brand-background-quotes",
       "contact-form-panel"
     ],
     recommendedHeaderLookIds: [
@@ -6222,7 +6557,7 @@ var curatedSiteStyles = [
       "hero-brand-scrim-fixed-frame",
       "body-text-editorial-intro",
       "schedule-details-brand-depth",
-      "testimonials-accent-quote-proof",
+      "testimonials-accent-quote-cards",
       "contact-form-brand-depth-card"
     ],
     recommendedHeaderLookIds: [
@@ -6317,6 +6652,7 @@ var themeV2RuntimeStyleFieldNames = [
 ];
 var themeV2BlockSpecificRawStyleFieldNames = [
   "_contentCardStyles",
+  "_heroLayoutStyles",
   "_textCardStyles"
 ];
 var themeV2NormalEditorRawStyleFieldNames = [
@@ -6326,6 +6662,10 @@ var themeV2NormalEditorRawStyleFieldNames = [
 var themeV2NormalEditorRawStyleFieldNameSet = new Set(
   themeV2NormalEditorRawStyleFieldNames
 );
+var themeV2CompilerOwnedFieldNames = [
+  ...themeV2RuntimeStyleFieldNames,
+  ...themeV2BlockSpecificRawStyleFieldNames
+];
 
 // ../theme-core/src/site-styles/designState.ts
 var themeV2DesignStateSchemaVersion = 1;
@@ -6340,6 +6680,16 @@ var heroLegibilityStrategySchema = z21.enum([
   "scrim-gradient",
   "solid-panel"
 ]);
+var heroCompositionIntentSchema = z21.enum([
+  "center",
+  "bottom-left"
+]);
+var heroTypographyScaleIntentSchema = z21.enum([
+  "quiet",
+  "editorial",
+  "display",
+  "poster"
+]);
 var sectionHeightIntentSchema = z21.enum([
   "default",
   "banner",
@@ -6375,6 +6725,7 @@ var imageSurfaceTreatmentSchema = z21.discriminatedUnion("kind", [
 ]);
 var testimonialCardTreatmentSchema = z21.enum(["default", "accent-quote"]);
 var tileTreatmentSchema = z21.enum(tileTreatmentValues);
+var eventListTreatmentSchema = z21.enum(eventListTreatmentValues);
 var eyebrowTreatmentSchema = z21.enum(eyebrowTreatmentValues);
 function uniqueNonEmpty(values) {
   const uniqueValues = [...new Set(values)];
@@ -6416,10 +6767,13 @@ var blockDesignPlanSchema = z21.object({
   emphasis: z21.enum(userDesignOptionCatalog.emphases),
   sectionHeight: sectionHeightIntentSchema.optional(),
   heroLegibility: heroLegibilityStrategySchema.optional(),
+  heroComposition: heroCompositionIntentSchema.optional(),
+  heroTypographyScale: heroTypographyScaleIntentSchema.optional(),
   imageSurfaceTreatment: imageSurfaceTreatmentSchema.optional(),
   imageSurfaceMotion: imageSurfaceMotionSchema.optional(),
   testimonialCardTreatment: testimonialCardTreatmentSchema.optional(),
   tileTreatment: tileTreatmentSchema.optional(),
+  eventListTreatment: eventListTreatmentSchema.optional(),
   eyebrowTreatment: eyebrowTreatmentSchema.optional()
 }).strict();
 var styleAuthoritySchema = z21.discriminatedUnion("kind", [
@@ -7739,6 +8093,7 @@ function styledSection(config) {
     renderBackgroundImage = true,
     backgroundImageLoading,
     backgroundImageFetchPriority,
+    allowOverflow = false,
     fullWidthPath
   } = config;
   const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
@@ -7773,7 +8128,7 @@ function styledSection(config) {
           // No fallback needed - transform handles all cases via defaultSpacing
         }
       },
-      allowOverflow: {
+      allowOverflow: allowOverflow ? true : {
         $bind: {
           from: `${bindFrom}.background`,
           transforms: [{ id: "background.resolveAllowOverflow" }],
@@ -8234,6 +8589,7 @@ function footerNav(opts) {
 
 // ../blocks/src/system/transforms/registry/boxStyles.ts
 var tileTreatmentSet = new Set(tileTreatmentValues);
+var eventListTreatmentSet = new Set(eventListTreatmentValues);
 var GAP_VALUE_MAP = {
   none: "0",
   compact: "calc(1rem * var(--space-mult, 1))",
@@ -8494,6 +8850,35 @@ function sectionState(opts) {
   );
 }
 
+// ../blocks/src/system/node/fragments/headingDecoration.ts
+var defaultBindFrom = "_sectionStyles.headingDecoration";
+function headingDecoration({
+  bindFrom = defaultBindFrom,
+  family,
+  placement,
+  className
+}) {
+  return el(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: {
+        $bind: {
+          from: bindFrom,
+          transforms: [
+            {
+              id: "ui.headingDecorationClassName",
+              options: { baseClass: className, family }
+            }
+          ]
+        }
+      }
+    },
+    null,
+    when(`${bindFrom}.placement`, { equals: placement })
+  );
+}
+
 // ../blocks/src/system/fragments/types.ts
 import { z as z25 } from "zod";
 var FRAGMENT_ID_PATTERN = /^[a-z0-9](?:[a-z0-9._-]*[a-z0-9])?$/i;
@@ -9272,6 +9657,10 @@ var testimonialsHeadingFragment = defineFragment({
           when("content.heading"),
           bind("content.heading")
         ),
+        headingDecoration({
+          family: "short-center-rule",
+          placement: "under-centered-heading"
+        }),
         text(
           {
             as: "p",
@@ -9943,6 +10332,41 @@ var faqHeadingFragment = defineFragment({
 });
 
 // ../blocks/src/system/fragments/library/faqAccordion.ts
+function createFaqAccordionLayout(options = {}) {
+  return accordionList({
+    collection: "content.items",
+    itemName: "faqItem",
+    indexName: "faqIndex",
+    accordionProps: {
+      className: options.rootClassName ?? "accordion-root",
+      type: "single",
+      collapsible: true
+    },
+    itemProps: {
+      className: {
+        $bind: {
+          from: "content._cardStyles",
+          transforms: [
+            {
+              id: "boxStyles.all",
+              options: {
+                axis: "all",
+                includeSpacing: false,
+                baseClass: "rb-faq-item rb-relative rb-isolate rb-overflow-hidden"
+              }
+            }
+          ]
+        },
+        fallback: "rb-faq-item"
+      },
+      iconStyle: { $bind: { from: "theme.accordions.icon.style" } },
+      // Legacy theme accordion style
+      iconTreatment: { $bind: { from: "content._sectionStyles.accordionIconTreatment" } }
+    },
+    triggerFrom: "faqItem.question",
+    contentFrom: "faqItem.answer"
+  });
+}
 var faqAccordionFragment = defineFragment({
   id: "faqAccordion",
   title: "FAQ Accordion",
@@ -9976,40 +10400,7 @@ var faqAccordionFragment = defineFragment({
       }
     }
   ],
-  layout: accordionList({
-    collection: "content.items",
-    itemName: "faqItem",
-    indexName: "faqIndex",
-    accordionProps: {
-      className: "accordion-root",
-      // CSS-first: all styling handled by theme CSS
-      type: "single",
-      collapsible: true
-    },
-    itemProps: {
-      className: {
-        $bind: {
-          from: "content._cardStyles",
-          transforms: [
-            {
-              id: "boxStyles.all",
-              options: {
-                axis: "all",
-                includeSpacing: false,
-                baseClass: "rb-faq-item rb-relative rb-isolate rb-overflow-hidden rb-border"
-              }
-            }
-          ]
-        },
-        fallback: "rb-faq-item"
-      },
-      iconStyle: { $bind: { from: "theme.accordions.icon.style" } },
-      // Legacy theme accordion style
-      iconTreatment: { $bind: { from: "content._sectionStyles.accordionIconTreatment" } }
-    },
-    triggerFrom: "faqItem.question",
-    contentFrom: "faqItem.answer"
-  })
+  layout: createFaqAccordionLayout()
 });
 
 // ../blocks/src/system/fragments/library/card.ts
@@ -11062,6 +11453,7 @@ var microLayout = styledSection({
 function splitLayoutWith(children) {
   return styledSection({
     children: styledContainer({
+      baseClassName: "rb-relative rb-isolate rb-overflow-visible",
       children: {
         type: "grid",
         props: {
@@ -11086,6 +11478,7 @@ function splitLayoutWith(children) {
     // The split variants render the image as a real grid column, so suppress
     // the default absolute background image layer while keeping color/overlay.
     renderBackgroundImage: false,
+    allowOverflow: true,
     baseClass: ""
   });
 }
@@ -11239,6 +11632,21 @@ function introHeading(className) {
     bind("content.title")
   );
 }
+function introHeadingGroup(className) {
+  return stack(
+    {
+      gap: "sm",
+      className: "rb-intro-heading-group"
+    },
+    [
+      introHeading(className),
+      headingDecoration({
+        family: "organic-squiggle",
+        placement: "after-heading"
+      })
+    ]
+  );
+}
 function introBody(className = "rb-prose rb-max-w-none") {
   return richText({ className }, bind("content.body"));
 }
@@ -11257,6 +11665,10 @@ function introCopyStack(options = {}) {
     },
     [
       introHeading(options.headingClassName ?? "rb-intro-title"),
+      headingDecoration({
+        family: "organic-squiggle",
+        placement: "after-heading"
+      }),
       introBody(options.bodyClassName),
       introCtas(options.ctaJustify)
     ]
@@ -11296,7 +11708,7 @@ var statementCopyLayout = styledSection({
           className: "rb-intro rb-intro-statement rb-grid rb-grid-cols-1 rb-gap-8 rb-md-grid-cols-2 rb-md-items-start"
         },
         [
-          introHeading("rb-intro-title rb-max-w-xl"),
+          introHeadingGroup("rb-intro-title rb-max-w-xl"),
           stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
             introBody(),
             introCtas("start")
@@ -11317,7 +11729,7 @@ var statementMediaLayout = styledSection({
           className: "rb-intro rb-intro-statement-media rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-3 rb-lg-items-center"
         },
         [
-          introHeading("rb-intro-title rb-max-w-xl"),
+          introHeadingGroup("rb-intro-title rb-max-w-xl"),
           stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
             introBody(),
             introCtas("start")
@@ -12319,6 +12731,9 @@ function isNodeDefinitionArray(layout) {
 }
 var headingLayout = fragmentLayoutNode(faqHeadingFragment.layout);
 var accordionLayout = fragmentLayoutNode(faqAccordionFragment.layout);
+var questionColumnsAccordionLayout = createFaqAccordionLayout({
+  rootClassName: "accordion-root rb-faq-question-columns rb-grid rb-grid-cols-1 rb-gap-4 rb-lg-grid-cols-2"
+});
 var defaultLayout = styledSection({
   children: styledContainer({
     baseClassName: "rb-relative rb-isolate",
@@ -12332,11 +12747,24 @@ var twoColumnLayout = styledSection({
     children: el(
       "div",
       {
-        className: "rb-faq-two-column rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+        className: "rb-faq-split-heading rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
       },
       [
-        el("div", { className: "rb-faq-two-column-heading" }, [headingLayout]),
-        el("div", { className: "rb-faq-two-column-accordion" }, [accordionLayout])
+        el("div", { className: "rb-faq-split-heading-copy" }, [headingLayout]),
+        el("div", { className: "rb-faq-split-heading-accordion" }, [accordionLayout])
+      ]
+    )
+  }),
+  baseClass: ""
+});
+var questionColumnsLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: stack(
+      { gap: "xl", className: "rb-w-full" },
+      [
+        headingLayout,
+        questionColumnsAccordionLayout
       ]
     )
   }),
@@ -12361,7 +12789,8 @@ var faqManifest = createBlockManifest({
   layout: defaultLayout,
   variants: {
     default: defaultLayout,
-    "two-column": twoColumnLayout
+    "two-column": twoColumnLayout,
+    "question-columns": questionColumnsLayout
   },
   defaultVariant: "default",
   variantOptions: {
@@ -12372,6 +12801,10 @@ var faqManifest = createBlockManifest({
     "two-column": {
       label: "Two column",
       description: "A left heading column with FAQ items on the right."
+    },
+    "question-columns": {
+      label: "Question columns",
+      description: "A full-width heading above FAQ items split into two columns."
     }
   },
   description: "Accordion of frequently asked questions and answers.",
@@ -12422,6 +12855,10 @@ function desktopOnlyDisplay(display) {
   return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
 }
 
+// ../theme-core/src/siteChromeOverlayClearance.ts
+var SITE_CHROME_VISIBLE_HEADER_ATTR = "data-site-chrome-visible-header";
+var SITE_CHROME_VISIBLE_HEADER_SELECTOR = `[${SITE_CHROME_VISIBLE_HEADER_ATTR}="true"]`;
+
 // ../blocks/src/system/blocks/site-header.ts
 var logoRow = link(
   {
@@ -12694,6 +13131,7 @@ var transparentLayout = inline(
 );
 var floatingLayout = inline(
   {
+    [SITE_CHROME_VISIBLE_HEADER_ATTR]: "true",
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
@@ -13639,6 +14077,10 @@ var sectionHeading = stack(
       when("content.title"),
       bind("content.title")
     ),
+    headingDecoration({
+      family: "short-center-rule",
+      placement: "under-centered-heading"
+    }),
     richText(
       {
         className: "rb-feature-cards-description rb-prose rb-mx-auto rb-max-w-none",
@@ -16062,7 +16504,7 @@ var COLUMN_CLASSES = {
 };
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
-    return "event-listing-compact-container rb-flex rb-flex-col rb-gap-2";
+    return "event-listing-compact-container rb-flex rb-flex-col";
   }
   if (layout === "stack") {
     return "rb-flex rb-flex-col rb-gap-6";
@@ -18814,6 +19256,7 @@ import { z as z46 } from "zod";
 var storedProductCartItemSchema = z46.object({
   kind: z46.literal("product"),
   productId: z46.string().min(1),
+  productCategoryId: z46.string().min(1).optional().nullable(),
   variantId: z46.string().min(1).optional().nullable(),
   title: z46.string().min(1),
   variantTitle: z46.string().optional().nullable(),
@@ -21318,6 +21761,10 @@ var scheduleTileTreatments = [
   "quiet",
   "brand-depth"
 ];
+var eventListTreatments = [
+  "plain",
+  "lined-panel"
+];
 function scheduleDetailsCapable() {
   return declareBlockDesignCapability({
     sectionSurfaces: "supported",
@@ -21326,6 +21773,14 @@ function scheduleDetailsCapable() {
     tileTreatments: scheduleTileTreatments
   });
 }
+function eventListCapable() {
+  return declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain"],
+    itemSurfaces: "unsupported",
+    eventListTreatments
+  });
+}
 function defaultBoundaryBias(visualWeight) {
   return visualWeight === "featured" || visualWeight === "immersive" ? "clear" : "soft";
 }
@@ -21545,7 +22000,8 @@ var systemBlockDefinitionsRaw = [
     flow: bodyFlow,
     layoutProfiles: [
       layoutProfile({ variantKey: "default", family: "stack", weight: "standard" }),
-      layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" })
+      layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" }),
+      layoutProfile({ variantKey: "question-columns", family: "grid", weight: "standard" })
     ]
   })),
   withDesignCapability("block.site-header", siteHeaderBlockDefinition, declareNoBlockDesignCapability("site-chrome"), defineBlockDesignMetadata({
@@ -21639,11 +22095,11 @@ var systemBlockDefinitionsRaw = [
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "centered", weight: "featured" })]
   })),
-  withDesignCapability("block.event-listing", eventListingBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+  withDesignCapability("block.event-listing", eventListingBlockDefinition, eventListCapable(), defineBlockDesignMetadata({
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "stack", weight: "standard" })]
   })),
-  withDesignCapability("block.event-calendar", eventCalendarBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+  withDesignCapability("block.event-calendar", eventCalendarBlockDefinition, eventListCapable(), defineBlockDesignMetadata({
     flow: offeringsFlow,
     layoutProfiles: [
       layoutProfile({ variantKey: "combined", family: "grid", weight: "standard" }),