@riverbankcms/sdk 0.64.0 → 0.68.0

package/dist/server/rendering/server.mjs

@@ -1992,6 +1992,144 @@ function resolveVariantKey(manifest, content) {
   return null;
 }
 
+// ../theme-core/src/palette/utils/colorConversion.ts
+var clamp01 = (x) => Math.max(0, Math.min(1, x));
+var mod = (a, n) => (a % n + n) % n;
+var deg = (x) => mod(x, 360);
+function hexToRgb(hex) {
+  const h = hex.replace(/^#/, "");
+  const m = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
+  if (m.length !== 6) throw new Error("Bad hex");
+  const int = parseInt(m, 16);
+  return { r: int >> 16 & 255, g: int >> 8 & 255, b: int & 255 };
+}
+function rgbToHex(r2, g, b) {
+  const to = (n) => Math.round(n).toString(16).padStart(2, "0");
+  return `#${to(r2)}${to(g)}${to(b)}`;
+}
+function srgbToLinear(u) {
+  const x = u / 255;
+  return x <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+}
+function linearToSrgb(x) {
+  const y = x <= 31308e-7 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;
+  return clamp01(y) * 255;
+}
+function rgbToHsl(r2, g, b) {
+  const R = r2 / 255, G = g / 255, B = b / 255;
+  const max = Math.max(R, G, B), min = Math.min(R, G, B);
+  const d = max - min;
+  let h = 0;
+  if (d !== 0) {
+    switch (max) {
+      case R:
+        h = (G - B) / d + (G < B ? 6 : 0);
+        break;
+      case G:
+        h = (B - R) / d + 2;
+        break;
+      case B:
+        h = (R - G) / d + 4;
+        break;
+    }
+    h *= 60;
+  }
+  const l = (max + min) / 2;
+  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
+  return { h, s, l };
+}
+function srgbToOklab(r2, g, b) {
+  const R = srgbToLinear(r2), G = srgbToLinear(g), B = srgbToLinear(b);
+  const l = 0.4122214708 * R + 0.5363325363 * G + 0.0514459929 * B;
+  const m = 0.2119034982 * R + 0.6806995451 * G + 0.1073969566 * B;
+  const s = 0.0883024619 * R + 0.2817188376 * G + 0.6299787005 * B;
+  const l_ = Math.cbrt(l), m_ = Math.cbrt(m), s_ = Math.cbrt(s);
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+  const b2 = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+  return { L, a, b: b2 };
+}
+function oklabToSrgb(L, a, b) {
+  const l_ = Math.pow(L + 0.3963377774 * a + 0.2158037573 * b, 3);
+  const m_ = Math.pow(L - 0.1055613458 * a - 0.0638541728 * b, 3);
+  const s_ = Math.pow(L - 0.0894841775 * a - 1.291485548 * b, 3);
+  const R = 4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_;
+  const G = -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_;
+  const B = -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_;
+  return { r: linearToSrgb(R), g: linearToSrgb(G), b: linearToSrgb(B) };
+}
+function oklabToOklch(L, a, b) {
+  const C = Math.sqrt(a * a + b * b);
+  const h = C < 1e-7 ? 0 : deg(Math.atan2(b, a) * 180 / Math.PI);
+  return { L, C, h };
+}
+function oklchToOklab(L, C, h) {
+  const hr = h * Math.PI / 180;
+  const a = C * Math.cos(hr);
+  const b = C * Math.sin(hr);
+  return { L, a, b };
+}
+function inSRGB(r2, g, b) {
+  return r2 >= 0 && r2 <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;
+}
+function oklchToHexGamut(L, C, h) {
+  let lo = 0, hi = C, best = 0;
+  for (let i = 0; i < 18; i++) {
+    const mid = (lo + hi) / 2;
+    const { a: a2, b: b2 } = oklchToOklab(L, mid, h);
+    const { r: r3, g: g2, b: bb2 } = oklabToSrgb(L, a2, b2);
+    if (inSRGB(r3, g2, bb2)) {
+      best = mid;
+      lo = mid;
+    } else {
+      hi = mid;
+    }
+  }
+  const { a, b } = oklchToOklab(L, best, h);
+  const { r: r2, g, b: bb } = oklabToSrgb(L, a, b);
+  return rgbToHex(r2, g, bb);
+}
+function featuresFromHex(hex) {
+  const { r: r2, g, b } = hexToRgb(hex);
+  const { h, s, l } = rgbToHsl(r2, g, b);
+  const { L, a, b: b2 } = srgbToOklab(r2, g, b);
+  const { L: okL, C: okC, h: okH } = oklabToOklch(L, a, b2);
+  const max = Math.max(r2, g, b);
+  const v = max / 255;
+  const Y = 0.2126 * srgbToLinear(r2) + 0.7152 * srgbToLinear(g) + 0.0722 * srgbToLinear(b);
+  const chroma = s;
+  return { r: r2, g, b, h, s, l, v, Y, chroma, okL, okC, okH, hex };
+}
+
+// ../theme-core/src/palette/utils/contrast.ts
+function relativeLuminance(r2, g, b) {
+  const R = srgbToLinear(r2), G = srgbToLinear(g), B = srgbToLinear(b);
+  return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+}
+
+// ../theme-core/src/palette/utils/onColor.ts
+var BACKGROUND_ROLE_NAMES = /* @__PURE__ */ new Set([
+  "primary",
+  "secondary",
+  "accent",
+  "success",
+  "warning",
+  "destructive",
+  "info",
+  "background",
+  "surface",
+  "surfaceAlt",
+  "muted",
+  "neutral"
+]);
+function onColorTokenName(backgroundToken) {
+  return `on${backgroundToken.split("-").filter((part) => part.length > 0).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`;
+}
+function isOnColorBackgroundCandidateToken(token) {
+  const role = token.match(/^(.*?)(?:-\d{2,3})?$/)?.[1] ?? token;
+  return BACKGROUND_ROLE_NAMES.has(role);
+}
+
 // ../theme-core/src/site-styles/appearancePresetResolution.ts
 function assertValidOptionGroups(preset2) {
   preset2.optionGroups?.forEach((group) => {
@@ -7613,6 +7751,9 @@ var curatedSiteStyleIdValues = [
   "site-style:bright-community",
   "site-style:quiet-luxury",
   "site-style:practical-services",
+  "site-style:quiet-practice",
+  "site-style:personal-retreat-journal",
+  "site-style:tactile-workshop",
   "site-style:modern-wellness",
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
@@ -7695,7 +7836,8 @@ function defineCuratedSiteStyle(input) {
     name: input.name,
     description: input.description,
     generationBrief: input.generationBrief,
-    selectionKeywords: input.selectionKeywords ?? [],
+    selectionKeywordRules: input.selectionKeywordRules ?? [],
+    siteCreatorSelection: input.siteCreatorSelection ?? { kind: "explicit_only" },
     template: {
       id: asDesignSystemTemplateId(`template:${input.id.replace("site-style:", "")}`),
       name: input.name,
@@ -7839,12 +7981,13 @@ 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.",
-    selectionKeywords: [
-      "luxury",
-      "premium",
-      "boutique",
-      "bespoke",
-      "exclusive"
+    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 20 },
+    selectionKeywordRules: [
+      { kind: "word", value: "luxury" },
+      { kind: "word", value: "premium" },
+      { kind: "word", value: "boutique" },
+      { kind: "word", value: "bespoke" },
+      { kind: "word", value: "exclusive" }
     ],
     tokenRecipes: {
       palette: "high-contrast",
@@ -7873,13 +8016,14 @@ var curatedSiteStyles = [
     name: "Practical Services",
     description: "Efficient, plainspoken, and conversion-focused for trades and everyday services.",
     generationBrief: "Make services, location, trust signals, and contact paths obvious. Keep copy brief and avoid ornate visual treatments.",
-    selectionKeywords: [
-      "repair",
-      "plumb",
-      "electric",
-      "cleaning",
-      "landscap",
-      "contractor"
+    siteCreatorSelection: { kind: "primary_goal_support" },
+    selectionKeywordRules: [
+      { kind: "word", value: "repair" },
+      { kind: "substring", value: "plumb" },
+      { kind: "substring", value: "electric" },
+      { kind: "word", value: "cleaning" },
+      { kind: "substring", value: "landscap" },
+      { kind: "substring", value: "contractor" }
     ],
     tokenRecipes: {
       palette: "brand-led",
@@ -7930,18 +8074,134 @@ var curatedSiteStyles = [
       paletteChoice("warm-neutral-forest")
     ]
   }),
+  defineCuratedSiteStyle({
+    id: "site-style:quiet-practice",
+    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 },
+    selectionKeywordRules: [
+      { kind: "substring", value: "massage" },
+      { kind: "word", value: "bodywork" },
+      { kind: "phrase", value: "appointment practice" },
+      { kind: "phrase", value: "appointment-first" },
+      { kind: "substring", value: "practitioner" },
+      { kind: "substring", value: "therap" },
+      { kind: "substring", value: "clinic" },
+      { kind: "phrase", value: "wellness practice" }
+    ],
+    tokenRecipes: {
+      palette: "soft-natural",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "regular",
+      motion: "subtle"
+    },
+    compositionBudget: quietBudget,
+    recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+    buttonPersonalityChoices: [
+      buttonChoice("pebble"),
+      buttonChoice("soft-pill"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("soft-natural-sage"),
+      paletteChoice("warm-neutral-clay")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:personal-retreat-journal",
+    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 },
+    selectionKeywordRules: [
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "solo practitioner" },
+      { kind: "phrase", value: "personal brand" },
+      { kind: "substring", value: "teacher" },
+      { kind: "substring", value: "coach" },
+      { kind: "phrase", value: "retreat resources" },
+      { kind: "substring", value: "journal" }
+    ],
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: ["editorial-line", "centered-calm", "minimal-transparent"],
+    buttonPersonalityChoices: [
+      buttonChoice("editorial-link"),
+      buttonChoice("soft-pill"),
+      buttonChoice("brushed-wash")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("soft-natural-stone")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:tactile-workshop",
+    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 },
+    selectionKeywordRules: [
+      { kind: "substring", value: "ceramic" },
+      { kind: "word", value: "pottery" },
+      { kind: "phrase", value: "maker studio" },
+      { kind: "phrase", value: "craft class" },
+      { kind: "phrase", value: "craft workshop" },
+      { kind: "word", value: "clay" },
+      { kind: "word", value: "kiln" }
+    ],
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "friendly-sans",
+      spacing: "regular",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    buttonPersonalityChoices: [
+      buttonChoice("pebble"),
+      buttonChoice("confident-chip"),
+      buttonChoice("ink-stamp"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-warm"),
+      paletteChoice("brand-led-cool"),
+      paletteChoice("soft-natural-watercolor"),
+      paletteChoice("warm-neutral-clay")
+    ]
+  }),
   defineCuratedSiteStyle({
     id: "site-style:bold-launch",
     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.",
-    selectionKeywords: [
-      "launch",
-      "campaign",
-      "preorder",
-      "pre-order",
-      "waitlist",
-      "drop"
+    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 10 },
+    selectionKeywordRules: [
+      { kind: "substring", value: "launch" },
+      { kind: "substring", value: "campaign" },
+      { kind: "word", value: "preorder" },
+      { kind: "phrase", value: "pre-order" },
+      { kind: "substring", value: "waitlist" },
+      { kind: "word", value: "drop" }
     ],
     tokenRecipes: {
       palette: "high-contrast",
@@ -7972,15 +8232,6 @@ var curatedSiteStyles = [
     name: "South West Twerk School",
     description: "Energetic, editorial, and high-contrast for a branded dance school presence.",
     generationBrief: "Use confident rhythm, bold burgundy-and-gold accents, large editorial intro copy, strong booking routes, and dark feature sections where proof or forms need emphasis.",
-    selectionKeywords: [
-      "dance",
-      "classes",
-      "workshop",
-      "school",
-      "movement",
-      "performance",
-      "community"
-    ],
     tokenRecipes: {
       palette: "brand-led",
       contrast: "maximum",
@@ -8223,6 +8474,148 @@ var modernMinimalTheme = {
   }
 };
 
+// ../theme-core/src/palette/generateShades.ts
+function generateShades(hexColor, name) {
+  const shadeSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+  const base = featuresFromHex(hexColor);
+  const hue = base.okH;
+  const baseChroma = base.okC;
+  const toneMap = {
+    50: 0.975,
+    100: 0.945,
+    200: 0.89,
+    300: 0.82,
+    400: 0.74,
+    500: 0.66,
+    600: 0.58,
+    700: 0.49,
+    800: 0.4,
+    900: 0.28,
+    950: 0.16
+  };
+  const shadeDefs = shadeSteps.map((step, idx) => {
+    const t = idx / (shadeSteps.length - 1);
+    const L = toneMap[step];
+    const chromaFactor = 0.06 + 0.94 * Math.sin(Math.PI * t);
+    const C = baseChroma * chromaFactor;
+    return {
+      name: `${name}-${step}`,
+      hex: oklchToHexGamut(L, C, hue)
+    };
+  });
+  shadeDefs.push({ name, hex: hexColor });
+  return shadeDefs;
+}
+
+// ../theme-core/src/palette/neutralScale.ts
+function generateNeutralScale({
+  background,
+  steps = 11,
+  warm = false
+}) {
+  const isDark = background === "#000000" || background.startsWith("#0") || background.startsWith("#1");
+  const shadeNames = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+  const count = Math.min(steps, shadeNames.length);
+  const scale = [];
+  for (let i = 0; i < count; i++) {
+    const t = i / (count - 1);
+    const tone = isDark ? mix(0.06, 0.92, t) : mix(0.98, 0.1, t);
+    const hex = oklchToHexGamut(tone, 0.02, warm ? 85 : 250);
+    const name = `neutral-${shadeNames[i]}`;
+    scale.push({ name, hex });
+  }
+  return scale;
+}
+function mix(a, b, t) {
+  return a + (b - a) * Math.max(0, Math.min(1, t));
+}
+
+// ../theme-core/src/palette/utils/textColor.ts
+function pickBlackOrWhiteTextColor(background, minContrast = 4.5) {
+  const { r: r2, g, b } = parseColorToRgb(background);
+  const luminance = relativeLuminance(r2, g, b);
+  const blackContrast = (luminance + 0.05) / 0.05;
+  const whiteContrast = 1.05 / (luminance + 0.05);
+  if (blackContrast >= minContrast && whiteContrast < minContrast) {
+    return "#000000";
+  }
+  if (whiteContrast >= minContrast && blackContrast < minContrast) {
+    return "#FFFFFF";
+  }
+  return blackContrast >= whiteContrast ? "#000000" : "#FFFFFF";
+}
+function getTextColorForBackground(background) {
+  return pickBlackOrWhiteTextColor(background);
+}
+function parseColorToRgb(input) {
+  const trimmed = input.trim();
+  if (trimmed.startsWith("#")) {
+    return hexToRgb(trimmed);
+  }
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i
+  );
+  if (rgbMatch?.[1] && rgbMatch[2] && rgbMatch[3]) {
+    return {
+      r: clamp255(Number(rgbMatch[1])),
+      g: clamp255(Number(rgbMatch[2])),
+      b: clamp255(Number(rgbMatch[3]))
+    };
+  }
+  throw new Error("Unsupported color format");
+}
+function clamp255(value) {
+  if (Number.isNaN(value)) return 0;
+  return Math.max(0, Math.min(255, value));
+}
+
+// ../theme-core/src/palette/expandPalette.ts
+function colorsToMap(palette) {
+  const map = {};
+  for (const c of palette.colors) {
+    map[c.name] = c.hex;
+  }
+  return map;
+}
+function isBackgroundDark(hex) {
+  try {
+    return featuresFromHex(hex).Y < 0.5;
+  } catch {
+    return false;
+  }
+}
+function expandPalette(palette) {
+  const base = colorsToMap(palette);
+  const expanded = { ...base };
+  const background = base.background || base.surface || "#ffffff";
+  const neutral2 = generateNeutralScale({ background, steps: 11, warm: false });
+  neutral2.forEach((n) => {
+    expanded[n.name] = n.hex;
+  });
+  for (const [name, hex] of Object.entries(base)) {
+    if (hex) {
+      const shades = generateShades(hex, name);
+      shades.forEach((shade) => {
+        expanded[shade.name] = shade.hex;
+      });
+    }
+  }
+  if (base.text) expanded.body = base.text;
+  if (base.danger && !base.destructive) {
+    expanded.destructive = base.danger;
+  }
+  const isDark = base.background ? isBackgroundDark(base.background) : false;
+  const isDarkMode = palette.meta?.mode === "dark" || isDark;
+  expanded.mutedText = isDarkMode ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
+  for (const [token, hex] of Object.entries({ ...expanded })) {
+    if (!hex || !isOnColorBackgroundCandidateToken(token)) continue;
+    const onToken = onColorTokenName(token);
+    if (expanded[onToken]) continue;
+    expanded[onToken] = getTextColorForBackground(hex);
+  }
+  return expanded;
+}
+
 // ../theme-core/src/site-styles/designState.ts
 import { z as z24 } from "zod";
 
@@ -8391,25 +8784,19 @@ var defaultDesignRuntimeRules = defineDesignRuntimeRules({
     "muted-band": {
       background: {
         type: "color",
-        color: "muted",
-        textColor: "text",
-        headingColor: "text"
+        color: "muted"
       }
     },
     "accent-band": {
       background: {
         type: "color",
-        color: "primary",
-        textColor: "primaryForeground",
-        headingColor: "primaryForeground"
+        color: "primary"
       }
     },
     "brand-depth-band": {
       background: {
         type: "color",
-        color: "primary-800",
-        textColor: "primaryForeground",
-        headingColor: "primaryForeground"
+        color: "primary-800"
       }
     },
     "hero-image": {
@@ -14631,6 +15018,16 @@ var jsonArrayTransform = {
     return "";
   }
 };
+var csvTransform = {
+  id: "value.csv",
+  kind: "formatter",
+  summary: "Normalize a string or array of strings into a comma-separated list",
+  run: (value) => {
+    const rawValues = Array.isArray(value) ? value : typeof value === "string" ? value.split(",") : [];
+    const normalized = rawValues.filter((item) => typeof item === "string").map((item) => item.trim()).filter(Boolean);
+    return normalized.length > 0 ? Array.from(new Set(normalized)).join(",") : "";
+  }
+};
 var marqueeLoopOptionsSchema = z33.object({
   minItems: z33.number().int().min(1).default(10)
 });
@@ -14656,6 +15053,7 @@ var formattingTransforms = [
   dateFormatShort,
   arrayLengthTransform,
   jsonArrayTransform,
+  csvTransform,
   marqueeLoopTransform
 ];
 
@@ -15139,117 +15537,6 @@ var uiTransforms = [
 
 // ../blocks/src/system/transforms/registry/layout.ts
 import { z as z35 } from "zod";
-
-// ../theme-core/src/palette/utils/colorConversion.ts
-var clamp01 = (x) => Math.max(0, Math.min(1, x));
-var mod = (a, n) => (a % n + n) % n;
-var deg = (x) => mod(x, 360);
-function hexToRgb(hex) {
-  const h = hex.replace(/^#/, "");
-  const m = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
-  if (m.length !== 6) throw new Error("Bad hex");
-  const int = parseInt(m, 16);
-  return { r: int >> 16 & 255, g: int >> 8 & 255, b: int & 255 };
-}
-function rgbToHex(r2, g, b) {
-  const to = (n) => Math.round(n).toString(16).padStart(2, "0");
-  return `#${to(r2)}${to(g)}${to(b)}`;
-}
-function srgbToLinear(u) {
-  const x = u / 255;
-  return x <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
-}
-function linearToSrgb(x) {
-  const y = x <= 31308e-7 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;
-  return clamp01(y) * 255;
-}
-function rgbToHsl(r2, g, b) {
-  const R = r2 / 255, G = g / 255, B = b / 255;
-  const max = Math.max(R, G, B), min = Math.min(R, G, B);
-  const d = max - min;
-  let h = 0;
-  if (d !== 0) {
-    switch (max) {
-      case R:
-        h = (G - B) / d + (G < B ? 6 : 0);
-        break;
-      case G:
-        h = (B - R) / d + 2;
-        break;
-      case B:
-        h = (R - G) / d + 4;
-        break;
-    }
-    h *= 60;
-  }
-  const l = (max + min) / 2;
-  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
-  return { h, s, l };
-}
-function srgbToOklab(r2, g, b) {
-  const R = srgbToLinear(r2), G = srgbToLinear(g), B = srgbToLinear(b);
-  const l = 0.4122214708 * R + 0.5363325363 * G + 0.0514459929 * B;
-  const m = 0.2119034982 * R + 0.6806995451 * G + 0.1073969566 * B;
-  const s = 0.0883024619 * R + 0.2817188376 * G + 0.6299787005 * B;
-  const l_ = Math.cbrt(l), m_ = Math.cbrt(m), s_ = Math.cbrt(s);
-  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
-  const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
-  const b2 = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
-  return { L, a, b: b2 };
-}
-function oklabToSrgb(L, a, b) {
-  const l_ = Math.pow(L + 0.3963377774 * a + 0.2158037573 * b, 3);
-  const m_ = Math.pow(L - 0.1055613458 * a - 0.0638541728 * b, 3);
-  const s_ = Math.pow(L - 0.0894841775 * a - 1.291485548 * b, 3);
-  const R = 4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_;
-  const G = -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_;
-  const B = -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_;
-  return { r: linearToSrgb(R), g: linearToSrgb(G), b: linearToSrgb(B) };
-}
-function oklabToOklch(L, a, b) {
-  const C = Math.sqrt(a * a + b * b);
-  const h = C < 1e-7 ? 0 : deg(Math.atan2(b, a) * 180 / Math.PI);
-  return { L, C, h };
-}
-function oklchToOklab(L, C, h) {
-  const hr = h * Math.PI / 180;
-  const a = C * Math.cos(hr);
-  const b = C * Math.sin(hr);
-  return { L, a, b };
-}
-function inSRGB(r2, g, b) {
-  return r2 >= 0 && r2 <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;
-}
-function oklchToHexGamut(L, C, h) {
-  let lo = 0, hi = C, best = 0;
-  for (let i = 0; i < 18; i++) {
-    const mid = (lo + hi) / 2;
-    const { a: a2, b: b2 } = oklchToOklab(L, mid, h);
-    const { r: r3, g: g2, b: bb2 } = oklabToSrgb(L, a2, b2);
-    if (inSRGB(r3, g2, bb2)) {
-      best = mid;
-      lo = mid;
-    } else {
-      hi = mid;
-    }
-  }
-  const { a, b } = oklchToOklab(L, best, h);
-  const { r: r2, g, b: bb } = oklabToSrgb(L, a, b);
-  return rgbToHex(r2, g, bb);
-}
-function featuresFromHex(hex) {
-  const { r: r2, g, b } = hexToRgb(hex);
-  const { h, s, l } = rgbToHsl(r2, g, b);
-  const { L, a, b: b2 } = srgbToOklab(r2, g, b);
-  const { L: okL, C: okC, h: okH } = oklabToOklch(L, a, b2);
-  const max = Math.max(r2, g, b);
-  const v = max / 255;
-  const Y = 0.2126 * srgbToLinear(r2) + 0.7152 * srgbToLinear(g) + 0.0722 * srgbToLinear(b);
-  const chroma = s;
-  return { r: r2, g, b, h, s, l, v, Y, chroma, okL, okC, okH, hex };
-}
-
-// ../blocks/src/system/transforms/registry/layout.ts
 var joinClasses4 = (parts) => parts.filter(
   (part) => typeof part === "string" && part.trim().length > 0
 ).join(" ").replace(/\s+/g, " ").trim();
@@ -20198,51 +20485,6 @@ function resolveEventCta(event, buttonText) {
   return { label, href: event.path, hidden: false };
 }
 
-// ../theme-core/src/palette/utils/contrast.ts
-function relativeLuminance(r2, g, b) {
-  const R = srgbToLinear(r2), G = srgbToLinear(g), B = srgbToLinear(b);
-  return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-}
-
-// ../theme-core/src/palette/utils/textColor.ts
-function pickBlackOrWhiteTextColor(background, minContrast = 4.5) {
-  const { r: r2, g, b } = parseColorToRgb(background);
-  const luminance = relativeLuminance(r2, g, b);
-  const blackContrast = (luminance + 0.05) / 0.05;
-  const whiteContrast = 1.05 / (luminance + 0.05);
-  if (blackContrast >= minContrast && whiteContrast < minContrast) {
-    return "#000000";
-  }
-  if (whiteContrast >= minContrast && blackContrast < minContrast) {
-    return "#FFFFFF";
-  }
-  return blackContrast >= whiteContrast ? "#000000" : "#FFFFFF";
-}
-function getTextColorForBackground(background) {
-  return pickBlackOrWhiteTextColor(background);
-}
-function parseColorToRgb(input) {
-  const trimmed = input.trim();
-  if (trimmed.startsWith("#")) {
-    return hexToRgb(trimmed);
-  }
-  const rgbMatch = trimmed.match(
-    /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i
-  );
-  if (rgbMatch?.[1] && rgbMatch[2] && rgbMatch[3]) {
-    return {
-      r: clamp255(Number(rgbMatch[1])),
-      g: clamp255(Number(rgbMatch[2])),
-      b: clamp255(Number(rgbMatch[3]))
-    };
-  }
-  throw new Error("Unsupported color format");
-}
-function clamp255(value) {
-  if (Number.isNaN(value)) return 0;
-  return Math.max(0, Math.min(255, value));
-}
-
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -22169,7 +22411,12 @@ var eventListingBlockDefinition = {
         detailLevel: "listing",
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },
-        eventPresets: { $bind: { from: "content.filterEventPresets" } },
+        eventPresets: {
+          $bind: {
+            from: "content.filterEventPresets",
+            transforms: [{ id: "value.csv" }]
+          }
+        },
         scheduleScope: { $bind: { from: "content.scheduleScope" } }
       },
       mode: "server"
@@ -22954,7 +23201,12 @@ var eventCalendarBlockDefinition = {
         // Pass filter params if configured
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },
-        eventPresets: { $bind: { from: "content.filterEventPresets" } },
+        eventPresets: {
+          $bind: {
+            from: "content.filterEventPresets",
+            transforms: [{ id: "value.csv" }]
+          }
+        },
         scheduleScope: { $bind: { from: "content.scheduleScope" } },
         categoryIds: { $bind: { from: "content.filterCategoryIds" } },
         staffMemberId: { $bind: { from: "content.filterStaffMemberId" } },
@@ -29774,16 +30026,18 @@ function toTrimmedString(value) {
   return trimmed ? trimmed : void 0;
 }
 function normalizeBookingFormConfig(form2) {
-  if (!form2) return null;
+  if (!isRecord4(form2)) return null;
+  const id = readNonEmptyString(form2.id);
+  const name = readNonEmptyString(form2.name);
+  if (!id || !name) return null;
+  const schemaSource = isRecord4(form2.schema) ? form2.schema : isRecord4(form2.schemaJson) ? form2.schemaJson : null;
+  const settingsSource = isRecord4(form2.settings) ? form2.settings : isRecord4(form2.settingsJson) ? form2.settingsJson : null;
   return {
-    id: form2.id,
-    name: form2.name,
-    slug: "",
-    settings: form2.settingsJson,
-    schema: form2.schemaJson ? {
-      version: form2.schemaJson.version,
-      fields: form2.schemaJson.fields ?? []
-    } : void 0
+    id,
+    name,
+    slug: typeof form2.slug === "string" ? form2.slug : "",
+    settings: normalizeBookingSettings(settingsSource),
+    schema: normalizeBookingSchema(schemaSource)
   };
 }
 function normalizeBookingServices(services) {
@@ -29799,12 +30053,106 @@ function normalizeBookingServices(services) {
     return [];
   }
   if (Array.isArray(services)) {
-    return services.map(normalizeService);
+    return services.filter(isBookingFormService).map(normalizeService);
   }
-  if ("services" in services) {
-    return Array.isArray(services.services) ? services.services.map(normalizeService) : [];
+  if (isRecord4(services) && "services" in services) {
+    return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
   }
-  return Object.values(services).map(normalizeService);
+  return isRecord4(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+}
+function normalizeBookingSchema(value) {
+  if (!value) return void 0;
+  const rawFields = Array.isArray(value.fields) ? value.fields : [];
+  const fields3 = rawFields.map(readBookingFormField).filter((field) => field !== null);
+  return {
+    version: typeof value.version === "string" ? value.version : void 0,
+    fields: fields3
+  };
+}
+function readBookingFormField(value) {
+  if (!isRecord4(value)) return null;
+  const id = readNonEmptyString(value.id);
+  const label = readNonEmptyString(value.label);
+  const type = readBookingFieldType(value.type);
+  if (!id || !label || !type) return null;
+  return {
+    id,
+    label,
+    type,
+    required: typeof value.required === "boolean" ? value.required : void 0,
+    placeholder: readOptionalString(value.placeholder),
+    helpText: readOptionalString(value.helpText),
+    options: readBookingFieldOptions(value.options),
+    multiple: typeof value.multiple === "boolean" ? value.multiple : void 0,
+    minLength: readOptionalNumber(value.minLength),
+    maxLength: readOptionalNumber(value.maxLength),
+    pattern: readOptionalString(value.pattern),
+    min: readOptionalNumber(value.min),
+    max: readOptionalNumber(value.max)
+  };
+}
+function readBookingFieldType(value) {
+  switch (value) {
+    case "text":
+    case "email":
+    case "textarea":
+    case "select":
+    case "radio":
+    case "checkbox":
+    case "booking_requirement_consent":
+    case "tel":
+    case "url":
+    case "number":
+    case "date":
+    case "time":
+      return value;
+    default:
+      return null;
+  }
+}
+function readBookingFieldOptions(value) {
+  if (!Array.isArray(value)) return void 0;
+  const options = value.map(readBookingFieldOption).filter((option) => option !== null);
+  return options.length > 0 ? options : void 0;
+}
+function readBookingFieldOption(value) {
+  if (!isRecord4(value)) return null;
+  const optionValue = readNonEmptyString(value.value);
+  const label = readNonEmptyString(value.label);
+  return optionValue && label ? { value: optionValue, label } : null;
+}
+function normalizeBookingSettings(value) {
+  if (!value || value.type !== "booking") return void 0;
+  return {
+    type: "booking",
+    serviceId: readOptionalString(value.serviceId),
+    serviceIds: readStringArray(value.serviceIds),
+    resourceId: readOptionalString(value.resourceId),
+    requiresApproval: typeof value.requiresApproval === "boolean" ? value.requiresApproval : void 0,
+    successMessage: readOptionalString(value.successMessage)
+  };
+}
+function isBookingFormService(value) {
+  return isRecord4(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
+}
+function readNonEmptyString(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function readOptionalString(value) {
+  return typeof value === "string" ? value : void 0;
+}
+function readOptionalNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function readStringArray(value) {
+  if (!Array.isArray(value)) return void 0;
+  const strings = value.filter((item) => typeof item === "string");
+  return strings.length > 0 ? strings : void 0;
+}
+function isRecord4(value) {
+  return typeof value === "object" && value !== null;
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.interactive.ts
@@ -33416,119 +33764,6 @@ function renderBlock(manifest, content, options = {}) {
   );
 }
 
-// ../theme-core/src/palette/generateShades.ts
-function generateShades(hexColor, name) {
-  const shadeSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-  const base = featuresFromHex(hexColor);
-  const hue = base.okH;
-  const baseChroma = base.okC;
-  const toneMap = {
-    50: 0.975,
-    100: 0.945,
-    200: 0.89,
-    300: 0.82,
-    400: 0.74,
-    500: 0.66,
-    600: 0.58,
-    700: 0.49,
-    800: 0.4,
-    900: 0.28,
-    950: 0.16
-  };
-  const shadeDefs = shadeSteps.map((step, idx) => {
-    const t = idx / (shadeSteps.length - 1);
-    const L = toneMap[step];
-    const chromaFactor = 0.06 + 0.94 * Math.sin(Math.PI * t);
-    const C = baseChroma * chromaFactor;
-    return {
-      name: `${name}-${step}`,
-      hex: oklchToHexGamut(L, C, hue)
-    };
-  });
-  shadeDefs.push({ name, hex: hexColor });
-  return shadeDefs;
-}
-
-// ../theme-core/src/palette/neutralScale.ts
-function generateNeutralScale({
-  background,
-  steps = 11,
-  warm = false
-}) {
-  const isDark = background === "#000000" || background.startsWith("#0") || background.startsWith("#1");
-  const shadeNames = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-  const count = Math.min(steps, shadeNames.length);
-  const scale = [];
-  for (let i = 0; i < count; i++) {
-    const t = i / (count - 1);
-    const tone = isDark ? mix(0.06, 0.92, t) : mix(0.98, 0.1, t);
-    const hex = oklchToHexGamut(tone, 0.02, warm ? 85 : 250);
-    const name = `neutral-${shadeNames[i]}`;
-    scale.push({ name, hex });
-  }
-  return scale;
-}
-function mix(a, b, t) {
-  return a + (b - a) * Math.max(0, Math.min(1, t));
-}
-
-// ../theme-core/src/palette/expandPalette.ts
-function colorsToMap(palette) {
-  const map = {};
-  for (const c of palette.colors) {
-    map[c.name] = c.hex;
-  }
-  return map;
-}
-function isBackgroundDark(hex) {
-  try {
-    return featuresFromHex(hex).Y < 0.5;
-  } catch {
-    return false;
-  }
-}
-function expandPalette(palette) {
-  const base = colorsToMap(palette);
-  const expanded = { ...base };
-  const background = base.background || base.surface || "#ffffff";
-  const neutral2 = generateNeutralScale({ background, steps: 11, warm: false });
-  neutral2.forEach((n) => {
-    expanded[n.name] = n.hex;
-  });
-  for (const [name, hex] of Object.entries(base)) {
-    if (hex) {
-      const shades = generateShades(hex, name);
-      shades.forEach((shade) => {
-        expanded[shade.name] = shade.hex;
-      });
-    }
-  }
-  if (base.text) expanded.body = base.text;
-  if (base.danger && !base.destructive) {
-    expanded.destructive = base.danger;
-  }
-  const isDark = base.background ? isBackgroundDark(base.background) : false;
-  const isDarkMode = palette.meta?.mode === "dark" || isDark;
-  expanded.mutedText = isDarkMode ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
-  const onRoles = [
-    { role: "primary", on: "onPrimary" },
-    { role: "secondary", on: "onSecondary" },
-    { role: "accent", on: "onAccent" },
-    { role: "success", on: "onSuccess" },
-    { role: "warning", on: "onWarning" },
-    { role: "destructive", on: "onDestructive" },
-    { role: "info", on: "onInfo" },
-    { role: "surface", on: "onSurface" }
-  ];
-  for (const { role, on } of onRoles) {
-    const bg = base[role];
-    if (!bg) continue;
-    if (expanded[on]) continue;
-    expanded[on] = getTextColorForBackground(bg);
-  }
-  return expanded;
-}
-
 // ../theme-core/src/runtime/fontFamily.ts
 var GENERIC_CSS_FAMILIES = [
   "serif",
@@ -37225,6 +37460,8 @@ var MemoBlockSection = React6.memo(
           themeConfig,
           data: void 0,
           siteId: dataContext?.siteId,
+          apiBaseUrl: dataContext?.apiBaseUrl,
+          portalToken: dataContext?.portalToken ?? null,
           supabaseUrl: dataContext?.supabaseUrl,
           imageResolveContext,
           blockId: block.id ?? null,
@@ -37339,6 +37576,8 @@ var MemoBlockSection = React6.memo(
         themeConfig,
         data: resolved,
         siteId: dataContext?.siteId,
+        apiBaseUrl: dataContext?.apiBaseUrl,
+        portalToken: dataContext?.portalToken ?? null,
         supabaseUrl: dataContext?.supabaseUrl,
         imageResolveContext,
         blockId: block.id ?? null,
@@ -43101,32 +43340,32 @@ var containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-text--muted {
-  opacity: var(--ab-text-muted-opacity);
+  opacity: var(--ab-text-muted-opacity, 0.6);
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-text--faint {
-  opacity: var(--ab-text-faint-opacity);
+  opacity: var(--ab-text-faint-opacity, 0.4);
 }
 
 /* Selection cards (service, resource, time slot) */
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-card {
   position: relative;
   padding: 1rem;
-  border: 2px solid var(--ab-card-border);
-  border-radius: var(--rb-block-radius);
+  border: 2px solid var(--ab-card-border, rgb(var(--tb-border, 226 232 240)));
+  border-radius: var(--ab-card-radius, var(--rb-block-radius, 1rem));
   text-align: left;
   background: transparent;
   cursor: pointer;
-  transition: border-color var(--rb-block-transition) ease, background-color var(--rb-block-transition) ease;
+  transition: border-color var(--rb-block-transition, 150ms) ease, background-color var(--rb-block-transition, 150ms) ease;
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-card:hover {
-  border-color: var(--ab-card-border-hover);
+  border-color: var(--ab-card-border-hover, rgba(var(--tb-primary, 17 24 39), 0.5));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-card--selected {
-  border-color: var(--ab-card-border-selected);
-  background-color: var(--ab-card-bg-selected);
+  border-color: var(--ab-card-border-selected, rgb(var(--tb-primary, 17 24 39)));
+  background-color: var(--ab-card-bg-selected, rgba(var(--tb-primary, 17 24 39), 0.05));
 }
 
 /* Checkmark indicator */
@@ -43135,7 +43374,7 @@ var containerResponsiveThemeCss = `/*
   width: 1.25rem;
   height: 1.25rem;
   border-radius: 50%;
-  background-color: var(--ab-check-bg);
+  background-color: var(--ab-check-bg, rgb(var(--tb-primary, 17 24 39)));
   display: flex;
   align-items: center;
   justify-content: center;
@@ -43144,42 +43383,42 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-check svg {
   width: 0.75rem;
   height: 0.75rem;
-  color: var(--ab-check-text);
+  color: var(--ab-check-text, rgb(var(--tb-background, 255 255 255)));
 }
 
 /* Info box (service summary) */
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-info-box {
   padding: 1rem;
-  border: 1px solid var(--ab-card-border);
-  border-radius: var(--rb-block-radius);
-  background-color: var(--ab-muted-bg);
+  border: 1px solid var(--ab-card-border, rgb(var(--tb-border, 226 232 240)));
+  border-radius: var(--ab-card-radius, var(--rb-block-radius, 1rem));
+  background-color: var(--ab-muted-bg, rgba(var(--tb-foreground, var(--tb-text, 15 23 42)), 0.05));
 }
 
 /* Alert states */
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-alert {
   padding: 0.75rem 1rem;
-  border-radius: var(--rb-block-radius);
+  border-radius: var(--ab-card-radius, var(--rb-block-radius, 1rem));
   font-size: 0.875rem;
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-alert--success {
-  background-color: var(--ab-success-bg);
-  color: var(--ab-success-text);
+  background-color: var(--ab-success-bg, rgba(var(--tb-success, 22 163 74), 0.1));
+  color: var(--ab-success-text, rgb(var(--tb-success, 22 163 74)));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-alert--error {
-  background-color: var(--ab-error-bg);
-  color: var(--ab-error-text);
+  background-color: var(--ab-error-bg, rgba(var(--tb-destructive, 220 38 38), 0.1));
+  color: var(--ab-error-text, rgb(var(--tb-destructive, 220 38 38)));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-alert--warning {
-  background-color: var(--ab-warning-bg);
-  color: var(--ab-warning-text);
+  background-color: var(--ab-warning-bg, rgba(var(--tb-warning, 245 158 11), 0.1));
+  color: var(--ab-warning-text, rgb(var(--tb-warning, 245 158 11)));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-alert--info {
-  background-color: var(--ab-info-bg);
-  color: var(--ab-info-text);
+  background-color: var(--ab-info-bg, rgba(var(--tb-info, 14 165 233), 0.1));
+  color: var(--ab-info-text, rgb(var(--tb-info, 14 165 233)));
 }
 
 /* Form elements */
@@ -43191,7 +43430,7 @@ var containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-required {
-  color: var(--ab-error-text);
+  color: var(--ab-error-text, rgb(var(--tb-destructive, 220 38 38)));
   margin-left: 0.125rem;
 }
 
@@ -43200,19 +43439,19 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-textarea {
   width: 100%;
   padding: 0.5rem 0.75rem;
-  border: 1px solid var(--ab-input-border);
-  border-radius: var(--rb-block-radius);
+  border: 1px solid var(--ab-input-border, rgb(var(--tb-border, 226 232 240)));
+  border-radius: var(--ab-input-radius, var(--radius-control, var(--rb-block-radius, 1rem)));
   background: transparent;
   font-size: 0.875rem;
-  transition: border-color var(--rb-block-transition) ease, box-shadow var(--rb-block-transition) ease;
+  transition: border-color var(--rb-block-transition, 150ms) ease, box-shadow var(--rb-block-transition, 150ms) ease;
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-input:focus,
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-select:focus,
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-textarea:focus {
   outline: none;
-  border-color: var(--ab-card-border-selected);
-  box-shadow: 0 0 0 3px var(--ab-input-focus-ring);
+  border-color: var(--ab-card-border-selected, rgb(var(--tb-primary, 17 24 39)));
+  box-shadow: 0 0 0 3px var(--ab-input-focus-ring, rgba(var(--tb-primary, 17 24 39), 0.3));
 }
 
 /* Buttons */
@@ -43221,31 +43460,31 @@ var containerResponsiveThemeCss = `/*
   align-items: center;
   justify-content: center;
   padding: 0.5rem 1.5rem;
-  border-radius: var(--rb-block-radius);
+  border-radius: var(--ab-button-radius, var(--rb-button-radius, var(--rb-block-radius, 1rem)));
   font-size: 0.875rem;
   font-weight: 500;
   cursor: pointer;
-  transition: background-color var(--rb-block-transition) ease, border-color var(--rb-block-transition) ease;
+  transition: background-color var(--rb-block-transition, 150ms) ease, border-color var(--rb-block-transition, 150ms) ease;
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-btn--primary {
   flex: 1;
-  background-color: var(--ab-btn-primary-bg);
-  color: var(--ab-btn-primary-text);
+  background-color: var(--ab-btn-primary-bg, rgb(var(--tb-primary, 17 24 39)));
+  color: var(--ab-btn-primary-text, rgb(var(--tb-primaryForeground, 255 255 255)));
   border: none;
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-btn--primary:hover:not(:disabled) {
-  background-color: var(--ab-btn-primary-hover);
+  background-color: var(--ab-btn-primary-hover, rgba(var(--tb-primary, 17 24 39), 0.9));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-btn--secondary {
   background: transparent;
-  border: 1px solid var(--ab-btn-secondary-border);
+  border: 1px solid var(--ab-btn-secondary-border, rgb(var(--tb-border, 226 232 240)));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-btn--secondary:hover:not(:disabled) {
-  background-color: var(--ab-btn-secondary-hover);
+  background-color: var(--ab-btn-secondary-hover, rgba(var(--tb-foreground, var(--tb-text, 15 23 42)), 0.05));
 }
 
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-btn--link {
@@ -43275,8 +43514,8 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-skeleton {
   height: 2.5rem;
   width: 100%;
-  background-color: var(--ab-muted-bg);
-  border-radius: var(--rb-block-radius);
+  background-color: var(--ab-muted-bg, rgba(var(--tb-foreground, var(--tb-text, 15 23 42)), 0.05));
+  border-radius: var(--ab-card-radius, var(--rb-block-radius, 1rem));
   animation: ab-pulse 1.5s ease-in-out infinite;
 }
 
@@ -43305,7 +43544,7 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="appointment-booking"]) .ab-link {
   display: inline;
   margin-left: 0.5rem;
-  color: rgb(var(--tb-primary));
+  color: rgb(var(--tb-primary, 17 24 39));
   background: none;
   border: none;
   padding: 0;
@@ -48993,6 +49232,17 @@ function normalizeLoaderParams(endpoint, params, context) {
   return out;
 }
 
+// ../api/src/apiEndpointTypes.ts
+function blockedDemoMutationPolicy(classification, publicMessage) {
+  if (publicMessage.trim() === "") {
+    throw new Error(`Demo mutation policy ${classification} requires publicMessage.`);
+  }
+  return {
+    classification,
+    publicMessage
+  };
+}
+
 // ../api/src/cache-tags.ts
 var TAG_TEMPLATES = {
   siteCollection: "riverbank:site",
@@ -49023,6 +49273,18 @@ var TAG_TEMPLATES = {
 };
 
 // ../api/src/endpoints.ts
+var DEMO_MUTATION_BLOCKED_HIDDEN = blockedDemoMutationPolicy(
+  "blocked-hidden",
+  "This action is not available in demo sites."
+);
+var DEMO_MUTATION_BLOCKED_DISABLED = blockedDemoMutationPolicy(
+  "blocked-disabled",
+  "This setting is disabled in demo sites."
+);
+var DEMO_MUTATION_INTERNAL_ONLY = blockedDemoMutationPolicy(
+  "internal-only",
+  "This internal operation is not available in demo sites."
+);
 var ENDPOINT_DEFINITIONS = {
   // AI endpoints - no cache due to dynamic nature
   aiContentUpdateChat: {
@@ -49139,7 +49401,8 @@ var ENDPOINT_DEFINITIONS = {
     path: "/sites/{siteId}/ai/generate",
     method: "POST",
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   getOnboardingPreviewStatus: {
     path: "/public/sites/{siteId}/onboarding/preview-status",
@@ -49160,7 +49423,8 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     auth: "user",
     errors: [],
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED
   },
   goLiveSite: {
     path: "/sites/{siteId}/launch/go-live",
@@ -49229,20 +49493,23 @@ var ENDPOINT_DEFINITIONS = {
     path: "/sites/{siteId}/ai/site-wizard/goals",
     method: "POST",
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   aiSiteWizardIntakeTriage: {
     path: "/sites/{siteId}/ai/site-wizard/intake-triage",
     method: "POST",
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   aiSiteWizardTelemetry: {
     path: "/sites/{siteId}/ai/site-wizard/telemetry",
     method: "POST",
     auth: "user",
     errors: [],
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   // Admin SEO
   listGscPropertiesAdmin: {
@@ -49449,7 +49716,7 @@ var ENDPOINT_DEFINITIONS = {
     responseKind: "json",
     errors: ["resource:not_found", "server:internal_error"]
   },
-  // Ops (event hosts/admins)
+  // Ops (staff event operators/admins)
   opsListUpcomingEventOccurrences: {
     path: "/ops/sites/{siteId}/events",
     method: "GET",
@@ -49467,6 +49734,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -49479,6 +49747,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -49497,6 +49766,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -49530,6 +49800,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -49558,7 +49829,8 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteEmailSettings],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   previewEmailTemplate: {
     path: "/sites/{siteId}/settings/emails/preview",
@@ -49609,14 +49881,16 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   createNewsletterSubscribersImportUploadUrl: {
     path: "/sites/{siteId}/newsletter/subscribers/import-url",
     method: "POST",
     tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   exportNewsletterSubscribersCsv: {
     path: "/sites/{siteId}/newsletter/subscribers/export.csv",
@@ -49813,14 +50087,16 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   testSendNewsletterCampaign: {
     path: "/sites/{siteId}/newsletter/campaigns/{campaignId}/test-send",
     method: "POST",
     tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   listNewsletterSendJobs: {
     path: "/sites/{siteId}/newsletter/jobs",
@@ -49868,6 +50144,20 @@ var ENDPOINT_DEFINITIONS = {
     responseKind: "json",
     errors: ["validation:invalid_input", "billing:plan_limit_exceeded", "server:internal_error"]
   },
+  createAppointmentResourceWithAccountAccess: {
+    path: "/sites/{siteId}/bookings/resources/account-access",
+    method: "POST",
+    auth: "user",
+    responseKind: "json",
+    errors: [
+      "validation:invalid_input",
+      "auth:forbidden",
+      "billing:plan_limit_exceeded",
+      "resource:conflict",
+      "resource:not_found",
+      "server:internal_error"
+    ]
+  },
   getAppointmentResource: {
     path: "/sites/{siteId}/bookings/resources/{resourceId}",
     method: "GET",
@@ -50508,7 +50798,8 @@ var ENDPOINT_DEFINITIONS = {
     method: "DELETE",
     tags: ["site", "site-{siteId}"],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   listSiteMembers: {
     path: "/sites/{siteId}/members",
@@ -50964,7 +51255,8 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: ["site-{siteId}", "content-{siteId}-{type}"],
     auth: "user",
-    responseKind: "json"
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
   },
   updateSiteGeneralSettings: {
     path: "/sites/{siteId}/settings/general",
@@ -53203,6 +53495,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: ["site-{siteId}"],
     auth: "user",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -53217,6 +53510,7 @@ var ENDPOINT_DEFINITIONS = {
     method: "POST",
     tags: ["site-{siteId}"],
     auth: "user",
+    demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -53526,6 +53820,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "passes-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: ["validation:invalid_input", "server:internal_error"]
   },
   getBookingPass: {
@@ -53541,6 +53836,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "passes-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: [
       "validation:invalid_input",
       "resource:not_found",
@@ -53553,6 +53849,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "passes-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: [
       "validation:invalid_input",
       "resource:not_found",
@@ -53608,6 +53905,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "memberships-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: ["validation:invalid_input", "server:internal_error"]
   },
   getBookingMembership: {
@@ -53623,6 +53921,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "memberships-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: [
       "validation:invalid_input",
       "resource:not_found",
@@ -53635,6 +53934,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "memberships-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: [
       "validation:invalid_input",
       "resource:not_found",
@@ -53851,6 +54151,7 @@ var ENDPOINT_DEFINITIONS = {
     tags: ["site-{siteId}", "customers-{siteId}"],
     auth: "user",
     responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
     errors: [
       "validation:invalid_input",
       "auth:forbidden",
@@ -55228,8 +55529,7 @@ var dashboardNavVisibilityBaseSchema = z66.object({
 var dashboardNavVisibilityRolesSchema = z66.object({
   administrator: dashboardNavVisibilityBaseSchema.optional(),
   editor: dashboardNavVisibilityBaseSchema.optional(),
-  team_member: dashboardNavVisibilityBaseSchema.optional(),
-  event_host: dashboardNavVisibilityBaseSchema.optional()
+  team_member: dashboardNavVisibilityBaseSchema.optional()
 }).strip().optional();
 var dashboardNavVisibilitySchema = dashboardNavVisibilityBaseSchema.extend({
   roles: dashboardNavVisibilityRolesSchema
@@ -55701,7 +56001,7 @@ function preset(id, verticalId, canonicalBehaviour, label, pluralLabel, descript
 }
 
 // ../api/src/utils/isRecord.ts
-function isRecord4(value) {
+function isRecord5(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -55750,6 +56050,21 @@ var appointmentSetupServiceDraftSchema = z68.object({
   timezone: z68.string().trim().min(1).nullable(),
   payment: appointmentSetupPaymentDraftSchema,
   assignment: appointmentSetupServiceAssignmentDraftSchema
+}).superRefine((service, ctx) => {
+  if (service.payment.priceType === "paid" && (service.priceAmount === null || service.priceAmount <= 0)) {
+    ctx.addIssue({
+      code: "custom",
+      path: ["priceAmount"],
+      message: "Paid appointment services need a positive price."
+    });
+  }
+  if (service.payment.priceType === "free" && service.priceAmount !== null && service.priceAmount > 0) {
+    ctx.addIssue({
+      code: "custom",
+      path: ["priceAmount"],
+      message: "Free appointment services cannot carry a positive price."
+    });
+  }
 });
 var appointmentSetupPractitionerDraftSchema = z68.object({
   ref: appointmentSetupRefSchema,
@@ -55975,7 +56290,7 @@ function sanitizeMarks(marks) {
     if (mark.type === "bold" || mark.type === "strong" || mark.type === "italic" || mark.type === "em") {
       return [{ type: mark.type }];
     }
-    if (mark.type === "link" && isRecord4(mark.attrs) && typeof mark.attrs.href === "string") {
+    if (mark.type === "link" && isRecord5(mark.attrs) && typeof mark.attrs.href === "string") {
       const attrs = { href: mark.attrs.href };
       if (typeof mark.attrs.target === "string" && mark.attrs.target.trim().length > 0) {
         attrs.target = mark.attrs.target;
@@ -55990,10 +56305,10 @@ function sanitizeMarks(marks) {
   return sanitized.length > 0 ? sanitized : void 0;
 }
 function unwrapRichTextValue(value) {
-  if (isRecord4(value) && isRecord4(value.doc)) {
+  if (isRecord5(value) && isRecord5(value.doc)) {
     return unwrapRichTextValue(value.doc);
   }
-  if (isRecord4(value) && value.type === "doc") {
+  if (isRecord5(value) && value.type === "doc") {
     return {
       type: "doc",
       content: Array.isArray(value.content) ? value.content.filter(isTipTapNodeLike).map(coerceTipTapNode) : []
@@ -56002,7 +56317,7 @@ function unwrapRichTextValue(value) {
   return EMPTY_SITE_BANNER_BODY;
 }
 function isTipTapNodeLike(value) {
-  return isRecord4(value) && typeof value.type === "string";
+  return isRecord5(value) && typeof value.type === "string";
 }
 function coerceTipTapNode(value) {
   return {
@@ -56010,9 +56325,9 @@ function coerceTipTapNode(value) {
     ...Array.isArray(value.content) ? { content: value.content.filter(isTipTapNodeLike).map(coerceTipTapNode) } : {},
     ...typeof value.text === "string" ? { text: value.text } : {},
     ...Array.isArray(value.marks) ? {
-      marks: value.marks.filter((mark) => isRecord4(mark) && typeof mark.type === "string").map((mark) => ({
+      marks: value.marks.filter((mark) => isRecord5(mark) && typeof mark.type === "string").map((mark) => ({
         type: mark.type,
-        ...isRecord4(mark.attrs) ? { attrs: mark.attrs } : {}
+        ...isRecord5(mark.attrs) ? { attrs: mark.attrs } : {}
       }))
     } : {}
   };
@@ -56479,6 +56794,8 @@ function renderBlockOverride({
       themeConfig: props2.theme,
       data: resolvedData,
       siteId: props2.siteId,
+      apiBaseUrl: props2.apiBaseUrl,
+      portalToken: props2.portalToken ?? null,
       supabaseUrl: props2.supabaseUrl,
       imageResolveContext: runtime.imageResolveContext,
       blockId: props2.blockId ?? null,