@riverbankcms/sdk 0.104.1 → 0.104.3

package/dist/cli/index.mjs

@@ -8005,11 +8005,11 @@ var init_fileStorage = __esmMin((() => {
 var init_fileAssetLegacyProjection = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$49(value) {
+function isRecord$51(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord$4(value) {
-	return isRecord$49(value) ? value : void 0;
+	return isRecord$51(value) ? value : void 0;
 }
 var init_typeGuards$1 = __esmMin((() => {}));
 function isFileJsonObject(value) {
@@ -8019,7 +8019,7 @@ function isFileJsonValue(value) {
 	if (value === null || typeof value === "string" || typeof value === "boolean") return true;
 	if (typeof value === "number") return Number.isFinite(value);
 	if (Array.isArray(value)) return value.every(isFileJsonValue);
-	return isRecord$49(value) && isFileJsonObject(value);
+	return isRecord$51(value) && isFileJsonObject(value);
 }
 var init_filePersistence = __esmMin((() => {
 	init_src$4();
@@ -8453,7 +8453,7 @@ function isCmsMediaObjectType(value) {
 	return typeof value === "string" && CMS_MEDIA_OBJECT_TYPES.includes(value);
 }
 function isCmsMediaObject(value) {
-	if (!isRecord$49(value)) return false;
+	if (!isRecord$51(value)) return false;
 	const type = value.type;
 	if (!isCmsMediaObjectType(type)) return false;
 	if ("attrs" in value) return false;
@@ -8464,7 +8464,7 @@ function collectMediaObjects(value, out, location = "") {
 		value.forEach((item, index) => collectMediaObjects(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$49(value)) return;
+	if (!isRecord$51(value)) return;
 	if (isCmsMediaObject(value)) out.push({
 		obj: value,
 		location
@@ -8498,8 +8498,8 @@ function walkAndCollectImageAttrs(value, out, location = "") {
 		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$49(value)) return;
-	if (value.type === "image" && isRecord$49(value.attrs)) out.push({
+	if (!isRecord$51(value)) return;
+	if (value.type === "image" && isRecord$51(value.attrs)) out.push({
 		attrs: value.attrs,
 		location: location ? `${location}.attrs` : "attrs"
 	});
@@ -8788,6 +8788,9 @@ var init_validation_constants = __esmMin((() => {
 		"richText",
 		"media",
 		"videoEmbed",
+		"icon",
+		"feature-card-icon",
+		"svg",
 		"button",
 		"link",
 		"carousel",
@@ -8817,11 +8820,13 @@ var init_validation_constants = __esmMin((() => {
 		"value.jsonArray",
 		"value.csv",
 		"array.marqueeLoop",
+		"value.mapToken",
 		"layout.maxWidthClass",
 		"layout.headerRootClass",
 		"layout.footerRootClass",
 		"layout.headerRootStyle",
 		"layout.headerSectionBackground",
+		"layout.classicNavMode",
 		"layout.footerRootStyle",
 		"ui.headerNavLinkClass",
 		"ui.headingClassFromAlignment",
@@ -10697,7 +10702,7 @@ function getSemanticIconComponent(name) {
 //#endregion
 //#region ../blocks/src/system/icons/value.ts
 const NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord$48(value) {
+function isRecord$50(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
@@ -10705,7 +10710,7 @@ function parseBlockIconValue(value) {
 		kind: "semantic",
 		iconId: value
 	};
-	if (!isRecord$48(value)) return NO_BLOCK_ICON_VALUE;
+	if (!isRecord$50(value)) return NO_BLOCK_ICON_VALUE;
 	switch (value.kind) {
 		case "none": return NO_BLOCK_ICON_VALUE;
 		case "semantic": return isSemanticIconId(value.iconId) ? {
@@ -10778,7 +10783,7 @@ function buildGeneratedBlockIconRenderAssetLookupFromUnknown(value) {
 	if (!Array.isArray(value)) return { kind: "invalid_asset_list" };
 	const inputs = [];
 	for (const [index, item] of value.entries()) {
-		if (!isRecord$48(item)) return {
+		if (!isRecord$50(item)) return {
 			kind: "invalid_asset_entry",
 			index,
 			reason: "not_object"
@@ -13195,6 +13200,246 @@ var init_all = __esmMin((() => {
 	init_PaletteCard();
 }));
 //#endregion
+//#region ../theme-core/src/tokens/colorTokenParts.ts
+function parseOpacityPercent(source) {
+	const trimmed = source.trim();
+	if (!trimmed) return null;
+	if (!/^\d{1,3}(?:\.\d+)?$/.test(trimmed)) return null;
+	const value = Number(trimmed);
+	if (!Number.isFinite(value)) return null;
+	if (value < 0 || value > 100) return null;
+	return value;
+}
+function parseColorTokenParts(source) {
+	const trimmed = source.trim();
+	if (trimmed.startsWith("raw:")) return {
+		kind: "raw",
+		value: trimmed.slice(4)
+	};
+	const [token, opacityRaw, extra] = trimmed.split("/");
+	if (!token || extra !== void 0) return {
+		kind: "invalid",
+		token: trimmed
+	};
+	if (opacityRaw === void 0) return {
+		kind: "token",
+		token,
+		opacityPercent: null
+	};
+	const opacityPercent = parseOpacityPercent(opacityRaw);
+	if (opacityPercent === null) return {
+		kind: "invalid",
+		token: trimmed
+	};
+	return {
+		kind: "token",
+		token,
+		opacityPercent
+	};
+}
+var init_colorTokenParts = __esmMin((() => {}));
+function isBlockColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
+}
+function parseBlockColorToken(value) {
+	if (!isBlockColorToken(value)) return null;
+	return value.trim();
+}
+var blockColorTokenNames, blockColorTokenNameSet;
+var init_blockColorTokens = __esmMin((() => {
+	init_colorTokenParts();
+	blockColorTokenNames = [
+		"text",
+		"heading",
+		"mutedText",
+		"surface",
+		"background",
+		"foreground",
+		"border",
+		"primary",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"info",
+		"error",
+		"destructive",
+		"scrim",
+		"shadow",
+		"onPrimary",
+		"onSecondary",
+		"onAccent",
+		"onSuccess",
+		"onWarning",
+		"onInfo",
+		"onError",
+		"onDestructive",
+		"onSurface"
+	];
+	blockColorTokenNameSet = new Set(blockColorTokenNames);
+}));
+//#endregion
+//#region ../theme-core/src/tokens/themeColorTokens.ts
+function isKnownBaseToken(value) {
+	return themeColorBaseTokenSet.has(value);
+}
+function isKnownShadeToken(value) {
+	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
+	if (!match) return false;
+	const [, base, shade] = match;
+	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
+}
+function isThemeColorTokenBase(value) {
+	return isKnownBaseToken(value) || isKnownShadeToken(value);
+}
+function isThemeColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
+}
+function parseThemeColorToken(value) {
+	if (!isThemeColorToken(value)) return null;
+	return value.trim();
+}
+var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
+var init_themeColorTokens = __esmMin((() => {
+	init_blockColorTokens();
+	init_colorTokenParts();
+	PALETTE_TOKEN_NAMES = [
+		"primary",
+		"primaryForeground",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"destructive",
+		"background",
+		"surface",
+		"surfaceAlt",
+		"muted",
+		"text",
+		"border"
+	];
+	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
+	themeColorBaseTokenNames = [
+		...PALETTE_TOKEN_NAMES,
+		...blockColorTokenNames,
+		"white",
+		"neutral",
+		"primaryText",
+		"secondaryForeground",
+		"accentForeground"
+	];
+	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
+	themeColorShadeSteps = [
+		"50",
+		"100",
+		"200",
+		"300",
+		"400",
+		"500",
+		"600",
+		"700",
+		"800",
+		"900",
+		"950"
+	];
+	shadeStepSet = new Set(themeColorShadeSteps);
+	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
+}));
+//#endregion
+//#region ../theme-core/src/palette/colors.ts
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function requirePaletteColorsFromEntries(entries) {
+	const result = paletteColorsFromEntries(entries);
+	if (result.ok) return result.colors;
+	throw new Error(`Invalid complete palette: ${result.error.kind}`);
+}
+var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema$1, paletteModeSchema, paletteColorsSchema, init_colors = __esmMin((() => {
+	init_themeColorTokens();
+	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+	hexColorSchema$1 = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+	paletteModeSchema = z$1.enum(["light", "dark"]);
+	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+	paletteColorsSchema = z$1.object({
+		primary: hexColorSchema$1,
+		primaryForeground: hexColorSchema$1,
+		secondary: hexColorSchema$1,
+		accent: hexColorSchema$1,
+		success: hexColorSchema$1,
+		warning: hexColorSchema$1,
+		destructive: hexColorSchema$1,
+		background: hexColorSchema$1,
+		surface: hexColorSchema$1,
+		surfaceAlt: hexColorSchema$1,
+		muted: hexColorSchema$1,
+		text: hexColorSchema$1,
+		border: hexColorSchema$1
+	}).strict().transform((value) => value);
+}));
+var init_historicalThemePalette = __esmMin((() => {
+	init_themeColorTokens();
+	init_colors();
+	init_colorConversion();
+	init_textColor();
+	new Set(PALETTE_TOKEN_NAMES);
+}));
+//#endregion
 //#region ../theme-core/src/palette/types.ts
 var init_types$16 = __esmMin((() => {}));
 //#endregion
@@ -14321,240 +14566,6 @@ var init_browser = __esmMin((() => {
 var init_extractPalette = __esmMin((() => {
 	init_browser();
 }));
-//#endregion
-//#region ../theme-core/src/tokens/colorTokenParts.ts
-function parseOpacityPercent(source) {
-	const trimmed = source.trim();
-	if (!trimmed) return null;
-	if (!/^\d{1,3}(?:\.\d+)?$/.test(trimmed)) return null;
-	const value = Number(trimmed);
-	if (!Number.isFinite(value)) return null;
-	if (value < 0 || value > 100) return null;
-	return value;
-}
-function parseColorTokenParts(source) {
-	const trimmed = source.trim();
-	if (trimmed.startsWith("raw:")) return {
-		kind: "raw",
-		value: trimmed.slice(4)
-	};
-	const [token, opacityRaw, extra] = trimmed.split("/");
-	if (!token || extra !== void 0) return {
-		kind: "invalid",
-		token: trimmed
-	};
-	if (opacityRaw === void 0) return {
-		kind: "token",
-		token,
-		opacityPercent: null
-	};
-	const opacityPercent = parseOpacityPercent(opacityRaw);
-	if (opacityPercent === null) return {
-		kind: "invalid",
-		token: trimmed
-	};
-	return {
-		kind: "token",
-		token,
-		opacityPercent
-	};
-}
-var init_colorTokenParts = __esmMin((() => {}));
-function isBlockColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
-}
-function parseBlockColorToken(value) {
-	if (!isBlockColorToken(value)) return null;
-	return value.trim();
-}
-var blockColorTokenNames, blockColorTokenNameSet;
-var init_blockColorTokens = __esmMin((() => {
-	init_colorTokenParts();
-	blockColorTokenNames = [
-		"text",
-		"heading",
-		"mutedText",
-		"surface",
-		"background",
-		"foreground",
-		"border",
-		"primary",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"info",
-		"error",
-		"destructive",
-		"scrim",
-		"shadow",
-		"onPrimary",
-		"onSecondary",
-		"onAccent",
-		"onSuccess",
-		"onWarning",
-		"onInfo",
-		"onError",
-		"onDestructive",
-		"onSurface"
-	];
-	blockColorTokenNameSet = new Set(blockColorTokenNames);
-}));
-//#endregion
-//#region ../theme-core/src/tokens/themeColorTokens.ts
-function isKnownBaseToken(value) {
-	return themeColorBaseTokenSet.has(value);
-}
-function isKnownShadeToken(value) {
-	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
-	if (!match) return false;
-	const [, base, shade] = match;
-	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
-}
-function isThemeColorTokenBase(value) {
-	return isKnownBaseToken(value) || isKnownShadeToken(value);
-}
-function isThemeColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
-}
-function parseThemeColorToken(value) {
-	if (!isThemeColorToken(value)) return null;
-	return value.trim();
-}
-var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
-var init_themeColorTokens = __esmMin((() => {
-	init_blockColorTokens();
-	init_colorTokenParts();
-	PALETTE_TOKEN_NAMES = [
-		"primary",
-		"primaryForeground",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"destructive",
-		"background",
-		"surface",
-		"surfaceAlt",
-		"muted",
-		"text",
-		"border"
-	];
-	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
-	themeColorBaseTokenNames = [
-		...PALETTE_TOKEN_NAMES,
-		...blockColorTokenNames,
-		"white",
-		"neutral",
-		"primaryText",
-		"secondaryForeground",
-		"accentForeground"
-	];
-	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
-	themeColorShadeSteps = [
-		"50",
-		"100",
-		"200",
-		"300",
-		"400",
-		"500",
-		"600",
-		"700",
-		"800",
-		"900",
-		"950"
-	];
-	shadeStepSet = new Set(themeColorShadeSteps);
-	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
-}));
-//#endregion
-//#region ../theme-core/src/palette/colors.ts
-function normalizePaletteHex(value) {
-	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
-	const normalized = value.toLowerCase();
-	if (normalized.length === 7) return normalized;
-	const triplet = normalized.slice(1);
-	const red = triplet.charAt(0);
-	const green = triplet.charAt(1);
-	const blue = triplet.charAt(2);
-	return `#${red}${red}${green}${green}${blue}${blue}`;
-}
-function paletteColorsFromEntries(entries) {
-	const values = {};
-	for (const entry of entries) {
-		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
-		if (!parsedRole.success) return {
-			ok: false,
-			error: {
-				kind: "unknown-role",
-				role: entry.name
-			}
-		};
-		const role = parsedRole.data;
-		if (values[role] !== void 0) return {
-			ok: false,
-			error: {
-				kind: "duplicate-role",
-				role
-			}
-		};
-		const hex = normalizePaletteHex(entry.hex);
-		if (!hex) return {
-			ok: false,
-			error: {
-				kind: "invalid-color",
-				role,
-				value: entry.hex
-			}
-		};
-		values[role] = hex;
-	}
-	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
-	if (missing.length > 0) return {
-		ok: false,
-		error: {
-			kind: "missing-roles",
-			roles: missing
-		}
-	};
-	return {
-		ok: true,
-		colors: paletteColorsSchema.parse(values)
-	};
-}
-function requirePaletteColorsFromEntries(entries) {
-	const result = paletteColorsFromEntries(entries);
-	if (result.ok) return result.colors;
-	throw new Error(`Invalid complete palette: ${result.error.kind}`);
-}
-var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema$1, paletteModeSchema, paletteColorsSchema;
-var init_colors = __esmMin((() => {
-	init_themeColorTokens();
-	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
-	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-	hexColorSchema$1 = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
-	paletteModeSchema = z$1.enum(["light", "dark"]);
-	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
-	paletteColorsSchema = z$1.object({
-		primary: hexColorSchema$1,
-		primaryForeground: hexColorSchema$1,
-		secondary: hexColorSchema$1,
-		accent: hexColorSchema$1,
-		success: hexColorSchema$1,
-		warning: hexColorSchema$1,
-		destructive: hexColorSchema$1,
-		background: hexColorSchema$1,
-		surface: hexColorSchema$1,
-		surfaceAlt: hexColorSchema$1,
-		muted: hexColorSchema$1,
-		text: hexColorSchema$1,
-		border: hexColorSchema$1
-	}).strict().transform((value) => value);
-}));
 var init_editorState = __esmMin((() => {}));
 var init_libraryModel = __esmMin((() => {}));
 var init_themePaletteCompatibility = __esmMin((() => {
@@ -14565,6 +14576,7 @@ var init_legacySelection = __esmMin((() => {
 	init_themeColorTokens();
 	init_colors();
 	init_themePaletteCompatibility();
+	init_historicalThemePalette();
 }));
 //#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
@@ -14645,7 +14657,7 @@ var init_types$15 = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/palette/curated/brand-led.ts
-var brandLedCool, brandLedWarm, brandLedJewel, brandLedBurgundyGold;
+var brandLedCool, brandLedWarm, brandLedJewel, brandLedSpruce, brandLedBurgundyGold;
 var init_brand_led = __esmMin((() => {
 	init_types$15();
 	brandLedCool = defineCuratedPalette({
@@ -14843,6 +14855,71 @@ var init_brand_led = __esmMin((() => {
 			}
 		]
 	});
+	brandLedSpruce = defineCuratedPalette({
+		id: "brand-led-spruce",
+		name: "Brand-led — Spruce",
+		description: "Spruce-ink primary and moss secondary with an amber accent over a green-mist ground and hairline sage borders.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			era: "editorial"
+		},
+		mode: "light",
+		colors: [
+			{
+				name: "primary",
+				hex: "#14312b"
+			},
+			{
+				name: "secondary",
+				hex: "#356a59"
+			},
+			{
+				name: "accent",
+				hex: "#f08a4b"
+			},
+			{
+				name: "success",
+				hex: "#356a59"
+			},
+			{
+				name: "warning",
+				hex: "#f08a4b"
+			},
+			{
+				name: "destructive",
+				hex: "#b5561f"
+			},
+			{
+				name: "background",
+				hex: "#ecefe9"
+			},
+			{
+				name: "surface",
+				hex: "#ffffff"
+			},
+			{
+				name: "surfaceAlt",
+				hex: "#f4f6f1"
+			},
+			{
+				name: "muted",
+				hex: "#5c6a64"
+			},
+			{
+				name: "text",
+				hex: "#1c2a26"
+			},
+			{
+				name: "primaryForeground",
+				hex: "#f4f7f1"
+			},
+			{
+				name: "border",
+				hex: "#d7ddd2"
+			}
+		]
+	});
 	brandLedBurgundyGold = defineCuratedPalette({
 		id: "brand-led-burgundy-gold",
 		name: "Brand-led — Burgundy Gold",
@@ -15795,6 +15872,7 @@ var curatedPalettes, curatedPalettesById, init_curated = __esmMin((() => {
 		brandLedWarm,
 		brandLedJewel,
 		brandLedBurgundyGold,
+		brandLedSpruce,
 		warmNeutralClay,
 		warmNeutralCream,
 		warmNeutralSoftEarth,
@@ -15911,6 +15989,7 @@ var init_palette = __esmMin((() => {
 	init_expandPalette();
 	init_generateCssVars();
 	init_generateShades();
+	init_historicalThemePalette();
 	init_neutralScale();
 	init_types$16();
 	init_utils$5();
@@ -16296,7 +16375,7 @@ function asSpecialVariantId(value) {
 	if (value.length === 0) throw new Error("SpecialVariantId must be a non-empty string");
 	return value;
 }
-var VARIANT_ROLES, DEFAULT_VARIANT_ALIAS_ID, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
+var VARIANT_ROLES, DEFAULT_VARIANT_ALIAS_ID, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, buttonVariantAffordanceSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
 var init_types$14 = __esmMin((() => {
 	init_themeColorTokens();
 	VARIANT_ROLES = [
@@ -16456,6 +16535,10 @@ var init_types$14 = __esmMin((() => {
 		widthClass: z$1.string(),
 		colorToken: themeColorTokenSchema
 	});
+	buttonVariantAffordanceSchema = z$1.object({
+		iconId: z$1.string().min(1),
+		colorToken: themeColorTokenSchema.optional()
+	});
 	variantShadowSchema = z$1.object({
 		elevation: z$1.enum([
 			"none",
@@ -16496,7 +16579,8 @@ var init_types$14 = __esmMin((() => {
 		border: buttonBorderSchema.optional(),
 		hoverBackgroundToken: z$1.string().optional(),
 		effects: variantEffectsSchema.optional(),
-		sizes: variantSizeOverridesSchema.optional()
+		sizes: variantSizeOverridesSchema.optional(),
+		affordance: buttonVariantAffordanceSchema.optional()
 	});
 	buttonSystemSchema = z$1.object({
 		global: buttonGlobalSettingsSchema,
@@ -17046,6 +17130,132 @@ var init_editorial_link = __esmMin((() => {
 	});
 }));
 //#endregion
+//#region ../theme-core/src/buttons/personalities/flat-ink.ts
+var flatInk;
+var init_flat_ink = __esmMin((() => {
+	init_types$13();
+	flatInk = defineButtonPersonality({
+		id: "flat-ink",
+		name: "Flat Ink",
+		description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			motion: "subtle",
+			era: "editorial"
+		},
+		buttonSystem: {
+			global: {
+				cornerStyle: "rounded",
+				shadow: "low",
+				textTransform: "none",
+				fontWeight: 600,
+				borderWidth: 1,
+				typography: "body",
+				letterSpacing: "tight",
+				paddingPreset: "default",
+				hoverTransform: "lift",
+				hoverColor: "none"
+			},
+			sizes: {
+				sm: {
+					padding: "0.625rem 1.125rem",
+					fontSize: "text-sm"
+				},
+				md: { padding: "0.8125rem 1.375rem" },
+				lg: {
+					padding: "0.9375rem 1.625rem",
+					fontSize: "text-lg"
+				},
+				xl: {
+					padding: "1.0625rem 2rem",
+					fontSize: "text-xl"
+				}
+			},
+			variants: [
+				{
+					id: "primary",
+					name: "Primary",
+					enabled: true,
+					priority: 1,
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					textColorToken: "primaryForeground",
+					borderRadius: "rounded-lg",
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accent"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "secondary" }
+					}] }
+				},
+				{
+					id: "secondary",
+					name: "Secondary",
+					enabled: true,
+					priority: 2,
+					background: { type: "transparent" },
+					textColorToken: "primary",
+					borderRadius: "rounded-lg",
+					border: {
+						widthClass: "border",
+						colorToken: "border"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				},
+				{
+					id: "accent",
+					name: "Accent",
+					enabled: true,
+					priority: 3,
+					background: {
+						type: "solid",
+						colorToken: "accent"
+					},
+					textColorToken: "accentForeground",
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accentForeground"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
+			]
+		}
+	});
+}));
+//#endregion
 //#region ../theme-core/src/buttons/personalities/ink-stamp.ts
 var inkStamp;
 var init_ink_stamp = __esmMin((() => {
@@ -17818,6 +18028,7 @@ var init_personalities = __esmMin((() => {
 	init_confident_chip();
 	init_earth_pill();
 	init_editorial_link();
+	init_flat_ink();
 	init_ink_stamp();
 	init_joy_stamp();
 	init_ornate_ritual();
@@ -17832,6 +18043,7 @@ var init_personalities = __esmMin((() => {
 		editorialLink,
 		pebble,
 		inkStamp,
+		flatInk,
 		brushedWash,
 		showtimePill,
 		joyStamp,
@@ -18304,6 +18516,50 @@ function getCompatibleHeaderStyleIds(layoutId) {
 		return isHeaderStyleCompatibleWithLayout(getHeaderStyleOrThrow(styleId), layoutId);
 	});
 }
+function applyNavTypography(style, typography) {
+	switch (typography) {
+		case "plain": return style;
+		case "heading": return {
+			...style,
+			typography: "heading",
+			fontWeight: "medium",
+			letterSpacing: "wide"
+		};
+		case "quiet-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wide"
+		};
+		case "brand-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wider"
+		};
+		default: return assertNever$19(typography, "Unhandled header nav typography");
+	}
+}
+function underlineNavLinkStyle(colorToken, underlineColorToken, typography = "plain") {
+	return applyNavTypography({
+		name: "Underline grow",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken,
+		padding: "compact",
+		paddingX: "compact",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: {
+				style: "grow",
+				...underlineColorToken ? { colorToken: underlineColorToken } : {}
+			}
+		}] }
+	}, typography);
+}
 function themedHeaderShadow(theme) {
 	switch (theme.shadow.elevation) {
 		case "none": return;
@@ -18403,6 +18659,38 @@ function cleanBaseHeader(theme) {
 		ctaGap: "default"
 	};
 }
+function classicCenteredNavHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		navPlacement: "center",
+		positioning: "sticky",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline-grow",
+		navWeight: "medium",
+		navLinkStyle: underlineNavLinkStyle("text", "accent"),
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "primary",
+		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+		ctaGap: "default",
+		logoText: {
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 1,
+			hideOnShrink: false
+		}
+	};
+}
 function serifLineHeader(theme) {
 	return {
 		...baseHeader(theme),
@@ -18984,6 +19272,13 @@ var init_headerLooks = __esmMin((() => {
 				styleId: asHeaderStyleId("minimal")
 			}
 		},
+		{
+			lookId: asHeaderLookId("classic-centered-nav"),
+			selection: {
+				layoutId: asHeaderLayoutId("classic"),
+				styleId: asHeaderStyleId("fine-line")
+			}
+		},
 		{
 			lookId: asHeaderLookId("brand-solid"),
 			selection: {
@@ -19050,6 +19345,21 @@ var init_headerLooks = __esmMin((() => {
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: cleanBaseHeader
 		},
+		{
+			id: asHeaderLookId("classic-centered-nav"),
+			label: "Centered nav",
+			visualTreatment: "solid-neutral",
+			layoutBehavior: "sticky",
+			configuration: {
+				structure: "inline-classic",
+				treatment: "solid-neutral",
+				behavior: "sticky"
+			},
+			openingRequirement: "none",
+			maxRecommendedNavItems: 6,
+			logoAccommodations: inlineClassicLogoAccommodations,
+			compile: classicCenteredNavHeader
+		},
 		{
 			id: asHeaderLookId("brand-solid"),
 			label: "Brand solid",
@@ -19618,7 +19928,7 @@ function defineTypographyPreset(preset) {
 function findTypographyPreset(id) {
 	return typographyPresetsById.get(id);
 }
-var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, typographyPresets, typographyPresetsById;
+var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, fulcrumTypography, typographyPresets, typographyPresetsById;
 var init_typographyPresets = __esmMin((() => {
 	bodyReadablePolicy = {
 		recommendedCategories: ["sans-serif", "serif"],
@@ -19980,6 +20290,49 @@ var init_typographyPresets = __esmMin((() => {
 		},
 		scale: "balanced"
 	};
+	fulcrumTypography = {
+		body: {
+			family: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+			size: "lg",
+			weight: "regular",
+			lineHeight: "relaxed",
+			letterSpacing: "normal"
+		},
+		headings: {
+			default: {
+				family: "Newsreader, Georgia, \"Times New Roman\", serif",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				colorToken: "primary",
+				italic: null,
+				case: null
+			},
+			h1: {
+				size: "2xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h2: {
+				size: "xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h3: {
+				size: "md",
+				weight: "semibold",
+				lineHeight: "normal",
+				letterSpacing: "normal",
+				italic: null
+			}
+		},
+		scale: "spacious",
+		eyebrow: { family: "IBM Plex Mono, ui-monospace, \"SF Mono\", monospace" }
+	};
 	typographyPresets = [
 		defineTypographyPreset({
 			id: "typography-preset:modern-sans",
@@ -20239,6 +20592,32 @@ var init_typographyPresets = __esmMin((() => {
 					}
 				}
 			}
+		}),
+		defineTypographyPreset({
+			id: "typography-preset:fulcrum",
+			name: "Fulcrum",
+			description: "Newsreader serif headings over an IBM Plex Sans body, with an IBM Plex Mono eyebrow role for uppercase kickers and mono captions.",
+			defaultFonts: {
+				body: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+				heading: "Newsreader, Georgia, \"Times New Roman\", serif"
+			},
+			recommendedFonts: {
+				body: [
+					"IBM Plex Sans",
+					"Source Sans 3",
+					"Inter"
+				],
+				heading: [
+					"Newsreader",
+					"Source Serif 4",
+					"Lora"
+				]
+			},
+			slotPolicies: {
+				body: bodyReadablePolicy,
+				heading: displayHeadingPolicy
+			},
+			typography: fulcrumTypography
 		})
 	];
 	typographyPresetsById = new Map(typographyPresets.map((preset) => [preset.id, preset]));
@@ -21576,9 +21955,10 @@ var init_registry$1 = __esmMin((() => {
 }));
 var init_generateEffectsCSS = __esmMin((() => {
 	init_registry$1();
-})), init_contrast = __esmMin((() => {})), init_generateDefaultButtonSystem = __esmMin((() => {
+})), init_contrast = __esmMin((() => {}));
+var init_generateDefaultButtonSystem = __esmMin((() => {
 	init_contrast();
-}));
+})), init_affordanceIcons = __esmMin((() => {})), AFFORDANCE_SUPPRESS_CLASS;
 var init_generateButtonCss = __esmMin((() => {
 	init_types$14();
 	init_classNames();
@@ -21587,6 +21967,8 @@ var init_generateButtonCss = __esmMin((() => {
 	init_generateEffectsCSS();
 	init_constants$2();
 	init_generateDefaultButtonSystem();
+	init_affordanceIcons();
+	AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
 	buttonSizeNameSchema.options;
 }));
 var init_presets = __esmMin((() => {}));
@@ -21600,6 +21982,7 @@ var init_buttons = __esmMin((() => {
 	init_types$14();
 	init_classNames();
 	init_generateButtonCss();
+	init_affordanceIcons();
 	init_generateDefaultButtonSystem();
 	init_constants$2();
 	init_presets();
@@ -21734,13 +22117,75 @@ var cardVariantRoleValues, boxlessCardVariantValue, legacyCardVariantRoleAliases
 	});
 	cardSystemSchema = z$1.object({ variants: z$1.array(cardVariantSchema).min(1).max(3) });
 }));
-var init_constants$1 = __esmMin((() => {})), init_generateDefaultCardSystem = __esmMin((() => {})), init_contextualColors = __esmMin((() => {})), init_generateCardCss = __esmMin((() => {
+var init_constants$1 = __esmMin((() => {}));
+var init_generateDefaultCardSystem = __esmMin((() => {}));
+var init_foregroundRoles = __esmMin((() => {}));
+//#endregion
+//#region ../theme-core/src/surfaces/foregroundContract.ts
+function requireSurfaceColorValue(role, value) {
+	const normalized = value.trim();
+	if (normalized.length === 0) throw new RangeError(`Surface foreground ${role} must be a non-empty CSS color.`);
+	return normalized;
+}
+function completeSurfaceForegrounds(input) {
+	const text = requireSurfaceColorValue("text", input.text);
+	return {
+		text,
+		heading: input.heading === void 0 ? text : requireSurfaceColorValue("heading", input.heading),
+		link: input.link === void 0 ? text : requireSurfaceColorValue("link", input.link),
+		supporting: input.supporting === void 0 ? text : requireSurfaceColorValue("supporting", input.supporting)
+	};
+}
+function surfaceForegroundValue(role, outsideProviderFallback = DEFAULT_ROLE_FALLBACKS[role]) {
+	const roleVariable = SURFACE_FOREGROUND_CSS_VARS[role];
+	const fallback = requireSurfaceColorValue("fallback", outsideProviderFallback);
+	if (role === "text") return `var(${roleVariable}, ${fallback})`;
+	return `var(${roleVariable}, var(${SURFACE_FOREGROUND_CSS_VARS.text}, ${fallback}))`;
+}
+function surfaceForegroundValueWithOpacity(role, opacityPercent) {
+	if (!Number.isFinite(opacityPercent) || opacityPercent < 0 || opacityPercent > 100) throw new RangeError("Surface foreground opacity must be between 0 and 100.");
+	return `color-mix(in srgb, ${surfaceForegroundValue(role)} ${opacityPercent}%, transparent)`;
+}
+function surfaceForegroundStyle(input) {
+	const foregrounds = completeSurfaceForegrounds(input);
+	return {
+		color: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.text]: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.heading]: foregrounds.heading,
+		[SURFACE_FOREGROUND_CSS_VARS.link]: foregrounds.link,
+		[SURFACE_FOREGROUND_CSS_VARS.supporting]: foregrounds.supporting
+	};
+}
+var SURFACE_FOREGROUND_CSS_VARS, DEFAULT_SURFACE_TEXT_COLOR, DEFAULT_SURFACE_LINK_COLOR, DEFAULT_SURFACE_SUPPORTING_COLOR, DEFAULT_ROLE_FALLBACKS;
+var init_foregroundContract = __esmMin((() => {
+	init_foregroundRoles();
+	SURFACE_FOREGROUND_CSS_VARS = {
+		text: "--rb-surface-text-color",
+		heading: "--rb-surface-heading-color",
+		link: "--rb-surface-link-color",
+		supporting: "--rb-surface-supporting-color"
+	};
+	DEFAULT_SURFACE_TEXT_COLOR = "rgb(var(--tb-text, 17 24 39))";
+	DEFAULT_SURFACE_LINK_COLOR = "rgb(var(--tb-primary, var(--tb-text, 17 24 39)))";
+	DEFAULT_SURFACE_SUPPORTING_COLOR = "rgb(var(--tb-mutedText, 100 116 139))";
+	DEFAULT_ROLE_FALLBACKS = {
+		text: DEFAULT_SURFACE_TEXT_COLOR,
+		heading: DEFAULT_SURFACE_TEXT_COLOR,
+		link: DEFAULT_SURFACE_LINK_COLOR,
+		supporting: DEFAULT_SURFACE_SUPPORTING_COLOR
+	};
+})), init_surfaces = __esmMin((() => {
+	init_foregroundContract();
+	init_foregroundRoles();
+})), init_generateCardCss = __esmMin((() => {
 	init_resolver$1();
 	init_constants$1();
 	init_generateDefaultCardSystem();
-	init_contextualColors();
+	init_surfaces();
+}));
+var init_core$1 = __esmMin((() => {
+	init_surfaces();
 }));
-var init_core$1 = __esmMin((() => {}));
 //#endregion
 //#region ../theme-core/src/cards/index.ts
 var init_cards = __esmMin((() => {
@@ -21975,16 +22420,22 @@ var init_types$9 = __esmMin((() => {
 /**
 * Gradient configuration types and schemas
 */
-var gradientStopSchema, gradientConfigSchema;
+var gradientStopSchema, radialGradientShapeSchema, gradientConfigSchema;
 var init_types$8 = __esmMin((() => {
 	init_themeColorTokens();
 	gradientStopSchema = z$1.object({
 		color: themeColorTokenSchema,
 		position: z$1.number().min(0).max(100)
 	});
+	radialGradientShapeSchema = z$1.enum(["circle", "ellipse"]);
 	gradientConfigSchema = z$1.object({
-		type: z$1.enum(["linear", "radial"]),
+		type: z$1.enum([
+			"linear",
+			"radial",
+			"conic"
+		]).default("linear"),
 		angle: z$1.number().min(0).max(360).optional(),
+		shape: radialGradientShapeSchema.optional(),
 		position: z$1.string().optional(),
 		stops: z$1.array(gradientStopSchema).min(2)
 	});
@@ -22321,9 +22772,12 @@ function parseToken(source) {
 	if (parts.kind === "invalid") return { token: source };
 	return {
 		token: parts.token,
-		alpha: parts.opacityPercent === null ? void 0 : parts.opacityPercent / 100
+		opacityPercent: parts.opacityPercent === null ? void 0 : parts.opacityPercent
 	};
 }
+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.
@@ -22337,11 +22791,11 @@ function parseToken(source) {
 * rgbColorValue('raw:transparent') // => 'transparent'
 */
 function rgbColorValue(token) {
-	const { token: baseToken, alpha, raw } = parseToken(token);
+	const { token: baseToken, opacityPercent, raw } = parseToken(token);
 	if (raw) return raw;
 	const cssVar = `${COLOR_VAR_PREFIX}${baseToken}`;
-	if (alpha === void 0) return `rgb(var(${cssVar}))`;
-	return `rgb(var(${cssVar}) / ${alpha})`;
+	if (opacityPercent === void 0) return `rgb(var(${cssVar}))`;
+	return `rgb(var(${cssVar}) / ${opacityPercent / 100})`;
 }
 /**
 * Creates a backgroundColor style object from a theme token.
@@ -22359,6 +22813,9 @@ function backgroundColorStyle(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 === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
 	return { color: rgbColorValue(token) };
 }
 /**
@@ -22394,10 +22851,16 @@ function mergeStyles(...styles) {
 	}
 	return Object.keys(merged).length ? merged : void 0;
 }
-var COLOR_VAR_PREFIX;
+var COLOR_VAR_PREFIX, SURFACE_TEXT_ROLE_BY_TOKEN;
 var init_colorStyles = __esmMin((() => {
+	init_surfaces();
 	init_colorTokenParts();
 	COLOR_VAR_PREFIX = "--tb-";
+	SURFACE_TEXT_ROLE_BY_TOKEN = {
+		text: "text",
+		heading: "heading",
+		mutedText: "supporting"
+	};
 }));
 //#endregion
 //#region ../theme-core/src/utils/tokenOrColor.ts
@@ -22505,7 +22968,7 @@ var init_tokenOrColor = __esmMin((() => {
 		"white",
 		"yellow"
 	]);
-})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
+})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
 var init_schema = __esmMin((() => {
 	init_media$2();
 	init_buttons();
@@ -22785,6 +23248,7 @@ var init_schema = __esmMin((() => {
 		"majorThird",
 		"perfectFourth"
 	]);
+	eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
 	typographySchema = z$1.object({
 		body: bodyTypographyStyleSchema,
 		headings: z$1.object({
@@ -22797,7 +23261,8 @@ var init_schema = __esmMin((() => {
 			h6: headingTypographyOverridesSchema.optional()
 		}),
 		scale: typographyScaleSchema,
-		proseLinkStyle: proseLinkStyleSchema.optional()
+		proseLinkStyle: proseLinkStyleSchema.optional(),
+		eyebrow: eyebrowTypographyStyleSchema.optional()
 	});
 	spaceSchema = z$1.enum([
 		"comfortable",
@@ -22822,7 +23287,8 @@ var init_schema = __esmMin((() => {
 			"soft",
 			"hard"
 		]).nullable(),
-		position: z$1.enum(["bottom", "bottom-right"]).default("bottom")
+		position: z$1.enum(["bottom", "bottom-right"]).default("bottom"),
+		colorToken: themeColorTokenSchema.optional()
 	});
 	border = z$1.object({
 		width: z$1.enum([
@@ -23063,6 +23529,7 @@ var init_schema = __esmMin((() => {
 		navWeight: navFontWeight.default("medium"),
 		navTypography: z$1.enum(["body", "heading"]).optional(),
 		navTextSize: navLinkStyleSchema.shape.textSize,
+		navPlacement: z$1.enum(["end", "center"]).optional(),
 		container: headerContainerSchema,
 		border: headerBorderSchema,
 		shadow: componentShadowSchema.optional(),
@@ -23821,7 +24288,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 		"site-style:bold-launch",
 		"site-style:south-west-twerk-school",
 		"site-style:kirtan-ornate",
-		"site-style:original-joy"
+		"site-style:original-joy",
+		"site-style:fulcrum"
 	];
 	quietBudget = {
 		accentDensity: "low",
@@ -25033,6 +25501,104 @@ var init_curatedSiteStyles = __esmMin((() => {
 				buttonChoice("showtime-pill")
 			],
 			paletteRecommendations: [paletteRecommendation("warm-dark-ember")]
+		}),
+		defineCuratedSiteStyle({
+			id: "site-style:fulcrum",
+			name: "Fulcrum",
+			headingDecoration: {
+				family: "short-center-rule",
+				colorToken: "accent"
+			},
+			description: "Spruce-ink and moss with an amber climax, Newsreader serif over IBM Plex Sans, hairline sage borders and flat buttons — a grounded, editorial physiotherapy skin.",
+			generationBrief: "Use a calm, clinician-led voice: precise, reassuring and specific rather than clinical-cold. Lead with the assessment-treatment-rehab journey, mono uppercase eyebrows for practical labels (hours, registrations, appointment windows), Newsreader serif headings over IBM Plex Sans body, and a single amber call to action as the page climax. Keep proof concrete (registrations, same-week appointments, return-to-activity outcomes) and avoid spa or hard-sell wellness language or medical claims.",
+			siteCreatorSelection: {
+				kind: "site_creator_keyword_heuristic",
+				priority: 28
+			},
+			selectionKeywordRules: [
+				{
+					kind: "substring",
+					value: "physiotherap"
+				},
+				{
+					kind: "word",
+					value: "physio"
+				},
+				{
+					kind: "phrase",
+					value: "sports injury"
+				},
+				{
+					kind: "phrase",
+					value: "rehab clinic"
+				},
+				{
+					kind: "substring",
+					value: "musculoskeletal"
+				},
+				{
+					kind: "phrase",
+					value: "sports therapy"
+				}
+			],
+			tokenRecipes: {
+				palette: "brand-led",
+				contrast: "standard",
+				radius: "rounded",
+				shadow: "subtle",
+				typography: "serif-editorial",
+				spacing: "airy",
+				motion: "subtle"
+			},
+			compositionBudget: quietBudget,
+			typographyPresetChoices: [
+				typographyChoice("typography-preset:fulcrum"),
+				typographyChoice("typography-preset:editorial-serif"),
+				typographyChoice("typography-preset:modern-sans")
+			],
+			defaultTypographyPresetId: "typography-preset:fulcrum",
+			themeOverrides: {
+				shadow: { colorToken: "primary" },
+				accordions: {
+					background: null,
+					spacing: "comfortable",
+					corners: "square",
+					border: null,
+					shadow: null,
+					icon: {
+						style: "plus-minus",
+						position: "right",
+						size: "md",
+						colorToken: "accent"
+					},
+					trigger: {
+						textColorToken: "primary",
+						fontWeight: "medium",
+						fontFamily: "heading",
+						fontScale: "md"
+					},
+					hover: { textColorToken: "secondary" },
+					content: { textColorToken: "muted" }
+				},
+				testimonialQuote: serifDisplayQuote
+			},
+			recommendedHeaderLookIds: [
+				"classic-centered-nav",
+				"serif-line",
+				"centered-calm",
+				"clean-base"
+			],
+			recommendedFooterLookIds: ["footer-editorial-columns", "footer-muted-grounding"],
+			buttonPersonalityChoices: [
+				buttonChoice("flat-ink"),
+				buttonChoice("confident-chip"),
+				buttonChoice("editorial-link")
+			],
+			paletteRecommendations: [
+				paletteRecommendation("brand-led-spruce"),
+				paletteRecommendation("warm-neutral-forest"),
+				paletteRecommendation("soft-natural-sage")
+			]
 		})
 	];
 	curatedSiteStylesById = new Map(curatedSiteStyles.map((style) => [style.id, style]));
@@ -27301,7 +27867,7 @@ var init_themeColorResolution = __esmMin((() => {
 	init_tokenOrColor();
 }));
 //#endregion
-//#region ../blocks/src/system/transforms/registry/_utils/sectionForegroundStyles.ts
+//#region ../blocks/src/system/transforms/registry/_utils/surfaceForegroundStyles.ts
 function readColorToken(input, key) {
 	const value = input[key];
 	return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
@@ -27310,20 +27876,20 @@ function resolveOptionalForegroundColor(value, context) {
 	if (!value) return null;
 	return resolveBackgroundColorValue(value, context);
 }
-function resolveSectionForegroundStyles(value, context) {
+function resolveSurfaceForegroundStyles(value, context) {
 	if (!value || typeof value !== "object") return {};
 	const input = value;
 	const resolvedText = resolveOptionalForegroundColor(readColorToken(input, "textColor"), context);
 	if (!resolvedText) return {};
-	return {
-		color: resolvedText,
-		"--section-text-color": resolvedText,
-		"--section-heading-color": resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? resolvedText,
-		"--section-link-color": resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? resolvedText,
-		"--section-supporting-color": resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? resolvedText
-	};
+	return { ...surfaceForegroundStyle({
+		text: resolvedText,
+		heading: resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? void 0,
+		link: resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? void 0,
+		supporting: resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? void 0
+	}) };
 }
-var init_sectionForegroundStyles = __esmMin((() => {
+var init_surfaceForegroundStyles = __esmMin((() => {
+	init_surfaces();
 	init_themeColorResolution();
 }));
 //#endregion
@@ -27355,7 +27921,7 @@ function isTileTreatment(value) {
 function isEventListTreatment(value) {
 	return typeof value === "string" && eventListTreatmentSet.has(value);
 }
-var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionTextColorStyleTransform, sectionHeadingColorStyleTransform, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
+var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
 var init_boxStyles = __esmMin((() => {
 	init_core();
 	init_spacing();
@@ -27363,8 +27929,7 @@ var init_boxStyles = __esmMin((() => {
 	init_colorStyles();
 	init_cards();
 	init_blockColorTokens();
-	init_themeColorResolution();
-	init_sectionForegroundStyles();
+	init_surfaceForegroundStyles();
 	spacingTransform = {
 		id: "boxStyles.spacing",
 		kind: "string",
@@ -27594,45 +28159,11 @@ var init_boxStyles = __esmMin((() => {
 			}, context);
 		}
 	};
-	sectionTextColorStyleTransform = {
-		id: "sectionStyles.resolveTextColorStyle",
-		kind: "formatter",
-		summary: "Resolve section text color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) {
-				const colorValue = resolveBackgroundColorValue(value.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) {
-				const colorValue = resolveBackgroundColorValue(fallbackToken.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			return {};
-		}
-	};
-	sectionHeadingColorStyleTransform = {
-		id: "sectionStyles.resolveHeadingColorStyle",
-		kind: "formatter",
-		summary: "Resolve section heading color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) return { "--section-heading-color": resolveBackgroundColorValue(value.trim(), context) };
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) return { "--section-heading-color": resolveBackgroundColorValue(fallbackToken.trim(), context) };
-			return {};
-		}
-	};
 	sectionColorsStyleTransform = {
 		id: "sectionStyles.resolveColorsStyle",
 		kind: "formatter",
-		summary: "Resolve section foreground colors into a style object",
-		run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+		summary: "Resolve surface foreground colors into a style object",
+		run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 	};
 	GAP_CLASS_MAP = {
 		none: "rb-gap-semantic-none",
@@ -27680,8 +28211,6 @@ var init_boxStyles = __esmMin((() => {
 		sectionClassNameTransform,
 		containerStylesResolveClassName,
 		containerStylesResolveBoxClassName,
-		sectionTextColorStyleTransform,
-		sectionHeadingColorStyleTransform,
 		sectionColorsStyleTransform,
 		semanticGapTransform,
 		semanticGapValueTransform
@@ -28517,7 +29046,29 @@ var init_ctaRow = __esmMin((() => {
 		fields: [createCtasRepeater({
 			label: "Calls to action",
 			itemLabel: "CTA",
-			maxItems: 3
+			maxItems: 3,
+			button: { variants: [
+				{
+					value: "primary",
+					label: "Primary"
+				},
+				{
+					value: "secondary",
+					label: "Secondary"
+				},
+				{
+					value: "outline",
+					label: "Outline"
+				},
+				{
+					value: "link",
+					label: "Link"
+				},
+				{
+					value: "accent",
+					label: "Accent"
+				}
+			] }
 		})],
 		layout: [ctaRow({
 			collectionPath: "content.ctas",
@@ -28820,6 +29371,55 @@ function buildHighlightLayout() {
 function buildGridCardsLayout(className) {
 	return el("div", { className }, buildResponsiveGridCards());
 }
+/**
+* Build a single "featured editorial" testimonial card.
+*
+* This card type deliberately renders NO avatar/headshot: an amber quote mark,
+* the quote body, then the author name and a context line. Colour + surface
+* treatment is driven entirely by `variantClass` (see testimonials.css):
+*   - `rb-testimonials-fe-card--feature` → spruce-ink card (dark primary bg)
+*   - `rb-testimonials-fe-card--plain`   → white surface card
+*
+* Extra modifiers (`repeat`, `when`) are forwarded to the card node so the
+* caller can drive first-vs-rest branching.
+*/
+function buildFeaturedEditorialCard(variantClass, ...mods) {
+	const quoteMark = text({
+		as: "span",
+		className: "rb-testimonials-fe-qmark",
+		"aria-hidden": "true"
+	}, props({ value: "“" }));
+	const quote = richText({ className: "rb-testimonials-fe-quote rb-max-w-none" }, bind("testimonial.content.body"), when("testimonial.content.body"));
+	const meta = el("div", { className: "rb-testimonials-fe-meta" }, [text({
+		as: "strong",
+		className: "rb-testimonials-fe-name"
+	}, bind("testimonial.content.name", { fallback: "Anonymous" })), text({
+		as: "span",
+		className: "rb-testimonials-fe-context"
+	}, when("testimonial.content.jobTitle"), bind("testimonial.content.jobTitle"))]);
+	return el("div", { className: `rb-testimonials-fe-card ${variantClass}` }, [
+		quoteMark,
+		quote,
+		meta
+	], ...mods);
+}
+/**
+* Build the "featured editorial" layout: an asymmetric two-column arrangement
+* where the FIRST testimonial is a large featured (spruce-ink) card and the
+* remaining testimonials stack as white cards beside it.
+*
+* First-vs-rest branching is done without an offset primitive: the featured
+* card uses `repeat(..., { limit: 1 })` (entry 0 only), and the rest column
+* repeats over every entry but skips index 0 via `when("tIndex", { equals: 0,
+* not: true })`. The `$when` guard is re-evaluated per repeated item with the
+* index scope in context, so entry 0 produces no node in the rest column.
+*/
+function buildFeaturedEditorialLayout() {
+	return el("div", { className: "rb-testimonials-fe-grid" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--feature", repeat("data.entries", "testimonial", { limit: 1 })), el("div", { className: "rb-testimonials-fe-col" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--plain", repeat("data.entries", "testimonial", { indexName: "tIndex" }), when("tIndex", {
+		equals: 0,
+		not: true
+	}))])]);
+}
 var grid$4, testimonialsCarouselFragment;
 var init_testimonialsCarousel = __esmMin((() => {
 	init_types$5();
@@ -32644,7 +33244,7 @@ const defaultLayout = styledSection({
 	children: styledContainer({
 		baseClassName: "rb-relative rb-isolate",
 		children: stack({
-			gap: "xl",
+			gap: "lg",
 			className: "rb-w-full rb-max-w-4xl rb-mx-auto"
 		}, [headingLayout, accordionLayout])
 	}),
@@ -32661,7 +33261,7 @@ const questionColumnsLayout = styledSection({
 	children: styledContainer({
 		baseClassName: "rb-relative rb-isolate",
 		children: stack({
-			gap: "xl",
+			gap: "lg",
 			className: "rb-w-full"
 		}, [headingLayout, questionColumnsAccordionLayout])
 	}),
@@ -32826,7 +33426,26 @@ const formattingTransforms = [
 	arrayLengthTransform,
 	jsonArrayTransform,
 	csvTransform,
-	marqueeLoopTransform
+	marqueeLoopTransform,
+	{
+		id: "value.mapToken",
+		kind: "formatter",
+		summary: "Map a state/enum value to a theme token colour (rgb(var(--tb-<role>)))",
+		schema: z$1.object({
+			/**
+			* Maps an input state/enum value (stringified) to a theme token ROLE name
+			* (e.g. `secondary`, `accent`, `muted`, `border`). The role is wrapped to
+			* `rgb(var(--tb-<role>))` so the result drops straight into a `style` binding.
+			*/
+			cases: z$1.record(z$1.string(), z$1.string()),
+			/** Role used when the value matches no case. Omit to yield `undefined`. */
+			fallback: z$1.string().optional()
+		}),
+		run: (value, options) => {
+			const role = options.cases[String(value)] ?? options.fallback;
+			return role ? `rgb(var(--tb-${role}))` : void 0;
+		}
+	}
 ];
 //#endregion
 //#region ../blocks/src/system/transforms/registry/ui.ts
@@ -33410,6 +34029,7 @@ function splitSiteChromePlacementClasses(className) {
 init_colorConversion();
 init_core();
 init_colorStyles();
+init_surfaces();
 const joinClasses$4 = (parts) => parts.filter((part) => typeof part === "string" && part.trim().length > 0).join(" ").replace(/\s+/g, " ").trim();
 function resolveHeaderBrandDisplay(logo) {
 	const display = logo?.brandDisplay ?? "logo-plus-title";
@@ -33479,6 +34099,26 @@ const headerLogoTextVisibleTransform = {
 		return resolveHeaderBrandDisplay(asPartialObject(value)) !== "logo-only";
 	}
 };
+/**
+* Selects which classic-layout nav row should render.
+*
+* - `'inline'`  → classic variant with the historical logo-left / nav-right row
+* - `'centered'`→ classic variant with a centred (flex-1) nav and a right CTA
+* - `'other'`   → not a classic variant (centered/floating/transparent handle it)
+*
+* Consumed by the site-header block's `$when` gates so the two classic rows are
+* mutually exclusive without introducing a new top-level header variant.
+*/
+const classicNavModeTransform = {
+	id: "layout.classicNavMode",
+	kind: "formatter",
+	summary: "Resolve which classic-layout nav row to render",
+	run: (value) => {
+		const header = asPartialObject(value);
+		if (header?.variant !== "classic") return "other";
+		return header?.navPlacement === "center" ? "centered" : "inline";
+	}
+};
 const maxWidthClassTransform = {
 	id: "layout.maxWidthClass",
 	kind: "string",
@@ -33661,8 +34301,9 @@ const footerRootStyleTransform = {
 				styleParts.push(backgroundColorStyle(token));
 			}
 		}
-		if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-		else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
+		const foreground = visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+		if (!visuals.isTransparent && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+		else if (foreground) styleParts.push({ color: foreground });
 		styleParts.push(borderColorStyle("border"));
 		return mergeStyles(...styleParts);
 	}
@@ -33748,18 +34389,16 @@ const footerBottomBarStyleTransform = {
 		const styleParts = [];
 		const background = bottomBar?.background;
 		if (background?.type === "color") styleParts.push(backgroundColorStyle(background.color ?? "surface"));
-		if (bottomBar?.textColor) styleParts.push(textColorStyle(bottomBar.textColor));
 		const borderColorToken = bottomBar?.borderTop?.colorToken;
 		if (borderColorToken) styleParts.push(borderColorStyle(borderColorToken));
 		else styleParts.push(borderColorStyle("border"));
 		const borderWidth = bottomBar?.borderTop?.width;
 		if (borderWidth && borderWidth !== "none") styleParts.push({ borderTopWidth: borderWidth === "thin" ? "1px" : borderWidth === "medium" ? "2px" : "3px" });
 		else if (borderWidth === "none") styleParts.push({ borderTopWidth: "0px" });
-		if (!bottomBar?.textColor) {
-			const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
-			if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-			else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
-		}
+		const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
+		const foreground = bottomBar?.textColor ? rgbColorValue(bottomBar.textColor) : visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+		if (background?.type === "color" && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+		else if (foreground && bottomBar?.textColor) styleParts.push({ color: foreground });
 		return mergeStyles(...styleParts);
 	}
 };
@@ -33894,6 +34533,7 @@ const layoutTransforms = [
 	headerLogoClassTransform,
 	headerLogoMediaClassTransform,
 	headerLogoTextVisibleTransform,
+	classicNavModeTransform,
 	footerRootClassTransform,
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
@@ -34330,7 +34970,18 @@ const classicLayout = inline({
 	logoRow,
 	createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
 	headerCta
-], when("$root.theme.header.variant", { equals: "classic" }));
+], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "inline"));
+const classicCenteredNavLayout = inline({
+	className: bindProp("$root.theme.header.maxWidth", {
+		transforms: pipe(tx("layout.maxWidthClass", { base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6` })),
+		fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
+	}),
+	align: "center"
+}, [
+	logoRow,
+	createNavRow(`rb-flex-1 rb-justify-center ${desktopOnlyDisplay("flex")} rb-gap-6`, "center"),
+	headerCta
+], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "centered"));
 const centeredLayout = stack({
 	gap: "md",
 	align: "center",
@@ -34405,6 +35056,7 @@ const siteHeaderBlockDefinition = { manifest: createBlockManifest({
 	}, [
 		mobileHeaderBar,
 		classicLayout,
+		classicCenteredNavLayout,
 		centeredLayout,
 		transparentLayout,
 		floatingLayout,
@@ -34452,6 +35104,7 @@ init_builder$1();
 init_fragments();
 init_defineBlock();
 init_colorStyles();
+init_surfaces();
 const footerTextLayout = () => materializeFragment({ fragment: footerBottomTextFragment }).layout;
 const whenTransformed = (from, transformId, equals = true) => (node) => ({
 	...node,
@@ -34621,7 +35274,7 @@ const footerLayout = section$1({
 	style: { $bind: {
 		from: "$root.theme.footer",
 		transforms: [{ id: "layout.footerRootStyle" }],
-		fallback: mergeStyles(backgroundColorStyle("surface"), textColorStyle("text"), borderColorStyle("border"))
+		fallback: mergeStyles(backgroundColorStyle("surface"), surfaceForegroundStyle({ text: "rgb(var(--tb-text))" }), borderColorStyle("border"))
 	} }
 }, [
 	simpleFooterLayout,
@@ -34683,7 +35336,7 @@ const backgroundImageClassName = "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full r
 */
 const wrapVariant$2 = (variantLayout) => styledSection({
 	children: styledContainer({ children: stack({
-		gap: "xl",
+		gap: "lg",
 		className: "rb-relative"
 	}, [...testimonialsHeadingFragment.layout, variantLayout]) }),
 	baseClass: "",
@@ -34709,6 +35362,27 @@ const splitGridLayout = styledSection({
 	spacing: "comfortable",
 	imageClassName: backgroundImageClassName
 });
+const featuredEditorialHead = el("div", { className: "rb-testimonials-fe-head" }, [text({
+	as: "h2",
+	className: "rb-text-left",
+	headingDecoration: "off"
+}, when("content.heading"), bind("content.heading")), el("div", { className: "rb-testimonials-fe-leadin" }, [text({
+	as: "p",
+	className: "rb-prose",
+	style: textColorStyle("mutedText")
+}, when("content.subheading"), bind("content.subheading"))])]);
+const featuredEditorialLayout = styledSection({
+	children: styledContainer({
+		baseClassName: "rb-relative rb-isolate",
+		children: stack({
+			gap: "lg",
+			className: "rb-relative"
+		}, [featuredEditorialHead, buildFeaturedEditorialLayout()])
+	}),
+	baseClass: "",
+	spacing: "comfortable",
+	imageClassName: backgroundImageClassName
+});
 const additionalFields = parseFieldDefinitions([
 	...testimonialsHeadingFragment.fields,
 	{
@@ -34796,6 +35470,7 @@ const testimonialsBlockDefinition = {
 			carousel: carouselLayout$1,
 			grid: gridLayout$1,
 			"split-grid": splitGridLayout,
+			"featured-editorial": featuredEditorialLayout,
 			highlight: highlightLayout
 		},
 		defaultVariant: "carousel",
@@ -34815,6 +35490,11 @@ const testimonialsBlockDefinition = {
 				description: "Heading on the left with testimonial cards on the right",
 				icon: "PanelLeft"
 			},
+			"featured-editorial": {
+				label: "Featured editorial",
+				description: "A large featured ink quote beside a column of stacked cards (no avatars)",
+				icon: "Quote"
+			},
 			highlight: {
 				label: "Highlight",
 				description: "A single, centered testimonial with no carousel",
@@ -35358,7 +36038,7 @@ function grid$2(props, children) {
 const cardsLayout = styledSection({
 	children: styledContainer({
 		rootType: "stack",
-		rootProps: { gap: "xl" },
+		rootProps: { gap: "lg" },
 		children: [stack({
 			gap: "sm",
 			className: "rb-feature-cards-heading rb-mx-auto rb-max-w-3xl rb-text-center"
@@ -37310,8 +37990,11 @@ var init_filtering = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/layout.ts
-function eventSectionHeaderLayoutNodes() {
-	return [text({ as: "h2" }, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive })), richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }))];
+function eventSectionHeaderLayoutNodes(options = {}) {
+	const headingNode = text({ as: "h2" }, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive }));
+	const descriptionNode = richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }));
+	if (options.splitClassName) return [el("div", { className: options.splitClassName }, [headingNode, descriptionNode])];
+	return [headingNode, descriptionNode];
 }
 var recoverEmptyHeadingWhenActive, recoverEmptyDescriptionWhenActive;
 var init_layout = __esmMin((() => {
@@ -37403,7 +38086,8 @@ var init_events$1 = __esmMin((() => {
 		"combined",
 		"calendar",
 		"list",
-		"timetable"
+		"timetable",
+		"week-board"
 	];
 	eventCalendarDefaultViewValues = ["month", "week"];
 	eventCalendarListLayoutValues = [
@@ -40017,6 +40701,40 @@ function getEventAvailability(event) {
 		isFull: false
 	};
 }
+/**
+* Derive the three-state availability status (available / filling / waitlist)
+* plus a short pill label. Builds on {@link getEventAvailability} so the
+* capacity math (availableSpots with a `capacity - registeredCount` fallback)
+* stays consistent with the binary helper used elsewhere.
+*/
+function getEventAvailabilityStatus(event, options) {
+	const threshold = options?.fillingThreshold ?? 2;
+	const { available, isFull } = getEventAvailability(event);
+	if (available == null) return {
+		status: "available",
+		available: null,
+		isFull: false,
+		label: null
+	};
+	if (isFull) return {
+		status: "waitlist",
+		available: 0,
+		isFull: true,
+		label: event.waitlistEnabled ? "Waitlist" : "Full"
+	};
+	if (available <= threshold) return {
+		status: "filling",
+		available,
+		isFull: false,
+		label: `${available} left`
+	};
+	return {
+		status: "available",
+		available,
+		isFull: false,
+		label: `${available} places`
+	};
+}
 var init_eventCapacity = __esmMin((() => {}));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/utils.ts
@@ -42662,7 +43380,7 @@ const eventCalendarLayout = [styledSection({
 	children: styledContainer({
 		rootType: "stack",
 		rootProps: { gap: "lg" },
-		children: [...eventSectionHeaderLayoutNodes(), el("event-calendar", withApiBindings({
+		children: [...eventSectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el("event-calendar", withApiBindings({
 			events: { $bind: { from: "data.events" } },
 			stage: { $bind: {
 				from: "$root.previewStage",
@@ -42773,6 +43491,10 @@ const eventCalendarAdditionalFields = [
 				value: "timetable",
 				label: "Timetable"
 			},
+			{
+				value: "week-board",
+				label: "Week board"
+			},
 			{
 				value: "list",
 				label: "List"
@@ -42955,7 +43677,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"calendar",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -43058,7 +43781,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -43093,7 +43817,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -43116,7 +43841,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -43139,7 +43865,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -43161,7 +43888,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, { allOf: [{
 				field: "variant",
@@ -43337,6 +44065,7 @@ const eventCalendarVariants = {
 	combined: eventCalendarLayout[0],
 	calendar: eventCalendarLayout[0],
 	timetable: eventCalendarLayout[0],
+	"week-board": eventCalendarLayout[0],
 	list: eventCalendarLayout[0]
 };
 const eventCalendarContentShape = {
@@ -43350,6 +44079,7 @@ const eventCalendarContentShape = {
 				{ value: "combined" },
 				{ value: "calendar" },
 				{ value: "timetable" },
+				{ value: "week-board" },
 				{ value: "list" }
 			]
 		},
@@ -43416,6 +44146,7 @@ const eventCalendarBlockDefinition = {
 			combined: { label: "Combined" },
 			calendar: { label: "Calendar" },
 			timetable: { label: "Timetable" },
+			"week-board": { label: "Week board" },
 			list: { label: "List" }
 		}
 	}, eventCalendarContentShape),
@@ -49265,6 +49996,12 @@ const systemBlockDefinitions = [
 				family: "centered",
 				weight: "featured",
 				bias: "soft"
+			}),
+			layoutProfile({
+				variantKey: "featured-editorial",
+				family: "split",
+				weight: "featured",
+				bias: "soft"
 			})
 		]
 	})),
@@ -49397,6 +50134,11 @@ const systemBlockDefinitions = [
 				variantKey: "timetable",
 				family: "stack",
 				weight: "standard"
+			}),
+			layoutProfile({
+				variantKey: "week-board",
+				family: "stack",
+				weight: "standard"
 			})
 		]
 	})),
@@ -49761,7 +50503,15 @@ function gradientToCss(config, tokens) {
 	const stops = config.stops.map((stop) => {
 		return `${tokens[stop.color] ?? "#000000"} ${stop.position}%`;
 	}).join(", ");
-	if (config.type === "radial") return `radial-gradient(circle at ${config.position ?? "center"}, ${stops})`;
+	const type = config.type ?? "linear";
+	if (type === "radial") {
+		const position = config.position ?? "center";
+		return `radial-gradient(${config.shape ?? "circle"} at ${position}, ${stops})`;
+	}
+	if (type === "conic") {
+		const position = config.position ?? "center";
+		return `conic-gradient(from ${config.angle ?? 0}deg at ${position}, ${stops})`;
+	}
 	return `linear-gradient(${config.angle ?? 180}deg, ${stops})`;
 }
 //#endregion
@@ -49790,7 +50540,7 @@ function backgroundVideoMobileClassNames(input) {
 //#region ../blocks/src/system/transforms/registry/background.ts
 init_background$1();
 init_themeColorResolution();
-init_sectionForegroundStyles();
+init_surfaceForegroundStyles();
 init_media();
 const isString$2 = (value) => typeof value === "string" && value.trim().length > 0;
 const isNumber$2 = (value) => typeof value === "number" && !isNaN(value);
@@ -49847,8 +50597,8 @@ const backgroundTransforms = [
 	{
 		id: "background.resolveColorsStyle",
 		kind: "formatter",
-		summary: "Resolve section foreground colors from a background object into scoped CSS vars",
-		run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+		summary: "Resolve surface foreground colors from a background object into scoped CSS vars",
+		run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 	},
 	{
 		id: "background.resolveAllowOverflow",
@@ -50345,21 +51095,53 @@ function Inline({ as: Comp = "div", gap = "md", align = "center", justify = "sta
 //#endregion
 //#region ../blocks/src/primitives/layout/Grid.tsx
 init_clsx();
+/** Utility class for a numeric column COUNT at a given breakpoint. */
+const COL_COUNT_CLASS = {
+	base: (n) => `rb-grid-cols-${n}`,
+	sm: (n) => `rb-sm-grid-cols-${n}`,
+	md: (n) => `rb-md-grid-cols-${n}`,
+	lg: (n) => `rb-lg-grid-cols-${n}`,
+	xl: (n) => `rb-xl-grid-cols-${n}`
+};
+/** Inline custom property read by the `.rb-grid-tracks` utility per breakpoint. */
+const TRACK_VAR = {
+	base: "--rb-gtc-base",
+	sm: "--rb-gtc-sm",
+	md: "--rb-gtc-md",
+	lg: "--rb-gtc-lg",
+	xl: "--rb-gtc-xl"
+};
+const GRID_BREAKPOINTS = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
 function Grid({ as: Comp = "div", cols = {
 	base: 1,
 	md: 2
-}, gap = "md", className, children, "data-slot": dataSlot, ...rest }) {
-	const colsObj = typeof cols === "number" ? { base: cols } : cols;
-	const colClasses = [
-		colsObj.base && `rb-grid-cols-${colsObj.base}`,
-		colsObj.sm && `rb-sm-grid-cols-${colsObj.sm}`,
-		colsObj.md && `rb-md-grid-cols-${colsObj.md}`,
-		colsObj.lg && `rb-lg-grid-cols-${colsObj.lg}`,
-		colsObj.xl && `rb-xl-grid-cols-${colsObj.xl}`
-	];
+}, gap = "md", className, style, children, "data-slot": dataSlot, ...rest }) {
+	const colsObj = typeof cols === "number" || typeof cols === "string" ? { base: cols } : cols;
+	const colClasses = [];
+	const trackVars = {};
+	let hasTracks = false;
+	for (const bp of GRID_BREAKPOINTS) {
+		const value = colsObj[bp];
+		if (value == null) continue;
+		if (typeof value === "string") {
+			trackVars[TRACK_VAR[bp]] = value;
+			hasTracks = true;
+		} else colClasses.push(COL_COUNT_CLASS[bp](value));
+	}
+	const mergedStyle = hasTracks ? {
+		...trackVars,
+		...style
+	} : style;
 	return /* @__PURE__ */ jsx(Comp, {
 		...rest,
-		className: clsx("rb-grid", colClasses, {
+		style: mergedStyle,
+		className: clsx("rb-grid", hasTracks && "rb-grid-tracks", colClasses, {
 			"rb-gap-0": gap === "none",
 			"rb-gap-1": gap === "xs",
 			"rb-gap-2": gap === "sm",
@@ -50605,6 +51387,138 @@ function Text$2({ as: Comp = "span", children, className = "", path, maxLength:
 	});
 }
 //#endregion
+//#region ../blocks/src/system/icons/cta.ts
+init_svg();
+/**
+* Curated icon set for CTA/button icons.
+*
+* Guardrail: keep this list small and action-oriented. This is intentionally not the full Lucide set.
+* Extend by adding to CTA_ICON_NAMES and the mapping below (explicit imports only).
+*/
+const CTA_ICON_NAMES = [
+	"ArrowRight",
+	"ArrowLeft",
+	"ChevronRight",
+	"ChevronLeft",
+	"ChevronUp",
+	"ChevronDown",
+	"ExternalLink",
+	"Download",
+	"Upload",
+	"Mail",
+	"Phone",
+	"Play",
+	"ShoppingCart",
+	"Calendar",
+	"MapPin",
+	"Info",
+	"Plus",
+	"Minus",
+	"Check",
+	"X"
+];
+const CTA_ICON_COMPONENTS = {
+	ArrowRight: ArrowRightIcon,
+	ArrowLeft: ArrowLeftIcon,
+	ChevronRight: ChevronRightIcon,
+	ChevronLeft: ChevronLeftIcon,
+	ChevronUp: ChevronUpIcon,
+	ChevronDown: ChevronDownIcon,
+	ExternalLink: ExternalLinkIcon,
+	Download: DownloadIcon,
+	Upload: UploadIcon,
+	Mail: MailIcon,
+	Phone: PhoneIcon,
+	Play: PlayIcon,
+	ShoppingCart: ShoppingCartIcon,
+	Calendar: CalendarIcon$1,
+	MapPin: MapPinIcon$1,
+	Info: InfoIcon,
+	Plus: PlusIcon,
+	Minus: MinusIcon,
+	Check: CheckIcon$1,
+	X: XIcon
+};
+function isCtaIconName(value) {
+	return typeof value === "string" && CTA_ICON_NAMES.includes(value);
+}
+function formatLucideName(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+}
+const CTA_ICON_OPTIONS = CTA_ICON_NAMES.map((id) => ({
+	id,
+	label: formatLucideName(id)
+}));
+function getCtaIconComponent(name) {
+	if (!isCtaIconName(name)) return null;
+	return CTA_ICON_COMPONENTS[name] ?? null;
+}
+//#endregion
+//#region ../blocks/src/system/icons/registry.ts
+init_presets$1();
+function buildSearchText(parts) {
+	return parts.map((part) => part.trim()).filter(Boolean).join(" ");
+}
+function semanticDefinitionToOption(definition, preset) {
+	return {
+		id: definition.id,
+		label: definition.label,
+		searchText: buildSearchText([
+			definition.label,
+			definition.id,
+			...definition.tags,
+			...definition.domains,
+			...definition.tone
+		]),
+		preset
+	};
+}
+CTA_ICON_OPTIONS.map((option) => ({
+	id: option.id,
+	label: option.label,
+	searchText: buildSearchText([option.label, option.id]),
+	preset: "cta"
+}));
+function semanticOptionsForPreset(preset) {
+	return SEMANTIC_ICON_DEFINITIONS.filter((definition) => definition.presets.includes(preset)).map((definition) => semanticDefinitionToOption(definition, preset));
+}
+semanticOptionsForPreset("feature");
+function getIconComponent(name) {
+	return getCtaIconComponent(name) ?? getSemanticIconComponent(name);
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/buttonAffordance.ts
+function normalize(value) {
+	const trimmed = typeof value === "string" ? value.trim() : "";
+	return trimmed.length > 0 ? trimmed : null;
+}
+/**
+* Resolve the trailing affordance a button should render. Node overrides
+* personality; returns `null` when nothing is configured.
+*/
+function resolveButtonAffordance(input) {
+	const nodeIcon = normalize(input.trailingIcon);
+	if (nodeIcon) {
+		const colorToken = normalize(input.trailingIconColorToken);
+		return {
+			iconId: nodeIcon,
+			source: "node",
+			...colorToken ? { colorToken } : {}
+		};
+	}
+	const personality = input.personalityAffordance;
+	const personalityIcon = normalize(personality?.iconId);
+	if (personality && personalityIcon) {
+		const colorToken = normalize(personality.colorToken);
+		return {
+			iconId: personalityIcon,
+			source: "personality",
+			...colorToken ? { colorToken } : {}
+		};
+	}
+	return null;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
 function coerceRichTextDoc(value) {
 	const raw = unwrapRichTextRoot(value);
@@ -50669,37 +51583,57 @@ const RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockCo
 		...rest
 	});
 };
-const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
+/**
+* Render the resolved trailing affordance icon. Colour is applied via a theme
+* CSS var so it recolours with the palette; the icon stroke uses `currentColor`.
+*/
+function renderTrailingAffordanceIcon(affordance) {
+	if (!affordance) return null;
+	const Icon = getIconComponent(affordance.iconId);
+	if (!Icon) return null;
+	return /* @__PURE__ */ jsx(Icon, {
+		"aria-hidden": true,
+		className: "rb-ml-2 rb-h-4 rb-w-4 rb-inline-block",
+		style: affordance.colorToken ? { color: `rgb(var(--tb-${affordance.colorToken}))` } : void 0
+	});
+}
+const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, trailingIcon, trailingIconColorToken, personalityAffordance, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
 	const content = value ?? children;
 	if (!content) {
 		console.warn("[ButtonNode] No content to render - value and children are both empty");
 		return null;
 	}
+	const affordanceIcon = renderTrailingAffordanceIcon(resolveButtonAffordance({
+		trailingIcon,
+		trailingIconColorToken,
+		personalityAffordance
+	}));
 	const resolvedHref = typeof href === "string" ? href.trim() : "";
 	if (linkRequired && resolvedHref.length === 0) {
 		if (process.env.NODE_ENV === "development") console.warn("[ButtonNode] Missing href for link-required button");
 		return null;
 	}
+	const extraClassName = affordanceIcon ? [className, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ") : className;
 	const resolvedVariantId = parseThemeButtonVariantId(variantId);
 	const combinedClassName = resolvedVariantId ? themeButtonClassName({
 		variant: resolvedVariantId,
 		size,
-		extraClassName: className
-	}) : className;
-	if (resolvedHref) return /* @__PURE__ */ jsx("a", {
+		extraClassName
+	}) : extraClassName;
+	if (resolvedHref) return /* @__PURE__ */ jsxs("a", {
 		href: resolvedHref,
 		target,
 		rel,
 		className: combinedClassName,
 		...rest,
-		children: content
+		children: [content, affordanceIcon]
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type,
 		disabled,
 		className: combinedClassName,
 		...rest,
-		children: content
+		children: [content, affordanceIcon]
 	});
 };
 const LinkNode = ({ href, children, className, target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
@@ -50724,106 +51658,6 @@ const LinkNode = ({ href, children, className, target, rel, linkRequired = false
 	});
 };
 //#endregion
-//#region ../blocks/src/system/icons/cta.ts
-init_svg();
-/**
-* Curated icon set for CTA/button icons.
-*
-* Guardrail: keep this list small and action-oriented. This is intentionally not the full Lucide set.
-* Extend by adding to CTA_ICON_NAMES and the mapping below (explicit imports only).
-*/
-const CTA_ICON_NAMES = [
-	"ArrowRight",
-	"ArrowLeft",
-	"ChevronRight",
-	"ChevronLeft",
-	"ChevronUp",
-	"ChevronDown",
-	"ExternalLink",
-	"Download",
-	"Upload",
-	"Mail",
-	"Phone",
-	"Play",
-	"ShoppingCart",
-	"Calendar",
-	"MapPin",
-	"Info",
-	"Plus",
-	"Minus",
-	"Check",
-	"X"
-];
-const CTA_ICON_COMPONENTS = {
-	ArrowRight: ArrowRightIcon,
-	ArrowLeft: ArrowLeftIcon,
-	ChevronRight: ChevronRightIcon,
-	ChevronLeft: ChevronLeftIcon,
-	ChevronUp: ChevronUpIcon,
-	ChevronDown: ChevronDownIcon,
-	ExternalLink: ExternalLinkIcon,
-	Download: DownloadIcon,
-	Upload: UploadIcon,
-	Mail: MailIcon,
-	Phone: PhoneIcon,
-	Play: PlayIcon,
-	ShoppingCart: ShoppingCartIcon,
-	Calendar: CalendarIcon$1,
-	MapPin: MapPinIcon$1,
-	Info: InfoIcon,
-	Plus: PlusIcon,
-	Minus: MinusIcon,
-	Check: CheckIcon$1,
-	X: XIcon
-};
-function isCtaIconName(value) {
-	return typeof value === "string" && CTA_ICON_NAMES.includes(value);
-}
-function formatLucideName(name) {
-	return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
-}
-const CTA_ICON_OPTIONS = CTA_ICON_NAMES.map((id) => ({
-	id,
-	label: formatLucideName(id)
-}));
-function getCtaIconComponent(name) {
-	if (!isCtaIconName(name)) return null;
-	return CTA_ICON_COMPONENTS[name] ?? null;
-}
-//#endregion
-//#region ../blocks/src/system/icons/registry.ts
-init_presets$1();
-function buildSearchText(parts) {
-	return parts.map((part) => part.trim()).filter(Boolean).join(" ");
-}
-function semanticDefinitionToOption(definition, preset) {
-	return {
-		id: definition.id,
-		label: definition.label,
-		searchText: buildSearchText([
-			definition.label,
-			definition.id,
-			...definition.tags,
-			...definition.domains,
-			...definition.tone
-		]),
-		preset
-	};
-}
-CTA_ICON_OPTIONS.map((option) => ({
-	id: option.id,
-	label: option.label,
-	searchText: buildSearchText([option.label, option.id]),
-	preset: "cta"
-}));
-function semanticOptionsForPreset(preset) {
-	return SEMANTIC_ICON_DEFINITIONS.filter((definition) => definition.presets.includes(preset)).map((definition) => semanticDefinitionToOption(definition, preset));
-}
-semanticOptionsForPreset("feature");
-function getIconComponent(name) {
-	return getCtaIconComponent(name) ?? getSemanticIconComponent(name);
-}
-//#endregion
 //#region ../blocks/src/system/runtime/nodes/icon.tsx
 const IconNode = ({ value, title, className, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
 	const parsedValue = parseBlockIconValue(value);
@@ -51545,6 +52379,78 @@ function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel,
 var init_spinner = __esmMin((() => {
 	init_clsx();
 }));
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/svg.tsx
+init_spinner();
+/**
+* Turn paint props into a CSS style object. Colour values pass through as-is so
+* they may reference theme tokens via `var()`, which only resolves in a CSS
+* property context (not in a bare presentation attribute).
+*/
+function paintStyle(shape) {
+	const style = {};
+	if (shape.fill !== void 0) style.fill = shape.fill;
+	if (shape.stroke !== void 0) style.stroke = shape.stroke;
+	if (shape.strokeWidth !== void 0) style.strokeWidth = shape.strokeWidth;
+	if (shape.fillOpacity !== void 0) style.fillOpacity = shape.fillOpacity;
+	if (shape.strokeOpacity !== void 0) style.strokeOpacity = shape.strokeOpacity;
+	if (shape.strokeLinecap !== void 0) style.strokeLinecap = shape.strokeLinecap;
+	if (shape.strokeLinejoin !== void 0) style.strokeLinejoin = shape.strokeLinejoin;
+	if (shape.strokeDasharray !== void 0) style.strokeDasharray = shape.strokeDasharray;
+	return style;
+}
+function renderShape(shape, key) {
+	const style = paintStyle(shape);
+	switch (shape.kind) {
+		case "path": return /* @__PURE__ */ jsx("path", {
+			d: shape.d,
+			style
+		}, key);
+		case "ellipse": return /* @__PURE__ */ jsx("ellipse", {
+			cx: shape.cx,
+			cy: shape.cy,
+			rx: shape.rx,
+			ry: shape.ry,
+			style
+		}, key);
+		case "circle": return /* @__PURE__ */ jsx("circle", {
+			cx: shape.cx,
+			cy: shape.cy,
+			r: shape.r,
+			style
+		}, key);
+		case "rect": return /* @__PURE__ */ jsx("rect", {
+			x: shape.x,
+			y: shape.y,
+			width: shape.width,
+			height: shape.height,
+			rx: shape.rx,
+			ry: shape.ry,
+			style
+		}, key);
+		case "line": return /* @__PURE__ */ jsx("line", {
+			x1: shape.x1,
+			y1: shape.y1,
+			x2: shape.x2,
+			y2: shape.y2,
+			style
+		}, key);
+		default: return null;
+	}
+}
+const SvgNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, viewBox, width, height, className, style, ariaHidden = true, shapes }) => {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox,
+		width,
+		height,
+		className,
+		style,
+		"aria-hidden": ariaHidden,
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		children: (Array.isArray(shapes) ? shapes : []).map((shape, index) => renderShape(shape, index))
+	});
+};
 function clearWorkflowFeedback(state) {
 	return {
 		...state,
@@ -54842,7 +55748,6 @@ var init_booking_form_interactive = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.server.tsx
-init_spinner();
 init_booking_form_interactive();
 /**
 * Server-safe placeholder for booking form.
@@ -57332,6 +58237,153 @@ var init_WeekAgendaView = __esmMin((() => {
 	};
 }));
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/events/shared/WeekBoardView.tsx
+/**
+* Format an event's start–end as a compact range, merging the shared meridiem.
+* "6:00 PM" + "7:00 PM" -> "6:00 – 7:00 PM"; "9:30 AM" + "10:15 AM" -> "9:30 – 10:15 AM".
+*/
+function formatCompactTimeRange(event) {
+	const timeZone = event.timeZone ?? null;
+	const start = formatTime$3(event.startsAt, { timeZone });
+	const end = formatTime$3(event.endsAt, { timeZone });
+	const startMeridiem = start.slice(-2);
+	const endMeridiem = end.slice(-2);
+	if ((startMeridiem === "AM" || startMeridiem === "PM") && startMeridiem === endMeridiem) return `${start.slice(0, -3).trim()} – ${end}`;
+	return `${start} – ${end}`;
+}
+var SHORT_DAY_NAMES, LEGEND_ITEMS, WeekBoardCard, WeekBoardView;
+var init_WeekBoardView = __esmMin((() => {
+	init_clsx();
+	init_buttons();
+	init_eventCapacity();
+	init_utils$3();
+	SHORT_DAY_NAMES = [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	];
+	LEGEND_ITEMS = [
+		{
+			status: "available",
+			label: "Places available"
+		},
+		{
+			status: "filling",
+			label: "Filling up"
+		},
+		{
+			status: "waitlist",
+			label: "Waitlist"
+		}
+	];
+	WeekBoardCard = ({ event, showCapacity }) => {
+		const linkProps = resolveEventLinkProps(event);
+		const { status, label } = getEventAvailabilityStatus(event);
+		const pill = showCapacity ? label : null;
+		return /* @__PURE__ */ jsxs("a", {
+			...linkProps,
+			className: "event-week-board-card",
+			"data-status": status,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-title",
+					children: event.title
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-time",
+					children: formatCompactTimeRange(event)
+				}),
+				pill ? /* @__PURE__ */ jsx("span", {
+					className: "event-week-board-card-pill",
+					"data-status": status,
+					children: pill
+				}) : null
+			]
+		});
+	};
+	WeekBoardView = ({ days, events, showCapacity, emptyMessage = "No classes scheduled this week", title = "The week ahead", footerNote = "New to a class? We'll check it's right for you first.", ctaLabel = "Reserve a place", ctaHref = null, buttonVariant = "outline" }) => {
+		const eventsByDate = groupEventsByDate(events);
+		const hasAnyEvents = days.some((date) => (eventsByDate.get(formatDateKey(date)) ?? []).length > 0);
+		const ctaClassName = themeButtonClassName({
+			variant: buttonVariant,
+			size: "sm"
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: "event-calendar event-calendar--week-board",
+			"data-block": "event-calendar",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "event-week-board",
+				style: { "--event-week-board-cols": String(days.length) },
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "event-week-board-top",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "event-week-board-title",
+							children: title
+						}), /* @__PURE__ */ jsx("div", {
+							className: "event-week-board-legend",
+							"aria-hidden": "true",
+							children: LEGEND_ITEMS.map((item) => /* @__PURE__ */ jsxs("span", {
+								className: "event-week-board-legend-item",
+								children: [/* @__PURE__ */ jsx("i", {
+									className: "event-week-board-legend-dot",
+									"data-status": item.status
+								}), item.label]
+							}, item.status))
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "event-week-board-grid",
+						children: days.map((date) => {
+							const dateKey = formatDateKey(date);
+							const dayEvents = eventsByDate.get(dateKey) ?? [];
+							const today = isToday(date);
+							return /* @__PURE__ */ jsxs("div", {
+								className: clsx("event-week-board-day", dayEvents.length === 0 && "event-week-board-day--empty", today && "event-week-board-day--today"),
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "event-week-board-day-head",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "event-week-board-day-abbr",
+										children: SHORT_DAY_NAMES[date.getDay()]
+									}), /* @__PURE__ */ jsx("span", {
+										className: "event-week-board-day-num",
+										children: date.getDate()
+									})]
+								}), /* @__PURE__ */ jsx("div", {
+									className: "event-week-board-day-body",
+									children: dayEvents.map((event) => /* @__PURE__ */ jsx(WeekBoardCard, {
+										event,
+										showCapacity
+									}, event.occurrenceId || event.id))
+								})]
+							}, dateKey);
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "event-week-board-foot",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "event-week-board-foot-note",
+							children: hasAnyEvents ? footerNote : emptyMessage
+						}), ctaHref ? /* @__PURE__ */ jsx("a", {
+							className: ctaClassName,
+							href: ctaHref,
+							children: ctaLabel
+						}) : /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: ctaClassName,
+							children: ctaLabel
+						})]
+					})
+				]
+			})
+		});
+	};
+}));
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/timetableModel.ts
 function buildTimetableModel(input) {
 	const generic = buildTimetableModel$1({
@@ -57426,6 +58478,7 @@ init_clsx();
 init_EventListing_view();
 init_EventCalendar_interactive();
 init_WeekAgendaView();
+init_WeekBoardView();
 init_utils$3();
 init_timetableModel();
 init_buttons();
@@ -57770,6 +58823,17 @@ function renderTimetableSsr(display) {
 		})]
 	});
 }
+function renderWeekBoardSsr(display) {
+	const days = getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek);
+	return /* @__PURE__ */ jsx(WeekBoardView, {
+		days,
+		events: [...display.events],
+		showCapacity: display.showCapacity,
+		emptyMessage: display.emptyMessage,
+		ctaLabel: display.buttonText,
+		buttonVariant: display.buttonVariant
+	});
+}
 function formatHourLabel$1(hour) {
 	if (hour === 0) return "12 AM";
 	if (hour === 12) return "12 PM";
@@ -57796,6 +58860,9 @@ const EventCalendarSSR = (props) => {
 		case "timetable":
 			content = renderTimetableSsr(display);
 			break;
+		case "week-board":
+			content = renderWeekBoardSsr(display);
+			break;
 		case "calendar":
 			content = renderCalendarSsr(display);
 			break;
@@ -58390,6 +59457,7 @@ init_media_server();
 const serverComponentRegistry = {
 	div: DivNode,
 	figure: FigureNode,
+	svg: SvgNode,
 	section: SectionNode,
 	headerSection: header_section_server_default,
 	stack: StackNode,
@@ -59801,10 +60869,14 @@ init_node();
 init_fragments();
 init_defineBlock();
 //#endregion
+//#region ../theme-core/src/styles/shadow.ts
+init_colorStyles();
+//#endregion
 //#region ../theme-core/src/accordions/generateAccordionCss.ts
 init_types$10();
 init_constants$1();
 init_colorStyles();
+init_surfaces();
 //#endregion
 //#region ../theme-core/src/inputs/generateInputCss.ts
 init_types$9();
@@ -59849,10 +60921,10 @@ function svgDataUrl(svg) {
 }
 //#endregion
 //#region ../theme-core/src/status/generateStatusCss.ts
-init_contextualColors();
+init_surfaces();
 //#endregion
-//#region ../theme-core/src/status/index.ts
-init_contextualColors();
+//#region ../theme-core/src/typography/generateTypographyCss.ts
+init_surfaces();
 //#endregion
 //#region ../theme-core/src/blocks/vars/event-registration.ts
 /**
@@ -60190,6 +61262,7 @@ const THEME_RADIUS_CSS_VARS = {
 	block: "--rb-block-radius",
 	button: "--rb-button-radius",
 	input: "--rb-input-radius",
+	panel: "--rb-panel-radius",
 	legacyCard: "--radius-card",
 	legacyControl: "--radius-control"
 };
@@ -60271,6 +61344,10 @@ ${`:where([data-theme-scope="${themeId}"]) :where([data-block="customer-portal"]
   /* Modal (shared rb-modal classes) */
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.35);
   --rb-modal-bg: var(--cp-card-bg);
+  --rb-modal-text: var(--cp-text);
+  --rb-modal-heading: var(--cp-text);
+  --rb-modal-link: var(--cp-primary);
+  --rb-modal-supporting: var(--cp-muted);
   --rb-modal-border: var(--cp-card-border);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
   --rb-modal-radius: var(--cp-card-radius);
@@ -147339,7 +148416,7 @@ function buildDisplayFilterParams(display) {
 		filterVenueId: display.filterVenueId
 	});
 }
-var EventCalendarClient, EventCalendarTimetableClient, EventCalendarGridClient, EventCalendarChrome;
+var EventCalendarClient, EventCalendarWeekBoardClient, EventCalendarTimetableClient, EventCalendarGridClient, EventCalendarChrome;
 var init_EventCalendar_client = __esmMin((() => {
 	init_EventCalendar_interactive();
 	init_EventListing_client();
@@ -147352,6 +148429,7 @@ var init_EventCalendar_client = __esmMin((() => {
 	init_EventModalContext();
 	init_EventModals();
 	init_WeekAgendaView();
+	init_WeekBoardView();
 	init_WeekTimetableView();
 	init_buttons();
 	init_listOptions();
@@ -147389,8 +148467,20 @@ var init_EventCalendar_client = __esmMin((() => {
 		});
 		if (display.displayMode === "list") return /* @__PURE__ */ jsx(EventListingController, { render: buildEventCalendarListingRender(render) });
 		if (display.displayMode === "timetable") return /* @__PURE__ */ jsx(EventCalendarTimetableClient, { render });
+		if (display.displayMode === "week-board") return /* @__PURE__ */ jsx(EventCalendarWeekBoardClient, { display });
 		return /* @__PURE__ */ jsx(EventCalendarGridClient, { render });
 	};
+	EventCalendarWeekBoardClient = ({ display }) => {
+		const days = useMemo(() => getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek), [display.startOfWeek]);
+		return /* @__PURE__ */ jsx(WeekBoardView, {
+			days,
+			events: [...display.events],
+			showCapacity: display.showCapacity,
+			emptyMessage: display.emptyMessage,
+			ctaLabel: display.buttonText,
+			buttonVariant: display.buttonVariant
+		});
+	};
 	EventCalendarTimetableClient = ({ render }) => {
 		const { display, hydration } = render;
 		const { filtersNode, listFilters } = useEventCalendarFilterState(display);
@@ -151835,7 +152925,7 @@ var SimpleCache = class {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.104.1";
+const SDK_VERSION = "0.104.3";
 //#endregion
 //#region src/client/error.ts
 /**