@riverbankcms/sdk 0.143.0 → 0.144.0

package/dist/server/rendering/server.mjs

@@ -3764,9 +3764,7 @@ function navRow(opts) {
 		rel: { $bind: { from: `${childItemName}.rel` } },
 		"data-active": { $bind: { from: `${childItemName}.active` } }
 	}, [text({ as: "span" }, bind(`${childItemName}.label`))], repeat(`${itemName}.children`, childItemName));
-	const dropdown = el("div", { className: "nav-dropdown rb-relative" }, [button({
-		type: "button",
-		variantId: "",
+	const dropdown = el("div", { className: "nav-dropdown rb-relative" }, [el("headerControl", {
 		className: prependClassName("nav-dropdown-trigger", linkClassName),
 		"aria-haspopup": "menu",
 		"aria-expanded": "false",
@@ -3834,9 +3832,7 @@ function navColumn(opts) {
 	const dropdown = el("div", {
 		className: "nav-mobile-dropdown",
 		"data-nav-mobile-dropdown": "true"
-	}, [button({
-		type: "button",
-		variantId: "",
+	}, [el("headerControl", {
 		className: triggerClassName,
 		"aria-expanded": "false",
 		"aria-controls": childrenId,
@@ -5721,6 +5717,36 @@ function normalizedReference(value) {
 	return normalized.length > 0 ? normalized : null;
 }
 //#endregion
+//#region ../theme-core/src/surfaces/logoVariant.ts
+/** Concrete hex behind a plain, opaque palette token, or null otherwise. */
+function opaquePaletteHexForToken(expandedPalette, token) {
+	if (!token) return null;
+	const parts = parseColorTokenParts(token);
+	if (parts.kind !== "token" || parts.opacityPercent !== null) return null;
+	return expandedPalette[parts.token] ?? null;
+}
+/**
+* Tone of the surface a foreground token was resolved for.
+*
+* A token with opacity has no known underlay to composite against, and a raw
+* or unrecognised token has no palette hex, so both are `unknown` rather than
+* a guess.
+*/
+function surfaceToneFromForegroundToken(expandedPalette, foregroundToken) {
+	const hex = opaquePaletteHexForToken(expandedPalette, foregroundToken);
+	if (!hex) return "unknown";
+	return featuresFromHex(hex).Y >= .5 ? "dark" : "light";
+}
+/**
+* The logo to draw on a surface of the given tone. A missing variant falls
+* back to the other one, and an unknown tone uses the light-backgrounds logo,
+* which is what every site rendered before variants existed.
+*/
+function selectLogoVariant(tone, variants) {
+	const { forLightBackgrounds, forDarkBackgrounds } = variants;
+	return tone === "dark" ? forDarkBackgrounds ?? forLightBackgrounds : forLightBackgrounds ?? forDarkBackgrounds;
+}
+//#endregion
 //#region ../theme-core/src/utils/colorStyles.ts
 const COLOR_VAR_PREFIX = "--tb-";
 function parseToken(source) {
@@ -5787,16 +5813,28 @@ function backgroundColorStyle(token) {
 	return { backgroundColor: rgbColorValue(token) };
 }
 /**
+* 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);
+}
+/**
 * Creates a text color style object from a theme token.
 *
 * @param token - Theme color token
 * @returns CSSProperties with color
 */
 function textColorStyle(token) {
-	const parsed = parseToken(token);
-	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
-	if (surfaceRole) return { color: parsed.opacityPercent === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
-	return { color: rgbColorValue(token) };
+	return { color: textColorValue(token) };
 }
 /**
 * Creates a border color style object from a theme token.
@@ -13350,7 +13388,7 @@ function parseThemeForPersistence(value) {
 * overriding the twelve styles that deliberately declare none. Whether a button
 * carries a trailing affordance is the style's decision; the only caller that
 * legitimately opts out is the authored-button renderer, which reaches it
-* through `themeButtonClassNameWithTrailingIcon`.
+* through `themeButtonExtraClassesWithTrailingIcon`.
 */
 const AFFORDANCE_SUPPRESS_CLASS = "rb-affordance-off";
 //#endregion
@@ -13379,18 +13417,10 @@ function themeButtonSelector(variant, size) {
 	if (!size) return baseSelector;
 	return `${baseSelector}.${themeButtonSizeClassName(size)}`;
 }
-function themeButtonClassName(spec) {
-	return [
-		...themeButtonVariantClassNames(spec.variant),
-		themeButtonSizeClassName(spec.size),
-		spec.extraClassName
-	].filter(Boolean).join(" ");
-}
 /**
-* Button classes for an authored button that renders its own trailing icon.
+* Extra classes for an authored button that renders its own trailing icon.
 *
-* A separate function rather than a flag on `themeButtonClassName`, because
-* there is exactly one caller and it should stay visible in a diff. The name
+* This intent-named function has exactly one caller. The name
 * states what the caller knows to be true of its own markup — that it renders a
 * trailing icon — rather than what the theme does about it. The consequence is
 * the theme's to decide and to change; a caller naming the consequence would be
@@ -13401,11 +13431,8 @@ function themeButtonClassName(spec) {
 * affordance is declared by the button style, and a block overriding that is the
 * defect this replaced.
 */
-function themeButtonClassNameWithTrailingIcon(spec) {
-	return themeButtonClassName({
-		...spec,
-		extraClassName: [spec.extraClassName, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ")
-	});
+function themeButtonExtraClassesWithTrailingIcon() {
+	return AFFORDANCE_SUPPRESS_CLASS;
 }
 //#endregion
 //#region ../theme-core/src/interactive/generateBaseCSS.ts
@@ -23990,6 +24017,49 @@ const layoutTransforms = [
 	footerLogoTextVisibleTransform
 ];
 //#endregion
+//#region ../blocks/src/system/transforms/registry/chromeLogo.ts
+const chromeLogoSchema = z.object({ surface: z.enum([
+	"header-root",
+	"header-mobile-panel",
+	"footer-root"
+]) });
+/** The brand foreground shares the logo's surface; navigation may own a separate capsule. */
+function chromeSurfaceTextToken(surface, theme, palette) {
+	switch (surface) {
+		case "header-root": {
+			const header = theme.header;
+			const foreground = resolveHeaderRootForeground(header, palette, resolveHeaderVisualStyles(header).isTransparent);
+			return foreground.kind === "known" ? foreground.roles.text : resolveHeaderLeafTextColor(header);
+		}
+		case "header-mobile-panel": return theme.header?.dropdownStyle?.textColor ?? "text";
+		case "footer-root": {
+			const foreground = resolveFooterRootForeground(theme.footer, palette);
+			return foreground.kind === "known" ? foreground.roles.text : void 0;
+		}
+	}
+}
+function readChromeTheme(viewModel) {
+	return asPartialObject(asPartialObject(viewModel?.["$root"])?.theme) ?? {};
+}
+function resolveChromeSurfaceTone(surface, context) {
+	return surfaceToneFromForegroundToken(context.theme.palette, chromeSurfaceTextToken(surface, readChromeTheme(context.viewModel), context.theme.palette));
+}
+const chromeLogoTransforms = [{
+	id: "layout.chromeLogo",
+	kind: "formatter",
+	summary: "Select the light- or dark-background site logo for a header or footer surface",
+	schema: chromeLogoSchema,
+	run: (value, options, context) => {
+		const content = asPartialObject(value);
+		const variants = asPartialObject(content?.logoVariants);
+		if (!variants) return content?.logo ?? null;
+		return selectLogoVariant(resolveChromeSurfaceTone(options.surface, context), {
+			forLightBackgrounds: variants.forLightBackgrounds ?? null,
+			forDarkBackgrounds: variants.forDarkBackgrounds ?? null
+		});
+	}
+}];
+//#endregion
 //#region ../blocks/src/system/transforms/registry/ui.ts
 const joinClasses$2 = (parts) => parts.filter((part) => typeof part === "string" && part.trim().length > 0).join(" ").replace(/\s+/g, " ").trim();
 const eyebrowTreatmentClassMap = {
@@ -26343,6 +26413,33 @@ function normalizeEventCalendarDisplayMode$1(input) {
 	if (isEventCalendarDisplayMode(input.variant)) return input.variant;
 	return isEventCalendarDisplayMode(input.displayMode) ? input.displayMode : void 0;
 }
+/** One closed authority for the projections required by each rendered mode. */
+function resolveEventCalendarReadPlan(input) {
+	const mode = normalizeEventCalendarDisplayMode$1(input) ?? "combined";
+	switch (mode) {
+		case "combined": return {
+			mode,
+			jobs: "both",
+			readProfile: "listing-card"
+		};
+		case "list": return {
+			mode,
+			jobs: "list",
+			readProfile: "listing-card"
+		};
+		case "calendar": return {
+			mode,
+			jobs: "calendar",
+			readProfile: "listing-card"
+		};
+		case "timetable":
+		case "week-board": return {
+			mode,
+			jobs: "calendar",
+			readProfile: "timetable"
+		};
+	}
+}
 function isEventCalendarDefaultView(value) {
 	return typeof value === "string" && eventCalendarDefaultViewValues.includes(value);
 }
@@ -27377,8 +27474,7 @@ function normalizeEventStaffMemberId(value) {
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/calendarWindow.ts
 function resolveCalendarReadProfile(content) {
-	const mode = normalizeEventCalendarDisplayMode$1(content);
-	return mode === "timetable" || mode === "week-board" ? "timetable" : "listing-card";
+	return resolveEventCalendarReadPlan(content).readProfile;
 }
 /** Runtime picker sentinels and bound loader IDs must describe the same query. */
 function normalizeCalendarFilterId(value) {
@@ -27522,8 +27618,8 @@ const defaultTransforms = createTransformRegistry([
 		summary: "Choose the read projection required by the calendar display mode",
 		schema: z.object({ job: z.enum(["list", "calendar"]) }),
 		run(value, options) {
-			const mode = normalizeEventCalendarDisplayMode$1(asPartialObject(value) ?? {}) ?? "combined";
-			return options.job === "calendar" ? mode !== "list" : mode === "list" || mode === "combined";
+			const plan = resolveEventCalendarReadPlan(asPartialObject(value) ?? {});
+			return plan.jobs === "both" || plan.jobs === options.job;
 		}
 	},
 	{
@@ -27536,6 +27632,7 @@ const defaultTransforms = createTransformRegistry([
 	},
 	...formattingTransforms,
 	...layoutTransforms,
+	...chromeLogoTransforms,
 	...uiTransforms,
 	...mediaTransforms,
 	...backgroundTransforms,
@@ -27691,12 +27788,12 @@ function Grid({ as: Comp = "div", cols, userColumns, gap = "md", className, styl
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/layout.tsx
-const SectionNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Section, { ...props });
-const StackNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Stack, { ...props });
-const InlineNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Inline, { ...props });
-const GridNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Grid, { ...props });
-const DivNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("div", { ...props });
-const FigureNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("figure", { ...props });
+const SectionNode = (props) => /* @__PURE__ */ jsx(Section, { ...props });
+const StackNode = (props) => /* @__PURE__ */ jsx(Stack, { ...props });
+const InlineNode = (props) => /* @__PURE__ */ jsx(Inline, { ...props });
+const GridNode = (props) => /* @__PURE__ */ jsx(Grid, { ...props });
+const DivNode = (props) => /* @__PURE__ */ jsx("div", { ...props });
+const FigureNode = (props) => /* @__PURE__ */ jsx("figure", { ...props });
 //#endregion
 //#region ../path-utils/src/index.ts
 const PATH_SEPARATOR_REGEX$1 = /\./g;
@@ -27934,6 +28031,234 @@ function Text({ as: Comp = "span", children, className = "", path, maxLength: _m
 	});
 }
 //#endregion
+//#region ../logger/src/sanitize.ts
+const DEFAULT_MAX_STRING_LENGTH = 2e3;
+const STRUCTURED_KEYS = /* @__PURE__ */ new Set([
+	"source",
+	"service",
+	"function",
+	"environment",
+	"deployment",
+	"region",
+	"release",
+	"requestId",
+	"correlationId",
+	"method",
+	"route",
+	"path",
+	"search",
+	"host",
+	"url",
+	"userId",
+	"adminUserId",
+	"orgId",
+	"siteId",
+	"siteDomainId",
+	"domainOperationSubsystem",
+	"domainOperation",
+	"domainOperationStage",
+	"domainOperationOutcome",
+	"domainOperationDomain",
+	"domainOperationProvider",
+	"domainOperationError",
+	"domainOperationMetadata",
+	"durationMs",
+	"duration",
+	"status",
+	"statusCode",
+	"statusText",
+	"errorDetails",
+	"errorName",
+	"errorMessage",
+	"errorStack",
+	"context"
+]);
+function truncate(input, maxLength) {
+	if (input.length <= maxLength) return input;
+	return input.slice(0, maxLength) + "…";
+}
+function safeStringify(value, maxLength) {
+	try {
+		return truncate(JSON.stringify(value), maxLength);
+	} catch {
+		return truncate(String(value), maxLength);
+	}
+}
+function toScalar(value, maxLength) {
+	if (value == null) return null;
+	if (typeof value === "string") return truncate(value, maxLength);
+	if (typeof value === "number") return Number.isFinite(value) ? value : null;
+	if (typeof value === "boolean") return value;
+	if (value instanceof Date) return value.toISOString();
+	if (value instanceof Error) return truncate(`${value.name}: ${value.message}`, maxLength);
+	return safeStringify(value, maxLength);
+}
+function sanitizeV2(fields, maxStringLength) {
+	const allowed = {};
+	const extra = {};
+	for (const [key, value] of Object.entries(fields)) {
+		if (value === void 0) continue;
+		if (STRUCTURED_KEYS.has(key)) {
+			allowed[key] = toScalar(value, maxStringLength);
+			continue;
+		}
+		extra[key] = value;
+	}
+	if (Object.keys(extra).length > 0) allowed.context = safeStringify(extra, maxStringLength);
+	return allowed;
+}
+function sanitizeLogFields(fields, options) {
+	if (fields === void 0 || Object.keys(fields).length === 0) return void 0;
+	return sanitizeV2(fields, options?.maxStringLength ?? DEFAULT_MAX_STRING_LENGTH);
+}
+//#endregion
+//#region ../logger/src/console.ts
+function formatLog(level, message, fields) {
+	const entry = {
+		timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+		level,
+		message,
+		...sanitizeLogFields(fields)
+	};
+	return JSON.stringify(entry);
+}
+function createLogger(baseFields = {}) {
+	return {
+		debug: (msg, fields) => console.debug(formatLog("debug", msg, {
+			...baseFields,
+			...fields
+		})),
+		info: (msg, fields) => console.info(formatLog("info", msg, {
+			...baseFields,
+			...fields
+		})),
+		warn: (msg, fields) => console.warn(formatLog("warn", msg, {
+			...baseFields,
+			...fields
+		})),
+		error: (msg, fields) => console.error(formatLog("error", msg, {
+			...baseFields,
+			...fields
+		})),
+		withFields: (fields) => createLogger({
+			...baseFields,
+			...fields
+		})
+	};
+}
+const logger = createLogger();
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
+function parseRichTextDoc(value) {
+	const parsed = RichTextDocSchema.safeParse(value);
+	if (parsed.success) return {
+		kind: "valid",
+		doc: parsed.data
+	};
+	return {
+		kind: "invalid",
+		issues: parsed.error.issues.map((issue) => ({
+			path: issue.path.map((segment) => String(segment)),
+			message: issue.message
+		}))
+	};
+}
+function coerceRichTextDoc(value, source) {
+	const parsed = parseRichTextDoc(value);
+	if (parsed.kind === "valid") return parsed.doc;
+	if (value !== null && value !== void 0) logger.warn("blocks:rich-text:invalid-document", {
+		source,
+		issues: parsed.issues.slice(0, 3)
+	});
+	return null;
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/renderInlineText.tsx
+function renderInlineText(value) {
+	return value.map((run, index) => renderRun(run, index));
+}
+function renderRun(run, key) {
+	return (run.marks ?? []).reduceRight((child, mark, index) => renderMark(mark, `${String(key)}-${index}`, child), run.text);
+}
+function renderMark(mark, key, child) {
+	switch (mark.kind) {
+		case "strong": return /* @__PURE__ */ jsx("strong", { children: child }, key);
+		case "emphasis": return /* @__PURE__ */ jsx("em", { children: child }, key);
+		case "accent": return /* @__PURE__ */ jsx("span", {
+			className: `rb-inline-text-accent rb-inline-text-accent-${mark.tone}`,
+			children: child
+		}, key);
+		case "highlight": return /* @__PURE__ */ jsx("span", {
+			className: `rb-inline-text-highlight rb-inline-text-highlight-${mark.tone}`,
+			children: child
+		}, key);
+	}
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/spinner.tsx
+function resolveColorStyle(color) {
+	switch (color) {
+		case void 0: return;
+		case "inherit": return { color: "inherit" };
+		case "foreground": return { color: "rgb(var(--tb-foreground))" };
+		case "text": return { color: "rgb(var(--tb-text))" };
+		default: return;
+	}
+}
+function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel, style, ...rest }) {
+	const hasExplicitAriaLabel = typeof rest["aria-label"] === "string" && rest["aria-label"].trim().length > 0;
+	const accessibilityProps = srLabel ? {
+		role: "status",
+		"aria-live": "polite"
+	} : hasExplicitAriaLabel ? {} : { "aria-hidden": true };
+	const trackStroke = color === "inherit" ? "currentColor" : "var(--rb-spinner-track-color)";
+	const trackOpacity = color === "inherit" ? .25 : 1;
+	return /* @__PURE__ */ jsxs("span", {
+		...accessibilityProps,
+		className: clsx("rb-spinner", size ? `rb-spinner--${size}` : null, color === "inherit" ? "rb-spinner--inherit" : null, className),
+		style: {
+			...resolveColorStyle(color),
+			...style ?? {}
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: trackStroke,
+				strokeWidth,
+				opacity: trackOpacity
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M12 2a10 10 0 0 1 10 10",
+				stroke: "currentColor",
+				strokeWidth,
+				strokeLinecap: "round"
+			})]
+		}), srLabel ? /* @__PURE__ */ jsx("span", {
+			className: "rb-sr-only",
+			children: srLabel
+		}) : null]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/buttonAffordance.ts
+function normalize(value) {
+	const trimmed = typeof value === "string" ? value.trim() : "";
+	return trimmed.length > 0 ? trimmed : null;
+}
+/**
+* Resolve the node-authored trailing affordance, or `null` when no icon exists.
+*/
+function resolveButtonAffordance(input) {
+	const nodeIcon = normalize(input.trailingIcon);
+	if (nodeIcon) return { iconId: nodeIcon };
+	return null;
+}
+//#endregion
 //#region ../blocks/src/system/icons/svg.tsx
 function createIcon(displayName, children) {
 	const Icon = ({ size = "1em", strokeWidth = 2, title, className, focusable = false, role, ...props }) => /* @__PURE__ */ jsxs("svg", {
@@ -29038,186 +29363,105 @@ function getIconComponent(name) {
 	return getCtaIconComponent(name) ?? getSemanticIconComponent(name) ?? getSocialIconComponent(name);
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/buttonAffordance.ts
-function normalize(value) {
-	const trimmed = typeof value === "string" ? value.trim() : "";
-	return trimmed.length > 0 ? trimmed : null;
-}
-/**
-* Resolve the node-authored trailing affordance, or `null` when no icon exists.
-*/
-function resolveButtonAffordance(input) {
-	const nodeIcon = normalize(input.trailingIcon);
-	if (nodeIcon) return { iconId: nodeIcon };
-	return null;
-}
-//#endregion
-//#region ../logger/src/sanitize.ts
-const DEFAULT_MAX_STRING_LENGTH = 2e3;
-const STRUCTURED_KEYS = /* @__PURE__ */ new Set([
-	"source",
-	"service",
-	"function",
-	"environment",
-	"deployment",
-	"region",
-	"release",
-	"requestId",
-	"correlationId",
-	"method",
-	"route",
-	"path",
-	"search",
-	"host",
-	"url",
-	"userId",
-	"adminUserId",
-	"orgId",
-	"siteId",
-	"siteDomainId",
-	"domainOperationSubsystem",
-	"domainOperation",
-	"domainOperationStage",
-	"domainOperationOutcome",
-	"domainOperationDomain",
-	"domainOperationProvider",
-	"domainOperationError",
-	"domainOperationMetadata",
-	"durationMs",
-	"duration",
-	"status",
-	"statusCode",
-	"statusText",
-	"errorDetails",
-	"errorName",
-	"errorMessage",
-	"errorStack",
-	"context"
-]);
-function truncate(input, maxLength) {
-	if (input.length <= maxLength) return input;
-	return input.slice(0, maxLength) + "…";
-}
-function safeStringify(value, maxLength) {
-	try {
-		return truncate(JSON.stringify(value), maxLength);
-	} catch {
-		return truncate(String(value), maxLength);
-	}
-}
-function toScalar(value, maxLength) {
-	if (value == null) return null;
-	if (typeof value === "string") return truncate(value, maxLength);
-	if (typeof value === "number") return Number.isFinite(value) ? value : null;
-	if (typeof value === "boolean") return value;
-	if (value instanceof Date) return value.toISOString();
-	if (value instanceof Error) return truncate(`${value.name}: ${value.message}`, maxLength);
-	return safeStringify(value, maxLength);
-}
-function sanitizeV2(fields, maxStringLength) {
-	const allowed = {};
-	const extra = {};
-	for (const [key, value] of Object.entries(fields)) {
-		if (value === void 0) continue;
-		if (STRUCTURED_KEYS.has(key)) {
-			allowed[key] = toScalar(value, maxStringLength);
-			continue;
-		}
-		extra[key] = value;
-	}
-	if (Object.keys(extra).length > 0) allowed.context = safeStringify(extra, maxStringLength);
-	return allowed;
-}
-function sanitizeLogFields(fields, options) {
-	if (fields === void 0 || Object.keys(fields).length === 0) return void 0;
-	return sanitizeV2(fields, options?.maxStringLength ?? DEFAULT_MAX_STRING_LENGTH);
+//#region ../blocks/src/system/runtime/shared/components/ThemedButton.tsx
+function themedButtonClasses(variant, size, extraClassName) {
+	return [
+		...themeButtonVariantClassNames(variant),
+		themeButtonSizeClassName(size),
+		extraClassName
+	].filter(Boolean).join(" ");
 }
-//#endregion
-//#region ../logger/src/console.ts
-function formatLog(level, message, fields) {
-	const entry = {
-		timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-		level,
-		message,
-		...sanitizeLogFields(fields)
-	};
-	return JSON.stringify(entry);
+function ThemedButtonLabel(props) {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		props.pending ? /* @__PURE__ */ jsx(SpinnerNode, {
+			size: props.pending.spinnerSize ?? "sm",
+			color: "inherit",
+			className: props.pending.spinnerClassName ?? "rb-mr-2",
+			srLabel: props.pending.srLabel
+		}) : null,
+		props.labelClassName ? /* @__PURE__ */ jsx("span", {
+			className: props.labelClassName,
+			children: props.pending?.label ?? props.label
+		}) : props.pending?.label ?? props.label,
+		props.screenReaderSuffix ? /* @__PURE__ */ jsx("span", {
+			className: "rb-sr-only",
+			children: props.screenReaderSuffix
+		}) : null
+	] });
+	return props.pending?.contentClassName ? /* @__PURE__ */ jsx("span", {
+		className: props.pending.contentClassName,
+		children: content
+	}) : content;
 }
-function createLogger(baseFields = {}) {
-	return {
-		debug: (msg, fields) => console.debug(formatLog("debug", msg, {
-			...baseFields,
-			...fields
-		})),
-		info: (msg, fields) => console.info(formatLog("info", msg, {
-			...baseFields,
-			...fields
-		})),
-		warn: (msg, fields) => console.warn(formatLog("warn", msg, {
-			...baseFields,
-			...fields
-		})),
-		error: (msg, fields) => console.error(formatLog("error", msg, {
-			...baseFields,
-			...fields
-		})),
-		withFields: (fields) => createLogger({
-			...baseFields,
-			...fields
+function ThemedButton({ variant, size, extraClassName, screenReaderSuffix, labelClassName, pending, label, ...buttonProps }) {
+	return /* @__PURE__ */ jsx("button", {
+		...buttonProps,
+		className: themedButtonClasses(variant, size, extraClassName),
+		children: /* @__PURE__ */ jsx(ThemedButtonLabel, {
+			label,
+			pending,
+			screenReaderSuffix,
+			labelClassName
 		})
-	};
-}
-const logger = createLogger();
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
-function parseRichTextDoc(value) {
-	const parsed = RichTextDocSchema.safeParse(value);
-	if (parsed.success) return {
-		kind: "valid",
-		doc: parsed.data
-	};
-	return {
-		kind: "invalid",
-		issues: parsed.error.issues.map((issue) => ({
-			path: issue.path.map((segment) => String(segment)),
-			message: issue.message
-		}))
-	};
-}
-function coerceRichTextDoc(value, source) {
-	const parsed = parseRichTextDoc(value);
-	if (parsed.kind === "valid") return parsed.doc;
-	if (value !== null && value !== void 0) logger.warn("blocks:rich-text:invalid-document", {
-		source,
-		issues: parsed.issues.slice(0, 3)
 	});
-	return null;
 }
-//#endregion
-//#region ../blocks/src/system/runtime/nodes/renderInlineText.tsx
-function renderInlineText(value) {
-	return value.map((run, index) => renderRun(run, index));
+function ThemedButtonLink({ variant, size, extraClassName, screenReaderSuffix, labelClassName, label, ...anchorProps }) {
+	return /* @__PURE__ */ jsx("a", {
+		...anchorProps,
+		className: themedButtonClasses(variant, size, extraClassName),
+		children: /* @__PURE__ */ jsx(ThemedButtonLabel, {
+			label,
+			screenReaderSuffix,
+			labelClassName
+		})
+	});
 }
-function renderRun(run, key) {
-	return (run.marks ?? []).reduceRight((child, mark, index) => renderMark(mark, `${String(key)}-${index}`, child), run.text);
+/** Fixed semantic download affordance; callers cannot supply arbitrary icon children. */
+function ThemedDownloadLink({ variant, size, extraClassName, label, screenReaderSuffix, labelClassName, ...anchorProps }) {
+	return /* @__PURE__ */ jsxs("a", {
+		...anchorProps,
+		className: themedButtonClasses(variant, size, extraClassName),
+		children: [/* @__PURE__ */ jsx(DownloadIcon, {
+			"aria-hidden": "true",
+			size: 24
+		}), /* @__PURE__ */ jsx(ThemedButtonLabel, {
+			label,
+			screenReaderSuffix,
+			labelClassName
+		})]
+	});
 }
-function renderMark(mark, key, child) {
-	switch (mark.kind) {
-		case "strong": return /* @__PURE__ */ jsx("strong", { children: child }, key);
-		case "emphasis": return /* @__PURE__ */ jsx("em", { children: child }, key);
-		case "accent": return /* @__PURE__ */ jsx("span", {
-			className: `rb-inline-text-accent rb-inline-text-accent-${mark.tone}`,
-			children: child
-		}, key);
-		case "highlight": return /* @__PURE__ */ jsx("span", {
-			className: `rb-inline-text-highlight rb-inline-text-highlight-${mark.tone}`,
-			children: child
-		}, key);
-	}
+/** Boundary for authored button nodes and their registry-backed trailing icon. */
+function ThemedAuthoredButton({ label, href, variant, size, extraClassName, disabled, type = "button", target, rel, ariaLabel, dataTestId, trailingIcon, onClick }) {
+	const affordance = resolveButtonAffordance({ trailingIcon });
+	const Icon = affordance ? getIconComponent(affordance.iconId) : null;
+	const className = variant ? themedButtonClasses(variant, size, Icon ? [extraClassName, themeButtonExtraClassesWithTrailingIcon()].filter(Boolean).join(" ") : extraClassName) : extraClassName ?? void 0;
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [label, Icon ? /* @__PURE__ */ jsx(Icon, {
+		"aria-hidden": true,
+		className: "rb-ml-2 rb-h-4 rb-w-4 rb-inline-block"
+	}) : null] });
+	return href ? /* @__PURE__ */ jsx("a", {
+		href,
+		target,
+		rel,
+		"aria-label": ariaLabel,
+		"data-testid": dataTestId,
+		className,
+		onClick,
+		children: content
+	}) : /* @__PURE__ */ jsx("button", {
+		type,
+		disabled,
+		"aria-label": ariaLabel,
+		"data-testid": dataTestId,
+		className,
+		onClick,
+		children: content
+	});
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/basic.tsx
-const TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
+const TextNode = ({ value, children, blockContent, inlineTextFallbackPath, ...rest }) => {
 	const inlineText = parseInlineTextFromUnknown(value);
 	if (inlineText.ok && !isInlineTextEmpty(inlineText.value)) return /* @__PURE__ */ jsx(Text, {
 		...rest,
@@ -29238,34 +29482,21 @@ function readStringPath(source, path) {
 	const value = getAtPath(source, path);
 	return typeof value === "string" ? value : null;
 }
-const RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
+const RichTextNode = ({ value, blockKind, ...rest }) => {
 	return /* @__PURE__ */ jsx(RichText, {
-		doc: coerceRichTextDoc(value, `block-runtime:${_blockKind ?? "unknown"}:${rest.path ?? "richText"}`) ?? void 0,
+		doc: coerceRichTextDoc(value, `block-runtime:${blockKind ?? "unknown"}:${rest.path ?? "richText"}`) ?? void 0,
 		...rest
 	});
 };
-/**
-* Render the resolved trailing affordance icon using the button's foreground.
-*/
-function renderTrailingAffordanceIcon(affordance) {
-	if (!affordance) return null;
-	const Icon = getIconComponent(affordance.iconId);
-	if (!Icon) return null;
-	return /* @__PURE__ */ jsx(Icon, {
-		"aria-hidden": true,
-		className: "rb-ml-2 rb-h-4 rb-w-4 rb-inline-block"
-	});
-}
 function isMissingRequiredLink(linkRequired, resolvedHref) {
 	return linkRequired && resolvedHref.length === 0;
 }
-const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, trailingIcon, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
+const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, trailingIcon, onClick, className, ...rest }) => {
 	const content = value ?? children;
 	if (!content) {
 		console.warn("[ButtonNode] No content to render - value and children are both empty");
 		return null;
 	}
-	const affordanceIcon = renderTrailingAffordanceIcon(resolveButtonAffordance({ trailingIcon }));
 	const resolvedHref = typeof href === "string" ? href.trim() : "";
 	if (isMissingRequiredLink(linkRequired, resolvedHref)) {
 		if (process.env.NODE_ENV === "development") console.warn("[ButtonNode] Missing href for link-required button");
@@ -29276,28 +29507,23 @@ const ButtonNode = ({ value, children, href, variantId = "primary", size = "md",
 		console.error("[ButtonNode] Invalid button variant", { variantId });
 		return null;
 	}
-	const combinedClassName = resolvedVariantId ? (affordanceIcon ? themeButtonClassNameWithTrailingIcon : themeButtonClassName)({
-		variant: resolvedVariantId,
-		size,
-		extraClassName: className
-	}) : className;
-	if (resolvedHref) return /* @__PURE__ */ jsxs("a", {
-		href: resolvedHref,
+	return /* @__PURE__ */ jsx(ThemedAuthoredButton, {
+		label: content,
+		href: resolvedHref || void 0,
 		target,
 		rel,
-		className: combinedClassName,
-		...rest,
-		children: [content, affordanceIcon]
-	});
-	return /* @__PURE__ */ jsxs("button", {
-		type,
+		variant: resolvedVariantId ?? null,
+		size,
 		disabled,
-		className: combinedClassName,
-		...rest,
-		children: [content, affordanceIcon]
+		type,
+		trailingIcon,
+		onClick,
+		extraClassName: className,
+		ariaLabel: rest["aria-label"],
+		dataTestId: rest["data-testid"]
 	});
 };
-const LinkNode = ({ href, children, className, target, rel, linkRequired = false, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
+const LinkNode = ({ href, children, className, target, rel, linkRequired = false, ...rest }) => {
 	if (!children) return null;
 	const resolvedHref = typeof href === "string" ? href.trim() : "";
 	if (resolvedHref.length === 0) {
@@ -29714,18 +29940,13 @@ function FileDownloadNode({ value, title, description, buttonLabel, buttonVarian
 							})
 						]
 					})]
-				}), /* @__PURE__ */ jsxs("a", {
+				}), /* @__PURE__ */ jsx(ThemedDownloadLink, {
 					href,
 					download: filename,
-					className: themeButtonClassName({
-						variant,
-						size: "md",
-						extraClassName: "rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2"
-					}),
-					children: [/* @__PURE__ */ jsx(DownloadIcon, {
-						"aria-hidden": "true",
-						size: 24
-					}), label]
+					variant,
+					size: "md",
+					extraClassName: "rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2",
+					label
 				})]
 			})
 		})
@@ -30313,53 +30534,19 @@ const HeaderSectionNode = ({ blockId, children, className, runtime, "data-previe
 };
 var header_section_server_default = markEditableSurfaceForwarding(HeaderSectionNode);
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/spinner.tsx
-function resolveColorStyle(color) {
-	switch (color) {
-		case void 0: return;
-		case "inherit": return { color: "inherit" };
-		case "foreground": return { color: "rgb(var(--tb-foreground))" };
-		case "text": return { color: "rgb(var(--tb-text))" };
-		default: return;
-	}
-}
-function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel, style, ...rest }) {
-	const hasExplicitAriaLabel = typeof rest["aria-label"] === "string" && rest["aria-label"].trim().length > 0;
-	const accessibilityProps = srLabel ? {
-		role: "status",
-		"aria-live": "polite"
-	} : hasExplicitAriaLabel ? {} : { "aria-hidden": true };
-	const trackStroke = color === "inherit" ? "currentColor" : "var(--rb-spinner-track-color)";
-	const trackOpacity = color === "inherit" ? .25 : 1;
-	return /* @__PURE__ */ jsxs("span", {
-		...accessibilityProps,
-		className: clsx("rb-spinner", size ? `rb-spinner--${size}` : null, color === "inherit" ? "rb-spinner--inherit" : null, className),
-		style: {
-			...resolveColorStyle(color),
-			...style ?? {}
-		},
-		...rest,
-		children: [/* @__PURE__ */ jsxs("svg", {
-			viewBox: "0 0 24 24",
-			fill: "none",
-			"aria-hidden": "true",
-			children: [/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10",
-				stroke: trackStroke,
-				strokeWidth,
-				opacity: trackOpacity
-			}), /* @__PURE__ */ jsx("path", {
-				d: "M12 2a10 10 0 0 1 10 10",
-				stroke: "currentColor",
-				strokeWidth,
-				strokeLinecap: "round"
-			})]
-		}), srLabel ? /* @__PURE__ */ jsx("span", {
-			className: "rb-sr-only",
-			children: srLabel
-		}) : null]
+//#region ../blocks/src/system/runtime/nodes/header-control.tsx
+/** System navigation controls retain their runtime hooks independently of authored CTAs. */
+function HeaderControlNode({ className, children, "aria-label": label, "aria-expanded": expanded, "aria-controls": controls, "aria-haspopup": hasPopup, "data-nav-mobile-toggle": mobileToggle, "data-nav-mobile-trigger": mobileTrigger }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className,
+		"aria-label": label,
+		"aria-expanded": expanded,
+		"aria-controls": controls,
+		"aria-haspopup": hasPopup,
+		"data-nav-mobile-toggle": mobileToggle,
+		"data-nav-mobile-trigger": mobileTrigger,
+		children
 	});
 }
 //#endregion
@@ -30671,11 +30858,6 @@ function AppointmentServicesNode({ sectionHeading, services, pathname, servicePa
 			children: view.message
 		})
 	});
-	const actionClassName = themeButtonClassName({
-		variant: "secondary",
-		size: "sm",
-		extraClassName: "appointment-services-row-action"
-	});
 	return /* @__PURE__ */ jsx("div", {
 		className: `${rootClassName} rb-flex rb-flex-col`,
 		"data-appointment-services-state": "populated",
@@ -30708,13 +30890,13 @@ function AppointmentServicesNode({ sectionHeading, services, pathname, servicePa
 						className: "appointment-services-row-price rb-text-lg",
 						children: row.priceLabel
 					}) : null,
-					/* @__PURE__ */ jsxs("a", {
-						className: actionClassName,
+					/* @__PURE__ */ jsx(ThemedButtonLink, {
+						variant: "secondary",
+						size: "sm",
+						extraClassName: "appointment-services-row-action",
 						href: row.href,
-						children: ["Check times", /* @__PURE__ */ jsxs("span", {
-							className: "rb-sr-only",
-							children: [" for ", row.title]
-						})]
+						label: "Check times",
+						screenReaderSuffix: ` for ${row.title}`
 					})
 				]
 			}, row.id))
@@ -32716,16 +32898,14 @@ function LocationMapView({ addressText, location, zoom, heightPx, showAddressTex
 				style: textColorStyle("mutedText"),
 				children: addressText
 			}) : null,
-			showDirections && directionsUrl ? /* @__PURE__ */ jsx("a", {
+			showDirections && directionsUrl ? /* @__PURE__ */ jsx(ThemedButtonLink, {
 				href: directionsUrl,
 				target: "_blank",
 				rel: "noreferrer",
-				className: themeButtonClassName({
-					variant: "ghost",
-					size: "sm",
-					extraClassName: "rb-w-fit"
-				}),
-				children: directionsLabel
+				variant: "ghost",
+				size: "sm",
+				extraClassName: "rb-w-fit",
+				label: directionsLabel
 			}) : null
 		]
 	});
@@ -32874,10 +33054,6 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 	const formattedTime = `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
 	const cta = resolveEventCta(event, buttonText);
 	const cardClass = boxStyleClassNames({ role: cardRole }, { baseClass: "event-card" });
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
-	});
 	const title = event.title;
 	const summary = event.presentation?.summary ?? event.description;
 	const image = event.presentation?.image ?? null;
@@ -32907,7 +33083,7 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 			image
 		}), /* @__PURE__ */ jsx(EventCardContent, {
 			allowMap,
-			buttonClass,
+			buttonVariant,
 			capacityText,
 			categoryBadge,
 			categoryId: category?.id,
@@ -33009,7 +33185,7 @@ function EventCardContent(props) {
 				children: props.summary
 			}),
 			/* @__PURE__ */ jsx(EventCardFooter, {
-				buttonClass: props.buttonClass,
+				buttonVariant: props.buttonVariant,
 				capacityText: props.capacityText,
 				cta: props.cta,
 				priceText: props.priceText
@@ -33047,12 +33223,14 @@ function EventCardFooter(props) {
 				className: "event-card-status rb-caption status-muted rb-text-center",
 				children: props.cta.label
 			}),
-			!props.cta.hidden && /* @__PURE__ */ jsx("a", {
+			!props.cta.hidden && /* @__PURE__ */ jsx(ThemedButtonLink, {
 				href: props.cta.href,
 				target: props.cta.external ? "_blank" : void 0,
 				rel: props.cta.external ? "noopener noreferrer" : void 0,
-				className: `${props.buttonClass} event-card-cta`,
-				children: props.cta.label
+				variant: props.buttonVariant,
+				size: "md",
+				extraClassName: "event-card-cta",
+				label: props.cta.label
 			})
 		]
 	});
@@ -33116,10 +33294,6 @@ const EventCompactRow = ({ event, buttonVariant = "primary", buttonText }) => {
 	const price = formatEventPrice(event);
 	const teacherLine = formatEventTeacherLine(event);
 	const cta = resolveEventCta(event, buttonText);
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "sm"
-	});
 	return /* @__PURE__ */ jsxs("article", {
 		className: "event-compact-row",
 		children: [/* @__PURE__ */ jsxs("time", {
@@ -33183,12 +33357,15 @@ const EventCompactRow = ({ event, buttonVariant = "primary", buttonText }) => {
 				}), cta.hidden ? /* @__PURE__ */ jsx("span", {
 					className: "event-compact-row-status",
 					children: cta.label
-				}) : /* @__PURE__ */ jsx("a", {
+				}) : /* @__PURE__ */ jsx(ThemedButtonLink, {
 					href: cta.href,
 					target: cta.external ? "_blank" : void 0,
 					rel: cta.external ? "noopener noreferrer" : void 0,
-					className: `${buttonClass} event-compact-row-cta`,
-					children: /* @__PURE__ */ jsx("span", { children: cta.label })
+					variant: buttonVariant,
+					size: "sm",
+					extraClassName: "event-compact-row-cta",
+					labelClassName: "event-compact-row-cta-label",
+					label: cta.label
 				})]
 			})]
 		})]
@@ -33230,10 +33407,6 @@ function EventQuickDateCard(props) {
 		kind: "event_occurrence",
 		occurrenceId: event.occurrenceId
 	});
-	const buttonClass = themeButtonClassName({
-		variant: props.buttonVariant,
-		size: "sm"
-	});
 	const quickDateLabel = `${event.title}, ${date.label}`;
 	return /* @__PURE__ */ jsxs("article", {
 		className: "event-quick-date rb-flex rb-min-w-12rem rb-shrink-0 rb-flex-col rb-gap-3 rb-rounded-lg rb-border rb-bg-surface rb-p-4",
@@ -33265,13 +33438,15 @@ function EventQuickDateCard(props) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "event-quick-date-price",
 					children: formatEventPrice(event)
-				}), /* @__PURE__ */ jsx("a", {
-					className: `${buttonClass} event-quick-date-cta`,
+				}), /* @__PURE__ */ jsx(ThemedButtonLink, {
+					variant: props.buttonVariant,
+					size: "sm",
+					extraClassName: "event-quick-date-cta",
 					href: ctaHref,
 					target: cta.external ? "_blank" : void 0,
 					rel: cta.external ? "noopener noreferrer" : void 0,
 					"aria-label": `${cta.label} ${quickDateLabel}`,
-					children: cta.label
+					label: cta.label
 				})]
 			})
 		]
@@ -33333,10 +33508,6 @@ const EventSpotlight = ({ events, layout = "grid", columns = "3", cardRole = "de
 	});
 	const containerClass = getContainerClass(layout, columns);
 	const cardOrientation = getCardOrientation(layout);
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
-	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: `event-spotlight-section ${className || ""}`,
 		"data-block": "event-spotlight",
@@ -33354,15 +33525,22 @@ const EventSpotlight = ({ events, layout = "grid", columns = "3", cardRole = "de
 			}, event.occurrenceId || event.id))
 		}), ctaLabel && ctaUrl ? /* @__PURE__ */ jsx("div", {
 			className: "rb-mt-8 rb-text-center",
-			children: /* @__PURE__ */ jsx("a", {
+			children: /* @__PURE__ */ jsx(ThemedButtonLink, {
 				href: ctaUrl,
-				className: buttonClass,
-				children: ctaLabel
+				variant: buttonVariant,
+				size: "md",
+				label: ctaLabel
 			})
 		}) : null]
 	});
 };
 //#endregion
+//#region ../blocks/src/system/runtime/api/readAuthority.ts
+const browserReadAuthoritySchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("published") }).strict(), z.object({
+	kind: z.literal("preview"),
+	token: z.string().min(1)
+}).strict()]);
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 const previewStageSchema = z.enum(["preview", "published"]);
 const registrationButtonVariantSchema = blockButtonRoleSchema;
@@ -34280,6 +34458,7 @@ const eventCollectionSourceSchemaShape = {
 	events: z.array(publicEventSchema).nullable().optional(),
 	siteId: z.string(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional(),
 	listLayout: eventLayoutSchema.optional(),
 	listColumns: columnOptionSchema.optional(),
@@ -34332,7 +34511,6 @@ const eventCollectionDisplaySchemaShape = {
 const eventCollectionHydrationSchema = z.object({
 	siteId: z.string(),
 	calendarWindow: calendarWindowPageSchema.optional(),
-	stage: previewStageSchema.optional(),
 	prefetchedEvents: z.boolean(),
 	eventSurface: eventSurfaceScopeSchema$1,
 	filterEventPresets: z.string().nullable(),
@@ -34407,7 +34585,6 @@ function buildEventCollectionHydration(source, now = /* @__PURE__ */ new Date())
 	return {
 		calendarWindow: source.calendarWindow ?? void 0,
 		siteId: source.siteId,
-		stage: source.stage,
 		prefetchedEvents: source.events != null,
 		eventSurface: selected ? "all" : normalizeEventSurfaceScope(source.eventSurface),
 		filterEventPresets: selected ? null : normalizeEventSurfacePresetsCsv(source.filterEventPresets),
@@ -34454,6 +34631,7 @@ const eventCombinedRenderSchema = z.object({
 z.object({
 	siteId: z.string(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 function buildEventCombinedDisplay(source) {
@@ -34484,6 +34662,7 @@ function buildEventCombinedInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -34937,11 +35116,6 @@ function OfferingsCatalogue(props) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/offerings-preview-content.tsx
 function OfferingsPreviewContent(props) {
-	const groupLinkClass = themeButtonClassName({
-		variant: props.buttonVariant,
-		size: "md",
-		extraClassName: "offerings-preview-card-link rb-inline-flex rb-items-center rb-gap-2"
-	});
 	return /* @__PURE__ */ jsx("div", {
 		className: "offerings-preview rb-flex rb-flex-col rb-gap-6",
 		"data-block": "offerings-preview",
@@ -34981,10 +35155,12 @@ function OfferingsPreviewContent(props) {
 							}),
 							groupCta ? /* @__PURE__ */ jsx("footer", {
 								className: "offerings-preview-card-footer rb-mt-auto rb-flex",
-								children: /* @__PURE__ */ jsx("a", {
-									className: groupLinkClass,
+								children: /* @__PURE__ */ jsx(ThemedButtonLink, {
+									variant: props.buttonVariant,
+									size: "md",
+									extraClassName: "offerings-preview-card-link rb-inline-flex rb-items-center rb-gap-2",
 									href: groupCta.href,
-									children: /* @__PURE__ */ jsx("span", { children: groupCta.label })
+									label: groupCta.label
 								})
 							}) : null
 						]
@@ -35307,10 +35483,6 @@ function WholeSeriesRunCompactRow({ group, path, now }) {
 	const timeRange = `${formatTime(firstSession.startsAt, { timeZone })} - ${formatTime(firstSession.endsAt, { timeZone })}`;
 	const price = formatEventPriceDisplay(group.representative.pricing);
 	const statusLabel = resolveWholeSeriesBookingPhase(group.run, now).kind === "open" ? null : "Registration closed";
-	const ctaClass = themeButtonClassName({
-		variant: "primary",
-		size: "sm"
-	});
 	return /* @__PURE__ */ jsxs("article", {
 		className: "event-compact-row offerings-preview-whole-series-row",
 		children: [
@@ -35369,10 +35541,13 @@ function WholeSeriesRunCompactRow({ group, path, now }) {
 				}), statusLabel || !path ? /* @__PURE__ */ jsx("span", {
 					className: "event-compact-row-status",
 					children: statusLabel ?? "Details coming soon"
-				}) : /* @__PURE__ */ jsx("a", {
+				}) : /* @__PURE__ */ jsx(ThemedButtonLink, {
 					href: path,
-					className: `${ctaClass} event-compact-row-cta`,
-					children: /* @__PURE__ */ jsx("span", { children: "Book now" })
+					variant: "primary",
+					size: "sm",
+					extraClassName: "event-compact-row-cta",
+					labelClassName: "event-compact-row-cta-label",
+					label: "Book now"
 				})]
 			})
 		]
@@ -35389,10 +35564,6 @@ function WholeSeriesRunFeatureCard({ group, now, path, buttonVariant, buttonText
 	const formattedDate = formatEventCompactDateRail(firstSession.startsAt, { timeZone }).label;
 	const timeRange = `${formatTime(firstSession.startsAt, { timeZone })} - ${formatTime(firstSession.endsAt, { timeZone })}`;
 	const price = formatEventPriceDisplay(group.representative.pricing);
-	const ctaClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
-	});
 	const statusLabel = resolveWholeSeriesBookingPhase(group.run, now).kind === "open" ? null : "Registration closed";
 	const description = group.representative.description;
 	return /* @__PURE__ */ jsx("article", {
@@ -35425,10 +35596,12 @@ function WholeSeriesRunFeatureCard({ group, now, path, buttonVariant, buttonText
 					}), statusLabel || !path ? /* @__PURE__ */ jsx("span", {
 						className: "event-compact-row-status",
 						children: statusLabel ?? "Details coming soon"
-					}) : /* @__PURE__ */ jsx("a", {
+					}) : /* @__PURE__ */ jsx(ThemedButtonLink, {
 						href: path,
-						className: `${ctaClass} event-card-cta`,
-						children: buttonText || "Book now"
+						variant: buttonVariant,
+						size: "md",
+						extraClassName: "event-card-cta",
+						label: buttonText || "Book now"
 					})]
 				})
 			]
@@ -35581,15 +35754,13 @@ function WeeklySlotAvailabilityView({ availability, loading = false, error, empt
 								"."
 							]
 						}),
-						resolvedCtaUrl ? /* @__PURE__ */ jsx("a", {
-							className: themeButtonClassName({
-								variant: "ghost",
-								size: "sm",
-								extraClassName: "weekly-slot-availability__cta"
-							}),
+						resolvedCtaUrl ? /* @__PURE__ */ jsx(ThemedButtonLink, {
+							variant: "ghost",
+							size: "sm",
+							extraClassName: "weekly-slot-availability__cta",
 							href: buildSlotCtaUrl(resolvedCtaUrl, slot),
 							"aria-label": buildSlotCtaLabel(resolvedCtaText, slot),
-							children: resolvedCtaText
+							label: resolvedCtaText
 						}) : null
 					]
 				}, slot.id))
@@ -36308,6 +36479,7 @@ const shopSourceSchema = z.object({
 	products: z.array(publicProductSchema).nullable().optional(),
 	siteId: z.string().optional(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const productVariantOptionDisplaySchema = z.object({
@@ -36475,6 +36647,7 @@ function resolveShowPricePerCredit(source) {
 z.object({
 	siteId: z.string().optional(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const shopBlockRuntime = defineProgressiveBlockRuntime({
@@ -36609,6 +36782,7 @@ function buildShopInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -36624,6 +36798,7 @@ function buildProductListInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -36639,6 +36814,7 @@ function buildProductDetailInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -36654,6 +36830,7 @@ function buildCartInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -36669,6 +36846,7 @@ function buildCheckoutInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -36750,6 +36928,7 @@ const cartBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([cart(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "cart",
 				heading: { $bind: {
 					from: "content.heading",
@@ -36833,6 +37012,7 @@ const checkoutBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([checkout(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "checkout",
 				heading: { $bind: {
 					from: "content.heading",
@@ -37269,6 +37449,7 @@ const eventRegistrationSourceSchema = z.object({
 	apiBaseUrl: z.string().optional(),
 	portalToken: z.string().nullable().optional(),
 	previewToken: z.string().nullable().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	...eventRegistrationHydrationSchemaShape,
 	events: z.array(eventRegistrationPublicEventSchema).nullable().optional(),
 	wholeSeriesRunEvents: z.array(eventRegistrationPublicEventSchema).nullable().optional(),
@@ -37306,6 +37487,7 @@ z.object({
 	apiBaseUrl: z.string().optional(),
 	portalToken: z.string().nullable().optional(),
 	previewToken: z.string().nullable().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 function buildEventRegistrationDisplayFromScopedEvents(source, scopedSourceEvents) {
@@ -37449,6 +37631,7 @@ function buildEventRegistrationInteractiveIslandProps(props) {
 			apiBaseUrl: props.apiBaseUrl,
 			portalToken: props.portalToken,
 			previewToken: props.previewToken,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -37578,6 +37761,7 @@ const eventRegistrationBlockDefinition = {
 				text({ as: "h2" }, bind("content.heading"), when("content.heading")),
 				richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description")),
 				eventRegistration(withApiBindings({
+					readAuthority: { $bind: { from: "$root.readAuthority" } },
 					occurrenceContext: { $bind: { from: "$root.occurrenceContext" } },
 					subject: { $bind: { from: "$root.subject" } },
 					portalToken: { $bind: {
@@ -38023,6 +38207,7 @@ const eventCalendarRenderSchema = z.object({
 z.object({
 	siteId: z.string(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 /**
@@ -38044,7 +38229,7 @@ function buildEventCalendarDisplay(source) {
 			listColumns: source.listColumns ?? source.columns
 		}),
 		kind: "event-calendar",
-		displayMode: normalizeEventCalendarDisplayMode$1(source) ?? "combined",
+		displayMode: resolveEventCalendarReadPlan(source).mode,
 		className: source.className ?? null,
 		events: (source.events ?? []).slice().sort((left, right) => new Date(left.startsAt).getTime() - new Date(right.startsAt).getTime()),
 		boardTitle: normalizeOptionalText(source.boardTitle),
@@ -38064,13 +38249,16 @@ const eventCalendarBlockRuntime = defineProgressiveBlockRuntime({
 		source: createZodCodec(eventCalendarSourceSchema),
 		render: createZodCodec(eventCalendarRenderSchema)
 	},
-	buildRender: (source) => ({
-		display: buildEventCalendarDisplay(source.calendarWindow && (source.variant ?? source.displayMode ?? "combined") !== "combined" && (source.variant ?? source.displayMode) !== "list" ? {
-			...source,
-			events: source.calendarWindow.events
-		} : source),
-		hydration: buildEventCollectionHydration(source)
-	})
+	buildRender: (source) => {
+		const plan = resolveEventCalendarReadPlan(source);
+		return {
+			display: buildEventCalendarDisplay(source.calendarWindow && plan.jobs === "calendar" ? {
+				...source,
+				events: source.calendarWindow.events
+			} : source),
+			hydration: buildEventCollectionHydration(source)
+		};
+	}
 });
 function buildEventCalendarInteractiveIslandProps(props) {
 	return buildInteractiveIslandProps({
@@ -38079,6 +38267,7 @@ function buildEventCalendarInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -38232,6 +38421,7 @@ const eventCalendarLayout = [styledSection({
 		rootType: "stack",
 		rootProps: { gap: "lg" },
 		children: [...eventSectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el("event-calendar", withApiBindings({
+			readAuthority: { $bind: { from: "$root.readAuthority" } },
 			events: { $bind: { from: "data.events" } },
 			calendarWindow: { $bind: { from: "data.calendarWindow" } },
 			stage: { $bind: {
@@ -39111,6 +39301,7 @@ const eventListingSourceSchema = z.object({
 	events: z.array(publicEventSchema).nullable().optional(),
 	siteId: z.string(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional(),
 	layout: eventLayoutSchema.optional(),
 	columns: columnOptionSchema.optional(),
@@ -39151,7 +39342,6 @@ const eventListingDisplaySchema = z.object({
 });
 const eventListingHydrationSchema = z.object({
 	siteId: z.string(),
-	stage: previewStageSchema.optional(),
 	eventsPerPage: eventPageSizeSchema,
 	paginationAction: eventListPaginationActionSchema,
 	showFilters: z.boolean(),
@@ -39174,6 +39364,7 @@ const eventListingRenderSchema = z.object({
 z.object({
 	siteId: z.string(),
 	apiBaseUrl: z.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const eventListingBlockRuntime = defineProgressiveBlockRuntime({
@@ -39208,7 +39399,6 @@ const eventListingBlockRuntime = defineProgressiveBlockRuntime({
 			},
 			hydration: {
 				siteId: source.siteId,
-				stage: source.stage,
 				eventsPerPage: pageSize,
 				paginationAction: resolveEventListPaginationAction({
 					paginationMode: source.paginationMode,
@@ -39238,6 +39428,7 @@ function buildEventListingInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -39502,6 +39693,7 @@ const eventListingBlockDefinition = {
 				rootType: "stack",
 				rootProps: { gap: "lg" },
 				children: [...eventSectionHeaderLayoutNodes(), el("event-listing", withApiBindings({
+					readAuthority: { $bind: { from: "$root.readAuthority" } },
 					events: { $bind: { from: "data.events" } },
 					stage: { $bind: {
 						from: "$root.previewStage",
@@ -40154,6 +40346,7 @@ const productDetailBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([productDetail(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "product-detail",
 				heading: { $bind: {
 					from: "content.heading",
@@ -40322,6 +40515,7 @@ const productListBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([productList(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "product-list",
 				heading: { $bind: {
 					from: "content.heading",
@@ -40586,6 +40780,7 @@ const shopBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([shop(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "passes-memberships",
 				showPasses: { $bind: {
 					from: "content.showPasses",
@@ -40988,15 +41183,13 @@ function CheckoutShellView(props) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/shop-commerce.server.tsx
 function renderServerPendingAction(label, soldOut) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThemedButton, {
 		type: "button",
-		className: themeButtonClassName({
-			variant: "default",
-			size: "md"
-		}),
+		variant: "default",
+		size: "md",
+		label: soldOut ? "Sold out" : label,
 		disabled: true,
-		"aria-disabled": "true",
-		children: soldOut ? "Sold out" : label
+		"aria-disabled": "true"
 	}), !soldOut ? /* @__PURE__ */ jsx("p", {
 		className: "rb-caption status-muted",
 		children: "Cart actions become interactive after page load."
@@ -41013,13 +41206,11 @@ function ProductListServerContent(props) {
 				selectedVariantId: card.selectedVariantId,
 				disabled: true
 			}),
-			actions: /* @__PURE__ */ jsxs(Fragment, { children: [renderServerPendingAction(card.actionLabel, card.soldOut), card.path ? /* @__PURE__ */ jsx("a", {
+			actions: /* @__PURE__ */ jsxs(Fragment, { children: [renderServerPendingAction(card.actionLabel, card.soldOut), card.path ? /* @__PURE__ */ jsx(ThemedButtonLink, {
 				href: card.path,
-				className: themeButtonClassName({
-					variant: "secondary",
-					size: "sm"
-				}),
-				children: "View details"
+				variant: "secondary",
+				size: "sm",
+				label: "View details"
 			}) : null] })
 		}, card.productId))
 	});
@@ -41315,10 +41506,6 @@ function AgendaLinkCard({ event, showCapacity, showVenue, buttonVariant, buttonT
 	const price = formatEventPrice(event);
 	const capacity = showCapacity ? formatEventRemainingPlaces(event) : null;
 	const cta = resolveEventCta(event, buttonText);
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "sm"
-	});
 	return /* @__PURE__ */ jsxs("article", {
 		className: "event-agenda-card event-agenda-card--agenda",
 		children: [
@@ -41370,12 +41557,14 @@ function AgendaLinkCard({ event, showCapacity, showVenue, buttonVariant, buttonT
 				}), cta.hidden ? /* @__PURE__ */ jsx("span", {
 					className: "event-agenda-card-status status-muted",
 					children: cta.label
-				}) : /* @__PURE__ */ jsx("a", {
+				}) : /* @__PURE__ */ jsx(ThemedButtonLink, {
 					href: cta.href,
 					target: cta.external ? "_blank" : void 0,
 					rel: cta.external ? "noopener noreferrer" : void 0,
-					className: `${buttonClass} event-agenda-card-cta`,
-					children: cta.label
+					variant: buttonVariant,
+					size: "sm",
+					extraClassName: "event-agenda-card-cta",
+					label: cta.label
 				})]
 			})
 		]
@@ -41574,7 +41763,7 @@ const WeekBoardCard = ({ event, showCapacity, calendarTimeZone }) => {
 		]
 	});
 };
-const WeekBoardNavigationControls = ({ navigation, todayClassName }) => {
+const WeekBoardNavigationControls = ({ navigation, buttonVariant }) => {
 	const handlers = navigation.kind === "interactive" ? navigation : {
 		onPrevious: void 0,
 		onNext: void 0,
@@ -41607,12 +41796,13 @@ const WeekBoardNavigationControls = ({ navigation, todayClassName }) => {
 				onClick: handlers.onNext,
 				children: /* @__PURE__ */ jsx(CalendarNavigationChevron, { direction: "next" })
 			}),
-			/* @__PURE__ */ jsx("button", {
+			/* @__PURE__ */ jsx(ThemedButton, {
 				type: "button",
-				className: todayClassName,
+				variant: buttonVariant,
+				size: "sm",
+				label: "Today",
 				disabled: navigation.isCurrentWeek,
-				onClick: handlers.onToday,
-				children: "Today"
+				onClick: handlers.onToday
 			})
 		]
 	});
@@ -41628,16 +41818,17 @@ const WeekBoardLegend = () => /* @__PURE__ */ jsx("div", {
 		}), item.label]
 	}, item.status))
 });
-const WeekBoardLoadError = ({ navigation, buttonClassName }) => {
+const WeekBoardLoadError = ({ navigation, buttonVariant }) => {
 	if (navigation.kind !== "interactive" || navigation.loadState.kind !== "error") return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "event-week-board-error",
 		role: "status",
-		children: [/* @__PURE__ */ jsx("p", { children: "Failed to load events" }), /* @__PURE__ */ jsx("button", {
+		children: [/* @__PURE__ */ jsx("p", { children: "Failed to load events" }), /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
-			className: buttonClassName,
-			onClick: navigation.loadState.onRetry,
-			children: "Try again"
+			variant: buttonVariant,
+			size: "sm",
+			label: "Try again",
+			onClick: navigation.loadState.onRetry
 		})]
 	});
 };
@@ -41669,17 +41860,18 @@ const WeekBoardGrid = ({ days, eventsByDate, showCapacity, calendarTimeZone, tod
 		}, dateKey);
 	})
 });
-const WeekBoardFooter = ({ note, ctaHref, ctaLabel, ctaClassName }) => {
+const WeekBoardFooter = ({ note, ctaHref, ctaLabel, buttonVariant }) => {
 	if (note === null && ctaHref === null) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "event-week-board-foot",
 		children: [note === null ? null : /* @__PURE__ */ jsx("p", {
 			className: "event-week-board-foot-note",
 			children: note
-		}), ctaHref === null ? null : /* @__PURE__ */ jsx("a", {
-			className: ctaClassName,
+		}), ctaHref === null ? null : /* @__PURE__ */ jsx(ThemedButtonLink, {
+			variant: buttonVariant,
+			size: "sm",
 			href: ctaHref,
-			children: ctaLabel
+			label: ctaLabel
 		})]
 	});
 };
@@ -41694,14 +41886,6 @@ const WeekBoardFooter = ({ note, ctaHref, ctaLabel, ctaClassName }) => {
 const WeekBoardView = ({ days, events, navigation, showCapacity, emptyMessage = "No classes scheduled this week", title, footerNote, ctaLabel = "Reserve a place", ctaHref = null, buttonVariant = "outline", elevated = false, banded = false, calendarTimeZone, today }) => {
 	const eventsByDate = groupEventsByDate(events, calendarTimeZone);
 	const hasAnyEvents = days.some((date) => (eventsByDate.get(formatDateKey(date)) ?? []).length > 0);
-	const ctaClassName = themeButtonClassName({
-		variant: buttonVariant,
-		size: "sm"
-	});
-	const todayClassName = themeButtonClassName({
-		variant: buttonVariant,
-		size: "sm"
-	});
 	const hasTitle = typeof title === "string" && title.length > 0;
 	const hasFooterNote = typeof footerNote === "string" && footerNote.length > 0;
 	const footerNoteText = hasAnyEvents ? hasFooterNote ? footerNote : null : emptyMessage;
@@ -41724,14 +41908,14 @@ const WeekBoardView = ({ days, events, navigation, showCapacity, emptyMessage =
 						}) : null,
 						/* @__PURE__ */ jsx(WeekBoardNavigationControls, {
 							navigation,
-							todayClassName
+							buttonVariant
 						}),
 						/* @__PURE__ */ jsx(WeekBoardLegend, {})
 					]
 				}),
 				/* @__PURE__ */ jsx(WeekBoardLoadError, {
 					navigation,
-					buttonClassName: todayClassName
+					buttonVariant
 				}),
 				/* @__PURE__ */ jsx(WeekBoardGrid, {
 					days,
@@ -41744,7 +41928,7 @@ const WeekBoardView = ({ days, events, navigation, showCapacity, emptyMessage =
 					note: footerNoteText,
 					ctaHref: resolvedCtaHref,
 					ctaLabel,
-					ctaClassName
+					buttonVariant
 				})
 			]
 		})
@@ -41854,6 +42038,54 @@ function assertNeverDisplayMode(value) {
 function renderEventCard(event, display) {
 	return renderEventListItem(event, display);
 }
+function CalendarSsrHeader(props) {
+	const periodLabel = props.period === "week" ? "week" : "month";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "event-calendar-header",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "event-calendar-nav",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "event-calendar-nav-btn",
+					"aria-label": `Previous ${periodLabel}`,
+					children: /* @__PURE__ */ jsx(CalendarSsrChevron, { direction: "previous" })
+				}),
+				/* @__PURE__ */ jsx("h3", {
+					className: "event-calendar-title",
+					children: props.title
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "event-calendar-nav-btn",
+					"aria-label": `Next ${periodLabel}`,
+					children: /* @__PURE__ */ jsx(CalendarSsrChevron, { direction: "next" })
+				})
+			]
+		}), /* @__PURE__ */ jsx(ThemedButton, {
+			type: "button",
+			variant: props.buttonVariant,
+			size: "sm",
+			label: "Today"
+		})]
+	});
+}
+function CalendarSsrChevron(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "20",
+		height: "20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: props.direction === "previous" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7"
+		})
+	});
+}
 function renderCombinedSsr(display, prefetchedEvents) {
 	const listDisplay = buildEventCalendarListingDisplay(display, prefetchedEvents, "event-combined-content");
 	return /* @__PURE__ */ jsxs("div", {
@@ -41901,62 +42133,10 @@ function renderCalendarSsr(display, hydration) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("event-calendar", display.className ?? void 0),
 		"data-block": "event-calendar",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "event-calendar-header",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "event-calendar-nav",
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "event-calendar-nav-btn",
-						"aria-label": calendarView === "week" ? "Previous week" : "Previous month",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M15 19l-7-7 7-7"
-							})
-						})
-					}),
-					/* @__PURE__ */ jsx("h3", {
-						className: "event-calendar-title",
-						children: viewport.title
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "event-calendar-nav-btn",
-						"aria-label": calendarView === "week" ? "Next week" : "Next month",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M9 5l7 7-7 7"
-							})
-						})
-					})
-				]
-			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: themeButtonClassName({
-					variant: display.buttonVariant,
-					size: "sm"
-				}),
-				children: "Today"
-			})]
+		children: [/* @__PURE__ */ jsx(CalendarSsrHeader, {
+			title: viewport.title,
+			period: calendarView,
+			buttonVariant: display.buttonVariant
 		}), viewport.kind === "week" ? /* @__PURE__ */ jsx(WeekAgendaView, {
 			days: viewport.days,
 			events: [...display.events],
@@ -42032,62 +42212,10 @@ function renderTimetableSsr(display, hydration) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("event-calendar", "event-calendar--timetable", display.className ?? void 0),
 		"data-block": "event-calendar",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "event-calendar-header",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "event-calendar-nav",
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "event-calendar-nav-btn",
-						"aria-label": "Previous week",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M15 19l-7-7 7-7"
-							})
-						})
-					}),
-					/* @__PURE__ */ jsx("h3", {
-						className: "event-calendar-title",
-						children: viewport.title
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "event-calendar-nav-btn",
-						"aria-label": "Next week",
-						children: /* @__PURE__ */ jsx("svg", {
-							width: "20",
-							height: "20",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M9 5l7 7-7 7"
-							})
-						})
-					})
-				]
-			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: themeButtonClassName({
-					variant: display.buttonVariant,
-					size: "sm"
-				}),
-				children: "Today"
-			})]
+		children: [/* @__PURE__ */ jsx(CalendarSsrHeader, {
+			title: viewport.title,
+			period: "week",
+			buttonVariant: display.buttonVariant
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "event-timetable",
 			children: [
@@ -42583,14 +42711,12 @@ const FormNodeSSR = ({ blockId, value, submitLabel, successMessage, className, o
 					className: "fb-actions",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "fb-actions-inner",
-						children: /* @__PURE__ */ jsx("button", {
+						children: /* @__PURE__ */ jsx(ThemedButton, {
 							type: "submit",
-							className: themeButtonClassName({
-								variant: "primary",
-								size: "md",
-								extraClassName: "rb-w-full rb-sm-w-auto"
-							}),
-							children: display.submitLabel
+							variant: "primary",
+							size: "md",
+							extraClassName: "rb-w-full rb-sm-w-auto",
+							label: display.submitLabel
 						})
 					})
 				})
@@ -42685,13 +42811,11 @@ function NewsletterFormSSR(props) {
 						}) : null,
 						/* @__PURE__ */ jsx("div", {
 							className: "newsletter-submit",
-							children: /* @__PURE__ */ jsx("button", {
+							children: /* @__PURE__ */ jsx(ThemedButton, {
 								type: "submit",
-								className: themeButtonClassName({
-									variant: display.buttonVariant,
-									size: "md"
-								}),
-								children: display.buttonLabel
+								variant: display.buttonVariant,
+								size: "md",
+								label: display.buttonLabel
 							})
 						})
 					]
@@ -42773,28 +42897,24 @@ function ShopSSR({ blockId, siteId, apiBaseUrl, stage, children, checkoutEndpoin
 				display: render.display,
 				passCards: render.display.passes.map((pass) => /* @__PURE__ */ jsx(PassCardView, {
 					display: pass,
-					action: pass.action.kind === "unavailable" ? /* @__PURE__ */ jsx(PassPurchaseUnavailable, { label: pass.action.label }) : /* @__PURE__ */ jsx("button", {
+					action: pass.action.kind === "unavailable" ? /* @__PURE__ */ jsx(PassPurchaseUnavailable, { label: pass.action.label }) : /* @__PURE__ */ jsx(ThemedButton, {
 						type: "button",
-						className: themeButtonClassName({
-							variant: render.hydration.buttonVariant,
-							size: "md"
-						}),
+						variant: render.hydration.buttonVariant,
+						size: "md",
+						label: pass.action.label,
 						disabled: true,
-						"aria-disabled": "true",
-						children: pass.action.label
+						"aria-disabled": "true"
 					})
 				}, pass.id)),
 				membershipCards: render.display.memberships.map((membership) => /* @__PURE__ */ jsx(MembershipCardView, {
 					display: membership,
-					action: /* @__PURE__ */ jsx("button", {
+					action: /* @__PURE__ */ jsx(ThemedButton, {
 						type: "button",
-						className: themeButtonClassName({
-							variant: render.hydration.buttonVariant,
-							size: "md"
-						}),
+						variant: render.hydration.buttonVariant,
+						size: "md",
+						label: membership.actionLabel,
 						disabled: true,
-						"aria-disabled": "true",
-						children: membership.actionLabel
+						"aria-disabled": "true"
 					})
 				}, membership.id))
 			}),
@@ -42843,6 +42963,7 @@ const serverComponentRegistry = {
 	svg: SvgNode,
 	section: SectionNode,
 	headerSection: header_section_server_default,
+	headerControl: HeaderControlNode,
 	stack: StackNode,
 	inline: InlineNode,
 	grid: GridNode,
@@ -43669,16 +43790,71 @@ function resolveChildren(nodes, context) {
 function isReactNode(value) {
 	return value !== null && value !== void 0;
 }
+const RENDERER_METADATA_PROP_KEYS = /* @__PURE__ */ new Set([
+	"pathBase",
+	"blockId",
+	"blockKind",
+	"blockContent",
+	"fragmentRegistry",
+	"previewAuthoring",
+	"contentVersionId",
+	"imageResolveContext"
+]);
+function omitRendererMetadataProps(props) {
+	const presentationProps = {};
+	for (const [key, value] of Object.entries(props)) if (!RENDERER_METADATA_PROP_KEYS.has(key)) presentationProps[key] = value;
+	return presentationProps;
+}
+const BLOCK_ID_METADATA_CONSUMERS = /* @__PURE__ */ new Set([
+	"accordion",
+	"appointment-services",
+	"booking-form",
+	"carousel",
+	"cart",
+	"checkout",
+	"event-calendar",
+	"event-combined",
+	"event-details",
+	"event-listing",
+	"event-registration",
+	"form",
+	"gifting",
+	"headersection",
+	"location-map",
+	"newsletter-form",
+	"product-detail",
+	"product-list",
+	"shop",
+	"weekly-slot-availability"
+]);
+const BLOCK_CONTENT_METADATA_CONSUMERS = /* @__PURE__ */ new Set([
+	"feature-card-icon",
+	"headersection",
+	"media",
+	"text"
+]);
+const BLOCK_KIND_METADATA_CONSUMERS = /* @__PURE__ */ new Set([
+	"headersection",
+	"media",
+	"richtext"
+]);
+/**
+* Projects resolver context only to node kinds with an explicit metadata
+* contract. Presentation props and renderer metadata never share a universal
+* spread boundary, so adding metadata cannot leak it into DOM-backed nodes.
+*/
 function resolveNodeMetadata(nodeType, context) {
+	const normalizedType = nodeType.toLowerCase();
 	return {
-		pathBase: context.pathBase,
-		blockId: context.blockId,
-		blockKind: context.blockKind,
-		blockContent: context.blockContent,
-		fragmentRegistry: context.fragmentRegistry,
-		previewAuthoring: context.previewAuthoring,
-		...nodeType.toLowerCase() === "newsletter-form" ? { contentVersionId: context.contentVersionId } : {},
-		...nodeType === "media" && context.imageResolveContext ? { imageResolveContext: context.imageResolveContext } : {}
+		...BLOCK_ID_METADATA_CONSUMERS.has(normalizedType) ? { blockId: context.blockId } : {},
+		...BLOCK_KIND_METADATA_CONSUMERS.has(normalizedType) ? { blockKind: context.blockKind } : {},
+		...BLOCK_CONTENT_METADATA_CONSUMERS.has(normalizedType) ? { blockContent: context.blockContent } : {},
+		...normalizedType === "headersection" ? {
+			pathBase: context.pathBase,
+			fragmentRegistry: context.fragmentRegistry
+		} : {},
+		...normalizedType === "newsletter-form" ? { contentVersionId: context.contentVersionId } : {},
+		...normalizedType === "media" && context.imageResolveContext ? { imageResolveContext: context.imageResolveContext } : {}
 	};
 }
 /**
@@ -43714,7 +43890,7 @@ function resolveNode(node, context, indexFallback) {
 	props = omitHeadingDecorationProps(props);
 	const children = resolveChildren(node.children, scopeContext);
 	const elementProps = {
-		...props,
+		...omitRendererMetadataProps(props),
 		key: node.key ?? indexFallback,
 		...resolveNodeMetadata(node.type, context)
 	};
@@ -44342,7 +44518,7 @@ function generateInputCss({ themeId, theme, inputSystem }) {
 	baseInputRules.push("transition: border-color 0.2s ease, box-shadow 0.2s ease");
 	const labelSelector = `${rootSelector} .form-label`;
 	const labelRules = [];
-	labelRules.push(`color: ${rgbColorValue(inputSystem.label.textColorToken)}`);
+	labelRules.push(`color: ${textColorValue(inputSystem.label.textColorToken)}`);
 	labelRules.push(`font-weight: ${FONT_WEIGHT_MAP[inputSystem.label.fontWeight]}`);
 	labelRules.push(`font-size: ${LABEL_FONT_SIZE_MAP[inputSystem.label.fontSize]}`);
 	if (inputSystem.label.textTransform && inputSystem.label.textTransform !== "none") labelRules.push(`text-transform: ${inputSystem.label.textTransform}`);
@@ -47773,7 +47949,7 @@ function pageBlockPosition(index, blockCount) {
 //#endregion
 //#region ../blocks/src/pageRendererContracts.ts
 function buildPageRendererRootRuntime(dataContext) {
-	const { siteId = null, pageId = null, pathname = null, bookingTimeZone, previewStage = "published", apiBaseUrl = null, portalToken = null, bookingOfferingPresets = [], appointmentServicePathPrefix = null, mailingList = { tag: "not_configured" }, eventRegistrationOverlayEnabled = false, loaderFailures = {} } = dataContext ?? {};
+	const { siteId = null, pageId = null, pathname = null, bookingTimeZone, previewStage = "published", apiBaseUrl = null, portalToken = null, readAuthority, bookingOfferingPresets = [], appointmentServicePathPrefix = null, mailingList = { tag: "not_configured" }, eventRegistrationOverlayEnabled = false, loaderFailures = {} } = dataContext ?? {};
 	return {
 		siteId,
 		pageId,
@@ -47782,6 +47958,7 @@ function buildPageRendererRootRuntime(dataContext) {
 		previewStage,
 		apiBaseUrl,
 		portalToken,
+		readAuthority,
 		bookingOfferingPresets,
 		appointmentServicePathPrefix,
 		mailingList,
@@ -50477,46 +50654,42 @@ const whenTransformed = (from, transformId, equals = true) => (node) => ({
 		equals
 	}
 });
-const logoRow = link({
+/** Draw whichever site logo suits the surface this row sits on. */
+const bindChromeLogo = (surface) => bind("content", { transforms: [{
+	id: "layout.chromeLogo",
+	options: { surface }
+}] });
+/**
+* The brand link. The logo is chosen per surface because the open mobile menu
+* paints its own background, which may be the opposite tone to the header.
+*/
+const createLogoRow = (surface) => link({
 	href: "/",
 	className: bindProp("$root.theme.header.logo", {
 		transforms: pipe(tx("layout.headerLogoClass")),
 		fallback: "header-logo rb-flex rb-min-w-0 rb-items-center rb-gap-3 rb-no-underline rb-transition-opacity rb-hover-opacity-80"
 	})
-}, [
-	media({ className: bindProp("$root.theme.header.logo", {
-		transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300" })),
-		fallback: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300"
-	}) }, when("content.logo"), bind("content.logo")),
-	stack({ className: "rb-contents" }, [media({ className: bindProp("$root.theme.header.logo", {
-		transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300" })),
-		fallback: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300"
-	}) }, when("site.logo"), bind("site.logo"))], when("content.logo", { not: true })),
-	text({
-		as: "strong",
-		className: "header-logo-text rb-truncate"
-	}, whenTransformed("$root.theme.header.logo", "layout.headerLogoTextVisible"), bind("site.title", { fallback: "Your Site" }))
-]);
+}, [media({ className: bindProp("$root.theme.header.logo", {
+	transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300" })),
+	fallback: "rb-header-logo-sm rb-w-auto rb-transition-all rb-duration-300"
+}) }, when("content.logo"), bindChromeLogo(surface)), text({
+	as: "strong",
+	className: "header-logo-text rb-truncate"
+}, whenTransformed("$root.theme.header.logo", "layout.headerLogoTextVisible"), bind("site.title", { fallback: "Your Site" }))]);
+const logoRow = createLogoRow("header-root");
 const centeredLogoRow = link({
 	href: "/",
 	className: bindProp("$root.theme.header.logo", {
 		transforms: pipe(tx("layout.headerLogoClass", { base: "header-logo rb-flex rb-items-center rb-justify-center rb-gap-3 rb-text-center rb-no-underline rb-transition-opacity rb-hover-opacity-80" })),
 		fallback: "header-logo rb-flex rb-items-center rb-justify-center rb-gap-3 rb-text-center rb-no-underline rb-transition-opacity rb-hover-opacity-80"
 	})
-}, [
-	media({ className: bindProp("$root.theme.header.logo", {
-		transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300" })),
-		fallback: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300"
-	}) }, when("content.logo"), bind("content.logo")),
-	stack({ className: "rb-contents" }, [media({ className: bindProp("$root.theme.header.logo", {
-		transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300" })),
-		fallback: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300"
-	}) }, when("site.logo"), bind("site.logo"))], when("content.logo", { not: true })),
-	text({
-		as: "strong",
-		className: "header-logo-text"
-	}, whenTransformed("$root.theme.header.logo", "layout.headerLogoTextVisible"), bind("site.title", { fallback: "Your Site" }))
-]);
+}, [media({ className: bindProp("$root.theme.header.logo", {
+	transforms: pipe(tx("layout.headerLogoMediaClass", { base: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300" })),
+	fallback: "rb-header-logo-lg rb-w-auto rb-transition-all rb-duration-300"
+}) }, when("content.logo"), bindChromeLogo("header-root")), text({
+	as: "strong",
+	className: "header-logo-text"
+}, whenTransformed("$root.theme.header.logo", "layout.headerLogoTextVisible"), bind("site.title", { fallback: "Your Site" }))]);
 const createNavRow = (className, align = "end") => navRow({
 	className: `${className} header-nav-row`,
 	align,
@@ -50556,10 +50729,8 @@ const mobileToggleIcon = stack({
 	}
 ]);
 const mobileToggleButton = {
-	type: "button",
+	type: "headerControl",
 	props: {
-		type: "button",
-		variantId: "",
 		className: `nav-mobile-toggle ${mobileOnlyDisplay("inline-flex")} rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard`,
 		"aria-label": "Open menu",
 		"aria-expanded": "false",
@@ -50569,10 +50740,8 @@ const mobileToggleButton = {
 	children: [mobileToggleIcon]
 };
 const mobileOverlayToggleButton = {
-	type: "button",
+	type: "headerControl",
 	props: {
-		type: "button",
-		variantId: "",
 		className: "nav-mobile-toggle rb-inline-flex rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard",
 		"aria-label": "Open menu",
 		"aria-expanded": "false",
@@ -50596,7 +50765,7 @@ const mobileOverlayHeader = inline({
 	align: "center",
 	justify: "between",
 	style: borderColorStyle("border")
-}, [logoRow, mobileOverlayToggleButton]);
+}, [createLogoRow("header-mobile-panel"), mobileOverlayToggleButton]);
 const mobileOverlayBody = stack({
 	className: "rb-flex-1 rb-px-6 rb-py-6",
 	gap: "md",
@@ -50784,7 +50953,10 @@ const brandLogo = link({
 		options: { base: "rb-h-10 rb-w-auto" }
 	}],
 	fallback: "rb-h-10 rb-w-auto"
-} } }, when("module.showLogo", { equals: true }), when("content.logo"), bind("content.logo")), text({
+} } }, when("module.showLogo", { equals: true }), when("content.logo"), bind("content", { transforms: [{
+	id: "layout.chromeLogo",
+	options: { surface: "footer-root" }
+}] })), text({
 	as: "strong",
 	className: "footer-logo-text rb-nav-text"
 }, when("module.showTitle", { equals: true }), bind("site.title", { fallback: "Your Site" }))], when("module.kind", { equals: "brand" }));
@@ -57772,6 +57944,7 @@ function blockSessionProps(dataContext) {
 		supabaseUrl: dataContext?.supabaseUrl,
 		portalToken: dataContext?.portalToken ?? null,
 		previewToken: dataContext?.previewToken ?? null,
+		readAuthority: dataContext?.readAuthority,
 		stage: dataContext?.previewStage
 	};
 }
@@ -60429,6 +60602,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%;
@@ -71986,7 +72165,7 @@ function buildPageRouteRenderContext(dataContext) {
 	};
 }
 function PageContent(props) {
-	const { page, runtimeBoundaries, siteId, resolvedData, bookingOfferingPresets, mailingList, bookingTimeZone, routeMap, pagesByIdentifier, entriesByIdentifier, wrapBlock, registry, blockOverrides, sdkConfig, customBlocks, supabaseUrl, mediaAssets, apiBaseUrl, portalToken, previewToken, dataContext } = props;
+	const { page, runtimeBoundaries, siteId, resolvedData, bookingOfferingPresets, mailingList, bookingTimeZone, routeMap, pagesByIdentifier, entriesByIdentifier, wrapBlock, registry, blockOverrides, sdkConfig, customBlocks, supabaseUrl, mediaAssets, apiBaseUrl, portalToken, previewToken, readAuthority, dataContext } = props;
 	const rendererCommonProps = {
 		page,
 		runtimeBoundaries,
@@ -71996,6 +72175,7 @@ function PageContent(props) {
 			apiBaseUrl,
 			portalToken,
 			previewToken,
+			readAuthority: readAuthority ?? dataContext?.readAuthority,
 			resolvedData,
 			bookingOfferingPresets: bookingOfferingPresets ?? [],
 			mailingList: mailingList ?? dataContext?.mailingList,
@@ -72501,6 +72681,33 @@ function buildLogo(logo, fallbackAlt) {
 	if (logo.height != null) result.height = logo.height;
 	return result;
 }
+/**
+* Build both site logos from layout data. The default header and footer choose
+* between them by the surface they sit on; custom chrome can do the same.
+*
+* @example
+* ```ts
+* const logoVariants = buildLogoVariants(siteData.layout, siteData.site.title);
+* ```
+*/
+function buildLogoVariants(layout, fallbackAlt) {
+	return {
+		forLightBackgrounds: buildLogo(layout?.logo ?? null, fallbackAlt),
+		forDarkBackgrounds: buildLogo(layout?.logoForDarkBackgrounds ?? null, fallbackAlt)
+	};
+}
+/**
+* Header/footer block content for the site logos. `logo` stays populated with
+* whichever logo exists so presence checks keep working; `logoVariants` is
+* what the blocks select from at render.
+*/
+function buildChromeLogoContent(layout, fallbackAlt) {
+	const logoVariants = buildLogoVariants(layout, fallbackAlt);
+	return {
+		logo: logoVariants.forLightBackgrounds ?? logoVariants.forDarkBackgrounds,
+		logoVariants
+	};
+}
 //#endregion
 //#region src/rendering/themeAdmission.ts
 const MISSING_SDK_THEME_ERROR_CODE = "missing_sdk_theme";
@@ -73141,10 +73348,10 @@ async function Layout(props) {
 	const menuViewModel = buildMenu(navigation, routes, navigationOptions);
 	const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
 	const legalFooterMenuViewModel = buildFooterMenuForRole(navigation, routes, "legal-policy", navigationOptions);
-	const logoViewModel = buildLogo(layout.logo ?? null, site.title);
+	const chromeLogoContent = buildChromeLogoContent(layout, site.title);
 	const customHeaderData = {
 		menu: menuViewModel,
-		logo: logoViewModel,
+		...chromeLogoContent,
 		site,
 		routes
 	};
@@ -73152,7 +73359,7 @@ async function Layout(props) {
 		menu: menuViewModel,
 		footerMenu: footerMenuViewModel,
 		legalFooterMenu: legalFooterMenuViewModel,
-		logo: logoViewModel,
+		...chromeLogoContent,
 		site,
 		routes
 	};
@@ -73209,13 +73416,13 @@ async function Layout(props) {
 	};
 	const headerViewModelOverrides = {
 		...sharedViewModelOverrides,
-		content: { logo: logoViewModel }
+		content: chromeLogoContent
 	};
 	const footerViewModelOverrides = {
 		...sharedViewModelOverrides,
 		content: {
 			...layout.footer,
-			logo: logoViewModel
+			...chromeLogoContent
 		}
 	};
 	let headerElement = null;
@@ -76924,13 +77131,14 @@ async function loadStandaloneBlockData({ blockKind, blockId, siteId, pageId, pre
 		previewStage
 	}, client))[blockId];
 }
-function buildStandaloneBlockViewModel({ siteId, pageId, previewStage, apiBaseUrl, portalToken, routeMap, pagesByIdentifier, entriesByIdentifier }) {
+function buildStandaloneBlockViewModel({ siteId, pageId, previewStage, apiBaseUrl, portalToken, readAuthority, routeMap, pagesByIdentifier, entriesByIdentifier }) {
 	return { $root: {
 		siteId: siteId ?? null,
 		pageId: pageId ?? null,
 		previewStage: previewStage ?? "published",
 		apiBaseUrl: apiBaseUrl ?? null,
 		portalToken: portalToken ?? null,
+		readAuthority,
 		...routeMap ? { routes: routeMap } : {},
 		...pagesByIdentifier ? { pagesByIdentifier } : {},
 		...entriesByIdentifier ? { entriesByIdentifier } : {}