@riverbankcms/sdk 0.130.2 → 0.132.0

package/dist/server/page-converter.mjs

@@ -1759,6 +1759,12 @@ const opaqueButtonColourTokenSchema = themeColorTokenSchema.refine((value) => pa
 	if (token === null) throw new Error("Invariant: opaque button token passed its schema");
 	return token;
 });
+const contextualButtonHoverSchema = z.strictObject({
+	kind: z.literal("shade-shift"),
+	seedToken: opaqueButtonColourTokenSchema,
+	fallbackDirection: z.enum(["lighter", "darker"]),
+	preferredToken: opaqueButtonColourTokenSchema.optional()
+});
 const buttonShadeAmountSchema = z.number().finite().min(0).max(900).multipleOf(100);
 const buttonShadowIntensitySchema = z.enum([
 	"subtle",
@@ -2098,6 +2104,7 @@ const buttonVariantSchema = z.strictObject({
 	shadow: variantShadowSchema.optional(),
 	border: buttonBorderSchema.optional(),
 	hoverBackgroundToken: opaqueButtonColourTokenSchema.optional(),
+	contextualHover: contextualButtonHoverSchema.optional(),
 	effects: variantEffectsSchema.optional(),
 	sizes: variantSizeOverridesSchema.optional(),
 	affordance: buttonVariantAffordanceSchema.optional()
@@ -2331,13 +2338,7 @@ const tokenOrCssColorValueSchema = z.string();
 buttonSizeNameSchema.options;
 //#endregion
 //#region ../theme-core/src/buttons/styles/domain.ts
-const PUBLIC_BUTTON_ROLES = [
-	"primary",
-	"secondary",
-	"outline",
-	"ghost",
-	"accent"
-];
+const PUBLIC_BUTTON_ROLES = VARIANT_ROLES;
 function defineButtonStyleRecipe(recipe) {
 	return recipe;
 }
@@ -2433,6 +2434,14 @@ const BUTTON_STYLE_IDS = [
 	"quiet-arrow"
 ];
 const quietArrowParametersSchema = z.object({ secondaryTreatment: z.enum(["outlined", "solid-accent"]) }).strict();
+const flatInkHoverTreatmentSchema = z.enum([
+	"contextual",
+	"secondary",
+	"accent"
+]);
+const flatInkHoverPreferencesShape = Object.fromEntries(VARIANT_ROLES.map((role) => [role, flatInkHoverTreatmentSchema.optional()]));
+const flatInkHoverPreferencesSchema = z.strictObject(flatInkHoverPreferencesShape);
+const flatInkParametersSchema = z.strictObject({ hoverPreferences: flatInkHoverPreferencesSchema.optional() });
 const emptyParametersSchema$1 = z.object({}).strict();
 function selectionBranch(styleId, parameters) {
 	return z.object({
@@ -2447,7 +2456,7 @@ const buttonStyleSelectionSchema = z.discriminatedUnion("styleId", [
 	selectionBranch("editorial-link", emptyParametersSchema$1),
 	selectionBranch("pebble", emptyParametersSchema$1),
 	selectionBranch("ink-stamp", emptyParametersSchema$1),
-	selectionBranch("flat-ink", emptyParametersSchema$1),
+	selectionBranch("flat-ink", flatInkParametersSchema),
 	selectionBranch("brushed-wash", emptyParametersSchema$1),
 	selectionBranch("showtime-pill", emptyParametersSchema$1),
 	selectionBranch("joy-stamp", emptyParametersSchema$1),
@@ -2584,6 +2593,189 @@ const quietArrowRecipe = defineButtonStyleRecipe({
 	})
 });
 //#endregion
+//#region ../theme-core/src/buttons/styles/recipes/flatInk.ts
+const contextualRoleConfig = {
+	primary: {
+		contextualSeedToken: unsafeAsOpaqueButtonColourToken("primary"),
+		fallbackDirection: "darker"
+	},
+	secondary: {
+		contextualSeedToken: unsafeAsOpaqueButtonColourToken("surfaceAlt"),
+		fallbackDirection: "darker"
+	},
+	outline: {
+		contextualSeedToken: unsafeAsOpaqueButtonColourToken("surfaceAlt"),
+		fallbackDirection: "darker"
+	},
+	ghost: {
+		contextualSeedToken: unsafeAsOpaqueButtonColourToken("surfaceAlt"),
+		fallbackDirection: "darker"
+	},
+	accent: {
+		contextualSeedToken: unsafeAsOpaqueButtonColourToken("accent"),
+		fallbackDirection: "darker"
+	}
+};
+const hoverControl = {
+	kind: "button-hover-by-role",
+	parameter: "hoverPreferences",
+	label: "Button hover",
+	roles: contextualRoleConfig,
+	options: [
+		{
+			value: "contextual",
+			label: "Contextual shade shift"
+		},
+		{
+			value: "secondary",
+			label: "Secondary button colour"
+		},
+		{
+			value: "accent",
+			label: "Accent button colour"
+		}
+	]
+};
+const lift = { effectId: "lift" };
+const flatInkRecipe = defineButtonStyleRecipe({
+	id: "flat-ink",
+	accessibilityLabel: "Flat rounded buttons with arrow affordances",
+	tags: {
+		tone: "classic",
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
+	},
+	parameterSchema: flatInkParametersSchema,
+	defaultParameters: {},
+	controls: [hoverControl],
+	defineSystem: (parameters) => ({
+		global: {
+			cornerStyle: "rounded",
+			textTransform: "none",
+			fontWeight: 600,
+			typography: "body",
+			letterSpacing: "tight",
+			paddingPreset: "default",
+			hoverTransform: "lift",
+			hoverColor: "none"
+		},
+		sizes: {
+			sm: {
+				padding: "0.625rem 1.125rem",
+				fontSize: "text-sm"
+			},
+			md: { padding: "0.8125rem 1.375rem" },
+			lg: {
+				padding: "0.9375rem 1.625rem",
+				fontSize: "text-lg"
+			},
+			xl: {
+				padding: "1.0625rem 2rem",
+				fontSize: "text-xl"
+			}
+		},
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("primary")
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					...hoverAppearance("primary", parameters, [lift, {
+						effectId: "background-on-hover",
+						options: { colorToken: unsafeAsOpaqueButtonColourToken("secondary") }
+					}])
+				}
+			},
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					...hoverAppearance("secondary", parameters, [lift, {
+						effectId: "background-on-hover",
+						options: { colorToken: unsafeAsOpaqueButtonColourToken("surfaceAlt") }
+					}])
+				}
+			},
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					...hoverAppearance("outline", parameters, [lift, {
+						effectId: "background-on-hover",
+						options: { colorToken: unsafeAsOpaqueButtonColourToken("surfaceAlt") }
+					}])
+				}
+			},
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					...hoverAppearance("ghost", parameters, [lift])
+				}
+			},
+			accent: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("accent")
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					...hoverAppearance("accent", parameters, [lift])
+				}
+			}
+		}
+	})
+});
+function hoverAppearance(role, parameters, recommended) {
+	const preference = parameters.hoverPreferences?.[role];
+	if (preference === void 0) return { effects: { hover: [...recommended] } };
+	if (preference === "contextual") {
+		const config = contextualRoleConfig[role];
+		return {
+			effects: { hover: [lift] },
+			contextualHover: {
+				kind: "shade-shift",
+				seedToken: config.contextualSeedToken,
+				fallbackDirection: config.fallbackDirection
+			}
+		};
+	}
+	const config = contextualRoleConfig[role];
+	return {
+		effects: { hover: [lift] },
+		contextualHover: {
+			kind: "shade-shift",
+			seedToken: config.contextualSeedToken,
+			fallbackDirection: config.fallbackDirection,
+			preferredToken: unsafeAsOpaqueButtonColourToken(paletteRole(preference))
+		}
+	};
+}
+function paletteRole(preference) {
+	return preference;
+}
+//#endregion
 //#region ../theme-core/src/buttons/styles/recipes/defineStaticButtonStyleRecipe.ts
 const emptyParametersSchema = z.object({}).strict();
 function defineStaticButtonStyleRecipe(input) {
@@ -3430,113 +3622,6 @@ const inkStampRecipe = defineStaticButtonStyleRecipe({
 		}
 	}
 });
-const flatInkRecipe = defineStaticButtonStyleRecipe({
-	id: "flat-ink",
-	accessibilityLabel: "Flat rounded buttons with arrow affordances",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
-	},
-	system: {
-		global: {
-			cornerStyle: "rounded",
-			textTransform: "none",
-			fontWeight: 600,
-			typography: "body",
-			letterSpacing: "tight",
-			paddingPreset: "default",
-			hoverTransform: "lift",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.125rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "0.8125rem 1.375rem" },
-			lg: {
-				padding: "0.9375rem 1.625rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "1.0625rem 2rem",
-				fontSize: "text-xl"
-			}
-		},
-		roles: {
-			primary: {
-				kind: "complete",
-				appearance: {
-					background: {
-						type: "solid",
-						colorToken: "primary"
-					},
-					borderRadius: "rounded-lg",
-					affordance: { iconId: "ArrowRight" },
-					effects: { hover: [{ effectId: "lift" }, {
-						effectId: "background-on-hover",
-						options: { colorToken: unsafeAsOpaqueButtonColourToken("secondary") }
-					}] }
-				}
-			},
-			secondary: {
-				kind: "complete",
-				appearance: {
-					background: {
-						type: "surface",
-						role: "link"
-					},
-					borderRadius: "rounded-lg",
-					border: { widthClass: "border" },
-					effects: { hover: [{ effectId: "lift" }, {
-						effectId: "background-on-hover",
-						options: { colorToken: unsafeAsOpaqueButtonColourToken("surfaceAlt") }
-					}] }
-				}
-			},
-			outline: {
-				kind: "complete",
-				appearance: {
-					background: {
-						type: "surface",
-						role: "link"
-					},
-					borderRadius: "rounded-lg",
-					border: { widthClass: "border" },
-					effects: { hover: [{ effectId: "lift" }, {
-						effectId: "background-on-hover",
-						options: { colorToken: unsafeAsOpaqueButtonColourToken("surfaceAlt") }
-					}] }
-				}
-			},
-			ghost: {
-				kind: "complete",
-				appearance: {
-					background: {
-						type: "surface",
-						role: "link"
-					},
-					borderRadius: "rounded-lg",
-					effects: { hover: [{ effectId: "lift" }] }
-				}
-			},
-			accent: {
-				kind: "complete",
-				appearance: {
-					background: {
-						type: "solid",
-						colorToken: "accent"
-					},
-					borderRadius: "rounded-lg",
-					affordance: { iconId: "ArrowRight" },
-					effects: { hover: [{ effectId: "lift" }] }
-				}
-			}
-		}
-	}
-});
 const showtimePillRecipe = defineStaticButtonStyleRecipe({
 	id: "showtime-pill",
 	accessibilityLabel: "Bold uppercase pill buttons with playful movement",
@@ -3958,8 +4043,8 @@ const openCardRoleValue = "open";
 */
 const surfaceCardRoleValues = [...cardVariantRoleValues, openCardRoleValue];
 /**
-* The closed card-role vocabulary Looks and blocks address cards by — this is
-* `BoxStylesCardVariant` widened with `open`, not a parallel enum.
+* The closed role vocabulary Looks and blocks use for surfaced and boxless
+* card choices.
 *
 * - `none`        — no site-style card surface; the block's own composition and
 *                   the author's own card fields govern the item. This is *not*
@@ -3971,11 +4056,6 @@ const surfaceCardRoleValues = [...cardVariantRoleValues, openCardRoleValue];
 * - `alternative` — the statement card carrying the site's personality
 */
 const cardRoleValues = [...surfaceCardRoleValues, boxlessCardVariantValue];
-const legacyCardVariantRoleAliases = {
-	variant1: "alternative",
-	variant2: "alternative",
-	statement: "alternative"
-};
 const cardSpacingSchema = z.enum([
 	"none",
 	"compact",
@@ -4005,26 +4085,16 @@ const gradientDirectionSchema = z.enum([
 	"to-br",
 	"to-bl"
 ]);
-const cardVariantRoleSchema = z.enum(cardVariantRoleValues);
+z.enum(cardVariantRoleValues);
 const surfaceCardRoleSchema = z.enum(surfaceCardRoleValues);
 const cardRoleSchema = z.enum(cardRoleValues);
-/**
-* Historical name for the role vocabulary as it reaches box styles. Widened to
-* the full `CardRole` set — old values keep parsing, `open` now parses too.
-*/
-const boxStylesCardVariantSchema = cardRoleSchema;
 function isCardVariantRole(value) {
 	return typeof value === "string" && cardVariantRoleValues.includes(value);
 }
 function normalizeCardVariantRole(value) {
-	if (isCardVariantRole(value)) return value;
-	if (typeof value !== "string") return null;
-	return legacyCardVariantRoleAliases[value] ?? null;
+	return isCardVariantRole(value) ? value : null;
 }
-/**
-* The one untrusted-input boundary for the role vocabulary. Legacy alias values
-* (`variant1`, `variant2`, `statement`) normalize here and nowhere else.
-*/
+/** The one untrusted-input boundary for the closed role vocabulary. */
 function normalizeCardRole(value) {
 	if (value === "none") return boxlessCardVariantValue;
 	if (value === "open") return openCardRoleValue;
@@ -4971,6 +5041,21 @@ const eventListTreatmentValues = [
 	"editorial-register",
 	"dense-index"
 ];
+const testimonialsCompositionTreatmentValues = [
+	"open-editorial",
+	"evergreen-lead",
+	"room-and-response",
+	"open-floor"
+];
+/**
+* How an offerings preview arranges its groups. Structure only — the group
+* card surface is the Look's `cardRole` and the site style's card system.
+*/
+const offeringsPreviewCompositionTreatmentValues = [
+	"paired-feature-cards",
+	"open-editorial-columns",
+	"joined-programme-panel"
+];
 const eyebrowTreatmentValues = [
 	"plain",
 	"accent",
@@ -5504,8 +5589,7 @@ const cardStylesOverrideSchema = z.object({
 	spacing: semanticSpacingSchema.nullable().optional(),
 	raised: z.boolean().nullable().optional(),
 	rounded: boxRoundedSchema.nullable().optional(),
-	role: cardRoleSchema.nullable().optional(),
-	cardVariant: boxStylesCardVariantSchema.nullable().optional()
+	role: cardRoleSchema.nullable().optional()
 });
 const blockStyleOverridesSchema = z.object({
 	sectionStyles: sectionStylesOverrideSchema.nullable().optional(),
@@ -6394,7 +6478,12 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["cards"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		cardRole: "alternative",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "paired-feature-cards"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "offerings-preview-open-editorial-columns",
@@ -6404,7 +6493,12 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["cards"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		cardRole: "open",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "open-editorial-columns"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "offerings-preview-joined-programme-panel",
@@ -6414,7 +6508,12 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["cards"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		cardRole: "default",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "joined-programme-panel"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "feature-cards-raised-rule",
@@ -6656,7 +6755,11 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["featured-editorial"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "evergreen-lead"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "testimonials-room-and-response",
@@ -6666,7 +6769,11 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["featured-editorial"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "room-and-response"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "testimonials-open-floor",
@@ -6676,7 +6783,11 @@ defineBlockAppearancePreset({
 	constraints: { layoutVariantKeys: ["featured-editorial"] },
 	design: {
 		sectionSurface: "base",
-		contentFrame: plainFrame
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "open-floor"
+		}
 	}
 }), defineBlockAppearancePreset({
 	id: "faq-base-accordion",
@@ -9574,7 +9685,8 @@ const curatedSiteStyles = [
 		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
-			buttonChoice("confident-chip")
+			buttonChoice("confident-chip"),
+			buttonChoice("flat-ink")
 		],
 		paletteRecommendations: [
 			paletteRecommendation("soft-natural-sage"),
@@ -11086,6 +11198,16 @@ function parseNewsletterSignupDestinationProvider(value) {
 	return value === "riverbank" || value === "mailchimp" ? value : null;
 }
 //#endregion
+//#region ../core/src/event-series-behaviour.ts
+const SURFACE_EVENT_PRESET_VALUES = [
+	"class",
+	"course",
+	"term",
+	"workshop",
+	"retreat",
+	"performance"
+];
+//#endregion
 //#region ../media-core/src/aspectTransforms.ts
 function parseAspectRatioValue(value) {
 	if (typeof value === "number") return Number.isFinite(value) && value > 0 ? value : void 0;
@@ -11320,7 +11442,6 @@ const ALLOWED_TRANSFORM_IDS = [
 	"boxStyles.resolveRootStyle",
 	"boxStyles.semanticGap",
 	"boxStyles.semanticGapValue",
-	"boxStyles.cardVariantClass",
 	"containerStyles.resolveBoxClassName"
 ];
 new Set(ALLOWED_NODE_TYPES);
@@ -12731,8 +12852,41 @@ function containerStylesField(options = {}) {
 	return createBoxStylesFieldWithDepth("container", options);
 }
 function cardStylesField(options = {}) {
+	if (options.controls === "role-only") return createRoleOnlyCardStylesField(options);
 	return createBoxStylesFieldWithDepth("card", options);
 }
+function createRoleOnlyCardStylesField(options) {
+	const { id = "_cardStyles", label = "Card styles", renderInHeader, intent } = options;
+	return {
+		id,
+		type: "modal",
+		label,
+		required: false,
+		schema: { fields: [{
+			id: "role",
+			type: "select",
+			label: "Card style",
+			description: "Choose a semantic card style from the active site style.",
+			required: false,
+			multiple: false,
+			defaultValue: "default",
+			options: cardVariantRoleValues.map((value) => ({
+				value,
+				label: value === "default" ? "Default" : "Alternative"
+			}))
+		}] },
+		ui: {
+			...typeof renderInHeader === "boolean" ? { renderInHeader } : {},
+			...intent ? { intent } : {},
+			modalConfig: {
+				buttonLabel: label,
+				description: "Choose the site-style card role.",
+				buttonVariant: "outline",
+				showCustomizedIndicator: true
+			}
+		}
+	};
+}
 //#endregion
 //#region ../blocks/src/system/fields/imageShape.ts
 const standardImageShapeOptions = [
@@ -13268,6 +13422,73 @@ const SEMANTIC_SPACING_VALUES = [
 	"spacious"
 ];
 /**
+* Runtime type guard for validating spacing values.
+* Use this at system boundaries where data enters from external sources.
+*
+* @param value - Unknown value to validate
+* @returns true if value is a valid SemanticSpacing, with type narrowing
+*
+* @example
+* const userInput = 'medium';
+* if (isSemanticSpacing(userInput)) {
+*   // TypeScript knows userInput is SemanticSpacing here
+*   const classes = resolveSpacing(userInput, 'y');
+* }
+*/
+function isSemanticSpacing(value) {
+	return typeof value === "string" && SEMANTIC_SPACING_VALUES.includes(value);
+}
+/**
+* Type-safe mapping from semantic spacing to CSS classes for sections (y-axis).
+*
+* Sections use vertical padding only to control spacing between blocks.
+* Horizontal padding (px-6) is handled separately via baseClass.
+*
+* The `satisfies` operator ensures all SemanticSpacing values are present at compile time.
+* TypeScript will error if any spacing value is missing or if extra keys exist.
+*/
+const SECTION_SPACING_MAP = {
+	none: "rb-section-pad-none",
+	compact: "rb-section-pad-compact",
+	cozy: "rb-section-pad-cozy",
+	medium: "rb-section-pad-medium",
+	comfortable: "rb-section-pad-comfortable",
+	spacious: "rb-section-pad-spacious"
+};
+/**
+* Type-safe mapping from semantic spacing to CSS classes for containers (all sides).
+*
+* Containers use padding on all sides for internal content spacing.
+*
+* The `satisfies` operator ensures all SemanticSpacing values are present at compile time.
+*/
+const CONTAINER_SPACING_MAP = {
+	none: "rb-container-pad-none",
+	compact: "rb-container-pad-compact",
+	cozy: "rb-container-pad-cozy",
+	medium: "rb-container-pad-medium",
+	comfortable: "rb-container-pad-comfortable",
+	spacious: "rb-container-pad-spacious"
+};
+/**
+* Resolve semantic spacing to CSS classes based on axis.
+*
+* This function guarantees that valid SemanticSpacing values always return a result.
+* Since spacing is typed, there's no need for fallback logic.
+*
+* @param spacing - Semantic spacing value (validated at compile time)
+* @param axis - Which axis to apply padding ('y' for sections, 'all' for containers)
+* @returns CSS class token string
+*
+* @example
+* resolveSpacing('medium', 'y')   // => 'rb-section-pad-medium'
+* resolveSpacing('medium', 'all') // => 'rb-container-pad-medium'
+* resolveSpacing('compact')       // => 'rb-section-pad-compact' (defaults to 'y' axis)
+*/
+function resolveSpacing(spacing, axis = "y") {
+	return (axis === "y" ? SECTION_SPACING_MAP : CONTAINER_SPACING_MAP)[spacing];
+}
+/**
 * Default spacing value for sections when not explicitly configured.
 */
 const DEFAULT_SECTION_SPACING = "medium";
@@ -13692,11 +13913,194 @@ function footerNav(opts) {
 	return buildFooterNavAll(common);
 }
 //#endregion
+//#region ../blocks/src/system/transforms/registry/core.ts
+/**
+* Safely narrows unknown values to partial object shapes used by transforms.
+* Arrays are intentionally excluded.
+*/
+function asPartialObject(value) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return;
+	return value;
+}
+//#endregion
 //#region ../blocks/src/system/fields/backgroundContent.ts
 function parseBackgroundContent(value) {
 	const result = boxBackgroundSchema.safeParse(value);
 	return result.success ? result.data : null;
 }
+//#endregion
+//#region ../blocks/src/system/transforms/registry/_utils/boxStyleClassNames.ts
+/**
+* @file The one place box-style content becomes CSS classes.
+*
+* `boxStyles.all` runs this for the binding pipeline, and the React nodes that
+* render a card outside that pipeline (offerings-preview) call it directly, so
+* there is a single card-class emission path rather than copies that drift.
+*/
+/** The elevation class an elevated box gets when the theme defines a shadow. */
+const RAISED_SHADOW_CLASS = "rb-shadow-md";
+/** Radius values to their `rb-*` classes (defined in `rb-utilities.css`). */
+const ROUNDED_CLASSES = {
+	sm: "rb-rounded-sm",
+	md: "rb-rounded-md",
+	lg: "rb-rounded-lg",
+	xl: "rb-rounded-xl",
+	"2xl": "rb-rounded-2xl",
+	full: "rb-rounded-full"
+};
+function hasFixedFrameBackgroundMotion(value) {
+	const background = parseBackgroundContent(asPartialObject(value)?.background);
+	return (background?.type === "image" || background?.type === "video") && background.motion === "fixed-frame";
+}
+/**
+* The stable per-theme class for a card role. Generated card CSS emits these
+* aliases alongside each `.card-{id}` rule, so content addresses "this site
+* style's open card" without knowing which variant implements it.
+*/
+function cardRoleClass(role) {
+	return `card-role-${role}`;
+}
+/**
+* The role class for a card slot the *block* owns structurally, where a Look
+* may still name the surface.
+*
+* Some layouts have more than one card slot and decide themselves which one is
+* the statement — the featured-editorial testimonials field is a lead voice
+* beside its supporting voices, and that is structure, not composition. Those
+* slots still have to honour a Look that picks a surface, or a role-picking
+* Look would silently no-op under the layout. So the slot carries a default
+* role and the Look's compiled role wins over it when there is one.
+*
+* An explicit `none` is honoured as boxlessness and emits no class, matching
+* how the composite emitter reads it.
+*/
+/**
+* The role a card renders with, and the one place a set of card styles becomes
+* a role.
+*
+* Precedence: a per-item override, then the `role` a Look or semantic field
+* compiled onto the block's card styles. Persisted inputs are normalized at
+* this boundary because raw block records do not pass through the theme schema.
+*/
+function resolveCardRoleForBoxStyles(input, override) {
+	return override ?? normalizeCardRole(input.role);
+}
+/**
+* The card surface for a set of box styles: one role, one class vocabulary, so
+* a site-style swap re-skins the card whichever field named it.
+*/
+function cardSurface(input, override, fallback) {
+	const role = resolveCardRoleForBoxStyles(input, override) ?? fallback ?? null;
+	if (!role) return {
+		role: null,
+		classes: []
+	};
+	return {
+		role,
+		classes: role === "none" ? [] : [cardRoleClass(role)]
+	};
+}
+const BOX_BORDER_WIDTHS = [
+	"none",
+	"1",
+	"2",
+	"3"
+];
+function parseBoxBorderWidth(value) {
+	return BOX_BORDER_WIDTHS.find((width) => width === value);
+}
+/**
+* A box's border record with `{ width: 'none' }`-without-`enabled` resolved.
+*
+* That shape used to mean two different things to two different readers: the
+* old private offerings emitter read it as border-off, while the shared
+* emitter read it as "no opinion" and left the caller's base `rb-border` in
+* place. Same persisted bytes, opposite answers. A width of `none` says there
+* is no border, so it is read as `enabled: false` here — once, at the one
+* place box-style content is interpreted — and every reader downstream now
+* agrees.
+*
+* Nothing persisted carries the shape (the #1297 usage audit found zero rows;
+* the authoring UI cannot produce it, since the width control is gated on
+* `enabled === true`), so this is boundary hygiene rather than a migration.
+*/
+function normalizeBoxStylesBorder(value) {
+	const border = asPartialObject(value);
+	if (!border) return null;
+	const width = parseBoxBorderWidth(border.width);
+	return {
+		enabled: border.enabled === true ? true : border.enabled === false || width === "none" ? false : null,
+		width,
+		colorToken: typeof border.colorToken === "string" && border.colorToken.trim() ? border.colorToken.trim() : void 0
+	};
+}
+/** The border class a box's own border override asks for, if it has one. */
+function borderOverrideClass(input) {
+	const border = normalizeBoxStylesBorder(input.border);
+	if (!border) return null;
+	if (border.enabled === false) return "rb-border-0";
+	if (border.enabled !== true) return null;
+	switch (border.width) {
+		case "2": return "rb-border-2";
+		case "3": return "rb-border-3";
+		case "none": return "rb-border-0";
+		case "1":
+		case void 0: return "rb-border";
+	}
+}
+/** The base class with any border utilities stripped, so an override can win. */
+function withoutBorderClasses(baseClass) {
+	return baseClass.split(/\s+/).filter((token) => token && !/^rb-border(?:-(?:0|2|3))?$/.test(token)).join(" ");
+}
+/**
+* The padding class a box's spacing asks for, if it names a known value.
+*
+* An unknown value is dropped rather than guessed, and says so in development —
+* persisted content is the untrusted input here, and a silently missing padding
+* is much harder to trace back than a warning.
+*/
+function boxSpacingClass(input, axis) {
+	const spacing = typeof input.spacing === "string" ? input.spacing.trim() : "";
+	if (!spacing) return null;
+	if (!isSemanticSpacing(spacing)) {
+		if (process.env.NODE_ENV !== "production") console.warn(`[boxStyles] Invalid spacing value: "${spacing}". Expected one of: ${SEMANTIC_SPACING_VALUES.join(", ")}.`);
+		return null;
+	}
+	return resolveSpacing(spacing, axis);
+}
+/** The radius class a box's corners ask for, if it names a known value. */
+function boxRoundedClass(input) {
+	const rounded = typeof input.rounded === "string" ? input.rounded.trim() : "";
+	if (!rounded || rounded === "none") return null;
+	return ROUNDED_CLASSES[rounded] ?? null;
+}
+/** The elevation class to use, honouring an explicit `null` opt-out. */
+function raisedClassFor(options) {
+	return options.raisedClass === void 0 ? RAISED_SHADOW_CLASS : options.raisedClass;
+}
+/**
+* The class list for a set of box styles: the caller's base class, the border /
+* spacing / elevation / radius overrides the box carries, and its card surface.
+*
+* Pure, so the React nodes that render a card outside the binding pipeline
+* (offerings-preview) share this one emission path with `boxStyles.all` instead
+* of keeping a copy that drifts.
+*/
+function boxStyleClassNames(value, options) {
+	const input = value && typeof value === "object" ? value : {};
+	const borderOverride = borderOverrideClass(input);
+	const surface = cardSurface(input, options.cardRoleOverride, options.cardRoleFallback);
+	const cardOwnsBorder = surface.role !== null && surface.role !== "none";
+	return [
+		borderOverride || cardOwnsBorder ? withoutBorderClasses(options.baseClass ?? "") : options.baseClass ?? "",
+		borderOverride,
+		options.includeSpacing === false ? null : boxSpacingClass(input, options.axis ?? "all"),
+		input.raised === true ? raisedClassFor(options) : null,
+		boxRoundedClass(input),
+		...surface.classes,
+		hasFixedFrameBackgroundMotion(input) ? "rb-bg-motion-fixed-frame-scope" : null
+	].filter((token) => Boolean(token)).join(" ").trim() || "";
+}
 new Set(tileTreatmentValues);
 new Set(eventListTreatmentValues);
 /**
@@ -13795,10 +14199,16 @@ function styledCard(children, opts, ...mods) {
 	const style = {
 		...opts.style ?? {},
 		borderColor: { $bind: {
-			from: opts.stylesFrom,
+			from: opts.itemRole?.from ?? opts.stylesFrom,
 			transforms: [{
 				id: "boxStyles.borderColor",
-				options: { returnEmptyForDefault: true }
+				options: {
+					returnEmptyForDefault: true,
+					...opts.itemRole ? {
+						stylesPath: opts.stylesFrom,
+						...opts.itemRole.aliases ? { itemRoleAliases: opts.itemRole.aliases } : {}
+					} : {}
+				}
 			}]
 		} }
 	};
@@ -14917,18 +15327,73 @@ function buildGridCardsLayout(className) {
 	return el("div", { className }, buildResponsiveGridCards());
 }
 /**
+* The card slots the featured-editorial layout has, and the role each one
+* defaults to.
+*
+* Which slot is the statement is *structure*, so the layout decides it: this
+* variant exists to put one lead voice beside its supporting voices. But a Look
+* that picks a surface has to keep meaning something here, so the lead slot's
+* role is a default the Look's compiled `cardRole` wins over — see
+* `cardSlotRoleClass`. Supporting voices stay the quiet everyday card.
+*/
+const FEATURED_EDITORIAL_SLOTS = {
+	lead: {
+		/** Composition CSS addresses the lead card's geometry through this. */
+		variantClass: "rb-testimonials-fe-card--feature",
+		slotDefault: "alternative",
+		followsLook: true
+	},
+	support: {
+		variantClass: null,
+		slotDefault: "default",
+		followsLook: false
+	}
+};
+/** Where the testimonials block's compiled card styles live. */
+const TESTIMONIALS_CARD_STYLES_PATH = "content._cardStyles";
+/**
+* The class list for one featured-editorial card slot.
+*
+* A slot that follows the Look has to resolve at render time, so it binds
+* through the shared card-class emitter rather than naming a role class here;
+* a slot that does not is a plain string built by the same composite emitter.
+*/
+function featuredEditorialCardClassName(slot) {
+	const { variantClass, slotDefault, followsLook } = FEATURED_EDITORIAL_SLOTS[slot];
+	const baseClass = ["rb-testimonials-fe-card", variantClass].filter(Boolean).join(" ");
+	if (!followsLook) return boxStyleClassNames({}, {
+		baseClass,
+		cardRoleFallback: slotDefault,
+		includeSpacing: false
+	});
+	return { $bind: {
+		from: TESTIMONIALS_CARD_STYLES_PATH,
+		transforms: [{
+			id: "boxStyles.cardSlotRole",
+			options: {
+				baseClass,
+				slotDefault
+			}
+		}],
+		fallback: boxStyleClassNames({}, {
+			baseClass,
+			cardRoleFallback: slotDefault,
+			includeSpacing: false
+		})
+	} };
+}
+/**
 * Build a single "featured editorial" testimonial card.
 *
-* This card type deliberately renders NO avatar/headshot: an amber quote mark,
-* the quote body, then the author name and a context line. Colour + surface
-* treatment is driven entirely by `variantClass` (see testimonials.css):
-*   - `rb-testimonials-fe-card--feature` → spruce-ink card (dark primary bg)
-*   - `rb-testimonials-fe-card--plain`   → white surface card
+* This card type deliberately renders NO avatar/headshot: a quote mark, the
+* quote body, then the author name and a context line. The card surface comes
+* from the slot's card role — the site style owns the fill, border, corners and
+* padding.
 *
 * Extra modifiers (`repeat`, `when`) are forwarded to the card node so the
 * caller can drive first-vs-rest branching.
 */
-function buildFeaturedEditorialCard(variantClass, ...mods) {
+function buildFeaturedEditorialCard(slot, ...mods) {
 	const quoteMark = text({
 		as: "span",
 		className: "rb-testimonials-fe-qmark",
@@ -14942,11 +15407,11 @@ function buildFeaturedEditorialCard(variantClass, ...mods) {
 		as: "span",
 		className: "rb-testimonials-fe-context"
 	}, when("testimonial.content.jobTitle"), bind("testimonial.content.jobTitle"))]);
-	return el("div", { className: `rb-testimonials-fe-card ${variantClass}` }, [
+	return el("div", { className: featuredEditorialCardClassName(slot) }, [el("div", { className: "card-content rb-testimonials-fe-card-body" }, [
 		quoteMark,
 		quote,
 		meta
-	], ...mods);
+	])], ...mods);
 }
 /**
 * Build the "featured editorial" layout: an asymmetric two-column arrangement
@@ -14960,7 +15425,7 @@ function buildFeaturedEditorialCard(variantClass, ...mods) {
 * index scope in context, so entry 0 produces no node in the rest column.
 */
 function buildFeaturedEditorialLayout() {
-	return el("div", { className: "rb-testimonials-fe-grid" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--feature", repeat("data.entries", "testimonial", { limit: 1 })), el("div", { className: "rb-testimonials-fe-col" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--plain", repeat("data.entries", "testimonial", { indexName: "tIndex" }), when("tIndex", {
+	return el("div", { className: "rb-testimonials-fe-grid" }, [buildFeaturedEditorialCard("lead", repeat("data.entries", "testimonial", { limit: 1 })), el("div", { className: "rb-testimonials-fe-col" }, [buildFeaturedEditorialCard("support", repeat("data.entries", "testimonial", { indexName: "tIndex" }), when("tIndex", {
 		equals: 0,
 		not: true
 	}))])]);
@@ -15687,7 +16152,7 @@ const newsletterFormFragment = defineFragment({
 });
 //#endregion
 //#region ../blocks/src/system/fragments/library/card.ts
-const cardVariantOptions$1 = cardVariantRoleValues.map((value) => ({
+const cardVariantOptions = cardVariantRoleValues.map((value) => ({
 	value,
 	label: value === "default" ? "Default" : "Alternative"
 }));
@@ -15785,7 +16250,7 @@ const cardFragment = defineFragment({
 			description: "Choose a card style from your theme",
 			required: false,
 			defaultValue: "default",
-			options: cardVariantOptions$1,
+			options: cardVariantOptions,
 			ui: { intent: "style" }
 		}
 	],
@@ -15794,7 +16259,10 @@ const cardFragment = defineFragment({
 		className: { $bind: {
 			from: "variant",
 			fallback: "default",
-			transforms: [{ id: "boxStyles.cardVariantClass" }]
+			transforms: [{
+				id: "boxStyles.cardRoleClass",
+				options: { baseClass: "" }
+			}]
 		} }
 	}, [media({
 		className: "card-media rb-w-full rb-h-auto rb-object-cover",
@@ -20604,19 +21072,13 @@ const blockBookingPaymentCollectionOptionSchema = z.union([
 ]);
 const blockBookingPaymentTermsSchema = z.object({ allowedOptions: z.array(blockBookingPaymentCollectionOptionSchema).min(1) });
 //#endregion
-//#region ../blocks/src/system/blocks/courses/shared/schemas.ts
-/**
-* Zod schema for course venue data
-*/
-const courseVenueSchema = z.object({
+//#region ../blocks/src/system/blocks/events/whole-series/schemas.ts
+const wholeSeriesVenueSchema = z.object({
 	id: z.string(),
 	name: z.string(),
 	address: z.string().nullable()
 });
-/**
-* Zod schema for course session (occurrence) data
-*/
-const courseSessionSchema = z.object({
+const wholeSeriesSessionSchema = z.object({
 	id: z.string(),
 	startsAt: z.string(),
 	endsAt: z.string(),
@@ -20624,14 +21086,14 @@ const courseSessionSchema = z.object({
 	capacityOverride: z.number().nullable().optional(),
 	overrides: z.record(z.string(), z.unknown()).nullable().optional()
 });
-const courseTeamMemberSummarySchema = z.object({
+const wholeSeriesTeamMemberSummarySchema = z.object({
 	id: z.string(),
 	name: z.string(),
 	roleLabel: z.string().nullable(),
 	summary: z.string().nullable(),
 	profilePath: z.string().nullable()
 });
-const coursePricingOptionSchema = z.object({
+const wholeSeriesPricingOptionSchema = z.object({
 	id: z.string(),
 	name: z.string(),
 	description: z.string().nullable(),
@@ -20647,7 +21109,7 @@ const coursePricingOptionSchema = z.object({
 		"both"
 	]).nullable().optional()
 });
-const coursePricingSchema = z.object({
+const wholeSeriesPricingSchema = z.object({
 	bookingRequirement: z.enum(["none", "required"]),
 	pricingStrategy: z.enum([
 		"free",
@@ -20661,20 +21123,17 @@ const coursePricingSchema = z.object({
 	slidingMaxAmount: z.number().nullable().optional(),
 	slidingSuggestedAmount: z.number().nullable().optional(),
 	paymentTerms: blockBookingPaymentTermsSchema,
-	options: z.array(coursePricingOptionSchema)
+	options: z.array(wholeSeriesPricingOptionSchema)
 });
-/**
-* Zod schema for public course data
-*/
 const publicWholeSeriesOfferingSchema = z.object({
 	eventSeriesId: z.string(),
 	eventOfferingId: z.string(),
 	title: z.string(),
 	slug: z.string(),
 	description: z.unknown().nullable(),
-	teamMembers: z.array(courseTeamMemberSummarySchema).optional(),
+	teamMembers: z.array(wholeSeriesTeamMemberSummarySchema).optional(),
 	enrollmentOpen: z.boolean(),
-	pricing: coursePricingSchema,
+	pricing: wholeSeriesPricingSchema,
 	currency: z.string(),
 	paymentTerms: blockBookingPaymentTermsSchema,
 	enrollmentCapacity: z.number().nullable(),
@@ -20687,12 +21146,10 @@ const publicWholeSeriesOfferingSchema = z.object({
 	sessionsCount: z.number(),
 	enrolledCount: z.number(),
 	availableSpots: z.number().nullable(),
-	sessions: z.array(courseSessionSchema),
-	venue: courseVenueSchema.nullable()
+	sessions: z.array(wholeSeriesSessionSchema),
+	venue: wholeSeriesVenueSchema.nullable()
 });
-/** Deployed course blocks retain this schema alias for stored content. */
-const publicCourseSchema = publicWholeSeriesOfferingSchema;
-const publicCoursesArraySchema = z.array(publicWholeSeriesOfferingSchema);
+const publicWholeSeriesOfferingsArraySchema = z.array(publicWholeSeriesOfferingSchema);
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/schemas.ts
 const eventPresetSchema = z.enum([
@@ -21003,7 +21460,7 @@ const publicEventSchema = z.object({
 	acceptsMemberships: z.boolean().optional(),
 	wholeSeries: z.object({
 		eventSeriesId: z.string(),
-		pricing: coursePricingSchema,
+		pricing: wholeSeriesPricingSchema,
 		currency: z.string(),
 		enrollmentOpen: z.boolean()
 	}).nullable().optional()
@@ -21012,24 +21469,19 @@ const publicEventSchema = z.object({
 * Schema for an array of public events
 */
 const publicEventsArraySchema = z.array(publicEventSchema);
+//#endregion
+//#region ../blocks/src/system/blocks/events/shared/fields.ts
 /**
 * Shared card styling fields for event blocks
 */
 const cardStylingFields = [
-	{
-		id: "cardVariant",
-		type: "select",
+	cardStylesField({
+		id: "_cardStyles",
 		label: "Card style",
-		description: "Choose a card style from your theme",
-		required: false,
-		multiple: false,
-		defaultValue: "default",
-		options: cardVariantRoleValues.map((value) => ({
-			value,
-			label: value === "default" ? "Default" : "Alternative"
-		})),
-		ui: { intent: "style" }
-	},
+		controls: "role-only",
+		renderInHeader: false,
+		intent: "style"
+	}),
 	createButtonVariantField({ description: "Choose a button style from your theme" }),
 	{
 		id: "buttonText",
@@ -21168,14 +21620,7 @@ function normalizeIdList(parts) {
 }
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/filtering.ts
-const eventSurfacePresetValues = [
-	"course",
-	"term",
-	"class",
-	"workshop",
-	"retreat",
-	"performance"
-];
+const eventSurfacePresetValues = SURFACE_EVENT_PRESET_VALUES;
 const eventSurfaceScopeValues = [
 	"all",
 	"regularClassSchedule",
@@ -21676,8 +22121,8 @@ const eventRegistrationHydrationSchemaShape = {
 	occurrenceContext: occurrenceContextSchema.optional(),
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
 	events: z.array(eventRegistrationPublicEventSchema).nullable().optional(),
-	wholeSeriesOfferings: publicCoursesArraySchema.nullable().optional(),
-	wholeSeriesOffering: publicCourseSchema.nullable().optional(),
+	wholeSeriesOfferings: publicWholeSeriesOfferingsArraySchema.nullable().optional(),
+	wholeSeriesOffering: publicWholeSeriesOfferingSchema.nullable().optional(),
 	maxTickets: z.string().optional(),
 	showVenue: z.boolean().optional(),
 	showCapacity: z.boolean().optional(),
@@ -21699,12 +22144,13 @@ const eventRegistrationSourceSchema = z.object({
 	portalToken: z.string().nullable().optional(),
 	previewToken: z.string().nullable().optional(),
 	...eventRegistrationHydrationSchemaShape,
+	subjectWholeSeriesOffering: publicWholeSeriesOfferingSchema.nullable().optional(),
 	className: z.string().nullable().optional(),
 	buttonText: z.string().nullable().optional(),
 	maxTickets: z.string().nullable().optional(),
 	stage: previewStageSchema.optional()
 });
-const eventRegistrationDisplaySchema = z.object({
+const eventRegistrationDisplaySchema = z.discriminatedUnion("state", [z.object({
 	kind: z.literal("event-registration"),
 	state: z.literal("generic-shell"),
 	className: z.string().nullable(),
@@ -21712,7 +22158,13 @@ const eventRegistrationDisplaySchema = z.object({
 	bodyText: z.string(),
 	stepLabels: z.array(z.enum(EVENT_REGISTRATION_SHELL_STEP_LABELS)).min(1),
 	summaryButtonText: z.string()
-});
+}), z.object({
+	kind: z.literal("event-registration"),
+	state: z.literal("registration-closed"),
+	className: z.string().nullable(),
+	titleText: z.string(),
+	bodyText: z.string()
+})]);
 const eventRegistrationHydrationSchema = z.object(eventRegistrationHydrationSchemaShape);
 const eventRegistrationRenderSchema = z.object({
 	display: eventRegistrationDisplaySchema,
@@ -21726,6 +22178,13 @@ z.object({
 	stage: previewStageSchema.optional()
 });
 function buildEventRegistrationDisplay(source) {
+	if (resolveWholeSeriesOffering(source)?.enrollmentOpen === false) return {
+		kind: "event-registration",
+		state: "registration-closed",
+		className: source.className ?? null,
+		titleText: "Registration closed",
+		bodyText: "This run is no longer open for bookings."
+	};
 	const stepLabels = buildEventRegistrationShellStepLabels(source);
 	return {
 		kind: "event-registration",
@@ -21737,6 +22196,9 @@ function buildEventRegistrationDisplay(source) {
 		summaryButtonText: source.buttonText?.trim() || "Register"
 	};
 }
+function resolveWholeSeriesOffering(source) {
+	return source.wholeSeriesOffering ?? source.subjectWholeSeriesOffering ?? null;
+}
 function buildEventRegistrationShellStepLabels(source) {
 	const scopedEvents = scopeEventRegistrationEvents(source);
 	if (scopedEvents.length === 0) return EVENT_REGISTRATION_GENERIC_SHELL_STEP_LABELS;
@@ -21794,7 +22256,7 @@ const eventRegistrationBlockRuntime = defineClientOwnedBlockRuntime({
 			subject: source.subject ?? null,
 			events: source.events ?? null,
 			wholeSeriesOfferings: source.wholeSeriesOfferings ?? null,
-			wholeSeriesOffering: source.wholeSeriesOffering ?? null,
+			wholeSeriesOffering: resolveWholeSeriesOffering(source),
 			maxTickets: source.maxTickets ?? void 0,
 			showVenue: source.showVenue,
 			showCapacity: source.showCapacity,
@@ -22015,7 +22477,9 @@ const eventRegistrationBlockDefinition = {
 						fallback: false
 					} },
 					events: { $bind: { from: "data.events" } },
-					wholeSeriesOffering: { $bind: { from: "data.wholeSeriesOffering.offering" } },
+					wholeSeriesOffering: { $bind: { from: "data.selectedRunOffering.offering" } },
+					subjectWholeSeriesOffering: { $bind: { from: "data.subjectWholeSeriesOffering.offering" } },
+					wholeSeriesOfferings: { $bind: { from: "data.wholeSeriesOfferings" } },
 					sitePasses: { $bind: { from: "data.sitePasses" } },
 					siteMemberships: { $bind: { from: "data.siteMemberships" } },
 					stage: { $bind: {
@@ -22029,7 +22493,9 @@ const eventRegistrationBlockDefinition = {
 	runtime: eventRegistrationBlockRuntime,
 	dataSchemas: {
 		events: publicEventsArraySchema.optional(),
-		wholeSeriesOffering: z.object({ offering: publicCourseSchema }).optional(),
+		selectedRunOffering: z.object({ offering: publicWholeSeriesOfferingSchema }).optional(),
+		subjectWholeSeriesOffering: z.object({ offering: publicWholeSeriesOfferingSchema }).optional(),
+		wholeSeriesOfferings: z.array(publicWholeSeriesOfferingSchema).optional(),
 		sitePasses: publicPassProductCollectionSchema.optional(),
 		siteMemberships: publicMembershipProductCollectionSchema.optional(),
 		occurrenceContext: occurrenceContextSchema.optional()
@@ -22046,11 +22512,29 @@ const eventRegistrationBlockDefinition = {
 				} },
 				readProfile: "registration",
 				seriesId: { $bind: { from: "$root.subject.eventSeriesId" } },
+				seriesIds: { $bind: {
+					from: "$root.subject.availableEventSeriesIds",
+					transforms: [{ id: "value.csv" }]
+				} },
+				runSeriesId: { $bind: { from: "$root.entrySubrouteContext.run.seriesId" } },
 				includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
 			},
 			mode: "server"
 		},
-		wholeSeriesOffering: {
+		selectedRunOffering: {
+			endpoint: "getPublicWholeSeriesOffering",
+			params: {
+				siteId: { $bind: { from: "$root.siteId" } },
+				eventSeriesId: { $bind: { from: "$root.entrySubrouteContext.run.seriesId" } },
+				stage: { $bind: {
+					from: "$root.previewStage",
+					fallback: "published"
+				} }
+			},
+			requiredParams: ["eventSeriesId"],
+			mode: "server"
+		},
+		subjectWholeSeriesOffering: {
 			endpoint: "getPublicWholeSeriesOffering",
 			when: { $bind: {
 				from: "$root.subject.isWholeSeriesBooking",
@@ -22067,6 +22551,22 @@ const eventRegistrationBlockDefinition = {
 			requiredParams: ["eventSeriesId"],
 			mode: "server"
 		},
+		wholeSeriesOfferings: {
+			endpoint: "listPublicWholeSeriesOfferings",
+			params: {
+				siteId: { $bind: { from: "$root.siteId" } },
+				eventSeriesIds: { $bind: {
+					from: "$root.subject.availableEventSeriesIds",
+					transforms: [{ id: "value.csv" }]
+				} },
+				stage: { $bind: {
+					from: "$root.previewStage",
+					fallback: "published"
+				} }
+			},
+			requiredParams: ["eventSeriesIds"],
+			mode: "server"
+		},
 		sitePasses: {
 			endpoint: "listPublicPasses",
 			params: { siteId: { $bind: { from: "$root.siteId" } } },
@@ -22081,13 +22581,9 @@ const eventRegistrationBlockDefinition = {
 };
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/course-registration.interactive.ts
-const courseRegistrationSourceSchema = z.object({
-	siteId: z.string().optional(),
-	apiBaseUrl: z.string().optional(),
-	portalToken: z.string().nullable().optional(),
+const courseRegistrationHydrationSchemaShape = {
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
-	courses: z.array(publicCourseSchema).nullable().optional(),
-	className: z.string().nullable().optional(),
+	courses: z.array(publicWholeSeriesOfferingSchema).nullable().optional(),
 	showSessions: z.boolean().optional(),
 	showPrice: z.boolean().optional(),
 	showCapacity: z.boolean().optional(),
@@ -22095,8 +22591,15 @@ const courseRegistrationSourceSchema = z.object({
 	successMessage: z.string().optional(),
 	waitlistMessage: z.string().optional(),
 	membershipMessage: z.string().optional(),
+	buttonVariant: registrationButtonVariantSchema.optional()
+};
+const courseRegistrationSourceSchema = z.object({
+	siteId: z.string().optional(),
+	apiBaseUrl: z.string().optional(),
+	portalToken: z.string().nullable().optional(),
+	...courseRegistrationHydrationSchemaShape,
+	className: z.string().nullable().optional(),
 	buttonText: z.string().nullable().optional(),
-	buttonVariant: registrationButtonVariantSchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const courseRegistrationDisplaySchema = z.object({
@@ -22105,18 +22608,7 @@ const courseRegistrationDisplaySchema = z.object({
 	className: z.string().nullable(),
 	summaryButtonText: z.string()
 });
-const courseRegistrationHydrationSchema = z.object({
-	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
-	courses: z.array(publicCourseSchema).nullable().optional(),
-	showSessions: z.boolean().optional(),
-	showPrice: z.boolean().optional(),
-	showCapacity: z.boolean().optional(),
-	showVenue: z.boolean().optional(),
-	successMessage: z.string().optional(),
-	waitlistMessage: z.string().optional(),
-	membershipMessage: z.string().optional(),
-	buttonVariant: registrationButtonVariantSchema.optional()
-});
+const courseRegistrationHydrationSchema = z.object(courseRegistrationHydrationSchemaShape);
 const courseRegistrationRenderSchema = z.object({
 	display: courseRegistrationDisplaySchema,
 	hydration: courseRegistrationHydrationSchema
@@ -22321,7 +22813,7 @@ const courseRegistrationBlockDefinition = {
 		})]
 	}),
 	runtime: courseRegistrationBlockRuntime,
-	dataSchemas: { courses: publicCoursesArraySchema.optional() },
+	dataSchemas: { courses: publicWholeSeriesOfferingsArraySchema.optional() },
 	dataLoaders: { courses: {
 		endpoint: "listPublicWholeSeriesOfferings",
 		params: {
@@ -22392,6 +22884,22 @@ const eventDetailsManifest = createBlockManifest({
 			defaultValue: true,
 			ui: { intent: "display" }
 		},
+		{
+			id: "showTitle",
+			type: "boolean",
+			label: "Show event title",
+			required: false,
+			defaultValue: false,
+			ui: { intent: "display" }
+		},
+		{
+			id: "showDescription",
+			type: "boolean",
+			label: "Show event description",
+			required: false,
+			defaultValue: false,
+			ui: { intent: "display" }
+		},
 		{
 			id: "showMap",
 			type: "boolean",
@@ -22428,10 +22936,22 @@ const eventDetailsManifest = createBlockManifest({
 				{
 					value: "10",
 					label: "10 dates"
+				},
+				{
+					value: "all",
+					label: "All dates"
 				}
 			],
 			ui: { intent: "display" }
 		},
+		{
+			id: "showCapacity",
+			type: "boolean",
+			label: "Show capacity",
+			required: false,
+			defaultValue: false,
+			ui: { intent: "display" }
+		},
 		{
 			id: "showCost",
 			type: "boolean",
@@ -22474,6 +22994,8 @@ const eventDetailsManifest = createBlockManifest({
 			} },
 			events: { $bind: { from: "data.eventDetailsData.events" } },
 			showVenue: { $bind: { from: "content.showVenue" } },
+			showTitle: { $bind: { from: "content.showTitle" } },
+			showDescription: { $bind: { from: "content.showDescription" } },
 			showMap: { $bind: { from: "content.showMap" } },
 			showOtherDates: { $bind: { from: "content.showOtherDates" } },
 			otherDatesLimit: { $bind: {
@@ -22484,6 +23006,10 @@ const eventDetailsManifest = createBlockManifest({
 				from: "content.showCost",
 				fallback: true
 			} },
+			showCapacity: { $bind: {
+				from: "content.showCapacity",
+				fallback: false
+			} },
 			showAcceptedPasses: { $bind: {
 				from: "content.showAcceptedPasses",
 				fallback: true
@@ -22538,6 +23064,11 @@ const eventDetailsBlockDefinition = {
 			limit: "100",
 			readProfile: "details",
 			seriesId: { $bind: { from: "$root.subject.eventSeriesId" } },
+			seriesIds: { $bind: {
+				from: "$root.subject.availableEventSeriesIds",
+				transforms: [{ id: "value.csv" }]
+			} },
+			runSeriesId: { $bind: { from: "$root.entrySubrouteContext.run.seriesId" } },
 			includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
 		},
 		mode: "server"
@@ -22723,7 +23254,7 @@ const courseDetailsBlockDefinition = {
 			})], { gap: "lg" })
 		})]
 	}),
-	dataSchemas: { courses: publicCoursesArraySchema.optional() },
+	dataSchemas: { courses: publicWholeSeriesOfferingsArraySchema.optional() },
 	dataLoaders: { courses: {
 		endpoint: "listPublicWholeSeriesOfferings",
 		params: {
@@ -22842,8 +23373,8 @@ const eventSpotlightBlockDefinition = {
 					from: "content.columns",
 					fallback: "3"
 				} },
-				cardVariant: { $bind: {
-					from: "content.cardVariant",
+				cardRole: { $bind: {
+					from: "content._cardStyles.role",
 					fallback: "default"
 				} },
 				buttonVariant: { $bind: {
@@ -23005,6 +23536,7 @@ const eventCollectionSourceSchemaShape = {
 	showVenue: z.boolean().nullable().optional(),
 	showMap: z.boolean().nullable().optional(),
 	showCapacity: z.boolean().nullable().optional(),
+	cardRole: cardRoleSchema.optional(),
 	buttonVariant: eventButtonVariantSchema.optional(),
 	buttonText: z.string().optional(),
 	emptyMessage: z.string().optional(),
@@ -23032,6 +23564,7 @@ const eventCollectionDisplaySchemaShape = {
 	showVenue: z.boolean(),
 	showMap: z.boolean(),
 	showCapacity: z.boolean(),
+	cardRole: cardRoleSchema,
 	buttonVariant: eventButtonVariantSchema,
 	buttonText: z.string(),
 	emptyMessage: z.string()
@@ -23081,6 +23614,7 @@ function buildEventCollectionPresentationDisplay(source) {
 		showVenue: source.showVenue ?? true,
 		showMap: source.showMap ?? true,
 		showCapacity: source.showCapacity ?? true,
+		cardRole: source.cardRole ?? "default",
 		buttonVariant: source.buttonVariant ?? "primary",
 		buttonText: source.buttonText ?? "Book",
 		emptyMessage: source.emptyMessage ?? "No upcoming events scheduled."
@@ -23098,8 +23632,6 @@ function buildEventCollectionHydration(source) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts
-const legacyEventCardVariantSchema = z.enum(["variant1", "variant2"]);
-const eventCardVariantInputSchema = z.union([cardVariantRoleSchema, legacyEventCardVariantSchema]);
 const cardOrientationSchema = z.enum(["vertical", "horizontal"]);
 const eventSurfaceScopeSchema = z.enum(eventSurfaceScopeValues);
 const eventScheduleScopeSchema = z.enum(eventScheduleScopeValues);
@@ -23114,7 +23646,7 @@ const eventListingSourceSchema = z.object({
 	paginationMode: z.enum(["loadMore", "seeAllLink"]).optional(),
 	seeAllUrl: z.string().optional(),
 	loadMoreText: z.string().optional(),
-	cardVariant: eventCardVariantInputSchema.optional(),
+	cardRole: cardRoleSchema.optional(),
 	buttonVariant: eventButtonVariantSchema.optional(),
 	buttonText: z.string().optional(),
 	showVenue: z.boolean().optional(),
@@ -23136,7 +23668,7 @@ const eventListingDisplaySchema = z.object({
 	emptyMessage: z.string(),
 	loadingMessage: z.string(),
 	containerClass: z.string(),
-	cardVariant: cardVariantRoleSchema,
+	cardRole: cardRoleSchema,
 	buttonVariant: eventButtonVariantSchema,
 	buttonText: z.string(),
 	showVenue: z.boolean(),
@@ -23192,7 +23724,7 @@ const eventListingBlockRuntime = defineProgressiveBlockRuntime({
 				emptyMessage: source.emptyMessage ?? "No upcoming events scheduled.",
 				loadingMessage: "Loading events…",
 				containerClass: getContainerClass(layout, source.columns ?? "3"),
-				cardVariant: normalizeCardVariantRole(source.cardVariant) ?? "default",
+				cardRole: source.cardRole ?? "default",
 				buttonVariant: source.buttonVariant ?? "primary",
 				buttonText: source.buttonText ?? "Book",
 				showVenue: source.showVenue ?? true,
@@ -23514,8 +24046,8 @@ const eventListingBlockDefinition = {
 						from: "content.loadMoreText",
 						fallback: "Load more events"
 					} },
-					cardVariant: { $bind: {
-						from: "content.cardVariant",
+					cardRole: { $bind: {
+						from: "content._cardStyles.role",
 						fallback: "default"
 					} },
 					buttonVariant: { $bind: {
@@ -23785,6 +24317,10 @@ const eventCalendarLayout = [styledSection({
 			filterCategoryIds: { $bind: { from: "content.filterCategoryIds" } },
 			filterStaffMemberId: { $bind: { from: "content.filterStaffMemberId" } },
 			filterVenueId: { $bind: { from: "content.filterVenueId" } },
+			cardRole: { $bind: {
+				from: "content._cardStyles.role",
+				fallback: "default"
+			} },
 			buttonVariant: { $bind: {
 				from: "content.buttonVariant",
 				fallback: "primary"
@@ -24417,11 +24953,11 @@ const eventCalendarAdditionalFields = [
 			searchThreshold: 8
 		}
 	}),
-	...cardStylingFields.filter((f) => f.id === "buttonVariant" || f.id === "buttonText").map((field) => ({
+	...cardStylingFields.map((field) => ({
 		...field,
 		ui: {
 			...field.ui ?? {},
-			intent: field.id === "buttonVariant" ? "style" : "content"
+			intent: field.id === "_cardStyles" || field.id === "buttonVariant" ? "style" : "content"
 		}
 	})),
 	{
@@ -25188,7 +25724,7 @@ const offeringsPreviewBlockDefinition = {
 	dataSchemas: {
 		...offeringsPreviewEventDataSchemas,
 		routeCandidates: publicRouteCandidatesSchema.optional(),
-		courses: publicCoursesArraySchema.optional()
+		courses: publicWholeSeriesOfferingsArraySchema.optional()
 	},
 	dataLoaders: {
 		...offeringsPreviewEventDataLoaders,
@@ -26660,7 +27196,7 @@ const audioPlayerBlockDefinition = { manifest: createBlockManifest({
 		}
 	],
 	layout: styledSection({
-		children: stack({ className: "rb-container rb-mx-auto rb-max-w-3xl" }, [el("div", { className: "card-role-default" }, [media({
+		children: stack({ className: "rb-container rb-mx-auto rb-max-w-3xl" }, [el("div", { className: boxStyleClassNames({ role: "default" }, {}) }, [media({
 			className: "card-media rb-aspect-video rb-w-full rb-object-cover",
 			size: {
 				width: 960,
@@ -29712,16 +30248,27 @@ function eventListCapable() {
 		looks: "supported",
 		sectionSurfaces: "supported",
 		contentFrames: ["plain", "panel"],
-		cardRoles: "unsupported",
+		cardRoles: "supported",
 		eventListTreatments
 	});
 }
+function eventSpotlightCapable() {
+	return declareBlockDesignCapability({
+		sectionSurfaces: "supported",
+		contentFrames: ["plain"],
+		cardRoles: "supported"
+	});
+}
 function offeringsPreviewCapable() {
 	return declareBlockDesignCapability({
 		looks: "supported",
 		sectionSurfaces: "supported",
 		contentFrames: ["plain"],
-		cardRoles: "supported"
+		cardRoles: "supported",
+		compositions: {
+			kind: "offerings-preview",
+			treatments: offeringsPreviewCompositionTreatmentValues
+		}
 	});
 }
 function defaultBoundaryBias(visualWeight) {
@@ -30014,7 +30561,7 @@ const systemBlockDefinitions = [
 		cardRoles: "supported",
 		compositions: {
 			kind: "testimonials",
-			treatments: ["open-editorial"]
+			treatments: testimonialsCompositionTreatmentValues
 		},
 		headingDecorationCapability: {
 			kind: "supported",
@@ -30169,7 +30716,7 @@ const systemBlockDefinitions = [
 			weight: "standard"
 		})]
 	})),
-	withDesignCapability("block.event-spotlight", eventSpotlightBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.event-spotlight", eventSpotlightBlockDefinition, eventSpotlightCapable(), defineBlockDesignMetadata({
 		flow: offeringsFlow,
 		layoutProfiles: [layoutProfile({
 			variantKey: "default",