@riverbankcms/sdk 0.143.0 → 0.145.0

package/dist/server/theme-bridge.mjs

@@ -944,6 +944,10 @@ function surfaceForegroundValue(role, outsideProviderFallback = DEFAULT_ROLE_FAL
 	if (role === "text") return `var(${roleVariable}, ${fallback})`;
 	return `var(${roleVariable}, var(${SURFACE_FOREGROUND_CSS_VARS.text}, ${fallback}))`;
 }
+function surfaceForegroundValueWithOpacity(role, opacityPercent) {
+	if (!Number.isFinite(opacityPercent) || opacityPercent < 0 || opacityPercent > 100) throw new RangeError("Surface foreground opacity must be between 0 and 100.");
+	return `color-mix(in srgb, ${surfaceForegroundValue(role)} ${opacityPercent}%, transparent)`;
+}
 function surfaceForegroundDeclarations(input) {
 	const foregrounds = completeSurfaceForegrounds(input);
 	return [`color: ${foregrounds.text}`, ...SURFACE_FOREGROUND_ROLES.map((role) => `${SURFACE_FOREGROUND_CSS_VARS[role]}: ${foregrounds[role]}`)];
@@ -1657,6 +1661,14 @@ function parseToken(source) {
 		opacityPercent: parts.opacityPercent === null ? void 0 : parts.opacityPercent
 	};
 }
+const SURFACE_TEXT_ROLE_BY_TOKEN = {
+	text: "text",
+	heading: "heading",
+	mutedText: "supporting"
+};
+function surfaceRoleForTextToken(token) {
+	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
+}
 /**
 * Converts a theme color token to a CSS rgb value.
 * This is the primary function for applying theme colors to CSS properties.
@@ -1691,6 +1703,21 @@ function cssVarValue(token) {
 	const { token: baseToken } = parseToken(token);
 	return `var(${COLOR_VAR_PREFIX}${baseToken})`;
 }
+/**
+* Converts a text color token to a CSS color value that follows the enclosing
+* surface. The semantic text tokens (`text`, `heading`, `mutedText`) resolve
+* to the surface foreground variables, so text adapts when a section's
+* background changes; any other token is a fixed theme color.
+*
+* @param token - Theme color token
+* @returns CSS color value
+*/
+function textColorValue(token) {
+	const parsed = parseToken(token);
+	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
+	if (!surfaceRole) return rgbColorValue(token);
+	return parsed.opacityPercent === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent);
+}
 shadeBackgroundEffect({
 	id: "darken-background",
 	name: "Darken on Hover",
@@ -4782,12 +4809,23 @@ function defineExactCatalog() {
 function asDesignBlockId(value) {
 	return brandNonEmptyString(value, "DesignBlockId");
 }
+function asDesignBoundaryId(value) {
+	const boundaryId = brandNonEmptyString(value, "DesignBoundaryId");
+	if (!boundaryId.startsWith("boundary:")) throw new Error(`DesignBoundaryId must start with "boundary:". Received: ${value}`);
+	return boundaryId;
+}
+function asLayoutVariantKey(value) {
+	return brandNonEmptyString(value, "LayoutVariantKey");
+}
 function asAppearancePresetId(value) {
 	return brandNonEmptyString(value, "AppearancePresetId");
 }
 function asBoundaryOptionId(value) {
 	return brandNonEmptyString(value, "BoundaryOptionId");
 }
+function asPageFlowPresetId(value) {
+	return brandNonEmptyString(value, "PageFlowPresetId");
+}
 function asSiteStyleId(value) {
 	const siteStyleId = brandNonEmptyString(value, "SiteStyleId");
 	if (!siteStyleId.startsWith("site-style:")) throw new Error(`SiteStyleId must start with "site-style:". Received: ${value}`);
@@ -4796,6 +4834,18 @@ function asSiteStyleId(value) {
 function asDesignSystemTemplateId(value) {
 	return brandNonEmptyString(value, "DesignSystemTemplateId");
 }
+function toNonEmptyReadonlyArray(values) {
+	const [first, ...rest] = values;
+	return first === void 0 ? null : [first, ...rest];
+}
+function requireNonEmptyReadonlyArray(values, message = "Expected a non-empty array.") {
+	const result = toNonEmptyReadonlyArray(values);
+	if (!result) throw new Error(message);
+	return result;
+}
+function makeBoundaryId(previousBlockId, nextBlockId) {
+	return asDesignBoundaryId(`boundary:${encodeURIComponent(previousBlockId)}:${encodeURIComponent(nextBlockId)}`);
+}
 function brandNonEmptyString(value, label) {
 	if (value.length === 0) throw new Error(`${label} must be a non-empty string.`);
 	return value;
@@ -4960,16 +5010,18 @@ const themeV2RuntimeStyleFieldNames = [
 	"_frameStyles",
 	"_sectionStyles",
 	"_containerStyles",
-	"_cardStyles",
-	"_transitionStyles",
-	"styleGroup"
+	"_cardStyles"
 ];
 const themeV2BlockSpecificRawStyleFieldNames = [
 	"_contentCardStyles",
 	"_heroLayoutStyles",
 	"_textCardStyles"
 ];
-const themeV2NormalEditorRawStyleFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
+const themeV2NormalEditorRawStyleFieldNames = [
+	...themeV2RuntimeStyleFieldNames,
+	...themeV2BlockSpecificRawStyleFieldNames,
+	"styleGroup"
+];
 new Set(themeV2NormalEditorRawStyleFieldNames);
 [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
 const pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
@@ -8914,6 +8966,261 @@ z.object({
 	authority: styleAuthoritySchema
 }).strict();
 //#endregion
+//#region ../theme-core/src/site-styles/transitionCatalogue.ts
+/**
+* Family order for pickers. Entries below are listed family by family in this
+* same order, so the flat option list and the grouped families agree.
+*/
+const transitionCatalogueFamilies = [
+	{
+		id: "gradient",
+		label: "Gradient"
+	},
+	{
+		id: "wave",
+		label: "Wave"
+	},
+	{
+		id: "angle",
+		label: "Angle"
+	}
+];
+const mediumHeight = "6rem + 2px";
+const compactHeight = "4.5rem + 2px";
+const largeHeight = "7rem + 2px";
+/**
+* The single source of transition vocabulary. Order is significant: it is the
+* order of `boundaryOptions` (after `none`) and of each family's variants,
+* which persisted pins, page-flow presets and the editor picker all rely on.
+*
+* Shapes match what `generateLayoutCss` draws today. Structured
+* amplitude/frequency treatments (issue 826) extend this list later.
+*/
+const transitionCatalogueEntries = defineExactCatalog()([
+	{
+		intent: "soft-fade-short",
+		optionId: asBoundaryOptionId("break:soft"),
+		family: "gradient",
+		variantId: "soft",
+		label: "Soft",
+		variantLabel: "Soft",
+		treatment: {
+			kind: "soft-fade",
+			height: "medium",
+			curve: "soft"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "soft-fade-long",
+		optionId: asBoundaryOptionId("break:spacious"),
+		family: "gradient",
+		variantId: "spacious",
+		label: "Spacious",
+		variantLabel: "Spacious",
+		treatment: {
+			kind: "soft-fade",
+			height: "large",
+			curve: "spacious"
+		},
+		size: "spacious",
+		heightExpression: "10rem",
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "soft-fade-expansive",
+		optionId: asBoundaryOptionId("break:expansive"),
+		family: "gradient",
+		variantId: "expansive",
+		label: "Expansive",
+		variantLabel: "Expansive",
+		treatment: {
+			kind: "soft-fade",
+			height: "expansive",
+			curve: "expansive"
+		},
+		size: "expansive",
+		heightExpression: "14rem",
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "wave-edge-balanced",
+		optionId: asBoundaryOptionId("break:wave-balanced"),
+		family: "wave",
+		variantId: "balanced",
+		label: "Balanced wave",
+		variantLabel: "Balanced",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "symmetrical"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "balanced"
+		}
+	},
+	{
+		intent: "wave-edge",
+		optionId: asBoundaryOptionId("break:wave"),
+		family: "wave",
+		variantId: "classic",
+		label: "Classic wave",
+		variantLabel: "Classic",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "asymmetrical"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "classic"
+		}
+	},
+	{
+		intent: "wave-edge-gentle",
+		optionId: asBoundaryOptionId("break:wave-gentle"),
+		family: "wave",
+		variantId: "gentle",
+		label: "Gentle wave",
+		variantLabel: "Gentle",
+		treatment: {
+			kind: "wave-edge",
+			height: "compact",
+			amplitude: "subtle",
+			rhythm: "single",
+			symmetry: "symmetrical"
+		},
+		size: "compact",
+		heightExpression: compactHeight,
+		shape: {
+			kind: "wave",
+			mask: "gentle"
+		}
+	},
+	{
+		intent: "wave-edge-bold",
+		optionId: asBoundaryOptionId("break:wave-bold"),
+		family: "wave",
+		variantId: "bold",
+		label: "Bold wave",
+		variantLabel: "Bold",
+		treatment: {
+			kind: "wave-edge",
+			height: "large",
+			amplitude: "bold",
+			rhythm: "double",
+			symmetry: "symmetrical"
+		},
+		size: "large",
+		heightExpression: largeHeight,
+		shape: {
+			kind: "wave",
+			mask: "bold"
+		}
+	},
+	{
+		intent: "wave-edge-drift",
+		optionId: asBoundaryOptionId("break:wave-drift"),
+		family: "wave",
+		variantId: "drift",
+		label: "Drift wave",
+		variantLabel: "Drift",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "drift"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "drift"
+		}
+	},
+	{
+		intent: "angle-edge-subtle",
+		optionId: asBoundaryOptionId("break:angle-subtle"),
+		family: "angle",
+		variantId: "subtle",
+		label: "Subtle angle",
+		variantLabel: "Subtle",
+		treatment: {
+			kind: "angle-edge",
+			height: "compact",
+			slope: "subtle",
+			direction: "forward"
+		},
+		size: "compact",
+		heightExpression: compactHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 34,
+				endTopPercent: 18
+			}
+		}
+	},
+	{
+		intent: "angle-edge",
+		optionId: asBoundaryOptionId("break:angle-balanced"),
+		family: "angle",
+		variantId: "balanced",
+		label: "Balanced angle",
+		variantLabel: "Balanced",
+		treatment: {
+			kind: "angle-edge",
+			height: "medium",
+			slope: "balanced",
+			direction: "forward"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 42,
+				endTopPercent: 8
+			}
+		}
+	},
+	{
+		intent: "angle-edge-steep",
+		optionId: asBoundaryOptionId("break:angle-steep"),
+		family: "angle",
+		variantId: "steep",
+		label: "Steep angle",
+		variantLabel: "Steep",
+		treatment: {
+			kind: "angle-edge",
+			height: "large",
+			slope: "steep",
+			direction: "forward"
+		},
+		size: "large",
+		heightExpression: largeHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 54,
+				endTopPercent: 0
+			}
+		}
+	}
+]);
+//#endregion
 //#region ../theme-core/src/site-styles/sectionTransitions.ts
 function boundaryRuntimeMetrics(family, size, heightExpression) {
 	return {
@@ -8923,19 +9230,913 @@ function boundaryRuntimeMetrics(family, size, heightExpression) {
 		reserveCss: `calc((${heightExpression}) / 2)`
 	};
 }
-boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
-asBoundaryOptionId("break:none");
-asBoundaryOptionId("break:soft");
-asBoundaryOptionId("break:spacious");
-asBoundaryOptionId("break:expansive");
+new Map(transitionCatalogueEntries.map((entry) => [entry.intent, entry]));
+new Map(transitionCatalogueEntries.map((entry) => [entry.intent, boundaryRuntimeMetrics(entry.family, entry.size, entry.heightExpression)]));
+/**
+* The catalogue's compile-time coverage check guarantees an entry per
+* decorative intent, so a miss here is a broken invariant, not bad input.
+*/
+function requireCatalogueValue(values, intent) {
+	const value = values.get(intent);
+	if (value === void 0) throw new Error(`Transition catalogue has no entry for ${intent}`);
+	return value;
+}
+const noneBoundaryOption = {
+	id: asBoundaryOptionId("break:none"),
+	label: "None",
+	transitionAfter: "none",
+	treatment: { kind: "none" }
+};
+const boundaryOptionByIntent = new Map(transitionCatalogueEntries.map((entry) => [entry.intent, {
+	id: entry.optionId,
+	label: entry.label,
+	transitionAfter: entry.intent,
+	treatment: entry.treatment
+}]));
+function boundaryOptionForTransitionIntent(intent) {
+	return requireCatalogueValue(boundaryOptionByIntent, intent);
+}
+const softBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-short");
+const spaciousBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-long");
+boundaryOptionForTransitionIntent("soft-fade-expansive");
+boundaryOptionForTransitionIntent("wave-edge");
+boundaryOptionForTransitionIntent("wave-edge-balanced");
+boundaryOptionForTransitionIntent("wave-edge-gentle");
+boundaryOptionForTransitionIntent("wave-edge-bold");
+boundaryOptionForTransitionIntent("wave-edge-drift");
+boundaryOptionForTransitionIntent("angle-edge-subtle");
+boundaryOptionForTransitionIntent("angle-edge");
+boundaryOptionForTransitionIntent("angle-edge-steep");
+/**
+* Must remain non-empty; downstream code indexes `[0]` as the documented default.
+*/
+const boundaryOptions = [noneBoundaryOption, ...transitionCatalogueEntries.map((entry) => boundaryOptionForTransitionIntent(entry.intent))];
+const noneTransitionVariant = {
+	familyId: "none",
+	variantId: "none",
+	label: "None",
+	boundaryOption: noneBoundaryOption
+};
+function transitionVariantForEntry(entry) {
+	return {
+		familyId: entry.family,
+		variantId: entry.variantId,
+		label: entry.variantLabel,
+		boundaryOption: boundaryOptionForTransitionIntent(entry.intent)
+	};
+}
+const sectionTransitionFamilies = [{
+	id: "none",
+	label: "None",
+	variants: [noneTransitionVariant]
+}, ...transitionCatalogueFamilies.map((family) => ({
+	id: family.id,
+	label: family.label,
+	variants: requireNonEmptyReadonlyArray(transitionCatalogueEntries.filter((entry) => entry.family === family.id).map(transitionVariantForEntry), `Transition family ${family.id} has no catalogue entries.`)
+}))];
+new Map(boundaryOptions.map((option) => [option.id, option]));
+new Map(boundaryOptions.map((option) => [stableTreatmentKey(option.treatment), option]));
+new Map(sectionTransitionFamilies.flatMap((family) => family.variants.map((variant) => [variant.boundaryOption.id, variant])));
+new Map(sectionTransitionFamilies.map((family) => [family.id, family]));
+function stableTreatmentKey(treatment) {
+	switch (treatment.kind) {
+		case "none": return "none";
+		case "soft-fade": return `${treatment.kind}:${treatment.height}:${treatment.curve}`;
+		case "wave-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.amplitude,
+			treatment.rhythm,
+			treatment.symmetry
+		].join(":");
+		case "angle-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.slope,
+			treatment.direction
+		].join(":");
+		case "legacy-unsupported": return `${treatment.kind}:${treatment.boundaryOptionId}`;
+	}
+}
+asPageFlowPresetId("flow:quiet"), noneBoundaryOption.id, asPageFlowPresetId("flow:balanced"), softBoundaryOption.id, asPageFlowPresetId("flow:expressive"), spaciousBoundaryOption.id;
+asBoundaryOptionId("break:unknown");
+const pageDesignUserPinnedAppearanceChoiceSchema = z.object({
+	kind: z.literal("user-pinned"),
+	value: z.string().min(1).transform(asAppearancePresetId)
+}).strict();
+const pageDesignUserPinnedBoundaryChoiceSchema = z.object({
+	kind: z.literal("user-pinned"),
+	value: z.string().min(1).transform(asBoundaryOptionId)
+}).strict();
+const pageDesignBoundaryTreatmentSchema = z.discriminatedUnion("kind", [
+	z.object({ kind: z.literal("none") }).strict(),
+	z.object({
+		kind: z.literal("soft-fade"),
+		height: z.enum([
+			"compact",
+			"medium",
+			"large",
+			"expansive"
+		]),
+		curve: z.enum([
+			"soft",
+			"spacious",
+			"expansive"
+		])
+	}).strict(),
+	z.object({
+		kind: z.literal("wave-edge"),
+		height: z.enum([
+			"compact",
+			"medium",
+			"large"
+		]),
+		amplitude: z.enum([
+			"subtle",
+			"balanced",
+			"bold"
+		]),
+		rhythm: z.enum(["single", "double"]),
+		symmetry: z.enum([
+			"symmetrical",
+			"asymmetrical",
+			"drift"
+		])
+	}).strict(),
+	z.object({
+		kind: z.literal("angle-edge"),
+		height: z.enum([
+			"compact",
+			"medium",
+			"large"
+		]),
+		slope: z.enum([
+			"subtle",
+			"balanced",
+			"steep"
+		]),
+		direction: z.enum(["forward", "reverse"])
+	}).strict(),
+	z.object({
+		kind: z.literal("legacy-unsupported"),
+		boundaryOptionId: z.string().min(1).transform(asBoundaryOptionId)
+	}).strict()
+]);
+const pageDesignUserPinnedBoundaryTreatmentChoiceSchema = z.object({
+	kind: z.literal("user-pinned"),
+	value: pageDesignBoundaryTreatmentSchema
+}).strict();
+const pageDesignBlockLookPinSchema = z.object({
+	blockId: z.string().min(1).transform(asDesignBlockId),
+	blockKind: z.string().min(1),
+	choice: pageDesignUserPinnedAppearanceChoiceSchema
+}).strict();
+const pageDesignBoundaryPinSchema = z.object({
+	boundaryId: z.string().min(1).transform(asDesignBoundaryId),
+	previousBlockId: z.string().min(1).transform(asDesignBlockId),
+	nextBlockId: z.string().min(1).transform(asDesignBlockId),
+	choice: pageDesignUserPinnedBoundaryTreatmentChoiceSchema
+}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
+const legacyPageDesignBoundaryPinSchema = z.object({
+	boundaryId: z.string().min(1).transform(asDesignBoundaryId),
+	previousBlockId: z.string().min(1).transform(asDesignBlockId),
+	nextBlockId: z.string().min(1).transform(asDesignBlockId),
+	choice: pageDesignUserPinnedBoundaryChoiceSchema
+}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
+z.object({
+	schemaVersion: z.literal(1),
+	siteStyleId: z.string().min(1).transform(asSiteStyleId),
+	pageFlowPresetId: z.string().min(1).transform(asPageFlowPresetId),
+	blockLookPins: z.array(pageDesignBlockLookPinSchema),
+	boundaryPins: z.array(legacyPageDesignBoundaryPinSchema)
+}).strict().superRefine(validateUniquePageDesignPins);
+z.object({
+	schemaVersion: z.literal(2),
+	siteStyleId: z.string().min(1).transform(asSiteStyleId),
+	pageFlowPresetId: z.string().min(1).transform(asPageFlowPresetId),
+	blockLookPins: z.array(pageDesignBlockLookPinSchema),
+	boundaryPins: z.array(pageDesignBoundaryPinSchema)
+}).strict().superRefine(validateUniquePageDesignPins);
+function addDuplicateStringIssues(ctx, input) {
+	const seen = /* @__PURE__ */ new Set();
+	const duplicates = /* @__PURE__ */ new Set();
+	for (const value of input.values) {
+		if (seen.has(value)) duplicates.add(value);
+		seen.add(value);
+	}
+	for (const duplicate of duplicates) ctx.addIssue({
+		code: z.ZodIssueCode.custom,
+		path: [...input.path],
+		message: `Duplicate ${input.label}: ${duplicate}.`
+	});
+}
+function validateBoundaryPinIdMatchesBlocks(pin, ctx) {
+	const expectedBoundaryId = makeBoundaryId(pin.previousBlockId, pin.nextBlockId);
+	if (pin.boundaryId !== expectedBoundaryId) ctx.addIssue({
+		code: z.ZodIssueCode.custom,
+		path: ["boundaryId"],
+		message: `Boundary id must match previousBlockId and nextBlockId. Expected ${expectedBoundaryId}.`
+	});
+}
+function validateUniquePageDesignPins(intent, ctx) {
+	addDuplicateStringIssues(ctx, {
+		values: intent.blockLookPins.map((pin) => pin.blockId),
+		path: ["blockLookPins"],
+		label: "block Look pin"
+	});
+	addDuplicateStringIssues(ctx, {
+		values: intent.boundaryPins.map((pin) => makeBoundaryId(pin.previousBlockId, pin.nextBlockId)),
+		path: ["boundaryPins"],
+		label: "boundary pin"
+	});
+}
+//#endregion
+//#region ../theme-core/src/site-styles/appearancePresetResolution.ts
+function assertValidOptionGroups(preset) {
+	preset.optionGroups?.forEach((group) => {
+		defineLookOptionGroup(group);
+	});
+}
+/**
+* Every Look carries a card role. A Look that says nothing about cards renders
+* none, which is the overwhelming majority of them; the card-bearing ones name
+* the role they want and the site style owns how it looks.
+*/
+function defineBlockAppearancePreset(preset) {
+	assertValidOptionGroups(preset);
+	return {
+		...preset,
+		design: {
+			...preset.design,
+			cardRole: preset.design.cardRole ?? "none"
+		}
+	};
+}
+//#endregion
+//#region ../theme-core/src/site-styles/blockAppearancePresets.ts
+/**
+* A Look is a composition: which section surface, which content frame, and —
+* where it wants one — which *card role* it asks the site style for. It never
+* states how a card looks; that is the site style's identity.
+*
+* A Look with no `cardRole` asks the site style for no card at all
+* (`defineBlockAppearancePreset` defaults it to `none`) — the block's own
+* composition still governs how its items look. The per-Look rationale for the card-bearing ones lives
+* in `.project/plans/1297-card-role-contract-site-styles-own-card-surfaces/mapping-table.md`.
+*/
+const brandScrimOptionGroups = [{
+	id: "image-surface-treatment",
+	label: "Treatment",
+	defaultOptionId: "brand-scrim-primary",
+	options: [{
+		id: "brand-scrim-primary",
+		label: "Brand scrim",
+		designPatch: { imageSurfaceTreatment: {
+			kind: "brand-scrim",
+			token: "primary"
+		} }
+	}, {
+		id: "neutral-scrim",
+		label: "Neutral scrim",
+		designPatch: { imageSurfaceTreatment: { kind: "neutral-scrim" } }
+	}]
+}];
+const microBannerLayoutPatches = [{
+	constraints: { layoutVariantKeys: ["micro"] },
+	designPatch: { sectionHeight: "banner" }
+}];
+defineBlockAppearancePreset({
+	id: "hero-immersive-image",
+	target: "hero",
+	label: "Immersive image hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	layoutPatches: [{
+		constraints: { layoutVariantKeys: ["micro"] },
+		designPatch: {
+			sectionHeight: "banner",
+			heroTypographyScale: "display"
+		}
+	}],
+	design: {
+		sectionSurface: "hero-image",
+		contentFrame: plainFrame,
+		sectionHeight: "hero",
+		heroComposition: "center",
+		heroTypographyScale: "display",
+		imageSurfaceTreatment: { kind: "neutral-wash" }
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-bottom-left-panel",
+	target: "hero",
+	label: "Bottom-left panel hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	optionGroups: [{
+		id: "image-surface-treatment",
+		label: "Treatment",
+		defaultOptionId: "neutral-scrim",
+		options: [{
+			id: "neutral-scrim",
+			label: "Neutral scrim",
+			designPatch: { imageSurfaceTreatment: {
+				kind: "neutral-scrim",
+				intensity: "balanced"
+			} }
+		}, {
+			id: "brand-scrim-primary",
+			label: "Brand scrim",
+			designPatch: { imageSurfaceTreatment: {
+				kind: "brand-scrim",
+				token: "primary",
+				intensity: "balanced"
+			} }
+		}]
+	}],
+	layoutPatches: [{
+		constraints: { layoutVariantKeys: ["micro"] },
+		designPatch: {
+			sectionHeight: "banner",
+			heroTypographyScale: "editorial"
+		}
+	}],
+	design: {
+		sectionSurface: "hero-image",
+		contentFrame: panelFrame("raised"),
+		sectionHeight: "immersive",
+		heroComposition: "bottom-left",
+		heroTypographyScale: "display",
+		imageSurfaceTreatment: {
+			kind: "neutral-scrim",
+			intensity: "balanced"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-poster-image",
+	target: "hero",
+	label: "Poster image hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	layoutPatches: [{
+		constraints: { layoutVariantKeys: ["micro"] },
+		designPatch: {
+			sectionHeight: "banner",
+			heroTypographyScale: "display"
+		}
+	}],
+	design: {
+		sectionSurface: "hero-image",
+		contentFrame: plainFrame,
+		sectionHeight: "immersive",
+		heroComposition: "center",
+		heroTypographyScale: "poster",
+		imageSurfaceTreatment: {
+			kind: "brand-scrim",
+			token: "primary",
+			intensity: "strong"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-brand-scrim",
+	target: "hero",
+	label: "Brand scrim image hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	optionGroups: brandScrimOptionGroups,
+	layoutPatches: microBannerLayoutPatches,
+	design: {
+		sectionSurface: "hero-image",
+		contentFrame: plainFrame,
+		sectionHeight: "immersive",
+		heroComposition: "center",
+		heroTypographyScale: "display",
+		imageSurfaceTreatment: {
+			kind: "brand-scrim",
+			token: "primary"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-brand-scrim-fixed-frame",
+	target: "hero",
+	label: "Fixed-frame brand scrim hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	optionGroups: brandScrimOptionGroups,
+	layoutPatches: microBannerLayoutPatches,
+	design: {
+		sectionSurface: "hero-image",
+		contentFrame: plainFrame,
+		sectionHeight: "immersive",
+		heroComposition: "center",
+		heroTypographyScale: "display",
+		imageSurfaceTreatment: {
+			kind: "brand-scrim",
+			token: "primary"
+		},
+		imageSurfaceMotion: "fixed-frame",
+		eyebrowTreatment: "accent-pill-bounce"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-brand-depth-expressive",
+	target: "hero",
+	label: "Expressive brand-depth hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["centered", "compact"] },
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		heroComposition: "center",
+		heroTypographyScale: "editorial",
+		eyebrowTreatment: "accent-pill-bounce"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-contained-intro",
+	target: "hero",
+	label: "Contained intro hero",
+	blockKinds: ["block.hero"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: panelFrame("inset"),
+		heroComposition: "center",
+		heroTypographyScale: "editorial"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-split-editorial",
+	target: "hero",
+	label: "Editorial split hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["split"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		heroTypographyScale: "editorial"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-split-brand",
+	target: "hero",
+	label: "Brand split hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["split"] },
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		heroTypographyScale: "display",
+		eyebrowTreatment: "accent-pill-bounce"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-split-soft-panel",
+	target: "hero",
+	label: "Soft panel split hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["split"] },
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: panelFrame("raised"),
+		heroTypographyScale: "editorial"
+	}
+}), defineBlockAppearancePreset({
+	id: "hero-split-accent",
+	target: "hero",
+	label: "Accent split hero",
+	blockKinds: ["block.hero"],
+	constraints: { layoutFamilies: ["split"] },
+	design: {
+		sectionSurface: "accent-band",
+		contentFrame: panelFrame("raised"),
+		heroTypographyScale: "display"
+	}
+}), defineBlockAppearancePreset({
+	id: "intro-editorial-statement",
+	target: "intro",
+	label: "Editorial intro statement",
+	blockKinds: ["block.intro"],
+	constraints: { layoutVariantKeys: ["centered-copy", "statement-copy"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "intro",
+			treatment: "editorial-statement"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "intro-portrait-bio",
+	target: "intro",
+	label: "Portrait and bio",
+	blockKinds: ["block.intro"],
+	constraints: { layoutVariantKeys: ["media-copy"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "intro",
+			treatment: "portrait-bio"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-default-cards",
+	target: "offerings",
+	label: "Default offering cards",
+	blockKinds: ["block.offerings-preview"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-secondary-cards",
+	target: "offerings",
+	label: "Secondary offering cards",
+	blockKinds: ["block.offerings-preview"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: plainFrame,
+		cardRole: "alternative"
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-non-carded",
+	target: "offerings",
+	label: "Non-carded offerings",
+	blockKinds: ["block.offerings-preview"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: plainFrame,
+		cardRole: "open"
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-paired-feature-cards",
+	target: "offerings",
+	label: "Paired feature cards",
+	blockKinds: ["block.offerings-preview"],
+	constraints: { layoutVariantKeys: ["cards"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "alternative",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "paired-feature-cards"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-open-editorial-columns",
+	target: "offerings",
+	label: "Open editorial columns",
+	blockKinds: ["block.offerings-preview"],
+	constraints: { layoutVariantKeys: ["cards"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "open",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "open-editorial-columns"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "offerings-preview-joined-programme-panel",
+	target: "offerings",
+	label: "Joined programme panel",
+	blockKinds: ["block.offerings-preview"],
+	constraints: { layoutVariantKeys: ["cards"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default",
+		composition: {
+			kind: "offerings-preview",
+			treatment: "joined-programme-panel"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-raised-rule",
+	target: "feature-cards",
+	label: "Raised cards with rule",
+	blockKinds: ["block.feature-cards"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-bold-colors",
+	target: "feature-cards",
+	label: "Bold colour-blocked cards",
+	blockKinds: ["block.feature-cards"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "alternative"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-editorial-columns",
+	target: "feature-cards",
+	label: "Editorial open columns",
+	blockKinds: ["block.feature-cards"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: plainFrame,
+		cardRole: "open"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-asymmetric-emphasis",
+	target: "feature-cards",
+	label: "Asymmetric emphasis pair",
+	blockKinds: ["block.feature-cards"],
+	constraints: { layoutFamilies: ["grid"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "feature-cards",
+			treatment: "asymmetric-emphasis"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-framed-programme",
+	target: "feature-cards",
+	label: "Framed programme cards",
+	blockKinds: ["block.feature-cards"],
+	constraints: { layoutFamilies: ["grid"] },
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		cardRole: "alternative",
+		composition: {
+			kind: "feature-cards",
+			treatment: "framed-programme"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-soft-panels",
+	target: "feature-cards",
+	label: "Soft tinted panels",
+	blockKinds: ["block.feature-cards"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "alternative"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-editorial-diptych",
+	target: "feature-cards",
+	label: "Editorial diptych",
+	blockKinds: ["block.feature-cards"],
+	constraints: { layoutVariantKeys: ["editorial-diptych"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-editorial-pathways",
+	target: "feature-cards",
+	label: "Editorial pathways",
+	blockKinds: ["block.feature-cards"],
+	constraints: { layoutVariantKeys: ["editorial-pathways"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "feature-cards-photo-tiles",
+	target: "feature-cards",
+	label: "Photo tiles",
+	blockKinds: ["block.feature-cards"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "events-lined-panel",
+	target: "events",
+	label: "Raised event panel",
+	blockKinds: ["block.event-calendar", "block.event-listing"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: panelFrame("raised")
+	}
+}), defineBlockAppearancePreset({
+	id: "events-ruled-register",
+	target: "events",
+	label: "Ruled event register",
+	blockKinds: ["block.event-calendar", "block.event-listing"],
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		eventListTreatment: "ruled-register"
+	}
+}), defineBlockAppearancePreset({
+	id: "events-editorial-register",
+	target: "events",
+	label: "Editorial event register",
+	blockKinds: ["block.event-calendar", "block.event-listing"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		eventListTreatment: "editorial-register"
+	}
+}), defineBlockAppearancePreset({
+	id: "events-dense-index",
+	target: "events",
+	label: "Dense event index",
+	blockKinds: ["block.event-calendar", "block.event-listing"],
+	design: {
+		sectionSurface: "accent-band",
+		contentFrame: plainFrame,
+		eventListTreatment: "dense-index"
+	}
+}), defineBlockAppearancePreset({
+	id: "schedule-details-brand-depth",
+	target: "events",
+	label: "Brand-depth schedule details",
+	blockKinds: ["block.event-details"],
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		tileTreatment: "brand-depth"
+	}
+}), defineBlockAppearancePreset({
+	id: "media-text-flush-feature",
+	target: "media-text",
+	label: "Flush media feature",
+	blockKinds: ["block.media-text"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: flushPanelFrame({ bleed: "start" })
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-simple-cards",
+	target: "testimonials",
+	label: "Simple testimonial cards",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-raised-panel",
+	target: "testimonials",
+	label: "Raised testimonial panel",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: panelFrame("raised"),
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-accent-panel",
+	target: "testimonials",
+	label: "Accent testimonial panel",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "accent-band",
+		contentFrame: panelFrame("raised"),
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-default-cards",
+	target: "testimonials",
+	label: "Default cards",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-statement-cards",
+	target: "testimonials",
+	label: "Statement cards",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "accent-band",
+		contentFrame: plainFrame,
+		cardRole: "alternative"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-brand-statement-cards",
+	target: "testimonials",
+	label: "Brand statement cards",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame,
+		cardRole: "alternative"
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-non-carded",
+	target: "testimonials",
+	label: "Non-carded",
+	blockKinds: ["block.testimonials"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "open-editorial"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-evergreen-lead",
+	target: "testimonials",
+	label: "Evergreen lead",
+	blockKinds: ["block.testimonials"],
+	constraints: { layoutVariantKeys: ["featured-editorial"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "evergreen-lead"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-room-and-response",
+	target: "testimonials",
+	label: "Room and response",
+	blockKinds: ["block.testimonials"],
+	constraints: { layoutVariantKeys: ["featured-editorial"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "room-and-response"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "testimonials-open-floor",
+	target: "testimonials",
+	label: "Open floor",
+	blockKinds: ["block.testimonials"],
+	constraints: { layoutVariantKeys: ["featured-editorial"] },
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		composition: {
+			kind: "testimonials",
+			treatment: "open-floor"
+		}
+	}
+}), defineBlockAppearancePreset({
+	id: "faq-base-accordion",
+	target: "faq",
+	label: "Base accordion FAQ",
+	blockKinds: ["block.faq"],
+	design: {
+		sectionSurface: "base",
+		contentFrame: plainFrame,
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "faq-contained-help",
+	target: "faq",
+	label: "Contained help panel",
+	blockKinds: ["block.faq"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: panelFrame("inset"),
+		cardRole: "default"
+	}
+}), defineBlockAppearancePreset({
+	id: "contact-form-panel",
+	target: "contact-form",
+	label: "Raised form panel",
+	blockKinds: ["block.form"],
+	design: {
+		sectionSurface: "muted-band",
+		contentFrame: panelFrame("raised")
+	}
+}), defineBlockAppearancePreset({
+	id: "booking-brand-band",
+	target: "contact-form",
+	label: "Brand band booking",
+	blockKinds: ["block.appointment-booking"],
+	design: {
+		sectionSurface: "brand-depth-band",
+		contentFrame: plainFrame
+	}
+}), defineBlockAppearancePreset({
+	id: "cta-accent-band",
+	target: "cta",
+	label: "Accent CTA band",
+	blockKinds: ["block.cta-full"],
+	design: {
+		sectionSurface: "accent-band",
+		contentFrame: plainFrame,
+		eyebrowTreatment: "accent"
+	}
+});
+asPageFlowPresetId("generated-default");
+asSiteStyleId("site-style:south-west-twerk-school");
+asAppearancePresetId("hero-brand-scrim-fixed-frame");
+asLayoutVariantKey("classic");
+asLayoutVariantKey("micro");
 asBoundaryOptionId("break:wave");
-asBoundaryOptionId("break:wave-balanced");
-asBoundaryOptionId("break:wave-gentle");
-asBoundaryOptionId("break:wave-bold");
-asBoundaryOptionId("break:wave-drift");
-asBoundaryOptionId("break:angle-subtle");
-asBoundaryOptionId("break:angle-balanced");
-asBoundaryOptionId("break:angle-steep");
 //#endregion
 //#region ../theme-core/src/site-styles/runtimeCompiler.ts
 function defineSectionForegroundRuntimeTokens(input) {
@@ -8959,7 +10160,7 @@ function defineComponentRuntimeRules(rules) {
 }
 /**
 * Default design rules translate semantic page-level choices into the current
-* runtime's section background and transition style-group vocabulary.
+* runtime's section background vocabulary.
 */
 const defaultDesignRuntimeRules = defineDesignRuntimeRules({
 	sectionSurfaces: {
@@ -8994,8 +10195,7 @@ const defaultDesignRuntimeRules = defineDesignRuntimeRules({
 			color: "surface",
 			opacity: .88
 		}
-	},
-	transitionClassName: (transition, fromSurface, toSurface) => transition === "none" ? null : `site-style-transition-${transition}-from-${fromSurface}-to-${toSurface}`
+	}
 });
 /**
 * Default component rules translate frame and item-surface semantics into the
@@ -10710,14 +11910,6 @@ const curatedSiteStyles = [
 	})
 ];
 new Map(curatedSiteStyles.map((style) => [style.id, style]));
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>");
-function svgDataUrl(svg) {
-	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
 //#endregion
 //#region ../theme-core/src/status/generateStatusCss.ts
 /**
@@ -13847,6 +15039,12 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .rb-prose p {
     margin: var(--rt-space-y) 0;
   }
+  :where(.theme-scope) .rb-prose li > p:first-child {
+    margin-top: 0;
+  }
+  :where(.theme-scope) .rb-prose li > p:last-child {
+    margin-bottom: 0;
+  }
   :where(.theme-scope) .rb-prose img {
     display: block;
     max-width: 100%;
@@ -25230,6 +26428,12 @@ function getDefaultButtonVariants() {
 }
 //#endregion
 //#region ../theme-core/src/inputs/core.ts
+/**
+* Core Input CSS Generator
+*
+* Pure functions for generating form input CSS without requiring the full Theme type.
+* Used by both the full CMS theme system and the SDK theme bridge.
+*/
 const CORNER_RADIUS_MAP = {
 	square: "0",
 	soft: "0.25rem",
@@ -25264,7 +26468,7 @@ function generateInputCoreCss(scopeId, settings) {
 	const borderRadius = CORNER_RADIUS_MAP[settings.corners];
 	const cssBlocks = [];
 	cssBlocks.push(`${root} .form-label {
-  color: rgb(var(--tb-${settings.labelToken}));
+  color: ${textColorValue(settings.labelToken)};
   font-weight: 600;
   font-size: 0.875rem;
   display: block;