@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/{ThemedButton-X2UxhW6F.mjs → ThemedButton-C8kzu0hY.mjs}

@@ -937,6 +937,29 @@ function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel,
 	});
 }
 //#endregion
+//#region ../theme-core/src/buttons/typography.ts
+const textTransformSchema = z.enum([
+	"none",
+	"uppercase",
+	"lowercase",
+	"capitalize"
+]);
+const fontWeightSchema = z.union([
+	z.literal(400),
+	z.literal(500),
+	z.literal(600),
+	z.literal(700),
+	z.literal(800)
+]);
+const buttonTypographySchema = z.enum(["body", "heading"]);
+const letterSpacingSchema = z.enum([
+	"tight",
+	"normal",
+	"slight",
+	"loose",
+	"wide"
+]);
+//#endregion
 //#region ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
 	const trimmed = source.trim();
@@ -1214,6 +1237,7 @@ const buttonEffectApplicationSchema = z.discriminatedUnion("effectId", [
 	z.strictObject({
 		effectId: z.literal("lift"),
 		options: z.strictObject({ amount: z.enum([
+			"0.125",
 			"0.25",
 			"0.5",
 			"1"
@@ -1260,24 +1284,6 @@ const shadowSizeSchema = z.enum([
 	"medium",
 	"high"
 ]);
-const textTransformSchema = z.enum([
-	"none",
-	"uppercase",
-	"lowercase",
-	"capitalize"
-]);
-const fontWeightSchema = z.union([
-	z.literal(500),
-	z.literal(600),
-	z.literal(700),
-	z.literal(800)
-]);
-const buttonTypographySchema = z.enum(["body", "heading"]);
-const letterSpacingSchema = z.enum([
-	"tight",
-	"normal",
-	"loose"
-]);
 const hoverTransformSchema = z.enum([
 	"none",
 	"lift",
@@ -1349,7 +1355,8 @@ const paddingShorthandSchema = z.string().refine((value) => {
 }, { message: "Padding must be two space-separated CSS length tokens (e.g. \"0.5rem 1rem\"). Use `0` for zero." });
 const buttonSizeConfigSchema = z.object({
 	padding: paddingShorthandSchema,
-	fontSize: z.string().optional()
+	fontSize: z.string().optional(),
+	borderRadius: z.string().optional()
 });
 /**
 * `xl` is optional on the wire so themes persisted before the `xl` size was
@@ -1472,12 +1479,20 @@ const buttonVisualAppearanceSchema = z.strictObject({
 		textTransform: textTransformSchema
 	}),
 	effects: z.array(buttonEffectApplicationSchema),
+	transform: z.literal("none").optional(),
 	contextualHover: contextualButtonHoverSchema.optional()
 });
 const buttonVisualStatesSchema = z.strictObject({
 	base: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
 	hover: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
-	focus: buttonVisualAppearanceSchema.extend({ shadow: z.literal("focus-indicator") }),
+	focus: buttonVisualAppearanceSchema.extend({
+		shadow: z.literal("focus-indicator"),
+		indicator: z.strictObject({
+			kind: z.literal("surface-ink"),
+			width: z.union([z.literal(2), z.literal(3)]),
+			offset: z.union([z.literal(3), z.literal(4)])
+		}).optional()
+	}),
 	active: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
 	disabled: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema })
 });
@@ -2088,19 +2103,6 @@ const themeLookMetadataSchema = z.object({
 	skinMarks: skinMarksSchema.optional()
 });
 //#endregion
-//#region ../theme-core/src/footer/mode.ts
-const footerModeSchema = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
-/** Reads only SDK footer intent; unrelated config and theme fields are not authorities. */
-function resolveSdkFooterMode(config) {
-	const parsed = z.object({ layout: z.object({ footerMode: footerModeSchema.optional() }).optional() }).safeParse(config);
-	return parsed.success ? parsed.data.layout?.footerMode ?? "default" : "default";
-}
-//#endregion
 //#region ../media-core/src/identifiers.ts
 function slugifyMediaIdentifier(value) {
 	return value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
@@ -4165,6 +4167,8 @@ const GRADIENT_DIRECTION_MAP = {
 */
 const BORDER_RADIUS_MAP = {
 	"rounded-none": "0",
+	"rounded-3px": "3px",
+	"rounded-10px": "10px",
 	"rounded-sm": "0.125rem",
 	"rounded": "0.25rem",
 	"rounded-md": "0.375rem",
@@ -4238,6 +4242,10 @@ const BORDER_WIDTH_MAP = {
 */
 const FONT_SIZE_MAP = {
 	"text-xs": "0.75rem",
+	"text-13px": "0.8125rem",
+	"text-15px": "0.9375rem",
+	"text-17px": "1.0625rem",
+	"text-19px": "1.1875rem",
 	"text-sm": "0.875rem",
 	"text-base": "1rem",
 	"text-lg": "1.125rem",
@@ -4373,7 +4381,9 @@ function buttonTypographyDeclarations(type) {
 	const spacing = type.letterSpacing === null ? null : type.letterSpacing === "heading" ? "var(--ls-heading)" : {
 		tight: "-0.025em",
 		normal: "0",
-		loose: "0.05em"
+		slight: "0.01em",
+		loose: "0.05em",
+		wide: "0.125em"
 	}[type.letterSpacing];
 	return [
 		["font-weight", String(type.fontWeight)],
@@ -4393,21 +4403,23 @@ function buttonShadow(shadow, tokens) {
 function buttonBorder(border, tokens) {
 	return border === "none" ? null : `${BORDER_WIDTH_MAP[border.widthClass] || "1px"} solid ${border.boundaryInk ? tokens.getColor(border.boundaryInk) : "currentColor"}`;
 }
-/** Emit only changed declarations; identical states keep historical CSS bytes. */
-function buttonStateAppearanceDeclarations(base, state, tokens, disabled = false) {
-	const original = new Map(buttonTypographyDeclarations(base.typography));
-	const declared = new Map(buttonTypographyDeclarations(state.typography));
+function buttonTypographyChanges(base, state) {
+	const original = new Map(buttonTypographyDeclarations(base));
+	const declared = new Map(buttonTypographyDeclarations(state));
 	const resets = [
 		["font-style", "normal"],
 		["text-transform", "none"],
 		["letter-spacing", "normal"]
 	].filter(([property]) => original.has(property) && !declared.has(property));
-	const type = [...declared, ...resets].filter(([property, value]) => original.get(property) !== value);
+	return [...declared, ...resets].filter(([property, value]) => original.get(property) !== value);
+}
+/** Emit only changed declarations; identical states keep historical CSS bytes. */
+function buttonStateAppearanceDeclarations(base, state, tokens, disabled = false) {
 	const border = buttonBorder(state.border, tokens);
 	const radius = buttonRadius(state.borderRadius);
 	const shadow = !disabled && state.shadow !== "focus-indicator" ? buttonShadow(state.shadow, tokens) : null;
 	return [
-		...type,
+		...buttonTypographyChanges(base.typography, state.typography),
 		...buttonRadius(base.borderRadius) === radius ? [] : [["border-radius", radius]],
 		...buttonBorder(base.border, tokens) === border ? [] : [["border", border ?? "none"]],
 		...shadow === null || base.shadow === "focus-indicator" || buttonShadow(base.shadow, tokens) === shadow ? [] : [["box-shadow", shadow]]
@@ -4868,6 +4880,10 @@ function validateButtonTextContrast(input) {
 		}
 	};
 }
+/** A text-token slab inverts the palette's text/background pair, including text shades. */
+function solidForegroundToken(backgroundToken) {
+	return /^text(?:-\d+)?$/.test(backgroundToken) ? "background" : onColorTokenName(backgroundToken);
+}
 //#endregion
 //#region ../theme-core/src/buttons/contextualHover.ts
 function resolveContextualHoverPreference(input) {
@@ -4965,7 +4981,7 @@ function candidate(family, shade, currentShade, direction, seedHex, palette) {
 }
 function hasSafeTextContrast(token, palette) {
 	const background = palette[token];
-	const foreground = palette[onColorTokenName(token)];
+	const foreground = palette[solidForegroundToken(token)];
 	return typeof background === "string" && typeof foreground === "string" && contrastRatio(background, foreground) >= BUTTON_CONTRAST_POLICY.textMinimumRatio;
 }
 function isSafeCandidate(token, palette, surface) {
@@ -5060,6 +5076,13 @@ function compileDeclaredVisualStates(input, states) {
 	const colours = collectStateColours(mapVisualStates((state) => compileDeclaredVisualState(input, states, state, state === "hover" ? hover.treatment : states[state].background)));
 	return colours.ok ? {
 		...colours,
+		focusIndicator: states.focus.indicator ? {
+			kind: "surface-role",
+			colorCss: input.surface?.foregroundCss ?? surfaceForegroundValue("text"),
+			width: states.focus.indicator.width,
+			offset: states.focus.indicator.offset,
+			minimumSurfaceContrast: BUTTON_CONTRAST_POLICY.nonTextMinimumRatio
+		} : colours.focusIndicator,
 		contextualHoverRepair: hover.repair
 	} : colours;
 }
@@ -5197,7 +5220,7 @@ function resolveFocusIndicator(colour) {
 function resolveSolid(input, backgroundToken, edge) {
 	const backgroundHex = paletteHex(input, backgroundToken);
 	if (!backgroundHex.ok) return backgroundHex;
-	const foregroundToken = unsafeAsOpaqueButtonColourToken(onColorTokenName(backgroundToken));
+	const foregroundToken = unsafeAsOpaqueButtonColourToken(solidForegroundToken(backgroundToken));
 	const foregroundHex = input.palette[foregroundToken];
 	if (typeof foregroundHex !== "string") return {
 		ok: false,
@@ -8533,20 +8556,15 @@ const headerSchema = z.object({
 const footerVariant = z.enum([
 	"simple",
 	"columns",
-	"split"
-]);
+	"split",
+	"centred"
+]).transform((value) => value === "columns" ? "simple" : value);
 const footerMaxWidth = z.enum(["container", "full"]);
 const footerNavLayoutMode = z.enum([
 	"stack",
 	"inline",
 	"inline-wrap"
 ]);
-const footerNavLayoutAlign = z.enum([
-	"start",
-	"center",
-	"end",
-	"space-between"
-]);
 const footerSpacing = z.enum([
 	"none",
 	"tight",
@@ -8555,12 +8573,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -8601,17 +8613,8 @@ const footerBottomBarSchema = z.object({
 		]).optional()
 	}).optional()
 });
-const footerNavLayoutSchema = z.object({
-	layout: footerNavLayoutMode.optional(),
-	align: footerNavLayoutAlign.optional(),
-	gapX: footerSpacing.optional(),
-	gapY: footerSpacing.optional(),
-	columns: z.number().int().min(1).max(6).optional()
-});
+const footerNavLayoutSchema = z.object({ layout: footerNavLayoutMode.optional() });
 const footerLogoSchema = z.object({
-	showLogo: z.boolean().default(true),
-	showLogoText: z.boolean().optional(),
-	placement: footerLogoPlacement.optional(),
 	size: footerLogoSize.optional(),
 	maxHeight: footerLogoMaxHeight.optional(),
 	align: z.enum([
@@ -8621,15 +8624,8 @@ const footerLogoSchema = z.object({
 	]).optional()
 });
 const footerSchema = z.object({
-	/**
-	* SDK-only footer rendering mode.
-	*
-	* Historical persisted field; SDK rendering mode now lives in layout.footerMode.
-	*/
-	mode: footerModeSchema.optional(),
 	variant: footerVariant,
 	maxWidth: footerMaxWidth,
-	showLogoText: z.boolean().optional(),
 	background: headerBackgroundSchema.default({
 		type: "color",
 		color: "surface"
@@ -9510,6 +9506,7 @@ const liftEffect = {
 		label: "Lift Amount",
 		default: "0.5",
 		options: [
+			"0.125",
 			"0.25",
 			"0.5",
 			"1"
@@ -10475,7 +10472,7 @@ function resolvedButtonFocusDeclarations(indicator, role) {
 		["outline", value("outline", `2px solid ${indicator.innerCss}`)],
 		["outline-offset", value("outline-offset", "2px")],
 		["box-shadow", value("box-shadow", `0 0 0 4px ${indicator.outerCss}`)]
-	] : [["outline", value("outline", `3px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", "3px")]];
+	] : [["outline", value("outline", `${indicator.width ?? 3}px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", `${indicator.offset ?? 3}px`)]];
 }
 /**
 * Disabled buttons are deliberately muted as unavailable controls. Native
@@ -10646,6 +10643,7 @@ function variantChunks(variant, global, themeSizes, themeId, tokens, theme, colo
 	]) out.push(variantStateColourRule(variant, variantId, themeId, state, colours[state], tokens));
 	const effects = variantEffectsCss(variant, nonColourEffects, themeId, tokens, theme);
 	if (effects) out.push({ raw: effects });
+	out.push(...variantStateTransformRules(variant, selector));
 	out.push(variantFocusVisibleRule(variantId, themeId, focusIndicator));
 	const affordance = variantAffordanceRule(variant, selector);
 	if (affordance) out.push(affordance);
@@ -10759,12 +10757,27 @@ function variantDisabledRules(variant, variantId, themeId, colour, tokens) {
 		["pointer-events", "none"]
 	])];
 }
+/** Explicit rest transforms follow hover effects so :active can return to rest. */
+function variantStateTransformRules(variant, selector) {
+	return [
+		"hover",
+		"focus",
+		"active"
+	].flatMap((state) => {
+		const transform = variant.visualStates?.[state].transform;
+		return transform ? [rule(`${selector}:${state}`, [["transform", transform]])] : [];
+	});
+}
 function variantSizeRules(variant, variantId, themeSizes, themeId) {
 	const border = variant.visualStates?.base.border ?? variant.border;
 	const borderWidth = border && border !== "none" ? BORDER_WIDTH_MAP[border.widthClass] || "1px" : "0px";
 	return BUTTON_SIZE_NAMES.map((sizeName) => {
 		const config = resolveSizeConfig(variant, sizeName, themeSizes);
-		return rule(`:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId, sizeName)}`, [...paddingDeclarations(config.padding, borderWidth), ...config.fontSize ? [["font-size", FONT_SIZE_MAP[config.fontSize] || "1rem"]] : []]);
+		return rule(`:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId, sizeName)}`, [
+			...paddingDeclarations(config.padding, borderWidth),
+			...config.fontSize ? [["font-size", FONT_SIZE_MAP[config.fontSize] || "1rem"]] : [],
+			...config.borderRadius ? [["border-radius", buttonRadius(config.borderRadius)]] : []
+		]);
 	});
 }
 function variantStateSizeRules(variant, variantId, themeId) {
@@ -10779,11 +10792,24 @@ function variantStateSizeRules(variant, variantId, themeId) {
 	].flatMap((state) => BUTTON_SIZE_NAMES.flatMap((size) => {
 		const base = states.base.sizes[size];
 		const target = states[state].sizes[size];
-		if (base.padding === target.padding && base.fontSize === target.fontSize && width(states.base.border) === width(states[state].border)) return [];
+		const declarations = stateSizeDeclarations(base, target, width(states.base.border), width(states[state].border), states.base.borderRadius, states[state].borderRadius);
+		if (declarations.length === 0) return [];
 		const selector = `:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId, size)}`;
-		return [rule(state === "hover" ? [`${selector}:hover`, `${selector}[data-force-hover="true"]`] : `${selector}:${state}`, [...paddingDeclarations(target.padding, width(states[state].border)), ...target.fontSize ? [["font-size", FONT_SIZE_MAP[target.fontSize] || "1rem"]] : []])];
+		return [rule(state === "hover" ? [`${selector}:hover`, `${selector}[data-force-hover="true"]`] : `${selector}:${state}`, declarations)];
 	}));
 }
+/** Size radius overrides remain owned by each state, just like padding and type. */
+function stateSizeDeclarations(base, target, baseWidth, targetWidth, baseRadius, targetRadius) {
+	const originalRadius = buttonRadius(base.borderRadius ?? baseRadius);
+	const radius = buttonRadius(target.borderRadius ?? targetRadius);
+	const radiusChanges = originalRadius === radius ? [] : [["border-radius", radius]];
+	if (base.padding === target.padding && base.fontSize === target.fontSize && baseWidth === targetWidth) return radiusChanges;
+	return [
+		...paddingDeclarations(target.padding, targetWidth),
+		...target.fontSize ? [["font-size", FONT_SIZE_MAP[target.fontSize] || "1rem"]] : [],
+		...radiusChanges
+	];
+}
 /** Layout contexts do not change a recipe: grouped actions share its ordinary box. */
 function generateButtonActionLayoutCss(options) {
 	const system = options.buttonSystem ?? generateDefaultButtonSystem(options.theme);
@@ -10866,6 +10892,287 @@ function normalizeAppearance(appearance) {
 	};
 }
 //#endregion
+//#region ../theme-core/src/buttons/styles/recipes/lanternRecipes.ts
+const flatShadow = {
+	elevation: "none",
+	softness: null,
+	position: "bottom"
+};
+const lift$1 = {
+	effectId: "lift",
+	options: { amount: "0.125" }
+};
+const tags = {
+	tone: "classic",
+	energy: "calm",
+	motion: "subtle",
+	era: "editorial"
+};
+/** Each role supplies complete states, including a flat surface-ink focus ring. */
+function states(base, hover, offset = 4, width = 2) {
+	return {
+		base,
+		hover,
+		focus: {
+			...base,
+			shadow: "focus-indicator",
+			indicator: {
+				kind: "surface-ink",
+				width,
+				offset
+			}
+		},
+		active: {
+			...base,
+			transform: "none"
+		},
+		disabled: {
+			...base,
+			effects: []
+		}
+	};
+}
+const gilt = {
+	text: "treatment",
+	border: "none",
+	borderRadius: "rounded-10px",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "10px 20px",
+			fontSize: "text-base",
+			borderRadius: "rounded-lg"
+		},
+		md: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		},
+		lg: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		},
+		xl: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		}
+	},
+	typography: {
+		fontWeight: 400,
+		typography: "heading",
+		fontSize: "text-19px",
+		letterSpacing: "slight",
+		italic: false,
+		textTransform: "none"
+	},
+	effects: []
+};
+const giltPrimary = {
+	...gilt,
+	background: {
+		type: "gradient",
+		stops: ["accent", "primary"],
+		direction: "to-br",
+		foregroundToken: "onAccent"
+	}
+};
+const giltPrimaryHover = {
+	...giltPrimary,
+	background: {
+		...giltPrimary.background,
+		stops: ["accent-400", "primary-400"],
+		foregroundToken: "secondary-950"
+	},
+	effects: [lift$1]
+};
+const giltSecondary = {
+	...gilt,
+	background: {
+		type: "solid",
+		colorToken: "text"
+	}
+};
+const giltSecondaryHover = {
+	...giltSecondary,
+	effects: [lift$1],
+	contextualHover: {
+		kind: "shade-shift",
+		seedToken: unsafeAsOpaqueButtonColourToken("text"),
+		fallbackDirection: "lighter"
+	}
+};
+const giltPrimaryStates = states(giltPrimary, giltPrimaryHover);
+const giltSecondaryStates = states(giltSecondary, giltSecondaryHover);
+const giltSlabRecipe = defineStaticButtonStyleRecipe({
+	id: "gilt-slab",
+	accessibilityLabel: "Gilt slab",
+	tags,
+	system: { roles: {
+		primary: { states: giltPrimaryStates },
+		secondary: { states: giltSecondaryStates },
+		outline: { states: giltSecondaryStates },
+		ghost: { states: giltSecondaryStates },
+		accent: { states: giltPrimaryStates }
+	} }
+});
+const hairline = {
+	text: "treatment",
+	borderRadius: "rounded-3px",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "9px 16px",
+			fontSize: "text-xs"
+		},
+		md: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		},
+		lg: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		},
+		xl: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		}
+	},
+	typography: {
+		fontWeight: 700,
+		typography: "body",
+		fontSize: "text-13px",
+		letterSpacing: "wide",
+		italic: false,
+		textTransform: "uppercase"
+	},
+	effects: []
+};
+const hairlinePrimary = {
+	...hairline,
+	background: {
+		type: "solid",
+		colorToken: "primary"
+	},
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const hairlineOutline = {
+	...hairline,
+	background: {
+		type: "surface",
+		role: "link"
+	},
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const hairlineSecondary = {
+	...hairlineOutline,
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("accent")
+	}
+};
+const hairlineFilled = {
+	...hairlineSecondary,
+	background: {
+		type: "solid",
+		colorToken: "accent"
+	}
+};
+const hairlinePrimaryStates = states(hairlinePrimary, hairlineOutline, 3);
+const hairlineSecondaryStates = states(hairlineSecondary, hairlineFilled, 3);
+const hairlineTabRecipe = defineStaticButtonStyleRecipe({
+	id: "hairline-tab",
+	accessibilityLabel: "Hairline tab",
+	tags,
+	system: { roles: {
+		primary: { states: hairlinePrimaryStates },
+		secondary: { states: hairlineSecondaryStates },
+		outline: { states: hairlineSecondaryStates },
+		ghost: { states: hairlineSecondaryStates },
+		accent: { states: states(hairlineFilled, hairlineSecondary, 3) }
+	} }
+});
+const marqueeAccent = {
+	text: "treatment",
+	borderRadius: "rounded-none",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "8px 17px",
+			fontSize: "text-15px"
+		},
+		md: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		},
+		lg: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		},
+		xl: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		}
+	},
+	typography: {
+		fontWeight: 800,
+		typography: "body",
+		fontSize: "text-17px",
+		letterSpacing: "loose",
+		italic: false,
+		textTransform: "uppercase"
+	},
+	effects: [],
+	background: {
+		type: "solid",
+		colorToken: "accent"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("accent")
+	}
+};
+const marqueePrimary = {
+	...marqueeAccent,
+	background: {
+		type: "solid",
+		colorToken: "primary"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const marqueeSecondary = {
+	...marqueeAccent,
+	background: {
+		type: "solid",
+		colorToken: "text"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("text")
+	}
+};
+const marqueePrimaryStates = states(marqueeAccent, marqueePrimary, 4, 3);
+const marqueeSecondaryStates = states(marqueeSecondary, marqueeAccent, 4, 3);
+const marqueeRecipe = defineStaticButtonStyleRecipe({
+	id: "marquee",
+	accessibilityLabel: "Marquee",
+	tags,
+	system: { roles: {
+		primary: { states: marqueePrimaryStates },
+		secondary: { states: marqueeSecondaryStates },
+		outline: { states: marqueeSecondaryStates },
+		ghost: { states: marqueeSecondaryStates },
+		accent: { states: marqueePrimaryStates }
+	} }
+});
+//#endregion
 //#region ../theme-core/src/buttons/styles/recipes/fulcrumRecipe.ts
 const fulcrumSizes = {
 	sm: {
@@ -11607,7 +11914,10 @@ const BUTTON_STYLE_IDS = [
 	"offset-block",
 	"ringed-pill",
 	"square-outline",
-	"fulcrum"
+	"fulcrum",
+	"gilt-slab",
+	"hairline-tab",
+	"marquee"
 ];
 const quietArrowParametersSchema = z.object({ secondaryTreatment: z.enum(["outlined", "solid-accent"]) }).strict();
 const flatInkHoverTreatmentSchema = z.enum([
@@ -11644,7 +11954,10 @@ const buttonStyleSelectionSchema = z.discriminatedUnion("styleId", [
 	selectionBranch("offset-block", emptyParametersSchema),
 	selectionBranch("ringed-pill", emptyParametersSchema),
 	selectionBranch("square-outline", emptyParametersSchema),
-	selectionBranch("fulcrum", emptyParametersSchema)
+	selectionBranch("fulcrum", emptyParametersSchema),
+	selectionBranch("gilt-slab", emptyParametersSchema),
+	selectionBranch("hairline-tab", emptyParametersSchema),
+	selectionBranch("marquee", emptyParametersSchema)
 ]);
 /**
 * Stable identity for a validated style selection. Parsing first canonicalises
@@ -15171,7 +15484,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -15187,6 +15503,9 @@ function resolveButtonStyleSelection(selection) {
 		case "editorial-link": return resolveButtonStyleRecipe(editorialLinkRecipe, selection.parameters);
 		case "pebble": return resolveButtonStyleRecipe(pebbleRecipe, selection.parameters);
 		case "ink-stamp": return resolveButtonStyleRecipe(inkStampRecipe, selection.parameters);
+		case "gilt-slab": return resolveButtonStyleRecipe(giltSlabRecipe, selection.parameters);
+		case "hairline-tab": return resolveButtonStyleRecipe(hairlineTabRecipe, selection.parameters);
+		case "marquee": return resolveButtonStyleRecipe(marqueeRecipe, selection.parameters);
 		case "fulcrum": return resolveButtonStyleRecipe(fulcrumRecipe, selection.parameters);
 		case "flat-ink": return resolveButtonStyleRecipe(flatInkRecipe, selection.parameters);
 		case "brushed-wash": return resolveButtonStyleRecipe(brushedWashRecipe, selection.parameters);
@@ -16522,4 +16841,4 @@ function ThemedAuthoredButton({ label, href, variant, size, extraClassName, disa
 	});
 }
 //#endregion
-export { headerInteractionPaletteValues as $, renderableMediaAssetSchema as $n, checkoutCopy as $r, TokenResolver as $t, updateButtonStyleHoverPreference as A, unsafeAsPositiveByteCount as Ai, DEFAULT_SURFACE_TEXT_COLOR as An, makeBoundaryId as Ar, NAV_LINK_PADDING_MAP as At, generateInteractiveChildInheritanceCSS as B, hexColorSchema as Bn, generateFontFaceCss as Br, LABEL_FONT_SIZE_MAP as Bt, MinusIcon as C, parseUserId as Ci, defaultThemeTokens as Cn, designIssueSeverityForPolicy as Cr, selectLogoAccommodation as Ct, defaultButtonStyleSelectionFor as D, unsafeAsFormId as Di, featuresFromHex as Dn, flushPanelFrame as Dr, parseCustomCssRules as Dt, buttonStyleSelectionParameterValue as E, unsafeAsCustomerPassId as Ei, relativeLuminance as En, featureCardCompositionTreatmentValues as Er, parseBlockCustomCssRules as Et, generateButtonActionLayoutCss as F, err as Fi, generateShadowValue$1 as Fn, requireNonEmptyReadonlyArray as Fr, navLinkOwnsUnderline as Ft, corners as G, paletteValueKey as Gn, themeColorShadeSteps as Gr, ICON_CONFIG as Gt, parseThemeForPersistence as H, paletteColorsEqual as Hn, VARIANT_ROLES as Hr, ACCORDION_SPACING_MAP as Ht, generateButtonCss as I, ok as Ii, cardRoleSchema as In, testimonialsCompositionTreatmentValues as Ir, navEffectPolicy as It, themeSchema as J, imageMediaSchema as Jn, SpinnerNode as Jr, renderCssDeclarations as Jt, headerPositioningValues as K, paletteValueKeySchema as Kn, parseBlockColorToken as Kr, ICON_SIZE_PX as Kt, generateDefaultButtonSystem as L, __commonJSMin as Li, cardRoleValues as Ln, tileTreatmentValues as Lr, FONT_WEIGHT_MAP$1 as Lt, buttonStyleSelectionKey as M, unsafeAsSiteId as Mi, surfaceForegroundInputFromResolved as Mn, offeringsPreviewCompositionTreatmentValues as Mr, NAV_LINK_TEXT_SIZE_MAP as Mt, buttonStyleSelectionSchema as N, unsafeAsStorageBucketName as Ni, surfaceForegroundStyle as Nn, panelFrame as Nr, navLinkHoverColorCandidate as Nt, findButtonStyleRecipe as O, unsafeAsMediaAssetId as Oi, hexToRgb as On, headingDecorationColorTokenValues as Or, NAV_LINK_BORDER_RADIUS_MAP as Ot, buttonStyleSelectionsEqual as P, unsafeAsStoragePath as Pi, surfaceForegroundValue as Pn, plainFrame as Pr, navLinkOwnsHoverForeground as Pt, headerInteractionPalettePair as Q, buildRenderableMediaAssetIndex as Qn, parseEventRegistrationErrorReason as Qr, toAccessibleColorSurfaceIntent as Qt, generateEffectsCSS as R, __exportAll as Ri, cardVariantRoleValues as Rn, visibleHeadingDecorationFamilyValues as Rr, INPUT_FONT_SIZE_MAP as Rt, FileTextIcon as S, parseSiteId as Si, buildThemeTokens as Sn, defineFrameCapability as Sr, resolveBrandDisplay as St, buttonStyleHoverPreferenceValue as T, unsafeAsAppointmentServiceId as Ti, contrastRatio as Tn, eyebrowTreatmentValues as Tr, getComponentShadowVar as Tt, cardStylesOverrideSchema as U, paletteColorsSchema as Un, unsafeAsOpaqueButtonColourToken as Ur, ACCORDION_TRIGGER_FONT_SCALE as Ut, parseThemeButtonVariantId as V, paletteColorEntries as Vn, getSiteFontsStorageUrl as Vr, ACCORDION_OPEN_ACCENT_THICKNESS as Vt, containerStylesOverrideSchema as W, paletteModeSchema as Wn, parseThemeColorToken as Wr, ACCORDION_TRIGGER_LETTER_SPACING as Wt, boxBackgroundSchema as X, mediaSchema as Xn, checkBrowserStripeKey as Xr, resolveSurface as Xt, boxBackgroundOverlaySchema as Y, mediaPosterSchema as Yn, clsx as Yr, contrastThresholdByPolicy as Yt, runtimeBoxBackgroundSchema as Z, runtimeMediaSchema as Zn, eventRegistrationErrors as Zr, surfaceDecorationColors as Zt, CirclePlusIcon as _, parseEventOfferingId as _i, resolveSurfaceForeground as _n, asPageFlowPresetId as _r, stripStaleTransitionStyleGroup as _t, ThemedDownloadLink as a, repriceBookingCollectionOptions as ai, textColorStyle as an, resolveSdkFooterMode as ar, BREAKPOINT_LG as at, FileAudioIcon as b, parsePageId as bi, planForegroundHover as bn, defineBlockDesignCapability as br, deterministicLogoFactsForShape as bt, isKnownIconName as c, getBookingLaterInstalments as ci, opaqueSurfaceDeclarations as cn, asBlockContentVersionId as cr, MQ_MD_DOWN as ct, resolveIconPickerPreset as d, formatCurrencyAmount as di, resolveThemeColorReferenceValue as dn, asDesignBlockId as dr, MQ_TABLET_ONLY as dt, getStripeMinimumChargeRequirement as ei, backgroundColorStyle as en, indexRenderableMediaAssets as er, headerInteractionQuietPalette as et, SEMANTIC_ICON_DEFINITIONS as f, expectParsedBrandedId as fi, resolveTokenOrCssColorValue as fn, asDesignBoundaryId as fr, headerVariantValues as ft, CircleMinusIcon as g, parseEditorClientId as gi, surfaceToneFromForegroundToken as gn, asLayoutVariantKey as gr, siteChromeBackgroundOverrideOwner as gt, ChevronDownIcon as h, parseContentVersionId as hi, selectLogoVariant as hn, asDesignSystemTemplateId as hr, pageDesignEditorBackgroundOverrideOwner as ht, ThemedButtonSpecimen as i, isBookingCollectionEquivalentToUpfront as ii, rgbColorValue as in, footerModeSchema as ir, renderHeaderPaintTargetRules as it, updateButtonStyleSelectionChoice as j, unsafeAsPositiveSeconds as ji, surfaceForegroundDeclarations as jn, noHeadingDecoration as jr, NAV_LINK_PADDING_X_MAP as jt, resolveButtonStyleSelection as k, unsafeAsPassId as ki, rgbToHex as kn, introCompositionTreatmentValues as kr, NAV_LINK_LETTER_SPACING_MAP as kt, ICON_PICKER_PRESETS as l, validateBookingPaymentOptionKinds as li, isCssColorLiteral as ln, asBlockOrderIndex as lr, MQ_SM_DOWN as lt, ArrowDownIcon as m, parseContentEntryId as mi, PUBLIC_BUTTON_ROLES as mn, asDesignPageId as mr, isThemeV2NormalEditorRawStylePath as mt, ThemedButton as n, planCheckoutPaymentFlow as ni, cssVarValue as nn, mediaIdentifierSchema as nr, generateMobileOverlayBackdropFilterFix as nt, getIconComponent as o, resolveAvailableBookingCollectionOptions as oi, textColorValue as on, skinTokenCssVars as or, BREAKPOINT_XL as ot, isSemanticIconId as p, parseApiKeyId as pi, generateShadowValue as pn, asDesignEntryId as pr, isThemeV2NormalEditorRawStyleFieldName as pt, sectionStylesOverrideSchema as q, requirePaletteColorsFromEntries as qn, parseColorTokenParts as qr, generateCardCss as qt, ThemedButtonLink as r, planFlexibleBalanceCreditFirst as ri, mergeStyles as rn, parseCanonicalMediaIdentifier as rr, getHeaderPaintTargets as rt, getIconPickerOptionsForPreset as s, resolveBookingCollectionOptionFacts as si, opaqueSurfaceContextFromTheme as sn, asAppearancePresetId as sr, MQ_LG_UP as st, ThemedAuthoredButton as t, confirmationPaymentSchema as ti, borderColorStyle as tn, resolveManagedMediaReference as tr, generateHeaderScrollTreatmentStyles as tt, isIconPickerPreset as u, getBookingInstalmentPlanIntervalCount as ui, resolveOnColorForThemeToken as un, asBoundaryOptionId as ur, MQ_SM_UP as ut, ClockIcon as v, parseEventSeriesId as vi, expandPalette as vn, asSiteStyleId as vr, themeV2RuntimeStyleFieldNames as vt, PlusIcon as w, unsafeAsAppointmentResourceId as wi, ORDINARY_TEXT_MIN_CONTRAST_RATIO as wn, eventListTreatmentValues as wr, getComponentBorderWidthPx as wt, FileSpreadsheetIcon as x, parsePageSurfaceId as xi, resolveConcreteColorHex as xn, defineExactCatalog as xr, logoSizePolicyValues as xt, FileArchiveIcon as y, parseFormId as yi, getTextColorForBackground as yn, assertNever as yr, brandDisplayModeValues as yt, generateBaseInteractiveCSS as z, __toESM as zi, normalizeCardRole as zn, buildFontPreviewUrl as zr, INPUT_SPACING_MAP as zt };
+export { headerInteractionPaletteValues as $, renderableMediaAssetSchema as $n, confirmationPaymentSchema as $r, TokenResolver as $t, updateButtonStyleHoverPreference as A, unsafeAsSiteId as Ai, DEFAULT_SURFACE_TEXT_COLOR as An, offeringsPreviewCompositionTreatmentValues as Ar, NAV_LINK_PADDING_MAP as At, generateInteractiveChildInheritanceCSS as B, hexColorSchema as Bn, VARIANT_ROLES as Br, LABEL_FONT_SIZE_MAP as Bt, MinusIcon as C, unsafeAsAppointmentServiceId as Ci, defaultThemeTokens as Cn, eyebrowTreatmentValues as Cr, selectLogoAccommodation as Ct, defaultButtonStyleSelectionFor as D, unsafeAsPassId as Di, featuresFromHex as Dn, introCompositionTreatmentValues as Dr, parseCustomCssRules as Dt, buttonStyleSelectionParameterValue as E, unsafeAsMediaAssetId as Ei, relativeLuminance as En, headingDecorationColorTokenValues as Er, parseBlockCustomCssRules as Et, generateButtonActionLayoutCss as F, __commonJSMin as Fi, generateShadowValue$1 as Fn, tileTreatmentValues as Fr, navLinkOwnsUnderline as Ft, corners as G, paletteValueKey as Gn, parseColorTokenParts as Gr, ICON_CONFIG as Gt, parseThemeForPersistence as H, paletteColorsEqual as Hn, parseThemeColorToken as Hr, ACCORDION_SPACING_MAP as Ht, generateButtonCss as I, __exportAll as Ii, cardRoleSchema as In, visibleHeadingDecorationFamilyValues as Ir, navEffectPolicy as It, themeSchema as J, imageMediaSchema as Jn, checkBrowserStripeKey as Jr, renderCssDeclarations as Jt, headerPositioningValues as K, paletteValueKeySchema as Kn, SpinnerNode as Kr, ICON_SIZE_PX as Kt, generateDefaultButtonSystem as L, __toESM as Li, cardRoleValues as Ln, buildFontPreviewUrl as Lr, FONT_WEIGHT_MAP$1 as Lt, buttonStyleSelectionKey as M, unsafeAsStoragePath as Mi, surfaceForegroundInputFromResolved as Mn, plainFrame as Mr, NAV_LINK_TEXT_SIZE_MAP as Mt, buttonStyleSelectionSchema as N, err as Ni, surfaceForegroundStyle as Nn, requireNonEmptyReadonlyArray as Nr, navLinkHoverColorCandidate as Nt, findButtonStyleRecipe as O, unsafeAsPositiveByteCount as Oi, hexToRgb as On, makeBoundaryId as Or, NAV_LINK_BORDER_RADIUS_MAP as Ot, buttonStyleSelectionsEqual as P, ok as Pi, surfaceForegroundValue as Pn, testimonialsCompositionTreatmentValues as Pr, navLinkOwnsHoverForeground as Pt, headerInteractionPalettePair as Q, buildRenderableMediaAssetIndex as Qn, getStripeMinimumChargeRequirement as Qr, toAccessibleColorSurfaceIntent as Qt, generateEffectsCSS as R, cardVariantRoleValues as Rn, generateFontFaceCss as Rr, INPUT_FONT_SIZE_MAP as Rt, FileTextIcon as S, unsafeAsAppointmentResourceId as Si, buildThemeTokens as Sn, eventListTreatmentValues as Sr, resolveBrandDisplay as St, buttonStyleHoverPreferenceValue as T, unsafeAsFormId as Ti, contrastRatio as Tn, flushPanelFrame as Tr, getComponentShadowVar as Tt, cardStylesOverrideSchema as U, paletteColorsSchema as Un, themeColorShadeSteps as Ur, ACCORDION_TRIGGER_FONT_SCALE as Ut, parseThemeButtonVariantId as V, paletteColorEntries as Vn, unsafeAsOpaqueButtonColourToken as Vr, ACCORDION_OPEN_ACCENT_THICKNESS as Vt, containerStylesOverrideSchema as W, paletteModeSchema as Wn, parseBlockColorToken as Wr, ACCORDION_TRIGGER_LETTER_SPACING as Wt, boxBackgroundSchema as X, mediaSchema as Xn, parseEventRegistrationErrorReason as Xr, resolveSurface as Xt, boxBackgroundOverlaySchema as Y, mediaPosterSchema as Yn, eventRegistrationErrors as Yr, contrastThresholdByPolicy as Yt, runtimeBoxBackgroundSchema as Z, runtimeMediaSchema as Zn, checkoutCopy as Zr, surfaceDecorationColors as Zt, CirclePlusIcon as _, parseFormId as _i, resolveSurfaceForeground as _n, assertNever as _r, stripStaleTransitionStyleGroup as _t, ThemedDownloadLink as a, resolveBookingCollectionOptionFacts as ai, textColorStyle as an, asAppearancePresetId as ar, BREAKPOINT_LG as at, FileAudioIcon as b, parseSiteId as bi, planForegroundHover as bn, defineFrameCapability as br, deterministicLogoFactsForShape as bt, isKnownIconName as c, getBookingInstalmentPlanIntervalCount as ci, opaqueSurfaceDeclarations as cn, asBoundaryOptionId as cr, MQ_MD_DOWN as ct, resolveIconPickerPreset as d, parseApiKeyId as di, resolveThemeColorReferenceValue as dn, asDesignEntryId as dr, MQ_TABLET_ONLY as dt, planCheckoutPaymentFlow as ei, backgroundColorStyle as en, indexRenderableMediaAssets as er, headerInteractionQuietPalette as et, SEMANTIC_ICON_DEFINITIONS as f, parseContentEntryId as fi, resolveTokenOrCssColorValue as fn, asDesignPageId as fr, headerVariantValues as ft, CircleMinusIcon as g, parseEventSeriesId as gi, surfaceToneFromForegroundToken as gn, asSiteStyleId as gr, siteChromeBackgroundOverrideOwner as gt, ChevronDownIcon as h, parseEventOfferingId as hi, selectLogoVariant as hn, asPageFlowPresetId as hr, pageDesignEditorBackgroundOverrideOwner as ht, ThemedButtonSpecimen as i, resolveAvailableBookingCollectionOptions as ii, rgbColorValue as in, skinTokenCssVars as ir, renderHeaderPaintTargetRules as it, updateButtonStyleSelectionChoice as j, unsafeAsStorageBucketName as ji, surfaceForegroundDeclarations as jn, panelFrame as jr, NAV_LINK_PADDING_X_MAP as jt, resolveButtonStyleSelection as k, unsafeAsPositiveSeconds as ki, rgbToHex as kn, noHeadingDecoration as kr, NAV_LINK_LETTER_SPACING_MAP as kt, ICON_PICKER_PRESETS as l, formatCurrencyAmount as li, isCssColorLiteral as ln, asDesignBlockId as lr, MQ_SM_DOWN as lt, ArrowDownIcon as m, parseEditorClientId as mi, PUBLIC_BUTTON_ROLES as mn, asLayoutVariantKey as mr, isThemeV2NormalEditorRawStylePath as mt, ThemedButton as n, isBookingCollectionEquivalentToUpfront as ni, cssVarValue as nn, mediaIdentifierSchema as nr, generateMobileOverlayBackdropFilterFix as nt, getIconComponent as o, getBookingLaterInstalments as oi, textColorValue as on, asBlockContentVersionId as or, BREAKPOINT_XL as ot, isSemanticIconId as p, parseContentVersionId as pi, generateShadowValue as pn, asDesignSystemTemplateId as pr, isThemeV2NormalEditorRawStyleFieldName as pt, sectionStylesOverrideSchema as q, requirePaletteColorsFromEntries as qn, clsx as qr, generateCardCss as qt, ThemedButtonLink as r, repriceBookingCollectionOptions as ri, mergeStyles as rn, parseCanonicalMediaIdentifier as rr, getHeaderPaintTargets as rt, getIconPickerOptionsForPreset as s, validateBookingPaymentOptionKinds as si, opaqueSurfaceContextFromTheme as sn, asBlockOrderIndex as sr, MQ_LG_UP as st, ThemedAuthoredButton as t, planFlexibleBalanceCreditFirst as ti, borderColorStyle as tn, resolveManagedMediaReference as tr, generateHeaderScrollTreatmentStyles as tt, isIconPickerPreset as u, expectParsedBrandedId as ui, resolveOnColorForThemeToken as un, asDesignBoundaryId as ur, MQ_SM_UP as ut, ClockIcon as v, parsePageId as vi, expandPalette as vn, defineBlockDesignCapability as vr, themeV2RuntimeStyleFieldNames as vt, PlusIcon as w, unsafeAsCustomerPassId as wi, ORDINARY_TEXT_MIN_CONTRAST_RATIO as wn, featureCardCompositionTreatmentValues as wr, getComponentBorderWidthPx as wt, FileSpreadsheetIcon as x, parseUserId as xi, resolveConcreteColorHex as xn, designIssueSeverityForPolicy as xr, logoSizePolicyValues as xt, FileArchiveIcon as y, parsePageSurfaceId as yi, getTextColorForBackground as yn, defineExactCatalog as yr, brandDisplayModeValues as yt, generateBaseInteractiveCSS as z, normalizeCardRole as zn, getSiteFontsStorageUrl as zr, INPUT_SPACING_MAP as zt };