@riverbankcms/sdk 0.109.0 → 0.111.0

package/dist/client/rendering/client.mjs

@@ -1234,7 +1234,7 @@ function getAutoAppliedDiscountPreview(availability) {
 		case "auto_and_manual": return availability.autoAppliedDiscount;
 	}
 }
-var init_types$18 = __esmMin((() => {}));
+var init_types$17 = __esmMin((() => {}));
 //#endregion
 //#region ../blocks/src/system/runtime/api/creditProducts.ts
 function assertNever$22(value) {
@@ -1287,7 +1287,7 @@ var init_creditProducts = __esmMin((() => {}));
 var init_api = __esmMin((() => {
 	init_client$2();
 	init_context$1();
-	init_types$18();
+	init_types$17();
 	init_creditProducts();
 	init_endpoints();
 	init_deduplication();
@@ -1986,7 +1986,7 @@ function isUnknownArray$2(value) {
 	return Array.isArray(value);
 }
 var VARIANT_ROLES, DEFAULT_VARIANT_ALIAS_ID, opaqueButtonColourTokenSchema, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, canonicalButtonGlobalSettingsSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonColourTreatmentSchema, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, buttonVariantAffordanceSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, canonicalButtonVariantSchema, buttonVariantSchema, buttonSystemSchema;
-var init_types$17 = __esmMin((() => {
+var init_types$16 = __esmMin((() => {
 	init_effectClassification();
 	init_themeColorTokens();
 	init_colorTokenParts();
@@ -2248,7 +2248,7 @@ function themeButtonClassName(spec) {
 	].filter(Boolean).join(" ");
 }
 var init_classNames = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_resolver$1 = __esmMin((() => {}));
 var init_generateBaseCSS = __esmMin((() => {}));
@@ -2279,7 +2279,7 @@ var init_effects = __esmMin((() => {
 	init_nav_underline();
 	init_nav_frosted();
 }));
-var init_registry$1 = __esmMin((() => {
+var init_registry$2 = __esmMin((() => {
 	init_background$2();
 	init_shadow();
 	init_transform();
@@ -2289,10 +2289,10 @@ var init_registry$1 = __esmMin((() => {
 	init_animation();
 	init_effects();
 })), init_generateEffectsCSS = __esmMin((() => {
-	init_registry$1();
+	init_registry$2();
 }));
 var init_generateDefaultButtonSystem = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_affordanceIcons = __esmMin((() => {}));
 //#endregion
@@ -2408,12 +2408,12 @@ var init_resolveButtonColourStates = __esmMin((() => {
 	init_colorConversion();
 	init_onColor();
 	init_foregroundContract();
-	init_types$17();
+	init_types$16();
 	init_constants$2();
 	init_effectClassification();
 })), init_resolvedButtonCss = __esmMin((() => {})), AFFORDANCE_SUPPRESS_CLASS;
 var init_generateButtonCss = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	init_classNames();
 	init_resolver$1();
 	init_generateBaseCSS();
@@ -2429,300 +2429,451 @@ var init_generateButtonCss = __esmMin((() => {
 	buttonSizeNameSchema.options;
 }));
 //#endregion
-//#region ../theme-core/src/site-styles/styleTags.ts
-var STYLE_AXIS_VALUES, styleTagsSchema;
-var init_styleTags = __esmMin((() => {
-	STYLE_AXIS_VALUES = {
-		tone: [
-			"minimal",
-			"classic",
-			"bold"
-		],
-		energy: ["calm", "vibrant"],
-		motion: [
-			"subtle",
-			"standard",
-			"expressive"
-		],
-		era: [
-			"editorial",
-			"modern",
-			"organic",
-			"technical",
-			"retro"
-		]
+//#region ../theme-core/src/buttons/styles/domain.ts
+function defineButtonStyleRecipe(recipe) {
+	return recipe;
+}
+function materializeButtonRoles(definitions) {
+	const primary = materializeCompleteRole("primary", definitions.primary.appearance);
+	const secondary = materializeCompleteRole("secondary", definitions.secondary.appearance);
+	const completeRoles = {
+		primary,
+		secondary
+	};
+	return {
+		primary,
+		secondary,
+		outline: materializeSupportingRole("outline", definitions.outline, completeRoles),
+		ghost: materializeSupportingRole("ghost", definitions.ghost, completeRoles),
+		accent: materializeSupportingRole("accent", definitions.accent, completeRoles)
 	};
-	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;
 }
-/**
-* 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 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 {
-		id: asButtonPersonalityId(input.id),
-		name: input.name,
-		description: input.description,
-		tags: input.tags,
-		buttonSystem: buttonSystemSchema.parse(input.buttonSystem)
+		kind: "resolved",
+		buttonSystem: parsedButtonSystem.data
 	};
 }
-var buttonPersonalityIdSchema;
-var init_types$16 = __esmMin((() => {
-	init_types$17();
-	init_styleTags();
-	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
-	});
+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;
+}
+var PUBLIC_BUTTON_ROLES;
+var init_domain = __esmMin((() => {
+	init_types$16();
+	PUBLIC_BUTTON_ROLES = [
+		"primary",
+		"secondary",
+		"outline",
+		"ghost",
+		"accent"
+	];
+}));
+//#endregion
+//#region ../theme-core/src/buttons/styles/selection.ts
+function selectionBranch(styleId, parameters) {
+	return z$1.object({
+		styleId: z$1.literal(styleId),
+		parameters
+	}).strict();
+}
+var BUTTON_STYLE_IDS, quietArrowParametersSchema, emptyParametersSchema$1, buttonStyleSelectionWireSchema, buttonStyleSelectionSchema;
+var init_selection$1 = __esmMin((() => {
+	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"
+	];
+	quietArrowParametersSchema = z$1.object({ secondaryTreatment: z$1.enum(["outlined", "solid-accent"]) }).strict();
+	emptyParametersSchema$1 = z$1.object({}).strict();
+	buttonStyleSelectionWireSchema = 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)
+	]);
+	buttonStyleSelectionSchema = buttonStyleSelectionWireSchema;
 }));
 //#endregion
-//#region ../theme-core/src/buttons/personalities/brushed-wash.ts
-var brushedWash;
-var init_brushed_wash = __esmMin((() => {
+//#region ../theme-core/src/buttons/styles/recipes/quietArrow.ts
+var quietArrowRecipe;
+var init_quietArrow = __esmMin((() => {
+	init_domain();
 	init_types$16();
-	brushedWash = defineButtonPersonality({
-		id: "brushed-wash",
-		name: "Brushed Wash",
-		description: "Watercolour-gradient buttons with soft shadows and generous padding.",
+	init_selection$1();
+	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
-var confidentChip;
-var init_confident_chip = __esmMin((() => {
+//#region ../theme-core/src/buttons/styles/recipes/defineStaticButtonStyleRecipe.ts
+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) } : {}
+	};
+}
+var emptyParametersSchema;
+var init_defineStaticButtonStyleRecipe = __esmMin((() => {
 	init_types$16();
-	confidentChip = defineButtonPersonality({
-		id: "confident-chip",
-		name: "Confident Chip",
-		description: "Mid-radius solid buttons with a crisp hover.",
+	init_domain();
+	emptyParametersSchema = z$1.object({}).strict();
+}));
+//#endregion
+//#region ../theme-core/src/buttons/styles/recipes/staticRecipes.ts
+var softPillRecipe, earthPillRecipe, confidentChipRecipe, editorialSizes, editorialLinkRecipe, pebbleRecipe, brushedWashRecipe, inkStampRecipe, flatInkRecipe, showtimePillRecipe, joyStampRecipe, ornateGhostSizes, ornateRitualRecipe;
+var init_staticRecipes = __esmMin((() => {
+	init_defineStaticButtonStyleRecipe();
+	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
-var earthPill;
-var init_earth_pill = __esmMin((() => {
-	init_types$16();
-	earthPill = defineButtonPersonality({
+	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",
@@ -2749,566 +2900,547 @@ var init_earth_pill = __esmMin((() => {
 					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
-var editorialLink;
-var init_editorial_link = __esmMin((() => {
-	init_types$16();
-	editorialLink = defineButtonPersonality({
-		id: "editorial-link",
-		name: "Editorial Link",
-		description: "Link-style with a growing underline. Refined, typographic.",
+	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
-var flatInk;
-var init_flat_ink = __esmMin((() => {
-	init_types$16();
-	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.",
+	editorialSizes = {
+		sm: { padding: "0.25rem 0" },
+		md: { padding: "0.5rem 0" },
+		lg: { padding: "0.625rem 0" },
+		xl: { padding: "0.75rem 0" }
+	};
+	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
-var inkStamp;
-var init_ink_stamp = __esmMin((() => {
-	init_types$16();
-	inkStamp = defineButtonPersonality({
-		id: "ink-stamp",
-		name: "Ink Stamp",
-		description: "Hand-stamped block-print buttons with a slight lift on hover.",
+	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
-var joyStamp;
-var init_joy_stamp = __esmMin((() => {
-	init_types$16();
-	joyStamp = defineButtonPersonality({
-		id: "joy-stamp",
-		name: "Joy Stamp",
-		description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+	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
-var ornateRitual;
-var init_ornate_ritual = __esmMin((() => {
-	init_types$16();
-	ornateRitual = defineButtonPersonality({
-		id: "ornate-ritual",
-		name: "Ornate Ritual",
-		description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+	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",
@@ -3320,357 +3452,256 @@ var init_ornate_ritual = __esmMin((() => {
 			},
 			sizes: {
 				sm: {
-					padding: "0.5625rem 1.25rem",
+					padding: "0.5rem 1.25rem",
 					fontSize: "text-xs"
 				},
 				md: {
 					padding: "0.75rem 1.75rem",
-					fontSize: "text-xs"
+					fontSize: "text-sm"
 				},
 				lg: {
 					padding: "0.875rem 2.25rem",
-					fontSize: "text-sm"
-				},
-				xl: {
-					padding: "1rem 2.75rem",
 					fontSize: "text-base"
-				}
-			},
-			variants: [
-				{
-					id: "primary",
-					name: "Primary",
-					enabled: true,
-					priority: 1,
-					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" }
-						}]
-					}
-				},
-				{
-					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"
-						},
-						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
-var pebble;
-var init_pebble = __esmMin((() => {
-	init_types$16();
-	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: {
+				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-full",
-					effects: { hover: [{
-						effectId: "darken-background",
-						options: { amount: 100 }
-					}] }
+			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" }
+							}]
+						}
+					}
 				},
-				{
-					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" }
-					}] }
+				secondary: {
+					kind: "complete",
+					appearance: {
+						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-full",
-					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-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
-var quietArrow;
-var init_quiet_arrow = __esmMin((() => {
-	init_types$16();
-	quietArrow = defineButtonPersonality({
-		id: "quiet-arrow",
-		name: "Quiet Arrow",
-		description: "Wide, flat arrow buttons with a solid primary and a primary-colour outlined secondary.",
+	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
-var showtimePill;
-var init_showtime_pill = __esmMin((() => {
-	init_types$16();
-	showtimePill = defineButtonPersonality({
+	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",
@@ -3701,300 +3732,399 @@ var init_showtime_pill = __esmMin((() => {
 					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
-var softPill;
-var init_soft_pill = __esmMin((() => {
-	init_types$16();
-	softPill = defineButtonPersonality({
-		id: "soft-pill",
-		name: "Soft Pill",
-		description: "Rounded pills with a gentle lift on hover. Quietly modern.",
+	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
-var solidSecondary, twoTonePill;
-var init_two_tone_pill = __esmMin((() => {
-	init_types$17();
-	init_soft_pill();
-	init_types$16();
-	solidSecondary = {
-		id: "secondary",
-		name: "Secondary",
-		enabled: true,
-		priority: 2,
-		background: {
-			type: "solid",
-			colorToken: unsafeAsOpaqueButtonColourToken("secondary")
+	ornateGhostSizes = {
+		sm: {
+			padding: "0.375rem 0",
+			fontSize: "text-xs"
 		},
-		borderRadius: "rounded-full",
-		shadow: {
-			elevation: "none",
-			softness: null,
-			position: "bottom"
+		md: {
+			padding: "0.5rem 0",
+			fontSize: "text-sm"
 		},
-		effects: {
-			hover: [{
-				effectId: "background-on-hover-alpha",
-				options: {
-					colorToken: "secondary",
-					opacity: 88
+		lg: {
+			padding: "0.625rem 0",
+			fontSize: "text-base"
+		},
+		xl: {
+			padding: "0.75rem 0",
+			fontSize: "text-lg"
+		}
+	};
+	ornateRitualRecipe = defineStaticButtonStyleRecipe({
+		id: "ornate-ritual",
+		accessibilityLabel: "Uppercase framed buttons with restrained movement",
+		tags: {
+			tone: "classic",
+			energy: "vibrant",
+			motion: "subtle",
+			era: "organic"
+		},
+		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: ornateGhostSizes,
+						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/styles/registry.ts
+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
 	};
-	twoTonePill = 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)
-		}
-	});
-})), buttonPersonalities;
-var init_personalities = __esmMin((() => {
-	init_brushed_wash();
-	init_confident_chip();
-	init_earth_pill();
-	init_editorial_link();
-	init_flat_ink();
-	init_ink_stamp();
-	init_joy_stamp();
-	init_ornate_ritual();
-	init_pebble();
-	init_quiet_arrow();
-	init_showtime_pill();
-	init_soft_pill();
-	init_two_tone_pill();
-	init_types$16();
-	buttonPersonalities = [
-		softPill,
-		twoTonePill,
-		earthPill,
-		confidentChip,
-		editorialLink,
-		pebble,
-		inkStamp,
-		flatInk,
-		brushedWash,
-		showtimePill,
-		joyStamp,
-		ornateRitual,
-		quietArrow
-	];
-	new Map(buttonPersonalities.map((p) => [p.id, p]));
-}));
-function presetCategory(personality) {
-	switch (personality.tags.era) {
+}
+var buttonStyleRecipes, recipesById, registeredIds;
+var init_registry$1 = __esmMin((() => {
+	init_domain();
+	init_selection$1();
+	init_quietArrow();
+	init_staticRecipes();
+	buttonStyleRecipes = [
+		softPillRecipe,
+		earthPillRecipe,
+		confidentChipRecipe,
+		editorialLinkRecipe,
+		pebbleRecipe,
+		inkStampRecipe,
+		flatInkRecipe,
+		brushedWashRecipe,
+		showtimePillRecipe,
+		joyStampRecipe,
+		ornateRitualRecipe,
+		quietArrowRecipe
+	];
+	recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
+	registeredIds = buttonStyleRecipes.map((recipe) => recipe.id);
+	if (registeredIds.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");
+}));
+//#endregion
+//#region ../theme-core/src/buttons/styles/index.ts
+var init_styles = __esmMin((() => {
+	init_domain();
+	init_registry$1();
+	init_selection$1();
+}));
+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";
 	}
 }
 var init_presets$2 = __esmMin((() => {
-	init_personalities();
-	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] } : {}
-		}
-	}));
+	init_styles();
+	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] } : {}
+			}
+		};
+	});
 }));
 //#endregion
 //#region ../theme-core/src/buttons/effects/types.ts
@@ -4002,12 +4132,12 @@ var init_types$15 = __esmMin((() => {}));
 var init_core$2 = __esmMin((() => {
 	init_resolveButtonColourStates();
 	init_resolvedButtonCss();
-	init_types$17();
+	init_types$16();
 }));
 //#endregion
 //#region ../theme-core/src/buttons/index.ts
 var init_buttons = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	init_classNames();
 	init_generateButtonCss();
 	init_resolveButtonColourStates();
@@ -4015,9 +4145,9 @@ var init_buttons = __esmMin((() => {
 	init_generateDefaultButtonSystem();
 	init_constants$2();
 	init_presets$2();
-	init_personalities();
+	init_styles();
 	init_types$15();
-	init_registry$1();
+	init_registry$2();
 	init_transform();
 	init_core$2();
 }));
@@ -7967,6 +8097,39 @@ function resolveButtonAffordance(input) {
 	}
 	return null;
 }
+//#endregion
+//#region ../blocks/src/system/constants/buttonRoles.ts
+/**
+* Temporary rollout boundary for persisted content written before issue #1220.
+* Authoring remains strict through `blockButtonRoleSchema`; this parser exists
+* only until the post-deploy role rewrite has been audited in production.
+*/
+function canonicalizePersistedBlockButtonRole(value) {
+	return value === "link" || value === "tertiary" ? "ghost" : value;
+}
+function isBlockButtonRole(value) {
+	return blockButtonRoleSchema.safeParse(value).success;
+}
+var BLOCK_BUTTON_ROLES, blockButtonRoleSchema, persistedBlockButtonRoleSchema, BLOCK_BUTTON_ROLE_LABELS, BLOCK_BUTTON_ROLE_OPTIONS;
+var init_buttonRoles = __esmMin((() => {
+	BLOCK_BUTTON_ROLES = PUBLIC_BUTTON_ROLES;
+	blockButtonRoleSchema = z$1.enum(BLOCK_BUTTON_ROLES);
+	persistedBlockButtonRoleSchema = z$1.preprocess((value) => typeof value === "string" ? canonicalizePersistedBlockButtonRole(value) : value, blockButtonRoleSchema);
+	BLOCK_BUTTON_ROLE_LABELS = {
+		primary: "Primary",
+		secondary: "Secondary",
+		outline: "Outline",
+		ghost: "Ghost",
+		accent: "Accent"
+	};
+	BLOCK_BUTTON_ROLE_OPTIONS = BLOCK_BUTTON_ROLES.map((value) => ({
+		value,
+		label: BLOCK_BUTTON_ROLE_LABELS[value]
+	}));
+}));
+//#endregion
+//#region ../blocks/src/system/inlineText.ts
+init_buttonRoles();
 const inlineTextMarkSchema = z$1.discriminatedUnion("kind", [
 	z$1.object({ kind: z$1.literal("strong") }),
 	z$1.object({ kind: z$1.literal("emphasis") }),
@@ -8258,6 +8421,7 @@ function renderMark(mark, key, child) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/basic.tsx
+init_buttons();
 const TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
 	const inlineText = parseInlineTextFromUnknown(value);
 	if (inlineText.ok && !isInlineTextEmpty(inlineText.value)) return /* @__PURE__ */ jsx(Text$1, {
@@ -8316,7 +8480,7 @@ const ButtonNode = ({ value, children, href, variantId = "primary", size = "md",
 		return null;
 	}
 	const extraClassName = affordanceIcon ? [className, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ") : className;
-	const resolvedVariantId = parseThemeButtonVariantId(variantId);
+	const resolvedVariantId = parseThemeButtonVariantId(canonicalizePersistedBlockButtonRole(variantId));
 	const combinedClassName = resolvedVariantId ? themeButtonClassName({
 		variant: resolvedVariantId,
 		size,
@@ -8789,12 +8953,7 @@ init_colorStyles();
 init_media$1();
 init_buttons();
 init_media$2();
-const FILE_DOWNLOAD_BUTTON_VARIANTS = [
-	"primary",
-	"secondary",
-	"outline",
-	"link"
-];
+init_buttonRoles();
 function isDownloadableMediaType(type) {
 	return typeof type === "string" && PUBLIC_DOWNLOAD_MEDIA_TYPES.includes(type);
 }
@@ -8826,7 +8985,7 @@ function iconForMediaType(type) {
 	}
 }
 function normalizeButtonVariant(value) {
-	return typeof value === "string" && FILE_DOWNLOAD_BUTTON_VARIANTS.includes(value) ? value : "primary";
+	return isBlockButtonRole(value) ? value : "primary";
 }
 function FileDownloadNode({ value, title, description, buttonLabel, buttonVariant, className }) {
 	if (!value || !isDownloadableMediaType(value.type)) return null;
@@ -12791,8 +12950,11 @@ function LocationMapView({ addressText, location, zoom, heightPx, showAddressTex
 				href: directionsUrl,
 				target: "_blank",
 				rel: "noreferrer",
-				className: "rb-inline-flex rb-w-fit rb-items-center rb-justify-center rb-rounded-md rb-border rb-px-4 rb-py-2 rb-text-sm rb-font-medium rb-no-underline transition-theme-standard rb-hover-opacity-90",
-				style: mergeStyles(borderColorStyle("border"), backgroundColorStyle("surface"), textColorStyle("text")),
+				className: themeButtonClassName({
+					variant: "ghost",
+					size: "sm",
+					extraClassName: "rb-w-fit"
+				}),
 				children: directionsLabel
 			}) : null
 		]
@@ -12800,6 +12962,7 @@ function LocationMapView({ addressText, location, zoom, heightPx, showAddressTex
 }
 var init_location_map_view = __esmMin((() => {
 	init_colorStyles();
+	init_buttons();
 	init_location_map_shared();
 }));
 //#endregion
@@ -14234,20 +14397,7 @@ function createButtonVariantField(options = {}) {
 	};
 }
 function createButtonGroup(options = {}) {
-	const { variants = [
-		{
-			value: "primary",
-			label: "Primary"
-		},
-		{
-			value: "secondary",
-			label: "Secondary"
-		},
-		{
-			value: "outline",
-			label: "Outline"
-		}
-	], defaultVariant, includeSize = true, defaultSize = "md", showGroupLabel = false, groupId = "button", groupLabel = "Button", flattenInRepeater = true } = options;
+	const { variants = BLOCK_BUTTON_ROLE_OPTIONS, defaultVariant, includeSize = true, defaultSize = "md", showGroupLabel = false, groupId = "button", groupLabel = "Button", flattenInRepeater = true } = options;
 	const mainFields = [
 		{
 			id: "label",
@@ -14352,24 +14502,8 @@ function createButtonGroup(options = {}) {
 }
 var DEFAULT_THEME_BUTTON_VARIANTS;
 var init_button = __esmMin((() => {
-	DEFAULT_THEME_BUTTON_VARIANTS = [
-		{
-			value: "primary",
-			label: "Primary"
-		},
-		{
-			value: "secondary",
-			label: "Secondary"
-		},
-		{
-			value: "outline",
-			label: "Outline"
-		},
-		{
-			value: "link",
-			label: "Link"
-		}
-	];
+	init_buttonRoles();
+	DEFAULT_THEME_BUTTON_VARIANTS = BLOCK_BUTTON_ROLE_OPTIONS;
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/fields.ts
@@ -14913,18 +15047,10 @@ var init_events$1 = __esmMin((() => {
 var previewStageSchema, registrationButtonVariantSchema, eventButtonVariantSchema, eventLayoutSchema, eventCalendarDisplayModeSchema, eventCalendarDefaultViewSchema, columnOptionSchema, weekStartSchema, filterAutoShowSchema, calendarTabViewsSchema;
 var init_contract_schemas = __esmMin((() => {
 	init_events$1();
+	init_buttonRoles();
 	previewStageSchema = z$1.enum(["preview", "published"]);
-	registrationButtonVariantSchema = z$1.enum([
-		"primary",
-		"secondary",
-		"outline"
-	]);
-	eventButtonVariantSchema = z$1.enum([
-		"primary",
-		"secondary",
-		"outline",
-		"link"
-	]);
+	registrationButtonVariantSchema = blockButtonRoleSchema;
+	eventButtonVariantSchema = persistedBlockButtonRoleSchema;
 	eventLayoutSchema = z$1.enum(eventCalendarListLayoutValues);
 	eventCalendarDisplayModeSchema = z$1.enum(eventCalendarDisplayModeValues);
 	eventCalendarDefaultViewSchema = z$1.enum(eventCalendarDefaultViewValues);
@@ -16239,6 +16365,7 @@ function cardTreatmentClass(value) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/weekly-slot-availability.view.tsx
+init_buttons();
 function pluralizeWeeks(count) {
 	return count === 1 ? "1 upcoming week" : `${count} upcoming weeks`;
 }
@@ -16314,7 +16441,11 @@ function WeeklySlotAvailabilityView({ availability, loading = false, error, empt
 							]
 						}),
 						resolvedCtaUrl ? /* @__PURE__ */ jsx("a", {
-							className: "weekly-slot-availability__cta",
+							className: themeButtonClassName({
+								variant: "ghost",
+								size: "sm",
+								extraClassName: "weekly-slot-availability__cta"
+							}),
 							href: buildSlotCtaUrl(resolvedCtaUrl, slot),
 							"aria-label": buildSlotCtaLabel(resolvedCtaText, slot),
 							children: resolvedCtaText
@@ -19101,6 +19232,37 @@ var init_colors = __esmMin((() => {
 var init_editorState = __esmMin((() => {}));
 var init_libraryModel = __esmMin((() => {}));
 //#endregion
+//#region ../theme-core/src/site-styles/styleTags.ts
+var STYLE_AXIS_VALUES, styleTagsSchema;
+var init_styleTags = __esmMin((() => {
+	STYLE_AXIS_VALUES = {
+		tone: [
+			"minimal",
+			"classic",
+			"bold"
+		],
+		energy: ["calm", "vibrant"],
+		motion: [
+			"subtle",
+			"standard",
+			"expressive"
+		],
+		era: [
+			"editorial",
+			"modern",
+			"organic",
+			"technical",
+			"retro"
+		]
+	};
+	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/palette/curated/types.ts
 function asCuratedPaletteAuthoringKey(value) {
 	if (value.length === 0) throw new Error("CuratedPaletteAuthoringKey must be a non-empty string");
@@ -22463,25 +22625,9 @@ var init_headerLooks = __esmMin((() => {
 function asFooterLookId(value) {
 	return value;
 }
-function asFooterLayoutId(value) {
-	return value;
-}
-function asFooterStyleId(value) {
-	return value;
-}
-/**
-* No-nav-safe identity footer: brand and legal/supporting copy carry the
-* footer without implying missing navigation.
-*/
-function identityQuietFooter(theme) {
+function quietFooterLinks(theme) {
 	return {
 		...theme.footer,
-		variant: "simple",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "surface"
-		},
 		navStyle: "minimal",
 		navWeight: "regular",
 		navColor: "text",
@@ -22494,340 +22640,41 @@ function identityQuietFooter(theme) {
 			hoverColorToken: "primary",
 			padding: "none",
 			borderRadius: "none"
-		},
-		navLayout: {
-			layout: "inline-wrap",
-			align: "start",
-			gapX: "default",
-			gapY: "tight"
-		},
-		logo: {
-			showLogo: true,
-			showLogoText: true,
-			placement: "left",
-			size: "sm",
-			align: "start"
-		},
-		bottomBar: {
-			enabled: false,
-			fullBleed: false,
-			textAlign: "left",
-			paddingX: "default",
-			paddingY: "compact",
-			borderTop: { width: "none" }
 		}
 	};
 }
-/**
-* Back-compat alias for the previous default footer Look. It keeps existing
-* persisted selections valid while staying hidden from the new layout/style UI.
-*/
-function mutedGroundingFooter(theme) {
-	return {
-		...identityQuietFooter(theme),
-		background: theme.footer.background,
-		navStyle: theme.footer.navStyle,
-		navColor: theme.footer.navColor,
-		navWeight: theme.footer.navWeight,
-		navLinkStyle: theme.footer.navLinkStyle,
-		bottomTextLinkStyle: theme.footer.bottomTextLinkStyle
-	};
-}
-/** Applies a high-contrast brand band with a darker full-bleed bottom bar. */
-function brandTwoBandFooter(theme) {
+function emphasizedFooterLinks(theme) {
 	return {
 		...theme.footer,
-		variant: "split",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "primary-800"
-		},
 		navStyle: "minimal",
 		navWeight: "medium",
-		navColor: "primaryForeground",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "medium",
-			textTransform: "none",
-			italic: false,
-			colorToken: "primaryForeground",
-			hoverColorToken: "secondary",
-			padding: "none",
-			borderRadius: "none"
-		},
-		bottomTextLinkStyle: {
-			colorToken: "secondary",
-			decorationColorToken: "secondary"
-		},
-		navLayout: {
-			layout: "inline-wrap",
-			align: "start",
-			gapX: "default",
-			gapY: "tight"
-		},
-		logo: {
-			showLogo: true,
-			showLogoText: false,
-			placement: "left",
-			size: "sm",
-			align: "start"
-		},
-		bottomBar: {
-			enabled: true,
-			fullBleed: true,
-			background: {
-				type: "color",
-				color: "primary-900"
-			},
-			textColor: "primaryForeground",
-			textAlign: "center",
-			paddingX: "default",
-			paddingY: "compact",
-			borderTop: { width: "none" }
-		}
-	};
-}
-/**
-* Centered stack on a softly tinted band: logo, inline nav, address, and a
-* hairline-topped copyright line, all centered.
-*/
-function centeredCalmFooter(theme) {
-	return {
-		...theme.footer,
-		variant: "simple",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "surfaceAlt"
-		},
-		navStyle: "minimal",
-		navWeight: "regular",
-		navColor: "text",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "regular",
-			textTransform: "none",
-			italic: false,
-			colorToken: "text",
-			hoverColorToken: "primary",
-			padding: "none",
-			borderRadius: "none"
-		},
-		navLayout: {
-			layout: "inline-wrap",
-			align: "center",
-			gapX: "relaxed",
-			gapY: "tight"
-		},
-		logo: {
-			showLogo: true,
-			showLogoText: false,
-			placement: "above",
-			size: "sm",
-			align: "center"
-		},
-		bottomBar: {
-			enabled: true,
-			fullBleed: false,
-			textAlign: "center",
-			paddingX: "default",
-			paddingY: "compact",
-			borderTop: { width: "thin" }
-		}
-	};
-}
-/** Editorial split footer: compact nav on one side, brand signoff on the other. */
-function splitEditorialFooter(theme) {
-	return {
-		...theme.footer,
-		variant: "split",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		navStyle: "minimal",
-		navWeight: "regular",
-		navColor: "text",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "regular",
-			textTransform: "none",
-			italic: false,
-			colorToken: "text",
-			hoverColorToken: "primary",
-			padding: "none",
-			borderRadius: "none"
-		},
-		navLayout: {
-			layout: "inline-wrap",
-			align: "start",
-			gapX: "relaxed",
-			gapY: "tight"
-		},
-		logo: {
-			showLogo: true,
-			showLogoText: true,
-			placement: "right",
-			size: "sm",
-			align: "end"
-		},
-		bottomBar: {
-			enabled: true,
-			fullBleed: false,
-			textAlign: "left",
-			paddingX: "default",
-			paddingY: "compact",
-			borderTop: { width: "thin" }
-		}
-	};
-}
-/**
-* Editorial columns: site name and supporting copy on the left, inline nav on
-* the right, with a hairline-topped bottom line. Uses the footer block's
-* columns layout.
-*/
-function editorialColumnsFooter(theme) {
-	return {
-		...theme.footer,
-		variant: "columns",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		navStyle: "minimal",
-		navWeight: "regular",
 		navColor: "text",
 		navLinkStyle: {
 			typography: "body",
-			fontWeight: "regular",
+			fontWeight: "medium",
 			textTransform: "none",
 			italic: false,
 			colorToken: "text",
 			hoverColorToken: "primary",
 			padding: "none",
 			borderRadius: "none"
-		},
-		logo: {
-			showLogo: true,
-			showLogoText: true,
-			placement: "left",
-			size: "sm",
-			align: "start"
-		},
-		bottomBar: {
-			enabled: true,
-			fullBleed: false,
-			textAlign: "center",
-			paddingX: "default",
-			paddingY: "compact",
-			borderTop: { width: "thin" }
 		}
 	};
 }
-var footerLayoutCatalog, footerStyleCatalog, footerLookCatalog;
+var footerLookCatalog;
 var init_footerLooks = __esmMin((() => {
-	init_customizableSurfaces();
 	init_types$12();
-	footerLayoutCatalog = defineExactCatalog()([
-		{
-			id: asFooterLayoutId("identity"),
-			label: "Identity",
-			description: "Logo, site text, address, and legal copy without relying on footer navigation."
-		},
-		{
-			id: asFooterLayoutId("centered"),
-			label: "Centered",
-			description: "A calm centered stack for identity, short copy, and optional compact navigation.",
-			maxRecommendedNavDensity: "sparse"
-		},
-		{
-			id: asFooterLayoutId("split"),
-			label: "Split",
-			description: "Navigation and brand signoff separated into a wider split footer.",
-			requiresFooterNav: true,
-			maxRecommendedNavDensity: "balanced"
-		},
-		{
-			id: asFooterLayoutId("columns"),
-			label: "Columns",
-			description: "Grouped footer navigation columns with a supporting bottom line.",
-			requiresFooterNav: true,
-			requiresFooterNavGroups: true
-		}
-	]);
-	footerStyleCatalog = defineExactCatalog()([
-		{
-			id: asFooterStyleId("quiet"),
-			label: "Quiet",
-			description: "Lightweight, practical footer treatment."
-		},
-		{
-			id: asFooterStyleId("calm"),
-			label: "Calm",
-			description: "Soft centered treatment with restrained dividers."
-		},
-		{
-			id: asFooterStyleId("editorial"),
-			label: "Editorial",
-			description: "Text-forward treatment with fine-line structure."
-		},
-		{
-			id: asFooterStyleId("brand-band"),
-			label: "Brand band",
-			description: "High-contrast brand treatment with a stronger bottom bar."
-		}
-	]);
-	new Map(footerLayoutCatalog.map((layout) => [layout.id, layout]));
-	new Map(footerStyleCatalog.map((style) => [style.id, style]));
-	footerLookCatalog = defineExactCatalog()([
-		{
-			id: asFooterLookId("footer-identity-quiet"),
-			label: "Identity footer",
-			layoutId: asFooterLayoutId("identity"),
-			styleId: asFooterStyleId("quiet"),
-			compile: identityQuietFooter
-		},
-		{
-			id: asFooterLookId("footer-muted-grounding"),
-			label: "Muted grounding footer",
-			layoutId: asFooterLayoutId("identity"),
-			styleId: asFooterStyleId("quiet"),
-			hiddenFromLayoutStyleControls: true,
-			compile: mutedGroundingFooter
-		},
-		{
-			id: asFooterLookId("footer-centered-calm"),
-			label: "Centered calm footer",
-			layoutId: asFooterLayoutId("centered"),
-			styleId: asFooterStyleId("calm"),
-			compile: centeredCalmFooter
-		},
-		{
-			id: asFooterLookId("footer-split-editorial"),
-			label: "Split editorial footer",
-			layoutId: asFooterLayoutId("split"),
-			styleId: asFooterStyleId("editorial"),
-			compile: splitEditorialFooter
-		},
-		{
-			id: asFooterLookId("footer-editorial-columns"),
-			label: "Editorial columns footer",
-			layoutId: asFooterLayoutId("columns"),
-			styleId: asFooterStyleId("editorial"),
-			compile: editorialColumnsFooter
-		},
-		{
-			id: asFooterLookId("site-footer-brand-two-band"),
-			label: "Two-band brand footer",
-			layoutId: asFooterLayoutId("split"),
-			styleId: asFooterStyleId("brand-band"),
-			allowedContentPresence: ["default-footer", "default-and-blocks"],
-			compile: brandTwoBandFooter
-		}
-	]);
+	footerLookCatalog = defineExactCatalog()([{
+		id: asFooterLookId("footer-links-quiet"),
+		label: "Quiet links",
+		description: "Regular-weight footer navigation with a restrained hover.",
+		compile: quietFooterLinks
+	}, {
+		id: asFooterLookId("footer-links-emphasized"),
+		label: "Emphasized links",
+		description: "Medium-weight footer navigation with a clearer emphasis.",
+		compile: emphasizedFooterLinks
+	}]);
 	new Map(footerLookCatalog.map((look) => [look.id, look]));
 }));
 var init_curatedChoices = __esmMin((() => {})), generatedContentFrames, userContentFrames, generatedDesignOptionCatalog, userDesignOptionCatalog;
@@ -24893,7 +24740,7 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_schema$1();
 	init_modern_minimal();
 	init_expandPalette();
-	init_personalities();
+	init_styles();
 	init_colors();
 	init_designState();
 	init_types$12();
@@ -25135,17 +24982,21 @@ function defineCuratedSiteStyle(input) {
 		})),
 		recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
-		buttonPersonalityChoices: input.buttonPersonalityChoices,
+		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
 		typography: input.typography ?? defaultTypographyForRecipe(input.tokenRecipes.typography),
 		...input.heroTypography ? { heroTypography: input.heroTypography } : {}
 	};
 }
-function buttonChoice(id, note) {
+function buttonChoice(styleId, note, parameters) {
+	const selection = parameters === void 0 ? defaultButtonStyleSelectionFor(styleId) : buttonStyleSelectionSchema.parse({
+		styleId,
+		parameters
+	});
 	return note ? {
-		id: asButtonPersonalityId(id),
+		...selection,
 		note
-	} : { id: asButtonPersonalityId(id) };
+	} : selection;
 }
 function paletteRecommendation(authoringKey, note) {
 	const valueKey = requireCuratedPaletteValueKey(asCuratedPaletteAuthoringKey(authoringKey));
@@ -25298,7 +25149,7 @@ function inferHeaderCurationFromLegacyLooks(lookIds, recipes) {
 }
 var SOFT_EARTH_SITE_STYLE_ID_VALUE, SOFT_EARTH_SITE_STYLE_ID, curatedSiteStyleIdValues, quietBudget, accentLedQuietBudget, balancedBudget, expressiveBudget, kirtanOrnateDesignRuntimeRules, primaryGlowGradientPresetId, fulcrumDesignRuntimeRules, expressiveUnderlineInputs, ornateDarkInputs, generatedContentFrameKinds, curatedSiteStyles;
 var init_curatedSiteStyles = __esmMin((() => {
-	init_personalities();
+	init_styles();
 	init_curated();
 	init_siteStyleDefaults$1();
 	init_siteStyleDefaults();
@@ -25532,9 +25383,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("soft-pill"),
-				buttonChoice("two-tone-pill"),
 				buttonChoice("pebble"),
 				buttonChoice("editorial-link"),
 				buttonChoice("brushed-wash")
@@ -25570,7 +25420,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"brand-solid",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("confident-chip"),
 				buttonChoice("soft-pill"),
 				buttonChoice("editorial-link")
@@ -25609,7 +25459,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"centered-calm"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("soft-pill"),
 				buttonChoice("brushed-wash")
@@ -25649,7 +25499,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"practical-utility",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("pebble"),
 				buttonChoice("brushed-wash"),
 				buttonChoice("confident-chip")
@@ -25710,7 +25560,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"serif-line",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("confident-chip"),
 				buttonChoice("soft-pill")
@@ -25772,7 +25622,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"brand-solid",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("confident-chip"),
 				buttonChoice("pebble"),
 				buttonChoice("ink-stamp")
@@ -25811,7 +25661,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("soft-pill"),
 				buttonChoice("pebble"),
 				buttonChoice("confident-chip")
@@ -25884,7 +25734,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"clean-base",
 				"centered-calm"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("pebble"),
 				buttonChoice("soft-pill"),
 				buttonChoice("editorial-link")
@@ -26003,12 +25853,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"serif-line",
 				"minimal-transparent"
 			],
-			recommendedFooterLookIds: [
-				"footer-centered-calm",
-				"footer-editorial-columns",
-				"footer-muted-grounding"
-			],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("soft-pill"),
 				buttonChoice("pebble"),
 				buttonChoice("editorial-link")
@@ -26082,7 +25928,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"centered-calm",
 				"minimal-transparent"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("soft-pill"),
 				buttonChoice("brushed-wash")
@@ -26155,8 +26001,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"practical-utility",
 				"clean-base"
 			],
-			recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("pebble"),
 				buttonChoice("confident-chip"),
 				buttonChoice("ink-stamp"),
@@ -26277,8 +26123,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"serif-line"
 			],
-			recommendedFooterLookIds: ["footer-muted-grounding", "site-footer-brand-two-band"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-quiet", "footer-links-emphasized"],
+			buttonStyleChoices: [
 				buttonChoice("earth-pill"),
 				buttonChoice("soft-pill"),
 				buttonChoice("pebble"),
@@ -26349,7 +26195,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"floating-glass",
 				"brand-solid"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("ink-stamp"),
 				buttonChoice("confident-chip"),
 				buttonChoice("brushed-wash"),
@@ -26404,8 +26250,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"transparent-overlay",
 				"practical-utility"
 			],
-			recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("showtime-pill"),
 				buttonChoice("confident-chip"),
 				buttonChoice("ink-stamp"),
@@ -26486,8 +26332,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				headerStyleChoice("glass")
 			] },
 			recommendedHeaderLookIds: ["minimal-transparent"],
-			recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("ornate-ritual"),
 				buttonChoice("joy-stamp"),
 				buttonChoice("ink-stamp")
@@ -26540,8 +26386,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				headerStyleChoice("glass")
 			] },
 			recommendedHeaderLookIds: ["minimal-transparent"],
-			recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("joy-stamp"),
 				buttonChoice("ink-stamp"),
 				buttonChoice("showtime-pill")
@@ -26631,8 +26477,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"centered-calm",
 				"clean-base"
 			],
-			recommendedFooterLookIds: ["footer-editorial-columns", "footer-muted-grounding"],
-			buttonPersonalityChoices: [
+			recommendedFooterLookIds: ["footer-links-quiet"],
+			buttonStyleChoices: [
 				buttonChoice("flat-ink"),
 				buttonChoice("confident-chip"),
 				buttonChoice("editorial-link")
@@ -26709,14 +26555,9 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"serif-line",
 				"clean-base"
 			],
-			recommendedFooterLookIds: [
-				"footer-editorial-columns",
-				"footer-muted-grounding",
-				"footer-identity-quiet"
-			],
-			buttonPersonalityChoices: [
-				buttonChoice("quiet-arrow"),
-				buttonChoice("two-tone-pill"),
+			recommendedFooterLookIds: ["footer-links-quiet"],
+			buttonStyleChoices: [
+				buttonChoice("quiet-arrow", void 0, { secondaryTreatment: "solid-accent" }),
 				buttonChoice("flat-ink"),
 				buttonChoice("editorial-link")
 			],
@@ -26772,10 +26613,8 @@ var init_previewCompiler = __esmMin((() => {
 	init_schema$1();
 	init_onColor();
 	init_tokens();
-	init_personalities();
 	init_curated();
 	init_resolveSelection();
-	init_curatedChoices();
 	init_curatedSiteStyles();
 	init_resolver();
 	init_types$12();
@@ -26788,6 +26627,7 @@ var init_previewCompiler = __esmMin((() => {
 	init_pageDesignEditorModel();
 	init_pageDesignIntent();
 	init_previewCustomization();
+	init_curatedChoices();
 }));
 var init_contentTemplateRuntimeCompiler = __esmMin((() => {
 	init_pageDesignEditorModel();
@@ -29314,29 +29154,7 @@ var init_ctaRow = __esmMin((() => {
 		fields: [createCtasRepeater({
 			label: "Calls to action",
 			itemLabel: "CTA",
-			maxItems: 3,
-			button: { variants: [
-				{
-					value: "primary",
-					label: "Primary"
-				},
-				{
-					value: "secondary",
-					label: "Secondary"
-				},
-				{
-					value: "outline",
-					label: "Outline"
-				},
-				{
-					value: "link",
-					label: "Link"
-				},
-				{
-					value: "accent",
-					label: "Accent"
-				}
-			] }
+			maxItems: 3
 		})],
 		layout: [ctaRow({
 			collectionPath: "content.ctas",
@@ -29359,10 +29177,6 @@ var init_heroCtaRow = __esmMin((() => {
 		defaultValue: [],
 		button: {
 			variants: [
-				{
-					value: "default",
-					label: "Default"
-				},
 				{
 					value: "primary",
 					label: "Primary"
@@ -29374,9 +29188,17 @@ var init_heroCtaRow = __esmMin((() => {
 				{
 					value: "outline",
 					label: "Outline"
+				},
+				{
+					value: "ghost",
+					label: "Ghost"
+				},
+				{
+					value: "accent",
+					label: "Accent"
 				}
 			],
-			defaultVariant: "default",
+			defaultVariant: "primary",
 			includeSize: true,
 			defaultSize: "lg"
 		}
@@ -29969,11 +29791,13 @@ var init_blogFeaturedPost = __esmMin((() => {
 				as: "p",
 				style: textColorStyle("text/80")
 			}, bind("post.excerpt", { fallback: "Select a blog post to display its preview." })),
-			link({
-				className: "rb-inline-flex rb-items-center rb-caption rb-hover-opacity-80",
-				style: textColorStyle("primary"),
-				href: { $bind: { from: "post.path" } }
-			}, [text({ as: "strong" }, props({ value: "Read more →" }))])
+			button({
+				className: "rb-self-start",
+				href: { $bind: { from: "post.path" } },
+				variantId: "ghost",
+				size: "sm",
+				linkRequired: true
+			}, [text({ as: "span" }, props({ value: "Read more" }))])
 		])], when("post")), stack({
 			gap: "sm",
 			className: "rb-rounded-xl rb-border rb-border-dashed rb-p-6",
@@ -31307,21 +31131,7 @@ var init_newsletterForm$1 = __esmMin((() => {
 			createButtonVariantField({
 				id: "buttonVariant",
 				label: "Button style",
-				defaultValue: "primary",
-				variants: [
-					{
-						value: "primary",
-						label: "Primary"
-					},
-					{
-						value: "secondary",
-						label: "Secondary"
-					},
-					{
-						value: "outline",
-						label: "Outline"
-					}
-				]
+				defaultValue: "primary"
 			}),
 			{
 				id: "successMessage",
@@ -32181,6 +31991,7 @@ function getShopDisplayForItems(render, items) {
 }
 var shopModeSchema, contentEntrySchema$2, shopSourceSchema, productVariantOptionDisplaySchema, productCardDisplaySchema, productListDisplaySchema, productDetailDisplaySchema, passCardDisplaySchema, membershipCardDisplaySchema, passesMembershipsDisplaySchema, cartLineDisplaySchema, cartDisplaySchema, checkoutDisplaySchema, passesMembershipsHydrationSchema, productListHydrationSchema, productDetailHydrationSchema, cartHydrationSchema, checkoutHydrationSchema, passesMembershipsRenderSchema, productListRenderSchema, productDetailRenderSchema, cartRenderSchema, checkoutRenderSchema, shopIslandMetaCodec, shopIslandMetaKeys, shopBlockRuntime, productListBlockRuntime, productDetailBlockRuntime, cartBlockRuntime, checkoutBlockRuntime, shopInteractiveIslandPropsCodec, productListInteractiveIslandPropsCodec, productDetailInteractiveIslandPropsCodec, cartInteractiveIslandPropsCodec, checkoutInteractiveIslandPropsCodec;
 var init_shop_interactive = __esmMin((() => {
+	init_buttonRoles();
 	init_shop_shared();
 	init_shared$1();
 	init_display();
@@ -32218,12 +32029,7 @@ var init_shop_interactive = __esmMin((() => {
 		showPrices: z$1.boolean().optional(),
 		showValidityPeriod: z$1.boolean().optional(),
 		showPricePerCredit: z$1.boolean().nullable().optional(),
-		buttonVariant: z$1.enum([
-			"primary",
-			"secondary",
-			"outline",
-			"link"
-		]).optional(),
+		buttonVariant: blockButtonRoleSchema.optional(),
 		passesHeading: z$1.string().optional(),
 		membershipsHeading: z$1.string().optional(),
 		buyButtonText: z$1.string().optional(),
@@ -32368,12 +32174,7 @@ var init_shop_interactive = __esmMin((() => {
 		passes: z$1.array(publicPassProductSchema),
 		memberships: z$1.array(publicMembershipProductSchema),
 		passPurchaseMode: z$1.enum(["add_to_cart", "buy_now"]),
-		buttonVariant: z$1.enum([
-			"primary",
-			"secondary",
-			"outline",
-			"link"
-		])
+		buttonVariant: blockButtonRoleSchema
 	});
 	productListHydrationSchema = z$1.object({
 		products: z$1.array(publicProductSchema),
@@ -33147,23 +32948,7 @@ const courseRegistrationBlockDefinition = {
 				defaultValue: "Sign up",
 				maxLength: 40
 			},
-			createButtonVariantField({
-				description: "Choose a button style from your theme",
-				variants: [
-					{
-						value: "primary",
-						label: "Primary"
-					},
-					{
-						value: "secondary",
-						label: "Secondary"
-					},
-					{
-						value: "outline",
-						label: "Outline"
-					}
-				]
-			})
+			createButtonVariantField()
 		],
 		layout: [styledSection({
 			baseClass: "",
@@ -33942,23 +33727,7 @@ const eventRegistrationBlockDefinition = {
 				defaultValue: "Complete Registration",
 				maxLength: 40
 			},
-			createButtonVariantField({
-				description: "Choose a button style from your theme",
-				variants: [
-					{
-						value: "primary",
-						label: "Primary"
-					},
-					{
-						value: "secondary",
-						label: "Secondary"
-					},
-					{
-						value: "outline",
-						label: "Outline"
-					}
-				]
-			})
+			createButtonVariantField()
 		],
 		layout: [styledSection({
 			baseClass: "",
@@ -36255,6 +36024,7 @@ var init_newsletter_form_interactive = __esmMin((() => {
 	init_runtime();
 	init_newsletter_signup_destination();
 	init_newsletter_form_types();
+	init_buttonRoles();
 	newsletterPresetSchema = z$1.enum([
 		"emailOnly",
 		"emailName",
@@ -36262,11 +36032,7 @@ var init_newsletter_form_interactive = __esmMin((() => {
 		"emailNameCompany"
 	]);
 	newsletterDestinationProviderSchema = z$1.enum(["riverbank", "mailchimp"]);
-	newsletterButtonVariantSchema = z$1.enum([
-		"primary",
-		"secondary",
-		"outline"
-	]);
+	newsletterButtonVariantSchema = blockButtonRoleSchema;
 	newsletterFieldSchema = z$1.object({
 		id: z$1.string(),
 		type: z$1.enum(["email", "text"]),
@@ -42317,7 +42083,7 @@ function discountCodeUiReducer(state, event) {
 }
 var initialDiscountCodeUiState;
 var init_useDiscountCodeUi_state = __esmMin((() => {
-	init_types$18();
+	init_types$17();
 	initialDiscountCodeUiState = {
 		discountUiOpen: false,
 		discountCode: "",
@@ -105693,7 +105459,7 @@ function resolveHasCoursePayment(pricing) {
 	if (pricing.selectedOption) return pricing.selectedRequiresPayment;
 	return pricing.hasPaidSelection;
 }
-function useCourseRegistrationWizard(props) {
+function useCourseRegistrationWizard(props, options = {}) {
 	const api = useBlockApi();
 	const { contentEntry, courses, entrySubrouteContext, subject } = props;
 	const scopedCourses = useMemo(() => {
@@ -105940,21 +105706,34 @@ function useCourseRegistrationWizard(props) {
 		setStep("enter-details");
 	};
 	const handleSubmit = async () => {
-		if (!selectedCourse) return;
-		if (!handleValidateForm()) return;
+		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;
+			return {
+				kind: "blocked",
+				message: missingPricingSelectionMessage
+			};
 		}
 		const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
 		const canUseMembership = requiresPayment && selectedCourse.acceptsMemberships && portalAuthState === "authenticated" && eligibleMemberships.length > 0;
 		if (showSpamProtection && !altchaSolution) {
-			setErrorMessage("Please complete the verification check.");
+			const message = "Please complete the verification check.";
+			setErrorMessage(message);
 			setStep("error");
-			return;
+			return {
+				kind: "blocked",
+				message
+			};
 		}
-		if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) return;
+		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 {
@@ -105975,15 +105754,20 @@ function useCourseRegistrationWizard(props) {
 					usedMembership: false
 				});
 				setStep(result.status === "waitlist" ? "waitlist" : "success");
+				return { kind: "state-updated" };
 			} catch (error) {
-				setErrorMessage(error instanceof Error ? error.message : "Booking failed");
+				const message = error instanceof Error ? error.message : "Booking failed";
+				setErrorMessage(message);
 				setStep("error");
+				return {
+					kind: "failed",
+					message
+				};
 			}
-			return;
 		}
 		if (requiresPayment && canUseMembership) {
 			setStep("select-payment");
-			return;
+			return { kind: "state-updated" };
 		}
 		if (requiresPayment) {
 			setStep("submitting");
@@ -106009,16 +105793,24 @@ function useCourseRegistrationWizard(props) {
 						usedMembership: false
 					});
 					setStep("success");
-					return;
+					return { kind: "state-updated" };
 				}
 				if (!checkoutResult.checkoutUrl) throw new Error("Checkout URL missing");
 				setStep("redirecting");
-				window.location.href = checkoutResult.checkoutUrl;
-				return;
+				if (options.onCheckoutRedirect) options.onCheckoutRedirect(checkoutResult.checkoutUrl);
+				else window.location.href = checkoutResult.checkoutUrl;
+				return {
+					kind: "checkout-redirect",
+					checkoutUrl: checkoutResult.checkoutUrl
+				};
 			} catch (error) {
-				setErrorMessage(error instanceof Error ? error.message : "Checkout failed");
+				const message = error instanceof Error ? error.message : "Checkout failed";
+				setErrorMessage(message);
 				setStep("error");
-				return;
+				return {
+					kind: "failed",
+					message
+				};
 			}
 		}
 		setStep("submitting");
@@ -106040,35 +105832,58 @@ function useCourseRegistrationWizard(props) {
 				usedMembership: result.paymentMethod === "membership"
 			});
 			setStep(result.status === "waitlist" ? "waitlist" : "success");
+			return { kind: "state-updated" };
 		} catch (error) {
-			setErrorMessage(error instanceof Error ? error.message : "Booking failed");
+			const message = error instanceof Error ? error.message : "Booking failed";
+			setErrorMessage(message);
 			setStep("error");
+			return {
+				kind: "failed",
+				message
+			};
 		}
 	};
 	const handlePaymentContinue = async () => {
-		if (!selectedCourse) return;
-		if (!handleValidateForm()) return;
+		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;
+			return {
+				kind: "blocked",
+				message: missingPricingSelectionMessage
+			};
 		}
 		const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
-		if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) return;
+		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;
+			return { kind: "state-updated" };
 		}
 		if (showSpamProtection && !altchaSolution) {
-			setErrorMessage("Please complete the verification check.");
+			const message = "Please complete the verification check.";
+			setErrorMessage(message);
 			setStep("error");
-			return;
+			return {
+				kind: "blocked",
+				message
+			};
 		}
 		if (paymentChoice === "membership") {
 			if (!selectedMembershipId) {
-				setErrorMessage("Select a membership to enroll.");
+				const message = "Select a membership to sign up.";
+				setErrorMessage(message);
 				setStep("error");
-				return;
+				return {
+					kind: "blocked",
+					message
+				};
 			}
 			setStep("submitting");
 			try {
@@ -106090,11 +105905,16 @@ function useCourseRegistrationWizard(props) {
 					usedMembership: true
 				});
 				setStep(result.status === "waitlist" ? "waitlist" : "success");
+				return { kind: "state-updated" };
 			} catch (error) {
-				setErrorMessage(error instanceof Error ? error.message : "Booking failed");
+				const message = error instanceof Error ? error.message : "Booking failed";
+				setErrorMessage(message);
 				setStep("error");
+				return {
+					kind: "failed",
+					message
+				};
 			}
-			return;
 		}
 		setStep("submitting");
 		try {
@@ -106119,14 +105939,24 @@ function useCourseRegistrationWizard(props) {
 					usedMembership: false
 				});
 				setStep("success");
-				return;
+				return { kind: "state-updated" };
 			}
 			if (!checkoutResult.checkoutUrl) throw new Error("Checkout URL missing");
 			setStep("redirecting");
-			window.location.href = checkoutResult.checkoutUrl;
+			if (options.onCheckoutRedirect) options.onCheckoutRedirect(checkoutResult.checkoutUrl);
+			else window.location.href = checkoutResult.checkoutUrl;
+			return {
+				kind: "checkout-redirect",
+				checkoutUrl: checkoutResult.checkoutUrl
+			};
 		} catch (error) {
-			setErrorMessage(error instanceof Error ? error.message : "Checkout failed");
+			const message = error instanceof Error ? error.message : "Checkout failed";
+			setErrorMessage(message);
 			setStep("error");
+			return {
+				kind: "failed",
+				message
+			};
 		}
 	};
 	const handleRetry = () => {
@@ -107268,7 +107098,7 @@ function checkoutFormForDiscountUiState(form, discountUiState) {
 var EMAIL_PATTERN;
 var init_shop_checkout_form = __esmMin((() => {
 	init_src$3();
-	init_types$18();
+	init_types$17();
 	EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 }));
 //#endregion
@@ -116344,8 +116174,16 @@ init_useEventRegistrationWizard();
 init_event_registration_headless_state();
 init_ticketSelectionLines();
 init_eventPaymentOptions();
+var init_whole_series_registration_headless_planning = __esmMin((() => {}));
+var init_useHeadlessWholeSeriesRegistrationFlow = __esmMin((() => {
+	init_src();
+	init_api();
+	init_useCourseRegistrationWizard();
+	init_whole_series_registration_headless_planning();
+}));
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/useBookingFormConfig.state.ts
+init_useHeadlessWholeSeriesRegistrationFlow();
 init_dist$1();
 Object.freeze({
 	formConfig: null,
@@ -117272,6 +117110,8 @@ var init_locationMap = __esmMin((() => {
 var init_course_registration = __esmMin((() => {
 	init_api();
 	init_course_registration_client();
+	init_useHeadlessWholeSeriesRegistrationFlow();
+	init_client();
 }));
 //#endregion
 //#region src/rendering/islands/enhancers/courseRegistration.tsx