@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/server/theme.mjs

@@ -961,14 +961,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"
-]);
-//#endregion
 //#region ../core/src/result.ts
 function ok(value) {
 	return {
@@ -1184,6 +1176,29 @@ const paletteSchema = z.object({
 	};
 });
 //#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/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -1299,6 +1314,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"
@@ -1345,24 +1361,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",
@@ -1434,7 +1432,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
@@ -1557,12 +1556,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 })
 });
@@ -1969,6 +1976,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) {
@@ -2066,7 +2077,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) {
@@ -2161,6 +2172,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;
 }
@@ -2298,7 +2316,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,
@@ -2678,6 +2696,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: {
@@ -3419,7 +3718,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([
@@ -3456,7 +3758,10 @@ 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)
 ]);
 //#endregion
 //#region ../theme-core/src/buttons/styles/recipes/quietArrow.ts
@@ -6972,7 +7277,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -6988,6 +7296,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);
@@ -8626,20 +8937,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",
@@ -8648,12 +8954,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -8694,17 +8994,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([
@@ -8714,15 +9005,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"

package/dist/{spinner-BYM-Y81w.mjs → spinner-MTooKfck.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Fo as LoaderCircle, qo as cn, yo as Primitive } from "./SiteChromeCustomizeContext-CgNuBHC0.mjs";
+import { Bo as LoaderCircle, Qo as cn, wo as Primitive } from "./SiteChromeCustomizeContext-DEj7qppF.mjs";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/@radix-ui+react-separator@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_adfab47c9055efb8b0c4b77a2b96b053/node_modules/@radix-ui/react-separator/dist/index.mjs