riverbankcms 0.7.0 → 0.8.0

package/dist/{sdk-event-upsert-CS9tY-KW.mjs → sdk-event-upsert-Bf6wAl4s.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { D as parseFooterCompositionV1, E as footerNavigationLayouts, Rt as err, U as parseUtcIsoDateTimeString, b as stableJsonStringify, j as isPresent, k as isCanonicalRichTextDoc, l as EVENT_PRESET_VALUES, ot as assertNever, q as parseBookingTimeZone, s as resolveSiteVerticalBookingConfig, t as NAVIGATION_LOCATIONS, u as ORDINARY_EVENT_PRESET_VALUES, zt as ok } from "./src-DT7DBZtQ.mjs";
+import { A as parseFooterCompositionV1, Ht as ok, K as parseUtcIsoDateTimeString, M as isCanonicalRichTextDoc, P as isPresent, Vt as err, X as parseBookingTimeZone, b as stableJsonStringify, k as footerNavigationLayouts, l as EVENT_PRESET_VALUES, lt as assertNever, s as resolveSiteVerticalBookingConfig, t as NAVIGATION_LOCATIONS, u as ORDINARY_EVENT_PRESET_VALUES } from "./src-B8fOSKJ6.mjs";
 import "node:module";
 import { z } from "zod";
 
@@ -869,6 +869,66 @@ const buttonSystemSchema = z.strictObject({
 	});
 });
 
+//#endregion
+//#region ../theme-core/src/footer/mode.ts
+const footerModeSchema = z.enum([
+	"default",
+	"blocks",
+	"default+blocks",
+	"none"
+]);
+/** Reads only SDK footer intent; unrelated config and theme fields are not authorities. */
+function resolveSdkFooterMode(config) {
+	const parsed = z.object({ layout: z.object({ footerMode: footerModeSchema.optional() }).optional() }).safeParse(config);
+	return parsed.success ? parsed.data.layout?.footerMode ?? "default" : "default";
+}
+/** Mirrors the incumbent footer renderer's variant-specific identity rules. */
+function resolveFooterBrandVisibility(footer) {
+	return {
+		showLogo: footer.variant === "simple" ? footer.logo?.showLogo === true : footer.logo?.showLogo !== false,
+		showTitle: footer.logo?.showLogoText ?? footer.showLogoText === true
+	};
+}
+/**
+* Resolve what to render for the footer given the current mode and whether the
+* site is SDK-managed.
+*
+* Backwards compatible: missing/undefined mode is treated as 'default'.
+*/
+function resolveFooterRenderPlan(params) {
+	if (!params.isSdkSite) {
+		return {
+			mode: "default",
+			renderDefaultFooter: true,
+			renderFooterBlocks: false
+		};
+	}
+	const mode = params.mode ?? "default";
+	switch (mode) {
+		case "blocks": return {
+			mode: "blocks",
+			renderDefaultFooter: false,
+			renderFooterBlocks: true
+		};
+		case "default+blocks": return {
+			mode: "default+blocks",
+			renderDefaultFooter: true,
+			renderFooterBlocks: true
+		};
+		case "none": return {
+			mode: "none",
+			renderDefaultFooter: false,
+			renderFooterBlocks: false
+		};
+		case "default":
+		default: return {
+			mode: "default",
+			renderDefaultFooter: true,
+			renderFooterBlocks: false
+		};
+	}
+}
+
 //#endregion
 //#region ../theme-core/src/lib/media.ts
 const mediaTypeDiscriminants = [
@@ -1805,90 +1865,6 @@ function resolveCardRole(theme, cardSystem, role) {
 	}
 }
 
-//#endregion
-//#region ../theme-core/src/tokens/resolver.ts
-/**
-* Resolves theme tokens to CSS variables
-*
-* This resolver ensures all button styles use theme tokens (not hardcoded colors)
-* so that changing the palette automatically updates all buttons.
-*/
-var TokenResolver = class {
-	constructor(theme) {
-		this.theme = theme;
-	}
-	/**
-	* Resolve a color token to a CSS variable reference wrapped in rgb()
-	*
-	* @param token - Token name (e.g., 'primary-500', 'white', 'text-900')
-	* @returns CSS rgb() function with var reference (e.g., 'rgb(var(--tb-primary-500))')
-	*
-	* Note: CSS variables are stored as RGB channels (e.g., "37 99 235") following Tailwind convention,
-	* so we must wrap them with rgb() to create a valid color value.
-	*
-	* @example
-	* resolver.getColor('primary-500') // => 'rgb(var(--tb-primary-500))'
-	* resolver.getColor('white') // => 'rgb(var(--tb-white))'
-	*/
-	getColor(token) {
-		if (!this.tokenExists(token)) {
-			console.warn(`[TokenResolver] Color token "${token}" not found in theme palette. Button may render incorrectly.`);
-		}
-		return `rgb(var(--tb-${token}))`;
-	}
-	/**
-	* Adjust a color token's shade by a given amount
-	*
-	* @param token - Base token (e.g., 'primary-500')
-	* @param amount - Shade adjustment (+100 = darker, -100 = lighter)
-	* @returns Adjusted token name (e.g., 'primary-600')
-	*
-	* @example
-	* resolver.adjustShade('primary-500', 100) // => 'primary-600' (darker)
-	* resolver.adjustShade('primary-500', -100) // => 'primary-400' (lighter)
-	*/
-	adjustShade(token, amount) {
-		const parts = token.split("-");
-		if (parts.length < 2) {
-			const newShade$1 = Math.max(100, Math.min(900, 500 + amount));
-			return `${token}-${newShade$1}`;
-		}
-		const base = parts.slice(0, -1).join("-");
-		const shade = parseInt(parts[parts.length - 1] ?? "", 10);
-		if (isNaN(shade)) {
-			console.warn(`[TokenResolver] Cannot adjust shade for non-shade token "${token}". Returning original token.`);
-			return token;
-		}
-		const newShade = Math.max(100, Math.min(900, shade + amount));
-		return `${base}-${newShade}`;
-	}
-	/**
-	* Check if a token exists in the theme palette
-	*
-	* @param token - Token name to check
-	* @returns True if token exists in theme
-	*/
-	tokenExists(token) {
-		const commonTokens = [
-			"white",
-			"black",
-			"transparent"
-		];
-		if (commonTokens.includes(token)) {
-			return true;
-		}
-		const parts = token.split("-");
-		if (parts.length >= 2) {
-			const lastPart = parts[parts.length - 1] ?? "";
-			const shade = parseInt(lastPart, 10);
-			if (!isNaN(shade) && shade >= 100 && shade <= 900 && shade % 100 === 0) {
-				return true;
-			}
-		}
-		return true;
-	}
-};
-
 //#endregion
 //#region ../theme-core/src/surfaces/foregroundRoles.ts
 const SURFACE_FOREGROUND_ROLES = [
@@ -2162,135 +2138,431 @@ function raiseContrastText(bgHex, preferred) {
 }
 
 //#endregion
-//#region ../theme-core/src/palette/utils/onColor.ts
-const BACKGROUND_ROLE_NAMES = 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);
-}
-
-//#endregion
-//#region ../theme-core/src/palette/utils/opaqueSurfaceColor.ts
-/** Resolve an opaque colour, compositing alpha against an explicit underlay. */
-function resolveOpaqueSurfaceHex(reference, palette, underlayReference) {
-	const opaque = resolveConcreteColorHex(reference, palette);
-	if (opaque) return opaque;
-	if (!underlayReference) return null;
-	const underlayHex = resolveConcreteColorHex(underlayReference, palette);
-	if (!underlayHex) return null;
-	const parts = parseColorTokenParts(reference);
-	if (parts.kind === "token" && parts.opacityPercent !== null) {
-		const foregroundHex = normalizePaletteHex(palette[parts.token] ?? "");
-		return foregroundHex ? compositeHex(foregroundHex, underlayHex, parts.opacityPercent / 100) : null;
-	}
-	const raw = parts.kind === "raw" ? parts.value : reference;
-	const rgba = parseRgba(raw);
-	return rgba ? compositeHex(rgbToHex(rgba.r, rgba.g, rgba.b), underlayHex, rgba.alpha) : null;
-}
-/** Resolve a colour reference only when it is already fully opaque. */
-function resolveConcreteColorHex(reference, palette) {
-	const literalHex = normalizePaletteHex(reference);
-	if (literalHex) return literalHex;
-	const parts = parseColorTokenParts(reference);
-	if (parts.kind === "token") {
-		if (parts.opacityPercent !== null) return null;
-		return normalizePaletteHex(palette[parts.token] ?? "");
-	}
-	const literal = parts.kind === "raw" ? parts.value : reference;
-	if (literal.toLowerCase() === "black") return "#000000";
-	if (literal.toLowerCase() === "white") return "#ffffff";
-	return normalizePaletteHex(literal);
-}
-function compositeHex(foregroundHex, underlayHex, alpha) {
-	const foreground = hexToRgb(foregroundHex);
-	const underlay = hexToRgb(underlayHex);
-	const channel = (foregroundValue, underlayValue) => Math.round(foregroundValue * alpha + underlayValue * (1 - alpha));
-	return rgbToHex(channel(foreground.r, underlay.r), channel(foreground.g, underlay.g), channel(foreground.b, underlay.b));
-}
-function parseRgba(value) {
-	const match = value.trim().match(/^rgba?\(\s*([\d.]+)(?:\s*,\s*|\s+)([\d.]+)(?:\s*,\s*|\s+)([\d.]+)(?:\s*(?:,|\/)\s*([\d.]+%?))?\s*\)$/i);
-	if (!match) return null;
-	const [, rSource, gSource, bSource] = match;
-	if (!rSource || !gSource || !bSource) return null;
-	const r = Number(rSource);
-	const g = Number(gSource);
-	const b = Number(bSource);
-	const alpha = parseAlpha(match[4]);
-	if (alpha === null || !isRgbChannel(r) || !isRgbChannel(g) || !isRgbChannel(b)) {
-		return null;
-	}
-	return {
-		r,
-		g,
-		b,
-		alpha
-	};
-}
-function parseAlpha(source) {
-	if (!source) return 1;
-	const value = source.endsWith("%") ? Number(source.slice(0, -1)) / 100 : Number(source);
-	return Number.isFinite(value) && value >= 0 && value <= 1 ? value : null;
-}
-function isRgbChannel(value) {
-	return Number.isFinite(value) && value >= 0 && value <= 255;
-}
-
-//#endregion
-//#region ../theme-core/src/surfaces/resolveSurfaceForeground.ts
-const FALLBACK_TEXT_TOKENS = [
-	"text",
-	"primaryForeground",
-	"secondaryForeground",
-	"accentForeground",
-	"neutral-950",
-	"neutral-50"
+//#region ../theme-core/src/tokens/tokens.ts
+const colorTokens = [
+	"background/base",
+	"background/elevated",
+	"surface/base",
+	"surface/subtle",
+	"surface/inverted",
+	"content/primary",
+	"content/secondary",
+	"accent/primary",
+	"accent/secondary",
+	"border/base"
 ];
-const CANONICAL_EQUIVALENT_TOKEN_ORDER = [
-	"text",
-	"primaryForeground",
-	"secondaryForeground",
-	"accentForeground",
-	"onPrimary",
-	"onSecondary",
-	"onAccent",
-	"onSurface",
-	"neutral-950",
-	"neutral-50"
+const typographyTokens = [
+	"display/hero",
+	"display/section",
+	"heading/large",
+	"heading/medium",
+	"heading/small",
+	"body/normal",
+	"body/small",
+	"caption"
 ];
-/**
-* Resolve the complete foreground contract for an effective page/section or
-* site-chrome background.
-*
-* Deterministic colour backgrounds are validated at ordinary-text WCAG AA.
-* Existing image/video/gradient treatments are trusted only when they already
-* carry a usable foreground token; this function deliberately does not claim
-* pixel-level contrast proof for media.
-*/
-function resolveSurfaceForeground(background, palette, candidates = {}, options = {}) {
-	const authored = foregroundCandidates(background, candidates);
-	if (background === null) {
-		return resolveDeterministicForeground("background", {
-			...authored,
-			text: authored.text ?? "text"
-		}, palette);
-	}
-	if (background.type === "color") {
+const spacingTokens = [
+	"none",
+	"3xs",
+	"2xs",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl"
+];
+const radiusTokens = [
+	"none",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"pill",
+	"full"
+];
+const shadowTokens = [
+	"none",
+	"soft",
+	"medium",
+	"strong"
+];
+const defaultThemeTokens = {
+	color: {
+		"background/base": "#ffffff",
+		"background/elevated": "#f5f5f5",
+		"surface/base": "#ffffff",
+		"surface/subtle": "#f9f9fb",
+		"surface/inverted": "#111111",
+		"content/primary": "#111111",
+		"content/secondary": "#3f3f46",
+		"accent/primary": "#2563eb",
+		"accent/secondary": "#1d4ed8",
+		"border/base": "#e5e7eb"
+	},
+	typography: {
+		"display/hero": {
+			fontSize: "clamp(48px, 8vw, 96px)",
+			lineHeight: "1.05",
+			fontWeight: "700"
+		},
+		"display/section": {
+			fontSize: "clamp(40px, 6vw, 72px)",
+			lineHeight: "1.1",
+			fontWeight: "700"
+		},
+		"heading/large": {
+			fontSize: "clamp(32px, 4vw, 48px)",
+			lineHeight: "1.2",
+			fontWeight: "600"
+		},
+		"heading/medium": {
+			fontSize: "clamp(24px, 3vw, 32px)",
+			lineHeight: "1.25",
+			fontWeight: "600"
+		},
+		"heading/small": {
+			fontSize: "20px",
+			lineHeight: "1.3",
+			fontWeight: "600"
+		},
+		"body/normal": {
+			fontSize: "16px",
+			lineHeight: "1.6",
+			fontWeight: "400"
+		},
+		"body/small": {
+			fontSize: "14px",
+			lineHeight: "1.5",
+			fontWeight: "400"
+		},
+		caption: {
+			fontSize: "12px",
+			lineHeight: "1.4",
+			fontWeight: "500"
+		}
+	},
+	spacing: {
+		none: "0px",
+		"3xs": "4px",
+		"2xs": "8px",
+		xs: "12px",
+		sm: "16px",
+		md: "24px",
+		lg: "32px",
+		xl: "40px",
+		"2xl": "56px",
+		"3xl": "72px"
+	},
+	radius: {
+		none: "0px",
+		xs: "2px",
+		sm: "4px",
+		md: "8px",
+		lg: "12px",
+		pill: "999px",
+		full: "9999px"
+	},
+	shadow: {
+		none: "none",
+		soft: "0px 2px 8px rgba(15, 23, 42, 0.08)",
+		medium: "0px 6px 18px rgba(15, 23, 42, 0.12)",
+		strong: "0px 12px 36px rgba(15, 23, 42, 0.16)"
+	},
+	palette: {
+		surface: "#ffffff",
+		"neutral-50": "#f9fafb",
+		"neutral-900": "#111827",
+		primary: "#2563eb",
+		"primary-50": "#eff6ff",
+		"primary-500": "#2563eb",
+		"primary-900": "#1d4ed8",
+		secondary: "#9333ea",
+		"secondary-50": "#f3e8ff",
+		"secondary-500": "#9333ea",
+		"secondary-900": "#4c1d95",
+		accent: "#f97316",
+		"accent-50": "#fff7ed",
+		"accent-500": "#f97316",
+		"accent-900": "#7c2d12"
+	}
+};
+/**
+* Project the expanded semantic palette into the token buckets consumed by
+* runtime transforms. Keep this mapping shared by full themes and the
+* tokens-only hosted-booking runtime so the two paths cannot drift.
+*/
+function buildThemeTokens(palette) {
+	const tokens = cloneThemeTokens(defaultThemeTokens);
+	const paletteStrings = {};
+	for (const [key, value] of Object.entries(palette)) {
+		if (typeof value === "string" && value.trim().length > 0) {
+			paletteStrings[key] = value;
+		}
+	}
+	tokens.palette = paletteStrings;
+	const resolveColor = (...keys) => {
+		for (const key of keys) {
+			const value = paletteStrings[key];
+			if (value) return value;
+		}
+		return undefined;
+	};
+	const assignColor = (token, ...keys) => {
+		const value = resolveColor(...keys);
+		if (value) tokens.color[token] = value;
+	};
+	assignColor("background/base", "background", "surface", "primary-50");
+	assignColor("background/elevated", "surface", "background");
+	assignColor("surface/base", "surface", "background");
+	assignColor("surface/subtle", "neutral-100", "surface", "background");
+	assignColor("surface/inverted", "neutral-900", "text", "primary-900");
+	assignColor("content/primary", "text", "body", "neutral-900");
+	assignColor("content/secondary", "mutedText", "secondary", "neutral-600");
+	assignColor("accent/primary", "primary", "accent");
+	assignColor("accent/secondary", "accent", "secondary", "primary-400");
+	assignColor("border/base", "border", "neutral-300");
+	return tokens;
+}
+function cloneThemeTokens(source) {
+	return JSON.parse(JSON.stringify(source));
+}
+
+//#endregion
+//#region ../theme-core/src/surfaces/foregroundInteraction.ts
+/**
+* How far a hover state softens away from its resting foreground, as a
+* percentage of full opacity.
+*
+* Softening — rather than brightening — is forced by the token vocabulary
+* rather than chosen for taste. A resolved foreground is frequently an
+* `on*` token, which `expandPalette` emits as pure `#FFFFFF` or `#000000`
+* with no shade ramp: over a primary-painted section the resolved text role
+* is `onPrimary`, and white has no headroom left to move further from its
+* background. Moving *toward* the mid-range always has headroom, whatever
+* the resting colour, and it keeps the hue exactly.
+*
+* 85% is the measured floor, not a round number. Softening costs contrast, and
+* the binding case is a scrolled overlay header: `contrast-glass` paints 60%
+* black or white, which composites the backdrop into a known band whatever the
+* page content underneath happens to be. The lightest backdrop a dark glass can
+* present is 60% black over white, `#666666`; a white foreground softened to
+* 85% reads 4.69:1 there, against 4.07:1 at 75%, which fails. Nav links are
+* 18px regular (`textSize: 'lg'`), so the bar is WCAG AA's 4.5:1 rather than
+* the large-text 3:1.
+*
+* The mirror case — a light glass over dark content, `#999999` — cannot be met
+* by any softening, because the *resting* colour is already only about 4.6:1
+* there. That is a property of the glass rather than of this derivation, and
+* it wants fixing where the glass tone is chosen.
+*/
+const FOREGROUND_HOVER_OPACITY_PERCENT = 85;
+/**
+* Derive the hover foreground that belongs with a resolved resting foreground.
+*
+* A resting foreground is chosen to be legible against a known surface. A hover
+* state derived from it stays within a bounded distance of that colour, so it
+* inherits most of the resting colour's contrast margin instead of asserting
+* an unrelated brand colour that no one checked against the surface.
+*
+* That bounded-distance property is what lets this be used on a transparent
+* overlay header, where the backdrop is only partly knowable: the scrolled
+* state composites a 60% glass tint over arbitrary page content, so no
+* compile-time contrast proof is available there. Staying near a colour that
+* is already trusted in both states is a weaker claim than a contrast proof,
+* and it is one this function can actually keep.
+*
+* Returns `null` when the resting token is not a plain palette token — an
+* already-faded or raw value has no well-defined softening, and the caller
+* should leave hover alone rather than guess.
+*/
+function deriveForegroundHoverToken(restingToken) {
+	const parts = parseColorTokenParts(restingToken);
+	if (parts.kind !== "token") return null;
+	if (parts.opacityPercent !== null) return null;
+	return parseThemeColorToken(`${parts.token}/${FOREGROUND_HOVER_OPACITY_PERCENT}`);
+}
+/**
+* The opacity `contrast-glass` paints at. Mirrors the value in
+* `generateHeaderScrollTreatmentStyles`; the two must agree, because the whole
+* point of the bound below is that it describes what that treatment can produce.
+*/
+const CONTRAST_GLASS_ALPHA = .6;
+/**
+* The extreme backdrop a glass tone can present, whatever page content happens
+* to be underneath it.
+*
+* A 60% tint clamps the composite into a known band, which is what makes a
+* conservative check possible at compile time even though the content passing
+* under a sticky header is not knowable. For a dark glass the composite is
+* lightest over white; for a light glass it is darkest over black. Those are
+* the two ends that a foreground has to survive.
+*/
+function worstCaseGlassBackdrop(tone) {
+	const [over, tint] = tone === "dark" ? ["#ffffff", "#000000"] : ["#000000", "#ffffff"];
+	return compositeHex$1(tint, over, CONTRAST_GLASS_ALPHA);
+}
+/** Flatten `foreground` at `alpha` over `background` into an opaque hex. */
+function compositeHex$1(foreground, background, alpha) {
+	const f = hexToRgb(foreground);
+	const b = hexToRgb(background);
+	return rgbToHex(Math.round(mix$2(b.r, f.r, alpha)), Math.round(mix$2(b.g, f.g, alpha)), Math.round(mix$2(b.b, f.b, alpha)));
+}
+/**
+* Decide whether the resting foreground can safely be softened for hover.
+*
+* `glassTone` is the scroll treatment's compiled tone, or `null` when the style
+* has no glass. Without one there is no bound on what the header can end up
+* over, so this declines to soften rather than guess.
+*
+* The light-glass end cannot be satisfied by any softening: against `#999999`
+* a dark resting foreground is already close to the 4.5:1 line, so every step
+* away from it fails. That is why this returns a plan rather than a colour —
+* the caller has to have a non-colour affordance to fall back on.
+*/
+function planForegroundHover(restingToken, restingHex, glassTone) {
+	const softened = deriveForegroundHoverToken(restingToken);
+	if (!softened) return { kind: "resting" };
+	if (!restingHex || !glassTone) return { kind: "resting" };
+	const backdrop = worstCaseGlassBackdrop(glassTone);
+	const softenedHex = compositeHex$1(restingHex, backdrop, FOREGROUND_HOVER_OPACITY_PERCENT / 100);
+	return contrastRatio(softenedHex, backdrop) >= ORDINARY_TEXT_MIN_CONTRAST_RATIO ? {
+		kind: "softened",
+		token: softened
+	} : { kind: "resting" };
+}
+
+//#endregion
+//#region ../theme-core/src/palette/utils/onColor.ts
+const BACKGROUND_ROLE_NAMES = 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);
+}
+
+//#endregion
+//#region ../theme-core/src/palette/utils/opaqueSurfaceColor.ts
+/** Resolve an opaque colour, compositing alpha against an explicit underlay. */
+function resolveOpaqueSurfaceHex(reference, palette, underlayReference) {
+	const opaque = resolveConcreteColorHex(reference, palette);
+	if (opaque) return opaque;
+	if (!underlayReference) return null;
+	const underlayHex = resolveConcreteColorHex(underlayReference, palette);
+	if (!underlayHex) return null;
+	const parts = parseColorTokenParts(reference);
+	if (parts.kind === "token" && parts.opacityPercent !== null) {
+		const foregroundHex = normalizePaletteHex(palette[parts.token] ?? "");
+		return foregroundHex ? compositeHex(foregroundHex, underlayHex, parts.opacityPercent / 100) : null;
+	}
+	const raw = parts.kind === "raw" ? parts.value : reference;
+	const rgba = parseRgba(raw);
+	return rgba ? compositeHex(rgbToHex(rgba.r, rgba.g, rgba.b), underlayHex, rgba.alpha) : null;
+}
+/** Resolve a colour reference only when it is already fully opaque. */
+function resolveConcreteColorHex(reference, palette) {
+	const literalHex = normalizePaletteHex(reference);
+	if (literalHex) return literalHex;
+	const parts = parseColorTokenParts(reference);
+	if (parts.kind === "token") {
+		if (parts.opacityPercent !== null) return null;
+		return normalizePaletteHex(palette[parts.token] ?? "");
+	}
+	const literal = parts.kind === "raw" ? parts.value : reference;
+	if (literal.toLowerCase() === "black") return "#000000";
+	if (literal.toLowerCase() === "white") return "#ffffff";
+	return normalizePaletteHex(literal);
+}
+function compositeHex(foregroundHex, underlayHex, alpha) {
+	const foreground = hexToRgb(foregroundHex);
+	const underlay = hexToRgb(underlayHex);
+	const channel = (foregroundValue, underlayValue) => Math.round(foregroundValue * alpha + underlayValue * (1 - alpha));
+	return rgbToHex(channel(foreground.r, underlay.r), channel(foreground.g, underlay.g), channel(foreground.b, underlay.b));
+}
+function parseRgba(value) {
+	const match = value.trim().match(/^rgba?\(\s*([\d.]+)(?:\s*,\s*|\s+)([\d.]+)(?:\s*,\s*|\s+)([\d.]+)(?:\s*(?:,|\/)\s*([\d.]+%?))?\s*\)$/i);
+	if (!match) return null;
+	const [, rSource, gSource, bSource] = match;
+	if (!rSource || !gSource || !bSource) return null;
+	const r = Number(rSource);
+	const g = Number(gSource);
+	const b = Number(bSource);
+	const alpha = parseAlpha(match[4]);
+	if (alpha === null || !isRgbChannel(r) || !isRgbChannel(g) || !isRgbChannel(b)) {
+		return null;
+	}
+	return {
+		r,
+		g,
+		b,
+		alpha
+	};
+}
+function parseAlpha(source) {
+	if (!source) return 1;
+	const value = source.endsWith("%") ? Number(source.slice(0, -1)) / 100 : Number(source);
+	return Number.isFinite(value) && value >= 0 && value <= 1 ? value : null;
+}
+function isRgbChannel(value) {
+	return Number.isFinite(value) && value >= 0 && value <= 255;
+}
+
+//#endregion
+//#region ../theme-core/src/surfaces/resolveSurfaceForeground.ts
+const FALLBACK_TEXT_TOKENS = [
+	"text",
+	"primaryForeground",
+	"secondaryForeground",
+	"accentForeground",
+	"neutral-950",
+	"neutral-50"
+];
+const CANONICAL_EQUIVALENT_TOKEN_ORDER = [
+	"text",
+	"primaryForeground",
+	"secondaryForeground",
+	"accentForeground",
+	"onPrimary",
+	"onSecondary",
+	"onAccent",
+	"onSurface",
+	"neutral-950",
+	"neutral-50"
+];
+/**
+* Resolve the complete foreground contract for an effective page/section or
+* site-chrome background.
+*
+* Deterministic colour backgrounds are validated at ordinary-text WCAG AA.
+* Existing image/video/gradient treatments are trusted only when they already
+* carry a usable foreground token; this function deliberately does not claim
+* pixel-level contrast proof for media.
+*/
+function resolveSurfaceForeground(background, palette, candidates = {}, options = {}) {
+	const authored = foregroundCandidates(background, candidates);
+	if (background === null) {
+		return resolveDeterministicForeground("background", {
+			...authored,
+			text: authored.text ?? "text"
+		}, palette);
+	}
+	if (background.type === "color") {
 		const backgroundReference = normalizedReference(background.color);
 		if (!backgroundReference || backgroundReference === "transparent") {
 			return { kind: "unknown" };
@@ -2328,63 +2600,288 @@ function resolveDeterministicForeground(backgroundReference, candidates, palette
 			link: safeTokenOr(candidates.link, text, backgroundHex, palette),
 			supporting: safeTokenOr(candidates.supporting, text, backgroundHex, palette)
 		}
-	};
-}
-function resolveTrustedTreatmentForeground(candidates, palette) {
-	const text = canonicalToken(candidates.text, palette);
-	if (!text) return { kind: "unknown" };
-	return {
-		kind: "known",
-		roles: {
-			text,
-			heading: canonicalToken(candidates.heading, palette) ?? text,
-			link: canonicalToken(candidates.link, palette) ?? text,
-			supporting: canonicalToken(candidates.supporting, palette) ?? text
+	};
+}
+function resolveTrustedTreatmentForeground(candidates, palette) {
+	const text = canonicalToken(candidates.text, palette);
+	if (!text) return { kind: "unknown" };
+	return {
+		kind: "known",
+		roles: {
+			text,
+			heading: canonicalToken(candidates.heading, palette) ?? text,
+			link: canonicalToken(candidates.link, palette) ?? text,
+			supporting: canonicalToken(candidates.supporting, palette) ?? text
+		}
+	};
+}
+function safeTokenOr(candidate$1, fallback, backgroundHex, palette) {
+	return firstSafeToken([candidate$1], backgroundHex, palette) ?? fallback;
+}
+function firstSafeToken(candidates, backgroundHex, palette, preferredEquivalentTokens = []) {
+	const seen = new Set();
+	for (const candidate$1 of candidates) {
+		const token = canonicalToken(candidate$1, palette, preferredEquivalentTokens);
+		if (!token || seen.has(token)) continue;
+		seen.add(token);
+		const foregroundHex = resolveConcreteColorHex(token, palette);
+		if (foregroundHex && contrastRatio(backgroundHex, foregroundHex) >= ORDINARY_TEXT_MIN_CONTRAST_RATIO) {
+			return token;
+		}
+	}
+	return null;
+}
+function canonicalToken(reference, palette, preferredEquivalentTokens = []) {
+	const normalized = normalizedReference(reference);
+	if (!normalized || normalized === "transparent") return null;
+	const direct = parseThemeColorToken(normalized);
+	if (direct && resolveConcreteColorHex(direct, palette)) return direct;
+	const referenceHex = resolveConcreteColorHex(normalized, palette);
+	if (!referenceHex) return null;
+	const equivalent = [
+		...preferredEquivalentTokens,
+		...CANONICAL_EQUIVALENT_TOKEN_ORDER,
+		...Object.keys(palette).sort()
+	].find((token) => {
+		const parsed = parseThemeColorToken(token);
+		return parsed !== null && resolveConcreteColorHex(parsed, palette)?.toLowerCase() === referenceHex.toLowerCase();
+	});
+	return equivalent ? parseThemeColorToken(equivalent) : null;
+}
+function paletteToken(reference) {
+	const parts = parseColorTokenParts(reference);
+	return parts.kind === "token" && parts.opacityPercent === null ? parts.token : null;
+}
+function normalizedReference(value) {
+	if (typeof value !== "string") return null;
+	const normalized = value.trim();
+	return normalized.length > 0 ? normalized : null;
+}
+
+//#endregion
+//#region ../theme-core/src/utils/colorStyles.ts
+const COLOR_VAR_PREFIX = "--tb-";
+function parseToken(source) {
+	const parts = parseColorTokenParts(source);
+	if (parts.kind === "raw") {
+		return {
+			token: source,
+			raw: parts.value
+		};
+	}
+	if (parts.kind === "invalid") {
+		return { token: source };
+	}
+	return {
+		token: parts.token,
+		opacityPercent: parts.opacityPercent === null ? undefined : parts.opacityPercent
+	};
+}
+const SURFACE_TEXT_ROLE_BY_TOKEN = {
+	text: "text",
+	heading: "heading",
+	mutedText: "supporting"
+};
+function surfaceRoleForTextToken(token) {
+	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
+}
+/**
+* Converts a theme color token to a CSS rgb value.
+* This is the primary function for applying theme colors to CSS properties.
+*
+* @param token - Theme color token (semantic, with opacity, or raw)
+* @returns CSS color value (rgb with optional alpha, or raw CSS value)
+*
+* @example
+* rgbColorValue('primary') // => 'rgb(var(--tb-primary))'
+* rgbColorValue('surface/95') // => 'rgb(var(--tb-surface) / 0.95)'
+* rgbColorValue('raw:transparent') // => 'transparent'
+*/
+function rgbColorValue(token) {
+	const { token: baseToken, opacityPercent, raw } = parseToken(token);
+	if (raw) {
+		return raw;
+	}
+	const cssVar = `${COLOR_VAR_PREFIX}${baseToken}`;
+	if (opacityPercent === undefined) {
+		return `rgb(var(${cssVar}))`;
+	}
+	return `rgb(var(${cssVar}) / ${opacityPercent / 100})`;
+}
+/**
+* Converts a theme color token to a CSS variable reference.
+* Note: This returns the base variable without rgb() wrapper, ignoring opacity.
+*
+* @param token - Theme color token
+* @returns CSS variable reference
+*
+* @example
+* cssVarValue('primary') // => 'var(--tb-primary)'
+* cssVarValue('surface/95') // => 'var(--tb-surface)' (opacity ignored)
+*/
+function cssVarValue(token) {
+	const { token: baseToken } = parseToken(token);
+	return `var(${COLOR_VAR_PREFIX}${baseToken})`;
+}
+/**
+* Creates a backgroundColor style object from a theme token.
+*
+* @param token - Theme color token
+* @returns CSSProperties with backgroundColor
+*/
+function backgroundColorStyle(token) {
+	return { backgroundColor: rgbColorValue(token) };
+}
+/**
+* Creates a text color style object from a theme token.
+*
+* @param token - Theme color token
+* @returns CSSProperties with color
+*/
+function textColorStyle(token) {
+	const parsed = parseToken(token);
+	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
+	if (surfaceRole) {
+		return { color: parsed.opacityPercent === undefined ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
+	}
+	return { color: rgbColorValue(token) };
+}
+/**
+* Creates a border color style object from a theme token.
+*
+* @param token - Theme color token
+* @returns CSSProperties with borderColor
+*/
+function borderColorStyle(token) {
+	return { borderColor: rgbColorValue(token) };
+}
+/**
+* Creates a linear gradient background from theme tokens.
+*
+* @param tokens - Array of theme color tokens for gradient stops
+* @param direction - CSS gradient direction (default: 'to bottom')
+* @returns CSSProperties with backgroundImage
+*
+* @example
+* gradientBackgroundStyle(['primary', 'secondary'])
+* // => { backgroundImage: 'linear-gradient(to bottom, rgb(var(--tb-primary)), rgb(var(--tb-secondary)))' }
+*
+* @example
+* gradientBackgroundStyle(['primary/80', 'secondary/60'], '45deg')
+* // => { backgroundImage: 'linear-gradient(45deg, rgb(var(--tb-primary) / 0.8), rgb(var(--tb-secondary) / 0.6))' }
+*/
+function gradientBackgroundStyle(tokens, direction = "to bottom") {
+	const stops = tokens.map((stop) => rgbColorValue(stop)).join(", ");
+	return { backgroundImage: `linear-gradient(${direction}, ${stops})` };
+}
+/**
+* Merges multiple CSSProperties objects into a single object.
+* Later styles override earlier ones. Undefined values are filtered out.
+* Returns undefined if the merged result is empty.
+*
+* @param styles - Variable number of CSSProperties objects (can be undefined)
+* @returns Merged CSSProperties object, or undefined if empty
+*
+* @example
+* mergeStyles(
+*   backgroundColorStyle('surface'),
+*   textColorStyle('text'),
+*   borderColorStyle('border')
+* )
+* // => { backgroundColor: '...', color: '...', borderColor: '...' }
+*/
+function mergeStyles(...styles) {
+	const merged = {};
+	for (const style of styles) {
+		if (!style) continue;
+		Object.assign(merged, style);
+	}
+	return Object.keys(merged).length ? merged : undefined;
+}
+
+//#endregion
+//#region ../theme-core/src/tokens/resolver.ts
+/**
+* Resolves theme tokens to CSS variables
+*
+* This resolver ensures all button styles use theme tokens (not hardcoded colors)
+* so that changing the palette automatically updates all buttons.
+*/
+var TokenResolver = class {
+	constructor(theme) {
+		this.theme = theme;
+	}
+	/**
+	* Resolve a color token to a CSS variable reference wrapped in rgb()
+	*
+	* @param token - Token name (e.g., 'primary-500', 'white', 'text-900')
+	* @returns CSS rgb() function with var reference (e.g., 'rgb(var(--tb-primary-500))')
+	*
+	* Note: CSS variables are stored as RGB channels (e.g., "37 99 235") following Tailwind convention,
+	* so we must wrap them with rgb() to create a valid color value.
+	*
+	* @example
+	* resolver.getColor('primary-500') // => 'rgb(var(--tb-primary-500))'
+	* resolver.getColor('white') // => 'rgb(var(--tb-white))'
+	*/
+	getColor(token) {
+		if (!this.tokenExists(token)) {
+			console.warn(`[TokenResolver] Color token "${token}" not found in theme palette. Button may render incorrectly.`);
+		}
+		return rgbColorValue(token);
+	}
+	/**
+	* Adjust a color token's shade by a given amount
+	*
+	* @param token - Base token (e.g., 'primary-500')
+	* @param amount - Shade adjustment (+100 = darker, -100 = lighter)
+	* @returns Adjusted token name (e.g., 'primary-600')
+	*
+	* @example
+	* resolver.adjustShade('primary-500', 100) // => 'primary-600' (darker)
+	* resolver.adjustShade('primary-500', -100) // => 'primary-400' (lighter)
+	*/
+	adjustShade(token, amount) {
+		const parts = token.split("-");
+		if (parts.length < 2) {
+			const newShade$1 = Math.max(100, Math.min(900, 500 + amount));
+			return `${token}-${newShade$1}`;
 		}
-	};
-}
-function safeTokenOr(candidate$1, fallback, backgroundHex, palette) {
-	return firstSafeToken([candidate$1], backgroundHex, palette) ?? fallback;
-}
-function firstSafeToken(candidates, backgroundHex, palette, preferredEquivalentTokens = []) {
-	const seen = new Set();
-	for (const candidate$1 of candidates) {
-		const token = canonicalToken(candidate$1, palette, preferredEquivalentTokens);
-		if (!token || seen.has(token)) continue;
-		seen.add(token);
-		const foregroundHex = resolveConcreteColorHex(token, palette);
-		if (foregroundHex && contrastRatio(backgroundHex, foregroundHex) >= ORDINARY_TEXT_MIN_CONTRAST_RATIO) {
+		const base = parts.slice(0, -1).join("-");
+		const shade = parseInt(parts[parts.length - 1] ?? "", 10);
+		if (isNaN(shade)) {
+			console.warn(`[TokenResolver] Cannot adjust shade for non-shade token "${token}". Returning original token.`);
 			return token;
 		}
+		const newShade = Math.max(100, Math.min(900, shade + amount));
+		return `${base}-${newShade}`;
 	}
-	return null;
-}
-function canonicalToken(reference, palette, preferredEquivalentTokens = []) {
-	const normalized = normalizedReference(reference);
-	if (!normalized || normalized === "transparent") return null;
-	const direct = parseThemeColorToken(normalized);
-	if (direct && resolveConcreteColorHex(direct, palette)) return direct;
-	const referenceHex = resolveConcreteColorHex(normalized, palette);
-	if (!referenceHex) return null;
-	const equivalent = [
-		...preferredEquivalentTokens,
-		...CANONICAL_EQUIVALENT_TOKEN_ORDER,
-		...Object.keys(palette).sort()
-	].find((token) => {
-		const parsed = parseThemeColorToken(token);
-		return parsed !== null && resolveConcreteColorHex(parsed, palette)?.toLowerCase() === referenceHex.toLowerCase();
-	});
-	return equivalent ? parseThemeColorToken(equivalent) : null;
-}
-function paletteToken(reference) {
-	const parts = parseColorTokenParts(reference);
-	return parts.kind === "token" && parts.opacityPercent === null ? parts.token : null;
-}
-function normalizedReference(value) {
-	if (typeof value !== "string") return null;
-	const normalized = value.trim();
-	return normalized.length > 0 ? normalized : null;
-}
+	/**
+	* Check if a token exists in the theme palette
+	*
+	* @param token - Token name to check
+	* @returns True if token exists in theme
+	*/
+	tokenExists(token) {
+		const commonTokens = [
+			"white",
+			"black",
+			"transparent"
+		];
+		if (commonTokens.includes(token)) {
+			return true;
+		}
+		const parts = token.split("-");
+		if (parts.length >= 2) {
+			const lastPart = parts[parts.length - 1] ?? "";
+			const shade = parseInt(lastPart, 10);
+			if (!isNaN(shade) && shade >= 100 && shade <= 900 && shade % 100 === 0) {
+				return true;
+			}
+		}
+		return true;
+	}
+};
 
 //#endregion
 //#region ../theme-core/src/cards/generateCardCss.ts
@@ -2513,14 +3010,12 @@ function generateVariantCSS(variant, themeId, cardClasses, tokens, theme) {
 		const shadowValue = generateShadowValue$1(shadow$1);
 		rules.push(`box-shadow: ${shadowValue}`);
 	}
-	rules.push(`display: flex`);
-	rules.push(`flex-direction: column`);
-	rules.push(`position: relative`);
-	rules.push(`overflow: visible`);
+	const structureSelector = cardClasses.map((cardClass) => `:where([data-theme-scope="${themeId}"]) :where(.${cardClass})`).join(",\n");
 	const mediaRadius = MEDIA_CORNER_MAP[corners$1];
 	const mediaRules = [`border-top-left-radius: ${mediaRadius}`, `border-top-right-radius: ${mediaRadius}`];
 	const contentRules = [`padding: ${resolveContentPadding(variant)}`];
 	return [
+		`${structureSelector} {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: visible;\n}`,
 		`${containerSelector} {\n  ${rules.join(";\n  ")};\n}`,
 		...cardDecorationPseudoRules(containerSelectors, variant.decorations, resolveColor),
 		`${fallbackBackgroundSelector} {\n  background: transparent;\n}`,
@@ -4096,149 +4591,8 @@ function isThemeV2NormalEditorRawStyleFieldName(fieldName) {
 	return themeV2NormalEditorRawStyleFieldNameSet.has(fieldName);
 }
 function isThemeV2NormalEditorRawStylePath(fieldPath) {
-	const rootField = fieldPath.split(".")[0] ?? "";
-	return isThemeV2NormalEditorRawStyleFieldName(rootField);
-}
-
-//#endregion
-//#region ../theme-core/src/utils/colorStyles.ts
-const COLOR_VAR_PREFIX = "--tb-";
-function parseToken(source) {
-	const parts = parseColorTokenParts(source);
-	if (parts.kind === "raw") {
-		return {
-			token: source,
-			raw: parts.value
-		};
-	}
-	if (parts.kind === "invalid") {
-		return { token: source };
-	}
-	return {
-		token: parts.token,
-		opacityPercent: parts.opacityPercent === null ? undefined : parts.opacityPercent
-	};
-}
-const SURFACE_TEXT_ROLE_BY_TOKEN = {
-	text: "text",
-	heading: "heading",
-	mutedText: "supporting"
-};
-function surfaceRoleForTextToken(token) {
-	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
-}
-/**
-* Converts a theme color token to a CSS rgb value.
-* This is the primary function for applying theme colors to CSS properties.
-*
-* @param token - Theme color token (semantic, with opacity, or raw)
-* @returns CSS color value (rgb with optional alpha, or raw CSS value)
-*
-* @example
-* rgbColorValue('primary') // => 'rgb(var(--tb-primary))'
-* rgbColorValue('surface/95') // => 'rgb(var(--tb-surface) / 0.95)'
-* rgbColorValue('raw:transparent') // => 'transparent'
-*/
-function rgbColorValue(token) {
-	const { token: baseToken, opacityPercent, raw } = parseToken(token);
-	if (raw) {
-		return raw;
-	}
-	const cssVar = `${COLOR_VAR_PREFIX}${baseToken}`;
-	if (opacityPercent === undefined) {
-		return `rgb(var(${cssVar}))`;
-	}
-	return `rgb(var(${cssVar}) / ${opacityPercent / 100})`;
-}
-/**
-* Converts a theme color token to a CSS variable reference.
-* Note: This returns the base variable without rgb() wrapper, ignoring opacity.
-*
-* @param token - Theme color token
-* @returns CSS variable reference
-*
-* @example
-* cssVarValue('primary') // => 'var(--tb-primary)'
-* cssVarValue('surface/95') // => 'var(--tb-surface)' (opacity ignored)
-*/
-function cssVarValue(token) {
-	const { token: baseToken } = parseToken(token);
-	return `var(${COLOR_VAR_PREFIX}${baseToken})`;
-}
-/**
-* Creates a backgroundColor style object from a theme token.
-*
-* @param token - Theme color token
-* @returns CSSProperties with backgroundColor
-*/
-function backgroundColorStyle(token) {
-	return { backgroundColor: rgbColorValue(token) };
-}
-/**
-* Creates a text color style object from a theme token.
-*
-* @param token - Theme color token
-* @returns CSSProperties with color
-*/
-function textColorStyle(token) {
-	const parsed = parseToken(token);
-	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
-	if (surfaceRole) {
-		return { color: parsed.opacityPercent === undefined ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
-	}
-	return { color: rgbColorValue(token) };
-}
-/**
-* Creates a border color style object from a theme token.
-*
-* @param token - Theme color token
-* @returns CSSProperties with borderColor
-*/
-function borderColorStyle(token) {
-	return { borderColor: rgbColorValue(token) };
-}
-/**
-* Creates a linear gradient background from theme tokens.
-*
-* @param tokens - Array of theme color tokens for gradient stops
-* @param direction - CSS gradient direction (default: 'to bottom')
-* @returns CSSProperties with backgroundImage
-*
-* @example
-* gradientBackgroundStyle(['primary', 'secondary'])
-* // => { backgroundImage: 'linear-gradient(to bottom, rgb(var(--tb-primary)), rgb(var(--tb-secondary)))' }
-*
-* @example
-* gradientBackgroundStyle(['primary/80', 'secondary/60'], '45deg')
-* // => { backgroundImage: 'linear-gradient(45deg, rgb(var(--tb-primary) / 0.8), rgb(var(--tb-secondary) / 0.6))' }
-*/
-function gradientBackgroundStyle(tokens, direction = "to bottom") {
-	const stops = tokens.map((stop) => rgbColorValue(stop)).join(", ");
-	return { backgroundImage: `linear-gradient(${direction}, ${stops})` };
-}
-/**
-* Merges multiple CSSProperties objects into a single object.
-* Later styles override earlier ones. Undefined values are filtered out.
-* Returns undefined if the merged result is empty.
-*
-* @param styles - Variable number of CSSProperties objects (can be undefined)
-* @returns Merged CSSProperties object, or undefined if empty
-*
-* @example
-* mergeStyles(
-*   backgroundColorStyle('surface'),
-*   textColorStyle('text'),
-*   borderColorStyle('border')
-* )
-* // => { backgroundColor: '...', color: '...', borderColor: '...' }
-*/
-function mergeStyles(...styles) {
-	const merged = {};
-	for (const style of styles) {
-		if (!style) continue;
-		Object.assign(merged, style);
-	}
-	return Object.keys(merged).length ? merged : undefined;
+	const rootField = fieldPath.split(".")[0] ?? "";
+	return isThemeV2NormalEditorRawStyleFieldName(rootField);
 }
 
 //#endregion
@@ -4634,8 +4988,14 @@ const headerInteractionPillPaletteValues = [
 	"accent"
 ];
 /**
-* "No pill": the nav link keeps whatever hover treatment its recipe compiled,
-* and the palette step writes nothing at all (#1318 Phase 4c decision 2).
+* "No pill": a colour change on hover rather than a filled background.
+*
+* The palette step writes nothing (#1318 Phase 4c decision 2), but on a
+* foreground-adaptive style that is not the end of the story: the hover colour
+* is derived from the resolved opening foreground at render time, paired with
+* the resting colour, so `quiet` resolves to a definite colour rather than to
+* whatever brand token the recipe happened to name. See
+* `applyOpeningForeground`.
 *
 * It exists because "a colour change on hover, no filled background" was not
 * expressible in the vocabulary, and it is what
@@ -5221,12 +5581,6 @@ const footerVariant = z.enum([
 	"split"
 ]);
 const footerMaxWidth = z.enum(["container", "full"]);
-const footerMode = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
 const footerNavLayoutMode = z.enum([
 	"stack",
 	"inline",
@@ -5312,7 +5666,7 @@ const footerLogoSchema = z.object({
 	]).optional()
 });
 const footerSchema = z.object({
-	mode: footerMode.optional(),
+	mode: footerModeSchema.optional(),
 	variant: footerVariant,
 	maxWidth: footerMaxWidth,
 	showLogoText: z.boolean().optional(),
@@ -5935,7 +6289,7 @@ const BUTTON_CONTRAST_POLICY = {
 	nonTextMinimumRatio: 3,
 	gradientSamplesPerSegment: 20,
 	alphaBackgrounds: "reject-without-known-surface",
-	disabled: "retain-full-colour-contract"
+	disabled: "validated-colour-pair-with-muted-control-opacity"
 };
 function formatButtonColourContractError(error) {
 	switch (error.tag) {
@@ -6560,6 +6914,26 @@ function parseThemeForPersistence(value) {
 	};
 }
 
+//#endregion
+//#region ../theme-core/src/buttons/affordanceSuppression.ts
+/**
+* Internal: the opt-out the generated affordance rule is written against.
+*
+* A button style may declare a trailing `affordance`, which the theme renders as
+* a CSS `::after` on every button of that variant. An authored button that
+* renders its own trailing icon must not also receive the theme's, or it shows
+* two.
+*
+* Deliberately not exported from `./index`. This used to be public, and two
+* block components reached past the theme to draw arrows of their own — one of
+* them doubling up on the styles that declare an affordance, both of them
+* overriding the twelve styles that deliberately declare none. Whether a button
+* carries a trailing affordance is the style's decision; the only caller that
+* legitimately opts out is the authored-button renderer, which reaches it
+* through `themeButtonClassNameWithTrailingIcon`.
+*/
+const AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
+
 //#endregion
 //#region ../theme-core/src/buttons/classNames.ts
 /**
@@ -6604,6 +6978,27 @@ function themeButtonClassName(spec) {
 	];
 	return classes.filter(Boolean).join(" ");
 }
+/**
+* Button classes for an authored button that renders its own trailing icon.
+*
+* A separate function rather than a flag on `themeButtonClassName`, because
+* there is exactly one caller and it should stay visible in a diff. The name
+* states what the caller knows to be true of its own markup — that it renders a
+* trailing icon — rather than what the theme does about it. The consequence is
+* the theme's to decide and to change; a caller naming the consequence would be
+* asserting a policy it does not own, and would quietly become a lie the moment
+* that policy moved.
+*
+* Do not reach for this to remove an arrow you simply do not want. A trailing
+* affordance is declared by the button style, and a block overriding that is the
+* defect this replaced.
+*/
+function themeButtonClassNameWithTrailingIcon(spec) {
+	return themeButtonClassName({
+		...spec,
+		extraClassName: [spec.extraClassName, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ")
+	});
+}
 
 //#endregion
 //#region ../theme-core/src/interactive/generateBaseCSS.ts
@@ -8856,27 +9251,20 @@ function resolvedButtonFocusDeclarations(indicator, role) {
 	] : [["outline", value("outline", `3px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", "3px")]];
 }
 /**
-* Disabled buttons retain their validated colour pair and add a non-layout
-* visual affordance. `currentColor` keeps the cue inside the same contrast
-* relationship, while retaining pointer events lets the not-allowed cursor
-* remain observable.
+* Disabled buttons are deliberately muted as unavailable controls. Native
+* disabled controls are exempt from active-control contrast requirements;
+* opacity distinguishes the state without introducing a focus-like outline.
+* Retaining pointer events lets the not-allowed cursor remain observable.
 */
 const RESOLVED_BUTTON_DISABLED_DECLARATIONS = [
 	["cursor", "not-allowed"],
 	["transform", "none"],
 	["box-shadow", "none"],
-	["outline", "2px dashed currentColor"],
-	["outline-offset", "-4px"]
+	["opacity", "0.55"]
 ];
 
 //#endregion
 //#region ../theme-core/src/buttons/generateButtonCss.ts
-/**
-* Class the `button` runtime node adds when it renders its own trailing icon,
-* so a node-level icon suppresses the theme's CSS `::after` affordance.
-* Shared so generator and renderer can't drift.
-*/
-const AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
 const BUTTON_SIZE_NAMES = buttonSizeNameSchema.options;
 /**
 * Letter spacing token → CSS value.
@@ -15999,198 +16387,6 @@ function assertUniqueLayoutProfileKeys(profiles) {
 	}
 }
 
-//#endregion
-//#region ../theme-core/src/tokens/tokens.ts
-const colorTokens = [
-	"background/base",
-	"background/elevated",
-	"surface/base",
-	"surface/subtle",
-	"surface/inverted",
-	"content/primary",
-	"content/secondary",
-	"accent/primary",
-	"accent/secondary",
-	"border/base"
-];
-const typographyTokens = [
-	"display/hero",
-	"display/section",
-	"heading/large",
-	"heading/medium",
-	"heading/small",
-	"body/normal",
-	"body/small",
-	"caption"
-];
-const spacingTokens = [
-	"none",
-	"3xs",
-	"2xs",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"xl",
-	"2xl",
-	"3xl"
-];
-const radiusTokens = [
-	"none",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"pill",
-	"full"
-];
-const shadowTokens = [
-	"none",
-	"soft",
-	"medium",
-	"strong"
-];
-const defaultThemeTokens = {
-	color: {
-		"background/base": "#ffffff",
-		"background/elevated": "#f5f5f5",
-		"surface/base": "#ffffff",
-		"surface/subtle": "#f9f9fb",
-		"surface/inverted": "#111111",
-		"content/primary": "#111111",
-		"content/secondary": "#3f3f46",
-		"accent/primary": "#2563eb",
-		"accent/secondary": "#1d4ed8",
-		"border/base": "#e5e7eb"
-	},
-	typography: {
-		"display/hero": {
-			fontSize: "clamp(48px, 8vw, 96px)",
-			lineHeight: "1.05",
-			fontWeight: "700"
-		},
-		"display/section": {
-			fontSize: "clamp(40px, 6vw, 72px)",
-			lineHeight: "1.1",
-			fontWeight: "700"
-		},
-		"heading/large": {
-			fontSize: "clamp(32px, 4vw, 48px)",
-			lineHeight: "1.2",
-			fontWeight: "600"
-		},
-		"heading/medium": {
-			fontSize: "clamp(24px, 3vw, 32px)",
-			lineHeight: "1.25",
-			fontWeight: "600"
-		},
-		"heading/small": {
-			fontSize: "20px",
-			lineHeight: "1.3",
-			fontWeight: "600"
-		},
-		"body/normal": {
-			fontSize: "16px",
-			lineHeight: "1.6",
-			fontWeight: "400"
-		},
-		"body/small": {
-			fontSize: "14px",
-			lineHeight: "1.5",
-			fontWeight: "400"
-		},
-		caption: {
-			fontSize: "12px",
-			lineHeight: "1.4",
-			fontWeight: "500"
-		}
-	},
-	spacing: {
-		none: "0px",
-		"3xs": "4px",
-		"2xs": "8px",
-		xs: "12px",
-		sm: "16px",
-		md: "24px",
-		lg: "32px",
-		xl: "40px",
-		"2xl": "56px",
-		"3xl": "72px"
-	},
-	radius: {
-		none: "0px",
-		xs: "2px",
-		sm: "4px",
-		md: "8px",
-		lg: "12px",
-		pill: "999px",
-		full: "9999px"
-	},
-	shadow: {
-		none: "none",
-		soft: "0px 2px 8px rgba(15, 23, 42, 0.08)",
-		medium: "0px 6px 18px rgba(15, 23, 42, 0.12)",
-		strong: "0px 12px 36px rgba(15, 23, 42, 0.16)"
-	},
-	palette: {
-		surface: "#ffffff",
-		"neutral-50": "#f9fafb",
-		"neutral-900": "#111827",
-		primary: "#2563eb",
-		"primary-50": "#eff6ff",
-		"primary-500": "#2563eb",
-		"primary-900": "#1d4ed8",
-		secondary: "#9333ea",
-		"secondary-50": "#f3e8ff",
-		"secondary-500": "#9333ea",
-		"secondary-900": "#4c1d95",
-		accent: "#f97316",
-		"accent-50": "#fff7ed",
-		"accent-500": "#f97316",
-		"accent-900": "#7c2d12"
-	}
-};
-/**
-* Project the expanded semantic palette into the token buckets consumed by
-* runtime transforms. Keep this mapping shared by full themes and the
-* tokens-only hosted-booking runtime so the two paths cannot drift.
-*/
-function buildThemeTokens(palette) {
-	const tokens = cloneThemeTokens(defaultThemeTokens);
-	const paletteStrings = {};
-	for (const [key, value] of Object.entries(palette)) {
-		if (typeof value === "string" && value.trim().length > 0) {
-			paletteStrings[key] = value;
-		}
-	}
-	tokens.palette = paletteStrings;
-	const resolveColor = (...keys) => {
-		for (const key of keys) {
-			const value = paletteStrings[key];
-			if (value) return value;
-		}
-		return undefined;
-	};
-	const assignColor = (token, ...keys) => {
-		const value = resolveColor(...keys);
-		if (value) tokens.color[token] = value;
-	};
-	assignColor("background/base", "background", "surface", "primary-50");
-	assignColor("background/elevated", "surface", "background");
-	assignColor("surface/base", "surface", "background");
-	assignColor("surface/subtle", "neutral-100", "surface", "background");
-	assignColor("surface/inverted", "neutral-900", "text", "primary-900");
-	assignColor("content/primary", "text", "body", "neutral-900");
-	assignColor("content/secondary", "mutedText", "secondary", "neutral-600");
-	assignColor("accent/primary", "primary", "accent");
-	assignColor("accent/secondary", "accent", "secondary", "primary-400");
-	assignColor("border/base", "border", "neutral-300");
-	return tokens;
-}
-function cloneThemeTokens(source) {
-	return JSON.parse(JSON.stringify(source));
-}
-
 //#endregion
 //#region ../theme-core/src/site-styles/backgroundAppearance.ts
 const backgroundAppearanceQuickColorTokenNames = [
@@ -28373,6 +28569,10 @@ function compareCompiledHeaders(left, right) {
 
 //#endregion
 //#region ../theme-core/src/site-styles/headerOpeningForeground.ts
+/** The nav-link hover effect that is a plain colour change. */
+const TEXT_COLOR_CHANGE_EFFECT_ID = "text-color-change";
+/** The nav-link hover affordance that does not depend on a colour delta. */
+const NAV_UNDERLINE_EFFECT_ID = "nav-underline";
 function headerStyleAvailability(recipe, context) {
 	if (!recipe.openingForeground) return { kind: "available" };
 	return context?.openingForeground?.kind === "known" ? { kind: "available" } : {
@@ -28399,10 +28599,7 @@ function applyOpeningForeground(theme, header, recipe, context) {
 	return {
 		...withBrandForeground,
 		navColor: foreground.roles.text,
-		navLinkStyle: header.navLinkStyle ? {
-			...header.navLinkStyle,
-			colorToken: foreground.roles.link
-		} : header.navLinkStyle,
+		navLinkStyle: header.navLinkStyle ? adaptNavLinkStyleToForeground(header.navLinkStyle, foreground.roles.link, planForegroundHover(foreground.roles.link, paletteHexForToken(theme, foreground.roles.link), scrollTreatment?.kind === "contrast-glass" ? scrollTreatment.backgroundTone : null)) : header.navLinkStyle,
 		border: {
 			style: "solid",
 			width: "thin",
@@ -28412,6 +28609,79 @@ function applyOpeningForeground(theme, header, recipe, context) {
 		...scrollTreatment ? { scrollTreatment } : {}
 	};
 }
+/**
+* Give the resolved foreground both the resting and the hover colour.
+*
+* Adapting the resting colour alone left hover as whatever the recipe wrote —
+* for `minimal-surface` a bare `primary`, which is a brand colour no one had
+* checked against the section the header floats over. On a primary-painted
+* opening section that resolves to the section's own colour, and the link
+* disappears on hover.
+*
+* The two colours are a pair: the scroll treatment picks its glass tone from
+* the resting foreground precisely so one colour reads both against the opening
+* section and against the glass. A hover colour outside that pairing is not
+* covered by either half of it.
+*
+* A pill palette is left alone. It owns hover through `background-on-hover`,
+* which carries its own paired background and foreground tokens, so hover
+* legibility there does not depend on the surface underneath at all.
+*/
+function adaptNavLinkStyleToForeground(navLinkStyle, linkToken, hoverPlan) {
+	const adapted = {
+		...navLinkStyle,
+		colorToken: linkToken
+	};
+	const hoverEffects = navLinkStyle.effects?.hover ?? [];
+	const hasColorChange = hoverEffects.some(isTextColorChangeEffect);
+	if (!hasColorChange && hoverEffects.length > 0) return adapted;
+	if (!hasColorChange && !navLinkStyle.hoverColorToken) return adapted;
+	const underline = {
+		effectId: NAV_UNDERLINE_EFFECT_ID,
+		options: {
+			style: "grow",
+			colorToken: linkToken
+		}
+	};
+	const withoutColorChange = hoverEffects.filter((effect) => !isTextColorChangeEffect(effect) && !isNavUnderlineEffect(effect));
+	if (hoverPlan.kind === "resting") {
+		return {
+			...adapted,
+			hoverColorToken: null,
+			effects: {
+				...adapted.effects,
+				hover: [...withoutColorChange, underline]
+			}
+		};
+	}
+	const hoverColorToken = hoverPlan.token;
+	return {
+		...adapted,
+		hoverColorToken,
+		effects: {
+			...adapted.effects,
+			hover: [...hoverEffects.map((effect) => isTextColorChangeEffect(effect) ? {
+				...effect,
+				options: {
+					...effect.options,
+					hoverColorToken
+				}
+			} : effect).filter((effect) => !isNavUnderlineEffect(effect)), underline]
+		}
+	};
+}
+function isTextColorChangeEffect(effect) {
+	return effect.effectId === TEXT_COLOR_CHANGE_EFFECT_ID;
+}
+function isNavUnderlineEffect(effect) {
+	return effect.effectId === NAV_UNDERLINE_EFFECT_ID;
+}
+/** Concrete hex behind a plain palette token, or null when it is not one. */
+function paletteHexForToken(theme, token) {
+	const parts = parseColorTokenParts(token);
+	if (parts.kind !== "token" || parts.opacityPercent !== null) return null;
+	return expandPalette(theme.palette)[parts.token] ?? null;
+}
 function compileHeaderScrollTreatment(theme, recipe, foregroundToken) {
 	if (recipe.scrollTreatment !== "contrast-glass") return undefined;
 	const tokenParts = parseColorTokenParts(foregroundToken);
@@ -28458,6 +28728,31 @@ function applyPageOpeningForegroundToTheme(theme, recipe, context) {
 	};
 }
 
+//#endregion
+//#region ../theme-core/src/site-styles/effectivePageDesign.ts
+/**
+* Every page with an applicable site style has an effective design, whether or
+* not a design version was ever persisted. Missing persistence is ordinary
+* default resolution, not a failure.
+*
+* Corrupt persisted state never reaches this function: callers keep their own
+* invalid state untouched and only resolve `stored` values they could parse.
+*/
+function resolveEffectivePageDesignIntent(stored, currentSiteStyleId) {
+	if (stored) {
+		return {
+			kind: "resolved",
+			intent: currentSiteStyleId ? rebasePageDesignIntentToSiteStyle(stored, currentSiteStyleId) : stored,
+			source: "stored"
+		};
+	}
+	return currentSiteStyleId ? {
+		kind: "resolved",
+		intent: buildInitialPolicyPageDesignIntent(currentSiteStyleId),
+		source: "default"
+	} : { kind: "no-site-style" };
+}
+
 //#endregion
 //#region ../theme-core/src/site-styles/pageDesignAuthority.ts
 const nonEmptyStringSchema = z.string().min(1);
@@ -32553,4 +32848,4 @@ function parseSdkEventRunUpsertInput(input, runIndex, options) {
 }
 
 //#endregion
-export { defineBlockDesignMetadata as $, surfaceForegroundDeclarations as $n, borderColorStyle as $t, defaultPaletteForSiteStyle as A, NAV_LINK_TEXT_SIZE_MAP as An, __toESM as Ar, themeSchema as At, parsePersistedHeaderLayoutId as B, ICON_SIZE_PX as Bn, BREAKPOINT_SM as Bt, retargetCompiledBoundaryRuntimeForContentAdjacency as C, getComponentShadowVar as Cn, createFormRef as Cr, themeButtonClassName as Ct, curatedSiteStyles as D, NAV_LINK_LETTER_SPACING_MAP as Dn, createVenueRef as Dr, generateShadowValue as Dt, concretePaletteToTheme as E, NAV_LINK_BORDER_RADIUS_MAP as En, createSiteCommandSiteRef as Er, formatButtonColourContractError as Et, findFooterLook as F, ACCORDION_OPEN_ACCENT_THICKNESS as Fn, generateMobileOverlayBackdropFilterFix as Ft, parseGradientPresetId as G, isOnColorBackgroundCandidateToken as Gn, MQ_SM_UP as Gt, gradientToCss as H, getDefaultCardVariants as Hn, MQ_LG_UP as Ht, guaranteedFallbackFooterLookId as I, ACCORDION_SPACING_MAP as In, getHeaderPaintTargets as It, backgroundAppearanceColorTokenNames as J, contrastRatio as Jn, isCssColorLiteral as Jt, findCuratedPalette as K, onColorTokenName as Kn, MQ_TABLET_ONLY as Kt, parsePersistedFooterLookId as L, ACCORDION_TRIGGER_FONT_SCALE as Ln, renderHeaderPaintTargetRules as Lt, headerLayoutChoicesForSiteStyle as M, INPUT_FONT_SIZE_MAP as Mn, boxBackgroundOverlaySchema as Mt, headerStyleChoicesForLayout as N, INPUT_SPACING_MAP as Nn, boxBackgroundSchema as Nt, defaultButtonStyleSelectionForSiteStyle as O, NAV_LINK_PADDING_MAP as On, refSlug as Or, expandPalette as Ot, compileTransitionRuntime as P, LABEL_FONT_SIZE_MAP as Pn, generateHeaderScrollTreatmentStyles as Pt, defaultThemeTokens as Q, DEFAULT_SURFACE_TEXT_COLOR as Qn, backgroundColorStyle as Qt, getHeaderLayout as R, ACCORDION_TRIGGER_LETTER_SPACING as Rn, BREAKPOINT_LG as Rt, eventBookingOfferIntentSchema as S, getComponentBorderWidthPx as Sn, createFooterRef as Sr, parseThemeButtonVariantId as St, readHeaderNavFontSizePreference as T, parseCustomCssRules as Tn, createPageRef as Tr, compileButtonColourStates as Tt, GRADIENT_PRESET_IDS as U, generateCardCss as Un, MQ_MD_DOWN as Ut, parsePersistedHeaderStyleId as V, generateCardCoreCss as Vn, BREAKPOINT_XL as Vt, getGradientPreset as W, resolveSurfaceForeground as Wn, MQ_SM_DOWN as Wt, parseBackgroundAppearanceColorToken as X, hexToRgb as Xn, resolveThemeColorReferenceValue as Xt, backgroundAppearanceQuickColorTokenNames as Y, featuresFromHex as Yn, resolveOnColorForThemeToken as Yt, buildThemeTokens as Z, oklchToHexGamut as Zn, resolveTokenOrCssColorValue as Zt, entryIdentifierForCommand as _, makeBoundaryId as _n, createBlocksRef as _r, resolveContextualButtonRole as _t, classifySdkEventBookingOffer as a, asAppearancePresetId as an, cardVariantRoleValues as ar, buttonStyleSelectionSchema as at, pagePathForCommand as b, tileTreatmentValues as bn, createEventCategoryRef as br, generateBaseInteractiveCSS as bt, stableStringify as c, assertNever$1 as cn, mediaIdentifierSchema as cr, PUBLIC_BUTTON_ROLES as ct, mapEventCommandContent as d, defineNoBlockDesignCapability as dn, persistableMediaSchema as dr, RESOLVED_BUTTON_DISABLED_DECLARATIONS as dt, cssVarValue as en, surfaceForegroundStyle as er, require_jsx_runtime as et, evaluateSiteCommandBatchExposure as f, eventListTreatmentValues as fn, VARIANT_ROLES as fr, resolvedButtonColourDeclarations as ft, blockOrderIdentifiersForCommand as g, introCompositionTreatmentValues as gn, createBlockRef as gr, deriveButtonSurfaceContext as gt, blockIdentifierForCommand as h, headingDecorationColorTokenValues as hn, parseBlockColorToken as hr, contextualButtonSurfaceStyles as ht, classifySdkEventSchedule as i, pageDesignEditorBackgroundOverrideOwner as in, cardRoleSchema as ir, findButtonStyleRecipe as it, getCuratedSiteStyle as j, FONT_WEIGHT_MAP$1 as jn, typographySchema as jt, defaultHeaderSelectionForSiteStyle as k, NAV_LINK_PADDING_X_MAP as kn, slugPart as kr, getTextColorForBackground as kt, createDryRunReport as l, defineBlockDesignCapability as ln, mediaSchema as lr, AFFORDANCE_SUPPRESS_CLASS as lt, getSiteCommandMetadata as m, featureCardCompositionTreatmentValues as mn, unsafeAsOpaqueButtonColourToken as mr, contextualButtonSurfaceResetStyles as mt, sdkEventOccurrenceInputSchema as n, rgbColorValue as nn, TokenResolver as nr, pickShadeTowardBackground as nt, venueManagementFields as o, asDesignBlockId as on, normalizeCardRole as or, createDefaultButtonStyleSelection as ot, evaluateSiteCommandExposure as p, eyebrowTreatmentValues as pn, buttonVariantIdSchema as pr, resolvedButtonFocusDeclarations as pt, boundaryRuntimeMetricsForTransition as q, ORDINARY_TEXT_MIN_CONTRAST_RATIO as qn, headerVariantValues as qt, sdkEventUpsertOptionalFieldSchemas as r, textColorStyle as rn, generateShadowValue$1 as rr, generateCssVars as rt, sortRecord as s, asSiteStyleId as sn, paletteSchema as sr, isButtonStyleId as st, classifySdkEventTiming as t, mergeStyles as tn, surfaceForegroundValue as tr, require_react as tt, parseAndPlanCommandBatchForTypes as u, defineFrameCapability as un, mediaTypeDiscriminants as ur, generateButtonCss as ut, pageIdentifierForBlockCommand as v, offeringsPreviewCompositionTreatmentValues as vn, createCommandRef as vr, generateDefaultButtonSystem as vt, mergeHeaderNavTypographyPreference as w, parseBlockCustomCssRules as wn, createNavigationRef as wr, parseThemeForPersistence as wt, hasConfiguredBookingVertical as x, visibleHeadingDecorationFamilyValues as xn, createEventSeriesRef as xr, generateInteractiveChildInheritanceCSS as xt, pageIdentifierForCommand as y, testimonialsCompositionTreatmentValues as yn, createContentEntryRef as yr, generateEffectsCSS as yt, getHeaderStyle as z, ICON_CONFIG as zn, BREAKPOINT_MD as zt };
+export { generateBaseInteractiveCSS as $, createContentEntryRef as $n, NAV_LINK_LETTER_SPACING_MAP as $t, getGradientPreset as A, featuresFromHex as An, resolveTokenOrCssColorValue as At, generateCssVars as B, normalizeCardRole as Bn, featureCardCompositionTreatmentValues as Bt, retargetCompiledBoundaryRuntimeForContentAdjacency as C, resolveSurfaceForeground as Cn, MQ_SM_DOWN as Ct, compileTransitionRuntime as D, defaultThemeTokens as Dn, isCssColorLiteral as Dt, getCuratedSiteStyle as E, buildThemeTokens as En, headerVariantValues as Et, parseBackgroundAppearanceColorToken as F, surfaceForegroundStyle as Fn, defineBlockDesignCapability as Ft, resolvedButtonColourDeclarations as G, footerModeSchema as Gn, testimonialsCompositionTreatmentValues as Gt, PUBLIC_BUTTON_ROLES as H, mediaSchema as Hn, introCompositionTreatmentValues as Ht, defineBlockDesignMetadata as I, surfaceForegroundValue as In, defineFrameCapability as It, contextualButtonSurfaceStyles as J, unsafeAsOpaqueButtonColourToken as Jn, getComponentBorderWidthPx as Jt, resolvedButtonFocusDeclarations as K, VARIANT_ROLES as Kn, tileTreatmentValues as Kt, require_jsx_runtime as L, generateShadowValue$1 as Ln, defineNoBlockDesignCapability as Lt, boundaryRuntimeMetricsForTransition as M, oklchToHexGamut as Mn, asAppearancePresetId as Mt, backgroundAppearanceColorTokenNames as N, DEFAULT_SURFACE_TEXT_COLOR as Nn, asDesignBlockId as Nt, gradientToCss as O, ORDINARY_TEXT_MIN_CONTRAST_RATIO as On, resolveOnColorForThemeToken as Ot, backgroundAppearanceQuickColorTokenNames as P, surfaceForegroundDeclarations as Pn, assertNever$1 as Pt, generateEffectsCSS as Q, createCommandRef as Qn, NAV_LINK_BORDER_RADIUS_MAP as Qt, require_react as R, cardRoleSchema as Rn, eventListTreatmentValues as Rt, eventBookingOfferIntentSchema as S, textColorStyle as Sn, MQ_MD_DOWN as St, readHeaderNavFontSizePreference as T, onColorTokenName as Tn, MQ_TABLET_ONLY as Tt, generateButtonCss as U, mediaTypeDiscriminants as Un, makeBoundaryId as Ut, buttonStyleSelectionSchema as V, mediaIdentifierSchema as Vn, headingDecorationColorTokenValues as Vt, RESOLVED_BUTTON_DISABLED_DECLARATIONS as W, persistableMediaSchema as Wn, offeringsPreviewCompositionTreatmentValues as Wt, resolveContextualButtonRole as X, createBlockRef as Xn, parseBlockCustomCssRules as Xt, deriveButtonSurfaceContext as Y, parseBlockColorToken as Yn, getComponentShadowVar as Yt, generateDefaultButtonSystem as Z, createBlocksRef as Zn, parseCustomCssRules as Zt, entryIdentifierForCommand as _, backgroundColorStyle as _n, BREAKPOINT_LG as _t, classifySdkEventBookingOffer as a, INPUT_SPACING_MAP as an, createPageRef as ar, compileButtonColourStates as at, pagePathForCommand as b, mergeStyles as bn, BREAKPOINT_XL as bt, stableStringify as c, ACCORDION_SPACING_MAP as cn, refSlug as cr, expandPalette as ct, mapEventCommandContent as d, ICON_CONFIG as dn, boxBackgroundOverlaySchema as dt, NAV_LINK_PADDING_MAP as en, createEventCategoryRef as er, generateInteractiveChildInheritanceCSS as et, evaluateSiteCommandBatchExposure as f, ICON_SIZE_PX as fn, boxBackgroundSchema as ft, blockOrderIdentifiersForCommand as g, TokenResolver as gn, renderHeaderPaintTargetRules as gt, blockIdentifierForCommand as h, generateCardCss as hn, getHeaderPaintTargets as ht, classifySdkEventSchedule as i, INPUT_FONT_SIZE_MAP as in, createNavigationRef as ir, parseThemeForPersistence as it, parseGradientPresetId as j, hexToRgb as jn, pageDesignEditorBackgroundOverrideOwner as jt, GRADIENT_PRESET_IDS as k, contrastRatio as kn, resolveThemeColorReferenceValue as kt, createDryRunReport as l, ACCORDION_TRIGGER_FONT_SCALE as ln, slugPart as lr, getTextColorForBackground as lt, getSiteCommandMetadata as m, getDefaultCardVariants as mn, generateMobileOverlayBackdropFilterFix as mt, sdkEventOccurrenceInputSchema as n, NAV_LINK_TEXT_SIZE_MAP as nn, createFooterRef as nr, themeButtonClassName as nt, venueManagementFields as o, LABEL_FONT_SIZE_MAP as on, createSiteCommandSiteRef as or, formatButtonColourContractError as ot, evaluateSiteCommandExposure as p, generateCardCoreCss as pn, generateHeaderScrollTreatmentStyles as pt, contextualButtonSurfaceResetStyles as q, buttonVariantIdSchema as qn, visibleHeadingDecorationFamilyValues as qt, sdkEventUpsertOptionalFieldSchemas as r, FONT_WEIGHT_MAP$1 as rn, createFormRef as rr, themeButtonClassNameWithTrailingIcon as rt, sortRecord as s, ACCORDION_OPEN_ACCENT_THICKNESS as sn, createVenueRef as sr, generateShadowValue as st, classifySdkEventTiming as t, NAV_LINK_PADDING_X_MAP as tn, createEventSeriesRef as tr, parseThemeButtonVariantId as tt, parseAndPlanCommandBatchForTypes as u, ACCORDION_TRIGGER_LETTER_SPACING as un, __toESM as ur, themeSchema as ut, pageIdentifierForBlockCommand as v, borderColorStyle as vn, BREAKPOINT_MD as vt, mergeHeaderNavTypographyPreference as w, isOnColorBackgroundCandidateToken as wn, MQ_SM_UP as wt, hasConfiguredBookingVertical as x, rgbColorValue as xn, MQ_LG_UP as xt, pageIdentifierForCommand as y, cssVarValue as yn, BREAKPOINT_SM as yt, pickShadeTowardBackground as z, cardVariantRoleValues as zn, eyebrowTreatmentValues as zt };