@riverbankcms/sdk 0.109.0 → 0.111.0

package/dist/{SiteChromeCustomizeContext-DUpalEdL.mjs → SiteChromeCustomizeContext-DOSDLCiJ.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { d as unwrapResponse, s as ApiRequestError } from "./previewAuthStore-CTO7CRPk.mjs";
+import { d as unwrapResponse, s as ApiRequestError } from "./previewAuthStore-BkT1D06A.mjs";
 import * as React$1 from "react";
 import React, { cloneElement, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useDebugValue, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -76432,7 +76432,7 @@ const gradientDirectionSchema$1 = z$1.enum([
 	"to-br",
 	"to-bl"
 ]);
-const buttonBackgroundSchema = z$1.discriminatedUnion("type", [
+const buttonColourTreatmentSchema = z$1.discriminatedUnion("type", [
 	z$1.object({
 		type: z$1.literal("solid"),
 		colorToken: opaqueButtonColourTokenSchema
@@ -76456,6 +76456,7 @@ const buttonBackgroundSchema = z$1.discriminatedUnion("type", [
 		role: z$1.literal("link")
 	})
 ]);
+const buttonBackgroundSchema = buttonColourTreatmentSchema;
 const effectApplicationSchema$1 = z$1.object({
 	effectId: z$1.string(),
 	options: z$1.record(z$1.string(), z$1.json()).optional()
@@ -79502,298 +79503,440 @@ function resolveBoxShadow(variant, global, theme, tokens) {
 	return generateShadowValue$1(shadowConfig.elevation, shadowConfig.softness, shadowConfig.position ?? "bottom", color);
 }
 //#endregion
-//#region ../theme-core/src/site-styles/styleTags.ts
-/**
-* Descriptive style-axis metadata for button personalities and palette
-* variants. Site Style picker shape is curated explicitly; these tags remain
-* for catalog audit, docs, and future discovery tooling.
-*/
-const STYLE_AXIS_VALUES = {
-	tone: [
-		"minimal",
-		"classic",
-		"bold"
-	],
-	energy: ["calm", "vibrant"],
-	motion: [
-		"subtle",
-		"standard",
-		"expressive"
-	],
-	era: [
-		"editorial",
-		"modern",
-		"organic",
-		"technical",
-		"retro"
-	]
-};
-const styleTagsSchema = z$1.object({
-	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
-	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
-	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
-	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
-});
-//#endregion
-//#region ../theme-core/src/buttons/personalities/types.ts
-function asButtonPersonalityId(value) {
-	if (value.length === 0) throw new Error("ButtonPersonalityId must be a non-empty string");
-	return value;
+//#region ../theme-core/src/buttons/styles/domain.ts
+const PUBLIC_BUTTON_ROLES = [
+	"primary",
+	"secondary",
+	"outline",
+	"ghost",
+	"accent"
+];
+function defineButtonStyleRecipe(recipe) {
+	return recipe;
 }
-const buttonPersonalityIdSchema = z$1.string().min(1).transform((value) => asButtonPersonalityId(value));
-z$1.object({
-	id: buttonPersonalityIdSchema,
-	name: z$1.string().min(1),
-	description: z$1.string().min(1),
-	tags: styleTagsSchema,
-	buttonSystem: buttonSystemSchema
-});
-/**
-* Helper for personality file modules to keep the call site short and
-* type-safe. `as const satisfies ...` would also work but produces wider
-* types at use sites.
-*/
-function defineButtonPersonality(input) {
+function materializeButtonRoles(definitions) {
+	const primary = materializeCompleteRole("primary", definitions.primary.appearance);
+	const secondary = materializeCompleteRole("secondary", definitions.secondary.appearance);
+	const completeRoles = {
+		primary,
+		secondary
+	};
 	return {
-		id: asButtonPersonalityId(input.id),
-		name: input.name,
-		description: input.description,
-		tags: input.tags,
-		buttonSystem: buttonSystemSchema.parse(input.buttonSystem)
+		primary,
+		secondary,
+		outline: materializeSupportingRole("outline", definitions.outline, completeRoles),
+		ghost: materializeSupportingRole("ghost", definitions.ghost, completeRoles),
+		accent: materializeSupportingRole("accent", definitions.accent, completeRoles)
 	};
 }
-//#endregion
-//#region ../theme-core/src/buttons/personalities/brushed-wash.ts
-/**
-* Brushed Wash — gradient backgrounds that read as watercolour washes.
-* Generous padding, soft shadows; pairs with vibrant organic brands.
-*/
-const brushedWash = defineButtonPersonality({
-	id: "brushed-wash",
-	name: "Brushed Wash",
-	description: "Watercolour-gradient buttons with soft shadows and generous padding.",
+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$1(role)
+	};
+}
+function roleName(role) {
+	return role.charAt(0).toUpperCase() + role.slice(1);
+}
+function rolePriority$1(role) {
+	if (role === "primary") return 1;
+	if (role === "secondary") return 2;
+	return 3;
+}
+//#endregion
+//#region ../theme-core/src/buttons/styles/selection.ts
+const BUTTON_STYLE_IDS = [
+	"soft-pill",
+	"earth-pill",
+	"confident-chip",
+	"editorial-link",
+	"pebble",
+	"ink-stamp",
+	"flat-ink",
+	"brushed-wash",
+	"showtime-pill",
+	"joy-stamp",
+	"ornate-ritual",
+	"quiet-arrow"
+];
+const quietArrowParametersSchema = z$1.object({ secondaryTreatment: z$1.enum(["outlined", "solid-accent"]) }).strict();
+const emptyParametersSchema$1 = z$1.object({}).strict();
+function selectionBranch(styleId, parameters) {
+	return z$1.object({
+		styleId: z$1.literal(styleId),
+		parameters
+	}).strict();
+}
+const buttonStyleSelectionSchema = 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)
+]);
+/**
+* Stable identity for a validated style selection. Parsing first canonicalises
+* parameter key order, so future recipe parameters do not require editor-core
+* equality or key logic.
+*/
+function buttonStyleSelectionKey(selection) {
+	return JSON.stringify(buttonStyleSelectionSchema.parse(selection));
+}
+function buttonStyleSelectionsEqual(a, b) {
+	return buttonStyleSelectionKey(a) === buttonStyleSelectionKey(b);
+}
+//#endregion
+//#region ../theme-core/src/buttons/styles/recipes/quietArrow.ts
+const quietArrowRecipe = defineButtonStyleRecipe({
+	id: "quiet-arrow",
+	accessibilityLabel: "Wide uppercase buttons with trailing arrows",
 	tags: {
 		tone: "classic",
-		energy: "vibrant",
-		motion: "standard",
-		era: "organic"
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
 	},
-	buttonSystem: {
+	parameterSchema: quietArrowParametersSchema,
+	defaultParameters: { secondaryTreatment: "outlined" },
+	controls: [{
+		kind: "choice",
+		parameter: "secondaryTreatment",
+		label: "Secondary button treatment",
+		options: [{
+			value: "outlined",
+			label: "Outlined"
+		}, {
+			value: "solid-accent",
+			label: "Solid accent"
+		}]
+	}],
+	defineSystem: (parameters) => ({
 		global: {
 			cornerStyle: "rounded",
-			shadow: "low",
-			textTransform: "none",
+			textTransform: "uppercase",
 			fontWeight: 500,
 			borderWidth: 1,
+			typography: "body",
+			fontSize: "text-sm",
+			letterSpacing: "loose",
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.75rem 2rem",
+				padding: "0.625rem 1.25rem",
+				fontSize: "text-xs"
+			},
+			md: {
+				padding: "0.8125rem 1.75rem",
 				fontSize: "text-sm"
 			},
-			md: { padding: "1rem 2.5rem" },
 			lg: {
-				padding: "1.25rem 3rem",
-				fontSize: "text-lg"
+				padding: "0.9375rem 2.125rem",
+				fontSize: "text-sm"
 			},
 			xl: {
-				padding: "1.625rem 3.75rem",
-				fontSize: "text-xl"
+				padding: "1.0625rem 2.5rem",
+				fontSize: "text-base"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "gradient",
-					stops: ["primary", "accent"],
-					direction: "to-r",
-					foregroundToken: "primaryForeground"
-				},
-				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("primary")
+					},
+					borderRadius: "rounded-xl",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "gradient",
-					stops: ["secondary", "accent"],
-					direction: "to-br",
-					foregroundToken: "primaryForeground"
-				},
-				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
+			secondary: {
+				kind: "complete",
+				appearance: parameters.secondaryTreatment === "solid-accent" ? {
+					background: {
+						type: "solid",
+						colorToken: unsafeAsOpaqueButtonColourToken("accent")
+					},
+					borderRadius: "rounded-xl",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
+				} : {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl",
+					border: { widthClass: "border" },
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
 				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl",
+					border: { widthClass: "border" }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-xl"
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: unsafeAsOpaqueButtonColourToken("accent")
+				} }
 			}
-		]
-	}
+		}
+	})
 });
 //#endregion
-//#region ../theme-core/src/buttons/personalities/confident-chip.ts
-/**
-* Confident Chip — moderate-radius solid buttons that read as competent and
-* direct. Default for Clear Professional; works for any modern brand voice.
-*/
-const confidentChip = defineButtonPersonality({
-	id: "confident-chip",
-	name: "Confident Chip",
-	description: "Mid-radius solid buttons with a crisp hover.",
+//#region ../theme-core/src/buttons/styles/recipes/defineStaticButtonStyleRecipe.ts
+const emptyParametersSchema = z$1.object({}).strict();
+function defineStaticButtonStyleRecipe(input) {
+	const system = normalizeSystem(input.system);
+	return defineButtonStyleRecipe({
+		id: input.id,
+		accessibilityLabel: input.accessibilityLabel,
+		tags: input.tags,
+		parameterSchema: emptyParametersSchema,
+		defaultParameters: {},
+		controls: [],
+		defineSystem: () => system
+	});
+}
+function normalizeSystem(input) {
+	return {
+		global: buttonGlobalSettingsSchema.parse(input.global),
+		...input.sizes ? { sizes: input.sizes } : {},
+		roles: {
+			primary: normalizeCompleteRole(input.roles.primary),
+			secondary: normalizeCompleteRole(input.roles.secondary),
+			outline: normalizeSupportingRole(input.roles.outline),
+			ghost: normalizeSupportingRole(input.roles.ghost),
+			accent: normalizeSupportingRole(input.roles.accent)
+		}
+	};
+}
+function normalizeCompleteRole(role) {
+	return {
+		kind: "complete",
+		appearance: normalizeAppearance(role.appearance)
+	};
+}
+function normalizeSupportingRole(role) {
+	if (role.kind === "complete") return normalizeCompleteRole(role);
+	return {
+		kind: "derive",
+		from: role.from,
+		...role.overrides ? { overrides: normalizeAppearanceOverrides(role.overrides) } : {}
+	};
+}
+function normalizeAppearance(appearance) {
+	const { background, hoverBackgroundToken, ...rest } = appearance;
+	return {
+		...rest,
+		background: buttonColourTreatmentSchema.parse(background),
+		...hoverBackgroundToken ? { hoverBackgroundToken: opaqueButtonColourTokenSchema.parse(hoverBackgroundToken) } : {}
+	};
+}
+function normalizeAppearanceOverrides(overrides) {
+	const { background, hoverBackgroundToken, ...rest } = overrides;
+	return {
+		...rest,
+		...background ? { background: buttonColourTreatmentSchema.parse(background) } : {},
+		...hoverBackgroundToken ? { hoverBackgroundToken: opaqueButtonColourTokenSchema.parse(hoverBackgroundToken) } : {}
+	};
+}
+//#endregion
+//#region ../theme-core/src/buttons/styles/recipes/staticRecipes.ts
+const softPillRecipe = defineStaticButtonStyleRecipe({
+	id: "soft-pill",
+	accessibilityLabel: "Rounded pill buttons with a gentle hover lift",
 	tags: {
 		tone: "classic",
 		energy: "calm",
-		motion: "standard",
-		era: "modern"
+		motion: "subtle",
+		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
-			shadow: "medium",
+			cornerStyle: "pill",
+			shadow: "low",
 			textTransform: "none",
-			fontWeight: 600,
-			borderWidth: 1,
-			hoverTransform: "none",
+			fontWeight: 500,
+			borderWidth: 2,
+			hoverTransform: "lift",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-md",
-				shadow: {
-					elevation: "medium",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "darken-background",
-						options: { amount: 100 }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.97" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "lift",
+							options: { translateY: "-1px" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "solid",
-					colorToken: "surface"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "background" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/earth-pill.ts
-/**
-* Earth Pill - warm studio pills with compact, primary-coloured ghost CTAs.
-* Built for grounded editorial wellness styles such as Soft Earth.
-*/
-const earthPill = defineButtonPersonality({
+const earthPillRecipe = defineStaticButtonStyleRecipe({
 	id: "earth-pill",
-	name: "Earth Pill",
-	description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+	accessibilityLabel: "Compact rounded buttons with a quiet hover lift",
 	tags: {
 		tone: "classic",
 		energy: "calm",
 		motion: "subtle",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
 			shadow: "low",
@@ -79820,576 +79963,547 @@ const earthPill = defineButtonPersonality({
 				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "lift",
-						options: { translateY: "-1px" }
-					}, {
-						effectId: "background-on-hover",
-						options: { colorToken: "accent" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "lift",
+							options: { translateY: "-1px" }
+						}, {
+							effectId: "background-on-hover",
+							options: { colorToken: "accent" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "muted" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "muted" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
-				sizes: {
-					sm: {
-						padding: "0.25rem 0",
-						fontSize: "text-sm"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					md: { padding: "0.375rem 0" },
-					lg: {
-						padding: "0.5rem 0",
-						fontSize: "text-lg"
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
 					},
-					xl: {
-						padding: "0.625rem 0",
-						fontSize: "text-xl"
+					sizes: {
+						sm: {
+							padding: "0.25rem 0",
+							fontSize: "text-sm"
+						},
+						md: { padding: "0.375rem 0" },
+						lg: {
+							padding: "0.5rem 0",
+							fontSize: "text-lg"
+						},
+						xl: {
+							padding: "0.625rem 0",
+							fontSize: "text-xl"
+						}
 					}
 				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/editorial-link.ts
-/**
-* Editorial Link — all variants are link-style with a growing underline.
-* Default for Warm Editorial and Quiet Luxury; reads as refined and quiet.
-*/
-const editorialLink = defineButtonPersonality({
-	id: "editorial-link",
-	name: "Editorial Link",
-	description: "Link-style with a growing underline. Refined, typographic.",
+const confidentChipRecipe = defineStaticButtonStyleRecipe({
+	id: "confident-chip",
+	accessibilityLabel: "Moderately rounded solid buttons with a crisp hover",
 	tags: {
-		tone: "minimal",
+		tone: "classic",
 		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
+		motion: "standard",
+		era: "modern"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "square",
+			cornerStyle: "rounded",
+			shadow: "medium",
 			textTransform: "none",
-			fontWeight: 500,
+			fontWeight: 600,
 			borderWidth: 1,
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 2,
-						colorToken: "text",
-						origin: "left"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-md",
+					shadow: {
+						elevation: "medium",
+						softness: "soft",
+						position: "bottom"
+					},
+					effects: {
+						hover: [{
+							effectId: "darken-background",
+							options: { amount: 100 }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.97" }
+						}]
 					}
-				}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "mutedText",
-						origin: "left"
-					}
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "surface"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "background" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "accent",
-						origin: "left"
-					}
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: { padding: "0.25rem 0" },
-					md: { padding: "0.5rem 0" },
-					lg: { padding: "0.625rem 0" },
-					xl: { padding: "0.75rem 0" }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
 				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/flat-ink.ts
-/**
-* Flat Ink — a solid ink primary, a hairline ghost secondary, and a single
-* amber accent climax, all completely flat (no drop shadow) with a modest
-* radius. Reads as grounded, editorial and clinician-precise: the Fulcrum
-* physiotherapy voice. The primary shifts to the secondary (moss) on hover and
-* every variant lifts 2px; the amber accent is meant to be used sparingly as
-* the page's one conversion climax.
-*/
-const flatInk = defineButtonPersonality({
-	id: "flat-ink",
-	name: "Flat Ink",
-	description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+const editorialSizes = {
+	sm: { padding: "0.25rem 0" },
+	md: { padding: "0.5rem 0" },
+	lg: { padding: "0.625rem 0" },
+	xl: { padding: "0.75rem 0" }
+};
+const editorialLinkRecipe = defineStaticButtonStyleRecipe({
+	id: "editorial-link",
+	accessibilityLabel: "Flat typographic buttons with an underline treatment",
 	tags: {
-		tone: "classic",
+		tone: "minimal",
 		energy: "calm",
 		motion: "subtle",
 		era: "editorial"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
+			cornerStyle: "square",
 			textTransform: "none",
-			fontWeight: 600,
+			fontWeight: 500,
 			borderWidth: 1,
-			typography: "body",
-			letterSpacing: "tight",
-			paddingPreset: "default",
-			hoverTransform: "lift",
+			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.125rem",
-				fontSize: "text-sm"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 2,
+							colorToken: "text",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			md: { padding: "0.8125rem 1.375rem" },
-			lg: {
-				padding: "0.9375rem 1.625rem",
-				fontSize: "text-lg"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "mutedText",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			xl: {
-				padding: "1.0625rem 2rem",
-				fontSize: "text-xl"
-			}
-		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-lg",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}, {
-					effectId: "background-on-hover",
-					options: { colorToken: "secondary" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes,
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "accent",
+							origin: "left"
+						}
+					}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-lg",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}, {
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: editorialSizes
+				}
 			},
-			{
-				id: "accent",
-				name: "Accent",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "solid",
-					colorToken: "accent"
-				},
-				borderRadius: "rounded-lg",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "lift",
-					options: { translateY: "-2px" }
-				}] }
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { effects: { base: [{
+					effectId: "border-bottom-grow",
+					options: {
+						height: 2,
+						colorToken: "accent",
+						origin: "left"
+					}
+				}] } }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/ink-stamp.ts
-/**
-* Ink Stamp — solid earthy fills with a bordered, hand-stamped block-print
-* feel. Reads as bold and handmade; suits expressive craft brands.
-*/
-const inkStamp = defineButtonPersonality({
-	id: "ink-stamp",
-	name: "Ink Stamp",
-	description: "Hand-stamped block-print buttons with a slight lift on hover.",
+const pebbleRecipe = defineStaticButtonStyleRecipe({
+	id: "pebble",
+	accessibilityLabel: "Generously padded pill buttons",
 	tags: {
-		tone: "bold",
-		energy: "vibrant",
+		tone: "classic",
+		energy: "calm",
 		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 600,
-			borderWidth: 1,
+			cornerStyle: "pill",
+			textTransform: "none",
+			fontWeight: 500,
+			borderWidth: 2,
 			hoverTransform: "none",
-			hoverColor: "none",
-			letterSpacing: "loose"
+			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.5rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.75rem 1.75rem",
+				padding: "0.625rem 1.75rem",
 				fontSize: "text-sm"
 			},
+			md: { padding: "0.875rem 2.25rem" },
 			lg: {
-				padding: "0.875rem 2.25rem",
-				fontSize: "text-base"
-			},
-			xl: {
 				padding: "1.125rem 2.75rem",
 				fontSize: "text-lg"
+			},
+			xl: {
+				padding: "1.5rem 3.5rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-md",
-				effects: {
-					hover: [{
-						effectId: "drop-shadow",
-						options: { intensity: "medium" }
-					}, {
-						effectId: "scale-up",
-						options: { scale: "1.02" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "darken-background",
+						options: { amount: 100 }
+					}] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-md",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-none",
-				sizes: {
-					sm: {
-						padding: "0.375rem 0",
-						fontSize: "text-xs"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					md: {
-						padding: "0.5rem 0",
-						fontSize: "text-sm"
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "accent" }
+					}] }
+				}
+			},
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					lg: {
-						padding: "0.625rem 0",
-						fontSize: "text-base"
+					borderRadius: "rounded-full",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
 					},
-					xl: {
-						padding: "0.75rem 0",
-						fontSize: "text-lg"
-					}
-				},
-				effects: { base: [{
-					effectId: "border-bottom-grow",
-					options: {
-						height: 1,
-						colorToken: "accent",
-						origin: "left"
+					borderRadius: "rounded-full",
+					sizes: {
+						sm: {
+							padding: "0.375rem 0.875rem",
+							fontSize: "text-sm"
+						},
+						md: { padding: "0.5rem 1rem" },
+						lg: {
+							padding: "0.625rem 1.25rem",
+							fontSize: "text-lg"
+						},
+						xl: {
+							padding: "0.75rem 1.5rem",
+							fontSize: "text-xl"
+						}
 					}
-				}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/joy-stamp.ts
-/**
-* Joy Stamp — neo-brutalist pills with a hard, brand-coloured offset shadow
-* that collapses as the button presses into it on hover. Authored for the
-* Original Joy site style: a cream "stamp" shadow under the solid primary, and
-* a brown shadow under the cream outline. Reads as bold, warm, and handmade.
-*
-* The coloured offset shadow relies on the per-variant `shadow.colorToken`
-* extension; the press is the shared `press-down` effect, which matches its
-* translate to each variant's own shadow offset.
-*/
-const joyStamp = defineButtonPersonality({
-	id: "joy-stamp",
-	name: "Joy Stamp",
-	description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+const brushedWashRecipe = defineStaticButtonStyleRecipe({
+	id: "brushed-wash",
+	accessibilityLabel: "Generously padded gradient buttons with soft shadows",
 	tags: {
-		tone: "bold",
+		tone: "classic",
 		energy: "vibrant",
-		motion: "expressive",
+		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
-			cornerStyle: "pill",
-			shadow: "high",
+			cornerStyle: "rounded",
+			shadow: "low",
 			textTransform: "none",
-			typography: "heading",
-			fontWeight: 700,
-			fontSize: "text-lg",
-			borderWidth: 2,
+			fontWeight: 500,
+			borderWidth: 1,
 			hoverTransform: "none",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "text-base"
-			},
-			md: {
-				padding: "0.875rem 1.75rem",
-				fontSize: "text-lg"
+				padding: "0.75rem 2rem",
+				fontSize: "text-sm"
 			},
+			md: { padding: "1rem 2.5rem" },
 			lg: {
-				padding: "1.125rem 2.25rem",
-				fontSize: "text-xl"
+				padding: "1.25rem 3rem",
+				fontSize: "text-lg"
 			},
 			xl: {
-				padding: "1.25rem 2.75rem",
-				fontSize: "text-2xl"
+				padding: "1.625rem 3.75rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [{
-			id: "primary",
-			name: "Primary",
-			enabled: true,
-			priority: 1,
-			background: {
-				type: "solid",
-				colorToken: "primary"
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "gradient",
+						stops: ["primary", "accent"],
+						direction: "to-r",
+						foregroundToken: "primaryForeground"
+					},
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					}
+				}
 			},
-			borderRadius: "rounded-full",
-			shadow: {
-				elevation: "high",
-				softness: "hard",
-				position: "bottom-right",
-				colorToken: "text"
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "gradient",
+						stops: ["secondary", "accent"],
+						direction: "to-br",
+						foregroundToken: "primaryForeground"
+					},
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "low",
+						softness: "soft",
+						position: "bottom"
+					}
+				}
 			},
-			effects: { hover: [{ effectId: "press-down" }] }
-		}, {
-			id: "secondary",
-			name: "Secondary",
-			enabled: true,
-			priority: 2,
-			background: {
-				type: "surface",
-				role: "link"
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			borderRadius: "rounded-full",
-			border: { widthClass: "border-2" },
-			shadow: {
-				elevation: "high",
-				softness: "hard",
-				position: "bottom-right",
-				colorToken: "secondary"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			effects: { hover: [{ effectId: "press-down" }] }
-		}]
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
+			}
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/ornate-ritual.ts
-/**
-* Ornate Ritual — framed, ceremonial buttons with jewel-toned fills and
-* deliberate spacing. Designed for music, ceremony, and soulful event sites.
-*/
-const ornateRitual = defineButtonPersonality({
-	id: "ornate-ritual",
-	name: "Ornate Ritual",
-	description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+const inkStampRecipe = defineStaticButtonStyleRecipe({
+	id: "ink-stamp",
+	accessibilityLabel: "Uppercase block-print buttons with a playful hover",
 	tags: {
-		tone: "classic",
+		tone: "bold",
 		energy: "vibrant",
-		motion: "subtle",
+		motion: "standard",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "rounded",
 			textTransform: "uppercase",
@@ -80401,359 +80515,256 @@ const ornateRitual = defineButtonPersonality({
 		},
 		sizes: {
 			sm: {
-				padding: "0.5625rem 1.25rem",
+				padding: "0.5rem 1.25rem",
 				fontSize: "text-xs"
 			},
 			md: {
 				padding: "0.75rem 1.75rem",
-				fontSize: "text-xs"
+				fontSize: "text-sm"
 			},
 			lg: {
 				padding: "0.875rem 2.25rem",
-				fontSize: "text-sm"
-			},
-			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
-/**
-* Pebble — large pill primaries with generous padding. Reads as spa-luxurious
-* and natural; pairs well with wellness/yoga/dance brands.
-*/
-const pebble = defineButtonPersonality({
-	id: "pebble",
-	name: "Pebble",
-	description: "Generous pill buttons with a quiet colour-softening hover.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "standard",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			textTransform: "none",
-			fontWeight: 500,
-			borderWidth: 2,
-			hoverTransform: "none",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.75rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "0.875rem 2.25rem" },
-			lg: {
+			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
-/**
-* Quiet Arrow — wide, flat editorial buttons for grounded service businesses.
-* Primary and secondary keep stable semantic colours; surrounding surfaces are
-* responsible for contrast rather than reversing the button roles.
-*/
-const quietArrow = defineButtonPersonality({
-	id: "quiet-arrow",
-	name: "Quiet Arrow",
-	description: "Wide, flat arrow buttons with a solid primary and a primary-colour outlined secondary.",
+const flatInkRecipe = defineStaticButtonStyleRecipe({
+	id: "flat-ink",
+	accessibilityLabel: "Flat rounded buttons with arrow affordances",
 	tags: {
 		tone: "classic",
 		energy: "calm",
 		motion: "subtle",
 		era: "editorial"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 500,
+			textTransform: "none",
+			fontWeight: 600,
 			borderWidth: 1,
 			typography: "body",
-			fontSize: "text-sm",
-			letterSpacing: "loose",
-			hoverTransform: "none",
+			letterSpacing: "tight",
+			paddingPreset: "default",
+			hoverTransform: "lift",
 			hoverColor: "none"
 		},
 		sizes: {
 			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.8125rem 1.75rem",
+				padding: "0.625rem 1.125rem",
 				fontSize: "text-sm"
 			},
+			md: { padding: "0.8125rem 1.375rem" },
 			lg: {
-				padding: "0.9375rem 2.125rem",
-				fontSize: "text-sm"
+				padding: "0.9375rem 1.625rem",
+				fontSize: "text-lg"
 			},
 			xl: {
-				padding: "1.0625rem 2.5rem",
-				fontSize: "text-base"
+				padding: "1.0625rem 2rem",
+				fontSize: "text-xl"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-xl",
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "darken-background",
-					options: { amount: 100 }
-				}] }
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "secondary" }
+					}] }
+				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl",
-				border: { widthClass: "border" },
-				affordance: { iconId: "ArrowRight" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surfaceAlt" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl",
-				border: { widthClass: "border" }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-xl"
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-lg",
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
+			},
+			accent: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "accent"
+					},
+					borderRadius: "rounded-lg",
+					affordance: { iconId: "ArrowRight" },
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/showtime-pill.ts
-/**
-* Showtime Pill — bold, spacious, fully rounded buttons with playful pop
-* motion. Suits energetic schools, performers, festivals, and community brands
-* that need calls to action to feel loud without becoming visually chaotic.
-*/
-const showtimePill = defineButtonPersonality({
+const showtimePillRecipe = defineStaticButtonStyleRecipe({
 	id: "showtime-pill",
-	name: "Showtime Pill",
-	description: "Bold pill buttons with uppercase labels, generous padding, and a playful pop.",
+	accessibilityLabel: "Bold uppercase pill buttons with playful movement",
 	tags: {
 		tone: "bold",
 		energy: "vibrant",
 		motion: "expressive",
 		era: "modern"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
 			shadow: "low",
@@ -80784,286 +80795,395 @@ const showtimePill = defineButtonPersonality({
 				fontSize: "1.125rem"
 			}
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{ effectId: "pop" }] }
-			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{ effectId: "pop" }] }
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			},
-			{
-				id: "hero",
-				name: "Hero",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "secondary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{ effectId: "pop" }] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			},
-			{
-				id: "header",
-				name: "Header",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "solid",
-					colorToken: "background"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "background" }
+					}] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "background" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			accent: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "secondary"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "pop" }] }
+				}
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/soft-pill.ts
-/**
-* Soft Pill — rounded-full pill buttons with a hover lift. The default for
-* Calm Studio and Modern Wellness; reads as quietly modern and welcoming.
-*/
-const softPill = defineButtonPersonality({
-	id: "soft-pill",
-	name: "Soft Pill",
-	description: "Rounded pills with a gentle lift on hover. Quietly modern.",
+const joyStampRecipe = defineStaticButtonStyleRecipe({
+	id: "joy-stamp",
+	accessibilityLabel: "Bold pill buttons with a hard offset shadow",
 	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
+		tone: "bold",
+		energy: "vibrant",
+		motion: "expressive",
 		era: "organic"
 	},
-	buttonSystem: {
+	system: {
 		global: {
 			cornerStyle: "pill",
-			shadow: "low",
+			shadow: "high",
 			textTransform: "none",
-			fontWeight: 500,
+			typography: "heading",
+			fontWeight: 700,
+			fontSize: "text-lg",
 			borderWidth: 2,
-			hoverTransform: "lift",
+			hoverTransform: "none",
 			hoverColor: "none"
 		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				shadow: {
-					elevation: "low",
-					softness: "soft",
-					position: "bottom"
-				},
-				effects: {
-					hover: [{
-						effectId: "lift",
-						options: { translateY: "-1px" }
-					}],
-					active: [{
-						effectId: "scale-down",
-						options: { scale: "0.98" }
-					}]
+		sizes: {
+			sm: {
+				padding: "0.625rem 1.25rem",
+				fontSize: "text-base"
+			},
+			md: {
+				padding: "0.875rem 1.75rem",
+				fontSize: "text-lg"
+			},
+			lg: {
+				padding: "1.125rem 2.25rem",
+				fontSize: "text-xl"
+			},
+			xl: {
+				padding: "1.25rem 2.75rem",
+				fontSize: "text-2xl"
+			}
+		},
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-full",
+					shadow: {
+						elevation: "high",
+						softness: "hard",
+						position: "bottom-right",
+						colorToken: "text"
+					},
+					effects: { hover: [{ effectId: "press-down" }] }
 				}
 			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					border: { widthClass: "border-2" },
+					shadow: {
+						elevation: "high",
+						softness: "hard",
+						position: "bottom-right",
+						colorToken: "secondary"
+					},
+					effects: { hover: [{ effectId: "press-down" }] }
+				}
 			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			outline: {
+				kind: "derive",
+				from: "secondary"
 			},
-			{
-				id: "ghost",
-				name: "Ghost",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-full",
+					effects: { hover: [{ effectId: "press-down" }] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
 			}
-		]
+		}
 	}
 });
-//#endregion
-//#region ../theme-core/src/buttons/personalities/two-tone-pill.ts
-const solidSecondary = {
-	id: "secondary",
-	name: "Secondary",
-	enabled: true,
-	priority: 2,
-	background: {
-		type: "solid",
-		colorToken: unsafeAsOpaqueButtonColourToken("secondary")
-	},
-	borderRadius: "rounded-full",
-	shadow: {
-		elevation: "none",
-		softness: null,
-		position: "bottom"
+const ornateRitualRecipe = defineStaticButtonStyleRecipe({
+	id: "ornate-ritual",
+	accessibilityLabel: "Uppercase framed buttons with restrained movement",
+	tags: {
+		tone: "classic",
+		energy: "vibrant",
+		motion: "subtle",
+		era: "organic"
 	},
-	effects: {
-		hover: [{
-			effectId: "background-on-hover-alpha",
-			options: {
-				colorToken: "secondary",
-				opacity: 88
+	system: {
+		global: {
+			cornerStyle: "rounded",
+			textTransform: "uppercase",
+			fontWeight: 600,
+			borderWidth: 1,
+			hoverTransform: "none",
+			hoverColor: "none",
+			letterSpacing: "loose"
+		},
+		sizes: {
+			sm: {
+				padding: "0.5625rem 1.25rem",
+				fontSize: "text-xs"
+			},
+			md: {
+				padding: "0.75rem 1.75rem",
+				fontSize: "text-xs"
+			},
+			lg: {
+				padding: "0.875rem 2.25rem",
+				fontSize: "text-sm"
+			},
+			xl: {
+				padding: "1rem 2.75rem",
+				fontSize: "text-base"
 			}
-		}],
-		active: [{
-			effectId: "scale-down",
-			options: { scale: "0.98" }
-		}]
+		},
+		roles: {
+			primary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: {
+						hover: [{
+							effectId: "background-on-hover",
+							options: { colorToken: "primary-100" }
+						}],
+						active: [{
+							effectId: "scale-down",
+							options: { scale: "0.98" }
+						}]
+					}
+				}
+			},
+			secondary: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "solid",
+						colorToken: "secondary"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "surface" }
+					}] }
+				}
+			},
+			outline: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-md",
+					border: { widthClass: "border" },
+					effects: { hover: [{
+						effectId: "background-on-hover",
+						options: { colorToken: "muted" }
+					}] }
+				}
+			},
+			ghost: {
+				kind: "complete",
+				appearance: {
+					background: {
+						type: "surface",
+						role: "link"
+					},
+					borderRadius: "rounded-none",
+					sizes: {
+						sm: {
+							padding: "0.375rem 0",
+							fontSize: "text-xs"
+						},
+						md: {
+							padding: "0.5rem 0",
+							fontSize: "text-sm"
+						},
+						lg: {
+							padding: "0.625rem 0",
+							fontSize: "text-base"
+						},
+						xl: {
+							padding: "0.75rem 0",
+							fontSize: "text-lg"
+						}
+					},
+					effects: { base: [{
+						effectId: "border-bottom-grow",
+						options: {
+							height: 1,
+							colorToken: "accent",
+							origin: "left"
+						}
+					}] }
+				}
+			},
+			accent: {
+				kind: "derive",
+				from: "primary",
+				overrides: { background: {
+					type: "solid",
+					colorToken: "accent"
+				} }
+			}
+		}
 	}
-};
+});
 //#endregion
-//#region ../theme-core/src/buttons/personalities/index.ts
-const buttonPersonalities = [
-	softPill,
-	defineButtonPersonality({
-		id: "two-tone-pill",
-		name: "Two-tone Pill",
-		description: "Rounded pills with distinct solid primary and secondary brand colours.",
-		tags: softPill.tags,
-		buttonSystem: {
-			...softPill.buttonSystem,
-			variants: softPill.buttonSystem.variants.map((variant) => variant.id === "secondary" ? solidSecondary : variant)
-		}
-	}),
-	earthPill,
-	confidentChip,
-	editorialLink,
-	pebble,
-	inkStamp,
-	flatInk,
-	brushedWash,
-	showtimePill,
-	joyStamp,
-	ornateRitual,
-	quietArrow
+//#region ../theme-core/src/buttons/styles/registry.ts
+const buttonStyleRecipes = [
+	softPillRecipe,
+	earthPillRecipe,
+	confidentChipRecipe,
+	editorialLinkRecipe,
+	pebbleRecipe,
+	inkStampRecipe,
+	flatInkRecipe,
+	brushedWashRecipe,
+	showtimePillRecipe,
+	joyStampRecipe,
+	ornateRitualRecipe,
+	quietArrowRecipe
 ];
-const personalitiesById = new Map(buttonPersonalities.map((p) => [p.id, p]));
-function findButtonPersonality(id) {
-	return personalitiesById.get(id);
-}
-function parsePersistedButtonPersonalityId(value) {
-	if (!value) return { kind: "empty" };
-	const personality = personalitiesById.get(value);
-	return personality ? {
-		kind: "known",
-		id: personality.id
-	} : {
-		kind: "unknown",
-		raw: value
-	};
-}
-buttonPersonalities.map((personality) => ({
-	id: personality.id,
-	name: personality.name,
-	description: personality.description,
-	category: presetCategory(personality),
-	buttonSystem: personality.buttonSystem,
-	compatibility: {
-		...personality.tags.tone ? { tones: [personality.tags.tone] } : {},
-		...personality.tags.energy ? { energies: [personality.tags.energy] } : {}
-	}
-}));
-function presetCategory(personality) {
-	switch (personality.tags.era) {
+const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
+function findButtonStyleRecipe(id) {
+	const recipe = recipesById.get(id);
+	if (recipe === void 0) throw new Error(`Button style registry is missing known style ${id}`);
+	return recipe;
+}
+function resolveButtonStyleSelection(selection) {
+	switch (selection.styleId) {
+		case "soft-pill": return resolveButtonStyleRecipe(softPillRecipe, selection.parameters);
+		case "earth-pill": return resolveButtonStyleRecipe(earthPillRecipe, selection.parameters);
+		case "confident-chip": return resolveButtonStyleRecipe(confidentChipRecipe, selection.parameters);
+		case "editorial-link": return resolveButtonStyleRecipe(editorialLinkRecipe, selection.parameters);
+		case "pebble": return resolveButtonStyleRecipe(pebbleRecipe, selection.parameters);
+		case "ink-stamp": return resolveButtonStyleRecipe(inkStampRecipe, selection.parameters);
+		case "flat-ink": return resolveButtonStyleRecipe(flatInkRecipe, selection.parameters);
+		case "brushed-wash": return resolveButtonStyleRecipe(brushedWashRecipe, selection.parameters);
+		case "showtime-pill": return resolveButtonStyleRecipe(showtimePillRecipe, selection.parameters);
+		case "joy-stamp": return resolveButtonStyleRecipe(joyStampRecipe, selection.parameters);
+		case "ornate-ritual": return resolveButtonStyleRecipe(ornateRitualRecipe, selection.parameters);
+		case "quiet-arrow": return resolveButtonStyleRecipe(quietArrowRecipe, selection.parameters);
+	}
+}
+function defaultButtonStyleSelectionFor(styleId) {
+	return {
+		styleId,
+		parameters: findButtonStyleRecipe(styleId).defaultParameters
+	};
+}
+function buttonStyleSelectionParameterValue(selection, parameter) {
+	const entry = Object.entries(selection.parameters).find(([key]) => key === parameter);
+	return typeof entry?.[1] === "string" ? entry[1] : null;
+}
+/**
+* Applies a descriptor-driven choice and re-parses the complete discriminated
+* selection. Preview controls never need recipe-specific parameter branches.
+*/
+function updateButtonStyleSelectionChoice(selection, parameter, value) {
+	const parameters = Object.fromEntries([...Object.entries(selection.parameters).filter(([key]) => key !== parameter), [parameter, value]]);
+	const parsed = buttonStyleSelectionSchema.safeParse({
+		styleId: selection.styleId,
+		parameters
+	});
+	return parsed.success ? {
+		kind: "updated",
+		selection: parsed.data
+	} : { kind: "invalid-control-value" };
+}
+if (buttonStyleRecipes.map((recipe) => recipe.id).length !== BUTTON_STYLE_IDS.length || BUTTON_STYLE_IDS.some((id) => !recipesById.has(id))) throw new Error("Button style registry and ButtonStyleId catalog are out of sync");
+buttonStyleRecipes.map((recipe) => {
+	const resolved = resolveButtonStyleSelection(defaultButtonStyleSelectionFor(recipe.id));
+	if (resolved.kind === "error") throw new Error(`Invalid registered button style ${recipe.id}: ${resolved.error.issues.join(", ")}`);
+	return {
+		id: recipe.id,
+		name: recipe.accessibilityLabel,
+		description: recipe.accessibilityLabel,
+		category: presetCategory(recipe),
+		buttonSystem: resolved.buttonSystem,
+		compatibility: {
+			...recipe.tags.tone ? { tones: [recipe.tags.tone] } : {},
+			...recipe.tags.energy ? { energies: [recipe.tags.energy] } : {}
+		}
+	};
+});
+function presetCategory(recipe) {
+	switch (recipe.tags.era) {
 		case "retro": return "retro";
 		case "editorial": return "minimal";
 		case "organic": return "artistic";
-		case "modern": return personality.tags.tone === "bold" ? "modern" : "technical";
+		case "modern": return recipe.tags.tone === "bold" ? "modern" : "technical";
 		case "technical": return "technical";
 		case void 0: return "modern";
 	}
@@ -83638,6 +83758,39 @@ function resolveIconPickerPreset(value) {
 	return isIconPickerPreset(value) ? value : "cta";
 }
 //#endregion
+//#region ../blocks/src/system/constants/buttonRoles.ts
+/**
+* Semantic button roles available to block authors.
+*
+* These roles are deliberately independent of a site's visual button style:
+* the active theme owns how each role looks.
+*/
+const BLOCK_BUTTON_ROLES = PUBLIC_BUTTON_ROLES;
+const blockButtonRoleSchema = z$1.enum(BLOCK_BUTTON_ROLES);
+/**
+* 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;
+}
+const persistedBlockButtonRoleSchema = z$1.preprocess((value) => typeof value === "string" ? canonicalizePersistedBlockButtonRole(value) : value, blockButtonRoleSchema);
+const BLOCK_BUTTON_ROLE_LABELS = {
+	primary: "Primary",
+	secondary: "Secondary",
+	outline: "Outline",
+	ghost: "Ghost",
+	accent: "Accent"
+};
+const BLOCK_BUTTON_ROLE_OPTIONS = BLOCK_BUTTON_ROLES.map((value) => ({
+	value,
+	label: BLOCK_BUTTON_ROLE_LABELS[value]
+}));
+function isBlockButtonRole(value) {
+	return blockButtonRoleSchema.safeParse(value).success;
+}
+//#endregion
 //#region ../blocks/src/system/inlineText.ts
 const inlineTextAccentTones = [
 	"accent",
@@ -86631,24 +86784,7 @@ const publicEventSchema = z$1.object({
 const publicEventsArraySchema = z$1.array(publicEventSchema);
 //#endregion
 //#region ../blocks/src/system/fields/button.ts
-const DEFAULT_THEME_BUTTON_VARIANTS = [
-	{
-		value: "primary",
-		label: "Primary"
-	},
-	{
-		value: "secondary",
-		label: "Secondary"
-	},
-	{
-		value: "outline",
-		label: "Outline"
-	},
-	{
-		value: "link",
-		label: "Link"
-	}
-];
+const DEFAULT_THEME_BUTTON_VARIANTS = BLOCK_BUTTON_ROLE_OPTIONS;
 function createButtonVariantField(options = {}) {
 	return {
 		id: options.id ?? "buttonVariant",
@@ -86666,20 +86802,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",
@@ -87314,17 +87437,8 @@ function isEventContentType(slug) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 const previewStageSchema = z$1.enum(["preview", "published"]);
-const registrationButtonVariantSchema = z$1.enum([
-	"primary",
-	"secondary",
-	"outline"
-]);
-const eventButtonVariantSchema = z$1.enum([
-	"primary",
-	"secondary",
-	"outline",
-	"link"
-]);
+const registrationButtonVariantSchema = blockButtonRoleSchema;
+const eventButtonVariantSchema = persistedBlockButtonRoleSchema;
 const eventLayoutSchema = z$1.enum(eventCalendarListLayoutValues);
 const eventCalendarDisplayModeSchema = z$1.enum(eventCalendarDisplayModeValues);
 const eventCalendarDefaultViewSchema = z$1.enum(eventCalendarDefaultViewValues);
@@ -91367,6 +91481,39 @@ function paletteAccessibleLabel(prefix, colors) {
 	].join(" ");
 }
 //#endregion
+//#region ../theme-core/src/site-styles/styleTags.ts
+/**
+* Descriptive style-axis metadata for button personalities and palette
+* variants. Site Style picker shape is curated explicitly; these tags remain
+* for catalog audit, docs, and future discovery tooling.
+*/
+const STYLE_AXIS_VALUES = {
+	tone: [
+		"minimal",
+		"classic",
+		"bold"
+	],
+	energy: ["calm", "vibrant"],
+	motion: [
+		"subtle",
+		"standard",
+		"expressive"
+	],
+	era: [
+		"editorial",
+		"modern",
+		"organic",
+		"technical",
+		"retro"
+	]
+};
+const styleTagsSchema = z$1.object({
+	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
+	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
+	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
+	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
+});
+//#endregion
 //#region ../theme-core/src/palette/curated/types.ts
 function asCuratedPaletteAuthoringKey(value) {
 	if (value.length === 0) throw new Error("CuratedPaletteAuthoringKey must be a non-empty string");
@@ -95896,7 +96043,7 @@ function getHeaderLookOrThrow(id) {
 	if (!look) throw new Error(`Unknown Theme V2 header Look: ${id}`);
 	return look;
 }
-function rejectReasonsForLook$1(look, context) {
+function rejectReasonsForLook(look, context) {
 	const brandPresentation = resolveHeaderBrandPresentation({
 		logo: context.logo,
 		accommodations: look.logoAccommodations
@@ -95914,7 +96061,7 @@ function resolveHeaderLook(input) {
 		guaranteedFallbackLookId: guaranteedFallbackHeaderLookId,
 		getLookOrThrow: getHeaderLookOrThrow,
 		context,
-		rejectReasonsForLook: rejectReasonsForLook$1,
+		rejectReasonsForLook,
 		compileLook: (look) => look.compile(input.theme)
 	});
 	return {
@@ -95934,97 +96081,10 @@ function resolveHeaderLook(input) {
 function asFooterLookId(value) {
 	return value;
 }
-function asFooterLayoutId(value) {
-	return value;
-}
-function asFooterStyleId(value) {
-	return value;
-}
-const defaultFooterSelectionContext = {
-	navDensity: "unknown",
-	groupedNav: "unknown",
-	contentPresence: "unknown"
-};
-const guaranteedFallbackFooterLookId = asFooterLookId("footer-identity-quiet");
-const 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
-	}
-]);
-const 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."
-	}
-]);
-const footerLayoutsById = new Map(footerLayoutCatalog.map((layout) => [layout.id, layout]));
-const footerStylesById = new Map(footerStyleCatalog.map((style) => [style.id, style]));
-function getFooterLayout(id) {
-	return footerLayoutsById.get(id) ?? null;
-}
-function getFooterStyle(id) {
-	return footerStylesById.get(id) ?? null;
-}
-function getFooterLooksForLayout(layoutId) {
-	return footerLookCatalog.filter((look) => look.layoutId === layoutId);
-}
-function findFooterLookForLayoutStyle(input) {
-	return footerLookCatalog.find((look) => look.layoutId === input.layoutId && look.styleId === input.styleId) ?? null;
-}
-function findDefaultFooterLookForLayout(layoutId) {
-	return getFooterLooksForLayout(layoutId)[0] ?? null;
-}
-/**
-* No-nav-safe identity footer: brand and legal/supporting copy carry the
-* footer without implying missing navigation.
-*/
-function identityQuietFooter(theme) {
+const guaranteedFallbackFooterLookId = asFooterLookId("footer-links-quiet");
+function quietFooterLinks(theme) {
 	return {
 		...theme.footer,
-		variant: "simple",
-		maxWidth: "container",
-		background: {
-			type: "color",
-			color: "surface"
-		},
 		navStyle: "minimal",
 		navWeight: "regular",
 		navColor: "text",
@@ -96037,285 +96097,38 @@ 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" }
 		}
 	};
 }
-const 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
-	}
-]);
+const 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
+}]);
 const footerLooksById = new Map(footerLookCatalog.map((look) => [look.id, look]));
 function getFooterLook(id) {
 	return footerLooksById.get(id) ?? null;
@@ -96328,114 +96141,15 @@ function getFooterLookOrThrow(id) {
 	if (!look) throw new Error(`Unknown Theme V2 footer Look: ${id}`);
 	return look;
 }
-function mergeFooterSelectionContext(context) {
-	return mergeWithDefaults(defaultFooterSelectionContext, context);
-}
-function rejectReasonsForLook(look, context) {
-	return [
-		...requiresMissingFooterNav(context.navDensity, footerNavRequiredForLook(look)) ? ["footer-nav-required"] : [],
-		...requiresMissingFooterNavGroups(context.groupedNav, footerGroupsRequiredForLook(look)) ? ["footer-nav-groups-required"] : [],
-		...exceedsFooterNavDensity(context.navDensity, maxFooterNavDensityForLook(look)) ? ["footer-nav-too-dense"] : [],
-		...contentPresenceIsIncompatible(context.contentPresence, look.allowedContentPresence) ? ["footer-content-incompatible"] : []
-	];
-}
-const footerNavDensityRank = {
-	sparse: 1,
-	balanced: 2,
-	dense: 3
-};
-function footerNavRequiredForLook(look) {
-	return getFooterLayout(look.layoutId)?.requiresFooterNav === true || look.requiresFooterNav === true;
-}
-function footerGroupsRequiredForLook(look) {
-	return getFooterLayout(look.layoutId)?.requiresFooterNavGroups === true || look.requiresFooterNavGroups === true;
-}
-function maxFooterNavDensityForLook(look) {
-	const layoutMax = getFooterLayout(look.layoutId)?.maxRecommendedNavDensity;
-	const lookMax = look.maxRecommendedNavDensity;
-	if (!layoutMax) return lookMax;
-	if (!lookMax) return layoutMax;
-	return footerNavDensityRank[layoutMax] <= footerNavDensityRank[lookMax] ? layoutMax : lookMax;
-}
-function requiresMissingFooterNav(density, required) {
-	return required === true && density === "none";
-}
-function requiresMissingFooterNavGroups(groupedNav, required) {
-	return required === true && groupedNav === "none";
-}
-function exceedsFooterNavDensity(density, maxRecommendedDensity) {
-	if (density === "unknown" || density === "none" || maxRecommendedDensity === void 0) return false;
-	return footerNavDensityRank[density] > footerNavDensityRank[maxRecommendedDensity];
-}
-function contentPresenceIsIncompatible(contentPresence, allowedContentPresence) {
-	if (contentPresence === "unknown" || allowedContentPresence === void 0) return false;
-	return !allowedContentPresence.includes(contentPresence);
-}
 function resolveFooterLook(input) {
-	const context = mergeFooterSelectionContext(input.context);
-	const result = resolveLook({
-		recommendedLookIds: input.recommendedLookIds,
-		guaranteedFallbackLookId: guaranteedFallbackFooterLookId,
-		getLookOrThrow: getFooterLookOrThrow,
-		context,
-		rejectReasonsForLook,
-		compileLook: (look) => look.compile(input.theme)
-	});
+	const selectedLook = input.recommendedLookIds.map(getFooterLook).find((look) => look !== null) ?? getFooterLookOrThrow(guaranteedFallbackFooterLookId);
 	return {
-		selectedLookId: result.selectedLookId,
-		selectedLook: result.selectedLook,
-		footer: result.compiled,
-		rejected: result.rejected
+		selectedLookId: selectedLook.id,
+		selectedLook,
+		footer: selectedLook.compile(input.theme),
+		rejected: []
 	};
 }
-function footerLookRejectionReasonLabel(reason) {
-	switch (reason) {
-		case "footer-nav-required": return "This footer Layout needs footer navigation.";
-		case "footer-nav-groups-required": return "This footer Layout needs grouped footer navigation.";
-		case "footer-nav-too-dense": return "Footer navigation is too dense for this Look.";
-		case "footer-content-incompatible": return "Footer content does not fit this Look.";
-		default: return assertNever$8(reason, "Unhandled footer Look rejection reason");
-	}
-}
-//#endregion
-//#region ../theme-core/src/site-styles/curatedChoices.ts
-function defaultCuratedChoice(choices) {
-	return choices[0].id;
-}
-function resolveCuratedChoice(requested, choices) {
-	const fallback = defaultCuratedChoice(choices);
-	if (requested === null) return {
-		kind: "defaulted-empty",
-		resolved: fallback
-	};
-	if (typeof requested !== "string") return {
-		kind: "defaulted-rejected",
-		requested: requested.raw,
-		resolved: fallback,
-		reason: "unknown"
-	};
-	if (choices.some((choice) => choice.id === requested)) return {
-		kind: "accepted",
-		resolved: requested
-	};
-	return {
-		kind: "defaulted-rejected",
-		requested,
-		resolved: fallback,
-		reason: "not-curated-for-style"
-	};
-}
-function requireEntriesForCuratedChoices(entries, choices) {
-	const byId = new Map(entries.map((entry) => [entry.id, entry]));
-	const resolved = choices.map((choice) => {
-		const entry = byId.get(choice.id);
-		if (!entry) throw new Error(`Curated choice references unknown catalog entry "${choice.id}"`);
-		return entry;
-	});
-	const first = resolved[0];
-	if (!first) throw new Error("Expected at least one curated choice");
-	return [first, ...resolved.slice(1)];
-}
 //#endregion
 //#region ../theme-core/src/site-styles/sourceCatalogs.ts
 const generatedContentFrames = [
@@ -99592,16 +99306,15 @@ function resolvePalette(recipes, options) {
 	};
 }
 /**
-* Looks up the resolved button personality and returns its `ButtonSystem` for
-* emission to `theme.buttons`. Returns `undefined` when no personality ID was
-* supplied so the caller can leave the default theme buttons untouched. An
-* unknown personality ID is a programmer error and throws.
+* Resolves a validated button-style selection for emission to `theme.buttons`.
+* Returns `undefined` when no selection was supplied so the caller can leave
+* the default theme buttons untouched.
 */
 function resolveButtonSystem(options) {
-	if (options.buttonPersonalityId === void 0) return void 0;
-	const personality = findButtonPersonality(options.buttonPersonalityId);
-	if (personality === void 0) throw new Error(`Unknown buttonPersonalityId: ${options.buttonPersonalityId}`);
-	return personality.buttonSystem;
+	if (options.buttonStyleSelection === void 0) return void 0;
+	const result = resolveButtonStyleSelection(options.buttonStyleSelection);
+	if (result.kind === "error") throw new Error(`Invalid button style ${result.error.styleId}: ${result.error.issues.join(", ")}`);
+	return result.buttonSystem;
 }
 function compileHeroTypography(recipes) {
 	const headlineSize = recipes.typography === "classic-serif" ? "5xl" : recipes.contrast === "maximum" ? "6xl" : recipes.spacing === "compact" ? "4xl" : "5xl";
@@ -99629,7 +99342,7 @@ function compileHeroTypography(recipes) {
 * Theme output before any persistence or Phase 5 integration consumes them.
 *
 * Optional `options` accept an already-resolved palette selection and button
-* personality. Sparse overrides and legacy palette IDs are deliberately not
+* style. Sparse overrides and legacy palette IDs are deliberately not
 * compiler inputs: callers must resolve a complete palette before compiling.
 */
 function compileTokenRecipes(recipes, options = {}) {
@@ -99977,17 +99690,28 @@ function defineCuratedSiteStyle(input) {
 		})),
 		recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
-		buttonPersonalityChoices: input.buttonPersonalityChoices,
+		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
 		typography: input.typography ?? defaultTypographyForRecipe(input.tokenRecipes.typography),
 		...input.heroTypography ? { heroTypography: input.heroTypography } : {}
 	};
 }
-function buttonChoice(id, note) {
+function defaultButtonStyleSelectionForSiteStyle(siteStyle) {
+	const { styleId, parameters } = siteStyle.buttonStyleChoices[0];
+	return buttonStyleSelectionSchema.parse({
+		styleId,
+		parameters
+	});
+}
+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));
@@ -100172,9 +99896,8 @@ const curatedSiteStyles = [
 			"minimal-transparent",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
-			buttonChoice("two-tone-pill"),
 			buttonChoice("pebble"),
 			buttonChoice("editorial-link"),
 			buttonChoice("brushed-wash")
@@ -100210,7 +99933,7 @@ const curatedSiteStyles = [
 			"brand-solid",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("confident-chip"),
 			buttonChoice("soft-pill"),
 			buttonChoice("editorial-link")
@@ -100249,7 +99972,7 @@ const curatedSiteStyles = [
 			"minimal-transparent",
 			"centered-calm"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("editorial-link"),
 			buttonChoice("soft-pill"),
 			buttonChoice("brushed-wash")
@@ -100289,7 +100012,7 @@ const curatedSiteStyles = [
 			"practical-utility",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("pebble"),
 			buttonChoice("brushed-wash"),
 			buttonChoice("confident-chip")
@@ -100350,7 +100073,7 @@ const curatedSiteStyles = [
 			"serif-line",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("editorial-link"),
 			buttonChoice("confident-chip"),
 			buttonChoice("soft-pill")
@@ -100412,7 +100135,7 @@ const curatedSiteStyles = [
 			"brand-solid",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("confident-chip"),
 			buttonChoice("pebble"),
 			buttonChoice("ink-stamp")
@@ -100451,7 +100174,7 @@ const curatedSiteStyles = [
 			"minimal-transparent",
 			"clean-base"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
 			buttonChoice("confident-chip")
@@ -100524,7 +100247,7 @@ const curatedSiteStyles = [
 			"clean-base",
 			"centered-calm"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("pebble"),
 			buttonChoice("soft-pill"),
 			buttonChoice("editorial-link")
@@ -100643,12 +100366,8 @@ const curatedSiteStyles = [
 			"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")
@@ -100722,7 +100441,7 @@ const curatedSiteStyles = [
 			"centered-calm",
 			"minimal-transparent"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("editorial-link"),
 			buttonChoice("soft-pill"),
 			buttonChoice("brushed-wash")
@@ -100795,8 +100514,8 @@ const curatedSiteStyles = [
 			"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"),
@@ -100917,8 +100636,8 @@ const curatedSiteStyles = [
 			"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"),
@@ -100989,7 +100708,7 @@ const curatedSiteStyles = [
 			"floating-glass",
 			"brand-solid"
 		],
-		buttonPersonalityChoices: [
+		buttonStyleChoices: [
 			buttonChoice("ink-stamp"),
 			buttonChoice("confident-chip"),
 			buttonChoice("brushed-wash"),
@@ -101044,8 +100763,8 @@ const curatedSiteStyles = [
 			"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"),
@@ -101126,8 +100845,8 @@ const curatedSiteStyles = [
 			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")
@@ -101180,8 +100899,8 @@ const curatedSiteStyles = [
 			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")
@@ -101271,8 +100990,8 @@ const curatedSiteStyles = [
 			"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")
@@ -101349,14 +101068,9 @@ const curatedSiteStyles = [
 			"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")
 		],
@@ -102019,7 +101733,7 @@ function canonicalHeaderSelectionInput(layoutId, styleId) {
 		}
 	};
 }
-function applySiteChromeLooks({ theme, siteStyle, headerLookId, headerLayoutId, headerStyleId, footerLookId, headerSelectionContext, footerSelectionContext }) {
+function applySiteChromeLooks({ theme, siteStyle, headerLookId, headerLayoutId, headerStyleId, footerLookId, headerSelectionContext }) {
 	const canonicalHeaderSelection = canonicalHeaderSelectionInput(headerLayoutId, headerStyleId);
 	const headerSelection = resolveHeaderLook({
 		theme,
@@ -102035,8 +101749,7 @@ function applySiteChromeLooks({ theme, siteStyle, headerLookId, headerLayoutId,
 	const resolvedHeaderLookId = canonicalHeaderSelection.kind === "canonical" ? findLegacyHeaderLookIdForSelection(headerLayoutStyleSelection) : headerSelection.selectedLookId;
 	const footerSelection = resolveFooterLook({
 		theme,
-		recommendedLookIds: footerLookId ? [footerLookId] : siteStyle.recommendedFooterLookIds,
-		context: footerSelectionContext
+		recommendedLookIds: footerLookId ? [footerLookId] : siteStyle.recommendedFooterLookIds
 	});
 	const footerWithBrandPresentation = headerSelectionContext?.logo ? applyFooterBrandPresentation(footerSelection.footer, headerSelection.brandPresentation) : footerSelection.footer;
 	return {
@@ -102088,7 +101801,7 @@ function footerLogoSizeFromBrandPresentation(size) {
 	}
 }
 /**
-* High-level, site-style-aware compiler. Resolves the user's personality and
+* High-level, site-style-aware compiler. Resolves the user's button style and
 * palette selections into theme tokens. Palette authority is always supplied
 * as a complete resolved curated/site selection or an explicit draft.
 *
@@ -102097,17 +101810,20 @@ function footerLogoSizeFromBrandPresentation(size) {
 * notices.
 */
 function compileSiteThemeFromSelections(input) {
-	const { siteStyle, buttonPersonalityId, typography, headerLookId, headerLayoutId, headerStyleId, footerLookId, headerSelectionContext, footerSelectionContext } = input;
-	const personalityResult = resolveCuratedChoice(toCuratedRequest(parsePersistedButtonPersonalityId(buttonPersonalityId)), siteStyle.buttonPersonalityChoices);
+	const { siteStyle, buttonStyleSelection, typography, headerLookId, headerLayoutId, headerStyleId, footerLookId, headerSelectionContext } = input;
+	const defaultButtonStyle = defaultButtonStyleSelectionForSiteStyle(siteStyle);
+	const requestedButtonStyle = buttonStyleSelection ?? defaultButtonStyle;
+	const acceptsRequestedButtonStyle = siteStyle.buttonStyleChoices.some((choice) => choice.styleId === requestedButtonStyle.styleId);
+	const resolvedButtonStyle = acceptsRequestedButtonStyle ? requestedButtonStyle : defaultButtonStyle;
 	const warnings = [];
-	if (personalityResult.kind === "defaulted-rejected") warnings.push({
-		kind: "rejected-personality",
-		requested: personalityResult.requested,
-		fellBackTo: personalityResult.resolved
+	if (!acceptsRequestedButtonStyle) warnings.push({
+		kind: "rejected-button-style",
+		requested: requestedButtonStyle.styleId,
+		fellBackTo: defaultButtonStyle
 	});
 	const siteChromeResult = applySiteChromeLooks({
 		theme: applyTypographyToTheme(applySiteStyleThemeOverrides(compileTokenRecipes(siteStyle.template.tokenRecipes, {
-			buttonPersonalityId: personalityResult.resolved,
+			buttonStyleSelection: resolvedButtonStyle,
 			resolvedPalette: input.resolvedPalette
 		}), siteStyle), typography ?? siteStyle.typography, siteStyle.heroTypography),
 		siteStyle,
@@ -102115,8 +101831,7 @@ function compileSiteThemeFromSelections(input) {
 		headerLayoutId,
 		headerStyleId,
 		footerLookId,
-		headerSelectionContext,
-		footerSelectionContext
+		headerSelectionContext
 	});
 	const commonResult = {
 		theme: withSiteStyleMetadata(siteChromeResult.theme, siteStyle),
@@ -102127,7 +101842,7 @@ function compileSiteThemeFromSelections(input) {
 			footerLookId: footerLookId ?? null
 		},
 		resolvedSelections: {
-			buttonPersonalityId: personalityResult.resolved,
+			buttonStyleSelection: resolvedButtonStyle,
 			headerLookId: siteChromeResult.resolvedHeaderLookId,
 			headerLayoutId: siteChromeResult.headerLayoutStyleSelection.layoutId,
 			headerStyleId: siteChromeResult.headerLayoutStyleSelection.styleId,
@@ -102145,16 +101860,6 @@ function compileSiteThemeFromSelections(input) {
 		}
 	};
 }
-function toCuratedRequest(parsed) {
-	switch (parsed.kind) {
-		case "known": return parsed.id;
-		case "unknown": return {
-			kind: "unknown",
-			raw: parsed.raw
-		};
-		case "empty": return null;
-	}
-}
 function siteStyleIdFromTheme(theme) {
 	const rawSiteStyleId = theme?.siteStyleId;
 	if (!rawSiteStyleId) return null;
@@ -105610,29 +105315,7 @@ const ctaRowFragment = defineFragment({
 	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",
@@ -105651,10 +105334,6 @@ const heroCtaRowFragment = defineFragment({
 		defaultValue: [],
 		button: {
 			variants: [
-				{
-					value: "default",
-					label: "Default"
-				},
 				{
 					value: "primary",
 					label: "Primary"
@@ -105666,9 +105345,17 @@ const heroCtaRowFragment = defineFragment({
 				{
 					value: "outline",
 					label: "Outline"
+				},
+				{
+					value: "ghost",
+					label: "Ghost"
+				},
+				{
+					value: "accent",
+					label: "Accent"
 				}
 			],
-			defaultVariant: "default",
+			defaultVariant: "primary",
 			includeSize: true,
 			defaultSize: "lg"
 		}
@@ -106344,11 +106031,13 @@ const blogFeaturedPostFragment = defineFragment({
 			as: "p",
 			style: textColorStyle("text/80")
 		}, bind$1("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",
@@ -106967,21 +106656,7 @@ const newsletterFormFragment = defineFragment({
 		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",
@@ -108227,12 +107902,7 @@ const shopSourceSchema = z$1.object({
 	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(),
@@ -108377,12 +108047,7 @@ const passesMembershipsHydrationSchema = z$1.object({
 	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
 });
 const productListHydrationSchema = z$1.object({
 	products: z$1.array(publicProductSchema),
@@ -109160,23 +108825,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: "",
@@ -109882,23 +109531,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: "",
@@ -112073,11 +111706,7 @@ const newsletterPresetSchema = z$1.enum([
 	"emailNameCompany"
 ]);
 const newsletterDestinationProviderSchema = z$1.enum(["riverbank", "mailchimp"]);
-const newsletterButtonVariantSchema = z$1.enum([
-	"primary",
-	"secondary",
-	"outline"
-]);
+const newsletterButtonVariantSchema = blockButtonRoleSchema;
 const newsletterFieldSchema = z$1.object({
 	id: z$1.string(),
 	type: z$1.enum(["email", "text"]),
@@ -114963,7 +114592,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$1("content.readMoreText", { fallback: "Read more" }), when("content.readMoreText")), text({
 		as: "span",
 		value: "Read more"
@@ -118234,31 +117864,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" }
 				})
 			] }
 		},
@@ -120372,36 +119978,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",
@@ -120607,7 +120184,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$3(value) || value === null ? value : void 0;
@@ -136662,15 +136239,15 @@ function createEditorUiStore(options = {}) {
 					baseline,
 					current: baseline
 				});
-				set((state) => ({
+				set({
 					drawerOpen: true,
 					previewSidebarTab: "editor",
 					previewInspection: {
 						kind: "linked-entry",
 						entryId: unsafeAsLinkedContentEntryId(target.entryId),
-						requestId: state.previewInspection.kind === "linked-entry" ? state.previewInspection.requestId + 1 : 1
+						requestId: nextRequestId++
 					}
-				}));
+				});
 				if (!changed) triggerUpdate();
 			},
 			close: () => {
@@ -137004,33 +136581,33 @@ function createEditorUiStore(options = {}) {
 			drawerOpen: false,
 			previewSidebarTab: "editor",
 			previewInspection: { kind: "none" },
+			previewDesignOpenRequest: null,
 			activePreviewField: null,
 			focusRequest: null,
 			activeBlockId: null,
 			setDrawerOpen: (open) => set((state) => state.drawerOpen === open ? state : { drawerOpen: open }),
 			setPreviewSidebarTab: (tab) => set((state) => state.previewSidebarTab === tab ? state : { previewSidebarTab: tab }),
-			inspectBlock: (blockId) => set((state) => ({
+			openPreviewEditor: (intent) => set((state) => {
+				return {
+					drawerOpen: true,
+					previewSidebarTab: "editor",
+					...previewEditorOpenDestination(state.previewInspection, intent, nextRequestId++)
+				};
+			}),
+			consumePreviewDesignOpenRequest: (requestId) => set((state) => state.previewDesignOpenRequest?.requestId === requestId ? { previewDesignOpenRequest: null } : state),
+			inspectBlock: (blockId) => set({
 				previewInspection: {
 					kind: "block-customize",
 					blockId,
-					requestId: state.previewInspection.kind === "block-customize" ? state.previewInspection.requestId + 1 : 1
+					requestId: nextRequestId++
 				},
 				activeBlockId: blockId
-			})),
-			inspectLinkedEntry: (entryId) => set((state) => ({ previewInspection: {
+			}),
+			inspectLinkedEntry: (entryId) => set({ previewInspection: {
 				kind: "linked-entry",
 				entryId: unsafeAsLinkedContentEntryId(entryId),
-				requestId: state.previewInspection.kind === "linked-entry" ? state.previewInspection.requestId + 1 : 1
-			} })),
-			inspectFooterModule: (moduleId) => set((state) => ({ previewInspection: {
-				kind: "footer-module",
-				moduleId,
-				requestId: state.previewInspection.kind === "footer-module" ? state.previewInspection.requestId + 1 : 1
-			} })),
-			inspectFooter: () => set((state) => ({ previewInspection: {
-				kind: "footer",
-				requestId: state.previewInspection.kind === "footer" ? state.previewInspection.requestId + 1 : 1
-			} })),
+				requestId: nextRequestId++
+			} }),
 			clearPreviewInspection: () => set((state) => state.previewInspection.kind === "none" ? state : { previewInspection: { kind: "none" } }),
 			setActivePreviewField: (field) => set((state) => activePreviewFieldsEqual(state.activePreviewField, field) ? state : { activePreviewField: field }),
 			requestFocus: (payload) => set({ focusRequest: {
@@ -137115,6 +136692,34 @@ function createEditorUiStore(options = {}) {
 		};
 	});
 }
+function previewEditorOpenDestination(current, intent, requestId) {
+	switch (intent.kind) {
+		case "design": return {
+			previewInspection: current,
+			previewDesignOpenRequest: {
+				row: intent.row,
+				requestId
+			}
+		};
+		case "footer":
+			if (intent.target === "overview") return {
+				previewInspection: {
+					kind: "footer",
+					requestId
+				},
+				previewDesignOpenRequest: null
+			};
+			return {
+				previewInspection: {
+					kind: "footer-module",
+					moduleId: intent.target.moduleId,
+					requestId
+				},
+				previewDesignOpenRequest: null
+			};
+		default: return assertNever$3(intent, "Unhandled preview editor open intent");
+	}
+}
 const EditorUiStoreContext = createContext(null);
 const EditorUiStoreProvider = EditorUiStoreContext.Provider;
 function useEditorUiStore(selector) {
@@ -160438,7 +160043,7 @@ function fieldsForModule(module) {
 	}];
 	return [...moduleFieldCatalog];
 }
-function FooterComposerPanel({ apiClient, siteId: rawSiteId, customFooterMode, manageLinksHref, manageSettingsHref, legalRegion = "integrated", initialTarget, variant = "full", canEdit = true, onSaved }) {
+function FooterComposerPanel({ apiClient, siteId: rawSiteId, customFooterMode, manageLinksHref, manageSettingsHref, legalRegion = "integrated", initialTarget, variant = "full", canEdit = true, onSaved, loadingFallback }) {
 	const siteId = useMemo(() => unsafeAsSiteId(rawSiteId), [rawSiteId]);
 	const [compositionSnapshot, setCompositionSnapshot] = useState(null);
 	const [profileSnapshot, setProfileSnapshot] = useState(null);
@@ -160446,7 +160051,9 @@ function FooterComposerPanel({ apiClient, siteId: rawSiteId, customFooterMode, m
 	const [target, setTarget] = useState(initialTarget ?? { kind: "overview" });
 	const [saveState, setSaveState] = useState("idle");
 	const [message, setMessage] = useState(null);
+	const [loadError, setLoadError] = useState(null);
 	const load = useCallback(async () => {
+		setLoadError(null);
 		try {
 			const [composition, profile, navigation] = await Promise.all([
 				getFooterComposition(apiClient, siteId),
@@ -160457,7 +160064,7 @@ function FooterComposerPanel({ apiClient, siteId: rawSiteId, customFooterMode, m
 			setProfileSnapshot(profile);
 			setNavigationMenus(navigation.menus);
 		} catch (error) {
-			setMessage(error instanceof Error ? error.message : "The footer could not be loaded.");
+			setLoadError(error instanceof Error ? error.message : "The footer could not be loaded.");
 		}
 	}, [
 		apiClient,
@@ -160541,14 +160148,12 @@ function FooterComposerPanel({ apiClient, siteId: rawSiteId, customFooterMode, m
 		profileSnapshot,
 		siteId
 	]);
-	if (compositionSnapshot === null || profileSnapshot === null || navigationMenus === null) return /* @__PURE__ */ jsx("p", {
-		className: "text-sm text-muted-foreground",
-		children: "Loading footer…"
-	});
-	if (compositionSnapshot.kind === "invalid" || profileSnapshot.kind === "invalid") return /* @__PURE__ */ jsx(RecoveryState, {
-		message: "Stored footer data needs repair before it can be edited safely.",
-		onReload: load
+	if (loadError !== null) return /* @__PURE__ */ jsx(LoadFailureState, {
+		message: loadError,
+		onRetry: load
 	});
+	if (compositionSnapshot === null || profileSnapshot === null || navigationMenus === null) return loadingFallback;
+	if (compositionSnapshot.kind === "invalid" || profileSnapshot.kind === "invalid") return /* @__PURE__ */ jsx(InvalidFooterState, {});
 	if (compositionSnapshot.kind === "missing") return /* @__PURE__ */ jsx(MissingFooter, {
 		canEdit,
 		onCreate: async () => {
@@ -161315,13 +160920,13 @@ function MissingFooter({ onCreate, canEdit }) {
 		]
 	});
 }
-function RecoveryState({ message, onReload }) {
+function LoadFailureState({ message, onRetry }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4 rounded-xl border p-6",
 		children: [
 			/* @__PURE__ */ jsx("h1", {
 				className: "text-xl font-semibold",
-				children: "Footer needs attention"
+				children: "The footer could not be loaded"
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-sm text-muted-foreground",
@@ -161330,12 +160935,24 @@ function RecoveryState({ message, onReload }) {
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: buttonClass,
-				onClick: () => void onReload(),
-				children: "Reload"
+				onClick: () => void onRetry(),
+				children: "Try again"
 			})
 		]
 	});
 }
+function InvalidFooterState() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3 rounded-xl border p-6",
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-semibold",
+			children: "Footer needs updating"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: "This footer's saved data needs updating before it can be edited."
+		})]
+	});
+}
 //#endregion
 //#region ../preview-next/src/client/preview/assistantAvailability.ts
 process.env.NEXT_PUBLIC_E2E_ENABLE_PREVIEW_ASSISTANT;
@@ -161542,6 +161159,18 @@ function assertNever$2(value, message) {
 }
 //#endregion
 //#region ../preview-next/src/client/preview/StyleConfigurator.state.ts
+/**
+* Pure state module for the Style configurator. Per-action function style so
+* the picker rows, apply flow, and concurrency layer can call into a small,
+* exhaustive set of named transitions instead of a centralised reducer
+* switch.
+*
+* The configurator surfaces three site-level decisions (site style, button
+* button style, palette state). The
+* "base" snapshot is what the server has persisted; "previewed" is what the
+* preview pane is currently rendering. They diverge while the user is
+* picking and converge on apply-success.
+*/
 const STYLE_CONFIGURATOR_TARGET_KEY = "design:site-style";
 function createStyleConfiguratorState(base) {
 	return {
@@ -161602,10 +161231,10 @@ function previewSiteStyle(state, siteStyleId) {
 		siteStyleId
 	});
 }
-function previewButtonPersonality(state, buttonPersonalityId) {
+function previewButtonStyle(state, buttonStyleSelection) {
 	return withPreviewedSelection(state, {
 		...state.previewed,
-		buttonPersonalityId
+		buttonStyleSelection
 	});
 }
 function previewHeaderLayout(state, headerLayoutId) {
@@ -161719,7 +161348,7 @@ function setPaletteColors(state, colors) {
 /**
 * Records the post-compile resolved selection + any fallback warnings.
 * Used after `compileSiteThemeFromSelections` runs against a new site style:
-* the resolver may have auto-picked a different personality if the user's
+* the resolver may have auto-picked a different button style if the user's
 * previous selection is not offered for the new style, or a different palette
 * if the persisted palette value key is no longer known.
 *
@@ -161728,7 +161357,7 @@ function applyResolvedSelections(state, input) {
 	return {
 		...withPreviewedSelection(state, {
 			...state.previewed,
-			buttonPersonalityId: input.resolved.buttonPersonalityId,
+			buttonStyleSelection: input.resolved.buttonStyleSelection,
 			headerLayoutId: input.resolved.headerLayoutId,
 			headerStyleId: input.resolved.headerStyleId,
 			headerLookId: input.resolved.headerLookId,
@@ -162070,7 +161699,7 @@ function createStyleConfiguratorHistoryEntry(previous, next) {
 	};
 }
 function selectionSnapshotsEqual(a, b) {
-	return a.siteStyleId === b.siteStyleId && a.selectionVersion === b.selectionVersion && a.selectionUpdatedAt === b.selectionUpdatedAt && a.headerLayoutId === b.headerLayoutId && a.headerStyleId === b.headerStyleId && a.headerLookId === b.headerLookId && a.footerLookId === b.footerLookId && a.buttonPersonalityId === b.buttonPersonalityId && paletteSelectionSnapshotsEqual(a.palette, b.palette) && typographyObjectsEqual(a.typography, b.typography);
+	return a.siteStyleId === b.siteStyleId && a.selectionVersion === b.selectionVersion && a.selectionUpdatedAt === b.selectionUpdatedAt && a.headerLayoutId === b.headerLayoutId && a.headerStyleId === b.headerStyleId && a.headerLookId === b.headerLookId && a.footerLookId === b.footerLookId && buttonStyleSelectionsEqual(a.buttonStyleSelection, b.buttonStyleSelection) && paletteSelectionSnapshotsEqual(a.palette, b.palette) && typographyObjectsEqual(a.typography, b.typography);
 }
 function patchTypography(typography, patch) {
 	switch (patch.kind) {
@@ -162608,15 +162237,14 @@ function planSiteStylePreviewChange(input) {
 	const resolvedPalette = resolvedPaletteForPreview(input.selection.palette, input.siteStyle);
 	const compiled = compileSiteThemeFromSelections({
 		siteStyle: input.siteStyle,
-		buttonPersonalityId: input.selection.buttonPersonalityId,
+		buttonStyleSelection: input.selection.buttonStyleSelection,
 		resolvedPalette,
 		typography: input.selection.typography,
 		headerLayoutId: input.selection.headerLayoutId,
 		headerStyleId: input.selection.headerStyleId,
 		headerLookId: input.selection.headerLookId,
 		footerLookId: input.selection.footerLookId,
-		headerSelectionContext: input.headerSelectionContext,
-		footerSelectionContext: input.footerSelectionContext
+		headerSelectionContext: input.headerSelectionContext
 	});
 	return {
 		themeOverlay: compiled.theme,
@@ -162680,21 +162308,18 @@ function assertNever(value) {
 //#region ../preview-next/src/client/preview/siteChromeLookRows.ts
 function buildSiteChromeLookModels(input) {
 	const selection = input.state.previewed;
-	const common = {
+	const current = compileSiteThemeFromSelections({
 		siteStyle: input.siteStyle,
-		buttonPersonalityId: selection.buttonPersonalityId,
+		buttonStyleSelection: selection.buttonStyleSelection,
 		resolvedPalette: resolvedPaletteForPreview(selection.palette, input.siteStyle),
 		headerLayoutId: selection.headerLayoutId,
 		headerStyleId: selection.headerStyleId,
 		headerLookId: selection.headerLookId,
 		footerLookId: selection.footerLookId,
-		headerSelectionContext: input.headerSelectionContext,
-		footerSelectionContext: input.footerSelectionContext
-	};
-	const current = compileSiteThemeFromSelections(common);
+		headerSelectionContext: input.headerSelectionContext
+	});
 	const renderedHeaderLayoutId = current.resolvedSelections.headerLayoutId;
 	const renderedHeaderStyleId = current.resolvedSelections.headerStyleId;
-	const renderedFooterLayoutId = current.footerSelection.selectedLook.layoutId;
 	return {
 		headerLayout: {
 			renderedLayoutId: renderedHeaderLayoutId,
@@ -162720,10 +162345,6 @@ function buildSiteChromeLookModels(input) {
 				};
 			})
 		},
-		footerLayout: {
-			renderedLayoutId: renderedFooterLayoutId,
-			options: footerLayoutOptions(common)
-		},
 		footer: {
 			renderedLookId: current.resolvedSelections.footerLookId,
 			options: [{
@@ -162731,51 +162352,18 @@ function buildSiteChromeLookModels(input) {
 				label: "Site style default",
 				description: "Use the footer chosen for this site style.",
 				available: true
-			}, ...footerLookCatalog.filter((look) => look.layoutId === renderedFooterLayoutId && !footerLookHiddenFromLayoutStyleControls(look)).map((look) => {
-				const rejected = compileSiteThemeFromSelections({
-					...common,
-					footerLookId: look.id
-				}).footerSelection.rejected.find((item) => item.lookId === look.id);
-				const style = getFooterStyle(look.styleId);
+			}, ...footerLookCatalog.map((look) => {
 				return {
 					id: look.id,
-					label: style?.label ?? look.label,
-					description: rejected ? rejected.reasons.map(footerLookRejectionReasonLabel).join(" ") : style?.description,
-					available: !rejected
+					label: look.label,
+					description: look.description,
+					available: true
 				};
 			})],
-			diagnostics: diagnosticsForRequestedFooterSelection(selection.footerLookId, current.resolvedSelections.footerLookId, current.footerSelection.rejected)
+			diagnostics: []
 		}
 	};
 }
-function footerLayoutOptions(common) {
-	return footerLayoutCatalog.map((layout) => {
-		const availability = visibleFooterLooksForLayout(layout.id).map((look) => footerLookAvailability(common, look.id));
-		const firstRejected = availability.find((item) => item.rejected)?.rejected;
-		const hasAvailableStyle = availability.some((item) => !item.rejected);
-		return {
-			id: layout.id,
-			label: layout.label,
-			description: hasAvailableStyle ? layout.description : firstRejected?.reasons.map(footerLookRejectionReasonLabel).join(" "),
-			available: hasAvailableStyle
-		};
-	});
-}
-function visibleFooterLooksForLayout(layoutId) {
-	return footerLookCatalog.filter((look) => look.layoutId === layoutId && !footerLookHiddenFromLayoutStyleControls(look));
-}
-function footerLookHiddenFromLayoutStyleControls(look) {
-	return look.hiddenFromLayoutStyleControls === true;
-}
-function footerLookAvailability(common, footerLookId) {
-	return {
-		footerLookId,
-		rejected: compileSiteThemeFromSelections({
-			...common,
-			footerLookId
-		}).footerSelection.rejected.find((item) => item.lookId === footerLookId)
-	};
-}
 function cycleSiteChromeLookId(options, currentId, direction) {
 	const cycleable = cycleableSiteChromeOptions(options);
 	if (cycleable.length <= 1) return void 0;
@@ -162822,17 +162410,6 @@ function planSiteChromeLookSelection(command) {
 		next: { footerLookId: command.lookId }
 	};
 }
-function planSiteChromeFooterLayoutSelection(command) {
-	const currentStyleId = footerLookCatalog.find((look) => look.id === command.currentLookId)?.styleId ?? null;
-	return (currentStyleId ? findFooterLookForLayoutStyle({
-		layoutId: command.layoutId,
-		styleId: currentStyleId
-	}) : null)?.id ?? findDefaultFooterLookForLayout(command.layoutId)?.id;
-}
-function diagnosticsForRequestedFooterSelection(requestedLookId, renderedLookId, rejected) {
-	if (!requestedLookId || requestedLookId === renderedLookId) return [];
-	return rejected.find((item) => item.lookId === requestedLookId)?.reasons.map(footerLookRejectionReasonLabel) ?? [];
-}
 //#endregion
 //#region ../preview-next/src/client/preview/previewErrorMessages.ts
 const PREVIEW_DESIGN_SAVE_ERROR_MESSAGE = "We couldn’t save that change just now. Please try again in a minute or two.";
@@ -162861,7 +162438,7 @@ function resolveStyleConfiguratorInitialSnapshot(input) {
 	} : paletteSelectionSnapshotFromRuntime(runtimePaletteState);
 	const compiled = compileSiteThemeFromSelections({
 		siteStyle,
-		buttonPersonalityId: input.initialSelections.buttonPersonalityId,
+		buttonStyleSelection: input.initialSelections.buttonStyleSelection,
 		resolvedPalette: resolvedRuntimePalette?.ok ? resolvedRuntimePalette.resolved : resolvedPaletteForPreview(palette, siteStyle),
 		typography: input.theme?.typography ?? siteStyle.typography,
 		...sharedSelectionInputs(input)
@@ -162874,7 +162451,7 @@ function resolveStyleConfiguratorInitialSnapshot(input) {
 		headerStyleId: compiled.resolvedSelections.headerStyleId,
 		headerLookId: compiled.requestedSelections.headerLookId,
 		footerLookId: compiled.requestedSelections.footerLookId,
-		buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
+		buttonStyleSelection: compiled.resolvedSelections.buttonStyleSelection,
 		palette,
 		typography: compiled.theme.typography
 	};
@@ -162885,8 +162462,7 @@ function sharedSelectionInputs(input) {
 		headerStyleId: input.initialSelections.headerStyleId ?? null,
 		headerLookId: input.initialSelections.headerLookId ?? null,
 		footerLookId: input.initialSelections.footerLookId ?? null,
-		headerSelectionContext: input.headerSelectionContext,
-		footerSelectionContext: input.footerSelectionContext
+		headerSelectionContext: input.headerSelectionContext
 	};
 }
 //#endregion
@@ -163021,13 +162597,12 @@ function hasLogoInHeaderSelectionContext(context) {
 }
 //#endregion
 //#region ../preview-next/src/client/preview/siteChromeSavePlan.ts
-function buildSiteChromeSavePlan({ surface, siteStyle, selection, baseTheme, headerSelectionContext, footerSelectionContext, headerBrandPreferences, headerNavPreferences, backgroundPreferences, themeId, selectionId, baseSelectionUpdatedAt }) {
+function buildSiteChromeSavePlan({ surface, siteStyle, selection, baseTheme, headerSelectionContext, headerBrandPreferences, headerNavPreferences, backgroundPreferences, themeId, selectionId, baseSelectionUpdatedAt }) {
 	const compiled = planSiteStylePreviewChange({
 		siteStyle,
 		selection,
 		baseTheme,
-		headerSelectionContext: withHeaderBrandPreferences(headerSelectionContext, headerBrandPreferences),
-		footerSelectionContext
+		headerSelectionContext: withHeaderBrandPreferences(headerSelectionContext, headerBrandPreferences)
 	});
 	const themeOverlay = applySiteChromeBackgroundPreferences(withHeaderNavThemePreferences(withHeaderBrandThemePreferences(compiled.themeOverlay, headerBrandPreferences), headerNavPreferences), backgroundPreferences);
 	return {
@@ -163088,9 +162663,9 @@ function buildApplySiteStyleSelectionBody(input) {
 		kind: "set-site-style",
 		siteStyleId: input.previewed.siteStyleId
 	});
-	if (styleChanged || input.base.buttonPersonalityId !== input.previewed.buttonPersonalityId) changes.push({
-		kind: "set-button-personality",
-		buttonPersonalityId: input.previewed.buttonPersonalityId
+	if (styleChanged || !buttonStyleSelectionsEqual(input.base.buttonStyleSelection, input.previewed.buttonStyleSelection)) changes.push({
+		kind: "set-button-style",
+		buttonStyleSelection: input.previewed.buttonStyleSelection
 	});
 	if (styleChanged || !paletteSelectionSnapshotsEqual(input.base.palette, input.previewed.palette)) {
 		const palettePlan = planPaletteApplyCommand(input);
@@ -163139,7 +162714,7 @@ function selectionSnapshotFromApplySiteStyleSelectionResponse(saved, fallback) {
 		siteStyleId: saved.siteStyleId,
 		selectionVersion: saved.selectionVersion,
 		selectionUpdatedAt: saved.selectionUpdatedAt ?? fallback.selectionUpdatedAt ?? null,
-		buttonPersonalityId: saved.buttonPersonalityId,
+		buttonStyleSelection: saved.buttonStyleSelection,
 		palette: paletteSnapshotFromApplyResponse(saved),
 		typography: saved.theme.typography,
 		headerLookId: saved.headerLookId,
@@ -163463,22 +163038,14 @@ function quickControlHistoryEntryFromSelectionChange(previous, next, target) {
 				next: nextHeader
 			};
 		}
-		case "footer-layout":
-		case "footer-look": return previous.footerLookId === next.footerLookId ? null : footerHistoryEntryForTarget(target, previous.footerLookId, next.footerLookId);
+		case "footer-look": return previous.footerLookId === next.footerLookId ? null : {
+			kind: "footer-look",
+			previous: previous.footerLookId,
+			next: next.footerLookId
+		};
 		default: return assertNever$8(target, "Unhandled site chrome quick-control target");
 	}
 }
-function footerHistoryEntryForTarget(target, previous, next) {
-	return target === "footer-layout" ? {
-		kind: "footer-layout",
-		previous,
-		next
-	} : {
-		kind: "footer-look",
-		previous,
-		next
-	};
-}
 function quickControlHistoryEntryFromBrandPreferenceChange(previous, next, target) {
 	switch (target) {
 		case "header-brand-display": return previous.brandDisplay === next.brandDisplay ? null : {
@@ -163667,7 +163234,6 @@ function quickControlReplayPlanForEntry(current, entry, command) {
 				}
 			};
 		}
-		case "footer-layout":
 		case "footer-look": return {
 			kind: "selection",
 			surface: "footer",
@@ -163763,7 +163329,6 @@ function siteChromeQuickControlHistoryEntryEquals(left, right) {
 	switch (left.kind) {
 		case "header-layout": return right.kind === left.kind && headerLayoutSelectionsEqual(left.previous, right.previous) && headerLayoutSelectionsEqual(left.next, right.next);
 		case "header-style": return right.kind === left.kind && headerStyleSelectionsEqual(left.previous, right.previous) && headerStyleSelectionsEqual(left.next, right.next);
-		case "footer-layout":
 		case "footer-look":
 		case "header-brand-display":
 		case "header-logo-size":
@@ -163789,7 +163354,7 @@ function headerStyleSelectionsEqual(left, right) {
 //#endregion
 //#region ../preview-next/src/client/preview/SiteChromeCustomizeContext.tsx
 const SiteChromeCustomizeContext = createContext(null);
-function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, themeId = null, selectionId = null, selectionVersion = null, selectionUpdatedAt = null, initialSelections, headerSelectionContext, footerSelectionContext, siteStyleAccess = { kind: "hidden" } }) {
+function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, themeId = null, selectionId = null, selectionVersion = null, selectionUpdatedAt = null, initialSelections, headerSelectionContext, siteStyleAccess = { kind: "hidden" }, canOpenDesignEditor = false }) {
 	const previewDesign = usePreviewDesignCoordinator();
 	const previewDesignHistoryOrder = usePreviewDesignHistoryOrder();
 	const { clearPreview, previewTheme } = previewDesign;
@@ -163811,10 +163376,8 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 			selectionVersion: initialSelectionVersion,
 			selectionUpdatedAt: initialSelections.selectionUpdatedAt ?? selectionUpdatedAt ?? null
 		},
-		headerSelectionContext,
-		footerSelectionContext
+		headerSelectionContext
 	}), [
-		footerSelectionContext,
 		headerSelectionContext,
 		initialSelectionVersion,
 		initialSelections,
@@ -163924,11 +163487,9 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		return buildSiteChromeLookModels({
 			state,
 			siteStyle,
-			headerSelectionContext: withHeaderBrandPreferences(headerSelectionContext, headerBrandControlState.preferences),
-			footerSelectionContext
+			headerSelectionContext: withHeaderBrandPreferences(headerSelectionContext, headerBrandControlState.preferences)
 		});
 	}, [
-		footerSelectionContext,
 		headerBrandControlState.preferences,
 		headerSelectionContext,
 		state
@@ -163970,16 +163531,12 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		const currentId = state.previewed.footerLookId;
 		const selected = lookModels.footer.options.find((option) => option.id === currentId);
 		const rendered = lookModels.footer.options.find((option) => option.id === lookModels.footer.renderedLookId);
-		const renderedLayout = lookModels.footerLayout.options.find((option) => option.id === lookModels.footerLayout.renderedLayoutId);
 		return {
 			kind: "available",
 			surface: "footer",
 			label: "Footer",
-			currentLayoutId: lookModels.footerLayout.renderedLayoutId,
-			currentLayoutLabel: renderedLayout?.label ?? "Unknown Layout",
-			layoutOptions: lookModels.footerLayout.options,
 			currentId,
-			currentLabel: selected?.label ?? (currentId ? "Unknown Look" : `${rendered?.label ?? "Site style"} (default)`),
+			currentLabel: selected?.label ?? (currentId ? "Unknown link treatment" : `${rendered?.label ?? "Site style"} (default)`),
 			options: lookModels.footer.options,
 			diagnostics: lookModels.footer.diagnostics,
 			background: backgroundControlState(backgroundPreferences.footer, true),
@@ -164016,7 +163573,6 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 			selection,
 			baseTheme: currentThemeRef.current ?? theme,
 			headerSelectionContext,
-			footerSelectionContext,
 			headerBrandPreferences,
 			headerNavPreferences,
 			backgroundPreferences: nextBackgroundPreferences,
@@ -164148,7 +163704,6 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		return outcome;
 	}, [
 		apiClient,
-		footerSelectionContext,
 		headerSelectionContext,
 		previewDesignHistoryOrder,
 		previewTheme,
@@ -164221,21 +163776,6 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		if (!current) return;
 		persistSelection("footer", previewFooterLook(current, planFooterLookSelection(lookId)).previewed, "footer-look");
 	}, [applyAllowed, persistSelection]);
-	const selectFooterLayout = useCallback((layoutId) => {
-		if (!applyAllowed) return;
-		const current = stateRef.current;
-		if (!current || !lookModels) return;
-		const nextLookId = planSiteChromeFooterLayoutSelection({
-			layoutId,
-			currentLookId: current.previewed.footerLookId ?? lookModels.footer.renderedLookId
-		});
-		if (!nextLookId) return;
-		persistSelection("footer", previewFooterLook(current, nextLookId).previewed, "footer-layout");
-	}, [
-		applyAllowed,
-		lookModels,
-		persistSelection
-	]);
 	const cycleSurfaceLook = useCallback((surface, direction) => {
 		const currentState = getSurfaceState(surface);
 		if (currentState.kind !== "available") return;
@@ -164251,29 +163791,13 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		selectFooterLook,
 		selectHeaderStyle
 	]);
-	const cycleSurfaceLayout = useCallback((surface, direction) => {
-		const currentState = getSurfaceState(surface);
-		if (currentState.kind !== "available") return;
-		switch (currentState.surface) {
-			case "header": {
-				const next = cycleSiteChromeLookId(currentState.layoutOptions, currentState.currentLayoutId, direction);
-				if (next === void 0 || next === null) return;
-				selectHeaderLayout(next);
-				return;
-			}
-			case "footer": {
-				const next = cycleSiteChromeLookId(currentState.layoutOptions, currentState.currentLayoutId, direction);
-				if (next === void 0 || next === null) return;
-				selectFooterLayout(next);
-				return;
-			}
-			default: return assertNever$8(currentState, "Unhandled site chrome customize surface state");
-		}
-	}, [
-		getSurfaceState,
-		selectFooterLayout,
-		selectHeaderLayout
-	]);
+	const cycleHeaderLayout = useCallback((direction) => {
+		const currentState = getSurfaceState("header");
+		if (currentState.kind !== "available" || currentState.surface !== "header") return;
+		const next = cycleSiteChromeLookId(currentState.layoutOptions, currentState.currentLayoutId, direction);
+		if (next === void 0 || next === null) return;
+		selectHeaderLayout(next);
+	}, [getSurfaceState, selectHeaderLayout]);
 	const setHeaderBrandDisplay = useCallback((brandDisplay) => {
 		if (brandDisplay === "logo-only" && headerBrandControlState.kind === "no-logo") return;
 		persistHeaderBrandPreferences({
@@ -164412,9 +163936,10 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		historyFailure: siteChromeQuickControlHistoryFailureMessage(quickControlHistory)
 	}), [applyQuickControlHistoryMutation, quickControlHistory]);
 	const value = useMemo(() => ({
+		canOpenDesignEditor,
 		getSurfaceState,
 		cycleSurfaceLook,
-		cycleSurfaceLayout,
+		cycleHeaderLayout,
 		setHeaderBrandDisplay,
 		setHeaderLogoSize,
 		setHeaderMenuFont,
@@ -164424,7 +163949,8 @@ function SiteChromeCustomizeProvider({ children, siteId, apiClient, theme, theme
 		siteStyleHistory: siteStyleHistoryController,
 		quickControlHistory: quickControlHistoryController
 	}), [
-		cycleSurfaceLayout,
+		cycleHeaderLayout,
+		canOpenDesignEditor,
 		cycleSurfaceLook,
 		chooseSurfaceBackground,
 		getSurfaceState,
@@ -164511,7 +164037,7 @@ function selectionSnapshotFromSiteChromeSaveResponse({ saved, fallback, savePlan
 		siteStyleId: fallback.siteStyleId,
 		selectionVersion: fallback.selectionVersion,
 		selectionUpdatedAt: saved.selectionUpdatedAt ?? fallback.selectionUpdatedAt ?? null,
-		buttonPersonalityId: savePlan.compiled.resolvedSelections.buttonPersonalityId,
+		buttonStyleSelection: savePlan.compiled.resolvedSelections.buttonStyleSelection,
 		palette: fallback.palette,
 		typography: savePlan.themeOverlay.typography,
 		headerLookId: saved.headerLookId ?? fallback.headerLookId,
@@ -164546,4 +164072,4 @@ function useSiteChromeCustomizeOptional() {
 	return useContext(SiteChromeCustomizeContext);
 }
 //#endregion
-export { beginAutosaveBatch as $, eventPageSizeSchema as $a, getImageUrl as $c, SlidersHorizontal as $d, NAV_LINK_PADDING_X_MAP as $i, Popover as $l, useImageResolveContextOptional as $n, resolveEventLinkProps as $o, headingFragment as $r, resolveIconPickerPreset as $s, evaluateVisibility as $t, cva as $u, deriveStyleConfiguratorCapabilities as A, paletteColorsEqual as Aa, XIcon as Ac, parseMediaAssetId as Ad, CirclePlus as Af, formatSiteChromeBackgroundTokenLabel as Ai, useBlockContext as Al, CSS$1 as An, normalizeEventVenueId as Ao, checkoutBlockDefinition as Ar, getFeatureCardIconCompletion as As, canUndoHistory as At, Surface as Au, previewButtonPersonality as B, buildOfferingsPreviewRenderStates as Ba, resolveMediaNodeResponsiveImage as Bc, err as Bd, ArrowUp as Bf, designRuntimeRulesForTheme as Bi, TooltipContent as Bl, siteHeaderManifest as Bn, normalizeLocationMapProps as Bo, buildProductDetailDisplay as Br, resolveBlockIconRenderValue as Bs, createSnapshotFromPageRecord as Bt, __generator as Bu, usePreviewThemeOverlay as C, foregroundTokenForBackgroundAppearanceColorToken as Ca, MapPinIcon as Cc, publicEventPricingMode as Cd, Eye as Cf, BACKGROUND_POSITION_PRESET_VALUES as Ci, surfaceForegroundDeclarations as Cl, closestCenter as Cn, eventSurfaceScopeValues as Co, getWizardStepsForContext as Cr, ICON_CONFIG as Cs, useEntryController as Ct, Root$3 as Cu, committedPaletteForSnapshot as D, findCuratedPalette as Da, PlusIcon as Dc, formatCurrencyAmount as Dd, CreditCard as Df, resolveBackgroundColorValue as Di, getModalConfig as Dl, useDroppable as Dn, normalizeEventStaffMemberId as Do, buildCourseRegistrationInteractiveIslandProps as Dr, FEATURE_CARD_GENERATED_ICON_SIZE_PX as Ds, useEditorUiStoreInstance as Dt, CardContent as Du, cancelPreview as E, curatedPalettes as Ea, PlayIcon as Ec, publicEventTicketTypes as Ed, Crop as Ef, resolveSurfaceForegroundStyles as Ei, getFieldIntent as El, useDraggable as En, normalizeEventScheduleScope as Eo, courseRegistrationBlockDefinition as Er, mediaSchema$1 as Es, useEditorUiStore as Et, Card as Eu, markApplySaving as F, ctaButton as Fa, computeMediaTransformStyle as Fc, unsafeAsFormId as Fd, ChevronRight as Ff, normalEditorCuratedPromotedFieldPaths as Fi, mapOptionValueForSelect as Fl, isSupportedLoaderEndpoint as Fn, normalizeCardVariantRole as Fo, buildProductListInteractiveIslandProps as Fr, toFeatureCardIconSuggestionInputs as Fs, unsafeAsLinkedContentEntryId as Ft, DropdownMenuSeparator as Fu, previewSitePalette as G, resolveOfferingsPreviewCoursePath as Ga, attachRenderableMediaAssetFields as Gc, Undo2 as Gd, __toESM as Gf, pageDesignEditorBackgroundOverrideOwner as Gi, Select$1 as Gl, contentTransforms as Gn, formatEventPrice as Go, buildProductCartItem as Gr, unwrapRichTextRoot as Gs, usePalette as Gt, useId$1 as Gu, previewFooterLook as H, isOfferingsPreviewSourceKey as Ha, setContextResolveImageUrlContext as Hc, lucide_react_exports as Hd, Archive as Hf, surfaceResolutionContextFromTheme as Hi, TooltipTrigger as Hl, SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR as Hn, formatDate as Ho, formatInterval as Hr, parseGeneratedIconSetId as Hs, resolvePageRouteSlug as Ht, __rest as Hu, openRow as I, OFFERINGS_PREVIEW_DEFAULT_BUTTON_TEXT as Ia, getCurrentResolveImageUrlContext as Ic, unsafeAsMediaAssetId as Id, ChevronLeft as If, planPageDesignLayoutLookCompatibility as Ii, unmapValueFromSelect as Il, getBlockDefinition as In, isCssColorLiteral as Io, buildShopInteractiveIslandProps as Ir, buildGeneratedBlockIconRenderAssetLookupFromUnknown as Is, recordsEqual as It, DropdownMenuTrigger as Iu, resetTypographyToSaved as J, resolveOfferingsPreviewGroups as Ja, formatAspectRatioToken as Jc, Ticket as Jd, parseBlockCustomCssRules as Ji, SelectTrigger as Jl, uiTransforms as Jn, formatTime as Jo, productItemKey as Jr, coerceInlineTextWithFallback as Js, validateBlockManifestIssues as Jt, useControllableState as Ju, previewSiteStyle as K, resolveOfferingsPreviewGroupCta as Ka, isRotationDimensionSwap as Kc, TriangleAlert as Kd, getComponentBorderWidthPx as Ki, SelectContent as Kl, mediaTransforms as Kn, formatEventPriceDisplay as Ko, deriveCommerceCheckoutState as Kr, isObjectRecord$1 as Ks, recoveryConflictCopy as Kt, useDirection as Ku, paletteMutationCapability as L, OFFERINGS_PREVIEW_DEFAULT_EMPTY_MESSAGE as La, renderAudio as Lc, unsafeAsPassId as Ld, ChevronDown as Lf, resolveVisiblePromotedFieldPathsForEditorBlock as Li, FieldFrame as Ll, listBlockDescriptors as Ln, resolveOnColorForThemeToken as Lo, getShopDisplayForItems as Lr, getBlockIconSemanticId as Ls, useMultiAutosave as Lt, __assign as Lu, isPreviewingChange as M, generateCssVars as Ma, ImagePresets as Mc, unsafeAsAppointmentResourceId as Md, CircleCheck as Mf, compileEditorModelRuntime as Mi, useSdkConfig as Ml, useCombinedRefs as Mn, generateCardCss as Mo, buildCartInteractiveIslandProps as Mr, resolveFeatureCardGeneratedIconSizePx as Ms, pushHistoryEntry as Mt, DropdownMenuContent as Mu, markApplyFailed as N, createTransformRegistry as Na, MediaPlaceholder as Nc, unsafeAsAppointmentServiceId as Nd, CircleAlert as Nf, retargetCompiledBoundaryRuntimeForContentAdjacency as Ni, hasEmptyOption as Nl, useIsomorphicLayoutEffect$1 as Nn, generateShadowValue as No, buildCheckoutInteractiveIslandProps as Nr, shouldReserveFeatureCardIconZone as Ns, redoHistory as Nt, DropdownMenuItem as Nu, createPalette as O, buildPaletteLibraryReadModel as Oa, ShoppingCartIcon as Oc, assertNever$9 as Od, Copy as Of, mergeHeaderNavTypographyPreference as Oi, isHeaderField as Ol, useSensor as On, normalizeEventSurfacePresetsCsv as Oo, normalizeEventRegistrationPageSurfaceSubject as Or, FEATURE_CARD_ICON_TREATMENTS as Os, useOptionalEditorUiStoreInstance as Ot, CardHeader as Ou, markApplySaved as P, runTransforms as Pa, buildResolveImageUrlContext as Pc, unsafeAsCustomerPassId as Pd, ChevronsUpDown as Pf, retargetCompiledRuntimeFieldsForContentAdjacency as Pi, mapCurrentValueForSelect as Pl, useUniqueId as Pn, normalizeBoxStylesCardVariant as Po, buildProductDetailInteractiveIslandProps as Pr, suggestSemanticIconForFeatureCard as Ps, undoHistory as Pt, DropdownMenuLabel as Pu, toggleRow as Q, eventListPaginationActionSchema as Qa, getDirectImageUrlForMediaAsset as Qc, Smartphone as Qd, NAV_LINK_PADDING_MAP as Qi, SearchInput as Ql, ImageResolveContextProvider as Qn, resolveEventCta as Qo, richTextFragment as Qr, isIconPickerPreset as Qs, FormRenderer as Qt, Button$1 as Qu, palettePreviewProjection as R, OFFERINGS_PREVIEW_DEFAULT_FAILED_MESSAGE as Ra, renderVideo as Rc, unsafeAsPositiveByteCount as Rd, Check as Rf, componentRuntimeRulesForTheme as Ri, useField as Rl, projectRecurringSchedule as Rn, resolveTokenOrCssColorValue as Ro, buildCartDisplay as Rr, getGeneratedBlockIconStyleState as Rs, useDebouncedLatestSave as Rt, __awaiter as Ru, PreviewThemeOverlayProvider as S, backgroundAppearanceQuickColorTokenNames as Sa, MailIcon as Sc, publicEventPricingCurrency as Sd, FileArchive as Sf, MQ_TABLET_ONLY as Si, DEFAULT_SURFACE_TEXT_COLOR as Sl, PointerSensor as Sn, eventScheduleScopeValues as So, getStepNumber as Sr, ACCORDION_TRIGGER_LETTER_SPACING as Ss, EntryControllerProvider as St, Content$1 as Su, applyTypographyDraftPatch as T, defaultThemeTokens as Ta, PhoneIcon as Tc, publicEventScalarPrice as Td, EllipsisVertical as Tf, boxStylesTransforms as Ti, useBackendWatch as Tl, useDndContext as Tn, normalizeEventCategoryIdsCsv as To, buildGiftingInteractiveIslandProps as Tr, PUBLIC_DOWNLOAD_MEDIA_TYPES as Ts, classifyHistoryShortcut as Tt, createCollapsibleScope as Tu, previewHeaderLayout as U, normalizeOfferingsPreviewGroupOrder as Ua, SECTION_BACKGROUND_MIN_SOURCE_WIDTH as Uc, X as Ud, __commonJSMin as Uf, isThemeV2NormalEditorRawStyleFieldName as Ui, Textarea as Ul, planSiteOverlayHeaderClearance as Un, formatEventCompactDateRail as Uo, EMPTY_COMMERCE_CART_STATE as Ur, parseSiteIconStyleGuideVersionId as Us, resolveContentTitle as Ut, __spreadArray as Uu, previewCuratedPalette as V, inferLegacyOfferingsPreviewGroupOrder as Va, resolveMediaStorageUrl as Vc, ok$1 as Vd, ArrowDown as Vf, getCuratedSiteStyle as Vi, TooltipProvider as Vl, SITE_CHROME_VISIBLE_HEADER_SELECTOR as Vn, toLocationMapHydrationProps as Vo, formatCommercePrice as Vr, parseGeneratedIconAssetId as Vs, deriveRouteMetadataPresentation as Vt, __read as Vu, previewHeaderStyle as W, normalizeOfferingsPreviewItemLimit as Wa, resolveMediaSlotContract as Wc, Upload as Wd, __exportAll as Wf, isThemeV2NormalEditorRawStylePath as Wi, Slider as Wl, visibleHeaderClearancePx as Wn, formatEventDateParts as Wo, buildPassCartItem as Wr, createRichTextDocFromMarkdown as Ws, PaletteProvider as Wt, __spreadArrays as Wu, styleConfiguratorHistoryEntryForPersistedSelection as X, resolveSpacing as Xa, resolveMediaTransformForAspect as Xc, Star as Xd, NAV_LINK_BORDER_RADIUS_MAP as Xi, Label as Xl, createManifestValidator as Xn, getContainerClass as Xo, augmentManifest as Xr, isInlineTextEmpty as Xs, createManifestFormAdapter as Xt, composeEventHandlers as Xu, setPaletteColors as Y, isSemanticSpacing as Ya, parseAspectRatioValue as Yc, Tablet as Yd, parseCustomCssRules as Yi, SelectValue as Yl, formattingTransforms as Yn, getCardOrientation as Yo, reduceCommerceCart as Yr, inlineTextToPlainText as Ys, ManifestForm as Yt, createContextScope as Yu, syncStyleConfiguratorState as Z, buildEventRuntimeFilters as Za, asRecord as Zc, Sparkles as Zd, NAV_LINK_LETTER_SPACING_MAP as Zi, Badge as Zl, isInternalResolvedLinkValue as Zn, groupEventsByDate as Zo, augmentManifestWithStyleGroups as Zr, parseInlineTextFromUnknown as Zs, createManifestValidation as Zt, Primitive as Zu, planSiteChromeFooterLayoutSelection as _, sectionTransitionFamilies as _a, FileArchiveIcon as _c, resolveBookingTimeZoneId as _d, File as _f, MQ_LG_UP as _i, borderColorStyle as _l, DEFAULT_LAUNCH_READINESS_INPUT as _n, el as _o, findPreSelectedEvent as _r, asDesignBlockId as _s, EditorProvider as _t, DialogHeader as _u, previewDesignHistoryDomainForCommand as a, requireEntriesForCuratedChoices as aa, ArrowRightIcon as ac, createEditorRemoveBlockCommand as ad, Pencil as af, formEmbedFragment as ai, generateButtonCss as al, createBlock as an, normalizeOptionalId as ao, eventListingBlockDefinition as ar, blockBookingPaymentTermsSchema as as, createOptimisticActionRunner as at, TabsList as au, PreviewDesignCoordinatorProvider as b, BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO as ba, FileTextIcon as bc, parseEventPageSurfaceSubject as bd, FilePlay as bf, MQ_SM_DOWN as bi, rgbColorValue as bl, DndContext as bn, bindingSchema as bo, resolveRegistrationTarget as br, ACCORDION_SPACING_MAP as bs, useUISelector as bt, CollapsibleContent as bu, selectionSnapshotFromApplySiteStyleSelectionResponse as c, getHeaderLayout as ca, ChevronDownIcon as cc, unsafeAsEditorBlockValues as cd, Monitor as cf, testimonialsHeadingFragment as ci, featuresFromHex as cl, deleteBlock as cn, eventButtonVariantSchema as co, buildEventCalendarInteractiveIslandProps as cr, defineInteractiveIslandMetaKeys as cs, PreviewRichTextEditor as ct, List as cu, PREVIEW_DESIGN_REFRESH_ERROR_MESSAGE as d, GRADIENT_PRESETS as da, ChevronUpIcon as dc, formatBookingDateTime as dd, LoaderCircle as df, ctaRowFragment as di, generateBaseInteractiveCSS as dl, listEntryPageContentSlots as dn, filterAutoShowSchema as do, formBlockDefinition as dr, defineProgressiveBlockRuntime as ds, useRichTextEditor as dt, ScrollableDialogContent as du, NAV_LINK_TEXT_SIZE_MAP as ea, SEMANTIC_ICON_DEFINITIONS as ec, useComposedRefs as ed, Settings as ef, cardFragment as ei, getAtPath as el, createStoreBackend as en, getEventRuntimeFiltersKey as eo, shopBlockDefinition as er, getEventAvailability as es, confirmAutosaveBatch as et, PopoverContent as eu, PREVIEW_DESIGN_SAVE_ERROR_MESSAGE as f, GRADIENT_PRESET_IDS as fa, CircleMinusIcon as fc, formatBookingInstant as fd, Image as ff, heroCopyFragment as fi, generateInteractiveChildInheritanceCSS as fl, mutateBlockContent as fn, previewStageSchema as fo, buildFormInteractiveIslandProps as fr, EDITABLE_SURFACE_FORWARDING_PROP as fs, EMPTY_DOC as ft, Dialog as fu, cycleableSiteChromeOptions as g, defaultSectionTransitionVariantForFamily as ga, ExternalLinkIcon as gc, parseBookingLocalDate as gd, GripVertical as gf, siteOptionSources as gi, backgroundColorStyle as gl, decodePublicProductCategorySelectorQuery as gn, bind$1 as go, findEventByOccurrenceId as gr, planSiteChromePlacement as gs, InlineTextEditor as gt, DialogFooter as gu, cycleSiteChromeLookId as h, boundaryRuntimeMetricsForTransition as ha, DownloadIcon as hc, getBookingLocalDateKey as hd, ImageOff as hf, PUBLIC_FILE_FIELD_KINDS as hi, themeButtonClassName as hl, reorderPageSurfaceSlotBlocks as hn, eventCalendarListLayoutOptions as ho, toRegistrationEvents as hr, splitPositioningClasses as hs, insertOrReplaceRichTextImage as ht, DialogDescription as hu, usePreviewDesignHistoryOrder as i, LABEL_FONT_SIZE_MAP as ia, ArrowLeftIcon as ic, createEditorInsertBlockCommand as id, Plus as if, singleButtonFragment as ii, AFFORDANCE_SUPPRESS_CLASS as il, getPageDesignEditorState as in, normalizeCsvString as io, buildNewsletterFormInteractiveIslandProps as ir, resolveRuntimeEventPricing as is, rejectAutosaveBatch as it, TabsContent as iu, dismissWarnings as j, paletteColorsSchema as ja, createIcon as jc, parseSiteId as jd, CircleMinus as jf, applyCompiledRuntimeFieldsToContent as ji, SdkConfigProvider as jl, isKeyboardEvent as jn, publicEventSchema as jo, cartBlockDefinition as jr, parseFeatureCardGeneratedIconSizePx as js, createHistoryState as jt, DropdownMenu as ju, createStyleConfiguratorState as k, paletteColorEntries as ka, UploadIcon as kc, expectParsedBrandedId as kd, Clock3 as kf, readHeaderNavFontSizePreference as ki, isNonEmptyValue as kl, useSensors as kn, normalizeEventSurfaceScope as ko, resolveEventRegistrationScopedEvents as kr, createFeatureCardIconKey as ks, canRedoHistory as kt, CardTitle as ku, resolveStyleConfiguratorInitialSnapshot as l, getHeaderStyle as la, ChevronLeftIcon as lc, addLocalScheduleDays as ld, Minus as lf, ctaCopyFragment as li, generateEffectsCSS as ll, deleteEntrySlotBlock as ln, eventCalendarDefaultViewSchema as lo, buildEventCalendarListingDisplay as lr, createZodCodec as ls, PreviewInlineTextEditor as lt, Root2$1 as lu, buildSiteChromeLookModels as m, parseGradientPresetId as ma, ClockIcon as mc, formatLocalScheduleDate as md, ImagePlus as mf, defineFragment as mi, parseThemeButtonVariantId as ml, reorderEntrySlotBlocks as mn, eventCalendarListLayoutCompatibleDisplayModeValues as mo, buildEventRegistrationInteractiveIslandProps as mr, markEditableSurfaceForwarding as ms, getRichTextImagePositionFromTarget as mt, DialogContent as mu, useSiteChromeCustomizeOptional as n, INPUT_FONT_SIZE_MAP as na, isSemanticIconId as nc, clsx as nd, RotateCcw as nf, faqHeadingFragment as ni, buttonPersonalities as nl, toRoutableLinkPayload as nn, resolveEventListPaginationAction as no, productDetailBlockDefinition as nr, getLocalDateKey as ns, enqueueTransaction as nt, Input as nu, selectPreviewDesignHistoryDomain as o, findFooterLook as oa, CalendarIcon as oc, createEditorReorderBlocksCommand as od, PenLine as of, formCopyFragment as oi, expandPalette as ol, createEntrySlotBlock as on, calendarTabViewsSchema as oo, buildEventListingInteractiveIslandProps as or, buildInteractiveIslandProps as os, resolvePreviewSidebarTab as ot, TabsTrigger as ou, reportPreviewDesignError as p, getGradientPreset as pa, CirclePlusIcon as pc, formatBookingTime as pd, ImageUp as pf, bodyCopyFragment as pi, TokenResolver as pl, reorderBlocks as pn, weekStartSchema as po, eventRegistrationBlockDefinition as pr, composeHeaderSectionWrapperClassName as ps, RichTextEditorSurface as pt, DialogClose as pu, reconcilePaletteLibraryActive as q, resolveOfferingsPreviewGroupOrderEntries as qa, normalizeRightAngle as qc, Trash2 as qd, getComponentShadowVar as qi, SelectItem as ql, layoutTransforms as qn, formatEventTeacherLine as qo, parseStoredCommerceCartState as qr, isRecord$10 as qs, unfinishedBlockCopy as qt, createCollection as qu, PreviewDesignHistoryOrderProvider as r, INPUT_SPACING_MAP as ra, ArrowDownIcon as rc, parseFooterModuleId as rd, Redo2 as rf, blogFeaturedPostFragment as ri, findButtonPersonality as rl, applyPageDesignEditorAction as rn, normalizeCsvIds as ro, newsletterSignupBlockDefinition as rr, getLocalMinuteOfDay as rs, idleEditorTransactionQueueState as rt, Tabs as ru, buildApplySiteStyleSelectionBody as s, getFooterLayout as sa, CheckIcon as sc, unsafeAsEditorBlockId as sd, Palette as sf, testimonialsCarouselFragment as si, getTextColorForBackground as sl, createPageSurfaceSlotBlock as sn, columnOptionSchema as so, eventCalendarBlockDefinition as sr, createInteractiveIslandCodec as ss, FooterComposerPanel as st, Content as su, SiteChromeCustomizeProvider as t, FONT_WEIGHT_MAP as ta, getSemanticIconComponent as tc, cn$1 as td, Search as tf, faqAccordionFragment as ti, siblingPath as tl, listContentTypes as tn, resolveEventCalendarListPageSize as to, productListBlockDefinition as tr, getEventAvailabilityStatus as ts, deriveTransactionCapabilities as tt, PopoverTrigger as tu, PREVIEW_DESIGN_LOAD_ERROR_MESSAGE as u, gradientToCss as ua, ChevronRightIcon as uc, formatBookingDate as ud, Maximize2 as uf, heroCtaRowFragment as ui, generateShadowValue$1 as ul, deletePageSurfaceSlotBlock as un, eventLayoutSchema as uo, buildEventCalendarListingRender as ur, defineClientOwnedBlockRuntime as us, PreviewTextEditor as ut, Trigger$2 as uu, planSiteChromeLookSelection as v, sectionTransitionFamilyForBoundaryOptionId as va, FileAudioIcon as vc, toBookingTimeZone as vd, FileText as vf, MQ_MD_DOWN as vi, cssVarValue as vl, deriveLaunchReadiness as vn, richText as vo, resolveDiscountContext as vr, assertNever$8 as vs, useEditor$1 as vt, DialogTitle as vu, applyResolvedSelections as w, parseBackgroundAppearanceColorToken as wa, MinusIcon as wc, publicEventPricingType as wd, EyeOff as wf, getAnchorClasses as wi, surfaceForegroundValue as wl, getClientRect as wn, normalizeEventBlockKind as wo, giftingBlockDefinition as wr, ICON_SIZE_PX as ws, useEntryEditorController as wt, Trigger$3 as wu, usePreviewDesignCoordinator as x, backgroundAppearanceColorTokenNames as xa, InfoIcon as xc, formatBookingPriceDisplay as xd, FileHeadphone as xf, MQ_SM_UP as xi, textColorStyle as xl, KeyboardCode as xn, eventBlockKindValues as xo, WIZARD_STEPS as xr, ACCORDION_TRIGGER_FONT_SCALE as xs, EditableBlockProvider as xt, CollapsibleTrigger as xu, planSiteStylePreviewChange as y, sectionTransitionVariantForBoundaryOptionId as ya, FileSpreadsheetIcon as yc, toScheduledBookingDateTime as yd, FileSpreadsheet as yf, MQ_MD_UP as yi, mergeStyles as yl, AMBIENT_BACKGROUND_ROLES as yn, when as yo, resolveEventRequiresPayment as yr, ACCORDION_OPEN_ACCENT_THICKNESS as ys, ContentFieldsForm as yt, Collapsible as yu, prepareStalePaletteRetry as z, OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS as za, resolveImageUrlWithContext as zc, unsafeAsPositiveSeconds as zd, Box as zf, curatedSiteStyles as zi, Tooltip as zl, siteFooterManifest as zn, buildGoogleMapsDirectionsUrl as zo, buildProductCardDisplay as zr, parseBlockIconValue as zs, createRoutingHelpers as zt, __extends as zu };
+export { confirmAutosaveBatch as $, resolveEventListPaginationAction as $a, getImageUrl as $c, Sparkles as $d, NAV_LINK_TEXT_SIZE_MAP as $i, Badge as $l, shopBlockDefinition as $n, getLocalDateKey as $o, cardFragment as $r, resolveIconPickerPreset as $s, createStoreBackend as $t, Primitive as $u, dismissWarnings as A, createTransformRegistry as Aa, XIcon as Ac, assertNever$9 as Ad, Copy as Af, applyCompiledRuntimeFieldsToContent as Ai, isHeaderField as Al, isKeyboardEvent as An, generateShadowValue as Ao, cartBlockDefinition as Ar, shouldReserveFeatureCardIconZone as As, createHistoryState as At, CardHeader as Au, previewCuratedPalette as B, normalizeOfferingsPreviewGroupOrder as Ba, resolveMediaNodeResponsiveImage as Bc, unsafeAsPositiveByteCount as Bd, Check as Bf, getCuratedSiteStyle as Bi, useField as Bl, SITE_CHROME_VISIBLE_HEADER_SELECTOR as Bn, formatEventCompactDateRail as Bo, formatCommercePrice as Br, parseSiteIconStyleGuideVersionId as Bs, deriveRouteMetadataPresentation as Bt, __awaiter as Bu, applyResolvedSelections as C, curatedPalettes as Ca, MapPinIcon as Cc, formatBookingPriceDisplay as Cd, FileHeadphone as Cf, getAnchorClasses as Ci, textColorStyle as Cl, getClientRect as Cn, normalizeEventScheduleScope as Co, giftingBlockDefinition as Cr, mediaSchema$1 as Cs, useEntryEditorController as Ct, CollapsibleTrigger as Cu, createPalette as D, paletteColorsEqual as Da, PlusIcon as Dc, publicEventScalarPrice as Dd, EllipsisVertical as Df, mergeHeaderNavTypographyPreference as Di, useBackendWatch as Dl, useSensor as Dn, normalizeEventVenueId as Do, normalizeEventRegistrationPageSurfaceSubject as Dr, getFeatureCardIconCompletion as Ds, useOptionalEditorUiStoreInstance as Dt, createCollapsibleScope as Du, committedPaletteForSnapshot as E, paletteColorEntries as Ea, PlayIcon as Ec, publicEventPricingType as Ed, EyeOff as Ef, resolveBackgroundColorValue as Ei, surfaceForegroundValue as El, useDroppable as En, normalizeEventSurfaceScope as Eo, buildCourseRegistrationInteractiveIslandProps as Er, createFeatureCardIconKey as Es, useEditorUiStoreInstance as Et, Trigger$3 as Eu, openRow as F, OFFERINGS_PREVIEW_DEFAULT_FAILED_MESSAGE as Fa, computeMediaTransformStyle as Fc, unsafeAsAppointmentServiceId as Fd, CircleAlert as Ff, planPageDesignLayoutLookCompatibility as Fi, hasEmptyOption as Fl, getBlockDefinition as Fn, resolveTokenOrCssColorValue as Fo, buildShopInteractiveIslandProps as Fr, getGeneratedBlockIconStyleState as Fs, recordsEqual as Ft, DropdownMenuItem as Fu, previewSiteStyle as G, resolveOfferingsPreviewGroups as Ga, attachRenderableMediaAssetFields as Gc, X as Gd, __commonJSMin as Gf, getComponentBorderWidthPx as Gi, Textarea as Gl, mediaTransforms as Gn, formatTime as Go, deriveCommerceCheckoutState as Gr, coerceInlineTextWithFallback as Gs, recoveryConflictCopy as Gt, __spreadArray as Gu, previewHeaderLayout as H, resolveOfferingsPreviewCoursePath as Ha, setContextResolveImageUrlContext as Hc, err as Hd, ArrowUp as Hf, isThemeV2NormalEditorRawStyleFieldName as Hi, TooltipContent as Hl, planSiteOverlayHeaderClearance as Hn, formatEventPrice as Ho, EMPTY_COMMERCE_CART_STATE as Hr, unwrapRichTextRoot as Hs, resolveContentTitle as Ht, __generator as Hu, paletteMutationCapability as I, OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS as Ia, getCurrentResolveImageUrlContext as Ic, unsafeAsCustomerPassId as Id, ChevronsUpDown as If, resolveVisiblePromotedFieldPathsForEditorBlock as Ii, mapCurrentValueForSelect as Il, listBlockDescriptors as In, buildGoogleMapsDirectionsUrl as Io, getShopDisplayForItems as Ir, parseBlockIconValue as Is, useMultiAutosave as It, DropdownMenuLabel as Iu, setPaletteColors as J, buildEventRuntimeFilters as Ja, formatAspectRatioToken as Jc, TriangleAlert as Jd, parseCustomCssRules as Ji, SelectContent as Jl, formattingTransforms as Jn, groupEventsByDate as Jo, reduceCommerceCart as Jr, parseInlineTextFromUnknown as Js, ManifestForm as Jt, useDirection as Ju, reconcilePaletteLibraryActive as K, isSemanticSpacing as Ka, isRotationDimensionSwap as Kc, Upload as Kd, __exportAll as Kf, getComponentShadowVar as Ki, Slider as Kl, layoutTransforms as Kn, getCardOrientation as Ko, parseStoredCommerceCartState as Kr, inlineTextToPlainText as Ks, unfinishedBlockCopy as Kt, __spreadArrays as Ku, palettePreviewProjection as L, buildOfferingsPreviewRenderStates as La, renderAudio as Lc, unsafeAsFormId as Ld, ChevronRight as Lf, componentRuntimeRulesForTheme as Li, mapOptionValueForSelect as Ll, projectRecurringSchedule as Ln, normalizeLocationMapProps as Lo, buildCartDisplay as Lr, resolveBlockIconRenderValue as Ls, useDebouncedLatestSave as Lt, DropdownMenuSeparator as Lu, markApplyFailed as M, ctaButton as Ma, ImagePresets as Mc, parseMediaAssetId as Md, CirclePlus as Mf, retargetCompiledBoundaryRuntimeForContentAdjacency as Mi, useBlockContext as Ml, useIsomorphicLayoutEffect$1 as Mn, normalizeCardVariantRole as Mo, buildCheckoutInteractiveIslandProps as Mr, toFeatureCardIconSuggestionInputs as Ms, redoHistory as Mt, Surface as Mu, markApplySaved as N, OFFERINGS_PREVIEW_DEFAULT_BUTTON_TEXT as Na, MediaPlaceholder as Nc, parseSiteId as Nd, CircleMinus as Nf, retargetCompiledRuntimeFieldsForContentAdjacency as Ni, SdkConfigProvider as Nl, useUniqueId as Nn, isCssColorLiteral as No, buildProductDetailInteractiveIslandProps as Nr, buildGeneratedBlockIconRenderAssetLookupFromUnknown as Ns, undoHistory as Nt, DropdownMenu as Nu, createStyleConfiguratorState as O, paletteColorsSchema as Oa, ShoppingCartIcon as Oc, publicEventTicketTypes as Od, Crop as Of, readHeaderNavFontSizePreference as Oi, getFieldIntent as Ol, useSensors as On, publicEventSchema as Oo, resolveEventRegistrationScopedEvents as Or, parseFeatureCardGeneratedIconSizePx as Os, canRedoHistory as Ot, Card as Ou, markApplySaving as P, OFFERINGS_PREVIEW_DEFAULT_EMPTY_MESSAGE as Pa, buildResolveImageUrlContext as Pc, unsafeAsAppointmentResourceId as Pd, CircleCheck as Pf, normalEditorCuratedPromotedFieldPaths as Pi, useSdkConfig as Pl, isSupportedLoaderEndpoint as Pn, resolveOnColorForThemeToken as Po, buildProductListInteractiveIslandProps as Pr, getBlockIconSemanticId as Ps, unsafeAsLinkedContentEntryId as Pt, DropdownMenuContent as Pu, beginAutosaveBatch as Q, resolveEventCalendarListPageSize as Qa, getDirectImageUrlForMediaAsset as Qc, Star as Qd, NAV_LINK_PADDING_X_MAP as Qi, Label as Ql, useImageResolveContextOptional as Qn, getEventAvailabilityStatus as Qo, headingFragment as Qr, isIconPickerPreset as Qs, evaluateVisibility as Qt, composeEventHandlers as Qu, prepareStalePaletteRetry as R, inferLegacyOfferingsPreviewGroupOrder as Ra, renderVideo as Rc, unsafeAsMediaAssetId as Rd, ChevronLeft as Rf, curatedSiteStyles as Ri, unmapValueFromSelect as Rl, siteFooterManifest as Rn, toLocationMapHydrationProps as Ro, buildProductCardDisplay as Rr, parseGeneratedIconAssetId as Rs, createRoutingHelpers as Rt, DropdownMenuTrigger as Ru, usePreviewThemeOverlay as S, defaultThemeTokens as Sa, MailIcon as Sc, parseEventPageSurfaceSubject as Sd, FilePlay as Sf, BACKGROUND_POSITION_PRESET_VALUES as Si, rgbColorValue as Sl, closestCenter as Sn, normalizeEventCategoryIdsCsv as So, getWizardStepsForContext as Sr, PUBLIC_DOWNLOAD_MEDIA_TYPES as Ss, useEntryController as St, CollapsibleContent as Su, cancelPreview as T, buildPaletteLibraryReadModel as Ta, PhoneIcon as Tc, publicEventPricingMode as Td, Eye as Tf, resolveSurfaceForegroundStyles as Ti, surfaceForegroundDeclarations as Tl, useDraggable as Tn, normalizeEventSurfacePresetsCsv as To, courseRegistrationBlockDefinition as Tr, FEATURE_CARD_ICON_TREATMENTS as Ts, useEditorUiStore as Tt, Root$3 as Tu, previewHeaderStyle as U, resolveOfferingsPreviewGroupCta as Ua, SECTION_BACKGROUND_MIN_SOURCE_WIDTH as Uc, ok$1 as Ud, ArrowDown as Uf, isThemeV2NormalEditorRawStylePath as Ui, TooltipProvider as Ul, visibleHeaderClearancePx as Un, formatEventPriceDisplay as Uo, buildPassCartItem as Ur, isObjectRecord$1 as Us, PaletteProvider as Ut, __read as Uu, previewFooterLook as V, normalizeOfferingsPreviewItemLimit as Va, resolveMediaStorageUrl as Vc, unsafeAsPositiveSeconds as Vd, Box as Vf, surfaceResolutionContextFromTheme as Vi, Tooltip as Vl, SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR as Vn, formatEventDateParts as Vo, formatInterval as Vr, createRichTextDocFromMarkdown as Vs, resolvePageRouteSlug as Vt, __extends as Vu, previewSitePalette as W, resolveOfferingsPreviewGroupOrderEntries as Wa, resolveMediaSlotContract as Wc, lucide_react_exports as Wd, Archive as Wf, pageDesignEditorBackgroundOverrideOwner as Wi, TooltipTrigger as Wl, contentTransforms as Wn, formatEventTeacherLine as Wo, buildProductCartItem as Wr, isRecord$10 as Ws, usePalette as Wt, __rest as Wu, syncStyleConfiguratorState as X, eventPageSizeSchema as Xa, resolveMediaTransformForAspect as Xc, Ticket as Xd, NAV_LINK_LETTER_SPACING_MAP as Xi, SelectTrigger as Xl, isInternalResolvedLinkValue as Xn, resolveEventLinkProps as Xo, augmentManifestWithStyleGroups as Xr, canonicalizePersistedBlockButtonRole as Xs, createManifestValidation as Xt, useControllableState as Xu, styleConfiguratorHistoryEntryForPersistedSelection as Y, eventListPaginationActionSchema as Ya, parseAspectRatioValue as Yc, Trash2 as Yd, NAV_LINK_BORDER_RADIUS_MAP as Yi, SelectItem as Yl, createManifestValidator as Yn, resolveEventCta as Yo, augmentManifest as Yr, BLOCK_BUTTON_ROLE_OPTIONS as Ys, createManifestFormAdapter as Yt, createCollection as Yu, toggleRow as Z, getEventRuntimeFiltersKey as Za, asRecord as Zc, Tablet as Zd, NAV_LINK_PADDING_MAP as Zi, SelectValue as Zl, ImageResolveContextProvider as Zn, getEventAvailability as Zo, richTextFragment as Zr, isBlockButtonRole as Zs, FormRenderer as Zt, createContextScope as Zu, planSiteChromeLookSelection as _, BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO as _a, FileArchiveIcon as _c, getBookingLocalDateKey as _d, ImageOff as _f, MQ_MD_DOWN as _i, parseThemeButtonVariantId as _l, deriveLaunchReadiness as _n, bindingSchema as _o, resolveDiscountContext as _r, ACCORDION_SPACING_MAP as _s, useEditor$1 as _t, DialogDescription as _u, previewDesignHistoryDomainForCommand as a, getHeaderLayout as aa, ArrowRightIcon as ac, parseFooterModuleId as ad, Redo2 as af, formCopyFragment as ai, updateButtonStyleSelectionChoice as al, createEntrySlotBlock as an, eventButtonVariantSchema as ao, buildEventListingInteractiveIslandProps as ar, defineInteractiveIslandMetaKeys as as, resolvePreviewSidebarTab as at, Tabs as au, usePreviewDesignCoordinator as b, foregroundTokenForBackgroundAppearanceColorToken as ba, FileTextIcon as bc, toBookingTimeZone as bd, FileText as bf, MQ_SM_UP as bi, cssVarValue as bl, KeyboardCode as bn, eventSurfaceScopeValues as bo, WIZARD_STEPS as br, ICON_CONFIG as bs, EditableBlockProvider as bt, DialogTitle as bu, selectionSnapshotFromApplySiteStyleSelectionResponse as c, GRADIENT_PRESETS as ca, ChevronDownIcon as cc, createEditorReorderBlocksCommand as cd, PenLine as cf, ctaCopyFragment as ci, generateButtonCss as cl, deleteEntrySlotBlock as cn, filterAutoShowSchema as co, buildEventCalendarListingDisplay as cr, defineProgressiveBlockRuntime as cs, PreviewInlineTextEditor as ct, TabsTrigger as cu, PREVIEW_DESIGN_REFRESH_ERROR_MESSAGE as d, parseGradientPresetId as da, ChevronUpIcon as dc, addLocalScheduleDays as dd, Minus as df, heroCopyFragment as di, featuresFromHex as dl, mutateBlockContent as dn, eventCalendarListLayoutCompatibleDisplayModeValues as do, buildFormInteractiveIslandProps as dr, markEditableSurfaceForwarding as ds, EMPTY_DOC as dt, Root2$1 as du, FONT_WEIGHT_MAP as ea, SEMANTIC_ICON_DEFINITIONS as ec, Button$1 as ed, Smartphone as ef, faqAccordionFragment as ei, getAtPath as el, listContentTypes as en, normalizeCsvIds as eo, productListBlockDefinition as er, getLocalMinuteOfDay as es, deriveTransactionCapabilities as et, SearchInput as eu, PREVIEW_DESIGN_SAVE_ERROR_MESSAGE as f, boundaryRuntimeMetricsForTransition as fa, CircleMinusIcon as fc, formatBookingDate as fd, Maximize2 as ff, bodyCopyFragment as fi, generateEffectsCSS as fl, reorderBlocks as fn, eventCalendarListLayoutOptions as fo, eventRegistrationBlockDefinition as fr, splitPositioningClasses as fs, RichTextEditorSurface as ft, Trigger$2 as fu, cycleableSiteChromeOptions as g, sectionTransitionVariantForBoundaryOptionId as ga, ExternalLinkIcon as gc, formatLocalScheduleDate as gd, ImagePlus as gf, MQ_LG_UP as gi, TokenResolver as gl, DEFAULT_LAUNCH_READINESS_INPUT as gn, when as go, findPreSelectedEvent as gr, ACCORDION_OPEN_ACCENT_THICKNESS as gs, EditorProvider as gt, DialogContent as gu, cycleSiteChromeLookId as h, sectionTransitionFamilyForBoundaryOptionId as ha, DownloadIcon as hc, formatBookingTime as hd, ImageUp as hf, siteOptionSources as hi, generateInteractiveChildInheritanceCSS as hl, decodePublicProductCategorySelectorQuery as hn, richText as ho, findEventByOccurrenceId as hr, assertNever$8 as hs, InlineTextEditor as ht, DialogClose as hu, usePreviewDesignHistoryOrder as i, findFooterLook as ia, ArrowLeftIcon as ic, clsx as id, RotateCcw as if, formEmbedFragment as ii, resolveButtonStyleSelection as il, createBlock as in, columnOptionSchema as io, eventListingBlockDefinition as ir, createInteractiveIslandCodec as is, createOptimisticActionRunner as it, Input as iu, isPreviewingChange as j, runTransforms as ja, createIcon as jc, expectParsedBrandedId as jd, Clock3 as jf, compileEditorModelRuntime as ji, isNonEmptyValue as jl, useCombinedRefs as jn, normalizeBoxStylesCardVariant as jo, buildCartInteractiveIslandProps as jr, suggestSemanticIconForFeatureCard as js, pushHistoryEntry as jt, CardTitle as ju, deriveStyleConfiguratorCapabilities as k, generateCssVars as ka, UploadIcon as kc, formatCurrencyAmount as kd, CreditCard as kf, formatSiteChromeBackgroundTokenLabel as ki, getModalConfig as kl, CSS$1 as kn, generateCardCss as ko, checkoutBlockDefinition as kr, resolveFeatureCardGeneratedIconSizePx as ks, canUndoHistory as kt, CardContent as ku, resolveStyleConfiguratorInitialSnapshot as l, GRADIENT_PRESET_IDS as la, ChevronLeftIcon as lc, unsafeAsEditorBlockId as ld, Palette as lf, heroCtaRowFragment as li, expandPalette as ll, deletePageSurfaceSlotBlock as ln, previewStageSchema as lo, buildEventCalendarListingRender as lr, EDITABLE_SURFACE_FORWARDING_PROP as ls, PreviewTextEditor as lt, Content as lu, buildSiteChromeLookModels as m, sectionTransitionFamilies as ma, ClockIcon as mc, formatBookingInstant as md, Image as mf, PUBLIC_FILE_FIELD_KINDS as mi, generateBaseInteractiveCSS as ml, reorderPageSurfaceSlotBlocks as mn, el as mo, toRegistrationEvents as mr, asDesignBlockId as ms, insertOrReplaceRichTextImage as mt, Dialog as mu, useSiteChromeCustomizeOptional as n, INPUT_SPACING_MAP as na, isSemanticIconId as nc, useComposedRefs as nd, Settings as nf, blogFeaturedPostFragment as ni, buttonStyleSelectionParameterValue as nl, applyPageDesignEditorAction as nn, normalizeOptionalId as no, newsletterSignupBlockDefinition as nr, blockBookingPaymentTermsSchema as ns, idleEditorTransactionQueueState as nt, PopoverContent as nu, selectPreviewDesignHistoryDomain as o, getHeaderStyle as oa, CalendarIcon as oc, createEditorInsertBlockCommand as od, Plus as of, testimonialsCarouselFragment as oi, buttonStyleSelectionKey as ol, createPageSurfaceSlotBlock as on, eventCalendarDefaultViewSchema as oo, eventCalendarBlockDefinition as or, createZodCodec as os, FooterComposerPanel as ot, TabsContent as ou, reportPreviewDesignError as p, defaultSectionTransitionVariantForFamily as pa, CirclePlusIcon as pc, formatBookingDateTime as pd, LoaderCircle as pf, defineFragment as pi, generateShadowValue$1 as pl, reorderEntrySlotBlocks as pn, bind$1 as po, buildEventRegistrationInteractiveIslandProps as pr, planSiteChromePlacement as ps, getRichTextImagePositionFromTarget as pt, ScrollableDialogContent as pu, resetTypographyToSaved as q, resolveSpacing as qa, normalizeRightAngle as qc, Undo2 as qd, __toESM as qf, parseBlockCustomCssRules as qi, Select$1 as ql, uiTransforms as qn, getContainerClass as qo, productItemKey as qr, isInlineTextEmpty as qs, validateBlockManifestIssues as qt, useId$1 as qu, PreviewDesignHistoryOrderProvider as r, LABEL_FONT_SIZE_MAP as ra, ArrowDownIcon as rc, cn$1 as rd, Search as rf, singleButtonFragment as ri, findButtonStyleRecipe as rl, getPageDesignEditorState as rn, calendarTabViewsSchema as ro, buildNewsletterFormInteractiveIslandProps as rr, buildInteractiveIslandProps as rs, rejectAutosaveBatch as rt, PopoverTrigger as ru, buildApplySiteStyleSelectionBody as s, gradientToCss as sa, CheckIcon as sc, createEditorRemoveBlockCommand as sd, Pencil as sf, testimonialsHeadingFragment as si, AFFORDANCE_SUPPRESS_CLASS as sl, deleteBlock as sn, eventLayoutSchema as so, buildEventCalendarInteractiveIslandProps as sr, defineClientOwnedBlockRuntime as ss, PreviewRichTextEditor as st, TabsList as su, SiteChromeCustomizeProvider as t, INPUT_FONT_SIZE_MAP as ta, getSemanticIconComponent as tc, cva as td, SlidersHorizontal as tf, faqHeadingFragment as ti, siblingPath as tl, toRoutableLinkPayload as tn, normalizeCsvString as to, productDetailBlockDefinition as tr, resolveRuntimeEventPricing as ts, enqueueTransaction as tt, Popover as tu, PREVIEW_DESIGN_LOAD_ERROR_MESSAGE as u, getGradientPreset as ua, ChevronRightIcon as uc, unsafeAsEditorBlockValues as ud, Monitor as uf, ctaRowFragment as ui, getTextColorForBackground as ul, listEntryPageContentSlots as un, weekStartSchema as uo, formBlockDefinition as ur, composeHeaderSectionWrapperClassName as us, useRichTextEditor as ut, List as uu, planSiteStylePreviewChange as v, backgroundAppearanceColorTokenNames as va, FileAudioIcon as vc, parseBookingLocalDate as vd, GripVertical as vf, MQ_MD_UP as vi, themeButtonClassName as vl, AMBIENT_BACKGROUND_ROLES as vn, eventBlockKindValues as vo, resolveEventRequiresPayment as vr, ACCORDION_TRIGGER_FONT_SCALE as vs, ContentFieldsForm as vt, DialogFooter as vu, applyTypographyDraftPatch as w, findCuratedPalette as wa, MinusIcon as wc, publicEventPricingCurrency as wd, FileArchive as wf, boxStylesTransforms as wi, DEFAULT_SURFACE_TEXT_COLOR as wl, useDndContext as wn, normalizeEventStaffMemberId as wo, buildGiftingInteractiveIslandProps as wr, FEATURE_CARD_GENERATED_ICON_SIZE_PX as ws, classifyHistoryShortcut as wt, Content$1 as wu, PreviewThemeOverlayProvider as x, parseBackgroundAppearanceColorToken as xa, InfoIcon as xc, toScheduledBookingDateTime as xd, FileSpreadsheet as xf, MQ_TABLET_ONLY as xi, mergeStyles as xl, PointerSensor as xn, normalizeEventBlockKind as xo, getStepNumber as xr, ICON_SIZE_PX as xs, EntryControllerProvider as xt, Collapsible as xu, PreviewDesignCoordinatorProvider as y, backgroundAppearanceQuickColorTokenNames as ya, FileSpreadsheetIcon as yc, resolveBookingTimeZoneId as yd, File as yf, MQ_SM_DOWN as yi, backgroundColorStyle as yl, DndContext as yn, eventScheduleScopeValues as yo, resolveRegistrationTarget as yr, ACCORDION_TRIGGER_LETTER_SPACING as ys, useUISelector as yt, DialogHeader as yu, previewButtonStyle as z, isOfferingsPreviewSourceKey as za, resolveImageUrlWithContext as zc, unsafeAsPassId as zd, ChevronDown as zf, designRuntimeRulesForTheme as zi, FieldFrame as zl, siteHeaderManifest as zn, formatDate as zo, buildProductDetailDisplay as zr, parseGeneratedIconSetId as zs, createSnapshotFromPageRecord as zt, __assign as zu };