@riverbankcms/sdk 0.109.0 → 0.111.0

package/dist/client/bookings.mjs

@@ -3742,6 +3742,11 @@ function subtractDaysFromIso(isoString, dayCount) {
 	return addDaysToIso(isoString, -dayCount);
 }
 //#endregion
+//#region ../core/src/assert-never.ts
+function assertNever$3(value, message = "Unexpected variant") {
+	throw new Error(`${message}: ${String(value)}`);
+}
+//#endregion
 //#region ../core/src/currency-format.ts
 const CURRENCY_LOCALE_BY_CODE = {
 	USD: "en-US",
@@ -4134,6 +4139,25 @@ function addLocalScheduleDays(date, days) {
 		day: utcDate.getUTCDate()
 	};
 }
+//#endregion
+//#region ../core/src/planner.ts
+/** Default clock for production callers that do not inject time explicitly. */
+const systemPlanningClock = { now: () => Date.now() };
+/** Resolve current time as a Date from an explicit Date, injected clock, or system clock. */
+function resolvePlanningNowDate(input = {}) {
+	if (input.now !== void 0) return input.now;
+	return new Date((input.clock ?? systemPlanningClock).now());
+}
+/**
+* Resolve a Date-compatible planner input.
+*
+* Precedence: bare Date, `{ now }`, `{ clock }`, then `systemPlanningClock`.
+* Explicit Date inputs are returned by reference, not cloned.
+*/
+function resolvePlanningDateInput(input = {}) {
+	if (input instanceof Date) return input;
+	return resolvePlanningNowDate(input);
+}
 function clearWorkflowFeedback(state) {
 	return {
 		...state,
@@ -7725,7 +7749,7 @@ const gradientDirectionSchema = z$1.enum([
 	"to-br",
 	"to-bl"
 ]);
-const buttonBackgroundSchema = z$1.discriminatedUnion("type", [
+const buttonColourTreatmentSchema = z$1.discriminatedUnion("type", [
 	z$1.object({
 		type: z$1.literal("solid"),
 		colorToken: opaqueButtonColourTokenSchema
@@ -7749,6 +7773,7 @@ const buttonBackgroundSchema = z$1.discriminatedUnion("type", [
 		role: z$1.literal("link")
 	})
 ]);
+const buttonBackgroundSchema = buttonColourTreatmentSchema;
 const effectApplicationSchema = z$1.object({
 	effectId: z$1.string(),
 	options: z$1.record(z$1.string(), z$1.json()).optional()
@@ -7977,298 +8002,429 @@ function themeButtonClassName(spec) {
 }
 buttonSizeNameSchema.options;
 //#endregion
-//#region ../theme-core/src/site-styles/styleTags.ts
-/**
-* Descriptive style-axis metadata for button personalities and palette
-* variants. Site Style picker shape is curated explicitly; these tags remain
-* for catalog audit, docs, and future discovery tooling.
-*/
-const STYLE_AXIS_VALUES = {
-	tone: [
-		"minimal",
-		"classic",
-		"bold"
-	],
-	energy: ["calm", "vibrant"],
-	motion: [
-		"subtle",
-		"standard",
-		"expressive"
-	],
-	era: [
-		"editorial",
-		"modern",
-		"organic",
-		"technical",
-		"retro"
-	]
-};
-const styleTagsSchema = z$1.object({
-	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
-	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
-	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
-	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
-});
-//#endregion
-//#region ../theme-core/src/buttons/personalities/types.ts
-function asButtonPersonalityId(value) {
-	if (value.length === 0) throw new Error("ButtonPersonalityId must be a non-empty string");
-	return value;
+//#region ../theme-core/src/buttons/styles/domain.ts
+const PUBLIC_BUTTON_ROLES = [
+	"primary",
+	"secondary",
+	"outline",
+	"ghost",
+	"accent"
+];
+function defineButtonStyleRecipe(recipe) {
+	return recipe;
 }
-const buttonPersonalityIdSchema = z$1.string().min(1).transform((value) => asButtonPersonalityId(value));
-z$1.object({
-	id: buttonPersonalityIdSchema,
-	name: z$1.string().min(1),
-	description: z$1.string().min(1),
-	tags: styleTagsSchema,
-	buttonSystem: buttonSystemSchema
-});
-/**
-* Helper for personality file modules to keep the call site short and
-* type-safe. `as const satisfies ...` would also work but produces wider
-* types at use sites.
-*/
-function defineButtonPersonality(input) {
+function materializeButtonRoles(definitions) {
+	const primary = materializeCompleteRole("primary", definitions.primary.appearance);
+	const secondary = materializeCompleteRole("secondary", definitions.secondary.appearance);
+	const completeRoles = {
+		primary,
+		secondary
+	};
 	return {
-		id: asButtonPersonalityId(input.id),
-		name: input.name,
-		description: input.description,
-		tags: input.tags,
-		buttonSystem: buttonSystemSchema.parse(input.buttonSystem)
+		primary,
+		secondary,
+		outline: materializeSupportingRole("outline", definitions.outline, completeRoles),
+		ghost: materializeSupportingRole("ghost", definitions.ghost, completeRoles),
+		accent: materializeSupportingRole("accent", definitions.accent, completeRoles)
+	};
+}
+function resolveButtonStyleRecipe(recipe, parameters) {
+	const parsedParameters = recipe.parameterSchema.safeParse(parameters);
+	if (!parsedParameters.success) return {
+		kind: "error",
+		error: {
+			kind: "invalid-parameters",
+			styleId: recipe.id,
+			issues: parsedParameters.error.issues.map((issue) => issue.message)
+		}
+	};
+	const definition = recipe.defineSystem(parsedParameters.data);
+	const roles = materializeButtonRoles(definition.roles);
+	const buttonSystem = {
+		global: definition.global,
+		variants: PUBLIC_BUTTON_ROLES.map((role) => roles[role]),
+		...definition.sizes ? { sizes: definition.sizes } : {}
+	};
+	const parsedButtonSystem = buttonSystemSchema.safeParse(buttonSystem);
+	if (!parsedButtonSystem.success) return {
+		kind: "error",
+		error: {
+			kind: "invalid-button-system",
+			styleId: recipe.id,
+			issues: parsedButtonSystem.error.issues.map((issue) => issue.message)
+		}
+	};
+	return {
+		kind: "resolved",
+		buttonSystem: parsedButtonSystem.data
+	};
+}
+function materializeSupportingRole(role, definition, completeRoles) {
+	if (definition.kind === "complete") return materializeCompleteRole(role, definition.appearance);
+	return {
+		...completeRoles[definition.from],
+		...definition.overrides,
+		id: role,
+		name: roleName(role),
+		enabled: true,
+		priority: 3
+	};
+}
+function materializeCompleteRole(role, appearance) {
+	return {
+		...appearance,
+		id: role,
+		name: roleName(role),
+		enabled: true,
+		priority: rolePriority(role)
 	};
 }
+function roleName(role) {
+	return role.charAt(0).toUpperCase() + role.slice(1);
+}
+function rolePriority(role) {
+	if (role === "primary") return 1;
+	if (role === "secondary") return 2;
+	return 3;
+}
 //#endregion
-//#region ../theme-core/src/buttons/personalities/brushed-wash.ts
-/**
-* Brushed Wash — gradient backgrounds that read as watercolour washes.
-* Generous padding, soft shadows; pairs with vibrant organic brands.
-*/
-const brushedWash = defineButtonPersonality({
-	id: "brushed-wash",
-	name: "Brushed Wash",
-	description: "Watercolour-gradient buttons with soft shadows and generous padding.",
+//#region ../theme-core/src/buttons/styles/selection.ts
+const BUTTON_STYLE_IDS = [
+	"soft-pill",
+	"earth-pill",
+	"confident-chip",
+	"editorial-link",
+	"pebble",
+	"ink-stamp",
+	"flat-ink",
+	"brushed-wash",
+	"showtime-pill",
+	"joy-stamp",
+	"ornate-ritual",
+	"quiet-arrow"
+];
+const quietArrowParametersSchema = z$1.object({ secondaryTreatment: z$1.enum(["outlined", "solid-accent"]) }).strict();
+const emptyParametersSchema$1 = z$1.object({}).strict();
+function selectionBranch(styleId, parameters) {
+	return z$1.object({
+		styleId: z$1.literal(styleId),
+		parameters
+	}).strict();
+}
+z$1.discriminatedUnion("styleId", [
+	selectionBranch("soft-pill", emptyParametersSchema$1),
+	selectionBranch("earth-pill", emptyParametersSchema$1),
+	selectionBranch("confident-chip", emptyParametersSchema$1),
+	selectionBranch("editorial-link", emptyParametersSchema$1),
+	selectionBranch("pebble", emptyParametersSchema$1),
+	selectionBranch("ink-stamp", emptyParametersSchema$1),
+	selectionBranch("flat-ink", emptyParametersSchema$1),
+	selectionBranch("brushed-wash", emptyParametersSchema$1),
+	selectionBranch("showtime-pill", emptyParametersSchema$1),
+	selectionBranch("joy-stamp", emptyParametersSchema$1),
+	selectionBranch("ornate-ritual", emptyParametersSchema$1),
+	selectionBranch("quiet-arrow", quietArrowParametersSchema)
+]);
+//#endregion
+//#region ../theme-core/src/buttons/styles/recipes/quietArrow.ts
+const quietArrowRecipe = defineButtonStyleRecipe({
+	id: "quiet-arrow",
+	accessibilityLabel: "Wide uppercase buttons with trailing arrows",
 	tags: {
 		tone: "classic",
-		energy: "vibrant",
-		motion: "standard",
-		era: "organic"
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
 	},
-	buttonSystem: {
+	parameterSchema: quietArrowParametersSchema,
+	defaultParameters: { secondaryTreatment: "outlined" },
+	controls: [{
+		kind: "choice",
+		parameter: "secondaryTreatment",
+		label: "Secondary button treatment",
+		options: [{
+			value: "outlined",
+			label: "Outlined"
+		}, {
+			value: "solid-accent",
+			label: "Solid accent"
+		}]
+	}],
+	defineSystem: (parameters) => ({
 		global: {
 			cornerStyle: "rounded",
-			shadow: "low",
-			textTransform: "none",
+			textTransform: "uppercase",
 			fontWeight: 500,
 			borderWidth: 1,
+			typography: "body",
+			fontSize: "text-sm",
+			letterSpacing: "loose",
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.75rem 2rem",
+				padding: "0.625rem 1.25rem",
+				fontSize: "text-xs"
+			},
+			md: {
+				padding: "0.8125rem 1.75rem",
 				fontSize: "text-sm"
 			},
-			md: { padding: "1rem 2.5rem" },
 			lg: {
-				padding: "1.25rem 3rem",
-				fontSize: "text-lg"
+				padding: "0.9375rem 2.125rem",
+				fontSize: "text-sm"
 			},
 			xl: {
-				padding: "1.625rem 3.75rem",
-				fontSize: "text-xl"
+				padding: "1.0625rem 2.5rem",
+				fontSize: "text-base"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "gradient",
-					stops: ["primary", "accent"],
-					direction: "to-r",
-					foregroundToken: "primaryForeground"
-				},
-				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("primary")
+					},
+					borderRadius: "rounded-xl",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "gradient",
-					stops: ["secondary", "accent"],
-					direction: "to-br",
-					foregroundToken: "primaryForeground"
-				},
-				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
+			secondary: {
+				kind: "complete",
+				appearance: parameters.secondaryTreatment === "solid-accent" ? {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("accent")
+					},
+					borderRadius: "rounded-xl",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
+				} : {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl",
+					border: { widthClass: "border" },
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
 				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl",
+					border: { widthClass: "border" }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl"
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: unsafeAsOpaqueButtonColourToken("accent")
+				} }
 			}
-		]
-	}
+		}
+	})
 });
 //#endregion
-//#region ../theme-core/src/buttons/personalities/confident-chip.ts
-/**
-* Confident Chip — moderate-radius solid buttons that read as competent and
-* direct. Default for Clear Professional; works for any modern brand voice.
-*/
-const confidentChip = defineButtonPersonality({
-	id: "confident-chip",
-	name: "Confident Chip",
-	description: "Mid-radius solid buttons with a crisp hover.",
+//#region ../theme-core/src/buttons/styles/recipes/defineStaticButtonStyleRecipe.ts
+const emptyParametersSchema = z$1.object({}).strict();
+function defineStaticButtonStyleRecipe(input) {
+	const system = normalizeSystem(input.system);
+	return defineButtonStyleRecipe({
+		id: input.id,
+		accessibilityLabel: input.accessibilityLabel,
+		tags: input.tags,
+		parameterSchema: emptyParametersSchema,
+		defaultParameters: {},
+		controls: [],
+		defineSystem: () => system
+	});
+}
+function normalizeSystem(input) {
+	return {
+		global: buttonGlobalSettingsSchema.parse(input.global),
+		...input.sizes ? { sizes: input.sizes } : {},
+		roles: {
+			primary: normalizeCompleteRole(input.roles.primary),
+			secondary: normalizeCompleteRole(input.roles.secondary),
+			outline: normalizeSupportingRole(input.roles.outline),
+			ghost: normalizeSupportingRole(input.roles.ghost),
+			accent: normalizeSupportingRole(input.roles.accent)
+		}
+	};
+}
+function normalizeCompleteRole(role) {
+	return {
+		kind: "complete",
+		appearance: normalizeAppearance(role.appearance)
+	};
+}
+function normalizeSupportingRole(role) {
+	if (role.kind === "complete") return normalizeCompleteRole(role);
+	return {
+		kind: "derive",
+		from: role.from,
+		...role.overrides ? { overrides: normalizeAppearanceOverrides(role.overrides) } : {}
+	};
+}
+function normalizeAppearance(appearance) {
+	const { background, hoverBackgroundToken, ...rest } = appearance;
+	return {
+		...rest,
+		background: buttonColourTreatmentSchema.parse(background),
+		...hoverBackgroundToken ? { hoverBackgroundToken: opaqueButtonColourTokenSchema.parse(hoverBackgroundToken) } : {}
+	};
+}
+function normalizeAppearanceOverrides(overrides) {
+	const { background, hoverBackgroundToken, ...rest } = overrides;
+	return {
+		...rest,
+		...background ? { background: buttonColourTreatmentSchema.parse(background) } : {},
+		...hoverBackgroundToken ? { hoverBackgroundToken: opaqueButtonColourTokenSchema.parse(hoverBackgroundToken) } : {}
+	};
+}
+//#endregion
+//#region ../theme-core/src/buttons/styles/recipes/staticRecipes.ts
+const softPillRecipe = defineStaticButtonStyleRecipe({
+	id: "soft-pill",
+	accessibilityLabel: "Rounded pill buttons with a gentle hover lift",
 	tags: {
 		tone: "classic",
 		energy: "calm",
-		motion: "standard",
-		era: "modern"
+		motion: "subtle",
+		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
-			shadow: "medium",
+			cornerStyle: "pill",
+			shadow: "low",
 			textTransform: "none",
-			fontWeight: 600,
-			borderWidth: 1,
-			hoverTransform: "none",
+			fontWeight: 500,
+			borderWidth: 2,
+			hoverTransform: "lift",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-md",
-				shadow: {
-					elevation: "medium",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "darken-background",
-						options: { amount: 100 }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.97" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "lift",
+							options: { translateY: "-1px" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "solid",
-					colorToken: "surface"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "background" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/earth-pill.ts
-/**
-* Earth Pill - warm studio pills with compact, primary-coloured ghost CTAs.
-* Built for grounded editorial wellness styles such as Soft Earth.
-*/
-const earthPill = defineButtonPersonality({
+const earthPillRecipe = defineStaticButtonStyleRecipe({
 	id: "earth-pill",
-	name: "Earth Pill",
-	description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+	accessibilityLabel: "Compact rounded buttons with a quiet hover lift",
 	tags: {
 		tone: "classic",
 		energy: "calm",
 		motion: "subtle",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
 			shadow: "low",
@@ -8295,576 +8451,547 @@ const earthPill = defineButtonPersonality({
 				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "lift",
-						options: { translateY: "-1px" }
-					}, {
-						effectId: "background-on-hover",
-						options: { colorToken: "accent" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "lift",
+							options: { translateY: "-1px" }
+						}, {
+							effectId: "background-on-hover",
+							options: { colorToken: "accent" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "muted" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "muted" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
-				sizes: {
-					sm: {
-						padding: "0.25rem 0",
-						fontSize: "text-sm"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					md: { padding: "0.375rem 0" },
-					lg: {
-						padding: "0.5rem 0",
-						fontSize: "text-lg"
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
 					},
-					xl: {
-						padding: "0.625rem 0",
-						fontSize: "text-xl"
+					sizes: {
+						sm: {
+							padding: "0.25rem 0",
+							fontSize: "text-sm"
+						},
+						md: { padding: "0.375rem 0" },
+						lg: {
+							padding: "0.5rem 0",
+							fontSize: "text-lg"
+						},
+						xl: {
+							padding: "0.625rem 0",
+							fontSize: "text-xl"
+						}
 					}
 				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/editorial-link.ts
-/**
-* Editorial Link — all variants are link-style with a growing underline.
-* Default for Warm Editorial and Quiet Luxury; reads as refined and quiet.
-*/
-const editorialLink = defineButtonPersonality({
-	id: "editorial-link",
-	name: "Editorial Link",
-	description: "Link-style with a growing underline. Refined, typographic.",
+const confidentChipRecipe = defineStaticButtonStyleRecipe({
+	id: "confident-chip",
+	accessibilityLabel: "Moderately rounded solid buttons with a crisp hover",
 	tags: {
-		tone: "minimal",
+		tone: "classic",
 		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
+		motion: "standard",
+		era: "modern"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "square",
+			cornerStyle: "rounded",
+			shadow: "medium",
 			textTransform: "none",
-			fontWeight: 500,
+			fontWeight: 600,
 			borderWidth: 1,
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 2,
-						colorToken: "text",
-						origin: "left"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-md",
+					shadow: {
+						elevation: "medium",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "darken-background",
+							options: { amount: 100 }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.97" }
+						}]
 					}
-				}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "mutedText",
-						origin: "left"
-					}
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "surface"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "background" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "accent",
-						origin: "left"
-					}
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
 				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/flat-ink.ts
-/**
-* Flat Ink — a solid ink primary, a hairline ghost secondary, and a single
-* amber accent climax, all completely flat (no drop shadow) with a modest
-* radius. Reads as grounded, editorial and clinician-precise: the Fulcrum
-* physiotherapy voice. The primary shifts to the secondary (moss) on hover and
-* every variant lifts 2px; the amber accent is meant to be used sparingly as
-* the page's one conversion climax.
-*/
-const 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.",
+const editorialSizes = {
+	sm: { padding: "0.25rem 0" },
+	md: { padding: "0.5rem 0" },
+	lg: { padding: "0.625rem 0" },
+	xl: { padding: "0.75rem 0" }
+};
+const editorialLinkRecipe = defineStaticButtonStyleRecipe({
+	id: "editorial-link",
+	accessibilityLabel: "Flat typographic buttons with an underline treatment",
 	tags: {
-		tone: "classic",
+		tone: "minimal",
 		energy: "calm",
 		motion: "subtle",
 		era: "editorial"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
+			cornerStyle: "square",
 			textTransform: "none",
-			fontWeight: 600,
+			fontWeight: 500,
 			borderWidth: 1,
-			typography: "body",
-			letterSpacing: "tight",
-			paddingPreset: "default",
-			hoverTransform: "lift",
+			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.125rem",
-				fontSize: "text-sm"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 2,
+							colorToken: "text",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			md: { padding: "0.8125rem 1.375rem" },
-			lg: {
-				padding: "0.9375rem 1.625rem",
-				fontSize: "text-lg"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "mutedText",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			xl: {
-				padding: "1.0625rem 2rem",
-				fontSize: "text-xl"
-			}
-		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-lg",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}, {
-					effectId: "background-on-hover",
-					options: { colorToken: "secondary" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "accent",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}, {
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes
+				}
 			},
-			{
-				id: "accent",
-				name: "Accent",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "solid",
-					colorToken: "accent"
-				},
-				borderRadius: "rounded-lg",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}] }
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { effects: { base: [{
+					effectId: "border-bottom-grow",
+					options: {
+						height: 2,
+						colorToken: "accent",
+						origin: "left"
+					}
+				}] } }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/ink-stamp.ts
-/**
-* Ink Stamp — solid earthy fills with a bordered, hand-stamped block-print
-* feel. Reads as bold and handmade; suits expressive craft brands.
-*/
-const inkStamp = defineButtonPersonality({
-	id: "ink-stamp",
-	name: "Ink Stamp",
-	description: "Hand-stamped block-print buttons with a slight lift on hover.",
+const pebbleRecipe = defineStaticButtonStyleRecipe({
+	id: "pebble",
+	accessibilityLabel: "Generously padded pill buttons",
 	tags: {
-		tone: "bold",
-		energy: "vibrant",
+		tone: "classic",
+		energy: "calm",
 		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 600,
-			borderWidth: 1,
+			cornerStyle: "pill",
+			textTransform: "none",
+			fontWeight: 500,
+			borderWidth: 2,
 			hoverTransform: "none",
-			hoverColor: "none",
-			letterSpacing: "loose"
+			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.5rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.75rem 1.75rem",
+				padding: "0.625rem 1.75rem",
 				fontSize: "text-sm"
 			},
+			md: { padding: "0.875rem 2.25rem" },
 			lg: {
-				padding: "0.875rem 2.25rem",
-				fontSize: "text-base"
-			},
-			xl: {
 				padding: "1.125rem 2.75rem",
 				fontSize: "text-lg"
+			},
+			xl: {
+				padding: "1.5rem 3.5rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				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" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: {
-						padding: "0.375rem 0",
-						fontSize: "text-xs"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					md: {
-						padding: "0.5rem 0",
-						fontSize: "text-sm"
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "accent" }
+					}] }
+				}
+			},
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					lg: {
-						padding: "0.625rem 0",
-						fontSize: "text-base"
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					xl: {
-						padding: "0.75rem 0",
-						fontSize: "text-lg"
-					}
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "accent",
-						origin: "left"
+					borderRadius: "rounded-full",
+					sizes: {
+						sm: {
+							padding: "0.375rem 0.875rem",
+							fontSize: "text-sm"
+						},
+						md: { padding: "0.5rem 1rem" },
+						lg: {
+							padding: "0.625rem 1.25rem",
+							fontSize: "text-lg"
+						},
+						xl: {
+							padding: "0.75rem 1.5rem",
+							fontSize: "text-xl"
+						}
 					}
-				}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/joy-stamp.ts
-/**
-* Joy Stamp — neo-brutalist pills with a hard, brand-coloured offset shadow
-* that collapses as the button presses into it on hover. Authored for the
-* Original Joy site style: a cream "stamp" shadow under the solid primary, and
-* a brown shadow under the cream outline. Reads as bold, warm, and handmade.
-*
-* The coloured offset shadow relies on the per-variant `shadow.colorToken`
-* extension; the press is the shared `press-down` effect, which matches its
-* translate to each variant's own shadow offset.
-*/
-const joyStamp = defineButtonPersonality({
-	id: "joy-stamp",
-	name: "Joy Stamp",
-	description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+const brushedWashRecipe = defineStaticButtonStyleRecipe({
+	id: "brushed-wash",
+	accessibilityLabel: "Generously padded gradient buttons with soft shadows",
 	tags: {
-		tone: "bold",
+		tone: "classic",
 		energy: "vibrant",
-		motion: "expressive",
+		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "pill",
-			shadow: "high",
+			cornerStyle: "rounded",
+			shadow: "low",
 			textTransform: "none",
-			typography: "heading",
-			fontWeight: 700,
-			fontSize: "text-lg",
-			borderWidth: 2,
+			fontWeight: 500,
+			borderWidth: 1,
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "text-base"
-			},
-			md: {
-				padding: "0.875rem 1.75rem",
-				fontSize: "text-lg"
+				padding: "0.75rem 2rem",
+				fontSize: "text-sm"
 			},
+			md: { padding: "1rem 2.5rem" },
 			lg: {
-				padding: "1.125rem 2.25rem",
-				fontSize: "text-xl"
+				padding: "1.25rem 3rem",
+				fontSize: "text-lg"
 			},
 			xl: {
-				padding: "1.25rem 2.75rem",
-				fontSize: "text-2xl"
+				padding: "1.625rem 3.75rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [{
-			id: "primary",
-			name: "Primary",
-			enabled: true,
-			priority: 1,
-			background: {
-				type: "solid",
-				colorToken: "primary"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "gradient",
+						stops: ["primary", "accent"],
+						direction: "to-r",
+						foregroundToken: "primaryForeground"
+					},
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					}
+				}
 			},
-			borderRadius: "rounded-full",
-			shadow: {
-				elevation: "high",
-				softness: "hard",
-				position: "bottom-right",
-				colorToken: "text"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "gradient",
+						stops: ["secondary", "accent"],
+						direction: "to-br",
+						foregroundToken: "primaryForeground"
+					},
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					}
+				}
 			},
-			effects: { hover: [{ effectId: "press-down" }] }
-		}, {
-			id: "secondary",
-			name: "Secondary",
-			enabled: true,
-			priority: 2,
-			background: {
-				type: "surface",
-				role: "link"
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			borderRadius: "rounded-full",
-			border: { widthClass: "border-2" },
-			shadow: {
-				elevation: "high",
-				softness: "hard",
-				position: "bottom-right",
-				colorToken: "secondary"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			effects: { hover: [{ effectId: "press-down" }] }
-		}]
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
+			}
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/ornate-ritual.ts
-/**
-* Ornate Ritual — framed, ceremonial buttons with jewel-toned fills and
-* deliberate spacing. Designed for music, ceremony, and soulful event sites.
-*/
-const ornateRitual = defineButtonPersonality({
-	id: "ornate-ritual",
-	name: "Ornate Ritual",
-	description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+const inkStampRecipe = defineStaticButtonStyleRecipe({
+	id: "ink-stamp",
+	accessibilityLabel: "Uppercase block-print buttons with a playful hover",
 	tags: {
-		tone: "classic",
+		tone: "bold",
 		energy: "vibrant",
-		motion: "subtle",
+		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "rounded",
 			textTransform: "uppercase",
@@ -8876,359 +9003,256 @@ const ornateRitual = defineButtonPersonality({
 		},
 		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: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: {
-					hover: [{
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					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" }
+						}]
+					}
+				}
+			},
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
 						effectId: "background-on-hover",
-						options: { colorToken: "primary-100" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+						options: { colorToken: "surface" }
+					}] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "solid",
-					colorToken: "secondary"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "muted" }
-				}] }
-			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: {
-						padding: "0.375rem 0",
-						fontSize: "text-xs"
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					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/pebble.ts
-/**
-* Pebble — large pill primaries with generous padding. Reads as spa-luxurious
-* and natural; pairs well with wellness/yoga/dance brands.
-*/
-const pebble = defineButtonPersonality({
-	id: "pebble",
-	name: "Pebble",
-	description: "Generous pill buttons with a quiet colour-softening hover.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "standard",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			textTransform: "none",
-			fontWeight: 500,
-			borderWidth: 2,
-			hoverTransform: "none",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.75rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "0.875rem 2.25rem" },
-			lg: {
-				padding: "1.125rem 2.75rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "1.5rem 3.5rem",
-				fontSize: "text-xl"
-			}
-		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "darken-background",
-					options: { amount: 100 }
-				}] }
-			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "accent" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+					borderRadius: "rounded-md",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				sizes: {
-					sm: {
-						padding: "0.375rem 0.875rem",
-						fontSize: "text-sm"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					md: { padding: "0.5rem 1rem" },
-					lg: {
-						padding: "0.625rem 1.25rem",
-						fontSize: "text-lg"
+					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"
+						}
 					},
-					xl: {
-						padding: "0.75rem 1.5rem",
-						fontSize: "text-xl"
-					}
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "accent",
+							origin: "left"
+						}
+					}] }
 				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/quiet-arrow.ts
-/**
-* Quiet Arrow — wide, flat editorial buttons for grounded service businesses.
-* Primary and secondary keep stable semantic colours; surrounding surfaces are
-* responsible for contrast rather than reversing the button roles.
-*/
-const quietArrow = defineButtonPersonality({
-	id: "quiet-arrow",
-	name: "Quiet Arrow",
-	description: "Wide, flat arrow buttons with a solid primary and a primary-colour outlined secondary.",
+const flatInkRecipe = defineStaticButtonStyleRecipe({
+	id: "flat-ink",
+	accessibilityLabel: "Flat rounded buttons with arrow affordances",
 	tags: {
 		tone: "classic",
 		energy: "calm",
 		motion: "subtle",
 		era: "editorial"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 500,
+			textTransform: "none",
+			fontWeight: 600,
 			borderWidth: 1,
 			typography: "body",
-			fontSize: "text-sm",
-			letterSpacing: "loose",
-			hoverTransform: "none",
+			letterSpacing: "tight",
+			paddingPreset: "default",
+			hoverTransform: "lift",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.8125rem 1.75rem",
+				padding: "0.625rem 1.125rem",
 				fontSize: "text-sm"
 			},
+			md: { padding: "0.8125rem 1.375rem" },
 			lg: {
-				padding: "0.9375rem 2.125rem",
-				fontSize: "text-sm"
+				padding: "0.9375rem 1.625rem",
+				fontSize: "text-lg"
 			},
 			xl: {
-				padding: "1.0625rem 2.5rem",
-				fontSize: "text-base"
+				padding: "1.0625rem 2rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-xl",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "darken-background",
-					options: { amount: 100 }
-				}] }
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "secondary" }
+					}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl",
-				border: { widthClass: "border" },
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl",
-				border: { widthClass: "border" }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
+			},
+			accent: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "accent"
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/showtime-pill.ts
-/**
-* Showtime Pill — bold, spacious, fully rounded buttons with playful pop
-* motion. Suits energetic schools, performers, festivals, and community brands
-* that need calls to action to feel loud without becoming visually chaotic.
-*/
-const showtimePill = defineButtonPersonality({
+const showtimePillRecipe = defineStaticButtonStyleRecipe({
 	id: "showtime-pill",
-	name: "Showtime Pill",
-	description: "Bold pill buttons with uppercase labels, generous padding, and a playful pop.",
+	accessibilityLabel: "Bold uppercase pill buttons with playful movement",
 	tags: {
 		tone: "bold",
 		energy: "vibrant",
 		motion: "expressive",
 		era: "modern"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
 			shadow: "low",
@@ -9259,272 +9283,376 @@ const showtimePill = defineButtonPersonality({
 				fontSize: "1.125rem"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{ effectId: "pop" }] }
-			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{ effectId: "pop" }] }
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			},
-			{
-				id: "hero",
-				name: "Hero",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "secondary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{ effectId: "pop" }] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			},
-			{
-				id: "header",
-				name: "Header",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "solid",
-					colorToken: "background"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "background" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "background" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			accent: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "secondary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/soft-pill.ts
-/**
-* Soft Pill — rounded-full pill buttons with a hover lift. The default for
-* Calm Studio and Modern Wellness; reads as quietly modern and welcoming.
-*/
-const softPill = defineButtonPersonality({
-	id: "soft-pill",
-	name: "Soft Pill",
-	description: "Rounded pills with a gentle lift on hover. Quietly modern.",
+const joyStampRecipe = defineStaticButtonStyleRecipe({
+	id: "joy-stamp",
+	accessibilityLabel: "Bold pill buttons with a hard offset shadow",
 	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
+		tone: "bold",
+		energy: "vibrant",
+		motion: "expressive",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
-			shadow: "low",
+			shadow: "high",
 			textTransform: "none",
-			fontWeight: 500,
+			typography: "heading",
+			fontWeight: 700,
+			fontSize: "text-lg",
 			borderWidth: 2,
-			hoverTransform: "lift",
+			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "lift",
-						options: { translateY: "-1px" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+		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"
+			}
+		},
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					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: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					shadow: {
+						elevation: "high",
+						softness: "hard",
+						position: "bottom-right",
+						colorToken: "secondary"
+					},
+					effects: { hover: [{ effectId: "press-down" }] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "derive",
+				from: "secondary"
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "press-down" }] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/two-tone-pill.ts
-const solidSecondary = {
-	id: "secondary",
-	name: "Secondary",
-	enabled: true,
-	priority: 2,
-	background: {
-		type: "solid",
-		colorToken: unsafeAsOpaqueButtonColourToken("secondary")
+const ornateRitualRecipe = defineStaticButtonStyleRecipe({
+	id: "ornate-ritual",
+	accessibilityLabel: "Uppercase framed buttons with restrained movement",
+	tags: {
+		tone: "classic",
+		energy: "vibrant",
+		motion: "subtle",
+		era: "organic"
 	},
-	borderRadius: "rounded-full",
-	shadow: {
-		elevation: "none",
-		softness: null,
-		position: "bottom"
-	},
-	effects: {
-		hover: [{
-			effectId: "background-on-hover-alpha",
-			options: {
-				colorToken: "secondary",
-				opacity: 88
+	system: {
+		global: {
+			cornerStyle: "rounded",
+			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"
 			}
-		}],
-		active: [{
-			effectId: "scale-down",
-			options: { scale: "0.98" }
-		}]
+		},
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: {
+						hover: [{
+							effectId: "background-on-hover",
+							options: { colorToken: "primary-100" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
+				}
+			},
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "secondary"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "muted" }
+					}] }
+				}
+			},
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					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"
+						}
+					}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
+			}
+		}
 	}
-};
+});
 //#endregion
-//#region ../theme-core/src/buttons/personalities/index.ts
-const buttonPersonalities = [
-	softPill,
-	defineButtonPersonality({
-		id: "two-tone-pill",
-		name: "Two-tone Pill",
-		description: "Rounded pills with distinct solid primary and secondary brand colours.",
-		tags: softPill.tags,
-		buttonSystem: {
-			...softPill.buttonSystem,
-			variants: softPill.buttonSystem.variants.map((variant) => variant.id === "secondary" ? solidSecondary : variant)
-		}
-	}),
-	earthPill,
-	confidentChip,
-	editorialLink,
-	pebble,
-	inkStamp,
-	flatInk,
-	brushedWash,
-	showtimePill,
-	joyStamp,
-	ornateRitual,
-	quietArrow
+//#region ../theme-core/src/buttons/styles/registry.ts
+const buttonStyleRecipes = [
+	softPillRecipe,
+	earthPillRecipe,
+	confidentChipRecipe,
+	editorialLinkRecipe,
+	pebbleRecipe,
+	inkStampRecipe,
+	flatInkRecipe,
+	brushedWashRecipe,
+	showtimePillRecipe,
+	joyStampRecipe,
+	ornateRitualRecipe,
+	quietArrowRecipe
 ];
-new Map(buttonPersonalities.map((p) => [p.id, p]));
-buttonPersonalities.map((personality) => ({
-	id: personality.id,
-	name: personality.name,
-	description: personality.description,
-	category: presetCategory(personality),
-	buttonSystem: personality.buttonSystem,
-	compatibility: {
-		...personality.tags.tone ? { tones: [personality.tags.tone] } : {},
-		...personality.tags.energy ? { energies: [personality.tags.energy] } : {}
-	}
-}));
-function presetCategory(personality) {
-	switch (personality.tags.era) {
+const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
+function findButtonStyleRecipe(id) {
+	const recipe = recipesById.get(id);
+	if (recipe === void 0) throw new Error(`Button style registry is missing known style ${id}`);
+	return recipe;
+}
+function resolveButtonStyleSelection(selection) {
+	switch (selection.styleId) {
+		case "soft-pill": return resolveButtonStyleRecipe(softPillRecipe, selection.parameters);
+		case "earth-pill": return resolveButtonStyleRecipe(earthPillRecipe, selection.parameters);
+		case "confident-chip": return resolveButtonStyleRecipe(confidentChipRecipe, selection.parameters);
+		case "editorial-link": return resolveButtonStyleRecipe(editorialLinkRecipe, selection.parameters);
+		case "pebble": return resolveButtonStyleRecipe(pebbleRecipe, selection.parameters);
+		case "ink-stamp": return resolveButtonStyleRecipe(inkStampRecipe, selection.parameters);
+		case "flat-ink": return resolveButtonStyleRecipe(flatInkRecipe, selection.parameters);
+		case "brushed-wash": return resolveButtonStyleRecipe(brushedWashRecipe, selection.parameters);
+		case "showtime-pill": return resolveButtonStyleRecipe(showtimePillRecipe, selection.parameters);
+		case "joy-stamp": return resolveButtonStyleRecipe(joyStampRecipe, selection.parameters);
+		case "ornate-ritual": return resolveButtonStyleRecipe(ornateRitualRecipe, selection.parameters);
+		case "quiet-arrow": return resolveButtonStyleRecipe(quietArrowRecipe, selection.parameters);
+	}
+}
+function defaultButtonStyleSelectionFor(styleId) {
+	return {
+		styleId,
+		parameters: findButtonStyleRecipe(styleId).defaultParameters
+	};
+}
+if (buttonStyleRecipes.map((recipe) => recipe.id).length !== BUTTON_STYLE_IDS.length || BUTTON_STYLE_IDS.some((id) => !recipesById.has(id))) throw new Error("Button style registry and ButtonStyleId catalog are out of sync");
+buttonStyleRecipes.map((recipe) => {
+	const resolved = resolveButtonStyleSelection(defaultButtonStyleSelectionFor(recipe.id));
+	if (resolved.kind === "error") throw new Error(`Invalid registered button style ${recipe.id}: ${resolved.error.issues.join(", ")}`);
+	return {
+		id: recipe.id,
+		name: recipe.accessibilityLabel,
+		description: recipe.accessibilityLabel,
+		category: presetCategory(recipe),
+		buttonSystem: resolved.buttonSystem,
+		compatibility: {
+			...recipe.tags.tone ? { tones: [recipe.tags.tone] } : {},
+			...recipe.tags.energy ? { energies: [recipe.tags.energy] } : {}
+		}
+	};
+});
+function presetCategory(recipe) {
+	switch (recipe.tags.era) {
 		case "retro": return "retro";
 		case "editorial": return "minimal";
 		case "organic": return "artistic";
-		case "modern": return personality.tags.tone === "bold" ? "modern" : "technical";
+		case "modern": return recipe.tags.tone === "bold" ? "modern" : "technical";
 		case "technical": return "technical";
 		case void 0: return "modern";
 	}
@@ -10868,6 +10996,43 @@ function consumeSearchParam(paramName) {
 	return value;
 }
 //#endregion
+//#region ../blocks/src/system/runtime/shared/utils/validation.ts
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+/**
+* Validate registration form data.
+*
+* Only `name` and `email` are required fields. The `phone` and `notes` fields
+* are optional and not validated by this function.
+*
+* @param data - Form data to validate
+* @returns Object with field errors (empty if valid)
+*/
+function validateFormData$1(data) {
+	const errors = {};
+	if (!data.name.trim()) errors.name = "Name is required";
+	if (!data.email.trim()) errors.email = "Email is required";
+	else if (!EMAIL_REGEX.test(data.email.trim())) errors.email = "Please enter a valid email";
+	return errors;
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/utils/wizardSteps.ts
+/**
+* Shared Wizard Step Utilities
+*
+* Helpers for wizard step navigation in registration blocks.
+*/
+/**
+* Get the 1-based step number for a step in the wizard.
+*
+* @param step - The step to find
+* @param wizardSteps - Array of wizard steps
+* @returns 1-based step number, or 1 if step not found
+*/
+function getStepNumber(step, wizardSteps) {
+	const index = wizardSteps.indexOf(step);
+	return index >= 0 ? index + 1 : 1;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.client.tsx
 const PORTAL_REBOOK_QUERY_PARAM = "rebook";
 const PORTAL_REBOOK_QUERY_VALUE = "1";
@@ -13337,14 +13502,14 @@ const eventRegistrationWizardDeps = {
 	useEventRegistrationSubmit,
 	useDiscountCodeUi
 };
-function parseCurrencyInputToCents(value) {
+function parseCurrencyInputToCents$1(value) {
 	const trimmed = value.trim();
 	if (!trimmed) return null;
 	const amount = Number(trimmed);
 	if (!Number.isFinite(amount) || amount < 0) return null;
 	return Math.round(amount * 100);
 }
-function formatCentsAsCurrencyInput(amount) {
+function formatCentsAsCurrencyInput$1(amount) {
 	const major = amount / 100;
 	return Number.isInteger(major) ? String(major) : major.toFixed(2);
 }
@@ -13405,7 +13570,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 	const [selectedTicketLines, setSelectedTicketLines] = useState([]);
 	const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState(() => {
 		const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
-		return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
+		return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput$1(slidingScale.suggestedAmount) : "";
 	});
 	const [registrationResult, setRegistrationResult] = useState(null);
 	const [errorMessage, setErrorMessage] = useState("");
@@ -13478,7 +13643,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 		occurrenceId,
 		attendanceMode: selectedAttendanceMode,
 		ticketSelections,
-		selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
+		selectedSlidingAmount: parseCurrencyInputToCents$1(selectedSlidingAmountInput),
 		email: formData.email
 	});
 	const existingRegistrationResult = deps.useExistingEventRegistration({
@@ -13630,7 +13795,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 		selectedAttendanceMode,
 		singleSelectedTicketTypeId
 	]);
-	const selectedSlidingAmount = useMemo(() => parseCurrencyInputToCents(selectedSlidingAmountInput), [selectedSlidingAmountInput]);
+	const selectedSlidingAmount = useMemo(() => parseCurrencyInputToCents$1(selectedSlidingAmountInput), [selectedSlidingAmountInput]);
 	const selectedEventSlidingScale = useMemo(() => getSlidingScaleForEvent(selectedEvent ?? preSelectedEvent), [selectedEvent, preSelectedEvent]);
 	const slidingScaleSelectionMessage = getSlidingScaleSelectionMessage({
 		slidingScale: selectedEventSlidingScale,
@@ -13884,7 +14049,7 @@ function useEventRegistrationWizardWithDeps(options, deps) {
 	const handleEventSelect = (event) => {
 		setSelectedEvent(event);
 		const slidingScale = getSlidingScaleForEvent(event);
-		setSelectedSlidingAmountInput(slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "");
+		setSelectedSlidingAmountInput(slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput$1(slidingScale.suggestedAmount) : "");
 		setSelectedAttendanceMode((event.deliveryMode ?? "in_person") === "hybrid" ? null : (event.deliveryMode ?? "in_person") === "online" ? "online" : "in_person");
 		setSelectedTicketLines([]);
 		dispatchFlow({
@@ -14128,82 +14293,1421 @@ function useEventRegistrationControllerWithDeps(options, deps) {
 	}, [directPaymentOptions, wizard]);
 	const next = useCallback(async () => {
 		switch (wizard.step) {
-			case "select-event":
-				if (!wizard.selectedEvent) return {
-					ok: false,
-					reason: "blocked",
-					message: "Select an event to continue."
-				};
-				wizard.setStep("select-tickets");
-				return { ok: true };
-			case "select-tickets":
-				if (wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection) return {
+			case "select-event":
+				if (!wizard.selectedEvent) return {
+					ok: false,
+					reason: "blocked",
+					message: "Select an event to continue."
+				};
+				wizard.setStep("select-tickets");
+				return { ok: true };
+			case "select-tickets":
+				if (wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection) return {
+					ok: false,
+					reason: "blocked",
+					message: "Choose at least one available ticket to continue."
+				};
+				wizard.setStep("enter-details");
+				return { ok: true };
+			case "enter-details": {
+				const result = await wizard.handleDetailsComplete();
+				return result.ok ? { ok: true } : result;
+			}
+			case "select-payment": {
+				const result = await submit({ redirect: "manual" });
+				return result.ok ? { ok: true } : {
+					ok: false,
+					reason: result.reason === "submission-failed" ? "submission-failed" : "blocked",
+					message: result.message
+				};
+			}
+			case "error":
+			case "success":
+			case "submitting":
+			case "redirecting":
+			case "verifying-payment":
+			case "verifying-timeout":
+			case "payment-failed": return {
+				ok: false,
+				reason: "blocked",
+				message: "This registration step cannot continue."
+			};
+		}
+	}, [submit, wizard]);
+	const back = useCallback(() => {
+		switch (wizard.step) {
+			case "enter-details":
+				wizard.setStep("select-tickets");
+				return;
+			case "select-payment":
+				wizard.setStep("enter-details");
+				return;
+			case "select-tickets":
+				if (!wizard.hasPreSelectedContext) wizard.setStep("select-event");
+				return;
+			case "select-event":
+			case "error":
+			case "success":
+			case "submitting":
+			case "redirecting":
+			case "verifying-payment":
+			case "verifying-timeout":
+			case "payment-failed": return;
+		}
+	}, [wizard]);
+	const updateAttendee = useCallback((values) => {
+		wizard.setFormData(values);
+	}, [wizard]);
+	const updateGuests = useCallback((guests) => {
+		wizard.setGuests(guests);
+	}, [wizard]);
+	const selectPayment = useCallback((selection) => {
+		wizard.handlePaymentSelectionChange(normalizeEventRegistrationDirectPaymentSelection({
+			options: directPaymentOptions,
+			selection: toInternalPaymentSelection(selection)
+		}));
+	}, [directPaymentOptions, wizard]);
+	const selectedTicketTypeId = getSingleSelectedTicketTypeId(wizard.selectedTicketLines);
+	const spamProtection = options.spamProtectionEnabled ?? isSpamProtectionEnabled() ? {
+		enabled: true,
+		provider: "altcha",
+		challenge: {
+			url: getChallengeUrl(),
+			auto: "onfocus"
+		},
+		solution: wizard.altchaSolution
+	} : { enabled: false };
+	const payment = resolvePaymentModel(wizard, directPaymentOptions);
+	return {
+		flow: {
+			status: resolveHeadlessEventRegistrationStatus(wizard),
+			view: resolveHeadlessEventRegistrationView(wizard),
+			steps,
+			currentStep,
+			events: {
+				items: wizard.events,
+				scoped: wizard.scopedEvents,
+				selected: wizard.selectedEvent,
+				preSelected: wizard.preSelectedEvent,
+				hasPreSelectedContext: wizard.hasPreSelectedContext,
+				target: wizard.registrationTarget,
+				occurrenceContext: wizard.occurrenceContext,
+				contentEntry: wizard.contentEntry
+			},
+			tickets: {
+				count: wizard.ticketsCount,
+				max: wizard.maxTicketsNum,
+				selections: wizard.ticketSelections,
+				summaryLines: wizard.ticketSelectionSummaryLines,
+				subtotalCents: wizard.ticketSelectionSubtotalCents,
+				selectedTicketTypeId,
+				selectedTicketType: wizard.selectedTicketType,
+				visibleTicketTypes: wizard.visibleTicketTypes,
+				selectionRequired: wizard.ticketTypeSelectionRequired,
+				hasValidSelection: wizard.hasValidTicketSelection,
+				eventRequiresPayment: wizard.eventRequiresPayment,
+				selectedAttendanceMode: wizard.selectedAttendanceMode
+			},
+			attendee: {
+				values: wizard.formData,
+				errors: wizard.errors
+			},
+			guests: {
+				required: wizard.requireGuestDetails,
+				items: wizard.guests,
+				errors: wizard.guestErrors,
+				shake: wizard.guestSectionShake
+			},
+			payment,
+			discount: {
+				code: wizard.discountCode,
+				isOpen: wizard.discountUiOpen,
+				available: wizard.discountsAvailable,
+				manualCodeEntryAllowed: wizard.manualCodeEntryAllowed,
+				loading: wizard.discountsAvailableLoading,
+				autoAppliedDiscount: wizard.autoAppliedDiscount
+			},
+			portalAuth: {
+				state: wizard.portalAuthState,
+				profile: wizard.portalProfile,
+				isAuthenticated: wizard.portalAuthState === "authenticated",
+				showMagicLinkModal: wizard.showMagicLinkModal
+			},
+			existingRegistration: {
+				state: resolveExistingRegistrationState(wizard),
+				registration: wizard.existingRegistration
+			},
+			waitlistClaim: wizard.waitlistClaim,
+			spamProtection,
+			terminal: {
+				result: wizard.registrationResult,
+				errorMessage: wizard.errorMessage,
+				verification: wizard.verification
+			},
+			actions: {
+				selectEvent: wizard.handleEventSelect,
+				selectAttendanceMode: wizard.setSelectedAttendanceMode,
+				selectTicketType: (ticketTypeId) => {
+					wizard.setSelectedTicketLines(ticketTypeId ? [{
+						ticketTypeId,
+						quantity: 1
+					}] : []);
+				},
+				setTicketSelections: wizard.setSelectedTicketLines,
+				setTicketsCount: wizard.setTicketsCount,
+				updateAttendee,
+				updateGuests,
+				selectPayment,
+				setDiscountCode: wizard.setDiscountCode,
+				setDiscountOpen: wizard.setDiscountUiOpen,
+				setAltchaSolution: wizard.setAltchaSolution,
+				requestLogin: () => wizard.setShowMagicLinkModal(true),
+				logout: wizard.handleLogout,
+				next,
+				back,
+				submit,
+				retry: wizard.handleRetry
+			}
+		},
+		wizard
+	};
+}
+function useEventRegistrationWizardControllerWithDeps(options, deps) {
+	const maxTicketsNum = normalizeEventRegistrationMaxTickets(options.maxTickets);
+	return { wizard: deps.useEventRegistrationWizard({
+		anchorId: options.anchorId ?? "event-registration",
+		occurrenceContext: options.occurrenceContext ?? null,
+		contentEntry: options.contentEntry ?? null,
+		events: [...options.events ?? []],
+		maxTicketsNum
+	}) };
+}
+function resolveExistingRegistrationState(wizard) {
+	switch (wizard.existingRegistrationState.tag) {
+		case "idle": return {
+			tag: "idle",
+			value: wizard.existingRegistration
+		};
+		case "loading": return {
+			tag: "loading",
+			value: wizard.existingRegistration
+		};
+		case "resolved": return {
+			tag: "loaded",
+			value: wizard.existingRegistration
+		};
+	}
+}
+function resolvePaymentModel(wizard, directPaymentOptions) {
+	const internalSelection = normalizeEventRegistrationDirectPaymentSelection({
+		options: directPaymentOptions,
+		selection: wizard.paymentSelection
+	});
+	const selection = toHeadlessPaymentSelection(internalSelection);
+	const directPaymentSelectionState = resolveEventRegistrationDirectPaymentSelection({
+		options: directPaymentOptions,
+		selection: internalSelection
+	});
+	if (wizard.step !== "select-payment") return {
+		kind: "hidden",
+		selection,
+		directPaymentOptions,
+		directPaymentSelectionState,
+		stepState: wizard.paymentStepState
+	};
+	return {
+		kind: wizard.paymentStepState.status,
+		selection,
+		directPaymentOptions,
+		directPaymentSelectionState,
+		stepState: wizard.paymentStepState,
+		eligibility: wizard.eligibility,
+		eligibilityError: wizard.eligibilityError
+	};
+}
+function resolveHeadlessDirectPaymentOptions(wizard) {
+	const eligibility = wizard.eligibility;
+	if (!eligibility?.eligible || !eligibility.canPayDirectly || !eligibility.price) return [];
+	const event = wizard.selectedEvent ?? wizard.preSelectedEvent;
+	return buildEventRegistrationPaymentOptionsViewModel({
+		eventTitle: event?.title ?? "Event",
+		paymentTerms: event?.paymentTerms,
+		totalPriceCents: eligibility.price,
+		currency: eligibility.currency,
+		startsAt: wizard.occurrenceContext?.startsAt ?? event?.startsAt
+	}).options;
+}
+//#endregion
+//#region ../blocks/src/system/blocks/courses/shared/pricing.ts
+function isSaleWindowOpen(option, now) {
+	if (!option.isActive) return false;
+	if (option.saleStartsAt && new Date(option.saleStartsAt) > now) return false;
+	if (option.saleEndsAt && new Date(option.saleEndsAt) < now) return false;
+	return true;
+}
+function toExactOrFreeDisplay(amount, currency) {
+	if (amount <= 0) return {
+		kind: "free",
+		currency
+	};
+	return {
+		kind: "exact",
+		amount,
+		currency
+	};
+}
+function getSelectableCoursePricingOptionsForNow(course, now) {
+	if (!course.pricing || course.pricing.pricingStrategy !== "tiered") return [];
+	return [...course.pricing.options].filter((option) => isSaleWindowOpen(option, now)).sort((left, right) => {
+		if (left.sortOrder !== right.sortOrder) return left.sortOrder - right.sortOrder;
+		if (left.priceAmount !== right.priceAmount) return left.priceAmount - right.priceAmount;
+		return left.name.localeCompare(right.name);
+	});
+}
+function resolveCoursePricingState(course, selectedPricingOptionId, selectedSlidingAmountOrNowInput, nowInput = {}) {
+	const selectedSlidingAmount = typeof selectedSlidingAmountOrNowInput === "number" || selectedSlidingAmountOrNowInput === null ? selectedSlidingAmountOrNowInput : null;
+	const effectiveNowInput = typeof selectedSlidingAmountOrNowInput === "object" && selectedSlidingAmountOrNowInput !== null ? selectedSlidingAmountOrNowInput : nowInput;
+	const currency = course.pricing?.currency ?? course.currency;
+	if (!course.pricing) {
+		const legacyAmount = course.priceCents ?? 0;
+		return {
+			currency,
+			display: toExactOrFreeDisplay(legacyAmount, currency),
+			selectableOptions: [],
+			requiresSelection: false,
+			selectedOption: null,
+			slidingScale: null,
+			selectedSlidingAmount: null,
+			selectedPriceAmount: legacyAmount,
+			selectedRequiresPayment: legacyAmount > 0,
+			hasPaidSelection: legacyAmount > 0,
+			hasFreeSelection: legacyAmount <= 0
+		};
+	}
+	switch (course.pricing.pricingStrategy) {
+		case "free": return {
+			currency,
+			display: {
+				kind: "free",
+				currency
+			},
+			selectableOptions: [],
+			requiresSelection: false,
+			selectedOption: null,
+			slidingScale: null,
+			selectedSlidingAmount: null,
+			selectedPriceAmount: 0,
+			selectedRequiresPayment: false,
+			hasPaidSelection: false,
+			hasFreeSelection: true
+		};
+		case "single": {
+			const amount = course.pricing.singlePriceAmount ?? 0;
+			return {
+				currency,
+				display: toExactOrFreeDisplay(amount, currency),
+				selectableOptions: [],
+				requiresSelection: false,
+				selectedOption: null,
+				slidingScale: null,
+				selectedSlidingAmount: null,
+				selectedPriceAmount: amount,
+				selectedRequiresPayment: amount > 0,
+				hasPaidSelection: amount > 0,
+				hasFreeSelection: amount <= 0
+			};
+		}
+		case "tiered": {
+			const selectableOptions = getSelectableCoursePricingOptionsForNow(course, resolvePlanningDateInput(effectiveNowInput));
+			const selectedOption = (selectedPricingOptionId ? selectableOptions.find((option) => option.id === selectedPricingOptionId) : null) ?? (selectableOptions.length === 1 ? selectableOptions[0] ?? null : null);
+			const lowestAmount = selectableOptions.reduce((lowest, option) => {
+				if (lowest === null || option.priceAmount < lowest) return option.priceAmount;
+				return lowest;
+			}, null);
+			return {
+				currency,
+				display: lowestAmount === null ? {
+					kind: "unavailable",
+					currency
+				} : selectableOptions.length > 1 && lowestAmount > 0 ? {
+					kind: "from",
+					amount: lowestAmount,
+					currency
+				} : toExactOrFreeDisplay(lowestAmount, currency),
+				selectableOptions,
+				requiresSelection: selectableOptions.length > 1,
+				selectedOption,
+				slidingScale: null,
+				selectedSlidingAmount: null,
+				selectedPriceAmount: selectedOption?.priceAmount ?? null,
+				selectedRequiresPayment: (selectedOption?.priceAmount ?? 0) > 0,
+				hasPaidSelection: selectableOptions.some((option) => option.priceAmount > 0),
+				hasFreeSelection: selectableOptions.some((option) => option.priceAmount === 0)
+			};
+		}
+		case "sliding_scale": {
+			const minAmount = course.pricing.slidingMinAmount ?? null;
+			const maxAmount = course.pricing.slidingMaxAmount ?? null;
+			if (minAmount === null || maxAmount === null || minAmount < 0 || maxAmount < minAmount) return {
+				currency,
+				display: {
+					kind: "unavailable",
+					currency
+				},
+				selectableOptions: [],
+				requiresSelection: true,
+				selectedOption: null,
+				slidingScale: null,
+				selectedSlidingAmount: null,
+				selectedPriceAmount: null,
+				selectedRequiresPayment: false,
+				hasPaidSelection: false,
+				hasFreeSelection: false
+			};
+			const normalizedSelectedAmount = typeof selectedSlidingAmount === "number" && Number.isFinite(selectedSlidingAmount) ? selectedSlidingAmount : null;
+			return {
+				currency,
+				display: {
+					kind: "range",
+					minAmount,
+					maxAmount,
+					currency
+				},
+				selectableOptions: [],
+				requiresSelection: normalizedSelectedAmount === null,
+				selectedOption: null,
+				slidingScale: {
+					minAmount,
+					maxAmount,
+					suggestedAmount: course.pricing.slidingSuggestedAmount ?? null
+				},
+				selectedSlidingAmount: normalizedSelectedAmount,
+				selectedPriceAmount: normalizedSelectedAmount,
+				selectedRequiresPayment: (normalizedSelectedAmount ?? 0) > 0,
+				hasPaidSelection: maxAmount > 0,
+				hasFreeSelection: minAmount === 0
+			};
+		}
+	}
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/course-registration/utils.ts
+/**
+* Anchor ID for the registration block, used for scroll targeting.
+*/
+const COURSE_REGISTRATION_ANCHOR_ID = "course-registration";
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/course-registration/wizardSteps.ts
+/**
+* Step labels for the wizard indicator
+*/
+const STEP_LABELS = {
+	"select-course": "Course",
+	"enter-details": "Details",
+	"booking-mode": "Method",
+	"select-payment": "Payment",
+	submitting: "Booking",
+	redirecting: "Redirecting",
+	"verifying-payment": "Verifying",
+	"verifying-timeout": "Timeout",
+	"payment-failed": "Failed",
+	success: "Complete",
+	waitlist: "Waitlist",
+	error: "Error"
+};
+/**
+* Determine which wizard steps to show based on context and eligibility.
+*
+* @param hasPreSelectedCourse - Whether course is pre-selected (skips course selection)
+* @param requiresPayment - Whether the course requires payment
+* @param hasEligibleMemberships - Whether user has eligible memberships
+* @param bookingMode - Current booking mode selection
+* @param isMembershipFastTrack - Whether user qualifies for single-step membership flow
+* @returns Array of wizard steps to display
+*/
+function getWizardStepsForContext(hasPreSelectedCourse, requiresPayment, hasEligibleMemberships, bookingMode, isMembershipFastTrack) {
+	if (isMembershipFastTrack) return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
+	if (!requiresPayment) return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
+	if (hasEligibleMemberships) {
+		const skipPayment = bookingMode === "membership";
+		if (hasPreSelectedCourse) return skipPayment ? ["enter-details", "booking-mode"] : [
+			"enter-details",
+			"booking-mode",
+			"select-payment"
+		];
+		return skipPayment ? [
+			"select-course",
+			"enter-details",
+			"booking-mode"
+		] : [
+			"select-course",
+			"enter-details",
+			"booking-mode",
+			"select-payment"
+		];
+	}
+	return hasPreSelectedCourse ? ["enter-details", "select-payment"] : [
+		"select-course",
+		"enter-details",
+		"select-payment"
+	];
+}
+/**
+* Get labels for a list of wizard steps
+*/
+function getStepLabels(steps) {
+	return steps.map((step) => STEP_LABELS[step] ?? step);
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/course-page-surface-scope.ts
+/**
+* Resolves native course-page ownership without falling back to entry or slug
+* coincidence when a page-surface subject is present but invalid.
+*/
+function resolveCoursePageSurfaceScope(courses, subjectValue) {
+	if (subjectValue === null || subjectValue === void 0) return { kind: "absent" };
+	const parsed = parseEventPageSurfaceSubject(subjectValue);
+	if (!parsed.ok) return {
+		kind: "unsupported",
+		reason: parsed.error.kind
+	};
+	const seriesIds = eventSeriesIdsForSubject(parsed.value);
+	const allowedSeriesIds = new Set(seriesIds);
+	return {
+		kind: "scoped",
+		subject: parsed.value,
+		courses: courses.filter((course) => allowedSeriesIds.has(course.seriesId))
+	};
+}
+function eventSeriesIdsForSubject(subject) {
+	switch (subject.kind) {
+		case "eventSeries": return [subject.eventSeriesId];
+		case "eventOffering": return subject.availableEventSeriesIds;
+		default: return assertNever$3(subject);
+	}
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationWizard.ts
+function parseCurrencyInputToCents(value) {
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	const amount = Number(trimmed);
+	if (!Number.isFinite(amount) || amount < 0) return null;
+	return Math.round(amount * 100);
+}
+function formatCentsAsCurrencyInput(amount) {
+	const major = amount / 100;
+	return Number.isInteger(major) ? String(major) : major.toFixed(2);
+}
+function shouldFetchCourseEligibility(course, hasPaidSelection, portalAuthState, hasWaitlistClaimToken) {
+	if (!course || portalAuthState === "checking") return false;
+	if (hasWaitlistClaimToken) return false;
+	const needsMembershipEligibility = portalAuthState === "authenticated" && hasPaidSelection && course.acceptsMemberships;
+	const needsWaitlistAvailabilityCheck = course.availableSpots !== null && course.availableSpots <= 0;
+	return needsMembershipEligibility || needsWaitlistAvailabilityCheck;
+}
+/**
+* Extracts session_id from URL, checking both query params and hash fragment.
+*
+* Stripe appends session_id to the success URL, but if our URL contains a hash
+* (e.g., #course-registration), Stripe ends up appending session_id after the hash:
+* Expected: ?enrollment=success&session_id=cs_test_...#course-registration
+* Actual:   ?enrollment=success#course-registration&session_id=cs_test_...
+*
+* This helper checks both locations to handle this edge case.
+*/
+function getSessionIdFromUrl() {
+	const fromSearch = new URLSearchParams(window.location.search).get("session_id");
+	if (fromSearch) return fromSearch;
+	return window.location.hash.match(/[?&]session_id=([^&]+)/)?.[1] ?? null;
+}
+function getMissingCoursePricingSelectionMessage(pricing) {
+	if (pricing?.requiresSelection && !pricing.selectedOption) {
+		if (pricing.slidingScale) return "Choose an amount to continue.";
+		return "Choose a pricing option to continue.";
+	}
+	if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null && pricing.selectedSlidingAmount < pricing.slidingScale.minAmount) return "Choose an amount within the sliding scale.";
+	if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null && pricing.selectedSlidingAmount > pricing.slidingScale.maxAmount) return "Choose an amount within the sliding scale.";
+	return null;
+}
+function buildCoursePricingOptionPayload(pricing) {
+	if (pricing?.selectedOption) return { pricingOptionId: pricing.selectedOption.id };
+	if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null) return { selectedSlidingAmount: pricing.selectedSlidingAmount };
+	return {};
+}
+function resolveHasCoursePayment(pricing) {
+	if (!pricing) return false;
+	if (pricing.selectedOption) return pricing.selectedRequiresPayment;
+	return pricing.hasPaidSelection;
+}
+function useCourseRegistrationWizard(props, options = {}) {
+	const api = useBlockApi();
+	const { contentEntry, courses, entrySubrouteContext, subject } = props;
+	const scopedCourses = useMemo(() => {
+		const allCourses = courses ?? [];
+		if (entrySubrouteContext?.kind === "course-run") {
+			const matched = allCourses.find((c) => c.id === entrySubrouteContext.run.courseId) ?? null;
+			if (matched) return [matched];
+		}
+		const pageSurfaceScope = resolveCoursePageSurfaceScope(allCourses, subject);
+		if (pageSurfaceScope.kind === "unsupported") return [];
+		if (pageSurfaceScope.kind === "scoped") return [...pageSurfaceScope.courses];
+		if (contentEntry?.id) {
+			const matchedCourses = allCourses.filter((c) => c.contentEntryId === contentEntry.id);
+			if (matchedCourses.length > 0) return matchedCourses;
+		}
+		if (contentEntry?.slug) {
+			const matchedCourse = allCourses.find((c) => c.slug === contentEntry.slug);
+			if (matchedCourse) return [matchedCourse];
+		}
+		return allCourses;
+	}, [
+		courses,
+		contentEntry?.id,
+		contentEntry?.slug,
+		entrySubrouteContext,
+		subject
+	]);
+	const [step, setStep] = useState(() => {
+		const enrollment = new URLSearchParams(window.location.search).get("enrollment");
+		const sessionId = getSessionIdFromUrl();
+		if (enrollment === "success" && sessionId) return "verifying-payment";
+		return scopedCourses.length === 1 ? "enter-details" : "select-course";
+	});
+	const [selectedCourse, setSelectedCourse] = useState(scopedCourses.length === 1 ? scopedCourses[0] ?? null : null);
+	const [selectedPricingOptionId, setSelectedPricingOptionId] = useState(null);
+	const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState("");
+	const [formData, setFormData] = useState({
+		name: "",
+		email: "",
+		phone: "",
+		notes: ""
+	});
+	const [errors, setErrors] = useState({});
+	const [enrollmentResult, setEnrollmentResult] = useState(null);
+	const [errorMessage, setErrorMessage] = useState("");
+	const [portalAuthState, setPortalAuthState] = useState("checking");
+	const [altchaSolution, setAltchaSolution] = useState(null);
+	const showSpamProtection = isSpamProtectionEnabled();
+	const [eligibilityLoading, setEligibilityLoading] = useState(false);
+	const [eligibilityError, setEligibilityError] = useState(null);
+	const [courseEligibility, setCourseEligibility] = useState(null);
+	const [eligibleMemberships, setEligibleMemberships] = useState([]);
+	const [paymentChoice, setPaymentChoice] = useState("checkout");
+	const [selectedMembershipId, setSelectedMembershipId] = useState(null);
+	const [bookingMode, setBookingMode] = useState(null);
+	const waitlistClaim = useWaitlistClaim();
+	const selectedCoursePricing = useMemo(() => selectedCourse ? resolveCoursePricingState(selectedCourse, selectedPricingOptionId, parseCurrencyInputToCents(selectedSlidingAmountInput)) : null, [
+		selectedCourse,
+		selectedPricingOptionId,
+		selectedSlidingAmountInput
+	]);
+	const missingPricingSelectionMessage = getMissingCoursePricingSelectionMessage(selectedCoursePricing);
+	const selectedCoursePricingPayload = buildCoursePricingOptionPayload(selectedCoursePricing);
+	const showSoldOutCourseError = () => {
+		setErrorMessage(courseEligibility?.reason ?? "This course is fully booked.");
+		setStep("error");
+		return true;
+	};
+	useEffect(() => {
+		let cancelled = false;
+		async function checkPortalAuth() {
+			if (!(api.config.auth.type === "bearer" || api.config.authOverrides?.portal?.type === "bearer")) {
+				setPortalAuthState("unauthenticated");
+				return;
+			}
+			setPortalAuthState("checking");
+			try {
+				const me = await api.getPortalProfile();
+				if (cancelled) return;
+				setPortalAuthState("authenticated");
+				setFormData((prev) => ({
+					...prev,
+					email: me.profile.email,
+					name: prev.name || me.profile.name,
+					phone: prev.phone || me.profile.phone || ""
+				}));
+			} catch {
+				if (cancelled) return;
+				setPortalAuthState("unauthenticated");
+			}
+		}
+		checkPortalAuth();
+		return () => {
+			cancelled = true;
+		};
+	}, [api]);
+	useEffect(() => {
+		const claim = waitlistClaim.claim;
+		if (!claim || claim.subject.kind !== "course") return;
+		const courseId = claim.subject.courseId;
+		const matchedCourse = scopedCourses.find((course) => course.id === courseId) ?? null;
+		if (!matchedCourse) {
+			setErrorMessage("This waitlist claim is for a different course.");
+			setStep("error");
+			return;
+		}
+		setSelectedCourse(matchedCourse);
+		setFormData((prev) => ({
+			...prev,
+			email: claim.prefill.email,
+			name: claim.prefill.name,
+			phone: claim.prefill.phone ?? "",
+			notes: claim.prefill.notes ?? ""
+		}));
+		if (step === "select-course") setStep("enter-details");
+	}, [
+		waitlistClaim.claim,
+		scopedCourses,
+		step
+	]);
+	useEffect(() => {
+		if (waitlistClaim.requiresPortalLogin) return;
+		if (!waitlistClaim.error) return;
+		setErrorMessage(waitlistClaim.error);
+		setStep("error");
+	}, [waitlistClaim.error, waitlistClaim.requiresPortalLogin]);
+	useEffect(() => {
+		if (!selectedCourse) {
+			setSelectedPricingOptionId(null);
+			setSelectedSlidingAmountInput("");
+			return;
+		}
+		const defaultPricing = resolveCoursePricingState(selectedCourse, null);
+		setSelectedSlidingAmountInput(defaultPricing.slidingScale?.suggestedAmount !== null && defaultPricing.slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(defaultPricing.slidingScale.suggestedAmount) : "");
+		setSelectedPricingOptionId((previous) => {
+			if (previous && defaultPricing.selectableOptions.some((option) => option.id === previous)) return previous;
+			return defaultPricing.selectedOption?.id ?? null;
+		});
+	}, [selectedCourse]);
+	useEffect(() => {
+		let cancelled = false;
+		async function fetchEligibility() {
+			setCourseEligibility(null);
+			setEligibleMemberships([]);
+			setSelectedMembershipId(null);
+			setEligibilityError(null);
+			setPaymentChoice("checkout");
+			const course = selectedCourse;
+			if (!shouldFetchCourseEligibility(course, selectedCoursePricing?.hasPaidSelection ?? false, portalAuthState, waitlistClaim.token !== null)) return;
+			if (!course) return;
+			setEligibilityLoading(true);
+			try {
+				const res = await api.checkCourseEligibility({ courseId: course.id });
+				if (cancelled) return;
+				setCourseEligibility(res);
+				const memberships = res.eligibleMemberships ?? [];
+				setEligibleMemberships(memberships);
+				if (portalAuthState === "authenticated" && memberships.length > 0) {
+					setPaymentChoice("membership");
+					if (memberships.length === 1) setSelectedMembershipId(memberships[0]?.customerMembershipId ?? null);
+				}
+			} catch (error) {
+				if (cancelled) return;
+				setEligibilityError(error instanceof Error ? error.message : "Failed to check membership eligibility");
+			} finally {
+				if (!cancelled) setEligibilityLoading(false);
+			}
+		}
+		fetchEligibility();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		api,
+		selectedCourse,
+		selectedCoursePricing?.hasPaidSelection,
+		portalAuthState,
+		waitlistClaim.token
+	]);
+	useEffect(() => {
+		let cancelled = false;
+		async function verifyAfterCheckout() {
+			const enrollment = new URLSearchParams(window.location.search).get("enrollment");
+			const sessionId = getSessionIdFromUrl();
+			if (enrollment === "cancelled") {
+				scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+				setErrorMessage("Payment was cancelled. You can try again.");
+				setStep("error");
+				return;
+			}
+			if (enrollment !== "success" || !sessionId) return;
+			scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+			setStep("verifying-payment");
+			const startedAt = Date.now();
+			const timeoutMs = 3e4;
+			while (!cancelled) {
+				try {
+					const status = await api.getCourseRegistrationStatus({ sessionId });
+					if (cancelled) return;
+					if (status.status === "enrolled" || status.status === "completed") {
+						setEnrollmentResult({
+							status: "enrolled",
+							usedMembership: false
+						});
+						setStep("success");
+						return;
+					}
+					if (status.status === "waitlist") {
+						setEnrollmentResult({
+							status: "waitlist",
+							usedMembership: false
+						});
+						setStep("waitlist");
+						return;
+					}
+					if (status.status === "cancelled") {
+						setErrorMessage("Payment did not complete. Please try again.");
+						setStep("error");
+						return;
+					}
+				} catch (error) {
+					setErrorMessage(error instanceof Error ? error.message : "Failed to verify payment");
+				}
+				if (Date.now() - startedAt > timeoutMs) {
+					setErrorMessage("Payment is still processing. Please check your email for confirmation.");
+					setStep("error");
+					return;
+				}
+				await new Promise((r) => setTimeout(r, 1500));
+			}
+		}
+		verifyAfterCheckout();
+		return () => {
+			cancelled = true;
+		};
+	}, [api]);
+	const handleValidateForm = () => {
+		const newErrors = validateFormData$1(formData);
+		setErrors(newErrors);
+		return Object.keys(newErrors).length === 0;
+	};
+	const handleCourseSelect = (course) => {
+		setSelectedCourse(course);
+		setStep("enter-details");
+	};
+	const handleSubmit = async () => {
+		if (!selectedCourse) return {
+			kind: "blocked",
+			message: "Choose an available set of dates to continue."
+		};
+		if (!handleValidateForm()) return { kind: "validation-failed" };
+		if (missingPricingSelectionMessage) {
+			setErrorMessage(missingPricingSelectionMessage);
+			setStep("error");
+			return {
+				kind: "blocked",
+				message: missingPricingSelectionMessage
+			};
+		}
+		const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
+		const canUseMembership = requiresPayment && selectedCourse.acceptsMemberships && portalAuthState === "authenticated" && eligibleMemberships.length > 0;
+		if (showSpamProtection && !altchaSolution) {
+			const message = "Please complete the verification check.";
+			setErrorMessage(message);
+			setStep("error");
+			return {
+				kind: "blocked",
+				message
+			};
+		}
+		if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) return {
+			kind: "blocked",
+			message: courseEligibility.reason ?? "This course is fully booked."
+		};
+		if (courseEligibility?.canJoinWaitlist) {
+			setStep("submitting");
+			try {
+				const result = await api.enrollInCourse({
+					courseId: selectedCourse.id,
+					...selectedCoursePricingPayload,
+					email: formData.email.trim().toLowerCase(),
+					name: formData.name.trim(),
+					phone: formData.phone.trim() || void 0,
+					formData: { notes: formData.notes.trim() || void 0 },
+					altchaSolution,
+					paymentMethod: "free",
+					claimToken: waitlistClaim.token ?? void 0
+				});
+				setEnrollmentResult({
+					status: result.status,
+					waitlistPosition: result.waitlistPosition ?? void 0,
+					usedMembership: false
+				});
+				setStep(result.status === "waitlist" ? "waitlist" : "success");
+				return { kind: "state-updated" };
+			} catch (error) {
+				const message = error instanceof Error ? error.message : "Booking failed";
+				setErrorMessage(message);
+				setStep("error");
+				return {
+					kind: "failed",
+					message
+				};
+			}
+		}
+		if (requiresPayment && canUseMembership) {
+			setStep("select-payment");
+			return { kind: "state-updated" };
+		}
+		if (requiresPayment) {
+			setStep("submitting");
+			try {
+				const { successUrl, cancelUrl } = buildCheckoutReturnUrls("enrollment", COURSE_REGISTRATION_ANCHOR_ID);
+				const checkoutResult = await api.createCourseCheckout({
+					courseId: selectedCourse.id,
+					...selectedCoursePricingPayload,
+					email: formData.email.trim().toLowerCase(),
+					name: formData.name.trim(),
+					phone: formData.phone.trim() || void 0,
+					formData: { notes: formData.notes.trim() || void 0 },
+					altchaSolution,
+					discountCode: discountCode.trim() ? discountCode.trim() : void 0,
+					successUrl,
+					cancelUrl,
+					claimToken: waitlistClaim.token ?? void 0
+				});
+				if (checkoutResult.bypassed) {
+					setEnrollmentResult({
+						status: "enrolled",
+						waitlistPosition: void 0,
+						usedMembership: false
+					});
+					setStep("success");
+					return { kind: "state-updated" };
+				}
+				if (!checkoutResult.checkoutUrl) throw new Error("Checkout URL missing");
+				setStep("redirecting");
+				if (options.onCheckoutRedirect) options.onCheckoutRedirect(checkoutResult.checkoutUrl);
+				else window.location.href = checkoutResult.checkoutUrl;
+				return {
+					kind: "checkout-redirect",
+					checkoutUrl: checkoutResult.checkoutUrl
+				};
+			} catch (error) {
+				const message = error instanceof Error ? error.message : "Checkout failed";
+				setErrorMessage(message);
+				setStep("error");
+				return {
+					kind: "failed",
+					message
+				};
+			}
+		}
+		setStep("submitting");
+		try {
+			const result = await api.enrollInCourse({
+				courseId: selectedCourse.id,
+				...selectedCoursePricingPayload,
+				email: formData.email.trim().toLowerCase(),
+				name: formData.name.trim(),
+				phone: formData.phone.trim() || void 0,
+				formData: { notes: formData.notes.trim() || void 0 },
+				altchaSolution,
+				paymentMethod: "free",
+				claimToken: waitlistClaim.token ?? void 0
+			});
+			setEnrollmentResult({
+				status: result.status,
+				waitlistPosition: result.waitlistPosition ?? void 0,
+				usedMembership: result.paymentMethod === "membership"
+			});
+			setStep(result.status === "waitlist" ? "waitlist" : "success");
+			return { kind: "state-updated" };
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "Booking failed";
+			setErrorMessage(message);
+			setStep("error");
+			return {
+				kind: "failed",
+				message
+			};
+		}
+	};
+	const handlePaymentContinue = async () => {
+		if (!selectedCourse) return {
+			kind: "blocked",
+			message: "Choose an available set of dates to continue."
+		};
+		if (!handleValidateForm()) return { kind: "validation-failed" };
+		if (missingPricingSelectionMessage) {
+			setErrorMessage(missingPricingSelectionMessage);
+			setStep("error");
+			return {
+				kind: "blocked",
+				message: missingPricingSelectionMessage
+			};
+		}
+		const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
+		if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) return {
+			kind: "blocked",
+			message: courseEligibility.reason ?? "This course is fully booked."
+		};
+		if (!requiresPayment) {
+			setStep("enter-details");
+			return { kind: "state-updated" };
+		}
+		if (showSpamProtection && !altchaSolution) {
+			const message = "Please complete the verification check.";
+			setErrorMessage(message);
+			setStep("error");
+			return {
+				kind: "blocked",
+				message
+			};
+		}
+		if (paymentChoice === "membership") {
+			if (!selectedMembershipId) {
+				const message = "Select a membership to sign up.";
+				setErrorMessage(message);
+				setStep("error");
+				return {
+					kind: "blocked",
+					message
+				};
+			}
+			setStep("submitting");
+			try {
+				const result = await api.enrollInCourse({
+					courseId: selectedCourse.id,
+					...selectedCoursePricingPayload,
+					email: formData.email.trim().toLowerCase(),
+					name: formData.name.trim(),
+					phone: formData.phone.trim() || void 0,
+					formData: { notes: formData.notes.trim() || void 0 },
+					altchaSolution,
+					paymentMethod: "membership",
+					customerMembershipId: selectedMembershipId,
+					claimToken: waitlistClaim.token ?? void 0
+				});
+				setEnrollmentResult({
+					status: result.status,
+					waitlistPosition: result.waitlistPosition ?? void 0,
+					usedMembership: true
+				});
+				setStep(result.status === "waitlist" ? "waitlist" : "success");
+				return { kind: "state-updated" };
+			} catch (error) {
+				const message = error instanceof Error ? error.message : "Booking failed";
+				setErrorMessage(message);
+				setStep("error");
+				return {
+					kind: "failed",
+					message
+				};
+			}
+		}
+		setStep("submitting");
+		try {
+			const { successUrl, cancelUrl } = buildCheckoutReturnUrls("enrollment", COURSE_REGISTRATION_ANCHOR_ID);
+			const checkoutResult = await api.createCourseCheckout({
+				courseId: selectedCourse.id,
+				...selectedCoursePricingPayload,
+				email: formData.email.trim().toLowerCase(),
+				name: formData.name.trim(),
+				phone: formData.phone.trim() || void 0,
+				formData: { notes: formData.notes.trim() || void 0 },
+				altchaSolution,
+				discountCode: discountCode.trim() ? discountCode.trim() : void 0,
+				successUrl,
+				cancelUrl,
+				claimToken: waitlistClaim.token ?? void 0
+			});
+			if (checkoutResult.bypassed) {
+				setEnrollmentResult({
+					status: "enrolled",
+					waitlistPosition: void 0,
+					usedMembership: false
+				});
+				setStep("success");
+				return { kind: "state-updated" };
+			}
+			if (!checkoutResult.checkoutUrl) throw new Error("Checkout URL missing");
+			setStep("redirecting");
+			if (options.onCheckoutRedirect) options.onCheckoutRedirect(checkoutResult.checkoutUrl);
+			else window.location.href = checkoutResult.checkoutUrl;
+			return {
+				kind: "checkout-redirect",
+				checkoutUrl: checkoutResult.checkoutUrl
+			};
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "Checkout failed";
+			setErrorMessage(message);
+			setStep("error");
+			return {
+				kind: "failed",
+				message
+			};
+		}
+	};
+	const handleRetry = () => {
+		setStep(scopedCourses.length === 1 ? "enter-details" : "select-course");
+		setErrorMessage("");
+	};
+	const handleBookingModeChange = (mode) => {
+		setBookingMode(mode);
+		if (mode === "membership") setPaymentChoice("membership");
+		else setPaymentChoice("checkout");
+	};
+	const discountUi = useDiscountCodeUi({
+		api,
+		discountContext: useMemo(() => {
+			if (!selectedCourse) return null;
+			if (!selectedCoursePricing?.selectedRequiresPayment) return null;
+			if (paymentChoice !== "checkout") return null;
+			return {
+				type: "course",
+				courseId: selectedCourse.id
+			};
+		}, [
+			selectedCourse,
+			selectedCoursePricing?.selectedRequiresPayment,
+			paymentChoice
+		]),
+		subtotalCents: selectedCoursePricing?.selectedPriceAmount ?? void 0
+	});
+	const discountCode = discountUi.discountCode;
+	const hasCoursePayment = resolveHasCoursePayment(selectedCoursePricing);
+	const canUseMembership = hasCoursePayment && selectedCourse?.acceptsMemberships === true && portalAuthState === "authenticated" && eligibleMemberships.length > 0;
+	const hasPreSelectedCourse = scopedCourses.length === 1;
+	const isMembershipFastTrack = canUseMembership && eligibleMemberships.length === 1 && bookingMode === "membership";
+	const wizardSteps = useMemo(() => getWizardStepsForContext(hasPreSelectedCourse, hasCoursePayment, canUseMembership, bookingMode, isMembershipFastTrack), [
+		hasPreSelectedCourse,
+		hasCoursePayment,
+		canUseMembership,
+		bookingMode,
+		isMembershipFastTrack
+	]);
+	const currentStepNumber = getStepNumber(step, wizardSteps);
+	const totalSteps = wizardSteps.length;
+	const stepLabels = getStepLabels(wizardSteps);
+	const canShowPortalAuthSidebarOnCurrentStep = step !== "success" && step !== "waitlist" && step !== "error";
+	const showPortalAuthSidebar = portalAuthState === "unauthenticated" && waitlistClaim.requiresPortalLogin && canShowPortalAuthSidebarOnCurrentStep || portalAuthState === "unauthenticated" && hasCoursePayment && selectedCourse?.acceptsMemberships === true && step !== "select-course" && canShowPortalAuthSidebarOnCurrentStep;
+	return {
+		api,
+		scopedCourses,
+		step,
+		setStep,
+		selectedCourse,
+		selectedPricingOptionId,
+		setSelectedPricingOptionId,
+		selectedSlidingAmountInput,
+		setSelectedSlidingAmountInput,
+		selectedCoursePricing,
+		setSelectedCourse,
+		formData,
+		setFormData,
+		errors,
+		enrollmentResult,
+		errorMessage,
+		portalAuthState,
+		handleLogout: portalAuthState === "authenticated" ? () => logoutPortal(COURSE_REGISTRATION_ANCHOR_ID) : void 0,
+		altchaSolution,
+		setAltchaSolution,
+		showSpamProtection,
+		eligibilityLoading,
+		eligibilityError,
+		courseEligibility,
+		eligibleMemberships,
+		paymentChoice,
+		setPaymentChoice,
+		selectedMembershipId,
+		setSelectedMembershipId,
+		discountUiOpen: discountUi.discountUiOpen,
+		setDiscountUiOpen: discountUi.setDiscountUiOpen,
+		discountCode: discountUi.discountCode,
+		setDiscountCode: discountUi.setDiscountCode,
+		discountsAvailable: discountUi.discountsAvailable,
+		manualCodeEntryAllowed: discountUi.manualCodeEntryAllowed,
+		discountsAvailableLoading: discountUi.discountsAvailableLoading,
+		canUseMembership,
+		waitlistClaim,
+		bookingMode,
+		wizardSteps,
+		currentStepNumber,
+		totalSteps,
+		stepLabels,
+		showPortalAuthSidebar,
+		hasPreSelectedCourse,
+		hasCoursePayment,
+		handleCourseSelect,
+		handleSubmit,
+		handlePaymentContinue,
+		handleRetry,
+		handleBookingModeChange
+	};
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/course-registration/whole-series-registration.headless.planning.ts
+const STEP_IDS = {
+	"select-course": "select-run",
+	"enter-details": "enter-details",
+	"booking-mode": "select-booking-method",
+	"select-payment": "select-payment"
+};
+function toPublicStepId(step) {
+	switch (step) {
+		case "select-course":
+		case "enter-details":
+		case "booking-mode":
+		case "select-payment": return STEP_IDS[step];
+		case "submitting":
+		case "redirecting":
+		case "verifying-payment":
+		case "verifying-timeout":
+		case "payment-failed":
+		case "success":
+		case "waitlist":
+		case "error": return null;
+	}
+}
+function deriveWholeSeriesRegistrationSteps(input) {
+	const currentId = toPublicStepId(input.step);
+	const currentIndex = currentId ? input.wizardSteps.findIndex((step) => toPublicStepId(step) === currentId) : input.step === "success" || input.step === "waitlist" ? input.wizardSteps.length : -1;
+	return input.wizardSteps.flatMap((step, index) => {
+		const id = toPublicStepId(step);
+		if (!id) return [];
+		const state = index < currentIndex ? "complete" : index === currentIndex ? "active" : currentIndex >= 0 ? "available" : "blocked";
+		return [{
+			id,
+			state,
+			index,
+			canEnter: state === "active" || state === "complete"
+		}];
+	});
+}
+function resolveWholeSeriesRegistrationStatus(wizard) {
+	switch (wizard.step) {
+		case "submitting": return { tag: "submitting" };
+		case "redirecting": return { tag: "redirecting" };
+		case "verifying-payment": return { tag: "verifying-payment" };
+		case "verifying-timeout": return {
+			tag: "verifying-timeout",
+			message: wizard.errorMessage
+		};
+		case "payment-failed": return {
+			tag: "payment-failed",
+			message: wizard.errorMessage
+		};
+		case "success": return wizard.enrollmentResult ? {
+			tag: "success",
+			result: wizard.enrollmentResult
+		} : {
+			tag: "error",
+			message: "Registration completed without a result."
+		};
+		case "waitlist": return wizard.enrollmentResult ? {
+			tag: "waitlist",
+			result: wizard.enrollmentResult
+		} : {
+			tag: "error",
+			message: "Waitlist registration completed without a result."
+		};
+		case "error": return {
+			tag: "error",
+			message: wizard.errorMessage
+		};
+		case "select-course":
+		case "enter-details":
+		case "booking-mode":
+		case "select-payment": return { tag: "ready" };
+	}
+}
+function resolveWholeSeriesRegistrationView(wizard) {
+	switch (wizard.step) {
+		case "submitting":
+		case "redirecting":
+		case "verifying-payment": return {
+			kind: "verifying",
+			message: "Completing your sign-up."
+		};
+		case "verifying-timeout":
+		case "payment-failed":
+		case "error": return {
+			kind: "error",
+			message: wizard.errorMessage
+		};
+		case "success": return wizard.enrollmentResult ? {
+			kind: "success",
+			result: wizard.enrollmentResult
+		} : {
+			kind: "error",
+			message: "Registration completed without a result."
+		};
+		case "waitlist": return wizard.enrollmentResult ? {
+			kind: "waitlist",
+			result: wizard.enrollmentResult
+		} : {
+			kind: "error",
+			message: "Waitlist registration completed without a result."
+		};
+		case "select-course":
+		case "enter-details":
+		case "booking-mode":
+		case "select-payment":
+			if (wizard.scopedRunsCount === 0) return {
+				kind: "empty",
+				message: "There are no dates available to sign up for."
+			};
+			if (wizard.selectedRun && !wizard.selectedRun.enrollmentOpen) return {
+				kind: "unavailable",
+				message: "Sign-up is closed."
+			};
+			return { kind: "form" };
+	}
+}
+function resolveWholeSeriesPricingSelection(pricing) {
+	if (!pricing) return { tag: "not-required" };
+	if (pricing.display.kind === "unavailable") return { tag: "unavailable" };
+	if (pricing.slidingScale && pricing.selectedSlidingAmount !== null) {
+		if (pricing.selectedSlidingAmount < pricing.slidingScale.minAmount || pricing.selectedSlidingAmount > pricing.slidingScale.maxAmount) return {
+			tag: "invalid",
+			message: "Choose an amount within the available range."
+		};
+	}
+	if (pricing.requiresSelection && !pricing.selectedOption && pricing.selectedSlidingAmount === null) return { tag: "required" };
+	return pricing.requiresSelection || pricing.selectedOption || pricing.selectedSlidingAmount !== null ? { tag: "valid" } : { tag: "not-required" };
+}
+function resolveWholeSeriesPaymentSelection(input) {
+	if (!input.required) return { method: "none" };
+	if (input.paymentChoice === "membership") return {
+		method: "membership",
+		membershipId: input.selectedMembershipId
+	};
+	return { method: "card" };
+}
+//#endregion
+//#region ../blocks/src/system/runtime/hooks/useHeadlessWholeSeriesRegistrationFlow.ts
+const wholeSeriesRegistrationControllerDeps = { useCourseRegistrationWizard };
+function createWholeSeriesRegistrationBlockApiConfig(input) {
+	return {
+		baseUrl: input.apiBaseUrl,
+		auth: input.previewToken ? {
+			type: "bearer",
+			token: input.previewToken
+		} : { type: "none" },
+		siteId: input.siteId,
+		isPreview: input.stage === "preview",
+		...input.portalToken ? { authOverrides: { portal: {
+			type: "bearer",
+			token: input.portalToken
+		} } } : {}
+	};
+}
+function HeadlessWholeSeriesRegistrationProvider$1({ config, children }) {
+	return React.createElement(BlockApiProvider, {
+		config,
+		children
+	});
+}
+function useHeadlessWholeSeriesRegistrationFlow(options) {
+	return useWholeSeriesRegistrationControllerWithDeps(options, wholeSeriesRegistrationControllerDeps);
+}
+function useWholeSeriesRegistrationControllerWithDeps(options, deps) {
+	const wizard = deps.useCourseRegistrationWizard({
+		courses: (options.runs ?? []).map(toPublicCourse),
+		contentEntry: options.contentEntry ?? null,
+		subject: options.subject ?? null
+	}, { onCheckoutRedirect: () => {} });
+	const steps = useMemo(() => deriveWholeSeriesRegistrationSteps({
+		wizardSteps: wizard.wizardSteps,
+		step: wizard.step
+	}), [wizard.step, wizard.wizardSteps]);
+	const currentStep = steps.find((step) => step.state === "active") ?? null;
+	const pricingSelection = resolveWholeSeriesPricingSelection(wizard.selectedCoursePricing);
+	const paymentSelection = resolveWholeSeriesPaymentSelection({
+		paymentChoice: wizard.paymentChoice,
+		selectedMembershipId: wizard.selectedMembershipId,
+		required: wizard.selectedCoursePricing?.selectedRequiresPayment ?? false
+	});
+	const updateRegistrant = useCallback((values) => wizard.setFormData(values), [wizard]);
+	const setSlidingAmountCents = useCallback((amount) => {
+		wizard.setSelectedSlidingAmountInput(amount === null || !Number.isFinite(amount) || amount < 0 ? "" : String(amount / 100));
+	}, [wizard]);
+	const selectPayment = useCallback((selection) => {
+		switch (selection.method) {
+			case "none":
+				wizard.handleBookingModeChange(null);
+				wizard.setSelectedMembershipId(null);
+				return;
+			case "card":
+				wizard.handleBookingModeChange("card");
+				wizard.setSelectedMembershipId(null);
+				return;
+			case "membership":
+				wizard.handleBookingModeChange("membership");
+				wizard.setSelectedMembershipId(selection.membershipId);
+				return;
+		}
+	}, [wizard]);
+	const runCurrentAction = useCallback(async () => {
+		const blocked = resolveActionBlocker(wizard);
+		if (blocked) return blocked;
+		switch (wizard.step) {
+			case "select-course":
+				if (!wizard.selectedCourse) return {
 					ok: false,
 					reason: "blocked",
-					message: "Choose at least one available ticket to continue."
+					message: "Choose an available set of dates to continue."
 				};
 				wizard.setStep("enter-details");
-				return { ok: true };
-			case "enter-details": {
-				const result = await wizard.handleDetailsComplete();
-				return result.ok ? { ok: true } : result;
-			}
-			case "select-payment": {
-				const result = await submit({ redirect: "manual" });
-				return result.ok ? { ok: true } : {
-					ok: false,
-					reason: result.reason === "submission-failed" ? "submission-failed" : "blocked",
-					message: result.message
+				return {
+					ok: true,
+					outcome: { kind: "state-updated" }
 				};
-			}
-			case "error":
-			case "success":
+			case "enter-details": return toHeadlessActionResult(await wizard.handleSubmit());
+			case "booking-mode":
+			case "select-payment": return toHeadlessActionResult(await wizard.handlePaymentContinue());
 			case "submitting":
 			case "redirecting":
 			case "verifying-payment":
 			case "verifying-timeout":
-			case "payment-failed": return {
+			case "payment-failed":
+			case "success":
+			case "waitlist":
+			case "error": return {
 				ok: false,
 				reason: "blocked",
 				message: "This registration step cannot continue."
 			};
 		}
-	}, [submit, wizard]);
+	}, [pricingSelection, wizard]);
 	const back = useCallback(() => {
 		switch (wizard.step) {
 			case "enter-details":
-				wizard.setStep("select-tickets");
+				if (!wizard.hasPreSelectedCourse) wizard.setStep("select-course");
 				return;
-			case "select-payment":
+			case "booking-mode":
 				wizard.setStep("enter-details");
 				return;
-			case "select-tickets":
-				if (!wizard.hasPreSelectedContext) wizard.setStep("select-event");
+			case "select-payment":
+				wizard.setStep(wizard.canUseMembership ? "booking-mode" : "enter-details");
 				return;
-			case "select-event":
-			case "error":
-			case "success":
+			case "select-course":
 			case "submitting":
 			case "redirecting":
 			case "verifying-payment":
 			case "verifying-timeout":
-			case "payment-failed": return;
+			case "payment-failed":
+			case "success":
+			case "waitlist":
+			case "error": return;
 		}
 	}, [wizard]);
-	const updateAttendee = useCallback((values) => {
-		wizard.setFormData(values);
-	}, [wizard]);
-	const updateGuests = useCallback((guests) => {
-		wizard.setGuests(guests);
-	}, [wizard]);
-	const selectPayment = useCallback((selection) => {
-		wizard.handlePaymentSelectionChange(normalizeEventRegistrationDirectPaymentSelection({
-			options: directPaymentOptions,
-			selection: toInternalPaymentSelection(selection)
-		}));
-	}, [directPaymentOptions, wizard]);
-	const selectedTicketTypeId = getSingleSelectedTicketTypeId(wizard.selectedTicketLines);
-	const spamProtection = options.spamProtectionEnabled ?? isSpamProtectionEnabled() ? {
+	const payment = {
+		required: wizard.selectedCoursePricing?.selectedRequiresPayment ?? false,
+		selection: paymentSelection,
+		canUseMembership: wizard.canUseMembership,
+		eligibleMemberships: wizard.eligibleMemberships.map((membership) => ({
+			id: membership.customerMembershipId,
+			name: membership.membershipName
+		})),
+		eligibility: wizard.eligibilityLoading ? { tag: "loading" } : wizard.eligibilityError ? {
+			tag: "error",
+			message: wizard.eligibilityError
+		} : wizard.courseEligibility || wizard.portalAuthState !== "checking" ? { tag: "loaded" } : { tag: "idle" }
+	};
+	const spamProtection = wizard.showSpamProtection ? {
 		enabled: true,
 		provider: "altcha",
 		challenge: {
@@ -14212,165 +15716,280 @@ function useEventRegistrationControllerWithDeps(options, deps) {
 		},
 		solution: wizard.altchaSolution
 	} : { enabled: false };
-	const payment = resolvePaymentModel(wizard, directPaymentOptions);
+	const selectedRun = wizard.selectedCourse;
+	const isFull = wizard.courseEligibility?.isFull ?? (selectedRun?.availableSpots !== null && selectedRun?.availableSpots !== void 0 ? selectedRun.availableSpots <= 0 : false);
 	return {
-		flow: {
-			status: resolveHeadlessEventRegistrationStatus(wizard),
-			view: resolveHeadlessEventRegistrationView(wizard),
-			steps,
-			currentStep,
-			events: {
-				items: wizard.events,
-				scoped: wizard.scopedEvents,
-				selected: wizard.selectedEvent,
-				preSelected: wizard.preSelectedEvent,
-				hasPreSelectedContext: wizard.hasPreSelectedContext,
-				target: wizard.registrationTarget,
-				occurrenceContext: wizard.occurrenceContext,
-				contentEntry: wizard.contentEntry
-			},
-			tickets: {
-				count: wizard.ticketsCount,
-				max: wizard.maxTicketsNum,
-				selections: wizard.ticketSelections,
-				summaryLines: wizard.ticketSelectionSummaryLines,
-				subtotalCents: wizard.ticketSelectionSubtotalCents,
-				selectedTicketTypeId,
-				selectedTicketType: wizard.selectedTicketType,
-				visibleTicketTypes: wizard.visibleTicketTypes,
-				selectionRequired: wizard.ticketTypeSelectionRequired,
-				hasValidSelection: wizard.hasValidTicketSelection,
-				eventRequiresPayment: wizard.eventRequiresPayment,
-				selectedAttendanceMode: wizard.selectedAttendanceMode
-			},
-			attendee: {
-				values: wizard.formData,
-				errors: wizard.errors
-			},
-			guests: {
-				required: wizard.requireGuestDetails,
-				items: wizard.guests,
-				errors: wizard.guestErrors,
-				shake: wizard.guestSectionShake
-			},
-			payment,
-			discount: {
-				code: wizard.discountCode,
-				isOpen: wizard.discountUiOpen,
-				available: wizard.discountsAvailable,
-				manualCodeEntryAllowed: wizard.manualCodeEntryAllowed,
-				loading: wizard.discountsAvailableLoading,
-				autoAppliedDiscount: wizard.autoAppliedDiscount
-			},
-			portalAuth: {
-				state: wizard.portalAuthState,
-				profile: wizard.portalProfile,
-				isAuthenticated: wizard.portalAuthState === "authenticated",
-				showMagicLinkModal: wizard.showMagicLinkModal
-			},
-			existingRegistration: {
-				state: resolveExistingRegistrationState(wizard),
-				registration: wizard.existingRegistration
-			},
-			waitlistClaim: wizard.waitlistClaim,
-			spamProtection,
-			terminal: {
-				result: wizard.registrationResult,
-				errorMessage: wizard.errorMessage,
-				verification: wizard.verification
-			},
-			actions: {
-				selectEvent: wizard.handleEventSelect,
-				selectAttendanceMode: wizard.setSelectedAttendanceMode,
-				selectTicketType: (ticketTypeId) => {
-					wizard.setSelectedTicketLines(ticketTypeId ? [{
-						ticketTypeId,
-						quantity: 1
-					}] : []);
-				},
-				setTicketSelections: wizard.setSelectedTicketLines,
-				setTicketsCount: wizard.setTicketsCount,
-				updateAttendee,
-				updateGuests,
-				selectPayment,
-				setDiscountCode: wizard.setDiscountCode,
-				setDiscountOpen: wizard.setDiscountUiOpen,
-				setAltchaSolution: wizard.setAltchaSolution,
-				requestLogin: () => wizard.setShowMagicLinkModal(true),
-				logout: wizard.handleLogout,
-				next,
-				back,
-				submit,
-				retry: wizard.handleRetry
-			}
+		status: resolveWholeSeriesRegistrationStatus(wizard),
+		view: resolveWholeSeriesRegistrationView({
+			step: wizard.step,
+			scopedRunsCount: wizard.scopedCourses.length,
+			selectedRun,
+			enrollmentResult: wizard.enrollmentResult,
+			errorMessage: wizard.errorMessage
+		}),
+		steps,
+		currentStep,
+		runs: {
+			items: (options.runs ?? []).map((run) => toWholeSeriesRegistrationRun(toPublicCourse(run))),
+			scoped: wizard.scopedCourses.map(toWholeSeriesRegistrationRun),
+			selected: selectedRun ? toWholeSeriesRegistrationRun(selectedRun) : null,
+			hasPreSelectedRun: wizard.hasPreSelectedCourse,
+			contentEntry: options.contentEntry ?? null,
+			subject: options.subject ?? null
+		},
+		registrant: {
+			values: wizard.formData,
+			errors: wizard.errors
+		},
+		pricing: {
+			...toWholeSeriesRegistrationPricing(wizard.selectedCoursePricing),
+			selectedOptionId: wizard.selectedPricingOptionId,
+			selection: pricingSelection
 		},
-		wizard
-	};
-}
-function useEventRegistrationWizardControllerWithDeps(options, deps) {
-	const maxTicketsNum = normalizeEventRegistrationMaxTickets(options.maxTickets);
-	return { wizard: deps.useEventRegistrationWizard({
-		anchorId: options.anchorId ?? "event-registration",
-		occurrenceContext: options.occurrenceContext ?? null,
-		contentEntry: options.contentEntry ?? null,
-		events: [...options.events ?? []],
-		maxTicketsNum
-	}) };
+		payment,
+		discount: {
+			code: wizard.discountCode,
+			isOpen: wizard.discountUiOpen,
+			available: wizard.discountsAvailable,
+			manualCodeEntryAllowed: wizard.manualCodeEntryAllowed,
+			loading: wizard.discountsAvailableLoading
+		},
+		availability: {
+			enrollmentOpen: selectedRun?.enrollmentOpen ?? false,
+			availableSpots: selectedRun?.availableSpots ?? null,
+			isFull,
+			canJoinWaitlist: wizard.courseEligibility?.canJoinWaitlist ?? false,
+			message: wizard.courseEligibility?.reason ?? null
+		},
+		portalAuth: {
+			state: wizard.portalAuthState,
+			isAuthenticated: wizard.portalAuthState === "authenticated"
+		},
+		waitlistClaim: resolveWaitlistClaim(wizard),
+		spamProtection,
+		terminal: {
+			result: wizard.enrollmentResult,
+			errorMessage: wizard.errorMessage
+		},
+		actions: {
+			selectRun: (runId) => {
+				const run = wizard.scopedCourses.find((candidate) => candidate.seriesId === runId) ?? null;
+				if (run) wizard.handleCourseSelect(run);
+			},
+			updateRegistrant,
+			selectPricingOption: wizard.setSelectedPricingOptionId,
+			setSlidingAmountCents,
+			selectPayment,
+			setDiscountCode: wizard.setDiscountCode,
+			setDiscountOpen: wizard.setDiscountUiOpen,
+			setAltchaSolution: wizard.setAltchaSolution,
+			continue: runCurrentAction,
+			back,
+			submit: runCurrentAction,
+			retry: wizard.handleRetry,
+			logout: () => wizard.handleLogout?.()
+		}
+	};
+}
+function toHeadlessActionResult(result) {
+	switch (result.kind) {
+		case "state-updated": return {
+			ok: true,
+			outcome: result
+		};
+		case "checkout-redirect": return {
+			ok: true,
+			outcome: result
+		};
+		case "validation-failed": return {
+			ok: false,
+			reason: "validation-failed",
+			message: "Check the highlighted fields and try again."
+		};
+		case "blocked": return {
+			ok: false,
+			reason: "blocked",
+			message: result.message
+		};
+		case "failed": return {
+			ok: false,
+			reason: "failed",
+			message: result.message
+		};
+	}
 }
-function resolveExistingRegistrationState(wizard) {
-	switch (wizard.existingRegistrationState.tag) {
-		case "idle": return {
-			tag: "idle",
-			value: wizard.existingRegistration
+function toPublicCourse(run) {
+	const pricing = toCoursePricing(run.pricing);
+	return {
+		id: run.registrationTarget.courseId,
+		seriesId: run.runId,
+		title: run.title,
+		slug: run.slug,
+		description: run.description,
+		teamMembers: run.teamMembers ? [...run.teamMembers] : void 0,
+		enrollmentOpen: run.registrationOpen,
+		pricing,
+		priceCents: run.pricing.pricingStrategy === "single" ? run.pricing.amountCents : null,
+		currency: run.pricing.currency,
+		paymentTerms: run.pricing.paymentTerms,
+		enrollmentCapacity: run.capacity,
+		acceptsMemberships: run.acceptsMemberships,
+		status: run.lifecycleStatus,
+		sessionsCount: run.includedDates.length,
+		enrolledCount: run.registeredCount,
+		availableSpots: run.availableSpots,
+		sessions: run.includedDates.map((date) => ({
+			...date,
+			overrides: date.overrides ? { ...date.overrides } : date.overrides
+		})),
+		venue: run.venue,
+		contentEntryId: run.contentEntryId
+	};
+}
+function toCoursePricing(pricing) {
+	const common = {
+		bookingRequirement: pricing.bookingRequirement,
+		pricingStrategy: pricing.pricingStrategy,
+		currency: pricing.currency,
+		paymentTerms: pricing.paymentTerms
+	};
+	switch (pricing.pricingStrategy) {
+		case "free": return {
+			...common,
+			singlePriceAmount: null,
+			options: []
 		};
-		case "loading": return {
-			tag: "loading",
-			value: wizard.existingRegistration
+		case "single": return {
+			...common,
+			singlePriceAmount: pricing.amountCents,
+			options: []
 		};
-		case "resolved": return {
-			tag: "loaded",
-			value: wizard.existingRegistration
+		case "tiered": return {
+			...common,
+			singlePriceAmount: null,
+			options: pricing.options
+		};
+		case "sliding_scale": return {
+			...common,
+			singlePriceAmount: null,
+			slidingMinAmount: pricing.minAmountCents,
+			slidingMaxAmount: pricing.maxAmountCents,
+			slidingSuggestedAmount: pricing.suggestedAmountCents,
+			options: []
 		};
 	}
 }
-function resolvePaymentModel(wizard, directPaymentOptions) {
-	const internalSelection = normalizeEventRegistrationDirectPaymentSelection({
-		options: directPaymentOptions,
-		selection: wizard.paymentSelection
-	});
-	const selection = toHeadlessPaymentSelection(internalSelection);
-	const directPaymentSelectionState = resolveEventRegistrationDirectPaymentSelection({
-		options: directPaymentOptions,
-		selection: internalSelection
-	});
-	if (wizard.step !== "select-payment") return {
-		kind: "hidden",
-		selection,
-		directPaymentOptions,
-		directPaymentSelectionState,
-		stepState: wizard.paymentStepState
+function toWholeSeriesRegistrationRun(run) {
+	return {
+		id: run.seriesId,
+		title: run.title,
+		slug: run.slug,
+		description: run.description,
+		registrationOpen: run.enrollmentOpen,
+		capacity: run.enrollmentCapacity,
+		registeredCount: run.enrolledCount,
+		availableSpots: run.availableSpots,
+		includedDates: run.sessions.map((session) => ({
+			id: session.id,
+			startsAt: session.startsAt,
+			endsAt: session.endsAt,
+			timeZone: session.timeZone
+		})),
+		venue: run.venue
+	};
+}
+function toWholeSeriesRegistrationPricing(pricing) {
+	if (!pricing) return {
+		currency: null,
+		display: null,
+		options: [],
+		slidingScale: null,
+		selectedAmountCents: null,
+		selectedPriceCents: null,
+		requiresPayment: false
 	};
 	return {
-		kind: wizard.paymentStepState.status,
-		selection,
-		directPaymentOptions,
-		directPaymentSelectionState,
-		stepState: wizard.paymentStepState,
-		eligibility: wizard.eligibility,
-		eligibilityError: wizard.eligibilityError
+		currency: pricing.currency,
+		display: toWholeSeriesPriceDisplay(pricing.display),
+		options: pricing.selectableOptions.map((option) => ({
+			id: option.id,
+			name: option.name,
+			description: option.description,
+			amountCents: option.priceAmount
+		})),
+		slidingScale: pricing.slidingScale ? {
+			minAmountCents: pricing.slidingScale.minAmount,
+			maxAmountCents: pricing.slidingScale.maxAmount,
+			suggestedAmountCents: pricing.slidingScale.suggestedAmount
+		} : null,
+		selectedAmountCents: pricing.selectedSlidingAmount,
+		selectedPriceCents: pricing.selectedPriceAmount,
+		requiresPayment: pricing.selectedRequiresPayment
+	};
+}
+function toWholeSeriesPriceDisplay(display) {
+	switch (display.kind) {
+		case "free": return display;
+		case "exact": return {
+			kind: "exact",
+			amountCents: display.amount,
+			currency: display.currency
+		};
+		case "from": return {
+			kind: "from",
+			amountCents: display.amount,
+			currency: display.currency
+		};
+		case "range": return {
+			kind: "range",
+			minAmountCents: display.minAmount,
+			maxAmountCents: display.maxAmount,
+			currency: display.currency
+		};
+		case "unavailable": return display;
+	}
+}
+function resolveWaitlistClaim(wizard) {
+	const waitlistClaim = wizard.waitlistClaim;
+	if (waitlistClaim.isLoading) return { tag: "loading" };
+	if (waitlistClaim.requiresPortalLogin) return {
+		tag: "login-required",
+		message: waitlistClaim.loginMessage ?? "Log in to continue with your waitlist place."
+	};
+	if (waitlistClaim.error) return {
+		tag: "error",
+		message: waitlistClaim.error
+	};
+	if (waitlistClaim.claim) return {
+		tag: "ready",
+		expiresAt: waitlistClaim.claim.expiresAt,
+		prefill: {
+			email: waitlistClaim.claim.prefill.email,
+			name: waitlistClaim.claim.prefill.name,
+			phone: waitlistClaim.claim.prefill.phone,
+			notes: waitlistClaim.claim.prefill.notes
+		}
 	};
+	return { tag: "none" };
 }
-function resolveHeadlessDirectPaymentOptions(wizard) {
-	const eligibility = wizard.eligibility;
-	if (!eligibility?.eligible || !eligibility.canPayDirectly || !eligibility.price) return [];
-	const event = wizard.selectedEvent ?? wizard.preSelectedEvent;
-	return buildEventRegistrationPaymentOptionsViewModel({
-		eventTitle: event?.title ?? "Event",
-		paymentTerms: event?.paymentTerms,
-		totalPriceCents: eligibility.price,
-		currency: eligibility.currency,
-		startsAt: wizard.occurrenceContext?.startsAt ?? event?.startsAt
-	}).options;
+function resolveActionBlocker(wizard) {
+	if (!wizard.selectedCourse) return null;
+	if (!wizard.selectedCourse.enrollmentOpen) return {
+		ok: false,
+		reason: "blocked",
+		message: "Sign-up is closed."
+	};
+	if (wizard.eligibilityLoading || wizard.portalAuthState === "checking") return {
+		ok: false,
+		reason: "blocked",
+		message: "Availability is still being checked."
+	};
+	if (wizard.courseEligibility?.isFull && !wizard.courseEligibility.canJoinWaitlist) return {
+		ok: false,
+		reason: "blocked",
+		message: wizard.courseEligibility.reason ?? "There are no places available."
+	};
+	return null;
 }
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/useBookingFormConfig.state.ts
@@ -14581,8 +16200,11 @@ const HeadlessBookingProvider = (props) => {
 const HeadlessEventRegistrationProvider = (props) => {
 	return React$1.createElement(HeadlessEventRegistrationProvider$1, props);
 };
+const HeadlessWholeSeriesRegistrationProvider = (props) => {
+	return React$1.createElement(HeadlessWholeSeriesRegistrationProvider$1, props);
+};
 const HeadlessBookingPaymentSelectionStep = (props) => {
 	return React$1.createElement(HeadlessBookingPaymentSelectionStep$1, props);
 };
 //#endregion
-export { BOOKING_FORM_DATA_RESERVED_KEY_VALUES, BookingFormClient, AltchaWidget as HeadlessBookingAltchaWidget, AltchaWidget as HeadlessEventRegistrationAltchaWidget, HeadlessBookingPaymentSelectionStep, HeadlessBookingProvider, HeadlessEventRegistrationProvider, createBookingBlockApiConfig, createEventRegistrationBlockApiConfig, getAppointmentBookingOverrideInput, getEventRegistrationOverrideInput, useBookingFormConfig, useHeadlessBookingFlow, useHeadlessEventRegistrationFlow };
+export { BOOKING_FORM_DATA_RESERVED_KEY_VALUES, BookingFormClient, AltchaWidget as HeadlessBookingAltchaWidget, AltchaWidget as HeadlessEventRegistrationAltchaWidget, AltchaWidget as HeadlessWholeSeriesRegistrationAltchaWidget, HeadlessBookingPaymentSelectionStep, HeadlessBookingProvider, HeadlessEventRegistrationProvider, HeadlessWholeSeriesRegistrationProvider, createBookingBlockApiConfig, createEventRegistrationBlockApiConfig, createWholeSeriesRegistrationBlockApiConfig, getAppointmentBookingOverrideInput, getEventRegistrationOverrideInput, useBookingFormConfig, useHeadlessBookingFlow, useHeadlessEventRegistrationFlow, useHeadlessWholeSeriesRegistrationFlow };