@riverbankcms/sdk 0.152.0 → 0.154.0

package/dist/server/theme.mjs

@@ -961,15 +961,108 @@ const themeLookMetadataSchema = z.object({
 	skinMarks: skinMarksSchema.optional()
 });
 //#endregion
-//#region ../theme-core/src/footer/mode.ts
-const footerModeSchema = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
+//#region ../core/src/result.ts
+function ok(value) {
+	return {
+		ok: true,
+		value
+	};
+}
+function err(error) {
+	return {
+		ok: false,
+		error
+	};
+}
+//#endregion
+//#region ../core/src/branded.ts
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function parseUuidBrand(value, unsafeConstructor) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const normalized = value.trim().toLowerCase();
+	if (normalized.length === 0) return err({ kind: "empty_string" });
+	if (!UUID_PATTERN.test(normalized)) return err({ kind: "invalid_uuid" });
+	return ok(unsafeConstructor(normalized));
+}
+const unsafeAsMediaAssetId = (id) => id;
+const parseMediaAssetId = (value) => parseUuidBrand(value, unsafeAsMediaAssetId);
 //#endregion
-//#region ../theme-core/src/lib/media.ts
+//#region ../media-core/src/identifiers.ts
+function slugifyMediaIdentifier(value) {
+	return value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+}
+function parseMediaIdentifier(value) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const trimmed = value.trim();
+	if (trimmed.length === 0) return err({ kind: "empty_identifier" });
+	const normalized = slugifyMediaIdentifier(trimmed);
+	if (normalized.length === 0) return err({
+		kind: "empty_after_normalization",
+		value
+	});
+	return ok(normalized);
+}
+/**
+* Admits identifiers read from trusted persistence without repairing dirty data in memory.
+* User input should use parseMediaIdentifier, which intentionally canonicalizes it.
+*/
+function parseCanonicalMediaIdentifier(value) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const parsed = parseMediaIdentifier(value);
+	if (!parsed.ok) return parsed;
+	if (value !== parsed.value) return err({
+		kind: "non_canonical_identifier",
+		value,
+		canonical: parsed.value
+	});
+	return parsed;
+}
+//#endregion
+//#region ../media-core/src/mediaIdentifierSchema.ts
+/** Strict stored-reference admission delegates the canonical identifier decision. */
+const mediaIdentifierSchema = z.string().transform((value, context) => {
+	const parsed = parseCanonicalMediaIdentifier(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a canonical media identifier"
+	});
+	return z.NEVER;
+});
+//#endregion
+//#region ../media-core/src/mediaKinds.ts
+const mediaTypeDiscriminants = [
+	"image",
+	"video",
+	"audio",
+	"document",
+	"spreadsheet",
+	"archive"
+];
+//#endregion
+//#region ../media-core/src/renderableMediaAssetAdmission.ts
+const mediaAssetIdSchema = z.string().transform((value, context) => {
+	const parsed = parseMediaAssetId(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a media asset ID"
+	});
+	return z.NEVER;
+});
+const nonemptyStorageValue = z.string().refine((value) => value.trim().length > 0);
+const renderableMediaAssetSchema = z.object({
+	id: mediaAssetIdSchema,
+	identifier: mediaIdentifierSchema,
+	storageBucket: nonemptyStorageValue,
+	storagePath: nonemptyStorageValue,
+	mimeType: nonemptyStorageValue,
+	filename: z.string().optional(),
+	width: z.number().positive().nullable(),
+	height: z.number().positive().nullable()
+});
+//#endregion
+//#region ../media-core/src/media.ts
 const hotspotSchema = z.object({
 	x: z.number().min(0).max(1),
 	y: z.number().min(0).max(1),
@@ -1003,54 +1096,56 @@ const transformSchema = z.object({
 	rotation: rotationSchema.optional()
 });
 const mediaPosterSchema = z.discriminatedUnion("tag", [z.object({
-	tag: z.literal("storage"),
-	assetId: z.string().optional(),
-	storageBucket: z.string().min(1),
-	storagePath: z.string().min(1)
-}), z.object({
+	tag: z.literal("media"),
+	identifier: mediaIdentifierSchema
+}).strict(), z.object({
 	tag: z.literal("external-src"),
-	assetId: z.string().optional(),
 	src: z.string().url()
-})]);
-const mediaBaseSchema = z.object({
+}).strict()]);
+const mediaUsageShape = {
 	purpose: z.string().optional(),
 	placeholder: z.boolean().default(true).optional(),
-	assetId: z.string().optional(),
-	identifier: z.string().optional(),
-	src: z.string().optional(),
 	alt: z.string().optional(),
 	filename: z.string().optional(),
-	mimeType: z.string().optional(),
 	width: z.number().optional(),
 	height: z.number().optional(),
-	storageBucket: z.string().optional(),
-	storagePath: z.string().optional(),
 	poster: mediaPosterSchema.optional(),
 	transform: transformSchema.optional()
-});
-const mediaIdentifierSchema = z.string().trim().min(1).brand();
+};
+const environmentExclusions = {
+	assetId: z.never().optional(),
+	id: z.never().optional(),
+	src: z.never().optional(),
+	storageBucket: z.never().optional(),
+	storagePath: z.never().optional(),
+	mimeType: z.never().optional()
+};
+const mediaBaseSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	identifier: mediaIdentifierSchema
+}).strict();
 const imageMediaSchema = mediaBaseSchema.extend({ type: z.literal("image") });
 const videoMediaSchema = mediaBaseSchema.extend({ type: z.literal("video") });
-const audioMediaSchema = mediaBaseSchema.extend({ type: z.literal("audio") });
-const documentMediaSchema = mediaBaseSchema.extend({ type: z.literal("document") });
-const spreadsheetMediaSchema = mediaBaseSchema.extend({ type: z.literal("spreadsheet") });
-const archiveMediaSchema = mediaBaseSchema.extend({ type: z.literal("archive") });
-const mediaSchema = z.discriminatedUnion("type", [
-	imageMediaSchema,
-	videoMediaSchema,
-	audioMediaSchema,
-	documentMediaSchema,
-	spreadsheetMediaSchema,
-	archiveMediaSchema
-]);
-const persistableMediaBaseSchema = mediaBaseSchema.extend({ identifier: mediaIdentifierSchema });
-z.discriminatedUnion("type", [
-	persistableMediaBaseSchema.extend({ type: z.literal("image") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("video") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("audio") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("document") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("spreadsheet") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("archive") })
+const mediaSchema = mediaBaseSchema.extend({ type: z.enum(mediaTypeDiscriminants) });
+const externalMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	src: z.string().min(1),
+	identifier: z.never().optional()
+}).strict();
+const assetMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	asset: renderableMediaAssetSchema,
+	identifier: z.never().optional()
+}).strict();
+z.union([
+	mediaSchema,
+	externalMediaSchema,
+	assetMediaSchema
 ]);
 //#endregion
 //#region ../theme-core/src/palette/schema.ts
@@ -1081,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.
@@ -1196,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"
@@ -1242,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",
@@ -1331,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
@@ -1454,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 })
 });
@@ -1866,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) {
@@ -1963,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) {
@@ -2058,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;
 }
@@ -2195,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,
@@ -2575,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: {
@@ -3316,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([
@@ -3353,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
@@ -6869,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) {
@@ -6885,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);
@@ -8156,6 +8570,20 @@ const boxBackgroundSchema = z.discriminatedUnion("type", [
 		showVideoOnMobile: z.boolean().nullable().optional()
 	})
 ]);
+z.discriminatedUnion("type", [
+	boxBackgroundSchema.options[0],
+	boxBackgroundSchema.options[1],
+	boxBackgroundSchema.options[2].extend({ image: z.union([
+		imageMediaSchema,
+		externalMediaSchema.extend({ type: z.literal("image") }),
+		assetMediaSchema.extend({ type: z.literal("image") })
+	]).nullable().optional() }),
+	boxBackgroundSchema.options[3].extend({ image: z.union([
+		videoMediaSchema,
+		externalMediaSchema.extend({ type: z.literal("video") }),
+		assetMediaSchema.extend({ type: z.literal("video") })
+	]).nullable().optional() })
+]);
 function normalizeAuthoringOpacity(value) {
 	if (!isRecord(value)) return value;
 	return {
@@ -8509,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",
@@ -8531,12 +8954,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -8577,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([
@@ -8597,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"