@riverbankcms/sdk 0.109.0 → 0.111.0

package/dist/client/buttons-DoFV7KDL.mjs

@@ -1,2115 +0,0 @@
-import { t as parseColorTokenParts } from "./colorTokenParts-CMugwvX_.mjs";
-import { $ as themeColorTokenSchema, Q as parseThemeColorToken } from "./propsDecoder-CkXxkdSR.mjs";
-import { z as z$1 } from "zod";
-//#region ../theme-core/src/buttons/effectClassification.ts
-/**
-* Exhaustive live policy for every registered effect id.
-*
-* The resolver consumes the transition payload directly, so adding an effect
-* cannot update classification without also defining its runtime behavior.
-*/
-const BUTTON_EFFECT_POLICIES = {
-	"darken-background": {
-		classification: "colour-transition",
-		transition: {
-			kind: "adjust-shade",
-			direction: "darker"
-		}
-	},
-	"lighten-background": {
-		classification: "colour-transition",
-		transition: {
-			kind: "adjust-shade",
-			direction: "lighter"
-		}
-	},
-	"background-on-hover": {
-		classification: "colour-transition",
-		transition: { kind: "replace-background" }
-	},
-	"background-on-hover-alpha": {
-		classification: "unsupported-colour",
-		reason: "alpha_requires_surface"
-	},
-	"fade-background": {
-		classification: "unsupported-colour",
-		reason: "changes_element_opacity"
-	},
-	"opacity-reduce": {
-		classification: "unsupported-colour",
-		reason: "changes_element_opacity"
-	},
-	"gradient-text": {
-		classification: "unsupported-colour",
-		reason: "changes_foreground"
-	},
-	"text-color-change": {
-		classification: "unsupported-colour",
-		reason: "changes_foreground"
-	},
-	"border-color-change": {
-		classification: "unsupported-colour",
-		reason: "changes_border"
-	},
-	"aurora-glow": {
-		classification: "unsupported-background-overlay",
-		reason: "unresolved_background_overlay"
-	},
-	"cosmic-stardust": {
-		classification: "unsupported-background-overlay",
-		reason: "unresolved_background_overlay"
-	},
-	"gradient-border-fill": {
-		classification: "unsupported-background-overlay",
-		reason: "unresolved_background_overlay"
-	},
-	"animated-gradient-border-fill": {
-		classification: "unsupported-background-overlay",
-		reason: "unresolved_background_overlay"
-	},
-	"nav-underline": {
-		classification: "not-button",
-		reason: "not_button_effect"
-	},
-	"nav-frosted-base": {
-		classification: "not-button",
-		reason: "not_button_effect"
-	},
-	"nav-frosted-hover": {
-		classification: "not-button",
-		reason: "not_button_effect"
-	},
-	"nav-frosted-active": {
-		classification: "not-button",
-		reason: "not_button_effect"
-	},
-	"animated-gradient": { classification: "non-colour" },
-	"border-glow": { classification: "non-colour" },
-	"drop-shadow": { classification: "non-colour" },
-	"inner-shadow": { classification: "non-colour" },
-	"neumorphic-shadow": { classification: "non-colour" },
-	"outer-glow": { classification: "non-colour" },
-	"retro-3d-shadow": { classification: "non-colour" },
-	"scale-up": { classification: "non-colour" },
-	"scale-down": { classification: "non-colour" },
-	lift: { classification: "non-colour" },
-	"press-down": { classification: "non-colour" },
-	pop: { classification: "non-colour" },
-	"border-bottom-grow": { classification: "non-colour" },
-	"sketchy-border": { classification: "non-colour" },
-	"pulse-animation": { classification: "non-colour" }
-};
-function getButtonEffectPolicy(effectId) {
-	return Object.prototype.hasOwnProperty.call(BUTTON_EFFECT_POLICIES, effectId) ? BUTTON_EFFECT_POLICIES[effectId] : null;
-}
-function classifyButtonEffectId(effectId) {
-	return getButtonEffectPolicy(effectId)?.classification ?? "unknown";
-}
-//#endregion
-//#region ../theme-core/src/buttons/types.ts
-/**
-* Standard semantic variant roles a theme exposes.
-*
-* Block content references variants by role; the active theme determines
-* what each role looks like.
-*/
-const VARIANT_ROLES = [
-	"primary",
-	"secondary",
-	"outline",
-	"ghost",
-	"link",
-	"tertiary",
-	"accent"
-];
-function parseOpaqueButtonColourToken(value) {
-	const token = parseThemeColorToken(value);
-	if (token === null) return null;
-	const parts = parseColorTokenParts(token);
-	return parts.kind === "token" && parts.opacityPercent === null ? token : null;
-}
-function unsafeAsOpaqueButtonColourToken(value) {
-	return value;
-}
-const opaqueButtonColourTokenSchema = themeColorTokenSchema.refine((value) => parseOpaqueButtonColourToken(value) !== null, "Button colour tokens must be opaque").transform((value) => {
-	const token = parseOpaqueButtonColourToken(value);
-	if (token === null) throw new Error("Invariant: opaque button token passed its schema");
-	return token;
-});
-const cornerStyleSchema = z$1.enum([
-	"square",
-	"rounded",
-	"pill"
-]);
-const shadowSizeSchema = z$1.enum([
-	"none",
-	"low",
-	"medium",
-	"high"
-]);
-const textTransformSchema = z$1.enum([
-	"none",
-	"uppercase",
-	"lowercase",
-	"capitalize"
-]);
-const fontWeightSchema = z$1.union([
-	z$1.literal(500),
-	z$1.literal(600),
-	z$1.literal(700)
-]);
-const buttonTypographySchema = z$1.enum(["body", "heading"]);
-const letterSpacingSchema = z$1.enum([
-	"tight",
-	"normal",
-	"loose"
-]);
-const hoverTransformSchema = z$1.enum([
-	"none",
-	"lift",
-	"scale",
-	"press"
-]);
-const hoverColorSchema = z$1.enum([
-	"none",
-	"brighten",
-	"darken",
-	"saturate",
-	"token"
-]);
-const buttonPaddingPresetSchema = z$1.enum([
-	"compact",
-	"default",
-	"spacious"
-]);
-const gradientStyleSchema = z$1.enum([
-	"linear",
-	"radial",
-	"conic"
-]);
-const gradientSharpnessSchema = z$1.enum([
-	"smooth",
-	"medium",
-	"hard"
-]);
-const prioritySchema = z$1.union([
-	z$1.literal(1),
-	z$1.literal(2),
-	z$1.literal(3)
-]);
-z$1.enum(VARIANT_ROLES);
-const buttonSizeNameSchema = z$1.enum([
-	"sm",
-	"md",
-	"lg",
-	"xl"
-]);
-/**
-* CSS padding string in `"<vertical> <horizontal>"` shorthand form.
-*
-* Exactly two space-separated CSS length tokens. Each token is either the
-* literal `0` or a number followed by `rem`/`em`/`px`/`%`. This lets the
-* generator trust the shape rather than defensively defaulting downstream.
-*/
-const PADDING_TOKEN_PATTERN = /^(?:0|\d+(?:\.\d+)?(?:rem|em|px|%))$/;
-const paddingShorthandSchema = z$1.string().refine((value) => {
-	const parts = value.split(/\s+/).filter(Boolean);
-	return parts.length === 2 && parts.every((token) => PADDING_TOKEN_PATTERN.test(token));
-}, { message: "Padding must be two space-separated CSS length tokens (e.g. \"0.5rem 1rem\"). Use `0` for zero." });
-const buttonSizeConfigSchema = z$1.object({
-	padding: paddingShorthandSchema,
-	fontSize: z$1.string().optional()
-});
-/**
-* `xl` is optional on the wire so themes persisted before the `xl` size was
-* added (e.g. SWTS) continue to parse. When `xl` is missing the schema
-* backfills it from `lg`, keeping `ButtonSizes` a complete `sm/md/lg/xl` map
-* downstream — generators never need to deal with an undefined `xl`.
-*/
-const buttonSizesSchema = z$1.object({
-	sm: buttonSizeConfigSchema,
-	md: buttonSizeConfigSchema,
-	lg: buttonSizeConfigSchema,
-	xl: buttonSizeConfigSchema.optional()
-}).transform(({ sm, md, lg, xl }) => ({
-	sm,
-	md,
-	lg,
-	xl: xl ?? lg
-}));
-const canonicalButtonGlobalSettingsSchema = z$1.object({
-	cornerStyle: cornerStyleSchema,
-	cornerRadius: z$1.number().min(0).max(24).optional(),
-	/**
-	* Family-level shadow inherited by variants that don't set their own.
-	* Optional and flat-by-default: when omitted, buttons carry no drop shadow
-	* (`elevation: 'none'`). A personality opts the whole family into a shadow by
-	* setting this; individual variants still override. There is no system-level
-	* shadow-by-default — shadows only appear when explicitly declared.
-	*/
-	shadow: shadowSizeSchema.optional(),
-	textTransform: textTransformSchema,
-	fontWeight: fontWeightSchema,
-	/**
-	* @deprecated Set per-variant via `variant.border.widthClass` instead.
-	* Schema field is preserved so existing presets parse; the value is unread
-	* by the current generator and will be removed once the legacy
-	* `primitives/content/components/Button.tsx` slot exports are deleted.
-	*/
-	borderWidth: z$1.union([
-		z$1.literal(1),
-		z$1.literal(2),
-		z$1.literal(3)
-	]),
-	typography: buttonTypographySchema.optional(),
-	fontSize: z$1.string().optional(),
-	letterSpacing: letterSpacingSchema.optional(),
-	italic: z$1.boolean().optional(),
-	paddingPreset: buttonPaddingPresetSchema.optional(),
-	hoverTransform: hoverTransformSchema,
-	hoverColor: hoverColorSchema,
-	hoverColorToken: opaqueButtonColourTokenSchema.optional(),
-	gradientStyle: gradientStyleSchema.optional(),
-	gradientAngle: z$1.number().min(0).max(360).optional(),
-	gradientSharpness: gradientSharpnessSchema.optional()
-});
-const buttonGlobalSettingsSchema = z$1.preprocess(normalizeLegacyButtonGlobalInput, canonicalButtonGlobalSettingsSchema);
-const gradientDirectionSchema = z$1.enum([
-	"to-r",
-	"to-l",
-	"to-t",
-	"to-b",
-	"to-tr",
-	"to-tl",
-	"to-br",
-	"to-bl"
-]);
-const buttonBackgroundSchema = z$1.discriminatedUnion("type", [
-	z$1.object({
-		type: z$1.literal("solid"),
-		colorToken: opaqueButtonColourTokenSchema
-	}),
-	z$1.object({
-		type: z$1.literal("gradient"),
-		stops: z$1.array(opaqueButtonColourTokenSchema).min(2).transform((stops) => {
-			const [first, second, ...rest] = stops;
-			if (first === void 0 || second === void 0) throw new Error("Invariant: gradient stops passed the minimum length schema");
-			return [
-				first,
-				second,
-				...rest
-			];
-		}),
-		direction: gradientDirectionSchema,
-		foregroundToken: opaqueButtonColourTokenSchema
-	}),
-	z$1.object({
-		type: z$1.literal("surface"),
-		role: z$1.literal("link")
-	})
-]);
-const effectApplicationSchema = z$1.object({
-	effectId: z$1.string(),
-	options: z$1.record(z$1.string(), z$1.json()).optional()
-});
-const buttonBorderSchema = z$1.object({ widthClass: z$1.string() });
-const buttonVariantAffordanceSchema = z$1.object({ iconId: z$1.string().min(1) });
-const variantShadowSchema = z$1.object({
-	elevation: z$1.enum([
-		"none",
-		"low",
-		"medium",
-		"high"
-	]),
-	softness: z$1.enum([
-		"crisp",
-		"soft",
-		"hard"
-	]).nullable(),
-	position: z$1.enum(["bottom", "bottom-right"]).default("bottom"),
-	colorToken: themeColorTokenSchema.optional()
-});
-const variantEffectsSchema = z$1.object({
-	base: z$1.array(effectApplicationSchema).optional(),
-	hover: z$1.array(effectApplicationSchema).optional(),
-	active: z$1.array(effectApplicationSchema).optional(),
-	focus: z$1.array(effectApplicationSchema).optional()
-});
-/**
-* Per-variant size overrides schema — every entry is optional.
-*
-* For each size key present, the values override the theme's `sizes` config
-* for that size on this variant. Missing sizes fall through to theme.sizes,
-* then system defaults.
-*/
-const variantSizeOverridesSchema = z$1.object({
-	sm: buttonSizeConfigSchema.optional(),
-	md: buttonSizeConfigSchema.optional(),
-	lg: buttonSizeConfigSchema.optional(),
-	xl: buttonSizeConfigSchema.optional()
-});
-/**
-* Unified variant schema. Every variant participates in the size system; the
-* optional `sizes` field lets a variant scale differently than the theme
-* default (e.g. link-style variants declaring zero horizontal padding at
-* every size).
-*/
-const canonicalButtonVariantSchema = z$1.object({
-	id: z$1.string(),
-	name: z$1.string().min(1).max(20),
-	enabled: z$1.boolean(),
-	priority: prioritySchema,
-	background: buttonBackgroundSchema,
-	/** Tailwind radius token (e.g. `'rounded-md'`). Omit to inherit from `global.cornerStyle`. */
-	borderRadius: z$1.string().optional(),
-	shadow: variantShadowSchema.optional(),
-	border: buttonBorderSchema.optional(),
-	hoverBackgroundToken: opaqueButtonColourTokenSchema.optional(),
-	effects: variantEffectsSchema.optional(),
-	sizes: variantSizeOverridesSchema.optional(),
-	affordance: buttonVariantAffordanceSchema.optional()
-});
-/**
-* Temporary persisted-theme admission boundary for issue #1206.
-*
-* Production inventory on 2026-07-22 found 22 rows using the old independent
-* `textColorToken`/border colour shape. New source and all downstream code use
-* only the canonical relationship. Delete this preprocessor after the reviewed
-* production rewrite reports zero legacy rows.
-*/
-const buttonVariantSchema = z$1.preprocess(normalizeLegacyButtonVariantInput, canonicalButtonVariantSchema);
-const buttonSystemSchema = z$1.object({
-	global: buttonGlobalSettingsSchema,
-	variants: z$1.array(buttonVariantSchema).min(1).max(6),
-	sizes: buttonSizesSchema.optional()
-});
-function normalizeLegacyButtonVariantInput(input) {
-	if (!isUnknownRecord(input)) return input;
-	const background = input.background;
-	if (!isUnknownRecord(background)) return input;
-	if (!(background.type === "transparent" || Object.prototype.hasOwnProperty.call(input, "textColorToken") || isUnknownRecord(input.border) && Object.prototype.hasOwnProperty.call(input.border, "colorToken") || hasLegacyButtonEffects(input.effects) || hasLegacyAlphaToken(input, background))) return input;
-	const { textColorToken, ...withoutLegacyText } = input;
-	const normalizedBorder = isUnknownRecord(input.border) && typeof input.border.widthClass === "string" ? { widthClass: input.border.widthClass } : input.border;
-	const normalizedAffordance = isUnknownRecord(input.affordance) && typeof input.affordance.iconId === "string" ? { iconId: input.affordance.iconId } : input.affordance;
-	const normalizedEffects = normalizeLegacyButtonEffects(input.effects, background.type);
-	const hoverBackgroundToken = stripLegacyTokenAlpha(input.hoverBackgroundToken);
-	if (background.type === "transparent") return {
-		...withoutLegacyText,
-		background: {
-			type: "surface",
-			role: "link"
-		},
-		border: normalizedBorder,
-		affordance: normalizedAffordance,
-		effects: normalizedEffects,
-		hoverBackgroundToken
-	};
-	if (background.type === "gradient") {
-		const stops = Array.isArray(background.stops) ? background.stops.map(stripLegacyTokenAlpha) : background.stops;
-		return {
-			...withoutLegacyText,
-			background: {
-				...background,
-				stops,
-				foregroundToken: stripLegacyTokenAlpha(background.foregroundToken ?? textColorToken)
-			},
-			border: normalizedBorder,
-			affordance: normalizedAffordance,
-			effects: normalizedEffects,
-			hoverBackgroundToken
-		};
-	}
-	return {
-		...withoutLegacyText,
-		background: background.type === "solid" ? {
-			...background,
-			colorToken: stripLegacyTokenAlpha(background.colorToken)
-		} : background,
-		border: normalizedBorder,
-		affordance: normalizedAffordance,
-		effects: normalizedEffects,
-		hoverBackgroundToken
-	};
-}
-function normalizeLegacyButtonGlobalInput(input) {
-	if (!isUnknownRecord(input)) return input;
-	const hoverColorToken = stripLegacyTokenAlpha(input.hoverColorToken);
-	return hoverColorToken === input.hoverColorToken ? input : {
-		...input,
-		hoverColorToken
-	};
-}
-function hasLegacyAlphaToken(input, background) {
-	const stops = isUnknownArray(background.stops) ? background.stops : [];
-	return [
-		input.hoverBackgroundToken,
-		background.colorToken,
-		background.foregroundToken,
-		...stops
-	].some((token) => stripLegacyTokenAlpha(token) !== token);
-}
-function stripLegacyTokenAlpha(value) {
-	if (typeof value !== "string") return value;
-	const slashIndex = value.indexOf("/");
-	return slashIndex < 0 ? value : value.slice(0, slashIndex);
-}
-function hasLegacyButtonEffects(input) {
-	if (!isUnknownRecord(input)) return false;
-	return [
-		"base",
-		"hover",
-		"active",
-		"focus"
-	].some((state) => {
-		const effects = input[state];
-		return Array.isArray(effects) && effects.some((effect) => {
-			if (!isUnknownRecord(effect) || typeof effect.effectId !== "string") return true;
-			const classification = classifyButtonEffectId(effect.effectId);
-			if (classification !== "colour-transition" && classification !== "non-colour") return true;
-			return effect.effectId === "background-on-hover" && isUnknownRecord(effect.options) && stripLegacyTokenAlpha(effect.options.colorToken) !== effect.options.colorToken;
-		});
-	});
-}
-function normalizeLegacyButtonEffects(input, backgroundType) {
-	if (!isUnknownRecord(input)) return input;
-	const normalized = {};
-	for (const state of [
-		"base",
-		"hover",
-		"active",
-		"focus"
-	]) {
-		const effects = input[state];
-		if (!Array.isArray(effects)) continue;
-		const safeEffects = effects.flatMap((effect) => {
-			if (!isUnknownRecord(effect) || typeof effect.effectId !== "string") return [];
-			const classification = classifyButtonEffectId(effect.effectId);
-			if (classification === "non-colour") return [effect];
-			if (classification !== "colour-transition") return [];
-			if (effect.effectId === "background-on-hover") {
-				const options = isUnknownRecord(effect.options) ? effect.options : null;
-				const colorToken = options === null ? null : parseOpaqueButtonColourToken(stripLegacyTokenAlpha(options.colorToken));
-				return colorToken === null ? [] : [{
-					...effect,
-					options: {
-						...options,
-						colorToken
-					}
-				}];
-			}
-			if (backgroundType !== "solid") return [];
-			const rawAmount = isUnknownRecord(effect.options) ? effect.options.amount : void 0;
-			const amount = typeof rawAmount === "number" && rawAmount > 0 ? Math.max(100, Math.round(rawAmount / 100) * 100) : 100;
-			return [{
-				...effect,
-				options: {
-					...isUnknownRecord(effect.options) ? effect.options : {},
-					amount
-				}
-			}];
-		});
-		if (safeEffects.length > 0) normalized[state] = safeEffects;
-	}
-	return Object.keys(normalized).length === 0 ? void 0 : normalized;
-}
-function isUnknownRecord(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function isUnknownArray(value) {
-	return Array.isArray(value);
-}
-//#endregion
-//#region ../theme-core/src/buttons/classNames.ts
-function themeButtonVariantClassNames(variant) {
-	if (variant === "default") return [variant];
-	return [variant, `button-${variant}`];
-}
-function themeButtonSizeClassName(size) {
-	return `btn-${size}`;
-}
-function themeButtonClassName(spec) {
-	return [
-		...themeButtonVariantClassNames(spec.variant),
-		themeButtonSizeClassName(spec.size),
-		spec.extraClassName
-	].filter(Boolean).join(" ");
-}
-//#endregion
-//#region ../theme-core/src/palette/utils/colorConversion.ts
-function hexToRgb(hex) {
-	const h = hex.replace(/^#/, "");
-	const m = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
-	if (m.length !== 6) throw new Error("Bad hex");
-	const int = parseInt(m, 16);
-	return {
-		r: int >> 16 & 255,
-		g: int >> 8 & 255,
-		b: int & 255
-	};
-}
-function srgbToLinear(u) {
-	const x = u / 255;
-	return x <= .04045 ? x / 12.92 : Math.pow((x + .055) / 1.055, 2.4);
-}
-//#endregion
-//#region ../theme-core/src/palette/utils/contrast.ts
-function relativeLuminance(r, g, b) {
-	const R = srgbToLinear(r), G = srgbToLinear(g), B = srgbToLinear(b);
-	return .2126 * R + .7152 * G + .0722 * B;
-}
-buttonSizeNameSchema.options;
-//#endregion
-//#region ../theme-core/src/site-styles/styleTags.ts
-/**
-* Descriptive style-axis metadata for button personalities and palette
-* variants. Site Style picker shape is curated explicitly; these tags remain
-* for catalog audit, docs, and future discovery tooling.
-*/
-const STYLE_AXIS_VALUES = {
-	tone: [
-		"minimal",
-		"classic",
-		"bold"
-	],
-	energy: ["calm", "vibrant"],
-	motion: [
-		"subtle",
-		"standard",
-		"expressive"
-	],
-	era: [
-		"editorial",
-		"modern",
-		"organic",
-		"technical",
-		"retro"
-	]
-};
-const styleTagsSchema = z$1.object({
-	tone: z$1.enum(STYLE_AXIS_VALUES.tone).optional(),
-	energy: z$1.enum(STYLE_AXIS_VALUES.energy).optional(),
-	motion: z$1.enum(STYLE_AXIS_VALUES.motion).optional(),
-	era: z$1.enum(STYLE_AXIS_VALUES.era).optional()
-});
-//#endregion
-//#region ../theme-core/src/buttons/personalities/types.ts
-function asButtonPersonalityId(value) {
-	if (value.length === 0) throw new Error("ButtonPersonalityId must be a non-empty string");
-	return value;
-}
-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) {
-	return {
-		id: asButtonPersonalityId(input.id),
-		name: input.name,
-		description: input.description,
-		tags: input.tags,
-		buttonSystem: buttonSystemSchema.parse(input.buttonSystem)
-	};
-}
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "vibrant",
-		motion: "standard",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "rounded",
-			shadow: "low",
-			textTransform: "none",
-			fontWeight: 500,
-			borderWidth: 1,
-			hoverTransform: "none",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.75rem 2rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "1rem 2.5rem" },
-			lg: {
-				padding: "1.25rem 3rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "1.625rem 3.75rem",
-				fontSize: "text-xl"
-			}
-		},
-		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"
-				}
-			},
-			{
-				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"
-				}
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "standard",
-		era: "modern"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "rounded",
-			shadow: "medium",
-			textTransform: "none",
-			fontWeight: 600,
-			borderWidth: 1,
-			hoverTransform: "none",
-			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" }
-					}]
-				}
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			}
-		]
-	}
-});
-//#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({
-	id: "earth-pill",
-	name: "Earth Pill",
-	description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			shadow: "low",
-			textTransform: "none",
-			fontWeight: 500,
-			borderWidth: 1,
-			hoverTransform: "lift",
-			hoverColor: "none",
-			typography: "body",
-			paddingPreset: "default"
-		},
-		sizes: {
-			sm: {
-				padding: "0.5rem 1rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "0.625rem 1.35rem" },
-			lg: {
-				padding: "0.75rem 1.65rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "0.875rem 2rem",
-				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" }
-					}]
-				}
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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"
-					},
-					md: { padding: "0.375rem 0" },
-					lg: {
-						padding: "0.5rem 0",
-						fontSize: "text-lg"
-					},
-					xl: {
-						padding: "0.625rem 0",
-						fontSize: "text-xl"
-					}
-				}
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "minimal",
-		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "square",
-			textTransform: "none",
-			fontWeight: 500,
-			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"
-					}
-				}] }
-			},
-			{
-				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"
-					}
-				}] }
-			},
-			{
-				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"
-					}
-				}] }
-			},
-			{
-				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" }
-				}
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "rounded",
-			textTransform: "none",
-			fontWeight: 600,
-			borderWidth: 1,
-			typography: "body",
-			letterSpacing: "tight",
-			paddingPreset: "default",
-			hoverTransform: "lift",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.125rem",
-				fontSize: "text-sm"
-			},
-			md: { padding: "0.8125rem 1.375rem" },
-			lg: {
-				padding: "0.9375rem 1.625rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "1.0625rem 2rem",
-				fontSize: "text-xl"
-			}
-		},
-		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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "bold",
-		energy: "vibrant",
-		motion: "standard",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 600,
-			borderWidth: 1,
-			hoverTransform: "none",
-			hoverColor: "none",
-			letterSpacing: "loose"
-		},
-		sizes: {
-			sm: {
-				padding: "0.5rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.75rem 1.75rem",
-				fontSize: "text-sm"
-			},
-			lg: {
-				padding: "0.875rem 2.25rem",
-				fontSize: "text-base"
-			},
-			xl: {
-				padding: "1.125rem 2.75rem",
-				fontSize: "text-lg"
-			}
-		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-md",
-				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-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"
-					},
-					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/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.",
-	tags: {
-		tone: "bold",
-		energy: "vibrant",
-		motion: "expressive",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			shadow: "high",
-			textTransform: "none",
-			typography: "heading",
-			fontWeight: 700,
-			fontSize: "text-lg",
-			borderWidth: 2,
-			hoverTransform: "none",
-			hoverColor: "none"
-		},
-		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"
-			}
-		},
-		variants: [{
-			id: "primary",
-			name: "Primary",
-			enabled: true,
-			priority: 1,
-			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" },
-			shadow: {
-				elevation: "high",
-				softness: "hard",
-				position: "bottom-right",
-				colorToken: "secondary"
-			},
-			effects: { hover: [{ effectId: "press-down" }] }
-		}]
-	}
-});
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "vibrant",
-		motion: "subtle",
-		era: "organic"
-	},
-	buttonSystem: {
-		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"
-			}
-		},
-		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: {
-				padding: "1.125rem 2.75rem",
-				fontSize: "text-lg"
-			},
-			xl: {
-				padding: "1.5rem 3.5rem",
-				fontSize: "text-xl"
-			}
-		},
-		variants: [
-			{
-				id: "primary",
-				name: "Primary",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "primary"
-				},
-				borderRadius: "rounded-full",
-				effects: { hover: [{
-					effectId: "darken-background",
-					options: { amount: 100 }
-				}] }
-			},
-			{
-				id: "secondary",
-				name: "Secondary",
-				enabled: true,
-				priority: 2,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border-2" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "accent" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				background: {
-					type: "surface",
-					role: "link"
-				},
-				borderRadius: "rounded-full",
-				border: { widthClass: "border" },
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			},
-			{
-				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"
-					},
-					md: { padding: "0.5rem 1rem" },
-					lg: {
-						padding: "0.625rem 1.25rem",
-						fontSize: "text-lg"
-					},
-					xl: {
-						padding: "0.75rem 1.5rem",
-						fontSize: "text-xl"
-					}
-				}
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
-		era: "editorial"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "rounded",
-			textTransform: "uppercase",
-			fontWeight: 500,
-			borderWidth: 1,
-			typography: "body",
-			fontSize: "text-sm",
-			letterSpacing: "loose",
-			hoverTransform: "none",
-			hoverColor: "none"
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "text-xs"
-			},
-			md: {
-				padding: "0.8125rem 1.75rem",
-				fontSize: "text-sm"
-			},
-			lg: {
-				padding: "0.9375rem 2.125rem",
-				fontSize: "text-sm"
-			},
-			xl: {
-				padding: "1.0625rem 2.5rem",
-				fontSize: "text-base"
-			}
-		},
-		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 }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				id: "outline",
-				name: "Outline",
-				enabled: true,
-				priority: 3,
-				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-xl"
-			}
-		]
-	}
-});
-//#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({
-	id: "showtime-pill",
-	name: "Showtime Pill",
-	description: "Bold pill buttons with uppercase labels, generous padding, and a playful pop.",
-	tags: {
-		tone: "bold",
-		energy: "vibrant",
-		motion: "expressive",
-		era: "modern"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			shadow: "low",
-			textTransform: "uppercase",
-			fontWeight: 700,
-			borderWidth: 2,
-			hoverTransform: "lift",
-			hoverColor: "darken",
-			typography: "body",
-			paddingPreset: "spacious",
-			italic: false
-		},
-		sizes: {
-			sm: {
-				padding: "0.625rem 1.25rem",
-				fontSize: "0.875rem"
-			},
-			md: {
-				padding: "0.875rem 1.75rem",
-				fontSize: "1rem"
-			},
-			lg: {
-				padding: "1.125rem 2.25rem",
-				fontSize: "1.125rem"
-			},
-			xl: {
-				padding: "1.125rem 2.25rem",
-				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" }] }
-			},
-			{
-				id: "hero",
-				name: "Hero",
-				enabled: true,
-				priority: 1,
-				background: {
-					type: "solid",
-					colorToken: "secondary"
-				},
-				borderRadius: "rounded-full",
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			},
-			{
-				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" }
-				}] }
-			}
-		]
-	}
-});
-//#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.",
-	tags: {
-		tone: "classic",
-		energy: "calm",
-		motion: "subtle",
-		era: "organic"
-	},
-	buttonSystem: {
-		global: {
-			cornerStyle: "pill",
-			shadow: "low",
-			textTransform: "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-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: "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-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-full",
-				effects: { hover: [{
-					effectId: "background-on-hover",
-					options: { colorToken: "surface" }
-				}] }
-			}
-		]
-	}
-});
-//#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"
-	},
-	effects: {
-		hover: [{
-			effectId: "background-on-hover-alpha",
-			options: {
-				colorToken: "secondary",
-				opacity: 88
-			}
-		}],
-		active: [{
-			effectId: "scale-down",
-			options: { scale: "0.98" }
-		}]
-	}
-};
-//#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
-];
-new Map(buttonPersonalities.map((p) => [p.id, p]));
-buttonPersonalities.map((personality) => ({
-	id: personality.id,
-	name: personality.name,
-	description: personality.description,
-	category: presetCategory(personality),
-	buttonSystem: personality.buttonSystem,
-	compatibility: {
-		...personality.tags.tone ? { tones: [personality.tags.tone] } : {},
-		...personality.tags.energy ? { energies: [personality.tags.energy] } : {}
-	}
-}));
-function presetCategory(personality) {
-	switch (personality.tags.era) {
-		case "retro": return "retro";
-		case "editorial": return "minimal";
-		case "organic": return "artistic";
-		case "modern": return personality.tags.tone === "bold" ? "modern" : "technical";
-		case "technical": return "technical";
-		case void 0: return "modern";
-	}
-}
-//#endregion
-export { hexToRgb as n, themeButtonClassName as r, relativeLuminance as t };