@riverbankcms/sdk 0.109.0 → 0.111.0

package/dist/cli/index.mjs

@@ -4959,6 +4959,24 @@ const API_ENDPOINTS$1 = {
 		auth: "user",
 		responseKind: "json"
 	},
+	publishEventOfferingPageSurface: {
+		path: "/sites/{siteId}/page-surfaces/{pageSurfaceId}/publication",
+		method: "POST",
+		errors: [
+			"auth:forbidden",
+			"validation:invalid_input",
+			"resource:not_found",
+			"resource:conflict",
+			"server:internal_error"
+		],
+		tags: [
+			TAG_TEMPLATES.siteCollection,
+			TAG_TEMPLATES.siteRoutableContent,
+			TAG_TEMPLATES.pageSurfaceById
+		],
+		auth: "user",
+		responseKind: "json"
+	},
 	runSdkWorkflow: {
 		path: "/sites/{siteId}/content/{type}/{entryId}/workflows/{workflowId}/run",
 		method: "POST",
@@ -8821,8 +8839,8 @@ const API_ENDPOINTS$1 = {
 		auth: "user",
 		responseKind: "blob"
 	},
-	adminSiteCost: {
-		path: "/admin/sites/{siteId}/cost",
+	adminSiteBillingArrangement: {
+		path: "/admin/sites/{siteId}/billing/arrangement",
 		method: "GET",
 		tags: [
 			"admin",
@@ -8830,10 +8848,16 @@ const API_ENDPOINTS$1 = {
 			"billing"
 		],
 		auth: "admin",
-		responseKind: "json"
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:not_found",
+			"server:internal_error"
+		]
 	},
-	adminUpdateSiteCost: {
-		path: "/admin/sites/{siteId}/cost",
+	adminUpdateSiteBillingArrangement: {
+		path: "/admin/sites/{siteId}/billing/arrangement",
 		method: "POST",
 		tags: [
 			"admin",
@@ -8841,7 +8865,14 @@ const API_ENDPOINTS$1 = {
 			"billing"
 		],
 		auth: "admin",
-		responseKind: "json"
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:not_found",
+			"resource:conflict",
+			"server:internal_error"
+		]
 	},
 	adminScheduleBillingComponentEnd: {
 		path: "/admin/sites/{siteId}/billing/components/{componentId}/end",
@@ -10229,7 +10260,7 @@ function formatKeyAsLabel(key) {
 	return key.replace(/([A-Z])/g, " $1").replace(/[-_]/g, " ").trim().split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
 }
 var init_augmentManifest = __esmMin((() => {}));
-var init_types$18 = __esmMin((() => {}));
+var init_types$17 = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/fileSafety.ts
 function containsUnsafePathSegmentCharacter(value) {
@@ -10891,7 +10922,7 @@ var init_legacyMediaValue = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/index.ts
 var init_src$3 = __esmMin((() => {
-	init_types$18();
+	init_types$17();
 	init_fileDomain();
 	init_fileStorage();
 	init_storagePathDomain();
@@ -14399,7 +14430,7 @@ function defineBlockDesignCapability(capability) {
 	};
 }
 var plainFrame, tileTreatmentValues, eventListTreatmentValues, eyebrowTreatmentValues, visibleHeadingDecorationFamilyValues, headingDecorationOverrideValues, headingDecorationColorTokenValues, noHeadingDecoration, accordionIconSetValues, accordionIconColorTokenValues, accordionIconMotionValues;
-var init_types$17 = __esmMin((() => {
+var init_types$16 = __esmMin((() => {
 	plainFrame = { kind: "plain" };
 	tileTreatmentValues = [
 		"default",
@@ -14464,14 +14495,14 @@ function defineBlockAppearancePreset(preset) {
 	return preset;
 }
 var init_appearancePresetResolution = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 //#endregion
 //#region ../theme-core/src/site-styles/blockAppearancePresets.ts
 var blockAppearancePresets;
 var init_blockAppearancePresets = __esmMin((() => {
 	init_appearancePresetResolution();
-	init_types$17();
+	init_types$16();
 	blockAppearancePresets = [
 		defineBlockAppearancePreset({
 			kind: "block-design",
@@ -15284,7 +15315,7 @@ function assertUniqueLayoutProfileKeys(profiles) {
 	if (duplicates.length > 0) throw new Error(`Duplicate block layout design profiles: ${duplicates.join(", ")}`);
 }
 var init_blockFlow = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_classic_professional = __esmMin((() => {}));
 var init_modern_minimal = __esmMin((() => {}));
@@ -15596,7 +15627,7 @@ var init_all = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/palette/types.ts
-var init_types$16 = __esmMin((() => {}));
+var init_types$15 = __esmMin((() => {}));
 //#endregion
 //#region ../../node_modules/.pnpm/@vibrant+image@4.0.4/node_modules/@vibrant/image/dist/esm/histogram.js
 var Histogram;
@@ -17049,7 +17080,7 @@ function defineCuratedPalette(input) {
 	};
 }
 var curatedPaletteAuthoringKeySchema;
-var init_types$15 = __esmMin((() => {
+var init_types$14 = __esmMin((() => {
 	init_styleTags();
 	init_themeColorTokens();
 	init_colors();
@@ -17090,7 +17121,7 @@ var init_types$15 = __esmMin((() => {
 //#region ../theme-core/src/palette/curated/brand-led.ts
 var brandLedCool, brandLedWarm, brandLedJewel, brandLedSpruce, brandLedBurgundyGold;
 var init_brand_led = __esmMin((() => {
-	init_types$15();
+	init_types$14();
 	brandLedCool = defineCuratedPalette({
 		authoringKey: "brand-led-cool",
 		name: "Brand-led — Cool",
@@ -17421,7 +17452,7 @@ var init_brand_led = __esmMin((() => {
 //#region ../theme-core/src/palette/curated/high-contrast.ts
 var highContrastInk, highContrastCharcoal, highContrastMonochrome;
 var init_high_contrast = __esmMin((() => {
-	init_types$15();
+	init_types$14();
 	highContrastInk = defineCuratedPalette({
 		authoringKey: "high-contrast-ink",
 		name: "High Contrast — Ink",
@@ -17622,7 +17653,7 @@ var init_high_contrast = __esmMin((() => {
 //#region ../theme-core/src/palette/curated/soft-natural.ts
 var softNaturalSage, softNaturalStone, softNaturalWatercolor, softNaturalLilac;
 var init_soft_natural = __esmMin((() => {
-	init_types$15();
+	init_types$14();
 	softNaturalSage = defineCuratedPalette({
 		authoringKey: "soft-natural-sage",
 		name: "Soft Natural — Sage",
@@ -17888,7 +17919,7 @@ var init_soft_natural = __esmMin((() => {
 //#region ../theme-core/src/palette/curated/warm-neutral.ts
 var warmNeutralClay, warmNeutralCream, warmNeutralSoftEarth, warmNeutralForest;
 var init_warm_neutral = __esmMin((() => {
-	init_types$15();
+	init_types$14();
 	warmNeutralClay = defineCuratedPalette({
 		authoringKey: "warm-neutral-clay",
 		name: "Warm Neutral — Clay",
@@ -18154,7 +18185,7 @@ var init_warm_neutral = __esmMin((() => {
 //#region ../theme-core/src/palette/curated/warm-dark.ts
 var warmDarkEmber, warmDarkKirtanGold;
 var init_warm_dark = __esmMin((() => {
-	init_types$15();
+	init_types$14();
 	warmDarkEmber = defineCuratedPalette({
 		authoringKey: "warm-dark-ember",
 		name: "Warm Dark — Ember",
@@ -18320,7 +18351,7 @@ var init_curated = __esmMin((() => {
 	init_soft_natural();
 	init_warm_neutral();
 	init_warm_dark();
-	init_types$15();
+	init_types$14();
 	curatedPalettes = [
 		admitCuratedPaletteDefinition(brandLedCool),
 		admitCuratedPaletteDefinition(brandLedWarm),
@@ -18366,7 +18397,7 @@ var init_curated = __esmMin((() => {
 var init_resolveSelection = __esmMin((() => {
 	init_curated();
 })), sitePaletteIdSchema, sitePaletteVersionSchema, paletteSelectionSchema, onboardingPaletteOriginSchema, curatedForkPaletteOriginSchema, manualPaletteOriginSchema, legacyCustomizedPaletteOriginSchema, sitePaletteOriginSchema, editorSitePaletteOriginSchema, paletteCommandSchema;
-var init_selection = __esmMin((() => {
+var init_selection$1 = __esmMin((() => {
 	init_colors();
 	init_curated();
 	sitePaletteIdSchema = z$1.string().uuid().transform((value) => value);
@@ -18433,12 +18464,12 @@ var init_persistenceReadSource = __esmMin((() => {
 	init_curated();
 	init_colors();
 	init_resolveSelection();
-	init_selection();
+	init_selection$1();
 }));
 var init_sitePalettePersistence = __esmMin((() => {
 	init_curated();
 	init_colors();
-	init_selection();
+	init_selection$1();
 }));
 var init_fromVibrant = __esmMin((() => {
 	init_utils$6();
@@ -18452,7 +18483,7 @@ var init_palette = __esmMin((() => {
 	init_generateCssVars();
 	init_generateShades();
 	init_neutralScale();
-	init_types$16();
+	init_types$15();
 	init_utils$6();
 	init_paletteAccess();
 	init_extractPalette();
@@ -18461,7 +18492,7 @@ var init_palette = __esmMin((() => {
 	init_libraryModel();
 	init_persistenceReadSource();
 	init_resolveSelection();
-	init_selection();
+	init_selection$1();
 	init_sitePalettePersistence();
 	init_fromVibrant();
 	init_suggestRecipes();
@@ -18625,7 +18656,7 @@ var init_backgroundAppearance = __esmMin((() => {
 	backgroundAppearanceColorTokenNameSet = new Set(backgroundAppearanceColorTokenNames);
 }));
 var init_compositionBudget = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_schemaVersionedJson = __esmMin((() => {}));
 //#endregion
@@ -18640,7 +18671,7 @@ function boundaryRuntimeMetrics(family, size, heightExpression) {
 }
 var noneBoundaryOption, softBoundaryOption, spaciousBoundaryOption;
 var init_sectionTransitions = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
 	noneBoundaryOption = {
 		id: asBoundaryOptionId("break:none"),
@@ -18716,7 +18747,7 @@ function boundaryKey$1(previousBlockId, nextBlockId) {
 }
 var pageDesignUserPinnedAppearanceChoiceSchema, pageDesignUserPinnedBoundaryChoiceSchema, pageDesignBoundaryTreatmentSchema, pageDesignUserPinnedBoundaryTreatmentChoiceSchema, pageDesignBlockLookPinSchema, pageDesignBoundaryPinSchema, legacyPageDesignBoundaryPinSchema;
 var init_pageDesignIntent = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	init_schemaVersionedJson();
 	init_sectionTransitions();
 	asBoundaryOptionId("break:unknown");
@@ -18821,7 +18852,7 @@ var init_pageDesignIntent = __esmMin((() => {
 var init_contentTemplateDesignIntent = __esmMin((() => {
 	init_pageDesignIntent();
 	init_sectionTransitions();
-	init_types$17();
+	init_types$16();
 }));
 //#endregion
 //#region ../theme-core/src/buttons/effectClassification.ts
@@ -19079,7 +19110,7 @@ function isUnknownArray$4(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$14 = __esmMin((() => {
+var init_types$13 = __esmMin((() => {
 	init_effectClassification();
 	init_themeColorTokens();
 	init_colorTokenParts();
@@ -19314,269 +19345,460 @@ var init_types$14 = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region ../theme-core/src/buttons/personalities/types.ts
-function asButtonPersonalityId(value) {
-	if (value.length === 0) throw new Error("ButtonPersonalityId must be a non-empty string");
-	return value;
+//#region ../theme-core/src/buttons/styles/domain.ts
+function defineButtonStyleRecipe(recipe) {
+	return recipe;
 }
-/**
-* Helper for personality file modules to keep the call site short and
-* type-safe. `as const satisfies ...` would also work but produces wider
-* types at use sites.
-*/
-function defineButtonPersonality(input) {
+function materializeButtonRoles(definitions) {
+	const primary = materializeCompleteRole("primary", definitions.primary.appearance);
+	const secondary = materializeCompleteRole("secondary", definitions.secondary.appearance);
+	const completeRoles = {
+		primary,
+		secondary
+	};
 	return {
-		id: asButtonPersonalityId(input.id),
-		name: input.name,
-		description: input.description,
-		tags: input.tags,
-		buttonSystem: buttonSystemSchema.parse(input.buttonSystem)
+		primary,
+		secondary,
+		outline: materializeSupportingRole("outline", definitions.outline, completeRoles),
+		ghost: materializeSupportingRole("ghost", definitions.ghost, completeRoles),
+		accent: materializeSupportingRole("accent", definitions.accent, completeRoles)
 	};
 }
-var buttonPersonalityIdSchema;
-var init_types$13 = __esmMin((() => {
-	init_types$14();
-	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 resolveButtonStyleRecipe(recipe, parameters) {
+	const parsedParameters = recipe.parameterSchema.safeParse(parameters);
+	if (!parsedParameters.success) return {
+		kind: "error",
+		error: {
+			kind: "invalid-parameters",
+			styleId: recipe.id,
+			issues: parsedParameters.error.issues.map((issue) => issue.message)
+		}
+	};
+	const definition = recipe.defineSystem(parsedParameters.data);
+	const roles = materializeButtonRoles(definition.roles);
+	const buttonSystem = {
+		global: definition.global,
+		variants: PUBLIC_BUTTON_ROLES.map((role) => roles[role]),
+		...definition.sizes ? { sizes: definition.sizes } : {}
+	};
+	const parsedButtonSystem = buttonSystemSchema.safeParse(buttonSystem);
+	if (!parsedButtonSystem.success) return {
+		kind: "error",
+		error: {
+			kind: "invalid-button-system",
+			styleId: recipe.id,
+			issues: parsedButtonSystem.error.issues.map((issue) => issue.message)
+		}
+	};
+	return {
+		kind: "resolved",
+		buttonSystem: parsedButtonSystem.data
+	};
+}
+function materializeSupportingRole(role, definition, completeRoles) {
+	if (definition.kind === "complete") return materializeCompleteRole(role, definition.appearance);
+	return {
+		...completeRoles[definition.from],
+		...definition.overrides,
+		id: role,
+		name: roleName(role),
+		enabled: true,
+		priority: 3
+	};
+}
+function materializeCompleteRole(role, appearance) {
+	return {
+		...appearance,
+		id: role,
+		name: roleName(role),
+		enabled: true,
+		priority: rolePriority(role)
+	};
+}
+function roleName(role) {
+	return role.charAt(0).toUpperCase() + role.slice(1);
+}
+function rolePriority(role) {
+	if (role === "primary") return 1;
+	if (role === "secondary") return 2;
+	return 3;
+}
+var PUBLIC_BUTTON_ROLES;
+var init_domain = __esmMin((() => {
+	init_types$13();
+	PUBLIC_BUTTON_ROLES = [
+		"primary",
+		"secondary",
+		"outline",
+		"ghost",
+		"accent"
+	];
 }));
 //#endregion
-//#region ../theme-core/src/buttons/personalities/brushed-wash.ts
-var brushedWash;
-var init_brushed_wash = __esmMin((() => {
+//#region ../theme-core/src/buttons/styles/selection.ts
+function selectionBranch(styleId, parameters) {
+	return z$1.object({
+		styleId: z$1.literal(styleId),
+		parameters
+	}).strict();
+}
+function createDefaultButtonStyleSelection(styleId) {
+	return buttonStyleSelectionSchema.parse({
+		styleId,
+		parameters: styleId === "quiet-arrow" ? { secondaryTreatment: "outlined" } : {}
+	});
+}
+function isButtonStyleId(value) {
+	return BUTTON_STYLE_IDS.includes(value);
+}
+var BUTTON_STYLE_IDS, quietArrowParametersSchema, emptyParametersSchema$1, buttonStyleSelectionWireSchema, buttonStyleSelectionSchema;
+var init_selection = __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/styles/recipes/quietArrow.ts
+var quietArrowRecipe;
+var init_quietArrow = __esmMin((() => {
+	init_domain();
 	init_types$13();
-	brushedWash = defineButtonPersonality({
-		id: "brushed-wash",
-		name: "Brushed Wash",
-		description: "Watercolour-gradient buttons with soft shadows and generous padding.",
+	init_selection();
+	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$13();
-	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$13();
-	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",
@@ -19603,566 +19825,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$13();
-	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$13();
-	flatInk = defineButtonPersonality({
-		id: "flat-ink",
-		name: "Flat Ink",
-		description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+	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$13();
-	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$13();
-	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$13();
-	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",
@@ -20174,357 +20377,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$13();
-	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$13();
-	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$13();
-	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",
@@ -20555,282 +20657,371 @@ 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$13();
-	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$14();
-	init_soft_pill();
-	init_types$13();
-	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)
-		}
-	});
-}));
-//#endregion
-//#region ../theme-core/src/buttons/personalities/index.ts
-function findButtonPersonality(id) {
-	return personalitiesById.get(id);
-}
-var buttonPersonalities, personalitiesById;
-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$13();
-	buttonPersonalities = [
-		softPill,
-		twoTonePill,
-		earthPill,
-		confidentChip,
-		editorialLink,
-		pebble,
-		inkStamp,
-		flatInk,
-		brushedWash,
-		showtimePill,
-		joyStamp,
-		ornateRitual,
-		quietArrow
+}
+var buttonStyleRecipes, recipesById, registeredIds;
+var init_registry$2 = __esmMin((() => {
+	init_domain();
+	init_selection();
+	init_quietArrow();
+	init_staticRecipes();
+	buttonStyleRecipes = [
+		softPillRecipe,
+		earthPillRecipe,
+		confidentChipRecipe,
+		editorialLinkRecipe,
+		pebbleRecipe,
+		inkStampRecipe,
+		flatInkRecipe,
+		brushedWashRecipe,
+		showtimePillRecipe,
+		joyStampRecipe,
+		ornateRitualRecipe,
+		quietArrowRecipe
 	];
-	personalitiesById = new Map(buttonPersonalities.map((p) => [p.id, p]));
+	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$2();
+	init_selection();
 }));
 //#endregion
 //#region ../theme-core/src/accordions/siteStyleDefaults.ts
@@ -21420,10 +21611,10 @@ var init_gradients = __esmMin((() => {
 	init_utils$4();
 }));
 var init_customizableSurfaces = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 })), logoTextConfidenceValues, logoAssetShapeValues, logoKindValues, logoDensityValues, logoContainsTextSchema, logoAnalysisSourceSchema, brandDisplayModeValues, logoAccommodationPatternValues, logoSizePolicyValues;
 var init_logoBranding = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	logoTextConfidenceValues = [
 		"low",
 		"medium",
@@ -21905,7 +22096,7 @@ var init_headerLooks = __esmMin((() => {
 	init_headerCtaVariants();
 	init_customizableSurfaces();
 	init_logoBranding();
-	init_types$17();
+	init_types$16();
 	titleOnlyLogoAccommodation = {
 		pattern: "title-only",
 		supportedShapes: [
@@ -22545,25 +22736,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",
@@ -22576,344 +22751,45 @@ 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" }
 		}
 	};
 }
 function findFooterLook(id) {
 	return footerLooksById.get(id);
 }
-var guaranteedFallbackFooterLookId, footerLayoutCatalog, footerStyleCatalog, footerLookCatalog, footerLooksById;
+var guaranteedFallbackFooterLookId, footerLookCatalog, footerLooksById;
 var init_footerLooks = __esmMin((() => {
-	init_customizableSurfaces();
-	init_types$17();
-	guaranteedFallbackFooterLookId = asFooterLookId("footer-identity-quiet");
-	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
-		}
-	]);
+	init_types$16();
+	guaranteedFallbackFooterLookId = asFooterLookId("footer-links-quiet");
+	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
+	}]);
 	footerLooksById = new Map(footerLookCatalog.map((look) => [look.id, look]));
 }));
 //#endregion
@@ -22923,7 +22799,7 @@ function defaultCuratedChoice(choices) {
 }
 var init_curatedChoices = __esmMin((() => {})), generatedContentFrames, userContentFrames, generatedDesignOptionCatalog, userDesignOptionCatalog;
 var init_sourceCatalogs = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	generatedContentFrames = [
 		plainFrame,
 		panelFrame("inset"),
@@ -23535,7 +23411,7 @@ function themeButtonClassName(spec) {
 	].filter(Boolean).join(" ");
 }
 var init_classNames = __esmMin((() => {
-	init_types$14();
+	init_types$13();
 }));
 var init_generateBaseCSS = __esmMin((() => {}));
 //#endregion
@@ -24779,7 +24655,7 @@ var init_registry$1 = __esmMin((() => {
 	init_registry$1();
 }));
 var init_generateDefaultButtonSystem = __esmMin((() => {
-	init_types$14();
+	init_types$13();
 }));
 var init_affordanceIcons = __esmMin((() => {}));
 var init_foregroundRoles = __esmMin((() => {}));
@@ -24844,7 +24720,7 @@ var init_resolveButtonColourStates = __esmMin((() => {
 	init_colorConversion();
 	init_onColor();
 	init_foregroundContract();
-	init_types$14();
+	init_types$13();
 	init_constants$2();
 	init_effectClassification();
 	BUTTON_CONTRAST_POLICY = {
@@ -24856,7 +24732,7 @@ var init_resolveButtonColourStates = __esmMin((() => {
 	};
 })), init_resolvedButtonCss = __esmMin((() => {})), AFFORDANCE_SUPPRESS_CLASS;
 var init_generateButtonCss = __esmMin((() => {
-	init_types$14();
+	init_types$13();
 	init_classNames();
 	init_resolver$1();
 	init_generateBaseCSS();
@@ -24871,29 +24747,33 @@ var init_generateButtonCss = __esmMin((() => {
 	AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
 	buttonSizeNameSchema.options;
 }));
-function presetCategory(personality) {
-	switch (personality.tags.era) {
+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 = __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
@@ -24901,12 +24781,12 @@ var init_types$11 = __esmMin((() => {}));
 var init_core$2 = __esmMin((() => {
 	init_resolveButtonColourStates();
 	init_resolvedButtonCss();
-	init_types$14();
+	init_types$13();
 }));
 //#endregion
 //#region ../theme-core/src/buttons/index.ts
 var init_buttons = __esmMin((() => {
-	init_types$14();
+	init_types$13();
 	init_classNames();
 	init_generateButtonCss();
 	init_resolveButtonColourStates();
@@ -24914,7 +24794,7 @@ var init_buttons = __esmMin((() => {
 	init_generateDefaultButtonSystem();
 	init_constants$2();
 	init_presets();
-	init_personalities();
+	init_styles();
 	init_types$11();
 	init_registry$1();
 	init_transform();
@@ -25844,7 +25724,7 @@ var init_schema = __esmMin((() => {
 	init_validation$2();
 	init_atRuleValidation();
 	init_shared$5();
-	init_types$17();
+	init_types$16();
 	init_logoBranding();
 	init_rawStyleFields();
 	init_themeColorTokens();
@@ -26702,7 +26582,7 @@ function uniqueNonEmpty$1(values) {
 var designResolutionPolicySchema, runtimeStyleFieldNameSchema, nonEmptyRuntimeStyleFieldNamesSchema, heroLegibilityStrategySchema, heroCompositionIntentSchema, heroTypographyScaleIntentSchema, sectionHeightIntentSchema, imageSurfaceTreatmentIntensitySchema, imageSurfaceMotionSchema, imageSurfaceTreatmentSchema, testimonialCardTreatmentSchema, tileTreatmentSchema, eventListTreatmentSchema, eyebrowTreatmentSchema, userPanelTreatments, userFlushTreatments, userFlushBleeds, contentFrameIntentSchema, blockDesignPlanSchema, styleAuthoritySchema, blockRuntimeStyleAuthoritySchema;
 var init_designState = __esmMin((() => {
 	init_sourceCatalogs();
-	init_types$17();
+	init_types$16();
 	init_schemaVersionedJson();
 	init_rawStyleFields();
 	designResolutionPolicySchema = z$1.enum([
@@ -26878,10 +26758,10 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_schema();
 	init_modern_minimal();
 	init_expandPalette();
-	init_personalities();
+	init_styles();
 	init_colors();
 	init_designState();
-	init_types$17();
+	init_types$16();
 	init_accessibleSurfaces();
 	init_sectionTransitions();
 	init_tokens();
@@ -27120,23 +27000,31 @@ 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 defaultButtonPersonalityForSiteStyle(siteStyle) {
-	return defaultCuratedChoice(siteStyle.buttonPersonalityChoices);
+function defaultButtonStyleSelectionForSiteStyle(siteStyle) {
+	const { styleId, parameters } = siteStyle.buttonStyleChoices[0];
+	return buttonStyleSelectionSchema.parse({
+		styleId,
+		parameters
+	});
 }
 function defaultPaletteForSiteStyle(siteStyle) {
 	return defaultCuratedChoice(siteStyle.paletteRecommendations);
 }
-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));
@@ -27292,7 +27180,7 @@ function getCuratedSiteStyle(id) {
 }
 var SOFT_EARTH_SITE_STYLE_ID_VALUE, SOFT_EARTH_SITE_STYLE_ID, curatedSiteStyleIdValues, quietBudget, accentLedQuietBudget, balancedBudget, expressiveBudget, kirtanOrnateDesignRuntimeRules, primaryGlowGradientPresetId, fulcrumDesignRuntimeRules, expressiveUnderlineInputs, ornateDarkInputs, generatedContentFrameKinds, curatedSiteStyles, curatedSiteStylesById;
 var init_curatedSiteStyles = __esmMin((() => {
-	init_personalities();
+	init_styles();
 	init_curated();
 	init_siteStyleDefaults$1();
 	init_siteStyleDefaults();
@@ -27302,7 +27190,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 	init_footerLooks();
 	init_curatedChoices();
 	init_sourceCatalogs();
-	init_types$17();
+	init_types$16();
 	init_siteStyleTypography();
 	init_runtimeCompiler();
 	SOFT_EARTH_SITE_STYLE_ID_VALUE = "site-style:soft-earth";
@@ -27526,9 +27414,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")
@@ -27564,7 +27451,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"brand-solid",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("confident-chip"),
 				buttonChoice("soft-pill"),
 				buttonChoice("editorial-link")
@@ -27603,7 +27490,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"centered-calm"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("soft-pill"),
 				buttonChoice("brushed-wash")
@@ -27643,7 +27530,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"practical-utility",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("pebble"),
 				buttonChoice("brushed-wash"),
 				buttonChoice("confident-chip")
@@ -27704,7 +27591,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"serif-line",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("confident-chip"),
 				buttonChoice("soft-pill")
@@ -27766,7 +27653,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"brand-solid",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("confident-chip"),
 				buttonChoice("pebble"),
 				buttonChoice("ink-stamp")
@@ -27805,7 +27692,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"minimal-transparent",
 				"clean-base"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("soft-pill"),
 				buttonChoice("pebble"),
 				buttonChoice("confident-chip")
@@ -27878,7 +27765,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"clean-base",
 				"centered-calm"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("pebble"),
 				buttonChoice("soft-pill"),
 				buttonChoice("editorial-link")
@@ -27997,12 +27884,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")
@@ -28076,7 +27959,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"centered-calm",
 				"minimal-transparent"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("editorial-link"),
 				buttonChoice("soft-pill"),
 				buttonChoice("brushed-wash")
@@ -28149,8 +28032,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"),
@@ -28271,8 +28154,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"),
@@ -28343,7 +28226,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 				"floating-glass",
 				"brand-solid"
 			],
-			buttonPersonalityChoices: [
+			buttonStyleChoices: [
 				buttonChoice("ink-stamp"),
 				buttonChoice("confident-chip"),
 				buttonChoice("brushed-wash"),
@@ -28398,8 +28281,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"),
@@ -28480,8 +28363,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")
@@ -28534,8 +28417,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")
@@ -28625,8 +28508,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")
@@ -28703,14 +28586,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")
 			],
@@ -28726,13 +28604,13 @@ var init_curatedSiteStyles = __esmMin((() => {
 	curatedSiteStylesById = new Map(curatedSiteStyles.map((style) => [style.id, style]));
 })), init_lookResolution = __esmMin((() => {
 	init_appearancePresets();
-	init_types$17();
+	init_types$16();
 }));
 var init_siteStyleBlockPolicies = __esmMin((() => {
 	init_lookResolution();
 	init_appearancePresets();
 	init_pageDesignIntent();
-	init_types$17();
+	init_types$16();
 	init_sectionTransitions();
 	asPageFlowPresetId("generated-default");
 	asSiteStyleId("site-style:south-west-twerk-school");
@@ -28745,12 +28623,12 @@ var init_siteStyleBlockPolicies = __esmMin((() => {
 	init_lookResolution();
 	init_siteStyleBlockPolicies();
 	init_pageDesignIntent();
-	init_types$17();
+	init_types$16();
 	init_sectionTransitions();
 	asPageFlowPresetId("flow:quiet"), noneBoundaryOption.id, asPageFlowPresetId("flow:balanced"), softBoundaryOption.id, asPageFlowPresetId("flow:expressive"), spaciousBoundaryOption.id;
 }));
 var init_resolver = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_siteStyleThemeCompiler = __esmMin((() => {
 	init_schema();
@@ -28760,19 +28638,17 @@ var init_siteStyleThemeCompiler = __esmMin((() => {
 	init_resolveSelection();
 }));
 var init_previewCustomization = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 }));
 var init_previewCompiler = __esmMin((() => {
 	init_schema();
 	init_onColor();
 	init_tokens();
-	init_personalities();
 	init_curated();
 	init_resolveSelection();
-	init_curatedChoices();
 	init_curatedSiteStyles();
 	init_resolver();
-	init_types$17();
+	init_types$16();
 	init_footerLooks();
 	init_headerLooks();
 	init_runtimeCompiler();
@@ -28782,6 +28658,7 @@ var init_previewCompiler = __esmMin((() => {
 	init_pageDesignEditorModel();
 	init_pageDesignIntent();
 	init_previewCustomization();
+	init_curatedChoices();
 }));
 var init_contentTemplateRuntimeCompiler = __esmMin((() => {
 	init_pageDesignEditorModel();
@@ -28810,7 +28687,7 @@ var generatedPanelTreatments, generatedFlushTreatments, generatedFlushBleeds, ge
 var init_generatedSchemas = __esmMin((() => {
 	init_curatedSiteStyles();
 	init_sourceCatalogs();
-	init_types$17();
+	init_types$16();
 	generatedPanelTreatments = uniqueNonEmpty(generatedDesignOptionCatalog.contentFrames.filter((frame) => frame.kind === "panel").map((frame) => frame.treatment));
 	generatedFlushTreatments = uniqueNonEmpty(generatedDesignOptionCatalog.contentFrames.filter((frame) => frame.kind === "flush-panel").map((frame) => frame.treatment));
 	generatedFlushBleeds = uniqueNonEmpty(generatedDesignOptionCatalog.contentFrames.filter((frame) => frame.kind === "flush-panel").map((frame) => frame.bleed));
@@ -28877,7 +28754,7 @@ var init_generatedDesignPipeline = __esmMin((() => {
 	init_headerOpeningSection();
 	init_resolver();
 	init_runtimeCompiler();
-	init_types$17();
+	init_types$16();
 }));
 function validateBlockSequence(snapshots, ctx) {
 	for (const issue of collectBlockSequenceIssues(snapshots)) ctx.addIssue(issue);
@@ -28912,7 +28789,7 @@ function collectBlockSequenceIssues(snapshots) {
 }
 var nonEmptyStringSchema, blockContentVersionIdSchema, designBlockIdSchema, designPageIdSchema, designEntryIdSchema, blockOrderIndexSchema, publishedPageBlockSnapshotSchema, draftPageBlockSnapshotSchema, missingPageBlockSnapshotSchema, pageBlockSnapshotSchema, publishedPageBlockSequenceSchema, draftPageBlockSequenceSchema, publishedPageDesignVersionDataV1Schema, draftPageDesignVersionDataV1Schema;
 var init_pageDesignAuthority = __esmMin((() => {
-	init_types$17();
+	init_types$16();
 	init_pageDesignIntent();
 	nonEmptyStringSchema = z$1.string().min(1);
 	blockContentVersionIdSchema = nonEmptyStringSchema.transform(asBlockContentVersionId);
@@ -29183,7 +29060,7 @@ var init_site_styles = __esmMin((() => {
 	init_tokenRecipes();
 	init_siteStyleTypography();
 	init_themeParity();
-	init_types$17();
+	init_types$16();
 }));
 //#endregion
 //#region ../blocks/src/system/designCapabilities.ts
@@ -32019,6 +31896,37 @@ var init_heroCopy = __esmMin((() => {
 	});
 }));
 //#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((() => {
+	init_buttons();
+	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/fields/button.ts
 function createButtonVariantField(options = {}) {
 	return {
@@ -32037,20 +31945,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",
@@ -32155,24 +32050,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/fields/ctas.ts
@@ -32215,29 +32094,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",
@@ -32260,10 +32117,6 @@ var init_heroCtaRow = __esmMin((() => {
 		defaultValue: [],
 		button: {
 			variants: [
-				{
-					value: "default",
-					label: "Default"
-				},
 				{
 					value: "primary",
 					label: "Primary"
@@ -32275,9 +32128,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"
 		}
@@ -33105,11 +32966,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",
@@ -34500,21 +34363,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",
@@ -35515,7 +35364,8 @@ function postExcerpt(className) {
 function postReadMore() {
 	return button({
 		href: { $bind: { from: "post.path" } },
-		className: "rb-self-start"
+		className: "rb-self-start",
+		variantId: "ghost"
 	}, [text({ as: "span" }, bind("content.readMoreText", { fallback: "Read more" }), when("content.readMoreText")), text({
 		as: "span",
 		value: "Read more"
@@ -37175,7 +37025,7 @@ const uiTransforms = [
 ];
 //#endregion
 //#region ../theme-core/src/siteChromePlacement.ts
-init_types$17();
+init_types$16();
 const SITE_CHROME_PLACEMENT_CLASSES = [
 	"rb-sticky",
 	"rb-fixed",
@@ -39436,31 +39286,7 @@ const featureCardsBlockDefinition = { manifest: createBlockManifest({
 					label: "Calls to action",
 					itemLabel: "CTA",
 					maxItems: 1,
-					button: {
-						variants: [
-							{
-								value: "primary",
-								label: "Primary"
-							},
-							{
-								value: "secondary",
-								label: "Secondary"
-							},
-							{
-								value: "outline",
-								label: "Outline"
-							},
-							{
-								value: "ghost",
-								label: "Ghost"
-							},
-							{
-								value: "link",
-								label: "Link"
-							}
-						],
-						defaultVariant: "ghost"
-					}
+					button: { defaultVariant: "ghost" }
 				})
 			] }
 		},
@@ -41666,18 +41492,10 @@ var init_pricing$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);
@@ -42153,23 +41971,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: "",
@@ -42703,23 +42505,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: "",
@@ -48130,6 +47916,8 @@ init_fragments$1();
 init_boxStyles$1();
 init_defineBlock();
 init_shared$4();
+init_buttonRoles();
+init_button();
 init_shared$3();
 const publicRouteCandidatesSchema = z$1.object({ routes: z$1.array(z$1.object({
 	entityId: z$1.string(),
@@ -48312,36 +48100,7 @@ const offeringsPreviewFields = [
 		ui: { intent: "content" },
 		schema: { fields: groupOverrideFields }
 	},
-	{
-		id: "buttonVariant",
-		type: "select",
-		label: "Button style",
-		required: false,
-		multiple: false,
-		defaultValue: "primary",
-		options: [
-			{
-				value: "primary",
-				label: "Primary"
-			},
-			{
-				value: "secondary",
-				label: "Secondary"
-			},
-			{
-				value: "outline",
-				label: "Outline"
-			},
-			{
-				value: "link",
-				label: "Link"
-			}
-		],
-		ui: {
-			intent: "display",
-			widget: "buttonVariant"
-		}
-	},
+	createButtonVariantField(),
 	{
 		id: "buttonText",
 		type: "text",
@@ -48547,7 +48306,7 @@ function normalizeOfferingsPreviewGroupOverride(value) {
 	return [override];
 }
 function isButtonVariant(value) {
-	return value === "primary" || value === "secondary" || value === "outline" || value === "link" || value === null;
+	return value === null || isBlockButtonRole(value);
 }
 function normalizeCardStylesContent(value) {
 	return isRecord$37(value) || value === null ? value : void 0;
@@ -50624,6 +50383,7 @@ function getShopDisplayForItems(render, items) {
 }
 var shopModeSchema, contentEntrySchema, 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();
@@ -50661,12 +50421,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(),
@@ -50811,12 +50566,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),
@@ -52290,6 +52040,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",
@@ -52297,11 +52048,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"]),
@@ -55206,6 +54953,7 @@ function renderMark(mark, key, child) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/basic.tsx
 init_buttons();
+init_buttonRoles();
 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$2, {
@@ -55264,7 +55012,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,
@@ -55372,12 +55120,7 @@ init_colorStyles();
 init_media$1();
 init_buttons();
 init_media();
-const FILE_DOWNLOAD_BUTTON_VARIANTS = [
-	"primary",
-	"secondary",
-	"outline",
-	"link"
-];
+init_buttonRoles();
 function isDownloadableMediaType(type) {
 	return typeof type === "string" && PUBLIC_DOWNLOAD_MEDIA_TYPES.includes(type);
 }
@@ -55409,7 +55152,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;
@@ -59923,8 +59666,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
 		]
@@ -59932,6 +59678,7 @@ function LocationMapView({ addressText, location, zoom, heightPx, showAddressTex
 }
 var init_location_map_view = __esmMin((() => {
 	init_colorStyles();
+	init_buttons();
 	init_location_map_shared();
 }));
 //#endregion
@@ -61299,6 +61046,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`;
 }
@@ -61374,7 +61122,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
@@ -66269,7 +66021,7 @@ z$1.object({
 }).passthrough();
 //#endregion
 //#region ../theme-core/src/siteChrome.tsx
-init_types$17();
+init_types$16();
 //#endregion
 //#region ../blocks/src/system/runtime/bindings.ts
 init_node();
@@ -66519,6 +66271,7 @@ function parseBackgroundColorToken(value) {
 }
 //#endregion
 //#region ../blocks/src/index.ts
+init_buttonRoles();
 init_palette();
 init_generateShades();
 init_utils$6();
@@ -79840,6 +79593,7 @@ function normalizedPagePath(slug) {
 //#endregion
 //#region ../site-commands/src/commands.ts
 init_palette();
+init_buttons();
 const commandRefSchema = z$1.string().regex(commandRefPattern).transform((value) => value);
 const siteCommandSiteRefSchema = z$1.string().regex(siteCommandSiteRefPattern).transform((value) => value);
 const resourceRefSchema = (kind) => z$1.string().regex(new RegExp(`^${kind}:[a-z0-9][a-z0-9-]*$`, "u")).transform((value) => value);
@@ -80107,8 +79861,8 @@ const siteStyleSelectionChangeSchema = z$1.discriminatedUnion("kind", [
 		siteStyleId: siteStyleRefSchema
 	}).strict(),
 	z$1.object({
-		kind: z$1.literal("set-button-personality"),
-		buttonPersonalityId: styleCatalogIdSchema.nullable()
+		kind: z$1.literal("set-button-style"),
+		buttonStyleSelection: buttonStyleSelectionSchema.nullable()
 	}).strict(),
 	z$1.object({
 		kind: z$1.literal("set-palette"),
@@ -152573,7 +152327,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(() => {
@@ -152820,21 +152574,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 {
@@ -152855,15 +152622,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");
@@ -152889,16 +152661,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");
@@ -152920,35 +152700,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 {
@@ -152970,11 +152773,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 {
@@ -152999,14 +152807,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 = () => {
@@ -153543,11 +153361,20 @@ var init_course_registration_client = __esmMin((() => {
 	init_CourseRegistrationErrorBoundary();
 	init_CourseRegistrationWizard();
 }));
+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/client/course-registration.ts
 var init_course_registration = __esmMin((() => {
 	init_api();
 	init_course_registration_client();
+	init_useHeadlessWholeSeriesRegistrationFlow();
+	init_client();
 }));
 //#endregion
 //#region src/rendering/islands/enhancers/courseRegistration.tsx
@@ -155768,7 +155595,7 @@ var SimpleCache = class {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.109.0";
+const SDK_VERSION = "0.111.0";
 //#endregion
 //#region src/client/error.ts
 /**
@@ -163996,7 +163823,7 @@ function buildStyleSelectionApplyInputFromOptions(options) {
 	const siteStyle = getCuratedSiteStyle(asSiteStyleId(options.siteStyleId));
 	if (!siteStyle) throw new Error(`Unknown curated site style: ${options.siteStyleId}`);
 	return buildStyleSelectionInputFromOptions(options, {
-		buttonPersonalityId: null,
+		buttonStyleSelection: null,
 		typography: siteStyle.typography,
 		headerLookId: null,
 		headerLayoutId: siteStyle?.defaultHeaderSelection.layoutId ?? guaranteedFallbackHeaderLayoutId,
@@ -164019,8 +163846,8 @@ function buildStyleSelectionInputFromOptions(options, defaults, paletteCommand,
 				siteStyleId: options.siteStyleId
 			},
 			{
-				kind: "set-button-personality",
-				buttonPersonalityId: options.buttonPersonalityId ?? defaults.buttonPersonalityId
+				kind: "set-button-style",
+				buttonStyleSelection: parseButtonStyleSelection(options, defaults)
 			},
 			{
 				kind: "set-palette",
@@ -164048,9 +163875,28 @@ function buildStyleSelectionInputFromOptions(options, defaults, paletteCommand,
 		selectionId
 	};
 }
+function parseButtonStyleSelection(options, defaults) {
+	if (options.buttonStyleId === void 0) {
+		if (options.buttonStyleParameters !== void 0) throw new Error("--button-style-parameters requires --button-style-id");
+		return defaults.buttonStyleSelection;
+	}
+	if (!isButtonStyleId(options.buttonStyleId)) throw new Error(`Unknown button style: ${options.buttonStyleId}`);
+	if (options.buttonStyleParameters === void 0) return createDefaultButtonStyleSelection(options.buttonStyleId);
+	let parameters;
+	try {
+		parameters = JSON.parse(options.buttonStyleParameters);
+	} catch (error) {
+		const detail = error instanceof Error ? error.message : String(error);
+		throw new Error(`Invalid --button-style-parameters JSON: ${detail}`);
+	}
+	return buttonStyleSelectionSchema.parse({
+		styleId: options.buttonStyleId,
+		parameters
+	});
+}
 function styleSelectionInitializationDefaults(siteStyle) {
 	return {
-		buttonPersonalityId: defaultButtonPersonalityForSiteStyle(siteStyle),
+		buttonStyleSelection: defaultButtonStyleSelectionForSiteStyle(siteStyle),
 		typography: siteStyle.typography,
 		headerLookId: findLegacyHeaderLookIdForSelection(siteStyle.defaultHeaderSelection),
 		headerLayoutId: siteStyle.defaultHeaderSelection.layoutId,
@@ -164096,9 +163942,9 @@ function buildStyleCatalogListRows(styles = curatedSiteStyles, options = {}) {
 			id: choice.id,
 			label: findCuratedPalette(choice.id)?.name ?? choice.id
 		})),
-		buttonPersonalities: style.buttonPersonalityChoices.map((choice) => ({
-			id: choice.id,
-			label: findButtonPersonality(choice.id)?.name ?? choice.id
+		buttonStyles: style.buttonStyleChoices.map((choice) => ({
+			id: choice.styleId,
+			label: findButtonStyleRecipe(choice.styleId)?.accessibilityLabel ?? choice.styleId
 		})),
 		typography: {
 			body: style.typography.body.family,
@@ -164127,7 +163973,7 @@ function formatStyleCatalogListRow(row) {
 		row.siteStyleId,
 		row.name,
 		formatChoiceList(row.palettes),
-		formatChoiceList(row.buttonPersonalities),
+		formatChoiceList(row.buttonStyles),
 		`${row.typography.heading} / ${row.typography.body}`,
 		formatChoiceList(row.headerLayouts),
 		formatChoiceList(row.headerStyles),
@@ -164184,7 +164030,7 @@ const listCommand = new Command("list").description("List curated site styles an
 		"Footer Looks"
 	], rows.map(formatStyleCatalogListRow));
 }));
-const applyCommand = new Command("apply").description("Apply a curated site-style selection").requiredOption("--site-style-id <id>", "Site style ID, e.g. site-style:calm-studio").requiredOption("--base-selection-version <version>", "Current style selection version").option("--selection-id <id>", "Current style selection row ID").option("--button-personality-id <id>", "Button personality ID").option("--palette-command <json>", "Palette command JSON").option("--typography <json>", "Complete typography JSON (defaults to the site style typography)").option("--header-look-id <id>", "Legacy header look bridge ID").option("--header-layout-id <id>", "Header layout ID").option("--header-style-id <id>", "Header style ID").option("--footer-look-id <id>", "Footer look ID").action(withErrorHandling(async (options, command) => {
+const applyCommand = new Command("apply").description("Apply a curated site-style selection").requiredOption("--site-style-id <id>", "Site style ID, e.g. site-style:calm-studio").requiredOption("--base-selection-version <version>", "Current style selection version").option("--selection-id <id>", "Current style selection row ID").option("--button-style-id <id>", "Button style ID").option("--button-style-parameters <json>", "Button style parameter object as JSON").option("--palette-command <json>", "Palette command JSON").option("--typography <json>", "Complete typography JSON (defaults to the site style typography)").option("--header-look-id <id>", "Legacy header look bridge ID").option("--header-layout-id <id>", "Header layout ID").option("--header-style-id <id>", "Header style ID").option("--footer-look-id <id>", "Footer look ID").action(withErrorHandling(async (options, command) => {
 	const { output, client } = createCommandContext(command);
 	const input = buildStyleSelectionApplyInputFromOptions(options);
 	const commandIr = buildApplySiteStyleSelectionCommand(input);
@@ -164198,7 +164044,7 @@ const applyCommand = new Command("apply").description("Apply a curated site-styl
 		savedAt: result.savedAt
 	});
 }));
-const initCommand = new Command("init").description("Initialize a fresh SDK site with a curated site style").requiredOption("--site-style-id <id>", "Site style ID, e.g. site-style:calm-studio").option("--button-personality-id <id>", "Button personality ID").option("--palette-command <json>", "Complete manual create-site palette command JSON").option("--typography <json>", "Complete typography JSON (defaults to the site style typography)").option("--header-look-id <id>", "Legacy header look bridge ID").option("--header-layout-id <id>", "Header layout ID").option("--header-style-id <id>", "Header style ID").option("--footer-look-id <id>", "Footer look ID").action(withErrorHandling(executeStyleInit));
+const initCommand = new Command("init").description("Initialize a fresh SDK site with a curated site style").requiredOption("--site-style-id <id>", "Site style ID, e.g. site-style:calm-studio").option("--button-style-id <id>", "Button style ID").option("--button-style-parameters <json>", "Button style parameter object as JSON").option("--palette-command <json>", "Complete manual create-site palette command JSON").option("--typography <json>", "Complete typography JSON (defaults to the site style typography)").option("--header-look-id <id>", "Legacy header look bridge ID").option("--header-layout-id <id>", "Header layout ID").option("--header-style-id <id>", "Header style ID").option("--footer-look-id <id>", "Footer look ID").action(withErrorHandling(executeStyleInit));
 const styleCommand = new Command("style").description("Manage curated site styles").addHelpText("after", `
 Examples:
   $ riverbankcms style init --site-style-id site-style:calm-studio