@riverbankcms/sdk 0.77.0 → 0.77.1

package/dist/client/hooks.mjs

@@ -9833,8 +9833,19 @@ var headingTypographyStyleSchema = typographyStyleSchema.extend({
   colorToken: themeColorTokenSchema.nullable().optional()
 });
 var proseLinkUnderlineStyleSchema = z21.enum(["solid", "dotted", "dashed"]);
-var proseLinkUnderlineThicknessSchema = z21.enum(["auto", "fromFont", "thin", "medium", "thick"]);
-var proseLinkUnderlineOffsetSchema = z21.enum(["auto", "tight", "normal", "loose"]);
+var proseLinkUnderlineThicknessSchema = z21.enum([
+  "auto",
+  "fromFont",
+  "thin",
+  "medium",
+  "thick"
+]);
+var proseLinkUnderlineOffsetSchema = z21.enum([
+  "auto",
+  "tight",
+  "normal",
+  "loose"
+]);
 var proseLinkStyleSchema = z21.object({
   colorToken: themeColorTokenSchema.optional(),
   hoverColorToken: themeColorTokenSchema.optional(),
@@ -9845,7 +9856,14 @@ var proseLinkStyleSchema = z21.object({
   underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
   underlineOffset: proseLinkUnderlineOffsetSchema.optional()
 });
-var semanticSpacingSchema = z21.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
+var semanticSpacingSchema = z21.enum([
+  "none",
+  "compact",
+  "cozy",
+  "medium",
+  "comfortable",
+  "spacious"
+]);
 var boxRoundedSchema = z21.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
 var boxBackgroundOverlaySchema = z21.object({
   type: z21.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -9989,9 +10007,17 @@ var inputStyle = z21.object({
   focus: z21.enum(["glow", "ring", "underline"]),
   label: z21.enum(["inside", "above"])
 });
-var headerVariant = z21.enum(["classic", "centered", "transparent", "floating", "editorial"]);
+var headerVariant = z21.enum(["classic", "centered", "transparent", "floating"]);
 var headerPositioning = z21.enum(["static", "sticky", "fixed"]);
-var headerNavStyle = z21.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
+var headerNavStyle = z21.enum([
+  "minimal",
+  "underline",
+  "underline-grow",
+  "capsule",
+  "scale",
+  "frosted",
+  "solid"
+]);
 var navFontWeight = z21.enum(["regular", "medium", "semibold", "bold"]);
 var headerMaxWidth = z21.enum(["container", "full"]);
 var headerContainerSchema = z21.object({
@@ -10039,8 +10065,22 @@ var dropdownStyleSchema = z21.object({
   textSize: z21.enum(["xs", "sm", "base", "lg"]).optional()
   // optional = no override (browser default)
 }).optional();
-var headerCtaGapSchema = z21.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
-var headerCtaTreatmentSchema = z21.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
+var headerCtaGapSchema = z21.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
+var headerCtaTreatmentSchema = z21.enum([
+  "default",
+  "primary",
+  "secondary",
+  "inverted",
+  "outline",
+  "ghost"
+]);
 var navContainerSchema = z21.object({
   type: z21.enum(["none", "pill", "glass"]).default("none"),
   tint: z21.string().nullable().optional(),
@@ -10095,7 +10135,14 @@ var footerMaxWidth = z21.enum(["container", "full"]);
 var footerMode = z21.enum(["default", "blocks", "default+blocks", "none"]);
 var footerNavLayoutMode = z21.enum(["stack", "inline", "inline-wrap"]);
 var footerNavLayoutAlign = z21.enum(["start", "center", "end", "space-between"]);
-var footerSpacing = z21.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+var footerSpacing = z21.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
 var footerLogoPlacement = z21.enum(["left", "right", "above", "below"]);
 var footerLogoSize = z21.enum(["sm", "md", "lg", "xl"]);
 var footerLogoMaxHeight = z21.enum(["sm", "md", "lg", "xl"]);
@@ -10160,7 +10207,12 @@ var footerSchema = z21.object({
   logo: footerLogoSchema.optional(),
   bottomBar: footerBottomBarSchema.optional()
 });
-var containerPaddingPresetSchema = z21.enum(["tight", "compact", "default", "relaxed"]);
+var containerPaddingPresetSchema = z21.enum([
+  "tight",
+  "compact",
+  "default",
+  "relaxed"
+]);
 var layoutSchema = z21.object({
   containerPadding: z21.object({
     mobile: containerPaddingPresetSchema.optional(),
@@ -10168,8 +10220,24 @@ var layoutSchema = z21.object({
     desktop: containerPaddingPresetSchema.optional()
   }).optional()
 }).optional();
-var heroTypographySizeSchema = z21.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
-var heroTypographyLineHeightSchema = z21.enum(["tight", "snug", "normal", "relaxed"]);
+var heroTypographySizeSchema = z21.enum([
+  "sm",
+  "base",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "editorial"
+]);
+var heroTypographyLineHeightSchema = z21.enum([
+  "tight",
+  "snug",
+  "normal",
+  "relaxed"
+]);
 var heroResponsiveTypographySchema = z21.object({
   headlineSize: heroTypographySizeSchema.optional(),
   headlineLineHeight: heroTypographyLineHeightSchema.optional(),
@@ -10723,16 +10791,6 @@ var headerLayoutCatalog = [
     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",
@@ -10753,17 +10811,19 @@ var headerStyleCatalog = [
     id: asHeaderStyleId("minimal"),
     label: "Minimal",
     description: "Quiet surface with simple color-change navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
-    surface: "neutral"
+    surface: "neutral",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("fine-line"),
     label: "Fine Line",
     description: "Light surface with a crisp lower rule and underline hover.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("soft-bar"),
@@ -10771,7 +10831,8 @@ var headerStyleCatalog = [
     description: "Soft tinted surface with gentle pill hover states.",
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
-    surface: "soft"
+    surface: "soft",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("pill-nav"),
@@ -10779,23 +10840,26 @@ var headerStyleCatalog = [
     description: "A calm pill navigation rail over a neutral header.",
     supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "pill-background",
-    surface: "soft"
+    surface: "soft",
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("brand-bar"),
     label: "Brand Bar",
     description: "Solid brand surface with high-contrast navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "color-change",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
     id: asHeaderStyleId("brand-underline"),
     label: "Brand Underline",
     description: "Brand surface with underline-grow navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic"]),
     navInteraction: "underline-grow",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
     id: asHeaderStyleId("brand-pill"),
@@ -10803,41 +10867,44 @@ var headerStyleCatalog = [
     description: "Solid brand surface with rounded active and hover states.",
     supportedLayoutIds: supportedLayouts(["classic", "centered", "floating"]),
     navInteraction: "pill-background",
-    surface: "brand-solid"
+    surface: "brand-solid",
+    navTypography: "brand-caps"
   },
   {
-    id: asHeaderStyleId("editorial-line"),
-    label: "Editorial Line",
+    id: asHeaderStyleId("serif-line"),
+    label: "Serif Line",
     description: "Typographic logo treatment with understated underline navigation.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "underline-grow",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "heading"
   },
   {
     id: asHeaderStyleId("flat-tabs"),
     label: "Flat Tabs",
     description: "Flat block hover and active states with a Swiss utility feel.",
-    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
     navInteraction: "flat-block",
-    surface: "bordered"
+    surface: "bordered",
+    navTypography: "quiet-caps"
   },
   {
     id: asHeaderStyleId("glass"),
     label: "Glass",
-    description: "Floating translucent chrome with frosted navigation backing.",
-    supportedLayoutIds: supportedLayouts(["floating"]),
+    description: "Translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["classic", "floating"]),
     navInteraction: "glass-backed",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("minimal-surface"),
-    label: "Minimal Surface",
-    description: "Floating chrome with a restrained translucent surface.",
+    label: "Clear Split",
+    description: "Floating logo with transparent navigation and no shared shell.",
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "color-change",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
   },
   {
     id: asHeaderStyleId("soft-shell"),
@@ -10846,7 +10913,25 @@ var headerStyleCatalog = [
     supportedLayoutIds: supportedLayouts(["floating"]),
     navInteraction: "pill-background",
     surface: "floating",
-    requiresFloatingLayout: true
+    navTypography: "plain"
+  },
+  {
+    id: asHeaderStyleId("split-glass"),
+    label: "Split Glass",
+    description: "Logo floats independently while the navigation sits in a glass rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    navTypography: "quiet-caps"
+  },
+  {
+    id: asHeaderStyleId("split-pill"),
+    label: "Split Pill",
+    description: "Logo floats independently with a soft pill-backed navigation rail.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    navTypography: "heading"
   }
 ];
 var headerLayoutsById = new Map(
@@ -10860,13 +10945,14 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
     asHeaderLayoutId("classic"),
     headerStyleRepairChain([
       "minimal",
+      "glass",
       "fine-line",
       "soft-bar",
       "pill-nav",
       "brand-bar",
       "brand-underline",
       "brand-pill",
-      "editorial-line",
+      "serif-line",
       "flat-tabs"
     ])
   ],
@@ -10879,19 +10965,7 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
       "pill-nav",
       "brand-bar",
       "brand-pill",
-      "editorial-line",
-      "flat-tabs"
-    ])
-  ],
-  [
-    asHeaderLayoutId("editorial"),
-    headerStyleRepairChain([
-      "minimal",
-      "fine-line",
-      "soft-bar",
-      "brand-bar",
-      "brand-underline",
-      "editorial-line",
+      "serif-line",
       "flat-tabs"
     ])
   ],
@@ -10900,6 +10974,8 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
     headerStyleRepairChain([
       "glass",
       "minimal-surface",
+      "split-glass",
+      "split-pill",
       "soft-shell",
       "brand-pill"
     ])
@@ -10908,20 +10984,63 @@ var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
 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 headerStyleRepairOrder = /* @__PURE__ */ new Map(
+  [
+    [
+      asHeaderStyleId("brand-bar"),
+      headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-underline"),
+      headerStyleRepairChain(["serif-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("serif-line"),
+      headerStyleRepairChain(["serif-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("split-glass"),
+      headerStyleRepairChain(["split-glass", "glass", "minimal-surface"])
+    ],
+    [
+      asHeaderStyleId("split-pill"),
+      headerStyleRepairChain(["split-pill", "soft-shell", "brand-pill"])
+    ],
+    [
+      asHeaderStyleId("fine-line"),
+      headerStyleRepairChain(["fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-bar"),
+      headerStyleRepairChain(["soft-bar", "minimal"])
+    ],
+    [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
+  ]
+);
 var legacyHeaderLookAliases = [
   {
     lookId: asHeaderLookId("clean-base"),
@@ -10938,10 +11057,10 @@ var legacyHeaderLookAliases = [
     }
   },
   {
-    lookId: asHeaderLookId("editorial-line"),
+    lookId: asHeaderLookId("serif-line"),
     selection: {
-      layoutId: asHeaderLayoutId("editorial"),
-      styleId: asHeaderStyleId("editorial-line")
+      layoutId: asHeaderLayoutId("centered"),
+      styleId: asHeaderStyleId("serif-line")
     }
   },
   {
@@ -10980,9 +11099,7 @@ var legacyHeaderLookAliases = [
     }
   }
 ];
-var legacyHeaderLookAliasesById = new Map(
-  legacyHeaderLookAliases.map((alias) => [alias.lookId, alias])
-);
+var legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
 function getHeaderStyle(id) {
   return headerStylesById.get(id) ?? null;
 }
@@ -11000,10 +11117,12 @@ 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);
-  });
+  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter(
+    (styleId) => {
+      const style = getHeaderStyleOrThrow(styleId);
+      return isHeaderStyleCompatibleWithLayout(style, layoutId);
+    }
+  );
 }
 function solidBrandHeader(theme) {
   const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
@@ -11034,8 +11153,14 @@ function solidBrandHeader(theme) {
       borderRadius: "none",
       effects: {
         hover: [
-          { effectId: "text-color-change", options: { hoverColorToken: "secondary" } },
-          { effectId: "nav-underline", options: { style: "grow", colorToken: "secondary" } }
+          {
+            effectId: "text-color-change",
+            options: { hoverColorToken: "secondary" }
+          },
+          {
+            effectId: "nav-underline",
+            options: { style: "grow", colorToken: "secondary" }
+          }
         ]
       }
     },
@@ -11091,10 +11216,10 @@ function cleanBaseHeader(theme) {
     ctaGap: "default"
   };
 }
-function editorialLineHeader(theme) {
+function serifLineHeader(theme) {
   return {
     ...baseHeader(theme),
-    variant: "editorial",
+    variant: "centered",
     positioning: "sticky",
     shrinkOnScroll: false,
     background: {
@@ -11263,27 +11388,27 @@ var headerLookCatalog = [
     compile: solidBrandHeader
   },
   {
-    id: asHeaderLookId("editorial-line"),
-    label: "Editorial line",
-    visualTreatment: "light-editorial",
+    id: asHeaderLookId("serif-line"),
+    label: "Serif line",
+    visualTreatment: "light-serif",
     layoutBehavior: "sticky",
     configuration: {
-      structure: "editorial-stack",
-      treatment: "light-editorial",
+      structure: "centered-stack",
+      treatment: "light-serif",
       behavior: "sticky"
     },
     openingRequirement: "none",
     maxRecommendedNavItems: 6,
-    compile: editorialLineHeader
+    compile: serifLineHeader
   },
   {
     id: asHeaderLookId("centered-calm"),
     label: "Centered calm",
-    visualTreatment: "light-editorial",
+    visualTreatment: "light-serif",
     layoutBehavior: "normal-flow",
     configuration: {
       structure: "centered-stack",
-      treatment: "light-editorial",
+      treatment: "light-serif",
       behavior: "normal-flow"
     },
     openingRequirement: "none",
@@ -11829,12 +11954,16 @@ var expressiveUnderlineInputs = {
   }
 };
 function uniqueContentFrameKinds() {
-  const kinds = [...new Set(
-    generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
-  )];
+  const kinds = [
+    ...new Set(
+      generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
+    )
+  ];
   const firstKind = kinds[0];
   if (!firstKind) {
-    throw new Error("Expected generated design option catalog to expose at least one content frame kind.");
+    throw new Error(
+      "Expected generated design option catalog to expose at least one content frame kind."
+    );
   }
   return [firstKind, ...kinds.slice(1)];
 }
@@ -11844,7 +11973,9 @@ function defineCuratedSiteStyle(input) {
   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)) {
+  if (!typographyPresetChoices.some(
+    (choice) => choice.id === defaultTypographyPresetId
+  )) {
     throw new Error(
       `Default typography preset ${defaultTypographyPresetId} is not curated for site style ${input.id}.`
     );
@@ -11855,9 +11986,13 @@ function defineCuratedSiteStyle(input) {
     description: input.description,
     generationBrief: input.generationBrief,
     selectionKeywordRules: input.selectionKeywordRules ?? [],
-    siteCreatorSelection: input.siteCreatorSelection ?? { kind: "explicit_only" },
+    siteCreatorSelection: input.siteCreatorSelection ?? {
+      kind: "explicit_only"
+    },
     template: {
-      id: asDesignSystemTemplateId(`template:${input.id.replace("site-style:", "")}`),
+      id: asDesignSystemTemplateId(
+        `template:${input.id.replace("site-style:", "")}`
+      ),
       name: input.name,
       version: 1,
       tokenRecipes: input.tokenRecipes,
@@ -11875,13 +12010,17 @@ function defineCuratedSiteStyle(input) {
     } : 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)
-    })),
+    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),
+    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(
+      asFooterLookId
+    ),
     buttonPersonalityChoices: input.buttonPersonalityChoices,
     paletteVariantChoices: input.paletteVariantChoices,
     typographyPresetChoices,
@@ -11900,7 +12039,7 @@ function headerLayoutChoice(id, note) {
 function headerStyleChoice(id, note) {
   return note ? { id: asHeaderStyleId(id), note } : { id: asHeaderStyleId(id) };
 }
-function headerLayoutRecordKey(id) {
+function unbrandHeaderLayoutId(id) {
   return id;
 }
 function uniqueHeaderLayoutChoices(choices) {
@@ -11923,7 +12062,9 @@ function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
   return [first, ...choices.slice(1)];
 }
 function inferHeaderCurationFromLegacyLooks(lookIds) {
-  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter((selection) => Boolean(selection));
+  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter(
+    (selection) => Boolean(selection)
+  );
   const defaultHeaderSelection = selections[0] ?? {
     layoutId: asHeaderLayoutId("classic"),
     styleId: asHeaderStyleId("minimal")
@@ -11934,10 +12075,7 @@ function inferHeaderCurationFromLegacyLooks(lookIds) {
   const stylesByLayout = {};
   for (const layoutChoice of layoutChoices) {
     const styleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
-    stylesByLayout[headerLayoutRecordKey(layoutChoice.id)] = nonEmptyHeaderStyleChoices(
-      styleChoices,
-      layoutChoice.id
-    );
+    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = nonEmptyHeaderStyleChoices(styleChoices, layoutChoice.id);
   }
   return {
     defaultHeaderSelection,
@@ -11992,7 +12130,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -12021,7 +12163,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("soft-pill"),
@@ -12048,7 +12194,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "minimal-transparent", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "minimal-transparent",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -12076,7 +12226,11 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("brushed-wash"),
@@ -12093,7 +12247,10 @@ var curatedSiteStyles = [
     name: "Quiet Luxury",
     description: "Minimal, confident, and refined for premium experiences and private services.",
     generationBrief: "Use fewer claims, more specificity, and restrained sensory detail. Favor elegant media and low repetition over dense panels.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 20 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 20
+    },
     selectionKeywordRules: [
       { kind: "word", value: "luxury" },
       { kind: "word", value: "premium" },
@@ -12111,7 +12268,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["minimal-transparent", "editorial-line", "clean-base"],
+    recommendedHeaderLookIds: [
+      "minimal-transparent",
+      "serif-line",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("confident-chip"),
@@ -12147,7 +12308,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("pebble"),
@@ -12174,7 +12339,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -12191,7 +12360,10 @@ var curatedSiteStyles = [
     name: "Quiet Practice",
     description: "Grounded, calm, and practical for small appointment-first practices.",
     generationBrief: "Make services, practitioner trust, preparation notes, and booking routes easy to scan. Keep the tone warm and specific, with quiet confidence rather than spa cliches or medical claims.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 30 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 30
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "massage" },
       { kind: "word", value: "bodywork" },
@@ -12212,7 +12384,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "clean-base",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("soft-pill"),
@@ -12229,7 +12405,10 @@ var curatedSiteStyles = [
     name: "Personal Retreat Journal",
     description: "Warm, story-led, and readable for solo practitioners with mixed offers.",
     generationBrief: "Center the practitioner as the guide, then make private sessions, classes, retreats, and resources feel like clear pathways. Keep retreat copy grounded and practical, with enough editorial warmth for longer reading.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 40 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 40
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "retreat" },
       { kind: "phrase", value: "solo practitioner" },
@@ -12249,7 +12428,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "centered-calm", "minimal-transparent"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "centered-calm",
+      "minimal-transparent"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -12266,7 +12449,10 @@ var curatedSiteStyles = [
     name: "Tactile Workshop",
     description: "Bright, hands-on, and image-led for maker studios, workshops, and creative classes.",
     generationBrief: "Lead with objects, materials, studio process, and practical booking detail. Keep the tone warm and direct, with useful mess, clear dates, and enough gallery rhythm to feel like a real creative studio.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 50 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 50
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "ceramic" },
       { kind: "word", value: "pottery" },
@@ -12286,8 +12472,15 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("confident-chip"),
@@ -12306,7 +12499,10 @@ var curatedSiteStyles = [
     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 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 45
+    },
     selectionKeywordRules: [
       { kind: "word", value: "meditation" },
       { kind: "word", value: "wellbeing" },
@@ -12382,8 +12578,15 @@ var curatedSiteStyles = [
       "faq-soft-earth-two-column",
       "contact-form-panel"
     ],
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "editorial-line"],
-    recommendedFooterLookIds: ["footer-muted-grounding", "site-footer-brand-two-band"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "serif-line"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("earth-pill"),
       buttonChoice("soft-pill"),
@@ -12402,7 +12605,10 @@ var curatedSiteStyles = [
     name: "Bold Launch",
     description: "High-energy and punchy for launches, campaigns, and creative offers.",
     generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 10 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 10
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "launch" },
       { kind: "substring", value: "campaign" },
@@ -12421,7 +12627,11 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: expressiveBudget,
-    recommendedHeaderLookIds: ["transparent-overlay", "floating-glass", "brand-solid"],
+    recommendedHeaderLookIds: [
+      "transparent-overlay",
+      "floating-glass",
+      "brand-solid"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("ink-stamp"),
       buttonChoice("confident-chip"),
@@ -12472,8 +12682,15 @@ var curatedSiteStyles = [
       "testimonials-accent-quote-proof",
       "contact-form-brand-depth-card"
     ],
-    recommendedHeaderLookIds: ["brand-solid", "transparent-overlay", "practical-utility"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "transparent-overlay",
+      "practical-utility"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("showtime-pill"),
       buttonChoice("confident-chip"),
@@ -19878,10 +20095,7 @@ var headerRootClassTransform = {
     const navContainerType = header?.navContainer?.type ?? "none";
     const hasContainedNav = navContainerType === "glass" || navContainerType === "pill";
     const backgroundClass = visuals.isTransparent || hasContainedNav ? "rb-bg-transparent" : null;
-    const classes = [
-      config.base,
-      backgroundClass
-    ];
+    const classes = [config.base, backgroundClass];
     if (!hasContainedNav) {
       if (config.blur) classes.push(config.blur);
       if (config.blurSupport) classes.push(config.blurSupport);
@@ -19896,7 +20110,12 @@ var headerRootClassTransform = {
     if (shrinkOnScroll && (positioning === "sticky" || positioning === "fixed")) {
       classes.push(config.shrink);
     }
-    const VALID_VARIANTS = ["classic", "centered", "transparent", "floating", "editorial"];
+    const VALID_VARIANTS = [
+      "classic",
+      "centered",
+      "transparent",
+      "floating"
+    ];
     const variant = header?.variant;
     if (variant && VALID_VARIANTS.includes(variant)) {
       classes.push(`header-variant-${variant}`);
@@ -20517,15 +20736,21 @@ var mobileCta = ctaButton({
 var mobileToggleIcon = stack({ gap: "xs", className: "nav-mobile-icon" }, [
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   }
 ]);
 var mobileToggleButton = {
@@ -20708,28 +20933,6 @@ var floatingLayout = inline(
   ],
   when("$root.theme.header.variant", { equals: "floating" })
 );
-var editorialLayout = stack(
-  {
-    gap: "md",
-    align: "center",
-    className: bindProp("$root.theme.header.maxWidth", {
-      transforms: pipe(
-        tx("layout.maxWidthClass", {
-          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-        })
-      ),
-      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-    })
-  },
-  [
-    centeredLogoRow,
-    createNavRow(
-      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
-      "center"
-    )
-  ],
-  when("$root.theme.header.variant", { equals: "editorial" })
-);
 var headerLayout = headerSection(
   {
     background: bindProp("$root.theme.header", {
@@ -20743,10 +20946,7 @@ var headerLayout = headerSection(
     }),
     style: bindProp("$root.theme.header", {
       transforms: pipe(tx("layout.headerRootStyle")),
-      fallback: mergeStyles(
-        textColorStyle("text"),
-        borderColorStyle("border")
-      )
+      fallback: mergeStyles(textColorStyle("text"), borderColorStyle("border"))
     })
   },
   [
@@ -20755,7 +20955,6 @@ var headerLayout = headerSection(
     centeredLayout,
     transparentLayout,
     floatingLayout,
-    editorialLayout,
     mobileOverlay
   ],
   props({