@riverbankcms/sdk 0.149.0 → 0.150.0

package/dist/server/theme.mjs

@@ -247,120 +247,6 @@ function isOnColorBackgroundCandidateToken(token) {
 	return BACKGROUND_ROLE_NAMES.has(role);
 }
 //#endregion
-//#region ../theme-core/src/palette/generateShades.ts
-function generateShades(hexColor, name) {
-	const shadeSteps = [
-		50,
-		100,
-		200,
-		300,
-		400,
-		500,
-		600,
-		700,
-		800,
-		900,
-		950
-	];
-	const base = featuresFromHex(hexColor);
-	const hue = base.okH;
-	const baseChroma = base.okC;
-	const toneMap = {
-		50: .975,
-		100: .945,
-		200: .89,
-		300: .82,
-		400: .74,
-		500: .66,
-		600: .58,
-		700: .49,
-		800: .4,
-		900: .28,
-		950: .16
-	};
-	const shadeDefs = shadeSteps.map((step, idx) => {
-		const t = idx / (shadeSteps.length - 1);
-		const L = toneMap[step];
-		const C = baseChroma * (.06 + .94 * Math.sin(Math.PI * t));
-		return {
-			name: `${name}-${step}`,
-			hex: oklchToHexGamut(L, C, hue)
-		};
-	});
-	shadeDefs.push({
-		name,
-		hex: hexColor
-	});
-	return shadeDefs;
-}
-//#endregion
-//#region ../theme-core/src/palette/expandPalette.ts
-function colorsToMap(palette) {
-	const map = {};
-	for (const c of palette.colors) map[c.name] = c.hex;
-	return map;
-}
-function isBackgroundDark(hex) {
-	try {
-		return featuresFromHex(hex).Y < .5;
-	} catch {
-		return false;
-	}
-}
-const nonShadeablePaletteRoleNames = /* @__PURE__ */ new Set([
-	"success",
-	"warning",
-	"destructive"
-]);
-/**
-* Status role aliases the persisted palette does not carry itself.
-*
-* Generators reference `--tb-error` (the site-style-owned input error border)
-* and `--tb-info` (`.alert-info`, `.status-info`, the field-note rule), but the
-* palette schema only defines `destructive` and has no `info` role at all.
-* Without these aliases those declarations name variables that are never
-* defined and browsers drop them. The SDK bridge resolves the same pair via
-* TOKEN_ALIASES, so both runtimes agree on what a status token means.
-*
-* Runs after the danger → destructive promotion above, so `destructive` is
-* already the single source of truth for the error colour.
-*/
-function statusAliasTokens(expanded) {
-	const aliases = {};
-	if (expanded.destructive) aliases.error = expanded.destructive;
-	if (expanded.accent) aliases.info = expanded.accent;
-	return aliases;
-}
-function expandPalette(palette) {
-	const base = colorsToMap(palette);
-	const expanded = { ...base };
-	generateNeutralScale({
-		background: base.background || base.surface || "#ffffff",
-		steps: 11,
-		warm: false
-	}).forEach((n) => {
-		expanded[n.name] = n.hex;
-	});
-	for (const [name, hex] of Object.entries(base)) {
-		if (nonShadeablePaletteRoleNames.has(name)) continue;
-		if (hex) generateShades(hex, name).forEach((shade) => {
-			expanded[shade.name] = shade.hex;
-		});
-	}
-	if (base.text) expanded.body = base.text;
-	if (base.danger && !base.destructive) expanded.destructive = base.danger;
-	Object.assign(expanded, statusAliasTokens(expanded));
-	const isDark = base.background ? isBackgroundDark(base.background) : false;
-	expanded.mutedText = palette.meta?.mode === "dark" || isDark ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
-	for (const [token, hex] of Object.entries({ ...expanded })) {
-		if (!hex || !isOnColorBackgroundCandidateToken(token)) continue;
-		const onToken = onColorTokenName(token);
-		if (expanded[onToken]) continue;
-		expanded[onToken] = getTextColorForBackground(hex);
-	}
-	return expanded;
-}
-//#endregion
 //#region ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
 	const trimmed = source.trim();
@@ -636,6 +522,120 @@ z.string().transform((value, ctx) => {
 	return z.NEVER;
 });
 //#endregion
+//#region ../theme-core/src/palette/generateShades.ts
+function generateShades(hexColor, name) {
+	const shadeSteps = [
+		50,
+		100,
+		200,
+		300,
+		400,
+		500,
+		600,
+		700,
+		800,
+		900,
+		950
+	];
+	const base = featuresFromHex(hexColor);
+	const hue = base.okH;
+	const baseChroma = base.okC;
+	const toneMap = {
+		50: .975,
+		100: .945,
+		200: .89,
+		300: .82,
+		400: .74,
+		500: .66,
+		600: .58,
+		700: .49,
+		800: .4,
+		900: .28,
+		950: .16
+	};
+	const shadeDefs = shadeSteps.map((step, idx) => {
+		const t = idx / (shadeSteps.length - 1);
+		const L = toneMap[step];
+		const C = baseChroma * (.06 + .94 * Math.sin(Math.PI * t));
+		return {
+			name: `${name}-${step}`,
+			hex: oklchToHexGamut(L, C, hue)
+		};
+	});
+	shadeDefs.push({
+		name,
+		hex: hexColor
+	});
+	return shadeDefs;
+}
+//#endregion
+//#region ../theme-core/src/palette/expandPalette.ts
+function colorsToMap(palette) {
+	const map = {};
+	for (const c of palette.colors) map[c.name] = c.hex;
+	return map;
+}
+function isBackgroundDark(hex) {
+	try {
+		return featuresFromHex(hex).Y < .5;
+	} catch {
+		return false;
+	}
+}
+const nonShadeablePaletteRoleNames = /* @__PURE__ */ new Set([
+	"success",
+	"warning",
+	"destructive"
+]);
+/**
+* Status role aliases the persisted palette does not carry itself.
+*
+* Generators reference `--tb-error` (the site-style-owned input error border)
+* and `--tb-info` (`.alert-info`, `.status-info`, the field-note rule), but the
+* palette schema only defines `destructive` and has no `info` role at all.
+* Without these aliases those declarations name variables that are never
+* defined and browsers drop them. The SDK bridge resolves the same pair via
+* TOKEN_ALIASES, so both runtimes agree on what a status token means.
+*
+* Runs after the danger → destructive promotion above, so `destructive` is
+* already the single source of truth for the error colour.
+*/
+function statusAliasTokens(expanded) {
+	const aliases = {};
+	if (expanded.destructive) aliases.error = expanded.destructive;
+	if (expanded.accent) aliases.info = expanded.accent;
+	return aliases;
+}
+function expandPalette(palette) {
+	const base = colorsToMap(palette);
+	const expanded = { ...base };
+	generateNeutralScale({
+		background: base.background || base.surface || "#ffffff",
+		steps: 11,
+		warm: false
+	}).forEach((n) => {
+		expanded[n.name] = n.hex;
+	});
+	for (const [name, hex] of Object.entries(base)) {
+		if (nonShadeablePaletteRoleNames.has(name)) continue;
+		if (hex) generateShades(hex, name).forEach((shade) => {
+			expanded[shade.name] = shade.hex;
+		});
+	}
+	if (base.text) expanded.body = base.text;
+	if (base.danger && !base.destructive) expanded.destructive = base.danger;
+	Object.assign(expanded, statusAliasTokens(expanded));
+	const isDark = base.background ? isBackgroundDark(base.background) : false;
+	expanded.mutedText = palette.meta?.mode === "dark" || isDark ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
+	for (const [token, hex] of Object.entries({ ...expanded })) {
+		if (!hex || !isOnColorBackgroundCandidateToken(token)) continue;
+		const onToken = onColorTokenName(token);
+		if (expanded[onToken]) continue;
+		expanded[onToken] = getTextColorForBackground(hex);
+	}
+	return expanded;
+}
+//#endregion
 //#region ../theme-core/src/footer/mode.ts
 const footerModeSchema = z.enum([
 	"default",
@@ -4937,12 +4937,22 @@ const mediaPresentationSchema = commonSchema.extend({
 const boxBackgroundSchema = z.discriminatedUnion("type", [
 	commonSchema.extend({
 		type: z.literal("color"),
-		color: tokenOrCssColorValueSchema.nullable().optional()
+		color: tokenOrCssColorValueSchema.nullable().optional(),
+		/**
+		* Compiler-owned. The scrim a site-style colour surface lays over media
+		* that replaces it (a Look's band meeting an authored photo), sized so the
+		* surface's foreground stays legible over any pixel. A colour background
+		* never draws it itself; `resolveSectionBackground` moves it onto the
+		* merged media background as its overlay.
+		*/
+		mediaScrim: boxBackgroundOverlaySchema.nullable().optional()
 	}),
 	commonSchema.extend({
 		type: z.literal("gradient"),
 		gradient: z.string().nullable().optional(),
-		gradientPresetId: z.string().min(1).nullable().optional()
+		gradientPresetId: z.string().min(1).nullable().optional(),
+		/** Compiler-owned; see the colour branch. */
+		mediaScrim: boxBackgroundOverlaySchema.nullable().optional()
 	}),
 	mediaPresentationSchema.extend({
 		type: z.literal("image"),