riverbankcms 0.6.0 → 0.7.1

package/dist/{sdk-event-upsert-CvFCbzNc.mjs → sdk-event-upsert-Cp043nSP.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { D as isCanonicalRichTextDoc, Ft as ok, G as parseBookingTimeZone, Pt as err, V as parseUtcIsoDateTimeString, b as parseFooterCompositionV1, c as EVENT_PRESET_VALUES, k as isPresent, l as ORDINARY_EVENT_PRESET_VALUES, nt as assertNever, o as resolveSiteVerticalBookingConfig, v as stableJsonStringify, y as footerNavigationLayouts } from "./src-X9oZOIoK.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";
 
@@ -272,16 +272,6 @@ const eventRegistrationStatuses = ["confirmed"];
 
 //#endregion
 //#region ../site-commands/src/commandDomain.ts
-const navigationLocations = [
-	"main",
-	"header",
-	"footer"
-];
-const navigationMenuRoles = [
-	"primary",
-	"footer",
-	"legal-policy"
-];
 const offeringVisibilities = [
 	"draft",
 	"unlisted",
@@ -1815,90 +1805,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 = [
@@ -2172,156 +2078,452 @@ 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 backgroundReference = normalizedReference(background.color);
-		if (!backgroundReference || backgroundReference === "transparent") {
-			return { kind: "unknown" };
-		}
-		return resolveDeterministicForeground(backgroundReference, authored, palette, options.compositeBase);
-	}
-	return resolveTrustedTreatmentForeground(authored, palette);
-}
-function foregroundCandidates(background, overrides) {
-	return {
-		text: overrides.text ?? background?.textColor ?? null,
-		heading: overrides.heading ?? background?.headingColor ?? null,
-		link: overrides.link ?? background?.linkColor ?? null,
-		supporting: overrides.supporting ?? background?.supportingColor ?? null
-	};
-}
-function resolveDeterministicForeground(backgroundReference, candidates, palette, compositeBase) {
-	const backgroundHex = resolveOpaqueSurfaceHex(backgroundReference, palette, compositeBase);
-	if (!backgroundHex) {
-		return resolveTrustedTreatmentForeground(candidates, palette);
-	}
+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" };
+		}
+		return resolveDeterministicForeground(backgroundReference, authored, palette, options.compositeBase);
+	}
+	return resolveTrustedTreatmentForeground(authored, palette);
+}
+function foregroundCandidates(background, overrides) {
+	return {
+		text: overrides.text ?? background?.textColor ?? null,
+		heading: overrides.heading ?? background?.headingColor ?? null,
+		link: overrides.link ?? background?.linkColor ?? null,
+		supporting: overrides.supporting ?? background?.supportingColor ?? null
+	};
+}
+function resolveDeterministicForeground(backgroundReference, candidates, palette, compositeBase) {
+	const backgroundHex = resolveOpaqueSurfaceHex(backgroundReference, palette, compositeBase);
+	if (!backgroundHex) {
+		return resolveTrustedTreatmentForeground(candidates, palette);
+	}
 	const backgroundToken = paletteToken(backgroundReference);
 	const derivedOnToken = backgroundToken ? onColorTokenName(backgroundToken) : null;
 	const text = firstSafeToken([
@@ -2338,63 +2540,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
@@ -4076,179 +4503,38 @@ const sizeOrder = {
 	standard: 1,
 	generous: 2,
 	display: 3
-};
-function resolveAccommodationSize(minimumSize, requestedSize) {
-	if (!requestedSize || requestedSize === "auto") return minimumSize;
-	return sizeOrder[requestedSize] > sizeOrder[minimumSize] ? requestedSize : minimumSize;
-}
-
-//#endregion
-//#region ../theme-core/src/site-styles/rawStyleFields.ts
-const themeV2RuntimeStyleFieldNames = [
-	"_frameStyles",
-	"_sectionStyles",
-	"_containerStyles",
-	"_cardStyles",
-	"_transitionStyles",
-	"styleGroup"
-];
-const themeV2BlockSpecificRawStyleFieldNames = [
-	"_contentCardStyles",
-	"_heroLayoutStyles",
-	"_textCardStyles"
-];
-const themeV2NormalEditorRawStyleFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
-const themeV2NormalEditorRawStyleFieldNameSet = new Set(themeV2NormalEditorRawStyleFieldNames);
-const themeV2CompilerOwnedFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
-const pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
-const siteChromeBackgroundOverrideOwner = "site-chrome-editor";
-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) };
+};
+function resolveAccommodationSize(minimumSize, requestedSize) {
+	if (!requestedSize || requestedSize === "auto") return minimumSize;
+	return sizeOrder[requestedSize] > sizeOrder[minimumSize] ? requestedSize : minimumSize;
 }
-/**
-* 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})` };
+
+//#endregion
+//#region ../theme-core/src/site-styles/rawStyleFields.ts
+const themeV2RuntimeStyleFieldNames = [
+	"_frameStyles",
+	"_sectionStyles",
+	"_containerStyles",
+	"_cardStyles",
+	"_transitionStyles",
+	"styleGroup"
+];
+const themeV2BlockSpecificRawStyleFieldNames = [
+	"_contentCardStyles",
+	"_heroLayoutStyles",
+	"_textCardStyles"
+];
+const themeV2NormalEditorRawStyleFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
+const themeV2NormalEditorRawStyleFieldNameSet = new Set(themeV2NormalEditorRawStyleFieldNames);
+const themeV2CompilerOwnedFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
+const pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
+const siteChromeBackgroundOverrideOwner = "site-chrome-editor";
+function isThemeV2NormalEditorRawStyleFieldName(fieldName) {
+	return themeV2NormalEditorRawStyleFieldNameSet.has(fieldName);
 }
-/**
-* 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;
+function isThemeV2NormalEditorRawStylePath(fieldPath) {
+	const rootField = fieldPath.split(".")[0] ?? "";
+	return isThemeV2NormalEditorRawStyleFieldName(rootField);
 }
 
 //#endregion
@@ -4644,8 +4930,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
@@ -16009,158 +16301,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"
-	}
-};
-
 //#endregion
 //#region ../theme-core/src/site-styles/backgroundAppearance.ts
 const backgroundAppearanceQuickColorTokenNames = [
@@ -28343,6 +28483,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" } : {
@@ -28369,10 +28513,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",
@@ -28382,6 +28523,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);
@@ -29768,12 +29982,9 @@ const upsertNavigationMenuCommandSchema = z.object({
 	type: z.literal("upsertNavigationMenu"),
 	ref: navigationRefSchema,
 	input: z.object({
-		identifier: z.string().min(1).optional(),
-		name: z.string().min(1).optional(),
-		location: z.enum(navigationLocations).optional(),
-		role: z.enum(navigationMenuRoles).optional(),
+		location: z.enum(NAVIGATION_LOCATIONS),
 		items: z.array(navigationItemSchema).readonly()
-	}).strict().refine((input) => input.name !== undefined || input.location !== undefined, { message: "Navigation commands require either input.name or input.location." })
+	}).strict()
 }).strict();
 const formFieldSchema = z.object({
 	id: z.string().min(1),
@@ -32526,4 +32737,4 @@ function parseSdkEventRunUpsertInput(input, runIndex, options) {
 }
 
 //#endregion
-export { require_jsx_runtime as $, surfaceForegroundStyle as $n, cssVarValue as $t, defaultPaletteForSiteStyle as A, FONT_WEIGHT_MAP$1 as An, typographySchema as At, parsePersistedHeaderLayoutId as B, generateCardCoreCss as Bn, BREAKPOINT_XL as Bt, retargetCompiledBoundaryRuntimeForContentAdjacency as C, parseBlockCustomCssRules as Cn, createNavigationRef as Cr, parseThemeForPersistence as Ct, curatedSiteStyles as D, NAV_LINK_PADDING_MAP as Dn, refSlug as Dr, expandPalette as Dt, concretePaletteToTheme as E, NAV_LINK_LETTER_SPACING_MAP as En, createVenueRef as Er, generateShadowValue as Et, findFooterLook as F, ACCORDION_SPACING_MAP as Fn, getHeaderPaintTargets as Ft, parseGradientPresetId as G, onColorTokenName as Gn, MQ_TABLET_ONLY as Gt, gradientToCss as H, generateCardCss as Hn, MQ_MD_DOWN as Ht, guaranteedFallbackFooterLookId as I, ACCORDION_TRIGGER_FONT_SCALE as In, renderHeaderPaintTargetRules as It, backgroundAppearanceColorTokenNames as J, featuresFromHex as Jn, resolveOnColorForThemeToken as Jt, findCuratedPalette as K, ORDINARY_TEXT_MIN_CONTRAST_RATIO as Kn, headerVariantValues as Kt, parsePersistedFooterLookId as L, ACCORDION_TRIGGER_LETTER_SPACING as Ln, BREAKPOINT_LG as Lt, headerLayoutChoicesForSiteStyle as M, INPUT_SPACING_MAP as Mn, boxBackgroundSchema as Mt, headerStyleChoicesForLayout as N, LABEL_FONT_SIZE_MAP as Nn, generateHeaderScrollTreatmentStyles as Nt, defaultButtonStyleSelectionForSiteStyle as O, NAV_LINK_PADDING_X_MAP as On, slugPart as Or, getTextColorForBackground as Ot, compileTransitionRuntime as P, ACCORDION_OPEN_ACCENT_THICKNESS as Pn, generateMobileOverlayBackdropFilterFix as Pt, defineBlockDesignMetadata as Q, surfaceForegroundDeclarations as Qn, borderColorStyle as Qt, getHeaderLayout as R, ICON_CONFIG as Rn, BREAKPOINT_MD as Rt, eventBookingOfferIntentSchema as S, getComponentShadowVar as Sn, createFormRef as Sr, themeButtonClassName as St, readHeaderNavFontSizePreference as T, NAV_LINK_BORDER_RADIUS_MAP as Tn, createSiteCommandSiteRef as Tr, formatButtonColourContractError as Tt, GRADIENT_PRESET_IDS as U, resolveSurfaceForeground as Un, MQ_SM_DOWN as Ut, parsePersistedHeaderStyleId as V, getDefaultCardVariants as Vn, MQ_LG_UP as Vt, getGradientPreset as W, isOnColorBackgroundCandidateToken as Wn, MQ_SM_UP as Wt, parseBackgroundAppearanceColorToken as X, oklchToHexGamut as Xn, resolveTokenOrCssColorValue as Xt, backgroundAppearanceQuickColorTokenNames as Y, hexToRgb as Yn, resolveThemeColorReferenceValue as Yt, defaultThemeTokens as Z, DEFAULT_SURFACE_TEXT_COLOR as Zn, backgroundColorStyle as Zt, entryIdentifierForCommand as _, offeringsPreviewCompositionTreatmentValues as _n, createCommandRef as _r, generateDefaultButtonSystem as _t, classifySdkEventBookingOffer as a, asDesignBlockId as an, normalizeCardRole as ar, createDefaultButtonStyleSelection as at, pagePathForCommand as b, visibleHeadingDecorationFamilyValues as bn, createEventSeriesRef as br, generateInteractiveChildInheritanceCSS as bt, stableStringify as c, defineBlockDesignCapability as cn, mediaSchema as cr, AFFORDANCE_SUPPRESS_CLASS as ct, mapEventCommandContent as d, eventListTreatmentValues as dn, VARIANT_ROLES as dr, resolvedButtonColourDeclarations as dt, mergeStyles as en, surfaceForegroundValue as er, require_react as et, evaluateSiteCommandBatchExposure as f, eyebrowTreatmentValues as fn, buttonVariantIdSchema as fr, resolvedButtonFocusDeclarations as ft, blockOrderIdentifiersForCommand as g, makeBoundaryId as gn, createBlocksRef as gr, resolveContextualButtonRole as gt, blockIdentifierForCommand as h, introCompositionTreatmentValues as hn, createBlockRef as hr, deriveButtonSurfaceContext as ht, classifySdkEventSchedule as i, asAppearancePresetId as in, cardVariantRoleValues as ir, buttonStyleSelectionSchema as it, getCuratedSiteStyle as j, INPUT_FONT_SIZE_MAP as jn, boxBackgroundOverlaySchema as jt, defaultHeaderSelectionForSiteStyle as k, NAV_LINK_TEXT_SIZE_MAP as kn, __toESM as kr, themeSchema as kt, createDryRunReport as l, defineFrameCapability as ln, mediaTypeDiscriminants as lr, generateButtonCss as lt, getSiteCommandMetadata as m, headingDecorationColorTokenValues as mn, parseBlockColorToken as mr, contextualButtonSurfaceStyles as mt, sdkEventOccurrenceInputSchema as n, textColorStyle as nn, generateShadowValue$1 as nr, generateCssVars as nt, venueManagementFields as o, asSiteStyleId as on, paletteSchema as or, isButtonStyleId as ot, evaluateSiteCommandExposure as p, featureCardCompositionTreatmentValues as pn, unsafeAsOpaqueButtonColourToken as pr, contextualButtonSurfaceResetStyles as pt, boundaryRuntimeMetricsForTransition as q, contrastRatio as qn, isCssColorLiteral as qt, sdkEventUpsertOptionalFieldSchemas as r, pageDesignEditorBackgroundOverrideOwner as rn, cardRoleSchema as rr, findButtonStyleRecipe as rt, sortRecord as s, assertNever$1 as sn, mediaIdentifierSchema as sr, PUBLIC_BUTTON_ROLES as st, classifySdkEventTiming as t, rgbColorValue as tn, TokenResolver as tr, pickShadeTowardBackground as tt, parseAndPlanCommandBatchForTypes as u, defineNoBlockDesignCapability as un, persistableMediaSchema as ur, RESOLVED_BUTTON_DISABLED_DECLARATIONS as ut, pageIdentifierForBlockCommand as v, testimonialsCompositionTreatmentValues as vn, createContentEntryRef as vr, generateEffectsCSS as vt, mergeHeaderNavTypographyPreference as w, parseCustomCssRules as wn, createPageRef as wr, compileButtonColourStates as wt, hasConfiguredBookingVertical as x, getComponentBorderWidthPx as xn, createFooterRef as xr, parseThemeButtonVariantId as xt, pageIdentifierForCommand as y, tileTreatmentValues as yn, createEventCategoryRef as yr, generateBaseInteractiveCSS as yt, getHeaderStyle as z, ICON_SIZE_PX as zn, BREAKPOINT_SM as zt };
+export { require_react as $, DEFAULT_SURFACE_TEXT_COLOR as $n, asSiteStyleId as $t, defaultPaletteForSiteStyle as A, ACCORDION_TRIGGER_LETTER_SPACING as An, __toESM as Ar, boxBackgroundOverlaySchema as At, parsePersistedHeaderLayoutId as B, mergeStyles as Bn, MQ_LG_UP as Bt, retargetCompiledBoundaryRuntimeForContentAdjacency as C, FONT_WEIGHT_MAP$1 as Cn, createFormRef as Cr, compileButtonColourStates as Ct, curatedSiteStyles as D, ACCORDION_OPEN_ACCENT_THICKNESS as Dn, createVenueRef as Dr, getTextColorForBackground as Dt, concretePaletteToTheme as E, LABEL_FONT_SIZE_MAP as En, createSiteCommandSiteRef as Er, expandPalette as Et, findFooterLook as F, generateCardCss as Fn, renderHeaderPaintTargetRules as Ft, parseGradientPresetId as G, onColorTokenName as Gn, headerVariantValues as Gt, gradientToCss as H, textColorStyle as Hn, MQ_SM_DOWN as Ht, guaranteedFallbackFooterLookId as I, TokenResolver as In, BREAKPOINT_LG as It, backgroundAppearanceColorTokenNames as J, ORDINARY_TEXT_MIN_CONTRAST_RATIO as Jn, resolveThemeColorReferenceValue as Jt, findCuratedPalette as K, buildThemeTokens as Kn, isCssColorLiteral as Kt, parsePersistedFooterLookId as L, backgroundColorStyle as Ln, BREAKPOINT_MD as Lt, headerLayoutChoicesForSiteStyle as M, ICON_SIZE_PX as Mn, generateHeaderScrollTreatmentStyles as Mt, headerStyleChoicesForLayout as N, generateCardCoreCss as Nn, generateMobileOverlayBackdropFilterFix as Nt, defaultButtonStyleSelectionForSiteStyle as O, ACCORDION_SPACING_MAP as On, refSlug as Or, themeSchema as Ot, compileTransitionRuntime as P, getDefaultCardVariants as Pn, getHeaderPaintTargets as Pt, require_jsx_runtime as Q, oklchToHexGamut as Qn, asDesignBlockId as Qt, getHeaderLayout as R, borderColorStyle as Rn, BREAKPOINT_SM as Rt, eventBookingOfferIntentSchema as S, NAV_LINK_TEXT_SIZE_MAP as Sn, createFooterRef as Sr, parseThemeForPersistence as St, readHeaderNavFontSizePreference as T, INPUT_SPACING_MAP as Tn, createPageRef as Tr, generateShadowValue as Tt, GRADIENT_PRESET_IDS as U, resolveSurfaceForeground as Un, MQ_SM_UP as Ut, parsePersistedHeaderStyleId as V, rgbColorValue as Vn, MQ_MD_DOWN as Vt, getGradientPreset as W, isOnColorBackgroundCandidateToken as Wn, MQ_TABLET_ONLY as Wt, parseBackgroundAppearanceColorToken as X, featuresFromHex as Xn, pageDesignEditorBackgroundOverrideOwner as Xt, backgroundAppearanceQuickColorTokenNames as Y, contrastRatio as Yn, resolveTokenOrCssColorValue as Yt, defineBlockDesignMetadata as Z, hexToRgb as Zn, asAppearancePresetId as Zt, entryIdentifierForCommand as _, parseCustomCssRules as _n, createBlocksRef as _r, generateEffectsCSS as _t, classifySdkEventBookingOffer as a, eyebrowTreatmentValues as an, cardVariantRoleValues as ar, isButtonStyleId as at, pagePathForCommand as b, NAV_LINK_PADDING_MAP as bn, createEventCategoryRef as br, parseThemeButtonVariantId as bt, stableStringify as c, introCompositionTreatmentValues as cn, mediaIdentifierSchema as cr, generateButtonCss as ct, mapEventCommandContent as d, testimonialsCompositionTreatmentValues as dn, persistableMediaSchema as dr, resolvedButtonFocusDeclarations as dt, assertNever$1 as en, surfaceForegroundDeclarations as er, pickShadeTowardBackground as et, evaluateSiteCommandBatchExposure as f, tileTreatmentValues as fn, VARIANT_ROLES as fr, contextualButtonSurfaceResetStyles as ft, blockOrderIdentifiersForCommand as g, parseBlockCustomCssRules as gn, createBlockRef as gr, generateDefaultButtonSystem as gt, blockIdentifierForCommand as h, getComponentShadowVar as hn, parseBlockColorToken as hr, resolveContextualButtonRole as ht, classifySdkEventSchedule as i, eventListTreatmentValues as in, cardRoleSchema as ir, createDefaultButtonStyleSelection as it, getCuratedSiteStyle as j, ICON_CONFIG as jn, boxBackgroundSchema as jt, defaultHeaderSelectionForSiteStyle as k, ACCORDION_TRIGGER_FONT_SCALE as kn, slugPart as kr, typographySchema as kt, createDryRunReport as l, makeBoundaryId as ln, mediaSchema as lr, RESOLVED_BUTTON_DISABLED_DECLARATIONS as lt, getSiteCommandMetadata as m, getComponentBorderWidthPx as mn, unsafeAsOpaqueButtonColourToken as mr, deriveButtonSurfaceContext as mt, sdkEventOccurrenceInputSchema as n, defineFrameCapability as nn, surfaceForegroundValue as nr, findButtonStyleRecipe as nt, venueManagementFields as o, featureCardCompositionTreatmentValues as on, normalizeCardRole as or, PUBLIC_BUTTON_ROLES as ot, evaluateSiteCommandExposure as p, visibleHeadingDecorationFamilyValues as pn, buttonVariantIdSchema as pr, contextualButtonSurfaceStyles as pt, boundaryRuntimeMetricsForTransition as q, defaultThemeTokens as qn, resolveOnColorForThemeToken as qt, sdkEventUpsertOptionalFieldSchemas as r, defineNoBlockDesignCapability as rn, generateShadowValue$1 as rr, buttonStyleSelectionSchema as rt, sortRecord as s, headingDecorationColorTokenValues as sn, paletteSchema as sr, AFFORDANCE_SUPPRESS_CLASS as st, classifySdkEventTiming as t, defineBlockDesignCapability as tn, surfaceForegroundStyle as tr, generateCssVars as tt, parseAndPlanCommandBatchForTypes as u, offeringsPreviewCompositionTreatmentValues as un, mediaTypeDiscriminants as ur, resolvedButtonColourDeclarations as ut, pageIdentifierForBlockCommand as v, NAV_LINK_BORDER_RADIUS_MAP as vn, createCommandRef as vr, generateBaseInteractiveCSS as vt, mergeHeaderNavTypographyPreference as w, INPUT_FONT_SIZE_MAP as wn, createNavigationRef as wr, formatButtonColourContractError as wt, hasConfiguredBookingVertical as x, NAV_LINK_PADDING_X_MAP as xn, createEventSeriesRef as xr, themeButtonClassName as xt, pageIdentifierForCommand as y, NAV_LINK_LETTER_SPACING_MAP as yn, createContentEntryRef as yr, generateInteractiveChildInheritanceCSS as yt, getHeaderStyle as z, cssVarValue as zn, BREAKPOINT_XL as zt };