@riverbankcms/sdk 0.143.0 → 0.144.0

package/dist/server/rendering.mjs

@@ -5060,6 +5060,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) {
@@ -5126,16 +5156,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.
@@ -5249,9 +5291,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",
@@ -5319,9 +5359,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,
@@ -13874,7 +13912,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
@@ -13903,18 +13941,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
@@ -13925,11 +13955,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
@@ -24822,6 +24849,47 @@ const layoutTransforms = [
 	footerLogoMediaClassTransform,
 	footerLogoTextVisibleTransform
 ];
+const chromeLogoSchema = z$1.object({ surface: z$1.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();
@@ -27196,6 +27264,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);
 }
@@ -28253,8 +28348,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) {
@@ -28398,8 +28492,8 @@ const defaultTransforms = createTransformRegistry([
 		summary: "Choose the read projection required by the calendar display mode",
 		schema: z$1.object({ job: z$1.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;
 		}
 	},
 	{
@@ -28412,6 +28506,7 @@ const defaultTransforms = createTransformRegistry([
 	},
 	...formattingTransforms,
 	...layoutTransforms,
+	...chromeLogoTransforms,
 	...uiTransforms,
 	...mediaTransforms,
 	...backgroundTransforms,
@@ -28567,12 +28662,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;
@@ -28810,6 +28905,234 @@ function Text$1({ as: Comp = "span", children, className = "", path, maxLength:
 	});
 }
 //#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", {
@@ -29912,186 +30235,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$1, {
 		...rest,
@@ -30112,34 +30354,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$2, {
-		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");
@@ -30150,28 +30379,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) {
@@ -30605,18 +30829,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
 				})]
 			})
 		})
@@ -31196,53 +31415,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
@@ -31554,11 +31739,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",
@@ -31591,13 +31771,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))
@@ -33615,16 +33795,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
 		]
 	});
@@ -33773,10 +33951,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;
@@ -33806,7 +33980,7 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 			image
 		}), /* @__PURE__ */ jsx(EventCardContent, {
 			allowMap,
-			buttonClass,
+			buttonVariant,
 			capacityText,
 			categoryBadge,
 			categoryId: category?.id,
@@ -33908,7 +34082,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
@@ -33946,12 +34120,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
 			})
 		]
 	});
@@ -34015,10 +34191,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", {
@@ -34082,12 +34254,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
 				})]
 			})]
 		})]
@@ -34129,10 +34304,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",
@@ -34164,13 +34335,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
 				})]
 			})
 		]
@@ -34243,10 +34416,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",
@@ -34264,15 +34433,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$1.discriminatedUnion("kind", [z$1.object({ kind: z$1.literal("published") }).strict(), z$1.object({
+	kind: z$1.literal("preview"),
+	token: z$1.string().min(1)
+}).strict()]);
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 const previewStageSchema = z$1.enum(["preview", "published"]);
 const registrationButtonVariantSchema = blockButtonRoleSchema;
@@ -35190,6 +35366,7 @@ const eventCollectionSourceSchemaShape = {
 	events: z$1.array(publicEventSchema).nullable().optional(),
 	siteId: z$1.string(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional(),
 	listLayout: eventLayoutSchema.optional(),
 	listColumns: columnOptionSchema.optional(),
@@ -35242,7 +35419,6 @@ const eventCollectionDisplaySchemaShape = {
 const eventCollectionHydrationSchema = z$1.object({
 	siteId: z$1.string(),
 	calendarWindow: calendarWindowPageSchema.optional(),
-	stage: previewStageSchema.optional(),
 	prefetchedEvents: z$1.boolean(),
 	eventSurface: eventSurfaceScopeSchema$1,
 	filterEventPresets: z$1.string().nullable(),
@@ -35317,7 +35493,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),
@@ -35364,6 +35539,7 @@ const eventCombinedRenderSchema = z$1.object({
 z$1.object({
 	siteId: z$1.string(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 function buildEventCombinedDisplay(source) {
@@ -35394,6 +35570,7 @@ function buildEventCombinedInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -35847,11 +36024,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",
@@ -35891,10 +36063,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
 						]
@@ -36217,10 +36391,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: [
@@ -36279,10 +36449,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"
 				})]
 			})
 		]
@@ -36299,10 +36472,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", {
@@ -36335,10 +36504,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"
 					})]
 				})
 			]
@@ -36491,15 +36662,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))
@@ -37218,6 +37387,7 @@ const shopSourceSchema = z$1.object({
 	products: z$1.array(publicProductSchema).nullable().optional(),
 	siteId: z$1.string().optional(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const productVariantOptionDisplaySchema = z$1.object({
@@ -37385,6 +37555,7 @@ function resolveShowPricePerCredit(source) {
 z$1.object({
 	siteId: z$1.string().optional(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const shopBlockRuntime = defineProgressiveBlockRuntime({
@@ -37519,6 +37690,7 @@ function buildShopInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -37534,6 +37706,7 @@ function buildProductListInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -37549,6 +37722,7 @@ function buildProductDetailInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -37564,6 +37738,7 @@ function buildCartInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -37579,6 +37754,7 @@ function buildCheckoutInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: {
@@ -37660,6 +37836,7 @@ const cartBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([cart(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "cart",
 				heading: { $bind: {
 					from: "content.heading",
@@ -37743,6 +37920,7 @@ const checkoutBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([checkout(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "checkout",
 				heading: { $bind: {
 					from: "content.heading",
@@ -38175,6 +38353,7 @@ const eventRegistrationSourceSchema = z$1.object({
 	apiBaseUrl: z$1.string().optional(),
 	portalToken: z$1.string().nullable().optional(),
 	previewToken: z$1.string().nullable().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	...eventRegistrationHydrationSchemaShape,
 	events: z$1.array(eventRegistrationPublicEventSchema).nullable().optional(),
 	wholeSeriesRunEvents: z$1.array(eventRegistrationPublicEventSchema).nullable().optional(),
@@ -38212,6 +38391,7 @@ z$1.object({
 	apiBaseUrl: z$1.string().optional(),
 	portalToken: z$1.string().nullable().optional(),
 	previewToken: z$1.string().nullable().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 function buildEventRegistrationDisplayFromScopedEvents(source, scopedSourceEvents) {
@@ -38355,6 +38535,7 @@ function buildEventRegistrationInteractiveIslandProps(props) {
 			apiBaseUrl: props.apiBaseUrl,
 			portalToken: props.portalToken,
 			previewToken: props.previewToken,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -38484,6 +38665,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: {
@@ -38929,6 +39111,7 @@ const eventCalendarRenderSchema = z$1.object({
 z$1.object({
 	siteId: z$1.string(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 /**
@@ -38950,7 +39133,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),
@@ -38970,13 +39153,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({
@@ -38985,6 +39171,7 @@ function buildEventCalendarInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -39138,6 +39325,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: {
@@ -40017,6 +40205,7 @@ const eventListingSourceSchema = z$1.object({
 	events: z$1.array(publicEventSchema).nullable().optional(),
 	siteId: z$1.string(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional(),
 	layout: eventLayoutSchema.optional(),
 	columns: columnOptionSchema.optional(),
@@ -40057,7 +40246,6 @@ const eventListingDisplaySchema = z$1.object({
 });
 const eventListingHydrationSchema = z$1.object({
 	siteId: z$1.string(),
-	stage: previewStageSchema.optional(),
 	eventsPerPage: eventPageSizeSchema,
 	paginationAction: eventListPaginationActionSchema,
 	showFilters: z$1.boolean(),
@@ -40080,6 +40268,7 @@ const eventListingRenderSchema = z$1.object({
 z$1.object({
 	siteId: z$1.string(),
 	apiBaseUrl: z$1.string().optional(),
+	readAuthority: browserReadAuthoritySchema.optional(),
 	stage: previewStageSchema.optional()
 });
 const eventListingBlockRuntime = defineProgressiveBlockRuntime({
@@ -40114,7 +40303,6 @@ const eventListingBlockRuntime = defineProgressiveBlockRuntime({
 			},
 			hydration: {
 				siteId: source.siteId,
-				stage: source.stage,
 				eventsPerPage: pageSize,
 				paginationAction: resolveEventListPaginationAction({
 					paginationMode: source.paginationMode,
@@ -40144,6 +40332,7 @@ function buildEventListingInteractiveIslandProps(props) {
 		meta: {
 			siteId: props.siteId,
 			apiBaseUrl: props.apiBaseUrl,
+			readAuthority: props.readAuthority,
 			stage: props.stage
 		},
 		source: props
@@ -40408,6 +40597,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",
@@ -41060,6 +41250,7 @@ const productDetailBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([productDetail(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "product-detail",
 				heading: { $bind: {
 					from: "content.heading",
@@ -41228,6 +41419,7 @@ const productListBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([productList(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "product-list",
 				heading: { $bind: {
 					from: "content.heading",
@@ -41492,6 +41684,7 @@ const shopBlockDefinition = {
 			baseClass: "",
 			spacing: "spacious",
 			children: sectionContainer([shop(withApiBindings({
+				readAuthority: { $bind: { from: "$root.readAuthority" } },
 				mode: "passes-memberships",
 				showPasses: { $bind: {
 					from: "content.showPasses",
@@ -41894,15 +42087,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."
@@ -41919,13 +42110,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))
 	});
@@ -42221,10 +42410,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: [
@@ -42276,12 +42461,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
 				})]
 			})
 		]
@@ -42480,7 +42667,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,
@@ -42513,12 +42700,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
 			})
 		]
 	});
@@ -42534,16 +42722,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
 		})]
 	});
 };
@@ -42575,17 +42764,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
 		})]
 	});
 };
@@ -42600,14 +42790,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;
@@ -42630,14 +42812,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,
@@ -42650,7 +42832,7 @@ const WeekBoardView = ({ days, events, navigation, showCapacity, emptyMessage =
 					note: footerNoteText,
 					ctaHref: resolvedCtaHref,
 					ctaLabel,
-					ctaClassName
+					buttonVariant
 				})
 			]
 		})
@@ -42749,6 +42931,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", {
@@ -42796,62 +43026,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],
@@ -42927,62 +43105,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: [
@@ -43478,14 +43604,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
 						})
 					})
 				})
@@ -43580,13 +43704,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
 							})
 						})
 					]
@@ -43668,28 +43790,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))
 			}),
@@ -43738,6 +43856,7 @@ const serverComponentRegistry = {
 	svg: SvgNode,
 	section: SectionNode,
 	headerSection: header_section_server_default,
+	headerControl: HeaderControlNode,
 	stack: StackNode,
 	inline: InlineNode,
 	grid: GridNode,
@@ -44564,16 +44683,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 } : {}
 	};
 }
 /**
@@ -44609,7 +44783,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)
 	};
@@ -45237,7 +45411,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}`);
@@ -48668,7 +48842,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,
@@ -48677,6 +48851,7 @@ function buildPageRendererRootRuntime(dataContext) {
 		previewStage,
 		apiBaseUrl,
 		portalToken,
+		readAuthority,
 		bookingOfferingPresets,
 		appointmentServicePathPrefix,
 		mailingList,
@@ -51400,46 +51575,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,
@@ -51479,10 +51650,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",
@@ -51492,10 +51661,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",
@@ -51519,7 +51686,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",
@@ -51707,7 +51874,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" }));
@@ -58778,6 +58948,7 @@ function blockSessionProps(dataContext) {
 		supabaseUrl: dataContext?.supabaseUrl,
 		portalToken: dataContext?.portalToken ?? null,
 		previewToken: dataContext?.previewToken ?? null,
+		readAuthority: dataContext?.readAuthority,
 		stage: dataContext?.previewStage
 	};
 }
@@ -61453,6 +61624,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%;
@@ -73033,7 +73210,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,
@@ -73043,6 +73220,7 @@ function PageContent(props) {
 			apiBaseUrl,
 			portalToken,
 			previewToken,
+			readAuthority: readAuthority ?? dataContext?.readAuthority,
 			resolvedData,
 			bookingOfferingPresets: bookingOfferingPresets ?? [],
 			mailingList: mailingList ?? dataContext?.mailingList,
@@ -73592,6 +73770,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";
@@ -75372,10 +75577,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
 	};
@@ -75383,7 +75588,7 @@ async function Layout(props) {
 		menu: menuViewModel,
 		footerMenu: footerMenuViewModel,
 		legalFooterMenu: legalFooterMenuViewModel,
-		logo: logoViewModel,
+		...chromeLogoContent,
 		site,
 		routes
 	};
@@ -75440,13 +75645,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;
@@ -79491,13 +79696,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 } : {}