@riverbankcms/sdk 0.104.0 → 0.104.3

package/dist/client/rendering/client.mjs

@@ -509,7 +509,7 @@ function encodePublicProductCategorySelector(selector) {
 			};
 	}
 }
-function isRecord$20(value) {
+function isRecord$22(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -533,8 +533,8 @@ async function parseJsonBody(response) {
 	}
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$20(data)) return {};
-	const nestedError = isRecord$20(data.error) ? data.error : void 0;
+	if (!isRecord$22(data)) return {};
+	const nestedError = isRecord$22(data.error) ? data.error : void 0;
 	return {
 		message: typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0,
 		code: typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0
@@ -1308,6 +1308,49 @@ function clsx() {
 	return n;
 }
 var init_clsx = __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 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)`;
+}
+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
+	};
+}));
+//#endregion
+//#region ../theme-core/src/surfaces/index.ts
+var init_surfaces = __esmMin((() => {
+	init_foregroundContract();
+	init_foregroundRoles();
+}));
 //#endregion
 //#region ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
@@ -1358,9 +1401,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.
@@ -1374,11 +1420,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.
@@ -1396,6 +1442,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) };
 }
 /**
@@ -1431,10 +1480,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 ../blocks/src/primitives/layout/Section.tsx
@@ -1504,21 +1559,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",
@@ -1656,7 +1743,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$17 = __esmMin((() => {
 	init_themeColorTokens();
 	VARIANT_ROLES = [
@@ -1816,6 +1903,10 @@ var init_types$17 = __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",
@@ -1856,7 +1947,8 @@ var init_types$17 = __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,
@@ -1936,9 +2028,10 @@ var init_registry$1 = __esmMin((() => {
 }));
 var init_generateEffectsCSS = __esmMin((() => {
 	init_registry$1();
-})), init_contrast$2 = __esmMin((() => {})), init_generateDefaultButtonSystem = __esmMin((() => {
+})), init_contrast$2 = __esmMin((() => {}));
+var init_generateDefaultButtonSystem = __esmMin((() => {
 	init_contrast$2();
-}));
+})), init_affordanceIcons = __esmMin((() => {})), AFFORDANCE_SUPPRESS_CLASS;
 var init_generateButtonCss = __esmMin((() => {
 	init_types$17();
 	init_classNames();
@@ -1947,6 +2040,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$1 = __esmMin((() => {}));
@@ -2523,47 +2618,46 @@ var init_editorial_link = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region ../theme-core/src/buttons/personalities/ink-stamp.ts
-var inkStamp;
-var init_ink_stamp = __esmMin((() => {
+//#region ../theme-core/src/buttons/personalities/flat-ink.ts
+var flatInk;
+var init_flat_ink = __esmMin((() => {
 	init_types$16();
-	inkStamp = defineButtonPersonality({
-		id: "ink-stamp",
-		name: "Ink Stamp",
-		description: "Hand-stamped block-print buttons with a slight lift on hover.",
+	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: "bold",
-			energy: "vibrant",
-			motion: "standard",
-			era: "organic"
+			tone: "classic",
+			energy: "calm",
+			motion: "subtle",
+			era: "editorial"
 		},
 		buttonSystem: {
 			global: {
 				cornerStyle: "rounded",
-				shadow: "none",
-				textTransform: "uppercase",
+				shadow: "low",
+				textTransform: "none",
 				fontWeight: 600,
 				borderWidth: 1,
-				hoverTransform: "none",
-				hoverColor: "none",
-				letterSpacing: "loose"
+				typography: "body",
+				letterSpacing: "tight",
+				paddingPreset: "default",
+				hoverTransform: "lift",
+				hoverColor: "none"
 			},
 			sizes: {
 				sm: {
-					padding: "0.5rem 1.25rem",
-					fontSize: "text-xs"
-				},
-				md: {
-					padding: "0.75rem 1.75rem",
+					padding: "0.625rem 1.125rem",
 					fontSize: "text-sm"
 				},
+				md: { padding: "0.8125rem 1.375rem" },
 				lg: {
-					padding: "0.875rem 2.25rem",
-					fontSize: "text-base"
+					padding: "0.9375rem 1.625rem",
+					fontSize: "text-lg"
 				},
 				xl: {
-					padding: "1.125rem 2.75rem",
-					fontSize: "text-lg"
+					padding: "1.0625rem 2rem",
+					fontSize: "text-xl"
 				}
 			},
 			variants: [
@@ -2577,88 +2671,72 @@ var init_ink_stamp = __esmMin((() => {
 						colorToken: "primary"
 					},
 					textColorToken: "primaryForeground",
-					borderRadius: "rounded-md",
-					effects: {
-						hover: [{
-							effectId: "drop-shadow",
-							options: { intensity: "medium" }
-						}, {
-							effectId: "scale-up",
-							options: { scale: "1.02" }
-						}],
-						active: [{
-							effectId: "scale-down",
-							options: { scale: "0.98" }
-						}]
-					}
-				},
-				{
-					id: "secondary",
-					name: "Secondary",
-					enabled: true,
-					priority: 2,
-					background: { type: "transparent" },
-					textColorToken: "primary",
-					borderRadius: "rounded-md",
-					border: {
-						widthClass: "border-2",
-						colorToken: "primary"
+					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: "surface" }
+						options: { colorToken: "secondary" }
 					}] }
 				},
 				{
-					id: "outline",
-					name: "Outline",
+					id: "secondary",
+					name: "Secondary",
 					enabled: true,
-					priority: 3,
+					priority: 2,
 					background: { type: "transparent" },
-					textColorToken: "text",
-					borderRadius: "rounded-md",
+					textColorToken: "primary",
+					borderRadius: "rounded-lg",
 					border: {
-						widthClass: "border-2",
+						widthClass: "border",
 						colorToken: "border"
 					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
 					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
 						effectId: "background-on-hover",
-						options: { colorToken: "surface" }
+						options: { colorToken: "surfaceAlt" }
 					}] }
 				},
 				{
-					id: "ghost",
-					name: "Ghost",
+					id: "accent",
+					name: "Accent",
 					enabled: true,
 					priority: 3,
-					background: { type: "transparent" },
-					textColorToken: "accent",
-					borderRadius: "rounded-none",
-					sizes: {
-						sm: {
-							padding: "0.375rem 0",
-							fontSize: "text-xs"
-						},
-						md: {
-							padding: "0.5rem 0",
-							fontSize: "text-sm"
-						},
-						lg: {
-							padding: "0.625rem 0",
-							fontSize: "text-base"
-						},
-						xl: {
-							padding: "0.75rem 0",
-							fontSize: "text-lg"
-						}
+					background: {
+						type: "solid",
+						colorToken: "accent"
 					},
-					effects: { base: [{
-						effectId: "border-bottom-grow",
-						options: {
-							height: 1,
-							colorToken: "accent",
-							origin: "left"
-						}
+					textColorToken: "accentForeground",
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accentForeground"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
 					}] }
 				}
 			]
@@ -2666,104 +2744,18 @@ var init_ink_stamp = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region ../theme-core/src/buttons/personalities/joy-stamp.ts
-var joyStamp;
-var init_joy_stamp = __esmMin((() => {
+//#region ../theme-core/src/buttons/personalities/ink-stamp.ts
+var inkStamp;
+var init_ink_stamp = __esmMin((() => {
 	init_types$16();
-	joyStamp = defineButtonPersonality({
-		id: "joy-stamp",
-		name: "Joy Stamp",
-		description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+	inkStamp = defineButtonPersonality({
+		id: "ink-stamp",
+		name: "Ink Stamp",
+		description: "Hand-stamped block-print buttons with a slight lift on hover.",
 		tags: {
 			tone: "bold",
 			energy: "vibrant",
-			motion: "expressive",
-			era: "organic"
-		},
-		buttonSystem: {
-			global: {
-				cornerStyle: "pill",
-				shadow: "high",
-				textTransform: "none",
-				typography: "heading",
-				fontWeight: 700,
-				fontSize: "text-lg",
-				borderWidth: 2,
-				hoverTransform: "none",
-				hoverColor: "none"
-			},
-			sizes: {
-				sm: {
-					padding: "0.625rem 1.25rem",
-					fontSize: "text-base"
-				},
-				md: {
-					padding: "0.875rem 1.75rem",
-					fontSize: "text-lg"
-				},
-				lg: {
-					padding: "1.125rem 2.25rem",
-					fontSize: "text-xl"
-				},
-				xl: {
-					padding: "1.25rem 2.75rem",
-					fontSize: "text-2xl"
-				}
-			},
-			variants: [{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				textColorToken: "primaryForeground",
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "high",
-					softness: "hard",
-					position: "bottom-right",
-					colorToken: "text"
-				},
-				effects: { hover: [{ effectId: "press-down" }] }
-			}, {
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: { type: "transparent" },
-				textColorToken: "text",
-				borderRadius: "rounded-full",
-				border: {
-					widthClass: "border-2",
-					colorToken: "text"
-				},
-				shadow: {
-					elevation: "high",
-					softness: "hard",
-					position: "bottom-right",
-					colorToken: "secondary"
-				},
-				effects: { hover: [{ effectId: "press-down" }] }
-			}]
-		}
-	});
-}));
-//#endregion
-//#region ../theme-core/src/buttons/personalities/ornate-ritual.ts
-var ornateRitual;
-var init_ornate_ritual = __esmMin((() => {
-	init_types$16();
-	ornateRitual = defineButtonPersonality({
-		id: "ornate-ritual",
-		name: "Ornate Ritual",
-		description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
-		tags: {
-			tone: "classic",
-			energy: "vibrant",
-			motion: "subtle",
+			motion: "standard",
 			era: "organic"
 		},
 		buttonSystem: {
@@ -2779,20 +2771,20 @@ var init_ornate_ritual = __esmMin((() => {
 			},
 			sizes: {
 				sm: {
-					padding: "0.5625rem 1.25rem",
+					padding: "0.5rem 1.25rem",
 					fontSize: "text-xs"
 				},
 				md: {
 					padding: "0.75rem 1.75rem",
-					fontSize: "text-xs"
+					fontSize: "text-sm"
 				},
 				lg: {
 					padding: "0.875rem 2.25rem",
-					fontSize: "text-sm"
+					fontSize: "text-base"
 				},
 				xl: {
-					padding: "1rem 2.75rem",
-					fontSize: "text-base"
+					padding: "1.125rem 2.75rem",
+					fontSize: "text-lg"
 				}
 			},
 			variants: [
@@ -2807,19 +2799,13 @@ var init_ornate_ritual = __esmMin((() => {
 					},
 					textColorToken: "primaryForeground",
 					borderRadius: "rounded-md",
-					border: {
-						widthClass: "border",
-						colorToken: "primary"
-					},
-					shadow: {
-						elevation: "none",
-						softness: null,
-						position: "bottom"
-					},
 					effects: {
 						hover: [{
-							effectId: "background-on-hover",
-							options: { colorToken: "primary-100" }
+							effectId: "drop-shadow",
+							options: { intensity: "medium" }
+						}, {
+							effectId: "scale-up",
+							options: { scale: "1.02" }
 						}],
 						active: [{
 							effectId: "scale-down",
@@ -2832,21 +2818,13 @@ var init_ornate_ritual = __esmMin((() => {
 					name: "Secondary",
 					enabled: true,
 					priority: 2,
-					background: {
-						type: "solid",
-						colorToken: "secondary"
-					},
-					textColorToken: "primaryForeground",
+					background: { type: "transparent" },
+					textColorToken: "primary",
 					borderRadius: "rounded-md",
 					border: {
-						widthClass: "border",
+						widthClass: "border-2",
 						colorToken: "primary"
 					},
-					shadow: {
-						elevation: "none",
-						softness: null,
-						position: "bottom"
-					},
 					effects: { hover: [{
 						effectId: "background-on-hover",
 						options: { colorToken: "surface" }
@@ -2858,20 +2836,263 @@ var init_ornate_ritual = __esmMin((() => {
 					enabled: true,
 					priority: 3,
 					background: { type: "transparent" },
-					textColorToken: "primary",
+					textColorToken: "text",
 					borderRadius: "rounded-md",
 					border: {
-						widthClass: "border",
-						colorToken: "primary"
-					},
-					shadow: {
-						elevation: "none",
-						softness: null,
-						position: "bottom"
+						widthClass: "border-2",
+						colorToken: "border"
 					},
 					effects: { hover: [{
 						effectId: "background-on-hover",
-						options: { colorToken: "muted" }
+						options: { colorToken: "surface" }
+					}] }
+				},
+				{
+					id: "ghost",
+					name: "Ghost",
+					enabled: true,
+					priority: 3,
+					background: { type: "transparent" },
+					textColorToken: "accent",
+					borderRadius: "rounded-none",
+					sizes: {
+						sm: {
+							padding: "0.375rem 0",
+							fontSize: "text-xs"
+						},
+						md: {
+							padding: "0.5rem 0",
+							fontSize: "text-sm"
+						},
+						lg: {
+							padding: "0.625rem 0",
+							fontSize: "text-base"
+						},
+						xl: {
+							padding: "0.75rem 0",
+							fontSize: "text-lg"
+						}
+					},
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "accent",
+							origin: "left"
+						}
+					}] }
+				}
+			]
+		}
+	});
+}));
+//#endregion
+//#region ../theme-core/src/buttons/personalities/joy-stamp.ts
+var joyStamp;
+var init_joy_stamp = __esmMin((() => {
+	init_types$16();
+	joyStamp = defineButtonPersonality({
+		id: "joy-stamp",
+		name: "Joy Stamp",
+		description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+		tags: {
+			tone: "bold",
+			energy: "vibrant",
+			motion: "expressive",
+			era: "organic"
+		},
+		buttonSystem: {
+			global: {
+				cornerStyle: "pill",
+				shadow: "high",
+				textTransform: "none",
+				typography: "heading",
+				fontWeight: 700,
+				fontSize: "text-lg",
+				borderWidth: 2,
+				hoverTransform: "none",
+				hoverColor: "none"
+			},
+			sizes: {
+				sm: {
+					padding: "0.625rem 1.25rem",
+					fontSize: "text-base"
+				},
+				md: {
+					padding: "0.875rem 1.75rem",
+					fontSize: "text-lg"
+				},
+				lg: {
+					padding: "1.125rem 2.25rem",
+					fontSize: "text-xl"
+				},
+				xl: {
+					padding: "1.25rem 2.75rem",
+					fontSize: "text-2xl"
+				}
+			},
+			variants: [{
+				id: "primary",
+				name: "Primary",
+				enabled: true,
+				priority: 1,
+				background: {
+					type: "solid",
+					colorToken: "primary"
+				},
+				textColorToken: "primaryForeground",
+				borderRadius: "rounded-full",
+				shadow: {
+					elevation: "high",
+					softness: "hard",
+					position: "bottom-right",
+					colorToken: "text"
+				},
+				effects: { hover: [{ effectId: "press-down" }] }
+			}, {
+				id: "secondary",
+				name: "Secondary",
+				enabled: true,
+				priority: 2,
+				background: { type: "transparent" },
+				textColorToken: "text",
+				borderRadius: "rounded-full",
+				border: {
+					widthClass: "border-2",
+					colorToken: "text"
+				},
+				shadow: {
+					elevation: "high",
+					softness: "hard",
+					position: "bottom-right",
+					colorToken: "secondary"
+				},
+				effects: { hover: [{ effectId: "press-down" }] }
+			}]
+		}
+	});
+}));
+//#endregion
+//#region ../theme-core/src/buttons/personalities/ornate-ritual.ts
+var ornateRitual;
+var init_ornate_ritual = __esmMin((() => {
+	init_types$16();
+	ornateRitual = defineButtonPersonality({
+		id: "ornate-ritual",
+		name: "Ornate Ritual",
+		description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+		tags: {
+			tone: "classic",
+			energy: "vibrant",
+			motion: "subtle",
+			era: "organic"
+		},
+		buttonSystem: {
+			global: {
+				cornerStyle: "rounded",
+				shadow: "none",
+				textTransform: "uppercase",
+				fontWeight: 600,
+				borderWidth: 1,
+				hoverTransform: "none",
+				hoverColor: "none",
+				letterSpacing: "loose"
+			},
+			sizes: {
+				sm: {
+					padding: "0.5625rem 1.25rem",
+					fontSize: "text-xs"
+				},
+				md: {
+					padding: "0.75rem 1.75rem",
+					fontSize: "text-xs"
+				},
+				lg: {
+					padding: "0.875rem 2.25rem",
+					fontSize: "text-sm"
+				},
+				xl: {
+					padding: "1rem 2.75rem",
+					fontSize: "text-base"
+				}
+			},
+			variants: [
+				{
+					id: "primary",
+					name: "Primary",
+					enabled: true,
+					priority: 1,
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					textColorToken: "primaryForeground",
+					borderRadius: "rounded-md",
+					border: {
+						widthClass: "border",
+						colorToken: "primary"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "background-on-hover",
+							options: { colorToken: "primary-100" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
+				},
+				{
+					id: "secondary",
+					name: "Secondary",
+					enabled: true,
+					priority: 2,
+					background: {
+						type: "solid",
+						colorToken: "secondary"
+					},
+					textColorToken: "primaryForeground",
+					borderRadius: "rounded-md",
+					border: {
+						widthClass: "border",
+						colorToken: "primary"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				},
+				{
+					id: "outline",
+					name: "Outline",
+					enabled: true,
+					priority: 3,
+					background: { type: "transparent" },
+					textColorToken: "primary",
+					borderRadius: "rounded-md",
+					border: {
+						widthClass: "border",
+						colorToken: "primary"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "muted" }
 					}] }
 				},
 				{
@@ -3289,6 +3510,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();
@@ -3303,6 +3525,7 @@ var init_personalities = __esmMin((() => {
 		editorialLink,
 		pebble,
 		inkStamp,
+		flatInk,
 		brushedWash,
 		showtimePill,
 		joyStamp,
@@ -3320,6 +3543,7 @@ var init_buttons = __esmMin((() => {
 	init_types$17();
 	init_classNames();
 	init_generateButtonCss();
+	init_affordanceIcons();
 	init_generateDefaultButtonSystem();
 	init_constants$2();
 	init_presets$1();
@@ -3336,11 +3560,11 @@ init_buttons();
 //#region ../path-utils/src/index.ts
 const PATH_SEPARATOR_REGEX = /\./g;
 const BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
-function isRecord$19(value) {
+function isRecord$21(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$19(value);
+	return Array.isArray(value) || isRecord$21(value);
 }
 function getContainerValue(container, segment) {
 	if (typeof segment === "number") return Array.isArray(container) ? container[segment] : void 0;
@@ -4220,11 +4444,11 @@ var init_fileStorage = __esmMin((() => {
 var init_fileAssetLegacyProjection = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$17(value) {
+function isRecord$19(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord$1(value) {
-	return isRecord$17(value) ? value : void 0;
+	return isRecord$19(value) ? value : void 0;
 }
 var init_typeGuards$1 = __esmMin((() => {}));
 function isFileJsonObject(value) {
@@ -4234,7 +4458,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$17(value) && isFileJsonObject(value);
+	return isRecord$19(value) && isFileJsonObject(value);
 }
 var init_filePersistence = __esmMin((() => {
 	init_src$3();
@@ -4585,7 +4809,7 @@ function isCmsMediaObjectType(value) {
 	return typeof value === "string" && CMS_MEDIA_OBJECT_TYPES.includes(value);
 }
 function isCmsMediaObject(value) {
-	if (!isRecord$17(value)) return false;
+	if (!isRecord$19(value)) return false;
 	const type = value.type;
 	if (!isCmsMediaObjectType(type)) return false;
 	if ("attrs" in value) return false;
@@ -4596,7 +4820,7 @@ function collectMediaObjects(value, out, location = "") {
 		value.forEach((item, index) => collectMediaObjects(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$17(value)) return;
+	if (!isRecord$19(value)) return;
 	if (isCmsMediaObject(value)) out.push({
 		obj: value,
 		location
@@ -4630,8 +4854,8 @@ function walkAndCollectImageAttrs(value, out, location = "") {
 		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$17(value)) return;
-	if (value.type === "image" && isRecord$17(value.attrs)) out.push({
+	if (!isRecord$19(value)) return;
+	if (value.type === "image" && isRecord$19(value.attrs)) out.push({
 		attrs: value.attrs,
 		location: location ? `${location}.attrs` : "attrs"
 	});
@@ -5995,378 +6219,6 @@ function Text$1({ as: Comp = "span", children, className = "", path, maxLength:
 		children
 	});
 }
-const inlineTextMarkSchema = z$1.discriminatedUnion("kind", [
-	z$1.object({ kind: z$1.literal("strong") }),
-	z$1.object({ kind: z$1.literal("emphasis") }),
-	z$1.object({
-		kind: z$1.literal("accent"),
-		tone: z$1.enum([
-			"accent",
-			"brand",
-			"contrast"
-		])
-	}),
-	z$1.object({
-		kind: z$1.literal("highlight"),
-		tone: z$1.enum([
-			"soft",
-			"accent",
-			"brand"
-		])
-	})
-]);
-const inlineTextRunSchema = z$1.object({
-	text: z$1.string(),
-	marks: z$1.array(inlineTextMarkSchema).optional()
-});
-z$1.array(inlineTextRunSchema);
-const MARK_ORDER = {
-	strong: 0,
-	emphasis: 1,
-	accent: 2,
-	highlight: 3
-};
-function inlineTextToPlainText(value) {
-	return value.map((run) => run.text).join("");
-}
-function isInlineTextEmpty(value) {
-	return inlineTextToPlainText(value).trim().length === 0;
-}
-function parseInlineTextFromUnknown(value) {
-	if (!Array.isArray(value)) return {
-		ok: false,
-		error: { kind: "not-array" }
-	};
-	const runs = [];
-	for (let index = 0; index < value.length; index += 1) {
-		const parsed = inlineTextRunSchema.safeParse(value[index]);
-		if (!parsed.success) return {
-			ok: false,
-			error: {
-				kind: "invalid-run",
-				index
-			}
-		};
-		runs.push(parsed.data);
-	}
-	return {
-		ok: true,
-		value: normalizeInlineText(runs)
-	};
-}
-function normalizeInlineText(value) {
-	const normalized = [];
-	for (const run of value) {
-		if (run.text.length === 0) continue;
-		const marks = normalizeInlineTextMarks(run.marks ?? []);
-		const nextRun = marks.length > 0 ? {
-			text: run.text,
-			marks
-		} : { text: run.text };
-		const previous = normalized[normalized.length - 1];
-		if (previous && inlineTextMarksEqual(previous.marks ?? [], nextRun.marks ?? [])) {
-			normalized[normalized.length - 1] = previous.marks && previous.marks.length > 0 ? {
-				text: previous.text + nextRun.text,
-				marks: previous.marks
-			} : { text: previous.text + nextRun.text };
-			continue;
-		}
-		normalized.push(nextRun);
-	}
-	return normalized;
-}
-function normalizeInlineTextMarks(marks) {
-	let strong = null;
-	let emphasis = null;
-	let accent = null;
-	let highlight = null;
-	for (const mark of marks) switch (mark.kind) {
-		case "strong":
-			strong = { kind: "strong" };
-			break;
-		case "emphasis":
-			emphasis = { kind: "emphasis" };
-			break;
-		case "accent":
-			accent = {
-				kind: "accent",
-				tone: mark.tone
-			};
-			break;
-		case "highlight":
-			highlight = {
-				kind: "highlight",
-				tone: mark.tone
-			};
-			break;
-	}
-	return [
-		strong,
-		emphasis,
-		accent,
-		highlight
-	].filter((mark) => mark !== null).sort((left, right) => MARK_ORDER[left.kind] - MARK_ORDER[right.kind]);
-}
-function inlineTextMarksEqual(left, right) {
-	const normalizedLeft = normalizeInlineTextMarks(left);
-	const normalizedRight = normalizeInlineTextMarks(right);
-	if (normalizedLeft.length !== normalizedRight.length) return false;
-	return normalizedLeft.every((mark, index) => inlineTextMarkEqual(mark, normalizedRight[index]));
-}
-function inlineTextMarkEqual(left, right) {
-	if (!right || left.kind !== right.kind) return false;
-	switch (left.kind) {
-		case "strong":
-		case "emphasis": return true;
-		case "accent": return right.kind === "accent" && left.tone === right.tone;
-		case "highlight": return right.kind === "highlight" && left.tone === right.tone;
-	}
-}
-//#endregion
-//#region ../blocks/src/lib/typeGuards.ts
-/**
-* Strict record guard: excludes null, primitives, and arrays.
-*/
-function isRecord$16(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-var init_typeGuards = __esmMin((() => {}));
-/**
-* Permissive unwrap for a value known to be the root of a rich-text field.
-*
-* Producers should emit the canonical unwrapped form `{ type: 'doc', content: [...] }`,
-* but two legacy shapes still appear in older data and pre-Phase-1 fixtures:
-*
-*   - `{ doc: <typed-doc> }` — pre-migration DB storage.
-*   - `{ doc: <typed-doc>, html, plain }` — pre-Phase-1 dummy-content output.
-*
-* This helper is the single right place to tolerate either shape at a known
-* rich-text root (transforms, coercion, validators that operate on rich text).
-* The strictness sits on the inner node's `type === 'doc'`, which prevents
-* misidentifying random objects that happen to carry a field named `doc`.
-*
-* Returns the inner doc node when the input matches a legacy shape, otherwise
-* returns the input unchanged.
-*
-* For deep structural traversal where any nested key might be named `doc`
-* (and unwrapping would be incorrect), use the strict `isDocWrapper` private
-* helper inside `@riverbankcms/blocks/bindings`.
-*/
-function unwrapRichTextRoot(value) {
-	if (!isRecord$16(value)) return value;
-	if (!("doc" in value)) return value;
-	const inner = value.doc;
-	if (isRecord$16(inner) && inner.type === "doc") return inner;
-	return value;
-}
-function createHardBreakNode() {
-	return { type: "hardBreak" };
-}
-/**
-* Parse a small markdown subset into TipTap inline nodes.
-*
-* This intentionally supports only bold (`**text**`) because the SDK/content
-* import paths use it for lightweight default content, not full markdown.
-*/
-function parseRichTextInlineMarkdown(text) {
-	const out = [];
-	const pushText = (value, marks) => {
-		if (!value) return;
-		out.push(marks && marks.length > 0 ? {
-			type: "text",
-			text: value,
-			marks
-		} : {
-			type: "text",
-			text: value
-		});
-	};
-	let rest = text;
-	while (rest.length > 0) {
-		const start = rest.indexOf("**");
-		if (start === -1) {
-			pushText(rest);
-			break;
-		}
-		const end = rest.indexOf("**", start + 2);
-		if (end === -1) {
-			pushText(rest);
-			break;
-		}
-		pushText(rest.slice(0, start));
-		pushText(rest.slice(start + 2, end), [{ type: "bold" }]);
-		rest = rest.slice(end + 2);
-	}
-	return out;
-}
-function parseRichTextParagraphInlineMarkdown(text) {
-	return text.split("\n").flatMap((line, index) => {
-		const lineNodes = parseRichTextInlineMarkdown(line.trim());
-		return index === 0 ? lineNodes : [createHardBreakNode(), ...lineNodes];
-	});
-}
-/**
-* Convert a plain string with a tiny markdown subset to canonical TipTap JSON.
-*
-* Double newlines create semantic paragraphs. Single newlines remain inside the
-* current paragraph as TipTap `hardBreak` nodes for line-oriented content such
-* as addresses, opening hours, and contact details.
-*/
-function createRichTextDocFromMarkdown(markdown) {
-	const normalized = markdown.replace(/\r\n/g, "\n").trim();
-	if (!normalized) return {
-		type: "doc",
-		content: []
-	};
-	return {
-		type: "doc",
-		content: normalized.split(/\n{2,}/).map((paragraph) => paragraph.trim()).filter(Boolean).map((paragraph) => {
-			const inline = parseRichTextParagraphInlineMarkdown(paragraph);
-			return inline.length > 0 ? {
-				type: "paragraph",
-				content: inline
-			} : { type: "paragraph" };
-		})
-	};
-}
-var TipTapMarkSchema, TipTapNodeSchema, RichTextDocSchema;
-var init_richTextSchema = __esmMin((() => {
-	init_typeGuards();
-	TipTapMarkSchema = z$1.object({
-		type: z$1.string(),
-		attrs: z$1.record(z$1.string(), z$1.unknown()).optional()
-	});
-	TipTapNodeSchema = z$1.lazy(() => z$1.object({
-		type: z$1.string(),
-		content: z$1.array(TipTapNodeSchema).optional(),
-		text: z$1.string().optional(),
-		attrs: z$1.record(z$1.string(), z$1.unknown()).optional(),
-		marks: z$1.array(TipTapMarkSchema).optional()
-	}));
-	z$1.union([TipTapNodeSchema, z$1.object({ doc: TipTapNodeSchema })]);
-	RichTextDocSchema = z$1.object({
-		type: z$1.literal("doc"),
-		content: z$1.array(TipTapNodeSchema)
-	});
-}));
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
-function coerceRichTextDoc(value) {
-	const raw = unwrapRichTextRoot(value);
-	if (typeof raw === "string") return createRichTextDocFromMarkdown(raw);
-	if (isRecord$16(raw) && typeof raw.type === "string") return raw;
-	return null;
-}
-var init_richText_coerce = __esmMin((() => {
-	init_richTextSchema();
-	init_typeGuards();
-}));
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/renderInlineText.tsx
-init_richText_coerce();
-function renderInlineText(value) {
-	return value.map((run, index) => renderRun(run, index));
-}
-function renderRun(run, key) {
-	return (run.marks ?? []).reduceRight((child, mark, index) => renderMark(mark, `${String(key)}-${index}`, child), run.text);
-}
-function renderMark(mark, key, child) {
-	switch (mark.kind) {
-		case "strong": return /* @__PURE__ */ jsx("strong", { children: child }, key);
-		case "emphasis": return /* @__PURE__ */ jsx("em", { children: child }, key);
-		case "accent": return /* @__PURE__ */ jsx("span", {
-			className: `rb-inline-text-accent rb-inline-text-accent-${mark.tone}`,
-			children: child
-		}, key);
-		case "highlight": return /* @__PURE__ */ jsx("span", {
-			className: `rb-inline-text-highlight rb-inline-text-highlight-${mark.tone}`,
-			children: child
-		}, key);
-	}
-}
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/basic.tsx
-const TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
-	const inlineText = parseInlineTextFromUnknown(value);
-	if (inlineText.ok && !isInlineTextEmpty(inlineText.value)) return /* @__PURE__ */ jsx(Text$1, {
-		...rest,
-		children: renderInlineText(inlineText.value)
-	});
-	const fallbackValue = inlineTextFallbackPath ? readStringPath(blockContent, inlineTextFallbackPath) : null;
-	return /* @__PURE__ */ jsx(Text$1, {
-		...rest,
-		children: fallbackValue ?? textNodeContent(value) ?? children
-	});
-};
-function textNodeContent(value) {
-	if (value === null || value === void 0) return null;
-	if (typeof value === "string" || typeof value === "number") return value;
-	return null;
-}
-function readStringPath(source, path) {
-	const value = getAtPath(source, path);
-	return typeof value === "string" ? value : null;
-}
-const RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-	return /* @__PURE__ */ jsx(RichText, {
-		doc: coerceRichTextDoc(value) ?? void 0,
-		...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 }) => {
-	const content = value ?? children;
-	if (!content) {
-		console.warn("[ButtonNode] No content to render - value and children are both empty");
-		return null;
-	}
-	const resolvedHref = typeof href === "string" ? href.trim() : "";
-	if (linkRequired && resolvedHref.length === 0) {
-		console.warn("[ButtonNode] Missing href for link-required button");
-		return null;
-	}
-	const resolvedVariantId = parseThemeButtonVariantId(variantId);
-	const combinedClassName = resolvedVariantId ? themeButtonClassName({
-		variant: resolvedVariantId,
-		size,
-		extraClassName: className
-	}) : className;
-	if (resolvedHref) return /* @__PURE__ */ jsx("a", {
-		href: resolvedHref,
-		target,
-		rel,
-		className: combinedClassName,
-		...rest,
-		children: content
-	});
-	return /* @__PURE__ */ jsx("button", {
-		type,
-		disabled,
-		className: combinedClassName,
-		...rest,
-		children: content
-	});
-};
-const LinkNode = ({ href, children, className, target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-	if (!children) return null;
-	const resolvedHref = typeof href === "string" ? href.trim() : "";
-	if (resolvedHref.length === 0) {
-		if (linkRequired && true) console.warn("[LinkNode] Missing href for link-required link");
-		if (linkRequired) return null;
-		return /* @__PURE__ */ jsx("span", {
-			className,
-			...rest,
-			children
-		});
-	}
-	return /* @__PURE__ */ jsx("a", {
-		href: resolvedHref,
-		className,
-		target,
-		rel,
-		...rest,
-		children
-	});
-};
 //#endregion
 //#region ../blocks/src/system/icons/svg.tsx
 function createIcon(displayName, children) {
@@ -7430,6 +7282,430 @@ 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;
+}
+const inlineTextMarkSchema = z$1.discriminatedUnion("kind", [
+	z$1.object({ kind: z$1.literal("strong") }),
+	z$1.object({ kind: z$1.literal("emphasis") }),
+	z$1.object({
+		kind: z$1.literal("accent"),
+		tone: z$1.enum([
+			"accent",
+			"brand",
+			"contrast"
+		])
+	}),
+	z$1.object({
+		kind: z$1.literal("highlight"),
+		tone: z$1.enum([
+			"soft",
+			"accent",
+			"brand"
+		])
+	})
+]);
+const inlineTextRunSchema = z$1.object({
+	text: z$1.string(),
+	marks: z$1.array(inlineTextMarkSchema).optional()
+});
+z$1.array(inlineTextRunSchema);
+const MARK_ORDER = {
+	strong: 0,
+	emphasis: 1,
+	accent: 2,
+	highlight: 3
+};
+function inlineTextToPlainText(value) {
+	return value.map((run) => run.text).join("");
+}
+function isInlineTextEmpty(value) {
+	return inlineTextToPlainText(value).trim().length === 0;
+}
+function parseInlineTextFromUnknown(value) {
+	if (!Array.isArray(value)) return {
+		ok: false,
+		error: { kind: "not-array" }
+	};
+	const runs = [];
+	for (let index = 0; index < value.length; index += 1) {
+		const parsed = inlineTextRunSchema.safeParse(value[index]);
+		if (!parsed.success) return {
+			ok: false,
+			error: {
+				kind: "invalid-run",
+				index
+			}
+		};
+		runs.push(parsed.data);
+	}
+	return {
+		ok: true,
+		value: normalizeInlineText(runs)
+	};
+}
+function normalizeInlineText(value) {
+	const normalized = [];
+	for (const run of value) {
+		if (run.text.length === 0) continue;
+		const marks = normalizeInlineTextMarks(run.marks ?? []);
+		const nextRun = marks.length > 0 ? {
+			text: run.text,
+			marks
+		} : { text: run.text };
+		const previous = normalized[normalized.length - 1];
+		if (previous && inlineTextMarksEqual(previous.marks ?? [], nextRun.marks ?? [])) {
+			normalized[normalized.length - 1] = previous.marks && previous.marks.length > 0 ? {
+				text: previous.text + nextRun.text,
+				marks: previous.marks
+			} : { text: previous.text + nextRun.text };
+			continue;
+		}
+		normalized.push(nextRun);
+	}
+	return normalized;
+}
+function normalizeInlineTextMarks(marks) {
+	let strong = null;
+	let emphasis = null;
+	let accent = null;
+	let highlight = null;
+	for (const mark of marks) switch (mark.kind) {
+		case "strong":
+			strong = { kind: "strong" };
+			break;
+		case "emphasis":
+			emphasis = { kind: "emphasis" };
+			break;
+		case "accent":
+			accent = {
+				kind: "accent",
+				tone: mark.tone
+			};
+			break;
+		case "highlight":
+			highlight = {
+				kind: "highlight",
+				tone: mark.tone
+			};
+			break;
+	}
+	return [
+		strong,
+		emphasis,
+		accent,
+		highlight
+	].filter((mark) => mark !== null).sort((left, right) => MARK_ORDER[left.kind] - MARK_ORDER[right.kind]);
+}
+function inlineTextMarksEqual(left, right) {
+	const normalizedLeft = normalizeInlineTextMarks(left);
+	const normalizedRight = normalizeInlineTextMarks(right);
+	if (normalizedLeft.length !== normalizedRight.length) return false;
+	return normalizedLeft.every((mark, index) => inlineTextMarkEqual(mark, normalizedRight[index]));
+}
+function inlineTextMarkEqual(left, right) {
+	if (!right || left.kind !== right.kind) return false;
+	switch (left.kind) {
+		case "strong":
+		case "emphasis": return true;
+		case "accent": return right.kind === "accent" && left.tone === right.tone;
+		case "highlight": return right.kind === "highlight" && left.tone === right.tone;
+	}
+}
+//#endregion
+//#region ../blocks/src/lib/typeGuards.ts
+/**
+* Strict record guard: excludes null, primitives, and arrays.
+*/
+function isRecord$18(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var init_typeGuards = __esmMin((() => {}));
+/**
+* Permissive unwrap for a value known to be the root of a rich-text field.
+*
+* Producers should emit the canonical unwrapped form `{ type: 'doc', content: [...] }`,
+* but two legacy shapes still appear in older data and pre-Phase-1 fixtures:
+*
+*   - `{ doc: <typed-doc> }` — pre-migration DB storage.
+*   - `{ doc: <typed-doc>, html, plain }` — pre-Phase-1 dummy-content output.
+*
+* This helper is the single right place to tolerate either shape at a known
+* rich-text root (transforms, coercion, validators that operate on rich text).
+* The strictness sits on the inner node's `type === 'doc'`, which prevents
+* misidentifying random objects that happen to carry a field named `doc`.
+*
+* Returns the inner doc node when the input matches a legacy shape, otherwise
+* returns the input unchanged.
+*
+* For deep structural traversal where any nested key might be named `doc`
+* (and unwrapping would be incorrect), use the strict `isDocWrapper` private
+* helper inside `@riverbankcms/blocks/bindings`.
+*/
+function unwrapRichTextRoot(value) {
+	if (!isRecord$18(value)) return value;
+	if (!("doc" in value)) return value;
+	const inner = value.doc;
+	if (isRecord$18(inner) && inner.type === "doc") return inner;
+	return value;
+}
+function createHardBreakNode() {
+	return { type: "hardBreak" };
+}
+/**
+* Parse a small markdown subset into TipTap inline nodes.
+*
+* This intentionally supports only bold (`**text**`) because the SDK/content
+* import paths use it for lightweight default content, not full markdown.
+*/
+function parseRichTextInlineMarkdown(text) {
+	const out = [];
+	const pushText = (value, marks) => {
+		if (!value) return;
+		out.push(marks && marks.length > 0 ? {
+			type: "text",
+			text: value,
+			marks
+		} : {
+			type: "text",
+			text: value
+		});
+	};
+	let rest = text;
+	while (rest.length > 0) {
+		const start = rest.indexOf("**");
+		if (start === -1) {
+			pushText(rest);
+			break;
+		}
+		const end = rest.indexOf("**", start + 2);
+		if (end === -1) {
+			pushText(rest);
+			break;
+		}
+		pushText(rest.slice(0, start));
+		pushText(rest.slice(start + 2, end), [{ type: "bold" }]);
+		rest = rest.slice(end + 2);
+	}
+	return out;
+}
+function parseRichTextParagraphInlineMarkdown(text) {
+	return text.split("\n").flatMap((line, index) => {
+		const lineNodes = parseRichTextInlineMarkdown(line.trim());
+		return index === 0 ? lineNodes : [createHardBreakNode(), ...lineNodes];
+	});
+}
+/**
+* Convert a plain string with a tiny markdown subset to canonical TipTap JSON.
+*
+* Double newlines create semantic paragraphs. Single newlines remain inside the
+* current paragraph as TipTap `hardBreak` nodes for line-oriented content such
+* as addresses, opening hours, and contact details.
+*/
+function createRichTextDocFromMarkdown(markdown) {
+	const normalized = markdown.replace(/\r\n/g, "\n").trim();
+	if (!normalized) return {
+		type: "doc",
+		content: []
+	};
+	return {
+		type: "doc",
+		content: normalized.split(/\n{2,}/).map((paragraph) => paragraph.trim()).filter(Boolean).map((paragraph) => {
+			const inline = parseRichTextParagraphInlineMarkdown(paragraph);
+			return inline.length > 0 ? {
+				type: "paragraph",
+				content: inline
+			} : { type: "paragraph" };
+		})
+	};
+}
+var TipTapMarkSchema, TipTapNodeSchema, RichTextDocSchema;
+var init_richTextSchema = __esmMin((() => {
+	init_typeGuards();
+	TipTapMarkSchema = z$1.object({
+		type: z$1.string(),
+		attrs: z$1.record(z$1.string(), z$1.unknown()).optional()
+	});
+	TipTapNodeSchema = z$1.lazy(() => z$1.object({
+		type: z$1.string(),
+		content: z$1.array(TipTapNodeSchema).optional(),
+		text: z$1.string().optional(),
+		attrs: z$1.record(z$1.string(), z$1.unknown()).optional(),
+		marks: z$1.array(TipTapMarkSchema).optional()
+	}));
+	z$1.union([TipTapNodeSchema, z$1.object({ doc: TipTapNodeSchema })]);
+	RichTextDocSchema = z$1.object({
+		type: z$1.literal("doc"),
+		content: z$1.array(TipTapNodeSchema)
+	});
+}));
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
+function coerceRichTextDoc(value) {
+	const raw = unwrapRichTextRoot(value);
+	if (typeof raw === "string") return createRichTextDocFromMarkdown(raw);
+	if (isRecord$18(raw) && typeof raw.type === "string") return raw;
+	return null;
+}
+var init_richText_coerce = __esmMin((() => {
+	init_richTextSchema();
+	init_typeGuards();
+}));
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/renderInlineText.tsx
+init_richText_coerce();
+function renderInlineText(value) {
+	return value.map((run, index) => renderRun(run, index));
+}
+function renderRun(run, key) {
+	return (run.marks ?? []).reduceRight((child, mark, index) => renderMark(mark, `${String(key)}-${index}`, child), run.text);
+}
+function renderMark(mark, key, child) {
+	switch (mark.kind) {
+		case "strong": return /* @__PURE__ */ jsx("strong", { children: child }, key);
+		case "emphasis": return /* @__PURE__ */ jsx("em", { children: child }, key);
+		case "accent": return /* @__PURE__ */ jsx("span", {
+			className: `rb-inline-text-accent rb-inline-text-accent-${mark.tone}`,
+			children: child
+		}, key);
+		case "highlight": return /* @__PURE__ */ jsx("span", {
+			className: `rb-inline-text-highlight rb-inline-text-highlight-${mark.tone}`,
+			children: child
+		}, key);
+	}
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/basic.tsx
+const TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
+	const inlineText = parseInlineTextFromUnknown(value);
+	if (inlineText.ok && !isInlineTextEmpty(inlineText.value)) return /* @__PURE__ */ jsx(Text$1, {
+		...rest,
+		children: renderInlineText(inlineText.value)
+	});
+	const fallbackValue = inlineTextFallbackPath ? readStringPath(blockContent, inlineTextFallbackPath) : null;
+	return /* @__PURE__ */ jsx(Text$1, {
+		...rest,
+		children: fallbackValue ?? textNodeContent(value) ?? children
+	});
+};
+function textNodeContent(value) {
+	if (value === null || value === void 0) return null;
+	if (typeof value === "string" || typeof value === "number") return value;
+	return null;
+}
+function readStringPath(source, path) {
+	const value = getAtPath(source, path);
+	return typeof value === "string" ? value : null;
+}
+const RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
+	return /* @__PURE__ */ jsx(RichText, {
+		doc: coerceRichTextDoc(value) ?? void 0,
+		...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) {
+		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
+	}) : extraClassName;
+	if (resolvedHref) return /* @__PURE__ */ jsxs("a", {
+		href: resolvedHref,
+		target,
+		rel,
+		className: combinedClassName,
+		...rest,
+		children: [content, affordanceIcon]
+	});
+	return /* @__PURE__ */ jsxs("button", {
+		type,
+		disabled,
+		className: combinedClassName,
+		...rest,
+		children: [content, affordanceIcon]
+	});
+};
+const LinkNode = ({ href, children, className, target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
+	if (!children) return null;
+	const resolvedHref = typeof href === "string" ? href.trim() : "";
+	if (resolvedHref.length === 0) {
+		if (linkRequired && true) console.warn("[LinkNode] Missing href for link-required link");
+		if (linkRequired) return null;
+		return /* @__PURE__ */ jsx("span", {
+			className,
+			...rest,
+			children
+		});
+	}
+	return /* @__PURE__ */ jsx("a", {
+		href: resolvedHref,
+		className,
+		target,
+		rel,
+		...rest,
+		children
+	});
+};
+//#endregion
 //#region ../blocks/src/system/icons/ids.ts
 const GENERATED_ICON_SET_ID_PATTERN = /^generated-icon-set:[a-z0-9][a-z0-9:_-]{0,107}$/u;
 const GENERATED_ICON_ASSET_ID_PATTERN = /^generated-icon-asset:[a-z0-9][a-z0-9:_-]{0,105}$/u;
@@ -7464,7 +7740,7 @@ function parseSiteIconStyleGuideVersionId(value) {
 //#endregion
 //#region ../blocks/src/system/icons/value.ts
 const NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord$15(value) {
+function isRecord$17(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
@@ -7472,7 +7748,7 @@ function parseBlockIconValue(value) {
 		kind: "semantic",
 		iconId: value
 	};
-	if (!isRecord$15(value)) return NO_BLOCK_ICON_VALUE;
+	if (!isRecord$17(value)) return NO_BLOCK_ICON_VALUE;
 	switch (value.kind) {
 		case "none": return NO_BLOCK_ICON_VALUE;
 		case "semantic": return isSemanticIconId(value.iconId) ? {
@@ -7545,7 +7821,7 @@ function buildGeneratedBlockIconRenderAssetLookupFromUnknown(value) {
 	if (!Array.isArray(value)) return { kind: "invalid_asset_list" };
 	const inputs = [];
 	for (const [index, item] of value.entries()) {
-		if (!isRecord$15(item)) return {
+		if (!isRecord$17(item)) return {
 			kind: "invalid_asset_entry",
 			index,
 			reason: "not_object"
@@ -7663,11 +7939,11 @@ function resolveFeatureCardGeneratedIconSizePx(value) {
 	const parsed = parseFeatureCardGeneratedIconSizePx(value);
 	return parsed.ok ? parsed.value : unsafeAsFeatureCardGeneratedIconSizePx(FEATURE_CARD_GENERATED_ICON_SIZE_PX.default);
 }
-function isRecord$14(value) {
+function isRecord$16(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function toPlainTextFromTipTap(value) {
-	if (!isRecord$14(value)) return "";
+	if (!isRecord$16(value)) return "";
 	if (typeof value.text === "string") return value.text;
 	const content = value.content;
 	if (!Array.isArray(content)) return "";
@@ -8819,6 +9095,78 @@ var init_spinner$1 = __esmMin((() => {
 	init_clsx();
 }));
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/svg.tsx
+init_spinner$1();
+/**
+* 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))
+	});
+};
+//#endregion
 //#region ../blocks/src/contracts/runtime.ts
 function decodeSuccess(value) {
 	return {
@@ -8985,7 +9333,7 @@ function successSubmissionFeedback(message) {
 		message
 	};
 }
-function isRecord$12(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function deepEqualJsonValue(left, right) {
@@ -8995,8 +9343,8 @@ function deepEqualJsonValue(left, right) {
 		if (left.length !== right.length) return false;
 		return left.every((item, index) => deepEqualJsonValue(item, right[index]));
 	}
-	if (isRecord$12(left) || isRecord$12(right)) {
-		if (!isRecord$12(left) || !isRecord$12(right)) return false;
+	if (isRecord$14(left) || isRecord$14(right)) {
+		if (!isRecord$14(left) || !isRecord$14(right)) return false;
 		const leftKeys = Object.keys(left).sort();
 		if (!deepEqualJsonValue(leftKeys, Object.keys(right).sort())) return false;
 		return leftKeys.every((key) => deepEqualJsonValue(left[key], right[key]));
@@ -9153,12 +9501,12 @@ function resolveBookingSiteId(siteId, form) {
 	return siteId || form?.siteId || "";
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$11(form)) return null;
+	if (!isRecord$13(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$11(form.schema) ? form.schema : isRecord$11(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$11(form.settings) ? form.settings : isRecord$11(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$13(form.schema) ? form.schema : isRecord$13(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$13(form.settings) ? form.settings : isRecord$13(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -9178,8 +9526,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$11(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$11(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$13(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$13(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -9190,7 +9538,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$11(value)) return null;
+	if (!isRecord$13(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -9234,7 +9582,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$11(value)) return null;
+	if (!isRecord$13(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -9254,7 +9602,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$11(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
+	return isRecord$13(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
 }
 function collectBookingCustomFields(data) {
 	const customFields = {};
@@ -9304,7 +9652,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$11(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -9798,7 +10146,6 @@ var init_booking_form_interactive = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.server.tsx
-init_spinner$1();
 init_booking_form_interactive();
 /**
 * Server-safe placeholder for booking form.
@@ -10256,11 +10603,11 @@ var init_shared$5 = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/destination.ts
-function isRecord$10(value) {
+function isRecord$12(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isRuntimeEventDestination(value) {
-	if (!isRecord$10(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$12(value) || typeof value.kind !== "string") return false;
 	if (value.kind === "native") return (value.mode === "cms-managed" || value.mode === "system-managed") && typeof value.path === "string";
 	return value.kind === "external" && typeof value.url === "string" && typeof value.label === "string";
 }
@@ -10323,15 +10670,15 @@ function resolveRuntimeEventPricing(event) {
 function readCurrency(value) {
 	return typeof value === "string" && value.trim().length > 0 ? value : DEFAULT_EVENT_CURRENCY$1;
 }
-function isRecord$9(value) {
+function isRecord$11(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPublicEventPricing(value) {
-	if (!isRecord$9(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$11(value) || typeof value.kind !== "string") return false;
 	return value.kind === "drop_in" || value.kind === "free_registration" || value.kind === "single_paid" || value.kind === "sliding_scale" || value.kind === "ticket_types" || value.kind === "course" || value.kind === "external";
 }
 function isPublicEventTicketType(value) {
-	return isRecord$9(value) && typeof value.id === "string";
+	return isRecord$11(value) && typeof value.id === "string";
 }
 function readTicketTypePriceDisplay(value, currency) {
 	const display = readLegacyPriceDisplay(value, currency);
@@ -10341,7 +10688,7 @@ function readTicketTypePriceDisplay(value, currency) {
 	} : display;
 }
 function readLegacyPriceDisplay(value, currency) {
-	if (!isRecord$9(value) || typeof value.kind !== "string") return {
+	if (!isRecord$11(value) || typeof value.kind !== "string") return {
 		kind: "unavailable",
 		currency
 	};
@@ -10393,7 +10740,7 @@ function readLegacyPriceDisplay(value, currency) {
 			kind: "unavailable",
 			currency: displayCurrency
 		};
-		case "course": return isRecord$9(value.display) ? {
+		case "course": return isRecord$11(value.display) ? {
 			kind: "course",
 			display: readCoursePriceDisplay(value.display, displayCurrency)
 		} : {
@@ -11040,6 +11387,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
@@ -12472,13 +12853,15 @@ 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((() => {})), init_generateDefaultCardSystem = __esmMin((() => {})), 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((() => {
@@ -13788,8 +14171,11 @@ var init_builder$2 = __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((() => {
@@ -13837,7 +14223,8 @@ var init_events$1 = __esmMin((() => {
 		"combined",
 		"calendar",
 		"list",
-		"timetable"
+		"timetable",
+		"week-board"
 	];
 	eventCalendarDefaultViewValues = ["month", "week"];
 	eventCalendarListLayoutValues = [
@@ -16475,6 +16862,96 @@ var init_all = __esmMin((() => {
 	init_PaletteCard();
 }));
 //#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, 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 = 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,
+		primaryForeground: hexColorSchema,
+		secondary: hexColorSchema,
+		accent: hexColorSchema,
+		success: hexColorSchema,
+		warning: hexColorSchema,
+		destructive: hexColorSchema,
+		background: hexColorSchema,
+		surface: hexColorSchema,
+		surfaceAlt: hexColorSchema,
+		muted: hexColorSchema,
+		text: hexColorSchema,
+		border: hexColorSchema
+	}).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$7 = __esmMin((() => {}));
 //#endregion
@@ -17601,90 +18078,6 @@ var init_browser = __esmMin((() => {
 var init_extractPalette = __esmMin((() => {
 	init_browser();
 }));
-//#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, 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 = 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,
-		primaryForeground: hexColorSchema,
-		secondary: hexColorSchema,
-		accent: hexColorSchema,
-		success: hexColorSchema,
-		warning: hexColorSchema,
-		destructive: hexColorSchema,
-		background: hexColorSchema,
-		surface: hexColorSchema,
-		surfaceAlt: hexColorSchema,
-		muted: hexColorSchema,
-		text: hexColorSchema,
-		border: hexColorSchema
-	}).strict().transform((value) => value);
-}));
 var init_editorState = __esmMin((() => {}));
 var init_libraryModel = __esmMin((() => {}));
 var init_themePaletteCompatibility = __esmMin((() => {
@@ -17695,6 +18088,7 @@ var init_legacySelection = __esmMin((() => {
 	init_themeColorTokens();
 	init_colors();
 	init_themePaletteCompatibility();
+	init_historicalThemePalette();
 }));
 //#endregion
 //#region ../theme-core/src/palette/curated/types.ts
@@ -17744,7 +18138,7 @@ var init_types$6 = __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$6();
 	brandLedCool = defineCuratedPalette({
@@ -17942,6 +18336,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",
@@ -18882,8 +19341,7 @@ var init_warm_dark = __esmMin((() => {
 function findCuratedPalette(id) {
 	return curatedPalettesById.get(id);
 }
-var curatedPalettes, curatedPalettesById;
-var init_curated = __esmMin((() => {
+var curatedPalettes, curatedPalettesById, init_curated = __esmMin((() => {
 	init_brand_led();
 	init_high_contrast();
 	init_soft_natural();
@@ -18895,6 +19353,7 @@ var init_curated = __esmMin((() => {
 		brandLedWarm,
 		brandLedJewel,
 		brandLedBurgundyGold,
+		brandLedSpruce,
 		warmNeutralClay,
 		warmNeutralCream,
 		warmNeutralSoftEarth,
@@ -19008,6 +19467,7 @@ var init_fromVibrant = __esmMin((() => {
 	init_expandPalette();
 	init_generateCssVars();
 	init_generateShades();
+	init_historicalThemePalette();
 	init_neutralScale();
 	init_types$7();
 	init_utils$4();
@@ -19744,6 +20204,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$12(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;
@@ -19843,6 +20347,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),
@@ -20421,6 +20957,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: {
@@ -20487,6 +21030,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",
@@ -21047,7 +21605,7 @@ function defineTypographyPreset(preset) {
 		id: asTypographyPresetId(preset.id)
 	};
 }
-var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, typographyPresets;
+var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, fulcrumTypography, typographyPresets;
 var init_typographyPresets = __esmMin((() => {
 	bodyReadablePolicy = {
 		recommendedCategories: ["sans-serif", "serif"],
@@ -21409,6 +21967,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",
@@ -21668,6 +22269,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
 		})
 	];
 	new Map(typographyPresets.map((preset) => [preset.id, preset]));
@@ -21831,16 +22458,22 @@ var init_types$5 = __esmMin((() => {
 /**
 * Gradient configuration types and schemas
 */
-var gradientStopSchema, gradientConfigSchema;
+var gradientStopSchema, radialGradientShapeSchema, gradientConfigSchema;
 var init_types$4 = __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)
 	});
@@ -22165,7 +22798,7 @@ var init_rawStyleFields = __esmMin((() => {
 	[...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
 	pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
 	siteChromeBackgroundOverrideOwner = "site-chrome-editor";
-})), 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$1, 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$1, 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$1 = __esmMin((() => {
 	init_media();
 	init_buttons();
@@ -22445,6 +23078,7 @@ var init_schema$1 = __esmMin((() => {
 		"majorThird",
 		"perfectFourth"
 	]);
+	eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
 	typographySchema = z$1.object({
 		body: bodyTypographyStyleSchema,
 		headings: z$1.object({
@@ -22457,7 +23091,8 @@ var init_schema$1 = __esmMin((() => {
 			h6: headingTypographyOverridesSchema.optional()
 		}),
 		scale: typographyScaleSchema,
-		proseLinkStyle: proseLinkStyleSchema.optional()
+		proseLinkStyle: proseLinkStyleSchema.optional(),
+		eyebrow: eyebrowTypographyStyleSchema.optional()
 	});
 	spaceSchema = z$1.enum([
 		"comfortable",
@@ -22482,7 +23117,8 @@ var init_schema$1 = __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([
@@ -22723,6 +23359,7 @@ var init_schema$1 = __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(),
@@ -23478,7 +24115,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",
@@ -24690,6 +25328,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")
+			]
 		})
 	];
 	new Map(curatedSiteStyles.map((style) => [style.id, style]));
@@ -25154,7 +25890,8 @@ var init_site_styles = __esmMin((() => {
 }));
 var init_themeColorResolution = __esmMin((() => {
 	init_tokenOrColor();
-})), init_sectionForegroundStyles = __esmMin((() => {
+})), init_surfaceForegroundStyles = __esmMin((() => {
+	init_surfaces();
 	init_themeColorResolution();
 }));
 var init_boxStyles$1 = __esmMin((() => {
@@ -25164,8 +25901,7 @@ var init_boxStyles$1 = __esmMin((() => {
 	init_colorStyles();
 	init_cards();
 	init_blockColorTokens();
-	init_themeColorResolution();
-	init_sectionForegroundStyles();
+	init_surfaceForegroundStyles();
 	new Set(tileTreatmentValues);
 	new Set(eventListTreatmentValues);
 }));
@@ -26061,6 +26797,9 @@ var init_validation_constants = __esmMin((() => {
 		"richText",
 		"media",
 		"videoEmbed",
+		"icon",
+		"feature-card-icon",
+		"svg",
 		"button",
 		"link",
 		"carousel",
@@ -26090,11 +26829,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",
@@ -27246,7 +27987,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",
@@ -32452,7 +33215,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",
@@ -32563,6 +33326,10 @@ const eventCalendarAdditionalFields = [
 				value: "timetable",
 				label: "Timetable"
 			},
+			{
+				value: "week-board",
+				label: "Week board"
+			},
 			{
 				value: "list",
 				label: "List"
@@ -32745,7 +33512,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"calendar",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -32848,7 +33616,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}
 		}
@@ -32883,7 +33652,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -32906,7 +33676,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -32929,7 +33700,8 @@ const eventCalendarAdditionalFields = [
 					"combined",
 					"calendar",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, {
 				field: "showFilters",
@@ -32951,7 +33723,8 @@ const eventCalendarAdditionalFields = [
 				oneOf: [
 					"combined",
 					"list",
-					"timetable"
+					"timetable",
+					"week-board"
 				]
 			}, { allOf: [{
 				field: "variant",
@@ -33127,6 +33900,7 @@ const eventCalendarVariants = {
 	combined: eventCalendarLayout[0],
 	calendar: eventCalendarLayout[0],
 	timetable: eventCalendarLayout[0],
+	"week-board": eventCalendarLayout[0],
 	list: eventCalendarLayout[0]
 };
 const eventCalendarContentShape = {
@@ -33140,6 +33914,7 @@ const eventCalendarContentShape = {
 				{ value: "combined" },
 				{ value: "calendar" },
 				{ value: "timetable" },
+				{ value: "week-board" },
 				{ value: "list" }
 			]
 		},
@@ -33206,6 +33981,7 @@ const eventCalendarBlockDefinition = {
 			combined: { label: "Combined" },
 			calendar: { label: "Calendar" },
 			timetable: { label: "Timetable" },
+			"week-board": { label: "Week board" },
 			list: { label: "List" }
 		}
 	}, eventCalendarContentShape),
@@ -35539,6 +36315,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$5();
+	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({
@@ -35633,6 +36556,7 @@ init_clsx();
 init_EventListing_view();
 init_EventCalendar_interactive();
 init_WeekAgendaView();
+init_WeekBoardView();
 init_utils$5();
 init_timetableModel();
 init_buttons();
@@ -35977,6 +36901,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";
@@ -36003,6 +36938,9 @@ const EventCalendarSSR = (props) => {
 		case "timetable":
 			content = renderTimetableSsr(display);
 			break;
+		case "week-board":
+			content = renderWeekBoardSsr(display);
+			break;
 		case "calendar":
 			content = renderCalendarSsr(display);
 			break;
@@ -36611,6 +37549,7 @@ init_media_server();
 const serverComponentRegistry = {
 	div: DivNode,
 	figure: FigureNode,
+	svg: SvgNode,
 	section: SectionNode,
 	headerSection: header_section_server_default,
 	stack: StackNode,
@@ -104190,7 +105129,7 @@ var init_course_registration_client = __esmMin((() => {
 * Loads Leaflet CSS/JS from CDN to avoid bundling in the blocks package.
 */
 function isLeafletApi(value) {
-	if (!isRecord$16(value)) return false;
+	if (!isRecord$18(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -111962,7 +112901,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();
@@ -111975,6 +112914,7 @@ var init_EventCalendar_client = __esmMin((() => {
 	init_EventModalContext();
 	init_EventModals();
 	init_WeekAgendaView();
+	init_WeekBoardView();
 	init_WeekTimetableView();
 	init_buttons();
 	init_listOptions();
@@ -112012,8 +112952,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);
@@ -113063,10 +114015,14 @@ const clientComponentRegistry$1 = buildClientRegistryFromEntries(serverComponent
 	"weekly-slot-availability": defineSourcePropsClientEntry(WeeklySlotAvailabilityClient)
 }, runtimeBackedBlockClientRegistry);
 //#endregion
+//#region ../theme-core/src/styles/shadow.ts
+init_colorStyles();
+//#endregion
 //#region ../theme-core/src/accordions/generateAccordionCss.ts
 init_types$13();
 init_constants$1();
 init_colorStyles();
+init_surfaces();
 //#endregion
 //#region ../theme-core/src/accordions/defaults.ts
 init_curatedSiteStyles();
@@ -113106,10 +114062,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
 /**
@@ -113447,6 +114403,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"
 };
@@ -113528,6 +114485,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);