@riverbankcms/sdk 0.60.11 → 0.60.14

package/dist/server/theme-bridge.mjs

@@ -674,6 +674,111 @@ var pebble = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/showtime-pill.ts
+var showtimePill = defineButtonPersonality({
+  id: "showtime-pill",
+  name: "Showtime Pill",
+  description: "Bold pill buttons with uppercase labels, generous padding, and a playful pop.",
+  tags: { tone: "bold", energy: "vibrant", motion: "expressive", era: "modern" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "uppercase",
+      fontWeight: 700,
+      borderWidth: 2,
+      hoverTransform: "lift",
+      hoverColor: "darken",
+      typography: "body",
+      paddingPreset: "spacious",
+      italic: false
+    },
+    sizes: {
+      sm: { padding: "0.625rem 1.25rem", fontSize: "0.875rem" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "1rem" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "1.125rem" },
+      xl: { padding: "1.125rem 2.25rem", fontSize: "1.125rem" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "background",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "hero",
+        name: "Hero",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "secondary" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "pop" }]
+        }
+      },
+      {
+        id: "header",
+        name: "Header",
+        enabled: true,
+        priority: 2,
+        background: { type: "solid", colorToken: "background" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "background" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/soft-pill.ts
 var softPill = defineButtonPersonality({
   id: "soft-pill",
@@ -754,7 +859,8 @@ var buttonPersonalities = [
   editorialLink,
   pebble,
   inkStamp,
-  brushedWash
+  brushedWash,
+  showtimePill
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])
@@ -1529,14 +1635,7 @@ var proseLinkStyleSchema = z14.object({
   underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
   underlineOffset: proseLinkUnderlineOffsetSchema.optional()
 });
-var semanticSpacingSchema = z14.enum([
-  "none",
-  "compact",
-  "cozy",
-  "medium",
-  "comfortable",
-  "spacious"
-]);
+var semanticSpacingSchema = z14.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
 var boxRoundedSchema = z14.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
 var boxBackgroundOverlaySchema = z14.object({
   type: z14.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -1553,6 +1652,7 @@ var boxBackgroundSchema = z14.object({
   scale: z14.string().nullable().optional(),
   position: z14.string().nullable().optional(),
   opacity: z14.number().min(0).max(1).nullable().optional(),
+  motion: z14.enum(["static", "fixed-frame"]).nullable().optional(),
   overlay: boxBackgroundOverlaySchema.nullable().optional(),
   textColor: z14.string().nullable().optional(),
   headingColor: z14.string().nullable().optional()
@@ -1560,7 +1660,7 @@ var boxBackgroundSchema = z14.object({
 var sectionStylesOverrideSchema = z14.object({
   background: boxBackgroundSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
-  minHeight: z14.enum(["none", "hero", "immersive"]).nullable().optional()
+  minHeight: z14.enum(["none", "banner", "hero", "immersive"]).nullable().optional()
 });
 var containerStylesOverrideSchema = z14.object({
   background: boxBackgroundSchema.nullable().optional(),
@@ -1579,7 +1679,8 @@ var cardStylesOverrideSchema = z14.object({
   border: cardBorderOverrideSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
   raised: z14.boolean().nullable().optional(),
-  rounded: boxRoundedSchema.nullable().optional()
+  rounded: boxRoundedSchema.nullable().optional(),
+  treatment: z14.enum(["accent-quote"]).nullable().optional()
 });
 var blockStyleOverridesSchema = z14.object({
   sectionStyles: sectionStylesOverrideSchema.nullable().optional(),
@@ -1654,15 +1755,7 @@ var inputStyle = z14.object({
 });
 var headerVariant = z14.enum(["classic", "centered", "transparent", "floating", "editorial"]);
 var headerPositioning = z14.enum(["static", "sticky", "fixed"]);
-var headerNavStyle = z14.enum([
-  "minimal",
-  "underline",
-  "underline-grow",
-  "capsule",
-  "scale",
-  "frosted",
-  "solid"
-]);
+var headerNavStyle = z14.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
 var navFontWeight = z14.enum(["regular", "medium", "semibold", "bold"]);
 var headerMaxWidth = z14.enum(["container", "full"]);
 var headerContainerSchema = z14.object({
@@ -1716,6 +1809,7 @@ var dropdownStyleSchema = z14.object({
   // optional = no override (browser default)
 }).optional();
 var headerCtaGapSchema = z14.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+var headerCtaTreatmentSchema = z14.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
 var navContainerSchema = z14.object({
   type: z14.enum(["none", "pill", "glass"]).default("none"),
   tint: z14.string().nullable().optional(),
@@ -1734,7 +1828,10 @@ var headerSchema = z14.object({
   shrinkOnScroll: z14.boolean(),
   maxWidth: headerMaxWidth,
   logoOverride: mediaSchema.nullable().optional(),
-  background: headerBackgroundSchema.default({ type: "color", color: "surface" }),
+  background: headerBackgroundSchema.default({
+    type: "color",
+    color: "surface"
+  }),
   textColor: z14.string().nullable().optional(),
   // Site title and general header text
   navStyle: headerNavStyle,
@@ -1754,6 +1851,13 @@ var headerSchema = z14.object({
   navLinkStyle: navLinkStyleSchema.optional(),
   // CTA button spacing (desktop left margin)
   ctaGap: headerCtaGapSchema.optional(),
+  // Semantic CTA treatment for header/nav CTA buttons. The Theme V2 compiler
+  // materializes this to ctaVariant against the active button personality.
+  ctaTreatment: headerCtaTreatmentSchema.optional(),
+  // Optional theme-level CTA variant for header/nav CTA buttons.
+  // Internal runtime bridge for the block renderer; prefer ctaTreatment in
+  // authored Theme V2 concepts.
+  ctaVariant: z14.string().min(1).optional(),
   // Dropdown menu styling (nav dropdowns and mobile drawer)
   dropdownStyle: dropdownStyleSchema
 });
@@ -1810,7 +1914,10 @@ var footerSchema = z14.object({
   variant: footerVariant,
   maxWidth: footerMaxWidth,
   showLogoText: z14.boolean().optional(),
-  background: headerBackgroundSchema.default({ type: "color", color: "surface" }),
+  background: headerBackgroundSchema.default({
+    type: "color",
+    color: "surface"
+  }),
   // Footer nav styling (independent from header)
   navStyle: headerNavStyle.default("minimal"),
   navColor: z14.string().nullable().optional(),
@@ -1832,17 +1939,7 @@ var layoutSchema = z14.object({
     desktop: containerPaddingPresetSchema.optional()
   }).optional()
 }).optional();
-var heroTypographySizeSchema = z14.enum([
-  "sm",
-  "base",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "6xl"
-]);
+var heroTypographySizeSchema = z14.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
 var heroTypographyLineHeightSchema = z14.enum(["tight", "snug", "normal", "relaxed"]);
 var heroResponsiveTypographySchema = z14.object({
   headlineSize: heroTypographySizeSchema.optional(),
@@ -1867,6 +1964,13 @@ var heroTypographySchema = z14.object({
 var heroSchema = z14.object({
   typography: heroTypographySchema.optional()
 }).optional();
+var bodyTextIntroTypographySizeSchema = z14.enum(["default", "editorial"]);
+var bodyTextSchema = z14.object({
+  intro: z14.object({
+    paragraphSize: bodyTextIntroTypographySizeSchema.optional(),
+    headingSize: bodyTextIntroTypographySizeSchema.optional()
+  }).optional()
+}).optional();
 var gradientsSchema = z14.object({
   button: z14.string().min(1).nullable().optional(),
   hero: z14.string().min(1).nullable().optional(),
@@ -1888,6 +1992,7 @@ var themeSchema = z14.object({
   gradients: gradientsSchema.optional(),
   layout: layoutSchema,
   hero: heroSchema,
+  bodyText: bodyTextSchema,
   header: headerSchema,
   footer: footerSchema,
   buttons: buttonSystemSchema.optional(),
@@ -1911,10 +2016,7 @@ var themeSchema = z14.object({
   ).optional(),
   // Structured block-kind theme overrides (v1: typography prose-link style only)
   // Keyed by block kind (usually data-block value like "hero"; "block.hero" also accepted)
-  blockOverrides: z14.record(
-    z14.string(),
-    blockThemeOverrideSchema
-  ).optional(),
+  blockOverrides: z14.record(z14.string(), blockThemeOverrideSchema).optional(),
   // Structured custom CSS rules
   // Validated, scoped, and safe by construction - no @import, remote url(), or global selectors
   customCssRules: customCssRulesSchema,
@@ -2085,6 +2187,28 @@ var brandLedJewel = definePaletteVariant({
     { name: "border", hex: "#a8a29e" }
   ]
 });
+var brandLedBurgundyGold = definePaletteVariant({
+  id: "brand-led-burgundy-gold",
+  name: "Brand-led \u2014 Burgundy Gold",
+  description: "Deep burgundy with warm gold accents and soft neutral grounds.",
+  tags: { tone: "bold", energy: "vibrant", era: "modern" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#7c2e38" },
+    { name: "secondary", hex: "#d4af37" },
+    { name: "accent", hex: "#b8e19a" },
+    { name: "success", hex: "#10b981" },
+    { name: "warning", hex: "#f59e0b" },
+    { name: "destructive", hex: "#ef4444" },
+    { name: "background", hex: "#f1dfd0" },
+    { name: "surface", hex: "#f5e6db" },
+    { name: "surfaceAlt", hex: "#f8ece3" },
+    { name: "muted", hex: "#c9b8a8" },
+    { name: "text", hex: "#400000" },
+    { name: "primaryForeground", hex: "#ffffff" },
+    { name: "border", hex: "#c9b8a8" }
+  ]
+});
 
 // ../theme-core/src/palette/variants/high-contrast.ts
 var highContrastInk = definePaletteVariant({
@@ -2296,6 +2420,7 @@ var paletteVariants = [
   brandLedCool,
   brandLedWarm,
   brandLedJewel,
+  brandLedBurgundyGold,
   // Warm-neutral family
   warmNeutralClay,
   warmNeutralCream,
@@ -2552,6 +2677,14 @@ var NAV_LINK_PRESETS = {
 };
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../theme-core/src/layout/generateLayoutCss.ts
+var waveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>"
+);
+function svgDataUrl(svg) {
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+
 // ../theme-core/src/blocks/vars/event-registration.ts
 function generateEventRegistrationVars({
   themeId
@@ -4655,12 +4788,16 @@ var containerResponsiveThemeCss = `/*
   .rb-h-full {
     height: 100%;
   }
+  .rb-section-min-h-banner {
+    min-height: clamp(16rem, 34svh, 24rem);
+  }
   .rb-section-min-h-hero {
     min-height: clamp(32rem, 62svh, 44rem);
   }
   .rb-section-min-h-immersive {
     min-height: clamp(38rem, 78svh, 54rem);
   }
+  .rb-section-min-h-banner > .rb-container,
   .rb-section-min-h-hero > .rb-container,
   .rb-section-min-h-immersive > .rb-container {
     min-height: inherit;
@@ -5770,6 +5907,19 @@ var containerResponsiveThemeCss = `/*
   .rb-object-contain {
     object-fit: contain;
   }
+  .rb-bg-motion-fixed-frame {
+    position: fixed;
+    inset: 0;
+    width: 100vw;
+    height: 100svh;
+  }
+  @media (hover: none), (prefers-reduced-motion: reduce) {
+    .rb-bg-motion-fixed-frame {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+  }
 
   /* Line clamp */
   .rb-line-clamp-2,
@@ -10280,13 +10430,13 @@ var containerResponsiveThemeCss = `/*
 
 /* Eyebrow - color only (typography via .rb-eyebrow) */
 :where(.theme-scope) :where([data-block="hero"]) .hero-eyebrow {
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
 }
 
 /* Subheadline - supporting text below headline */
 :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
   font-size: 1.125rem;
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
 }
 
 @container rb-site (min-width: 640px) {
@@ -10360,6 +10510,20 @@ var containerResponsiveThemeCss = `/*
   max-width: 60rem;
 }
 
+:where(.theme-scope) :where([data-block="body-text"][data-block-variant="intro"]) .body-copy-body {
+  font-size: var(--rb-prose-lg-font-size);
+  line-height: var(--rb-prose-lg-line-height);
+}
+
+@container rb-site (min-width: 640px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="body-text"][data-block-variant="intro"]) .body-copy-body {
+    font-size: var(--rb-prose-xl-sm-font-size);
+    line-height: var(--rb-prose-xl-sm-line-height);
+  }
+}
+}
+
 /* Variant: Narrow (left-aligned, shorter line length) */
 :where(.theme-scope) :where([data-block="body-text"][data-block-variant="narrow"]) .body-copy-container {
   max-width: 34rem;
@@ -11702,6 +11866,13 @@ var containerResponsiveThemeCss = `/*
   border-radius: var(--rb-block-radius);
 }
 
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-card.rb-card-treatment-accent-quote {
+  border: 0;
+  border-left: 5px solid rgb(var(--tb-secondary));
+  border-radius: 0 calc(var(--rb-block-radius) * 3) 0 0;
+  color: rgb(var(--tb-primaryForeground));
+}
+
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonial-quote {
   font-size: var(--rb-testimonial-quote-size);
   line-height: 1;
@@ -11710,6 +11881,12 @@ var containerResponsiveThemeCss = `/*
   color: rgb(var(--tb-primary));
 }
 
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-card-treatment-accent-quote .rb-testimonial-quote {
+  color: rgb(var(--tb-secondary));
+  font-size: calc(var(--rb-testimonial-quote-size) * 1.25);
+  opacity: 1;
+}
+
 
 /* Testimonials carousel tweaks: arrow styling + gutters + equal-height cards */
 :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn {