@riverbankcms/sdk 0.76.0 → 0.77.0

package/dist/server/rendering.mjs

@@ -1418,6 +1418,9 @@ var manifestSchema = z3.object({
 var TEL_RE = /^[+()0-9\s-]{3,}$/;
 var SLUG_PATTERN = /^(?:[a-z0-9]+(?:-[a-z0-9]+)*)(?:\/(?:[a-z0-9]+(?:-[a-z0-9]+)*))*$/;
 var ALLOWED_URL_PROTOCOLS = ["http:", "https:"];
+var DATE_PATTERN = /^(?<year>[1-9]\d{3})-(?<month>\d{2})-(?<day>\d{2})$/;
+var TIME_PATTERN = /^(?<hours>[01]\d|2[0-3]):(?<minutes>[0-5]\d)$/;
+var DATETIME_PATTERN = /^(?<date>[1-9]\d{3}-\d{2}-\d{2})T(?<time>(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d)(?:\.\d+)?(?<offset>Z|[+-](?:[01]\d|2[0-3]):[0-5]\d)$/;
 function assertNever(value) {
   throw new Error(`Unhandled field validation variant: ${JSON.stringify(value)}`);
 }
@@ -1450,6 +1453,12 @@ function fieldIssueToMessage(issue2) {
       return "Check the format and try again";
     case "invalidUrl":
       return "Enter a valid web address";
+    case "invalidDate":
+      return "Choose a valid date";
+    case "invalidTime":
+      return "Choose a valid time";
+    case "invalidDateTime":
+      return "Choose a valid date and time";
     case "invalidNumber":
       return `${issue2.label} needs a number`;
     case "tooSmall":
@@ -1486,12 +1495,16 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "text": {
       const inputType = field.ui?.inputType;
       if (inputType === "number") {
-        const constraints2 = commonConstraints(required, { kind: "numberType" });
+        const constraints2 = commonConstraints(required, {
+          kind: "numberType"
+        });
         if (typeof field.ui?.min === "number") constraints2.push({ kind: "numberMin", minimum: field.ui.min });
         if (typeof field.ui?.max === "number") constraints2.push({ kind: "numberMax", maximum: field.ui.max });
         return makePlan("number", "number", field, path, required, constraints2);
       }
-      const constraints = commonConstraints(required, { kind: "textType" });
+      const constraints = commonConstraints(required, {
+        kind: "textType"
+      });
       if (inputType === "email") constraints.push({ kind: "emailFormat" });
       if (inputType === "tel") constraints.push({ kind: "phoneFormat" });
       if (field.ui?.pattern) constraints.push({ kind: "patternFormat", pattern: field.ui.pattern });
@@ -1499,7 +1512,9 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       return makePlan("string", "string", field, path, required, constraints);
     }
     case "number": {
-      const constraints = commonConstraints(required, { kind: "numberType" });
+      const constraints = commonConstraints(required, {
+        kind: "numberType"
+      });
       if (typeof field.min === "number") constraints.push({ kind: "numberMin", minimum: field.min });
       if (typeof field.max === "number") constraints.push({ kind: "numberMax", maximum: field.max });
       return makePlan("number", "number", field, path, required, constraints);
@@ -1510,23 +1525,42 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       return makePlan("string", "string", field, path, required, constraints);
     }
     case "url":
-      return makePlan("string", "string", field, path, required, commonConstraints(
+      return makePlan(
+        "string",
+        "string",
+        field,
+        path,
         required,
-        { kind: "textType" },
-        { kind: "urlFormat", allowRelative: Boolean(field.allowRelative) }
-      ));
+        commonConstraints(required, { kind: "textType" }, { kind: "urlFormat", allowRelative: Boolean(field.allowRelative) })
+      );
     case "reference":
       return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "referenceText" }));
     case "date":
+      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }, { kind: "dateFormat" }));
     case "time":
+      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }, { kind: "timeFormat" }));
     case "datetime":
-      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }));
+      return makePlan(
+        "string",
+        "string",
+        field,
+        path,
+        required,
+        commonConstraints(required, { kind: "textType" }, { kind: "datetimeFormat" })
+      );
     case "select":
-      return makePlan("select", "select", field, path, required, commonConstraints(required, {
-        kind: "selectOption",
-        source: resolveSelectConstraintSource(field),
-        multiple: Boolean(field.multiple)
-      }));
+      return makePlan(
+        "select",
+        "select",
+        field,
+        path,
+        required,
+        commonConstraints(required, {
+          kind: "selectOption",
+          source: resolveSelectConstraintSource(field),
+          multiple: Boolean(field.multiple)
+        })
+      );
     case "richText":
       return makePlan("richText", "object", field, path, required, commonConstraints(required, { kind: "richTextDoc" }));
     case "media":
@@ -1539,7 +1573,11 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "repeater":
       return {
         ...makePlan("repeater", "array", field, path, required, commonConstraints(required, { kind: "arrayType" })),
-        ...field.polymorphic && field.itemTypes ? { repeatedItemVariants: deriveRepeatedItemVariants(field, [...path, 0]) } : { repeatedItemPlan: deriveNestedFieldPlans(getRepeaterFields(field), [...path, 0]) },
+        ...field.polymorphic && field.itemTypes ? {
+          repeatedItemVariants: deriveRepeatedItemVariants(field, [...path, 0])
+        } : {
+          repeatedItemPlan: deriveNestedFieldPlans(getRepeaterFields(field), [...path, 0])
+        },
         constraints: withRepeaterItemConstraints(field, commonConstraints(required, { kind: "arrayType" }))
       };
     case "group":
@@ -1624,7 +1662,10 @@ function resolveSelectConstraintSource(field) {
   const source = normalizeSelectSource(field);
   switch (source.kind) {
     case "static":
-      return { kind: "static", values: field.options.map((option) => option.value) };
+      return {
+        kind: "static",
+        values: field.options.map((option) => option.value)
+      };
     case "site":
     case "sdk":
       return { kind: "runtime", source: source.kind };
@@ -1720,7 +1761,9 @@ function normalizeFieldValue(plan, value, ctx) {
 }
 function normalizeObjectChildren(children, value, ctx) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return value;
-  const normalized = { ...value };
+  const normalized = {
+    ...value
+  };
   for (const child of children) {
     normalized[child.fieldId] = normalizeFieldValue(child, normalized[child.fieldId], ctx);
   }
@@ -1814,6 +1857,12 @@ function validateStringConstraint(plan, constraint, value) {
     }
     case "urlFormat":
       return isValidUrl(value, constraint.allowRelative) ? [] : [issue(plan, "invalidUrl")];
+    case "dateFormat":
+      return isValidDateString(value) ? [] : [issue(plan, "invalidDate")];
+    case "timeFormat":
+      return isValidTimeString(value) ? [] : [issue(plan, "invalidTime")];
+    case "datetimeFormat":
+      return isValidDateTimeInstantString(value) ? [] : [issue(plan, "invalidDateTime")];
     case "slugFormat":
       return SLUG_PATTERN.test(value) ? [] : [issue(plan, "invalidSlug")];
     default:
@@ -1850,17 +1899,24 @@ function validateRepeaterPlan(plan, value, ctx) {
       case "arrayType":
         return [];
       case "minItems":
-        return value.length < constraint.minimum ? [issue(plan, "tooFewItems", { minimum: constraint.minimum, itemLabel: "item" })] : [];
+        return value.length < constraint.minimum ? [
+          issue(plan, "tooFewItems", {
+            minimum: constraint.minimum,
+            itemLabel: "item"
+          })
+        ] : [];
       case "maxItems":
-        return value.length > constraint.maximum ? [issue(plan, "tooManyItems", { maximum: constraint.maximum, itemLabel: "item" })] : [];
+        return value.length > constraint.maximum ? [
+          issue(plan, "tooManyItems", {
+            maximum: constraint.maximum,
+            itemLabel: "item"
+          })
+        ] : [];
       default:
         return assertNever(constraint);
     }
   });
-  return [
-    ...constraintIssues,
-    ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))
-  ];
+  return [...constraintIssues, ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))];
 }
 function validateRepeaterItem(plan, item, index, ctx) {
   if (!isPlainObject(item)) return [];
@@ -1903,9 +1959,7 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
           }))
         } : {},
         ...plan.repeatedItemPlan ? {
-          repeatedItemPlan: plan.repeatedItemPlan.map(
-            (fieldPlan) => rebaseFieldPlanPath(fieldPlan, fromPrefix, toPrefix)
-          )
+          repeatedItemPlan: plan.repeatedItemPlan.map((fieldPlan) => rebaseFieldPlanPath(fieldPlan, fromPrefix, toPrefix))
         } : {}
       };
     case "string":
@@ -1992,6 +2046,9 @@ function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
     case "invalidPhone":
     case "invalidPattern":
     case "invalidUrl":
+    case "invalidDate":
+    case "invalidTime":
+    case "invalidDateTime":
     case "invalidNumber":
     case "tooSmall":
     case "tooLarge":
@@ -2031,6 +2088,53 @@ function isValidUrl(value, allowRelative) {
     return false;
   }
 }
+function isValidDateString(value) {
+  const match = DATE_PATTERN.exec(value);
+  if (!match?.groups) return false;
+  const year = Number(match.groups.year);
+  const month = Number(match.groups.month);
+  const day = Number(match.groups.day);
+  return isValidCalendarDate(year, month, day);
+}
+function isValidTimeString(value) {
+  return TIME_PATTERN.test(value);
+}
+function isValidDateTimeInstantString(value) {
+  const match = DATETIME_PATTERN.exec(value);
+  if (!match?.groups) return false;
+  const datePart = match.groups.date;
+  if (!datePart || !isValidDateString(datePart)) return false;
+  return !Number.isNaN(Date.parse(value));
+}
+function isValidCalendarDate(year, month, day) {
+  if (!Number.isInteger(year) || !Number.isInteger(month) || !Number.isInteger(day)) return false;
+  if (year < 1 || month < 1 || month > 12) return false;
+  return day >= 1 && day <= daysInMonth(year, month);
+}
+function daysInMonth(year, month) {
+  switch (month) {
+    case 2:
+      return isLeapYear(year) ? 29 : 28;
+    case 4:
+    case 6:
+    case 9:
+    case 11:
+      return 30;
+    case 1:
+    case 3:
+    case 5:
+    case 7:
+    case 8:
+    case 10:
+    case 12:
+      return 31;
+    default:
+      return 0;
+  }
+}
+function isLeapYear(year) {
+  return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+}
 function isValidSelectValue(value, values, multiple) {
   if (multiple) {
     return Array.isArray(value) && value.every((item) => typeof item === "string" && values.includes(item));
@@ -2390,6 +2494,47 @@ var eyebrowTreatmentValues = [
   "pill-bounce",
   "accent-pill-bounce"
 ];
+var visibleHeadingDecorationFamilyValues = [
+  "organic-squiggle",
+  "short-center-rule"
+];
+var visibleHeadingDecorationPlacementValues = [
+  "after-heading",
+  "between-heading-and-body",
+  "under-centered-heading"
+];
+var headingDecorationOverrideValues = [
+  "site-default",
+  "on",
+  "off"
+];
+var headingDecorationColorTokenValues = [
+  "text",
+  "primary",
+  "secondary",
+  "accent",
+  "border",
+  "muted"
+];
+var accordionIconSetValues = [
+  "plus",
+  "chevron",
+  "caret",
+  "minimal-cross"
+];
+var accordionIconColorTokenValues = [
+  "text",
+  "muted",
+  "primary",
+  "secondary",
+  "accent",
+  "current"
+];
+var accordionIconMotionValues = [
+  "none",
+  "rotate",
+  "swap"
+];
 function defineBlockDesignCapability(capability) {
   return {
     ...capability,
@@ -2399,7 +2544,9 @@ function defineBlockDesignCapability(capability) {
     imageSurfaceMotions: capability.imageSurfaceMotions ?? ["static"],
     testimonialCardTreatments: capability.testimonialCardTreatments ?? ["default"],
     tileTreatments: capability.tileTreatments ?? ["default"],
-    eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"]
+    eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"],
+    ...capability.headingDecorations ? { headingDecorations: capability.headingDecorations } : {},
+    ...capability.accordionIconSets ? { accordionIconSets: capability.accordionIconSets } : {}
   };
 }
 
@@ -2590,6 +2737,25 @@ var blockAppearancePresets = [
       emphasis: "high"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "intro-soft-earth-statement",
+    target: "intro",
+    label: "Soft Earth intro statement",
+    blockKinds: ["block.intro"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      headingDecoration: {
+        family: "organic-squiggle",
+        placement: "after-heading",
+        colorToken: "primary"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "offerings-calm-list",
@@ -2604,6 +2770,25 @@ var blockAppearancePresets = [
       emphasis: "medium"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "feature-cards-soft-earth-offerings",
+    target: "feature-cards",
+    label: "Soft Earth offering cards",
+    blockKinds: ["block.feature-cards"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "raised",
+      transitionAfter: "none",
+      emphasis: "high",
+      headingDecoration: {
+        family: "short-center-rule",
+        placement: "under-centered-heading",
+        colorToken: "primary"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "events-base-calendar",
@@ -2732,6 +2917,26 @@ var blockAppearancePresets = [
       testimonialCardTreatment: "accent-quote"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "testimonials-soft-earth-proof-band",
+    target: "testimonials",
+    label: "Soft Earth proof band",
+    blockKinds: ["block.testimonials"],
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      testimonialCardTreatment: "accent-quote",
+      headingDecoration: {
+        family: "short-center-rule",
+        placement: "under-centered-heading",
+        colorToken: "border"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "faq-base-accordion",
@@ -2760,6 +2965,25 @@ 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",
@@ -3455,6 +3679,97 @@ var confidentChip = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/earth-pill.ts
+var earthPill = defineButtonPersonality({
+  id: "earth-pill",
+  name: "Earth Pill",
+  description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+  tags: { tone: "classic", energy: "calm", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "none",
+      fontWeight: 500,
+      borderWidth: 1,
+      hoverTransform: "lift",
+      hoverColor: "none",
+      typography: "body",
+      paddingPreset: "default"
+    },
+    sizes: {
+      sm: { padding: "0.5rem 1rem", fontSize: "text-sm" },
+      md: { padding: "0.625rem 1.35rem" },
+      lg: { padding: "0.75rem 1.65rem", fontSize: "text-lg" },
+      xl: { padding: "0.875rem 2rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "low", softness: "soft", position: "bottom" },
+        effects: {
+          hover: [
+            { effectId: "lift", options: { translateY: "-1px" } },
+            { effectId: "background-on-hover", options: { colorToken: "accent" } }
+          ],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "border" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surfaceAlt" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        sizes: {
+          sm: { padding: "0.25rem 0", fontSize: "text-sm" },
+          md: { padding: "0.375rem 0" },
+          lg: { padding: "0.5rem 0", fontSize: "text-lg" },
+          xl: { padding: "0.625rem 0", fontSize: "text-xl" }
+        },
+        effects: {
+          hover: [{ effectId: "opacity-reduce", options: { reduction: 25 } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/editorial-link.ts
 var editorialLink = defineButtonPersonality({
   id: "editorial-link",
@@ -3913,6 +4228,7 @@ var softPill = defineButtonPersonality({
 // ../theme-core/src/buttons/personalities/index.ts
 var buttonPersonalities = [
   softPill,
+  earthPill,
   confidentChip,
   editorialLink,
   pebble,
@@ -6670,12 +6986,36 @@ var boxBackgroundSchema = z22.object({
   textColor: tokenOrCssColorValueSchema.nullable().optional(),
   headingColor: tokenOrCssColorValueSchema.nullable().optional()
 });
+var noHeadingDecorationSchema = z22.object({
+  family: z22.literal("none"),
+  placement: z22.literal("none")
+});
+var visibleHeadingDecorationSchema = z22.object({
+  family: z22.enum(visibleHeadingDecorationFamilyValues),
+  placement: z22.enum(visibleHeadingDecorationPlacementValues),
+  colorToken: z22.enum(headingDecorationColorTokenValues).optional()
+});
+var headingDecorationSchema = z22.union([
+  noHeadingDecorationSchema,
+  visibleHeadingDecorationSchema
+]);
+var accordionIconTreatmentSchema = z22.object({
+  iconSet: z22.enum(accordionIconSetValues),
+  colorToken: z22.enum(accordionIconColorTokenValues),
+  openColorToken: z22.enum(accordionIconColorTokenValues).optional(),
+  motion: z22.enum(accordionIconMotionValues)
+});
 var sectionStylesOverrideSchema = z22.object({
   background: boxBackgroundSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
   minHeight: z22.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
   tileTreatment: z22.enum(tileTreatmentValues).nullable().optional(),
-  eyebrowTreatment: z22.enum(eyebrowTreatmentValues).nullable().optional()
+  eyebrowTreatment: z22.enum(eyebrowTreatmentValues).nullable().optional(),
+  headingDecoration: headingDecorationSchema.nullable().optional(),
+  // Author-level override consumed by later block/editor rendering phases.
+  // Keeping it in section styles lets existing block save APIs persist it.
+  headingDecorationOverride: z22.enum(headingDecorationOverrideValues).nullable().optional(),
+  accordionIconTreatment: accordionIconTreatmentSchema.nullable().optional()
 });
 var containerStylesOverrideSchema = z22.object({
   background: boxBackgroundSchema.nullable().optional(),
@@ -7383,6 +7723,28 @@ var warmNeutralCream = definePaletteVariant({
     { name: "border", hex: "#e0d2b8" }
   ]
 });
+var warmNeutralSoftEarth = definePaletteVariant({
+  id: "warm-neutral-soft-earth",
+  name: "Warm Neutral \u2014 Soft Earth",
+  description: "Cream ground with terracotta primary, clay accents, and olive depth.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#a8573d" },
+    { name: "secondary", hex: "#72765c" },
+    { name: "accent", hex: "#c87557" },
+    { name: "success", hex: "#687854" },
+    { name: "warning", hex: "#b7863e" },
+    { name: "destructive", hex: "#a54b3c" },
+    { name: "background", hex: "#fbf6eb" },
+    { name: "surface", hex: "#fffdf7" },
+    { name: "surfaceAlt", hex: "#f0e4d3" },
+    { name: "muted", hex: "#eadbc6" },
+    { name: "text", hex: "#30281f" },
+    { name: "primaryForeground", hex: "#fffaf3" },
+    { name: "border", hex: "#d9c8b2" }
+  ]
+});
 var warmNeutralForest = definePaletteVariant({
   id: "warm-neutral-forest",
   name: "Warm Neutral \u2014 Forest",
@@ -7416,6 +7778,7 @@ var paletteVariants = [
   // Warm-neutral family
   warmNeutralClay,
   warmNeutralCream,
+  warmNeutralSoftEarth,
   warmNeutralForest,
   // High-contrast family
   highContrastInk,
@@ -7434,6 +7797,12 @@ var paletteVariantsById = new Map(
 function asHeaderLookId(value) {
   return value;
 }
+function asHeaderLayoutId(value) {
+  return value;
+}
+function asHeaderStyleId(value) {
+  return value;
+}
 function baseHeader(theme) {
   const {
     navLinkStyle: _navLinkStyle,
@@ -7452,6 +7821,309 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
+var headerLayoutCatalog = [
+  {
+    id: asHeaderLayoutId("classic"),
+    label: "Classic",
+    description: "Logo and navigation in one practical horizontal row.",
+    structure: "inline-classic",
+    variant: "classic",
+    defaultPositioning: "sticky",
+    shrinkOnScroll: false
+  },
+  {
+    id: asHeaderLayoutId("centered"),
+    label: "Centered",
+    description: "Logo centered above a balanced navigation row.",
+    structure: "centered-stack",
+    variant: "centered",
+    defaultPositioning: "static",
+    shrinkOnScroll: false,
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal", "square"]
+  },
+  {
+    id: asHeaderLayoutId("editorial"),
+    label: "Editorial",
+    description: "A composed, magazine-like stacked header treatment.",
+    structure: "editorial-stack",
+    variant: "editorial",
+    defaultPositioning: "static",
+    shrinkOnScroll: false,
+    maxRecommendedNavItems: 6
+  },
+  {
+    id: asHeaderLayoutId("floating"),
+    label: "Floating",
+    description: "Detached header chrome that sits over the opening section.",
+    structure: "floating-shell",
+    variant: "floating",
+    defaultPositioning: "fixed",
+    shrinkOnScroll: true,
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal"]
+  }
+];
+function supportedLayouts(ids) {
+  return ids.map(asHeaderLayoutId);
+}
+var headerStyleCatalog = [
+  {
+    id: asHeaderStyleId("minimal"),
+    label: "Minimal",
+    description: "Quiet surface with simple color-change navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "color-change",
+    surface: "neutral"
+  },
+  {
+    id: asHeaderStyleId("fine-line"),
+    label: "Fine Line",
+    description: "Light surface with a crisp lower rule and underline hover.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "bordered"
+  },
+  {
+    id: asHeaderStyleId("soft-bar"),
+    label: "Soft Bar",
+    description: "Soft tinted surface with gentle pill hover states.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "pill-background",
+    surface: "soft"
+  },
+  {
+    id: asHeaderStyleId("pill-nav"),
+    label: "Pill Nav",
+    description: "A calm pill navigation rail over a neutral header.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "pill-background",
+    surface: "soft"
+  },
+  {
+    id: asHeaderStyleId("brand-bar"),
+    label: "Brand Bar",
+    description: "Solid brand surface with high-contrast navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "color-change",
+    surface: "brand-solid"
+  },
+  {
+    id: asHeaderStyleId("brand-underline"),
+    label: "Brand Underline",
+    description: "Brand surface with underline-grow navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "brand-solid"
+  },
+  {
+    id: asHeaderStyleId("brand-pill"),
+    label: "Brand Pill",
+    description: "Solid brand surface with rounded active and hover states.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "floating"]),
+    navInteraction: "pill-background",
+    surface: "brand-solid"
+  },
+  {
+    id: asHeaderStyleId("editorial-line"),
+    label: "Editorial Line",
+    description: "Typographic logo treatment with understated underline navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "bordered"
+  },
+  {
+    id: asHeaderStyleId("flat-tabs"),
+    label: "Flat Tabs",
+    description: "Flat block hover and active states with a Swiss utility feel.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "flat-block",
+    surface: "bordered"
+  },
+  {
+    id: asHeaderStyleId("glass"),
+    label: "Glass",
+    description: "Floating translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    requiresFloatingLayout: true
+  },
+  {
+    id: asHeaderStyleId("minimal-surface"),
+    label: "Minimal Surface",
+    description: "Floating chrome with a restrained translucent surface.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "color-change",
+    surface: "floating",
+    requiresFloatingLayout: true
+  },
+  {
+    id: asHeaderStyleId("soft-shell"),
+    label: "Soft Shell",
+    description: "Floating rounded shell with soft pill navigation states.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    requiresFloatingLayout: true
+  }
+];
+var headerLayoutsById = new Map(
+  headerLayoutCatalog.map((layout) => [layout.id, layout])
+);
+var headerStylesById = new Map(
+  headerStyleCatalog.map((style) => [style.id, style])
+);
+var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
+  [
+    asHeaderLayoutId("classic"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-underline",
+      "brand-pill",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("centered"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-pill",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("editorial"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "brand-bar",
+      "brand-underline",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("floating"),
+    headerStyleRepairChain([
+      "glass",
+      "minimal-surface",
+      "soft-shell",
+      "brand-pill"
+    ])
+  ]
+]);
+function headerStyleRepairChain(values) {
+  return values.map(asHeaderStyleId);
+}
+var headerStyleRepairOrder = /* @__PURE__ */ new Map([
+  [asHeaderStyleId("brand-bar"), headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])],
+  [asHeaderStyleId("brand-underline"), headerStyleRepairChain(["editorial-line", "fine-line", "minimal"])],
+  [asHeaderStyleId("brand-pill"), headerStyleRepairChain(["brand-pill", "brand-bar", "minimal"])],
+  [asHeaderStyleId("pill-nav"), headerStyleRepairChain(["pill-nav", "soft-bar", "minimal"])],
+  [asHeaderStyleId("flat-tabs"), headerStyleRepairChain(["flat-tabs", "pill-nav", "minimal"])],
+  [asHeaderStyleId("editorial-line"), headerStyleRepairChain(["editorial-line", "fine-line", "minimal"])],
+  [asHeaderStyleId("glass"), headerStyleRepairChain(["glass", "minimal-surface", "minimal"])],
+  [asHeaderStyleId("soft-shell"), headerStyleRepairChain(["soft-shell", "soft-bar", "minimal"])],
+  [asHeaderStyleId("minimal-surface"), headerStyleRepairChain(["minimal-surface", "minimal"])],
+  [asHeaderStyleId("fine-line"), headerStyleRepairChain(["fine-line", "minimal"])],
+  [asHeaderStyleId("soft-bar"), headerStyleRepairChain(["soft-bar", "minimal"])],
+  [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
+]);
+var legacyHeaderLookAliases = [
+  {
+    lookId: asHeaderLookId("clean-base"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("brand-solid"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("brand-bar")
+    }
+  },
+  {
+    lookId: asHeaderLookId("editorial-line"),
+    selection: {
+      layoutId: asHeaderLayoutId("editorial"),
+      styleId: asHeaderStyleId("editorial-line")
+    }
+  },
+  {
+    lookId: asHeaderLookId("centered-calm"),
+    selection: {
+      layoutId: asHeaderLayoutId("centered"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("practical-utility"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("flat-tabs")
+    }
+  },
+  {
+    lookId: asHeaderLookId("minimal-transparent"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    lookId: asHeaderLookId("transparent-overlay"),
+    selection: {
+      layoutId: asHeaderLayoutId("floating"),
+      styleId: asHeaderStyleId("glass")
+    }
+  },
+  {
+    lookId: asHeaderLookId("floating-glass"),
+    selection: {
+      layoutId: asHeaderLayoutId("floating"),
+      styleId: asHeaderStyleId("glass")
+    }
+  }
+];
+var legacyHeaderLookAliasesById = new Map(
+  legacyHeaderLookAliases.map((alias) => [alias.lookId, alias])
+);
+function getHeaderStyle(id) {
+  return headerStylesById.get(id) ?? null;
+}
+function isHeaderStyleCompatibleWithLayout(style, layoutId) {
+  return style.supportedLayoutIds.includes(layoutId);
+}
+function getHeaderStyleOrThrow(id) {
+  const style = getHeaderStyle(id);
+  if (!style) {
+    throw new Error(`Unknown Theme V2 header style: ${id}`);
+  }
+  return style;
+}
+function resolveLegacyHeaderLookAlias(lookId) {
+  return legacyHeaderLookAliasesById.get(lookId)?.selection ?? null;
+}
+function getCompatibleHeaderStyleIds(layoutId) {
+  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter((styleId) => {
+    const style = getHeaderStyleOrThrow(styleId);
+    return isHeaderStyleCompatibleWithLayout(style, layoutId);
+  });
+}
 function solidBrandHeader(theme) {
   const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
   return {
@@ -7688,6 +8360,11 @@ var headerLookCatalog = [
     label: "Clean base",
     visualTreatment: "solid-neutral",
     layoutBehavior: "sticky",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky"
+    },
     openingRequirement: "none",
     compile: cleanBaseHeader
   },
@@ -7696,6 +8373,11 @@ var headerLookCatalog = [
     label: "Brand solid",
     visualTreatment: "solid-brand",
     layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-brand",
+      behavior: "sticky-shrink"
+    },
     openingRequirement: "none",
     compile: solidBrandHeader
   },
@@ -7704,6 +8386,11 @@ var headerLookCatalog = [
     label: "Editorial line",
     visualTreatment: "light-editorial",
     layoutBehavior: "sticky",
+    configuration: {
+      structure: "editorial-stack",
+      treatment: "light-editorial",
+      behavior: "sticky"
+    },
     openingRequirement: "none",
     maxRecommendedNavItems: 6,
     compile: editorialLineHeader
@@ -7713,6 +8400,11 @@ var headerLookCatalog = [
     label: "Centered calm",
     visualTreatment: "light-editorial",
     layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "centered-stack",
+      treatment: "light-editorial",
+      behavior: "normal-flow"
+    },
     openingRequirement: "none",
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal", "square"],
@@ -7723,6 +8415,11 @@ var headerLookCatalog = [
     label: "Practical utility",
     visualTreatment: "solid-neutral",
     layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky-shrink"
+    },
     openingRequirement: "none",
     requiresProminentCta: true,
     compile: practicalUtilityHeader
@@ -7732,6 +8429,11 @@ var headerLookCatalog = [
     label: "Minimal transparent",
     visualTreatment: "minimal-transparent",
     layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "minimal-transparent",
+      behavior: "normal-flow"
+    },
     openingRequirement: "reserved-space-ok",
     compile: minimalTransparentHeader
   },
@@ -7740,6 +8442,11 @@ var headerLookCatalog = [
     label: "Transparent overlay",
     visualTreatment: "transparent-overlay",
     layoutBehavior: "fixed-overlay",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "transparent-overlay",
+      behavior: "fixed-overlay"
+    },
     openingRequirement: "requires-image-hero-with-contrast-overlay",
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal"],
@@ -7750,6 +8457,11 @@ var headerLookCatalog = [
     label: "Floating glass",
     visualTreatment: "floating-glass",
     layoutBehavior: "fixed-floating",
+    configuration: {
+      structure: "floating-shell",
+      treatment: "floating-glass",
+      behavior: "fixed-floating"
+    },
     openingRequirement: "requires-image-hero-with-contrast-overlay",
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal"],
@@ -7757,9 +8469,17 @@ var headerLookCatalog = [
   }
 ];
 var guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
+var guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
+var guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
+var allowedHeaderConfigurationKeys = new Set(
+  headerLookCatalog.map((look) => headerConfigurationKey(look.configuration))
+);
 var headerLooksById = new Map(
   headerLookCatalog.map((look) => [look.id, look])
 );
+function headerConfigurationKey(configuration) {
+  return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
+}
 
 // ../theme-core/src/site-styles/footerLooks.ts
 function asFooterLookId(value) {
@@ -7892,6 +8612,264 @@ var advancedDesignOptionCatalog = {
   detachedCustom: true
 };
 
+// ../theme-core/src/site-styles/typographyPresets.ts
+var bodyReadablePolicy = {
+  recommendedCategories: ["sans-serif", "serif"],
+  allowedCategories: ["sans-serif", "serif"],
+  requiresItalicForBody: true,
+  requiresBoldForBody: true
+};
+var headingFlexiblePolicy = {
+  recommendedCategories: ["sans-serif", "serif", "display"],
+  allowedCategories: ["sans-serif", "serif", "display"]
+};
+var displayHeadingPolicy = {
+  recommendedCategories: ["display", "sans-serif", "serif"],
+  allowedCategories: ["display", "sans-serif", "serif"]
+};
+function asTypographyPresetId(value) {
+  if (!value.startsWith("typography-preset:")) {
+    throw new Error(`TypographyPresetId must start with "typography-preset:". Received: ${value}`);
+  }
+  return value;
+}
+function defineTypographyPreset(preset2) {
+  return {
+    ...preset2,
+    id: asTypographyPresetId(preset2.id)
+  };
+}
+var modernSansTypography = {
+  body: {
+    family: "Inter, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Inter, system-ui, sans-serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var warmRoundedTypography = {
+  body: {
+    family: "Nunito Sans, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Nunito Sans, system-ui, sans-serif",
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var editorialSerifTypography = {
+  body: {
+    family: "Lora, Georgia, serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "loose",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Playfair Display, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: true }
+  },
+  scale: "spacious"
+};
+var classicSerifTypography = {
+  body: {
+    family: "Libre Baskerville, Georgia, serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var luxeContrastTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "spacious"
+};
+var boldDisplayTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: '"TAN - PEARL", sans-serif',
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      colorToken: "primary",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var typographyPresets = [
+  defineTypographyPreset({
+    id: "typography-preset:modern-sans",
+    name: "Modern Sans",
+    description: "Crisp, neutral type for clear service pages and practical editorial structure.",
+    defaultFonts: { body: "Inter, system-ui, sans-serif", heading: "Inter, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Inter", "Source Sans 3", "IBM Plex Sans"],
+      heading: ["Inter", "Manrope", "Source Sans 3"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: modernSansTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:warm-rounded",
+    name: "Warm Rounded",
+    description: "Soft, friendly type for welcoming studios, classes, and community businesses.",
+    defaultFonts: { body: "Nunito Sans, system-ui, sans-serif", heading: "Nunito Sans, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Nunito Sans", "Atkinson Hyperlegible", "Lato"],
+      heading: ["Nunito Sans", "Quicksand", "Manrope"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: warmRoundedTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:editorial-serif",
+    name: "Editorial Serif",
+    description: "Story-led type with warm reading rhythm and expressive headings.",
+    defaultFonts: { body: "Lora, Georgia, serif", heading: "Playfair Display, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Lora", "Source Serif 4", "Libre Baskerville"],
+      heading: ["Playfair Display", "Cormorant Garamond", "Fraunces"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: editorialSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:classic-serif",
+    name: "Classic Serif",
+    description: "Measured, polished type for premium and established offers.",
+    defaultFonts: { body: "Libre Baskerville, Georgia, serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Libre Baskerville", "Source Serif 4", "Lora"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Libre Baskerville"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: classicSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:luxe-contrast",
+    name: "Luxe Contrast",
+    description: "A restrained sans body paired with elegant high-contrast headings.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Source Sans 3"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Bodoni Moda"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: luxeContrastTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:bold-display",
+    name: "Bold Display",
+    description: "Punchy display headings with readable sans body copy for branded launches.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: '"TAN - PEARL", sans-serif' },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Space Grotesk"],
+      heading: ["Anton", "Bebas Neue", "Archivo Black"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: boldDisplayTypography,
+    heroTypography: {
+      headlineSize: "6xl",
+      headlineLineHeight: "tight",
+      subheadlineSize: "editorial",
+      subheadlineLineHeight: "normal",
+      microHeadlineSize: "6xl",
+      microHeadlineLineHeight: "tight",
+      microSubheadlineSize: "xl",
+      microSubheadlineLineHeight: "normal",
+      responsive: {
+        tablet: { headlineSize: "5xl" },
+        mobile: { headlineSize: "4xl", subheadlineSize: "xl" }
+      }
+    }
+  })
+];
+var typographyPresetsById = new Map(
+  typographyPresets.map((preset2) => [preset2.id, preset2])
+);
+
 // ../theme-core/src/site-styles/curatedSiteStyles.ts
 var curatedSiteStyleIdValues = [
   "site-style:calm-studio",
@@ -7904,6 +8882,7 @@ var curatedSiteStyleIdValues = [
   "site-style:personal-retreat-journal",
   "site-style:tactile-workshop",
   "site-style:modern-wellness",
+  "site-style:soft-earth",
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
 ];
@@ -7980,6 +8959,15 @@ function uniqueContentFrameKinds() {
 }
 var generatedContentFrameKinds = uniqueContentFrameKinds();
 function defineCuratedSiteStyle(input) {
+  const legacyHeaderLookIds = input.recommendedHeaderLookIds ?? ["clean-base"];
+  const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(legacyHeaderLookIds);
+  const typographyPresetChoices = input.typographyPresetChoices ?? defaultTypographyPresetChoicesForRecipe(input.tokenRecipes.typography);
+  const defaultTypographyPresetId = input.defaultTypographyPresetId ? asTypographyPresetId(input.defaultTypographyPresetId) : typographyPresetChoices[0].id;
+  if (!typographyPresetChoices.some((choice) => choice.id === defaultTypographyPresetId)) {
+    throw new Error(
+      `Default typography preset ${defaultTypographyPresetId} is not curated for site style ${input.id}.`
+    );
+  }
   return {
     id: asSiteStyleId(input.id),
     name: input.name,
@@ -8000,11 +8988,23 @@ function defineCuratedSiteStyle(input) {
     },
     ...input.themeOverrides ? { themeOverrides: input.themeOverrides } : {},
     recommendedAppearancePresetIds: (input.recommendedAppearancePresetIds ?? []).map(asAppearancePresetId),
-    recommendedHeaderLookIds: (input.recommendedHeaderLookIds ?? ["clean-base"]).map(asHeaderLookId),
+    defaultHeaderSelection: input.defaultHeaderSelection ? {
+      layoutId: asHeaderLayoutId(input.defaultHeaderSelection.layoutId),
+      styleId: asHeaderStyleId(input.defaultHeaderSelection.styleId)
+    } : inferredHeaderCuration.defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: input.recommendedHeaderLayoutChoices ?? inferredHeaderCuration.recommendedHeaderLayoutChoices,
+    recommendedHeaderStyleChoicesByLayout: input.recommendedHeaderStyleChoicesByLayout ?? inferredHeaderCuration.recommendedHeaderStyleChoicesByLayout,
+    discouragedHeaderSelections: input.discouragedHeaderSelections?.map((selection) => ({
+      layoutId: asHeaderLayoutId(selection.layoutId),
+      styleId: asHeaderStyleId(selection.styleId)
+    })),
+    recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
     // Empty is intentional: resolveFooterLook always appends its guaranteed fallback.
     recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
     buttonPersonalityChoices: input.buttonPersonalityChoices,
-    paletteVariantChoices: input.paletteVariantChoices
+    paletteVariantChoices: input.paletteVariantChoices,
+    typographyPresetChoices,
+    defaultTypographyPresetId
   };
 }
 function buttonChoice(id, note) {
@@ -8013,6 +9013,88 @@ function buttonChoice(id, note) {
 function paletteChoice(id, note) {
   return note ? { id: asPaletteVariantId(id), note } : { id: asPaletteVariantId(id) };
 }
+function headerLayoutChoice(id, note) {
+  return note ? { id: asHeaderLayoutId(id), note } : { id: asHeaderLayoutId(id) };
+}
+function headerStyleChoice(id, note) {
+  return note ? { id: asHeaderStyleId(id), note } : { id: asHeaderStyleId(id) };
+}
+function headerLayoutRecordKey(id) {
+  return id;
+}
+function uniqueHeaderLayoutChoices(choices) {
+  const seen = /* @__PURE__ */ new Set();
+  const unique = choices.filter((choice) => {
+    if (seen.has(choice.id)) return false;
+    seen.add(choice.id);
+    return true;
+  });
+  const first = unique[0];
+  if (!first) {
+    throw new Error("Expected at least one curated header layout choice.");
+  }
+  return [first, ...unique.slice(1)];
+}
+function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
+  const first = choices[0] ?? {
+    id: getCompatibleHeaderStyleIds(fallbackLayoutId)[0] ?? asHeaderStyleId("minimal")
+  };
+  return [first, ...choices.slice(1)];
+}
+function inferHeaderCurationFromLegacyLooks(lookIds) {
+  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter((selection) => Boolean(selection));
+  const defaultHeaderSelection = selections[0] ?? {
+    layoutId: asHeaderLayoutId("classic"),
+    styleId: asHeaderStyleId("minimal")
+  };
+  const layoutChoices = uniqueHeaderLayoutChoices(
+    selections.map((selection) => headerLayoutChoice(selection.layoutId))
+  );
+  const stylesByLayout = {};
+  for (const layoutChoice of layoutChoices) {
+    const styleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
+    stylesByLayout[headerLayoutRecordKey(layoutChoice.id)] = nonEmptyHeaderStyleChoices(
+      styleChoices,
+      layoutChoice.id
+    );
+  }
+  return {
+    defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: layoutChoices,
+    recommendedHeaderStyleChoicesByLayout: stylesByLayout
+  };
+}
+function typographyChoice(id, note) {
+  return note ? { id: asTypographyPresetId(id), note } : { id: asTypographyPresetId(id) };
+}
+function defaultTypographyPresetChoicesForRecipe(recipe) {
+  switch (recipe) {
+    case "clean-sans":
+      return [
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:bold-display")
+      ];
+    case "friendly-sans":
+      return [
+        typographyChoice("typography-preset:warm-rounded"),
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+    case "serif-editorial":
+      return [
+        typographyChoice("typography-preset:editorial-serif"),
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:warm-rounded")
+      ];
+    case "classic-serif":
+      return [
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+  }
+}
 var curatedSiteStyles = [
   defineCuratedSiteStyle({
     id: "site-style:calm-studio",
@@ -8338,6 +9420,102 @@ var curatedSiteStyles = [
       paletteChoice("warm-neutral-clay")
     ]
   }),
+  defineCuratedSiteStyle({
+    id: "site-style:soft-earth",
+    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.",
+    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 45 },
+    selectionKeywordRules: [
+      { kind: "word", value: "meditation" },
+      { kind: "word", value: "wellbeing" },
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "yoga studio" },
+      { kind: "phrase", value: "mindful movement" }
+    ],
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    themeOverrides: {
+      typography: {
+        body: {
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
+          weight: "regular",
+          lineHeight: "relaxed",
+          letterSpacing: "normal"
+        },
+        headings: {
+          default: {
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            colorToken: "text",
+            italic: null,
+            case: null
+          },
+          h1: {
+            size: "xl",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h2: {
+            size: "lg",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h3: {
+            size: "md",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          }
+        },
+        scale: "majorThird"
+      },
+      bodyText: {
+        intro: {
+          paragraphSize: "default",
+          headingSize: "editorial"
+        }
+      }
+    },
+    recommendedAppearancePresetIds: [
+      "hero-brand-scrim",
+      "intro-soft-earth-statement",
+      "feature-cards-soft-earth-offerings",
+      "testimonials-soft-earth-proof-band",
+      "faq-soft-earth-two-column",
+      "contact-form-panel"
+    ],
+    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "editorial-line"],
+    recommendedFooterLookIds: ["footer-muted-grounding", "site-footer-brand-two-band"],
+    buttonPersonalityChoices: [
+      buttonChoice("earth-pill"),
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-soft-earth"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("soft-natural-sage")
+    ]
+  }),
   defineCuratedSiteStyle({
     id: "site-style:bold-launch",
     name: "Bold Launch",
@@ -8391,49 +9569,13 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: expressiveBudget,
+    typographyPresetChoices: [
+      typographyChoice("typography-preset:bold-display"),
+      typographyChoice("typography-preset:modern-sans"),
+      typographyChoice("typography-preset:luxe-contrast")
+    ],
+    defaultTypographyPresetId: "typography-preset:bold-display",
     themeOverrides: {
-      typography: {
-        body: {
-          family: "Manrope, system-ui, sans-serif",
-          size: "lg",
-          weight: "regular",
-          lineHeight: "relaxed",
-          letterSpacing: "normal"
-        },
-        headings: {
-          default: {
-            family: '"TAN - PEARL", sans-serif',
-            weight: "bold",
-            lineHeight: "normal",
-            letterSpacing: "tight",
-            colorToken: "primary",
-            italic: null,
-            case: null
-          },
-          h1: {
-            size: "xl",
-            weight: "bold",
-            lineHeight: "normal",
-            letterSpacing: "tight",
-            italic: null
-          },
-          h2: {
-            size: "lg",
-            weight: "bold",
-            lineHeight: "normal",
-            letterSpacing: "normal",
-            italic: null
-          },
-          h3: {
-            size: "md",
-            weight: "bold",
-            lineHeight: "normal",
-            letterSpacing: "normal",
-            italic: null
-          }
-        },
-        scale: "balanced"
-      },
       bodyText: {
         intro: {
           paragraphSize: "editorial",
@@ -13072,8 +14214,9 @@ var faqAccordionFragment = defineFragment({
         },
         fallback: "rb-faq-item"
       },
-      iconStyle: { $bind: { from: "theme.accordions.icon.style" } }
-      // Pass icon style from theme
+      iconStyle: { $bind: { from: "theme.accordions.icon.style" } },
+      // Legacy theme accordion style
+      iconTreatment: { $bind: { from: "content._sectionStyles.accordionIconTreatment" } }
     },
     triggerFrom: "faqItem.question",
     contentFrom: "faqItem.answer"
@@ -14250,6 +15393,334 @@ var heroBlockDefinition = {
   manifest: heroManifest
 };
 
+// ../blocks/src/system/fields/aspectRatio.ts
+var standardAspectRatioOptions = [
+  { value: "auto", label: "Auto (original)" },
+  { value: "16/9", label: "16:9 (Landscape)" },
+  { value: "4/3", label: "4:3 (Standard)" },
+  { value: "1/1", label: "1:1 (Square)" },
+  { value: "3/4", label: "3:4 (Portrait)" }
+];
+function createAspectRatioField(options = {}) {
+  return {
+    id: options.id ?? "aspectRatio",
+    type: "select",
+    label: options.label ?? "Aspect ratio",
+    ...options.description ? { description: options.description } : {},
+    required: false,
+    defaultValue: options.defaultValue ?? "auto",
+    multiple: false,
+    options: [...standardAspectRatioOptions],
+    ui: {
+      intent: options.uiIntent ?? "display",
+      ...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
+    }
+  };
+}
+
+// ../blocks/src/system/fields/imageLayout.ts
+function createImageColSizeField(options = {}) {
+  const {
+    id = "imageColSize",
+    label = "Image column size",
+    description = "Controls how large the image/thumbnail column is at desktop breakpoints.",
+    defaultValue = "1/3",
+    uiIntent = "display",
+    visibleWhen
+  } = options;
+  return {
+    id,
+    type: "select",
+    label,
+    description,
+    required: false,
+    defaultValue,
+    multiple: false,
+    options: [
+      { value: "1/4", label: "Small (1/4)" },
+      { value: "1/3", label: "Medium (1/3)" },
+      { value: "2/5", label: "Large (2/5)" },
+      { value: "1/2", label: "Extra large (1/2)" },
+      { value: "2/3", label: "Huge (2/3)" }
+    ],
+    ui: {
+      intent: uiIntent,
+      ...visibleWhen ? { visibleWhen } : {}
+    }
+  };
+}
+function createImagePositionField(options = {}) {
+  const {
+    id = "imagePosition",
+    label = "Image position",
+    description = "Choose which side the image appears on.",
+    defaultValue = "left",
+    includeAlternate = false,
+    uiIntent = "display",
+    visibleWhen
+  } = options;
+  const positionOptions = [
+    { value: "left", label: "Left" },
+    { value: "right", label: "Right" },
+    ...includeAlternate ? [{ value: "alternate", label: "Alternate" }] : []
+  ];
+  return {
+    id,
+    type: "select",
+    label,
+    description,
+    required: false,
+    defaultValue,
+    multiple: false,
+    // Spread to get a mutable array type without unsafe casts.
+    options: [...positionOptions],
+    ui: {
+      intent: uiIntent,
+      ...visibleWhen ? { visibleWhen } : {}
+    }
+  };
+}
+
+// ../blocks/src/system/blocks/intro.ts
+function introHeading(className) {
+  return text(
+    {
+      as: "h2",
+      className
+    },
+    when("content.title"),
+    bind("content.title")
+  );
+}
+function introBody(className = "rb-prose rb-max-w-none") {
+  return richText({ className }, bind("content.body"));
+}
+function introCtas(justify = "start") {
+  return ctaRow({
+    justify,
+    gap: "md",
+    containerClassName: "rb-mt-2"
+  });
+}
+function introCopyStack(options = {}) {
+  return stack(
+    {
+      gap: "md",
+      className: options.className ?? "rb-intro-copy"
+    },
+    [
+      introHeading(options.headingClassName ?? "rb-intro-title"),
+      introBody(options.bodyClassName),
+      introCtas(options.ctaJustify)
+    ]
+  );
+}
+var introMedia = media(
+  {
+    className: "rb-intro-media rb-w-full rb-h-auto rb-object-cover",
+    style: {
+      aspectRatio: { $bind: { from: "content.aspectRatio" } }
+    }
+  },
+  bind("content.media")
+);
+var centeredCopyLayout = styledSection({
+  children: styledContainer({
+    rootType: "stack",
+    rootProps: { gap: "lg" },
+    children: [
+      introCopyStack({
+        className: "rb-intro-copy rb-mx-auto rb-max-w-3xl rb-text-center",
+        headingClassName: "rb-intro-title rb-text-center",
+        bodyClassName: "rb-prose rb-mx-auto rb-max-w-none",
+        ctaJustify: "center"
+      })
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var statementCopyLayout = styledSection({
+  children: styledContainer({
+    children: [
+      el(
+        "div",
+        {
+          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"),
+          stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
+            introBody(),
+            introCtas("start")
+          ])
+        ]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var statementMediaLayout = styledSection({
+  children: styledContainer({
+    children: [
+      el(
+        "div",
+        {
+          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"),
+          stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
+            introBody(),
+            introCtas("start")
+          ]),
+          el("div", { className: "rb-intro-media-wrap rb-w-full" }, [introMedia], when("content.media"))
+        ]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var mediaCopyLayout = styledSection({
+  children: styledContainer({
+    children: [
+      responsiveTwoColumn({
+        image: el("div", { className: "rb-intro-media-wrap rb-w-full" }, [introMedia]),
+        text: introCopyStack({
+          className: "rb-intro-copy rb-max-w-xl",
+          headingClassName: "rb-intro-title"
+        }),
+        ratioFrom: "content.ratio",
+        imagePositionFrom: "content.imagePosition",
+        gapFrom: "content.gap",
+        gapFallback: "comfortable",
+        imageWrapperClassName: "rb-w-full rb-shrink-0",
+        textWrapperClassName: "rb-w-full rb-min-w-0 rb-flex-1 rb-self-center"
+      })
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var introConfig = {
+  id: "block.intro",
+  title: "Intro",
+  category: "layout",
+  includeContainerStyles: true,
+  titleSource: "title",
+  additionalFields: [
+    {
+      id: "title",
+      type: "text",
+      label: "Statement",
+      required: false,
+      multiline: true,
+      maxLength: 160
+    },
+    {
+      id: "body",
+      type: "richText",
+      label: "Text",
+      required: true,
+      ui: {
+        richTextVariant: "limited"
+      }
+    },
+    {
+      id: "media",
+      type: "media",
+      label: "Media",
+      required: false,
+      mediaKinds: ["image"],
+      ui: {
+        intent: "content",
+        visibleWhen: { field: "variant", notEquals: "statement-copy" }
+      }
+    },
+    createImagePositionField({
+      id: "imagePosition",
+      label: "Image position",
+      defaultValue: "left",
+      uiIntent: "display",
+      visibleWhen: { field: "variant", equals: "media-copy" }
+    }),
+    {
+      id: "gap",
+      type: "select",
+      label: "Gap between media and text",
+      required: false,
+      defaultValue: "comfortable",
+      multiple: false,
+      options: [
+        { value: "none", label: "None" },
+        { value: "compact", label: "Compact" },
+        { value: "cozy", label: "Cozy" },
+        { value: "medium", label: "Medium" },
+        { value: "comfortable", label: "Comfortable" },
+        { value: "spacious", label: "Spacious" }
+      ],
+      ui: {
+        intent: "display",
+        visibleWhen: { field: "variant", equals: "media-copy" }
+      }
+    },
+    createImageColSizeField({
+      id: "ratio",
+      label: "Media column size",
+      defaultValue: "1/2",
+      uiIntent: "display",
+      visibleWhen: { field: "variant", equals: "media-copy" }
+    }),
+    createAspectRatioField({
+      id: "aspectRatio",
+      label: "Media aspect ratio",
+      description: "Crop media to a consistent aspect ratio.",
+      defaultValue: "auto",
+      visibleWhen: { field: "media", notEquals: null }
+    }),
+    createCtasRepeater({
+      label: "Calls to action",
+      itemLabel: "CTA",
+      maxItems: 2
+    })
+  ],
+  layout: centeredCopyLayout,
+  variants: {
+    "centered-copy": centeredCopyLayout,
+    "statement-copy": statementCopyLayout,
+    "statement-media": statementMediaLayout,
+    "media-copy": mediaCopyLayout
+  },
+  defaultVariant: "statement-copy",
+  variantOptions: {
+    "centered-copy": {
+      label: "Centered copy",
+      description: "A focused intro with centered text and optional calls to action."
+    },
+    "statement-copy": {
+      label: "Statement and copy",
+      description: "A large statement on the left with supporting copy on the right."
+    },
+    "statement-media": {
+      label: "Statement, copy and media",
+      description: "A three-part intro with statement, copy and a small image."
+    },
+    "media-copy": {
+      label: "Media and copy",
+      description: "A compact media/text intro for softer transitions after a hero."
+    }
+  },
+  description: "A flexible introductory section for statement copy, supporting text, media, and CTAs.",
+  tags: ["intro", "introduction", "about", "welcome", "statement", "media", "text"],
+  icon: "PanelTopOpen"
+};
+var introManifest = createBlockManifest(introConfig);
+var introBlockDefinition = {
+  manifest: introManifest
+};
+
 // ../blocks/src/system/blocks/body-text.ts
 var bodyCopyComposition = composeFragments([{ fragment: bodyCopyFragment }]);
 var proseLayout = styledSection({
@@ -15115,6 +16586,37 @@ var faqComposition = composeFragments([
   { fragment: faqHeadingFragment, fieldPriority: 0 },
   { fragment: faqAccordionFragment, fieldPriority: 1 }
 ]);
+function fragmentLayoutNode(layout) {
+  return isNodeDefinitionArray(layout) ? el("div", {}, [...layout]) : layout;
+}
+function isNodeDefinitionArray(layout) {
+  return Array.isArray(layout);
+}
+var headingLayout = fragmentLayoutNode(faqHeadingFragment.layout);
+var accordionLayout = fragmentLayoutNode(faqAccordionFragment.layout);
+var defaultLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: stack({ gap: "xl", className: "rb-w-full rb-max-w-4xl rb-mx-auto" }, faqComposition.layout)
+  }),
+  baseClass: ""
+});
+var twoColumnLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    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"
+      },
+      [
+        el("div", { className: "rb-faq-two-column-heading" }, [headingLayout]),
+        el("div", { className: "rb-faq-two-column-accordion" }, [accordionLayout])
+      ]
+    )
+  }),
+  baseClass: ""
+});
 var faqManifest = createBlockManifest({
   id: "block.faq",
   title: "FAQ",
@@ -15131,13 +16633,22 @@ var faqManifest = createBlockManifest({
       label: "FAQ item styles"
     })
   ],
-  layout: styledSection({
-    children: styledContainer({
-      baseClassName: "rb-relative rb-isolate",
-      children: stack({ gap: "xl", className: "rb-w-full rb-max-w-4xl rb-mx-auto" }, faqComposition.layout)
-    }),
-    baseClass: ""
-  }),
+  layout: defaultLayout,
+  variants: {
+    default: defaultLayout,
+    "two-column": twoColumnLayout
+  },
+  defaultVariant: "default",
+  variantOptions: {
+    default: {
+      label: "Default",
+      description: "A centered heading above one FAQ accordion."
+    },
+    "two-column": {
+      label: "Two column",
+      description: "A left heading column with FAQ items on the right."
+    }
+  },
   description: "Accordion of frequently asked questions and answers.",
   tags: ["faq", "questions", "answers", "help", "support", "accordion", "q&a"],
   icon: "HelpCircle"
@@ -15787,7 +17298,8 @@ function resolveBackgroundVisualStyles(backgroundColor, tokens, defaultToken = "
 function resolveHeaderVisualStyles(header, tokens) {
   const navContainerType = header?.navContainer?.type ?? "none";
   const hasContainedNav = navContainerType === "glass" || navContainerType === "pill";
-  if (hasContainedNav) {
+  const hasTransparentVariant = header?.variant === "transparent" || header?.variant === "floating";
+  if (hasContainedNav || hasTransparentVariant) {
     return {
       backgroundToken: "transparent",
       paletteHex: null,
@@ -15916,6 +17428,17 @@ var headerRootStyleTransform = {
     return mergeStyles(...styleParts);
   }
 };
+var headerSectionBackgroundTransform = {
+  id: "layout.headerSectionBackground",
+  kind: "string",
+  summary: "Resolve the inner site-header section background token",
+  run: (value) => {
+    const header = asPartialObject(value);
+    const navContainerType = header?.navContainer?.type ?? "none";
+    const usesTransparentRoot = header?.variant === "transparent" || header?.variant === "floating" || navContainerType === "glass" || navContainerType === "pill";
+    return usesTransparentRoot ? "raw:transparent" : "background";
+  }
+};
 var footerRootStyleTransform = {
   id: "layout.footerRootStyle",
   kind: "formatter",
@@ -16174,6 +17697,7 @@ var layoutTransforms = [
   headerRootClassTransform,
   footerRootClassTransform,
   headerRootStyleTransform,
+  headerSectionBackgroundTransform,
   footerRootStyleTransform,
   footerBottomBarClassTransform,
   footerBottomBarContainerClassTransform,
@@ -16718,7 +18242,10 @@ var editorialLayout = stack(
 );
 var headerLayout = headerSection(
   {
-    background: "background",
+    background: bindProp("$root.theme.header", {
+      transforms: pipe(tx("layout.headerSectionBackground")),
+      fallback: "background"
+    }),
     allowOverflow: true,
     className: bindProp("$root.theme.header", {
       transforms: pipe(tx("layout.headerRootClass")),
@@ -17628,6 +19155,225 @@ var collectionBlockDefinition = {
   manifest: collectionManifest
 };
 
+// ../blocks/src/system/blocks/feature-cards.ts
+function grid3(props2, children) {
+  return el("grid", props2 ?? void 0, children ?? void 0);
+}
+var sectionHeading = stack(
+  { gap: "sm", className: "rb-feature-cards-heading rb-mx-auto rb-max-w-3xl rb-text-center" },
+  [
+    text(
+      {
+        as: "h2",
+        className: "rb-feature-cards-title rb-text-center"
+      },
+      when("content.title"),
+      bind("content.title")
+    ),
+    richText(
+      {
+        className: "rb-feature-cards-description rb-prose rb-mx-auto rb-max-w-none",
+        style: textColorStyle("mutedText")
+      },
+      when("content.description"),
+      bind("content.description")
+    )
+  ]
+);
+var featureCard = styledCard(
+  [
+    media(
+      {
+        className: "rb-feature-card-media rb-w-full rb-h-auto rb-object-cover",
+        style: {
+          aspectRatio: { $bind: { from: "card.aspectRatio" } }
+        }
+      },
+      when("card.media"),
+      bind("card.media")
+    ),
+    stack({ gap: "sm", className: "rb-feature-card-content rb-flex-1 rb-p-6" }, [
+      text(
+        {
+          as: "h3",
+          className: "rb-feature-card-title"
+        },
+        bind("card.title")
+      ),
+      richText(
+        {
+          className: "rb-feature-card-body rb-prose rb-max-w-none",
+          style: textColorStyle("mutedText")
+        },
+        when("card.body"),
+        bind("card.body")
+      ),
+      ctaRow({
+        collectionPath: "ctas",
+        itemName: "cta",
+        gap: "sm",
+        justify: "start",
+        containerClassName: "rb-mt-auto"
+      })
+    ])
+  ],
+  {
+    stylesFrom: "content._cardStyles",
+    backgroundFrom: "content._cardStyles.background",
+    baseClassName: "rb-feature-card rb-relative rb-isolate rb-overflow-hidden rb-border rb-flex rb-h-full rb-flex-col"
+  },
+  repeat("content.cards", "card")
+);
+var cardsLayout = styledSection({
+  children: styledContainer({
+    rootType: "stack",
+    rootProps: { gap: "xl" },
+    children: [
+      sectionHeading,
+      grid3(
+        {
+          cols: {
+            $bind: {
+              from: "content.columns",
+              fallback: 3,
+              coerce: "number"
+            }
+          },
+          gap: "lg"
+        },
+        [featureCard]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var featureCardsConfig = {
+  id: "block.feature-cards",
+  title: "Feature Cards",
+  category: "layout",
+  includeContainerStyles: true,
+  titleSource: "title",
+  additionalFields: [
+    {
+      id: "title",
+      type: "text",
+      label: "Title",
+      required: false,
+      multiline: false,
+      maxLength: 120
+    },
+    {
+      id: "description",
+      type: "richText",
+      label: "Description",
+      required: false,
+      ui: {
+        richTextVariant: "limited"
+      }
+    },
+    {
+      id: "columns",
+      type: "select",
+      label: "Columns",
+      required: false,
+      defaultValue: "3",
+      multiple: false,
+      options: [
+        { value: "2", label: "2 columns" },
+        { value: "3", label: "3 columns" },
+        { value: "4", label: "4 columns" }
+      ],
+      ui: { intent: "display" }
+    },
+    {
+      id: "cards",
+      type: "repeater",
+      label: "Cards",
+      required: false,
+      minItems: 1,
+      maxItems: 8,
+      itemLabel: "Card",
+      itemLabelSource: "title",
+      allowConversion: true,
+      ui: {
+        intent: "content"
+      },
+      schema: {
+        fields: [
+          {
+            id: "media",
+            type: "media",
+            label: "Image",
+            required: false,
+            mediaKinds: ["image"]
+          },
+          createAspectRatioField({
+            id: "aspectRatio",
+            label: "Image aspect ratio",
+            defaultValue: "4/3",
+            visibleWhen: { field: "media", notEquals: null }
+          }),
+          {
+            id: "title",
+            type: "text",
+            label: "Title",
+            required: true,
+            multiline: false,
+            maxLength: 120
+          },
+          {
+            id: "body",
+            type: "richText",
+            label: "Text",
+            required: false,
+            ui: {
+              richTextVariant: "limited"
+            }
+          },
+          createCtasRepeater({
+            label: "Calls to action",
+            itemLabel: "CTA",
+            maxItems: 1,
+            button: {
+              variants: [
+                { value: "primary", label: "Primary" },
+                { value: "secondary", label: "Secondary" },
+                { value: "outline", label: "Outline" },
+                { value: "ghost", label: "Ghost" },
+                { value: "link", label: "Link" }
+              ],
+              defaultVariant: "ghost"
+            }
+          })
+        ]
+      }
+    },
+    cardStylesField({
+      id: "_cardStyles",
+      label: "Card styles"
+    })
+  ],
+  layout: cardsLayout,
+  variants: {
+    cards: cardsLayout
+  },
+  defaultVariant: "cards",
+  variantOptions: {
+    cards: {
+      label: "Cards",
+      description: "A responsive grid of image cards with optional calls to action."
+    }
+  },
+  description: "A card grid for offerings, services, classes, benefits, or featured links.",
+  tags: ["cards", "features", "offerings", "services", "classes", "grid", "links"],
+  icon: "PanelsTopLeft"
+};
+var featureCardsManifest = createBlockManifest(featureCardsConfig);
+var featureCardsBlockDefinition = {
+  manifest: featureCardsManifest
+};
+
 // ../blocks/src/system/fields/carousel.ts
 var delayOptions = [
   { value: "3000", label: "3 seconds" },
@@ -17713,69 +19459,6 @@ function createCarouselBehaviorFields(options = {}) {
   return fields3;
 }
 
-// ../blocks/src/system/fields/imageLayout.ts
-function createImageColSizeField(options = {}) {
-  const {
-    id = "imageColSize",
-    label = "Image column size",
-    description = "Controls how large the image/thumbnail column is at desktop breakpoints.",
-    defaultValue = "1/3",
-    uiIntent = "display",
-    visibleWhen
-  } = options;
-  return {
-    id,
-    type: "select",
-    label,
-    description,
-    required: false,
-    defaultValue,
-    multiple: false,
-    options: [
-      { value: "1/4", label: "Small (1/4)" },
-      { value: "1/3", label: "Medium (1/3)" },
-      { value: "2/5", label: "Large (2/5)" },
-      { value: "1/2", label: "Extra large (1/2)" },
-      { value: "2/3", label: "Huge (2/3)" }
-    ],
-    ui: {
-      intent: uiIntent,
-      ...visibleWhen ? { visibleWhen } : {}
-    }
-  };
-}
-function createImagePositionField(options = {}) {
-  const {
-    id = "imagePosition",
-    label = "Image position",
-    description = "Choose which side the image appears on.",
-    defaultValue = "left",
-    includeAlternate = false,
-    uiIntent = "display",
-    visibleWhen
-  } = options;
-  const positionOptions = [
-    { value: "left", label: "Left" },
-    { value: "right", label: "Right" },
-    ...includeAlternate ? [{ value: "alternate", label: "Alternate" }] : []
-  ];
-  return {
-    id,
-    type: "select",
-    label,
-    description,
-    required: false,
-    defaultValue,
-    multiple: false,
-    // Spread to get a mutable array type without unsafe casts.
-    options: [...positionOptions],
-    ui: {
-      intent: uiIntent,
-      ...visibleWhen ? { visibleWhen } : {}
-    }
-  };
-}
-
 // ../blocks/src/system/blocks/media-text.ts
 var mediaTextFrameCapability = defineFrameCapability([
   "plain",
@@ -17899,26 +19582,13 @@ var mediaTextManifest = createBlockManifest({
       },
       ui: { intent: "behavior" }
     }),
-    {
+    createAspectRatioField({
       id: "aspectRatio",
-      type: "select",
       label: "Media aspect ratio",
       description: "Crop media to a consistent aspect ratio.",
-      required: false,
       defaultValue: "auto",
-      multiple: false,
-      options: [
-        { value: "auto", label: "Auto (original)" },
-        { value: "16/9", label: "16:9 (Landscape)" },
-        { value: "4/3", label: "4:3 (Standard)" },
-        { value: "1/1", label: "1:1 (Square)" },
-        { value: "3/4", label: "3:4 (Portrait)" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "images", notEquals: null }
-      }
-    },
+      visibleWhen: { field: "images", notEquals: null }
+    }),
     {
       id: "text",
       type: "richText",
@@ -18048,7 +19718,7 @@ var mediaTextManifest = createBlockManifest({
       whenImagesLength(0)
     );
     const defaultInner = el("div", {}, [defaultImagesLayout, defaultTextOnlyLayout]);
-    const defaultLayout = styledSection({
+    const defaultLayout2 = styledSection({
       children: styledContainer({
         rootType: "stack",
         rootProps: { gap: "lg" },
@@ -18080,9 +19750,9 @@ var mediaTextManifest = createBlockManifest({
       spacing: "medium"
     });
     return {
-      layout: defaultLayout,
+      layout: defaultLayout2,
       variants: {
-        default: defaultLayout
+        default: defaultLayout2
       },
       defaultVariant: "default",
       variantOptions: {
@@ -23721,7 +25391,7 @@ var embedBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/image-gallery.ts
-var grid3 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
+var grid4 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
 var galleryContainer = (children, opts) => {
   const gap = opts?.gap ?? "md";
   const withExtraClass = (baseClass) => opts?.className ? `${baseClass} ${opts.className}` : baseClass;
@@ -23801,7 +25471,7 @@ var galleryItem = (options) => stack(
   ],
   repeat("content.images", "item")
 );
-var gridLayout3 = grid3(
+var gridLayout3 = grid4(
   {
     className: "rb-grid rb-grid-cols-1 rb-gap-4 rb-sm-grid-cols-2 rb-md-grid-cols-3"
   },
@@ -24404,7 +26074,7 @@ var imageGalleryBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/video-grid.ts
-var grid4 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
+var grid5 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
 var videoItem = (options) => stack(
   { gap: "xs", className: options.containerClassName },
   [
@@ -24454,7 +26124,7 @@ var gridColumnsClass = (columns) => {
       return "rb-grid rb-grid-cols-1 rb-gap-6 rb-sm-grid-cols-2 rb-md-grid-cols-3";
   }
 };
-var createGridLayout = (columns) => grid4(
+var createGridLayout = (columns) => grid5(
   {
     className: gridColumnsClass(columns)
   },
@@ -27737,6 +29407,40 @@ var systemBlockDefinitionsRaw = [
       })
     ]
   })),
+  withDesignCapability("block.intro", introBlockDefinition, declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "unsupported",
+    headingDecorations: ["organic-squiggle"]
+  }), defineBlockDesignMetadata({
+    flow: bodyFlow,
+    layoutProfiles: [
+      layoutProfile({
+        variantKey: "centered-copy",
+        family: "centered",
+        weight: "featured",
+        bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "statement-copy",
+        family: "split",
+        weight: "featured",
+        bias: "merge"
+      }),
+      layoutProfile({
+        variantKey: "statement-media",
+        family: "media-text",
+        weight: "featured",
+        bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "media-copy",
+        family: "media-text",
+        weight: "featured",
+        bias: "soft"
+      })
+    ]
+  })),
   withDesignCapability("block.body-text", bodyTextBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
     flow: bodyFlow,
     layoutProfiles: [
@@ -27797,9 +29501,17 @@ var systemBlockDefinitionsRaw = [
     flow: conversionFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "form", weight: "standard" })]
   })),
-  withDesignCapability("block.faq", faqBlockDefinition, withEyebrowCapability(panelAndItemsCapable(), standardEyebrowTreatments), defineBlockDesignMetadata({
+  withDesignCapability("block.faq", faqBlockDefinition, withEyebrowCapability(declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "supported",
+    accordionIconSets: ["plus", "chevron", "caret", "minimal-cross"]
+  }), standardEyebrowTreatments), defineBlockDesignMetadata({
     flow: bodyFlow,
-    layoutProfiles: [layoutProfile({ variantKey: "default", family: "stack", weight: "standard" })]
+    layoutProfiles: [
+      layoutProfile({ variantKey: "default", family: "stack", weight: "standard" }),
+      layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" })
+    ]
   })),
   withDesignCapability("block.site-header", siteHeaderBlockDefinition, declareNoBlockDesignCapability("site-chrome"), defineBlockDesignMetadata({
     flow: siteChromeFlow,
@@ -27813,7 +29525,8 @@ var systemBlockDefinitionsRaw = [
     sectionSurfaces: "supported",
     contentFrames: ["plain", "panel"],
     itemSurfaces: "supported",
-    testimonialCardTreatments: ["default", "accent-quote"]
+    testimonialCardTreatments: ["default", "accent-quote"],
+    headingDecorations: ["short-center-rule"]
   }), defineBlockDesignMetadata({
     flow: proofFlow,
     layoutProfiles: [
@@ -27839,6 +29552,22 @@ var systemBlockDefinitionsRaw = [
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "grid", weight: "standard" })]
   })),
+  withDesignCapability("block.feature-cards", featureCardsBlockDefinition, declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "supported",
+    headingDecorations: ["short-center-rule"]
+  }), defineBlockDesignMetadata({
+    flow: offeringsFlow,
+    layoutProfiles: [
+      layoutProfile({
+        variantKey: "cards",
+        family: "grid",
+        weight: "standard",
+        bias: "soft"
+      })
+    ]
+  })),
   withDesignCapability("block.media-text", mediaTextBlockDefinition, mediaPanelCapable(), defineBlockDesignMetadata({
     flow: mediaFlow,
     layoutProfiles: [
@@ -30068,6 +31797,42 @@ function normalizeBoolean2(value) {
   return Boolean(value);
 }
 
+// ../blocks/src/system/runtime/nodes/accordionIconTreatment.ts
+function resolveAccordionIconStyle(iconStyle, iconTreatment) {
+  if (iconTreatment) {
+    switch (iconTreatment.iconSet) {
+      case "plus":
+        return "plus-minus";
+      case "chevron":
+        return "chevron";
+      case "caret":
+        return "caret";
+      case "minimal-cross":
+        return "plus-minus";
+      default:
+        return assertNever4(iconTreatment.iconSet);
+    }
+  }
+  return iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
+}
+function accordionIconColorStyle(iconTreatment) {
+  const token = iconTreatment?.colorToken;
+  if (!token || token === "current") return void 0;
+  const themeToken = resolveIconColorToken(token);
+  return {
+    color: rgbColorValue(themeToken),
+    ...iconTreatment.openColorToken && iconTreatment.openColorToken !== "current" ? {
+      "--accordion-icon-open-color": rgbColorValue(resolveIconColorToken(iconTreatment.openColorToken))
+    } : {}
+  };
+}
+function resolveIconColorToken(token) {
+  return token === "muted" ? "mutedText" : token;
+}
+function assertNever4(value) {
+  throw new Error(`Unhandled accordion icon set: ${String(value)}`);
+}
+
 // ../blocks/src/system/runtime/nodes/accordion.server.tsx
 import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var ACCORDION_ICONS = {
@@ -30107,15 +31872,17 @@ var AccordionItemNodeSSR = ({
   content,
   question,
   answer,
-  iconStyle
+  iconStyle,
+  iconTreatment
 }) => {
   const resolvedValue = value !== void 0 && value !== null ? String(value) : void 0;
   const triggerSource = trigger ?? question;
   const contentSource = content ?? answer;
-  const resolvedIconStyle = iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
+  const resolvedIconStyle = resolveAccordionIconStyle(iconStyle, iconTreatment);
   const iconConfig = ICON_CONFIG[resolvedIconStyle];
   const ClosedIconComponent = ACCORDION_ICONS[iconConfig.closedIcon];
   const OpenIconComponent = iconConfig.openIcon ? ACCORDION_ICONS[iconConfig.openIcon] : null;
+  const iconColorStyle = accordionIconColorStyle(iconTreatment);
   return /* @__PURE__ */ jsxs9(
     "div",
     {
@@ -30125,10 +31892,20 @@ var AccordionItemNodeSSR = ({
       children: [
         /* @__PURE__ */ jsxs9("div", { className: "accordion-trigger", role: "button", tabIndex: 0, "aria-expanded": "false", children: [
           /* @__PURE__ */ jsx22("span", { className: "accordion-trigger-text", children: resolveNode(triggerSource) }),
-          /* @__PURE__ */ jsxs9("span", { className: "accordion-icon", "aria-hidden": "true", children: [
-            ClosedIconComponent && /* @__PURE__ */ jsx22(ClosedIconComponent, { className: "accordion-icon-closed" }),
-            OpenIconComponent && /* @__PURE__ */ jsx22(OpenIconComponent, { className: "accordion-icon-open" })
-          ] })
+          /* @__PURE__ */ jsxs9(
+            "span",
+            {
+              className: "accordion-icon",
+              "aria-hidden": "true",
+              "data-accordion-icon-set": iconTreatment?.iconSet,
+              "data-accordion-icon-motion": iconTreatment?.motion,
+              style: iconColorStyle,
+              children: [
+                ClosedIconComponent && /* @__PURE__ */ jsx22(ClosedIconComponent, { className: "accordion-icon-closed" }),
+                OpenIconComponent && /* @__PURE__ */ jsx22(OpenIconComponent, { className: "accordion-icon-open" })
+              ]
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx22(
           "div",
@@ -37556,6 +39333,67 @@ function transformSdkBlockToDefinition(sdkBlock) {
   };
 }
 
+// ../blocks/src/customBlockRegistry.ts
+function isCustomBlockKind(blockKind) {
+  return blockKind.startsWith("custom.");
+}
+function transformToBlockDescriptor(sdkBlock, source = "sdk") {
+  return {
+    name: sdkBlock.id,
+    title: sdkBlock.title,
+    description: sdkBlock.description,
+    category: sdkBlock.category,
+    tags: sdkBlock.tags,
+    icon: sdkBlock.icon,
+    definition: transformSdkBlockToDefinition(sdkBlock),
+    source
+  };
+}
+function toResolvedCustomBlock(manifest, source) {
+  return {
+    blockKind: manifest.id,
+    manifest: transformSdkBlockToManifest(manifest),
+    source,
+    descriptor: transformToBlockDescriptor(
+      manifest,
+      source.kind === "managed-database" ? "database" : "sdk"
+    )
+  };
+}
+function createCustomBlockRegistry({
+  sdkConfig,
+  customBlocks = [],
+  onConflict
+}) {
+  const entriesByKind = /* @__PURE__ */ new Map();
+  for (const sdkBlock of sdkConfig?.customBlocks ?? []) {
+    entriesByKind.set(
+      sdkBlock.id,
+      toResolvedCustomBlock(sdkBlock, { kind: "sdk-config" })
+    );
+  }
+  for (const customBlock of customBlocks) {
+    const existing = entriesByKind.get(customBlock.manifest.id);
+    if (existing) {
+      onConflict?.(
+        `Skipping DB custom block "${customBlock.manifest.id}" - conflicts with SDK config block`
+      );
+      continue;
+    }
+    entriesByKind.set(
+      customBlock.manifest.id,
+      toResolvedCustomBlock(customBlock.manifest, customBlock.source)
+    );
+  }
+  return {
+    entries: Array.from(entriesByKind.values()),
+    findManifest: (blockKind) => {
+      if (!isCustomBlockKind(blockKind)) return void 0;
+      return entriesByKind.get(blockKind);
+    }
+  };
+}
+
 // ../blocks/src/PageRenderer.tsx
 import { Fragment as Fragment6, jsx as jsx52 } from "react/jsx-runtime";
 function PageRenderer({
@@ -37723,17 +39561,14 @@ var MemoBlockSection = React6.memo(
     }
     const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
     let definition = getBlockDefinition(block.kind);
-    if (!definition && block.kind.startsWith("custom.") && sdkConfig?.customBlocks) {
-      const sdkBlock = sdkConfig.customBlocks.find((b) => b.id === block.kind);
-      if (sdkBlock) {
-        definition = transformSdkBlockToDefinition(sdkBlock);
-      }
-    }
-    if (!definition && block.kind.startsWith("custom.") && customBlocks) {
-      const dbBlock = customBlocks.find((b) => b.id === block.kind);
-      if (dbBlock) {
-        definition = transformSdkBlockToDefinition(dbBlock);
-      }
+    if (!definition && block.kind.startsWith("custom.")) {
+      definition = createCustomBlockRegistry({
+        sdkConfig,
+        customBlocks: (customBlocks ?? []).map((manifest) => ({
+          manifest,
+          source: { kind: "managed-database" }
+        }))
+      }).findManifest(block.kind)?.descriptor.definition;
     }
     if (!definition) {
       if (OverrideComponent) {
@@ -37760,13 +39595,16 @@ var MemoBlockSection = React6.memo(
       }
       if (block.kind.startsWith("custom.") && shouldDebugCustomBlocks()) {
         try {
-          console.warn("[blocks:PageRenderer] custom block definition missing", {
-            blockId: block.id ?? null,
-            blockKind: block.kind,
-            hasOverride: Boolean(OverrideComponent),
-            sdkCustomBlocksCount: sdkConfig?.customBlocks?.length ?? 0,
-            dbCustomBlocksCount: customBlocks?.length ?? 0
-          });
+          console.warn(
+            "[blocks:PageRenderer] custom block definition missing",
+            {
+              blockId: block.id ?? null,
+              blockKind: block.kind,
+              hasOverride: Boolean(OverrideComponent),
+              sdkCustomBlocksCount: sdkConfig?.customBlocks?.length ?? 0,
+              dbCustomBlocksCount: customBlocks?.length ?? 0
+            }
+          );
         } catch {
         }
       }
@@ -37780,12 +39618,15 @@ var MemoBlockSection = React6.memo(
     if (!OverrideComponent && !manifestHasLayout) {
       if (block.kind.startsWith("custom.") && shouldDebugCustomBlocks()) {
         try {
-          console.warn("[blocks:PageRenderer] custom block has no layout/variants and no override", {
-            blockId: block.id ?? null,
-            blockKind: block.kind,
-            hasOverride: false,
-            manifestKeys: Object.keys(definition.manifest ?? {}).sort()
-          });
+          console.warn(
+            "[blocks:PageRenderer] custom block has no layout/variants and no override",
+            {
+              blockId: block.id ?? null,
+              blockKind: block.kind,
+              hasOverride: false,
+              manifestKeys: Object.keys(definition.manifest ?? {}).sort()
+            }
+          );
         } catch {
         }
       }
@@ -37819,9 +39660,10 @@ var MemoBlockSection = React6.memo(
     if (parsed.success) {
       data = parsed.data;
     } else if (usePlaceholders) {
-      const relaxed = getCachedValidator(definition.manifest, "relaxed").safeParse(
-        content
-      );
+      const relaxed = getCachedValidator(
+        definition.manifest,
+        "relaxed"
+      ).safeParse(content);
       if (relaxed.success) {
         data = relaxed.data;
       } else {