@riverbankcms/sdk 0.80.0 → 0.82.0

package/dist/client/bookings.mjs

@@ -4213,7 +4213,9 @@ var buttonBorderSchema = z2.object({
 var variantShadowSchema = z2.object({
   elevation: z2.enum(["none", "low", "medium", "high"]),
   softness: z2.enum(["crisp", "soft", "hard"]).nullable(),
-  position: z2.enum(["bottom", "bottom-right"]).default("bottom")
+  position: z2.enum(["bottom", "bottom-right"]).default("bottom"),
+  // Optional palette token for a coloured offset shadow; omit for neutral black.
+  colorToken: themeColorTokenSchema.optional()
 });
 var variantEffectsSchema = z2.object({
   base: z2.array(effectApplicationSchema).optional(),
@@ -4762,11 +4764,70 @@ var inkStamp = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/joy-stamp.ts
+var joyStamp = defineButtonPersonality({
+  id: "joy-stamp",
+  name: "Joy Stamp",
+  description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+  tags: { tone: "bold", energy: "vibrant", motion: "expressive", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "high",
+      textTransform: "none",
+      // Bold display type on the buttons: use the heading font (Bricolage) at
+      // 700, matching the mockup's chunky button labels.
+      typography: "heading",
+      fontWeight: 700,
+      borderWidth: 2,
+      hoverTransform: "none",
+      hoverColor: "none"
+    },
+    sizes: {
+      sm: { padding: "0.625rem 1.25rem", fontSize: "text-sm" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "text-base" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "text-lg" },
+      xl: { padding: "1.25rem 2.75rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        // Cream stamp shadow under the burnt-orange fill.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "text" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "text" },
+        // Brown stamp shadow under the cream outline.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "secondary" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/pebble.ts
 var pebble = defineButtonPersonality({
   id: "pebble",
   name: "Pebble",
-  description: "Generous pill buttons with a soft hover lift.",
+  description: "Generous pill buttons with a quiet colour-softening hover.",
   tags: { tone: "classic", energy: "calm", motion: "standard", era: "organic" },
   buttonSystem: {
     global: {
@@ -4795,8 +4856,7 @@ var pebble = defineButtonPersonality({
         borderRadius: "rounded-full",
         effects: {
           hover: [
-            { effectId: "scale-up", options: { scale: "1.03" } },
-            { effectId: "drop-shadow", options: { intensity: "medium" } }
+            { effectId: "background-on-hover-alpha", options: { colorToken: "primary", opacity: 88 } }
           ]
         }
       },
@@ -5035,7 +5095,8 @@ var buttonPersonalities = [
   pebble,
   inkStamp,
   brushedWash,
-  showtimePill
+  showtimePill,
+  joyStamp
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])
@@ -5338,6 +5399,9 @@ var accordionSystemSchema = z5.object({
 });
 
 // ../theme-core/src/site-styles/types.ts
+function defineExactCatalog() {
+  return (entries) => entries;
+}
 function asAppearancePresetId(value) {
   return brandNonEmptyString(value, "AppearancePresetId");
 }
@@ -6661,6 +6725,7 @@ var themeV2CompilerOwnedFieldNames = [
   ...themeV2BlockSpecificRawStyleFieldNames
 ];
 var pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
+var siteChromeBackgroundOverrideOwner = "site-chrome-editor";
 
 // ../theme-core/src/schema.ts
 var axesSchema = z17.object({
@@ -6759,7 +6824,9 @@ var boxBackgroundSchema = z17.object({
   motion: z17.enum(["static", "fixed-frame"]).nullable().optional(),
   overlay: boxBackgroundOverlaySchema.nullable().optional(),
   textColor: tokenOrCssColorValueSchema.nullable().optional(),
-  headingColor: tokenOrCssColorValueSchema.nullable().optional()
+  headingColor: tokenOrCssColorValueSchema.nullable().optional(),
+  linkColor: tokenOrCssColorValueSchema.nullable().optional(),
+  supportingColor: tokenOrCssColorValueSchema.nullable().optional()
 });
 var noHeadingDecorationSchema = z17.object({
   family: z17.literal("none")
@@ -6822,7 +6889,8 @@ var cardStylesOverrideSchema = z17.object({
     "editorial-rule",
     "soft-panel",
     "editorial-serif-quote",
-    "editorial-open"
+    "editorial-open",
+    "color-blocked"
   ]).nullable().optional(),
   // Which site-style card variant the card adopts (emits a `.card-{id}` class).
   // 'none' is boxless. Driven by the block look via testimonialCardTreatment.
@@ -6983,6 +7051,7 @@ var navContainerSchema = z17.object({
 }).default({ type: "none", tint: null, opacity: 0.15 });
 var headerBackgroundSchema = z17.object({
   type: z17.enum(["color", "gradient", "image"]),
+  contentOwner: z17.literal(siteChromeBackgroundOverrideOwner).optional(),
   color: tokenOrCssColorValueSchema.nullable().optional(),
   gradient: gradientConfigSchema.nullable().optional(),
   image: mediaSchema.nullable().optional(),
@@ -7647,6 +7716,30 @@ var warmNeutralForest = definePaletteVariant({
   ]
 });
 
+// ../theme-core/src/palette/variants/warm-dark.ts
+var warmDarkEmber = definePaletteVariant({
+  id: "warm-dark-ember",
+  name: "Warm Dark \u2014 Ember",
+  description: "Deep clay-brown ground with burnt-orange accent and warm cream text.",
+  tags: { tone: "bold", energy: "vibrant", era: "organic" },
+  mode: "dark",
+  colors: [
+    { name: "primary", hex: "#ce612f" },
+    { name: "secondary", hex: "#894e31" },
+    { name: "accent", hex: "#ce612f" },
+    { name: "success", hex: "#6f8f57" },
+    { name: "warning", hex: "#c98a3c" },
+    { name: "destructive", hex: "#c0492f" },
+    { name: "background", hex: "#4f2415" },
+    { name: "surface", hex: "#5c3320" },
+    { name: "surfaceAlt", hex: "#693a25" },
+    { name: "muted", hex: "#6a3d27" },
+    { name: "text", hex: "#f0e1d0" },
+    { name: "primaryForeground", hex: "#4f2415" },
+    { name: "border", hex: "#894e31" }
+  ]
+});
+
 // ../theme-core/src/palette/variants/index.ts
 var paletteVariants = [
   // Brand-led family
@@ -7667,7 +7760,9 @@ var paletteVariants = [
   softNaturalSage,
   softNaturalStone,
   softNaturalWatercolor,
-  softNaturalLilac
+  softNaturalLilac,
+  // Warm-dark family (dark mode)
+  warmDarkEmber
 ];
 var paletteVariantsById = new Map(
   paletteVariants.map((v) => [v.id, v])
@@ -7948,6 +8043,32 @@ var clarityZenCardSystem = {
     }
   ]
 };
+var originalJoyCardSystem = {
+  variants: [
+    {
+      id: "default",
+      name: "Default",
+      enabled: true,
+      priority: 1,
+      background: { type: "solid", colorToken: "surface" },
+      foregroundToken: "text",
+      spacing: "comfortable",
+      corners: "rounded",
+      shadow: { elevation: "none", softness: null, position: "bottom" }
+    },
+    {
+      id: "alternative",
+      name: "Statement",
+      enabled: true,
+      priority: 2,
+      background: { type: "solid", colorToken: "primary" },
+      foregroundToken: "primaryForeground",
+      spacing: "comfortable",
+      corners: "rounded",
+      shadow: { elevation: "none", softness: null, position: "bottom" }
+    }
+  ]
+};
 
 // ../theme-core/src/site-styles/testimonialQuotePresets.ts
 var serifDisplayQuote = {
@@ -8068,7 +8189,7 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
-var headerLayoutCatalog = [
+var headerLayoutCatalog = defineExactCatalog()([
   {
     id: asHeaderLayoutId("classic"),
     label: "Classic",
@@ -8100,11 +8221,11 @@ var headerLayoutCatalog = [
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal"]
   }
-];
+]);
 function supportedLayouts(ids) {
   return ids.map(asHeaderLayoutId);
 }
-var headerStyleCatalog = [
+var headerStyleCatalog = defineExactCatalog()([
   {
     id: asHeaderStyleId("minimal"),
     label: "Minimal",
@@ -8259,7 +8380,7 @@ var headerStyleCatalog = [
     navTypography: "heading",
     moods: ["calm", "editorial"]
   }
-];
+]);
 var headerLayoutsById = new Map(
   headerLayoutCatalog.map((layout) => [layout.id, layout])
 );
@@ -8372,7 +8493,7 @@ var headerStyleRepairOrder = /* @__PURE__ */ new Map(
     [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
   ]
 );
-var legacyHeaderLookAliases = [
+var legacyHeaderLookAliases = defineExactCatalog()([
   {
     lookId: asHeaderLookId("clean-base"),
     selection: {
@@ -8429,7 +8550,7 @@ var legacyHeaderLookAliases = [
       styleId: asHeaderStyleId("glass")
     }
   }
-];
+]);
 var legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
 function getHeaderStyle(id) {
   return headerStylesById.get(id) ?? null;
@@ -8583,6 +8704,12 @@ function serifLineHeader(theme) {
       letterSpacing: "wide",
       gradient: false
     },
+    border: {
+      style: "solid",
+      width: "none",
+      position: "none"
+    },
+    shadow: { elevation: "none" },
     ctaTreatment: "outline",
     ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
     ctaGap: "relaxed"
@@ -8707,7 +8834,7 @@ function floatingGlassHeader(theme) {
     }
   };
 }
-var headerLookCatalog = [
+var headerLookCatalog = defineExactCatalog()([
   {
     id: asHeaderLookId("clean-base"),
     label: "Clean base",
@@ -8825,7 +8952,7 @@ var headerLookCatalog = [
     logoAccommodations: overlayLogoAccommodations,
     compile: floatingGlassHeader
   }
-];
+]);
 var guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
 var guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
 var guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
@@ -8991,7 +9118,7 @@ function editorialColumnsFooter(theme) {
     }
   };
 }
-var footerLookCatalog = [
+var footerLookCatalog = defineExactCatalog()([
   {
     id: asFooterLookId("footer-muted-grounding"),
     label: "Muted grounding footer",
@@ -9014,7 +9141,7 @@ var footerLookCatalog = [
     allowedContentPresence: ["default-footer", "default-and-blocks"],
     compile: brandTwoBandFooter
   }
-];
+]);
 var footerLooksById = new Map(
   footerLookCatalog.map((look) => [look.id, look])
 );
@@ -9036,7 +9163,7 @@ var generatedDesignOptionCatalog = {
   source: "generated",
   sectionSurfaces: ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"],
   contentFrames: generatedContentFrames,
-  itemSurfaces: ["none", "default", "flat", "outlined", "raised", "inset", "editorial"],
+  itemSurfaces: ["none", "default", "flat", "outlined", "raised", "inset", "editorial", "color-blocked"],
   transitions: ["none", "soft-fade-short", "soft-fade-long"],
   emphases: ["low", "medium", "high"],
   detachedCustom: false
@@ -9048,8 +9175,15 @@ var userDesignOptionCatalog = {
   itemSurfaces: generatedDesignOptionCatalog.itemSurfaces,
   transitions: [
     ...generatedDesignOptionCatalog.transitions,
+    "soft-fade-expansive",
     "wave-edge",
-    "angle-edge"
+    "wave-edge-balanced",
+    "wave-edge-gentle",
+    "wave-edge-bold",
+    "wave-edge-drift",
+    "angle-edge",
+    "angle-edge-subtle",
+    "angle-edge-steep"
   ],
   emphases: generatedDesignOptionCatalog.emphases,
   detachedCustom: false
@@ -9230,6 +9364,29 @@ var boldDisplayTypography = {
   },
   scale: "balanced"
 };
+var originalJoyTypography = {
+  body: {
+    family: "DM Sans, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Bricolage Grotesque, system-ui, sans-serif",
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null }
+  },
+  scale: "balanced"
+};
 var typographyPresets = [
   defineTypographyPreset({
     id: "typography-preset:modern-sans",
@@ -9316,6 +9473,32 @@ var typographyPresets = [
         mobile: { headlineSize: "4xl", subheadlineSize: "xl" }
       }
     }
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:original-joy",
+    name: "Original Joy",
+    description: "Bold Bricolage Grotesque display headings over a clean DM Sans body, editorial and warm.",
+    defaultFonts: { body: "DM Sans, system-ui, sans-serif", heading: "Bricolage Grotesque, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["DM Sans", "Inter", "Manrope"],
+      heading: ["Bricolage Grotesque", "Space Grotesk", "Archivo"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: originalJoyTypography,
+    heroTypography: {
+      headlineSize: "6xl",
+      headlineLineHeight: "tight",
+      subheadlineSize: "xl",
+      subheadlineLineHeight: "normal",
+      microHeadlineSize: "6xl",
+      microHeadlineLineHeight: "tight",
+      microSubheadlineSize: "lg",
+      microSubheadlineLineHeight: "normal",
+      responsive: {
+        tablet: { headlineSize: "5xl" },
+        mobile: { headlineSize: "4xl", subheadlineSize: "lg" }
+      }
+    }
   })
 ];
 var typographyPresetsById = new Map(
@@ -10369,7 +10552,7 @@ var curatedSiteStyles = [
       "body-text-editorial-intro",
       "schedule-details-brand-depth",
       "testimonials-statement-cards",
-      "contact-form-brand-depth-card"
+      "contact-form-panel"
     ],
     recommendedHeaderLookIds: [
       "brand-solid",
@@ -10392,6 +10575,74 @@ var curatedSiteStyles = [
       paletteChoice("brand-led-warm"),
       paletteChoice("high-contrast-ink")
     ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:original-joy",
+    name: "Original Joy",
+    headingDecoration: { family: "organic-squiggle", colorToken: "primary" },
+    description: "Warm, dark, and editorial: deep clay grounds, cream type, and bold burnt-orange accents for soulful community brands.",
+    generationBrief: "Use a deep brown ground with cream text and burnt-orange accents, large display headings, generous spacing, organic rounded shapes, and bold colour-blocked feature sections. Lead with warmth and belonging; calls to action should feel strong but unhurried.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "maximum",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "airy",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    typographyPresetChoices: [
+      typographyChoice("typography-preset:original-joy"),
+      typographyChoice("typography-preset:bold-display"),
+      typographyChoice("typography-preset:modern-sans")
+    ],
+    defaultTypographyPresetId: "typography-preset:original-joy",
+    themeOverrides: {
+      accordions: boldBorderedAccordionSystem,
+      // Shared card system: warm rounded brown cards (event + testimonial cards
+      // pick this up automatically) with a burnt-orange statement variant.
+      cards: originalJoyCardSystem,
+      testimonialQuote: accentGlyphQuote,
+      bodyText: {
+        intro: {
+          paragraphSize: "editorial",
+          headingSize: "editorial"
+        }
+      }
+    },
+    // Recommended block looks: the bold colour-blocked feature cards, a calm
+    // band for the events spotlight, and statement testimonial cards.
+    recommendedAppearancePresetIds: [
+      "feature-cards-bold-colors",
+      "offerings-calm-list",
+      "testimonials-statement-cards"
+    ],
+    // Floating, transparent "Clear Split" header (no fill behind the nav links).
+    defaultHeaderSelection: { layoutId: "floating", styleId: "minimal-surface" },
+    recommendedHeaderLayoutChoices: [headerLayoutChoice("floating")],
+    recommendedHeaderStyleChoicesByLayout: {
+      floating: [
+        headerStyleChoice("minimal-surface"),
+        headerStyleChoice("split-glass"),
+        headerStyleChoice("glass")
+      ]
+    },
+    // Legacy bridge only (the real curation is the explicit selection above).
+    // Kept to a reserved-space, non-overlay look on purpose: the split hero
+    // flows below the Clear Split header, so we must NOT trigger the immersive
+    // overlay-hero promotion that looks like `floating-glass` would force.
+    recommendedHeaderLookIds: ["minimal-transparent"],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("joy-stamp"),
+      buttonChoice("ink-stamp"),
+      buttonChoice("showtime-pill")
+    ],
+    paletteVariantChoices: [paletteChoice("warm-dark-ember")]
   })
 ];
 var curatedSiteStylesById = new Map(
@@ -10459,10 +10710,10 @@ function FeedbackMessage({
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.client.tsx
-import React3, { useRef as useRef7, useState as useState6 } from "react";
+import React3, { useRef as useRef7, useState as useState5 } from "react";
 
 // ../altcha/src/AltchaWidget.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function AltchaWidget({
   challengeUrl,
@@ -10472,7 +10723,6 @@ function AltchaWidget({
   className
 }) {
   const containerRef = useRef(null);
-  const [isLoaded, setIsLoaded] = useState(false);
   useEffect(() => {
     if (typeof window === "undefined") return;
     let widget = null;
@@ -10499,7 +10749,6 @@ function AltchaWidget({
         }
       }));
       containerRef.current.appendChild(widget);
-      setIsLoaded(true);
     }).catch((err) => {
       console.error("Failed to load ALTCHA widget:", err);
     });
@@ -10550,7 +10799,7 @@ import React2, {
   useMemo as useMemo2,
   useReducer as useReducer2,
   useRef as useRef5,
-  useState as useState5
+  useState as useState4
 } from "react";
 
 // ../../node_modules/.pnpm/altcha-lib@1.4.1/node_modules/altcha-lib/dist/helpers.js
@@ -10581,7 +10830,7 @@ function getChallengeUrl() {
 }
 
 // ../blocks/src/system/runtime/hooks/useAvailableDates.ts
-import { useState as useState2, useEffect as useEffect3, useCallback, useRef as useRef3 } from "react";
+import { useState, useEffect as useEffect3, useCallback, useRef as useRef3 } from "react";
 
 // ../blocks/src/utils/date-formatting.ts
 var BOOKING_FETCH_CHUNK_DAYS = 14;
@@ -10702,12 +10951,12 @@ function useAvailableDates({
   initialDays = 30
 }) {
   const api = useBlockApi();
-  const [availableDates, setAvailableDates] = useState2(/* @__PURE__ */ new Set());
-  const [isLoading, setIsLoading] = useState2(false);
-  const [isRefreshing, setIsRefreshing] = useState2(false);
-  const [error, setError] = useState2(null);
-  const [hasMore, setHasMore] = useState2(false);
-  const [loadedRange, setLoadedRange] = useState2(null);
+  const [availableDates, setAvailableDates] = useState(/* @__PURE__ */ new Set());
+  const [isLoading, setIsLoading] = useState(false);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const [error, setError] = useState(null);
+  const [hasMore, setHasMore] = useState(false);
+  const [loadedRange, setLoadedRange] = useState(null);
   const nextStartDateRef = useRef3(null);
   const requestIdRef = useRef3(0);
   const fetchDates = useCallback(
@@ -10807,7 +11056,7 @@ function useAvailableDates({
 }
 
 // ../blocks/src/system/runtime/hooks/useAvailableSlots.ts
-import { useState as useState3, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useState as useState2, useCallback as useCallback2, useEffect as useEffect4, useRef as useRef4 } from "react";
 var AVAILABILITY_REFRESH_INTERVAL_MS2 = 3e4;
 var AVAILABILITY_REFRESH_JITTER_MS2 = 5e3;
 function useAvailableSlots({
@@ -10819,11 +11068,11 @@ function useAvailableSlots({
   timezone
 }) {
   const api = useBlockApi();
-  const [slots, setSlots] = useState3([]);
-  const [isLoading, setIsLoading] = useState3(false);
-  const [isRefreshing, setIsRefreshing] = useState3(false);
-  const [hasLoaded, setHasLoaded] = useState3(false);
-  const [error, setError] = useState3(null);
+  const [slots, setSlots] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(false);
+  const [isRefreshing, setIsRefreshing] = useState2(false);
+  const [hasLoaded, setHasLoaded] = useState2(false);
+  const [error, setError] = useState2(null);
   const requestIdRef = useRef4(0);
   const fetchSlots = useCallback2(
     async (mode) => {
@@ -10984,14 +11233,14 @@ function useBookingSubmission(_siteId) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useDiscountCodeUi.ts
-import { useEffect as useEffect5, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState3 } from "react";
 function useDiscountCodeUi(options) {
-  const [discountUiOpen, setDiscountUiOpen] = useState4(false);
-  const [discountCode, setDiscountCode] = useState4("");
-  const [discountsAvailable, setDiscountsAvailable] = useState4(false);
-  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState4(false);
-  const [autoAppliedDiscount, setAutoAppliedDiscount] = useState4(null);
-  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState4(false);
+  const [discountUiOpen, setDiscountUiOpen] = useState3(false);
+  const [discountCode, setDiscountCode] = useState3("");
+  const [discountsAvailable, setDiscountsAvailable] = useState3(false);
+  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState3(false);
+  const [autoAppliedDiscount, setAutoAppliedDiscount] = useState3(null);
+  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState3(false);
   useEffect5(() => {
     let cancelled = false;
     async function checkDiscountAvailability() {
@@ -12109,9 +12358,9 @@ function useHeadlessBookingFlow(options) {
   );
   const [state, dispatch] = useReducer2(bookingFlowReducer, initialState);
   const api = useBlockApi();
-  const [resourcesState, setResourcesState] = useState5({ tag: "idle" });
+  const [resourcesState, setResourcesState] = useState4({ tag: "idle" });
   const resourcesRequestIdRef = useRef5(0);
-  const [appointmentPackages, setAppointmentPackages] = useState5({ tag: "idle" });
+  const [appointmentPackages, setAppointmentPackages] = useState4({ tag: "idle" });
   const appointmentPackagesRequestIdRef = useRef5(0);
   const selectedServiceId = state.selectedServiceId ?? defaultServiceId;
   const selectedResourceId = state.selectedResourceId ?? defaultResourceId;
@@ -13960,7 +14209,7 @@ var BookingFormClient = ({
   const initialResourceId = render.hydration.resourceId ?? void 0;
   const isPortalRebook = render.hydration.rebookContext?.kind === "portal_rebook";
   const hasLoggedRebookCompletionRef = useRef7(false);
-  const [redirectState] = useState6(
+  const [redirectState] = useState5(
     () => getBookingRedirectStateFromLocation(getBookingRedirectLocationSnapshot())
   );
   const showSpamProtection = render.hydration.spamProtectionEnabled ?? isSpamProtectionEnabled();
@@ -14253,9 +14502,21 @@ var NAV_LINK_PRESETS = {
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
 // ../theme-core/src/layout/generateLayoutCss.ts
-var waveTransitionMask = svgDataUrl(
+var classicWaveTransitionMask = 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>"
 );
+var balancedWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>"
+);
+var gentleWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>"
+);
+var boldWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z' fill='white'/></svg>"
+);
+var driftWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>"
+);
 function svgDataUrl(svg) {
   return `data:image/svg+xml,${encodeURIComponent(svg)}`;
 }
@@ -14672,11 +14933,11 @@ ${root} {
   --rb-testimonial-quote-weight: ${quote.weight};
   --rb-testimonial-quote-display: ${quote.display};
 
-  /* Carousel arrows (defaults: primary background + onPrimary icon) */
-  --rb-testimonial-carousel-arrow-bg: rgb(var(--tb-primary));
-  --rb-testimonial-carousel-arrow-bg-hover: rgba(var(--tb-primary), 0.85);
-  --rb-testimonial-carousel-arrow-color: rgb(var(--tb-onPrimary));
-  --rb-testimonial-carousel-arrow-border-color: rgba(var(--tb-onPrimary), 0.18);
+  /* Carousel arrows: use the secondary chip so accent-band sections retain contrast. */
+  --rb-testimonial-carousel-arrow-bg: rgb(var(--tb-secondary));
+  --rb-testimonial-carousel-arrow-bg-hover: color-mix(in oklab, rgb(var(--tb-secondary)), rgb(var(--tb-text)) 14%);
+  --rb-testimonial-carousel-arrow-color: rgb(var(--tb-onSecondary));
+  --rb-testimonial-carousel-arrow-border-color: rgba(var(--tb-onSecondary), 0.22);
   --rb-testimonial-carousel-arrow-size: 2.75rem;
   --rb-testimonial-carousel-arrow-icon-size: 1.25rem;
   --rb-testimonial-carousel-arrow-icon-stroke-width: 2.5;
@@ -14820,13 +15081,13 @@ import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 import { jsx as jsx13 } from "react/jsx-runtime";
 
 // ../blocks/src/system/runtime/hooks/useBookingFormConfig.ts
-import { useState as useState7, useEffect as useEffect8 } from "react";
+import { useState as useState6, useEffect as useEffect8 } from "react";
 function useBookingFormConfig(siteId, formId) {
   const api = useBlockApi();
-  const [formConfig, setFormConfig] = useState7(null);
-  const [services, setServices] = useState7([]);
-  const [isLoading, setIsLoading] = useState7(true);
-  const [error, setError] = useState7(null);
+  const [formConfig, setFormConfig] = useState6(null);
+  const [services, setServices] = useState6([]);
+  const [isLoading, setIsLoading] = useState6(true);
+  const [error, setError] = useState6(null);
   useEffect8(() => {
     let mounted = true;
     async function loadFormAndServices() {