@riverbankcms/sdk 0.107.0 → 0.108.0

package/dist/client/rendering/client.mjs

@@ -509,7 +509,7 @@ function encodePublicProductCategorySelector(selector) {
 			};
 	}
 }
-function isRecord$20(value) {
+function isRecord$22(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -533,8 +533,8 @@ async function parseJsonBody(response) {
 	}
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$20(data)) return {};
-	const nestedError = isRecord$20(data.error) ? data.error : void 0;
+	if (!isRecord$22(data)) return {};
+	const nestedError = isRecord$22(data.error) ? data.error : void 0;
 	return {
 		message: typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0,
 		code: typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0
@@ -1496,10 +1496,10 @@ var init_colorStyles = __esmMin((() => {
 init_api();
 init_clsx();
 init_colorStyles();
-const Section$1 = forwardRef(function Section({ as: Comp = "section", children, background, className = "", allowOverflow = false, style, "data-slot": dataSlot }, ref) {
+const Section$1 = forwardRef(function Section({ as: Comp = "section", children, background, className = "", style, "data-slot": dataSlot }, ref) {
 	return /* @__PURE__ */ jsx(Comp, {
 		ref,
-		className: clsx("rb-relative rb-isolate", allowOverflow ? "rb-overflow-visible" : "rb-overflow-hidden", className),
+		className: clsx("rb-relative rb-isolate rb-overflow-visible", className),
 		style: mergeStyles(typeof background === "string" && background.trim().length > 0 ? backgroundColorStyle(background.trim()) : void 0, style),
 		"data-slot": dataSlot ?? "section",
 		children
@@ -1623,10 +1623,7 @@ function Grid({ as: Comp = "div", cols = {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/layout.tsx
-const SectionNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, allowOverflow, ...props }) => /* @__PURE__ */ jsx(Section$1, {
-	...props,
-	allowOverflow
-});
+const SectionNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Section$1, { ...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 });
@@ -3566,6 +3563,53 @@ var init_soft_pill = __esmMin((() => {
 			]
 		}
 	});
+}));
+//#endregion
+//#region ../theme-core/src/buttons/personalities/two-tone-pill.ts
+var solidSecondary, twoTonePill;
+var init_two_tone_pill = __esmMin((() => {
+	init_soft_pill();
+	init_types$16();
+	solidSecondary = {
+		id: "secondary",
+		name: "Secondary",
+		enabled: true,
+		priority: 2,
+		background: {
+			type: "solid",
+			colorToken: "secondary"
+		},
+		textColorToken: "onSecondary",
+		borderRadius: "rounded-full",
+		shadow: {
+			elevation: "none",
+			softness: null,
+			position: "bottom"
+		},
+		effects: {
+			hover: [{
+				effectId: "background-on-hover-alpha",
+				options: {
+					colorToken: "secondary",
+					opacity: 88
+				}
+			}],
+			active: [{
+				effectId: "scale-down",
+				options: { scale: "0.98" }
+			}]
+		}
+	};
+	twoTonePill = defineButtonPersonality({
+		id: "two-tone-pill",
+		name: "Two-tone Pill",
+		description: "Rounded pills with distinct solid primary and secondary brand colours.",
+		tags: softPill.tags,
+		buttonSystem: {
+			...softPill.buttonSystem,
+			variants: softPill.buttonSystem.variants.map((variant) => variant.id === "secondary" ? solidSecondary : variant)
+		}
+	});
 })), buttonPersonalities;
 var init_personalities = __esmMin((() => {
 	init_brushed_wash();
@@ -3580,9 +3624,11 @@ var init_personalities = __esmMin((() => {
 	init_quiet_arrow();
 	init_showtime_pill();
 	init_soft_pill();
+	init_two_tone_pill();
 	init_types$16();
 	buttonPersonalities = [
 		softPill,
+		twoTonePill,
 		earthPill,
 		confidentChip,
 		editorialLink,
@@ -3624,18 +3670,43 @@ init_buttons();
 //#region ../path-utils/src/index.ts
 const PATH_SEPARATOR_REGEX = /\./g;
 const BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
-function isRecord$19(value) {
+/**
+* Segments that would traverse or mutate the prototype chain.
+*
+* `setAtPath` creates nested objects along the path, so allowing these
+* segments is a prototype-pollution vector. They are rejected everywhere a
+* path is parsed (string or pre-parsed array form) — fail closed.
+*/
+const UNSAFE_PATH_SEGMENTS = /* @__PURE__ */ new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+var UnsafePathSegmentError = class extends Error {
+	constructor(segment) {
+		super(`Unsafe path segment: "${segment}"`);
+		this.name = "UnsafePathSegmentError";
+		this.segment = segment;
+	}
+};
+function assertSafePathSegments(segments) {
+	for (const segment of segments) if (typeof segment === "string" && UNSAFE_PATH_SEGMENTS.has(segment)) throw new UnsafePathSegmentError(segment);
+}
+function isRecord$21(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$19(value);
+	return Array.isArray(value) || isRecord$21(value);
 }
 function getContainerValue(container, segment) {
 	if (typeof segment === "number") return Array.isArray(container) ? container[segment] : void 0;
 	if (segment in container) return Reflect.get(container, segment);
 }
 function parsePath(path) {
-	if (Array.isArray(path)) return path;
+	if (Array.isArray(path)) {
+		assertSafePathSegments(path);
+		return path;
+	}
 	const segments = [];
 	const parts = path.split(PATH_SEPARATOR_REGEX);
 	for (const raw of parts) {
@@ -3655,6 +3726,7 @@ function parsePath(path) {
 		}
 		if (baseMatch === null && !raw.includes("[")) segments.push(raw);
 	}
+	assertSafePathSegments(segments);
 	return segments;
 }
 function getAtPath(source, path) {
@@ -3930,7 +4002,7 @@ var init_event_pricing = __esmMin((() => {
 //#endregion
 //#region ../core/src/event-page-surface-subject.ts
 function parseEventPageSurfaceSubject(value) {
-	if (!isRecord$18(value)) return err$2({ kind: "notObject" });
+	if (!isRecord$20(value)) return err$2({ kind: "notObject" });
 	switch (value.kind) {
 		case "eventSeries": {
 			const eventSeriesId = parseEventSeriesId(value.eventSeriesId);
@@ -3973,7 +4045,7 @@ function parseEventPageSurfaceSubject(value) {
 		});
 	}
 }
-function isRecord$18(value) {
+function isRecord$20(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 var init_event_page_surface_subject = __esmMin((() => {
@@ -4367,6 +4439,26 @@ var init_participant_identity = __esmMin((() => {
 	init_assertNever();
 }));
 var init_public_url_validation = __esmMin((() => {}));
+var init_public_profile = __esmMin((() => {
+	init_public_url_validation();
+	init_result();
+}));
+var sectionKinds;
+var init_footer_composition = __esmMin((() => {
+	init_result();
+	sectionKinds = [
+		"brand",
+		"supporting-text",
+		"social-links",
+		"navigation",
+		"business-address",
+		"contact",
+		"opening-hours",
+		"legal-navigation",
+		"legal"
+	];
+	new Map(sectionKinds.map((kind, index) => [kind, index]));
+}));
 var init_number_input = __esmMin((() => {}));
 var init_field_errors = __esmMin((() => {})), init_form_submission_preview = __esmMin((() => {
 	init_string();
@@ -4401,7 +4493,7 @@ function sortStableJsonValue(value) {
 	if (typeof value === "object") {
 		const prototype = Object.getPrototypeOf(value);
 		if (prototype !== Object.prototype && prototype !== null) throw new TypeError("Stable JSON only supports plain objects");
-		return Object.fromEntries(Object.entries(value).sort(([left], [right]) => left.localeCompare(right)).map(([key, child]) => [key, sortStableJsonValue(child)]));
+		return Object.fromEntries(Object.entries(value).sort(([left], [right]) => left < right ? -1 : left > right ? 1 : 0).map(([key, child]) => [key, sortStableJsonValue(child)]));
 	}
 	throw new TypeError(`Stable JSON does not support ${typeof value}`);
 }
@@ -4464,6 +4556,8 @@ var init_src$3 = __esmMin((() => {
 	init_participants();
 	init_participant_identity();
 	init_public_url_validation();
+	init_public_profile();
+	init_footer_composition();
 	init_number_input();
 	init_field_errors();
 	init_form_submission_preview();
@@ -7380,8 +7474,61 @@ var init_presets = __esmMin((() => {
 	ICON_PICKER_PRESETS = ["cta", "feature"];
 }));
 //#endregion
-//#region ../blocks/src/system/icons/registry.ts
+//#region ../blocks/src/system/icons/social.tsx
 init_presets();
+init_svg();
+const SOCIAL_ICON_NAMES = [
+	"SocialFacebook",
+	"SocialInstagram",
+	"SocialLinkedIn",
+	"SocialTikTok",
+	"SocialX",
+	"SocialYouTube"
+];
+const socialIcons = {
+	SocialFacebook: createIcon("SocialFacebookIcon", /* @__PURE__ */ jsx("path", { d: "M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v6h4v-6h3l1-4h-4V9c0-.7.3-1 1-1Z" })),
+	SocialInstagram: createIcon("SocialInstagramIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "3",
+			y: "3",
+			width: "18",
+			height: "18",
+			rx: "5"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "17.5",
+			cy: "6.5",
+			r: ".75",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	] })),
+	SocialLinkedIn: createIcon("SocialLinkedInIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M6 9v10" }),
+		/* @__PURE__ */ jsx("path", {
+			d: "M6 5.5v.01",
+			strokeWidth: "3"
+		}),
+		/* @__PURE__ */ jsx("path", { d: "M10.5 19v-6a4 4 0 0 1 8 0v6" }),
+		/* @__PURE__ */ jsx("path", { d: "M10.5 9v10" })
+	] })),
+	SocialTikTok: createIcon("SocialTikTokIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M14 4v11.5a4.5 4.5 0 1 1-4-4.47" }), /* @__PURE__ */ jsx("path", { d: "M14 4c.7 3 2.4 4.5 5 4.5" })] })),
+	SocialX: createIcon("SocialXIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m5 4 14 16" }), /* @__PURE__ */ jsx("path", { d: "M19 4 5 20" })] })),
+	SocialYouTube: createIcon("SocialYouTubeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M21 12c0 3.5-.5 5.5-1.3 6.3S16.5 19.5 12 19.5s-6.9-.4-7.7-1.2S3 15.5 3 12s.5-5.5 1.3-6.3S7.5 4.5 12 4.5s6.9.4 7.7 1.2S21 8.5 21 12Z" }), /* @__PURE__ */ jsx("path", { d: "m10 9 5 3-5 3Z" })] }))
+};
+function isSocialIconName(value) {
+	return typeof value === "string" && SOCIAL_ICON_NAMES.includes(value);
+}
+function getSocialIconComponent(value) {
+	return isSocialIconName(value) ? socialIcons[value] : null;
+}
+//#endregion
+//#region ../blocks/src/system/icons/registry.ts
 function buildSearchText(parts) {
 	return parts.map((part) => part.trim()).filter(Boolean).join(" ");
 }
@@ -7410,7 +7557,7 @@ function semanticOptionsForPreset(preset) {
 }
 semanticOptionsForPreset("feature");
 function getIconComponent(name) {
-	return getCtaIconComponent(name) ?? getSemanticIconComponent(name);
+	return getCtaIconComponent(name) ?? getSemanticIconComponent(name) ?? getSocialIconComponent(name);
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/buttonAffordance.ts
@@ -9155,7 +9302,6 @@ const HeaderSectionNode$1 = ({ blockId, children, className, "data-preview-site-
 	const asProp = rest.as;
 	const styleProp = rest.style;
 	const backgroundProp = typeof rest.background === "string" ? rest.background : void 0;
-	const allowOverflowProp = typeof rest.allowOverflow === "boolean" ? rest.allowOverflow : void 0;
 	const dataSlotProp = typeof rest["data-slot"] === "string" ? rest["data-slot"] : void 0;
 	return /* @__PURE__ */ jsxs("nav", {
 		...getIslandRootProps("headerSection", blockId),
@@ -9170,7 +9316,6 @@ const HeaderSectionNode$1 = ({ blockId, children, className, "data-preview-site-
 			as: asProp,
 			style: styleProp,
 			background: backgroundProp ?? "background",
-			allowOverflow: allowOverflowProp,
 			"data-slot": dataSlotProp,
 			className: sectionClasses || void 0,
 			children
@@ -15746,7 +15891,7 @@ function resolveGroupFrame(cardStyles) {
 		contentClassName: "offerings-preview-card-content rb-flex rb-h-full rb-min-h-full rb-flex-col rb-gap-5"
 	};
 	return {
-		containerClassName: ["offerings-preview-card offerings-preview-card--framed rb-relative rb-isolate rb-h-full rb-min-h-full rb-overflow-hidden rb-bg-surface rb-border rb-border-border", resolveGroupFrameClasses(cardStyles)].filter(Boolean).join(" "),
+		containerClassName: ["offerings-preview-card offerings-preview-card--framed rb-relative rb-isolate rb-h-full rb-min-h-full rb-overflow-visible rb-bg-surface rb-border rb-border-border", resolveGroupFrameClasses(cardStyles)].filter(Boolean).join(" "),
 		containerStyle: resolveGroupFrameStyle(cardStyles),
 		contentClassName: "card-content offerings-preview-card-content rb-flex rb-h-full rb-min-h-full rb-flex-col rb-gap-5"
 	};
@@ -16060,6 +16205,34 @@ function backgroundLayer(path, options = {}) {
 	];
 }
 /**
+* Wrap decorative background layers in their own clipping frame.
+*
+* Foreground content remains outside this frame, so editor outlines, focus
+* rings, and floating controls are never clipped by a visual background.
+* Backgrounds that explicitly opt into overflow keep that behavior within
+* the decorative layer rather than changing the content root.
+*/
+function backgroundFrame(path, options = {}) {
+	const { leadingNodes = [], ...layerOptions } = options;
+	const framedLayerOptions = {
+		...layerOptions,
+		styleClassName: layerOptions.styleClassName ?? "background-style rb-absolute rb-inset-0 rb-z-0 rb-h-full rb-w-full rb-pointer-events-none",
+		imageClassName: layerOptions.imageClassName ?? "rb-absolute rb-z-0",
+		overlayClassName: layerOptions.overlayClassName ?? "background-overlay rb-absolute rb-inset-0 rb-z-0 rb-h-full rb-w-full rb-pointer-events-none"
+	};
+	return el("div", {
+		className: { $bind: {
+			from: path,
+			transforms: [{
+				id: "background.resolveFrameClassName",
+				options: { baseClass: BACKGROUND_FRAME_BASE_CLASS }
+			}],
+			fallback: `${BACKGROUND_FRAME_BASE_CLASS} rb-overflow-hidden`
+		} },
+		style: { borderRadius: "inherit" }
+	}, [...leadingNodes, ...backgroundLayer(path, framedLayerOptions)]);
+}
+/**
 * Creates a media node for rendering background image/video media with conditional rendering.
 *
 * This helper creates a media element that:
@@ -16134,8 +16307,10 @@ function createBackgroundOverlayNode(path, className = "background-overlay rb-ab
 		} }
 	});
 }
+var BACKGROUND_FRAME_BASE_CLASS;
 var init_backgroundLayer = __esmMin((() => {
 	init_builder$2();
+	BACKGROUND_FRAME_BASE_CLASS = "rb-background-frame rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-isolate rb-pointer-events-none";
 }));
 //#endregion
 //#region ../blocks/src/system/node/fragments/styledSection.ts
@@ -16146,7 +16321,7 @@ var init_backgroundLayer = __esmMin((() => {
 * - Creating a section wrapper with background theme
 * - Adding background color/gradient/image layers
 * - Binding className to section styles with transform
-* - Binding allowOverflow for background positioning
+* - Keeping foreground overflow visible while decorative backgrounds clip independently
 * - Wrapping content children
 *
 * Use this helper to eliminate 25+ lines of boilerplate section setup code.
@@ -16182,8 +16357,8 @@ var init_backgroundLayer = __esmMin((() => {
 * });
 */
 function styledSection(config) {
-	const { children, baseClass = "rb-px-6", spacing = DEFAULT_SECTION_SPACING, background = "background", bindFrom = "_sectionStyles", imageClassName = "rb-absolute rb-z-neg-10", renderBackgroundImage = true, backgroundImageLoading, backgroundImageFetchPriority, allowOverflow = false, fullWidthPath } = config;
-	const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
+	const { children, baseClass = "rb-px-6", spacing = DEFAULT_SECTION_SPACING, background = "background", bindFrom = "_sectionStyles", imageClassName = "rb-absolute rb-z-0", renderBackgroundImage = true, backgroundImageLoading, backgroundImageFetchPriority, fullWidthPath } = config;
+	const renderedBackgroundNode = backgroundFrame(`${bindFrom}.background`, {
 		imageClassName,
 		fallbackToken: background,
 		omitImageLayer: !renderBackgroundImage,
@@ -16206,13 +16381,8 @@ function styledSection(config) {
 					fullWidthPath
 				}
 			}]
-		} },
-		allowOverflow: allowOverflow ? true : { $bind: {
-			from: `${bindFrom}.background`,
-			transforms: [{ id: "background.resolveAllowOverflow" }],
-			fallback: false
 		} }
-	}, [...renderedBackgroundNodes, ...childrenArray]);
+	}, [renderedBackgroundNode, ...childrenArray]);
 }
 var init_styledSection = __esmMin((() => {
 	init_builder$2();
@@ -16318,8 +16488,8 @@ var init_sectionContainer = __esmMin((() => {
 *     - content
 */
 function styledContainer(config) {
-	const { children, rootType = "div", rootProps, bindFrom = "_containerStyles", baseClassName = "rb-relative rb-isolate rb-overflow-hidden", imageClassName = "rb-absolute rb-z-neg-10", constrainWidth = true } = config;
-	const backgroundNodes = backgroundLayer(`${bindFrom}.background`, { imageClassName });
+	const { children, rootType = "div", rootProps, bindFrom = "_containerStyles", baseClassName = "rb-relative rb-isolate rb-overflow-visible", imageClassName = "rb-absolute rb-z-0", constrainWidth = true } = config;
+	const backgroundNode = backgroundFrame(`${bindFrom}.background`, { imageClassName });
 	const childrenArray = Array.isArray(children) ? children : [children];
 	const { className: _ignoredClassName, style: _ignoredStyle, ...safeRootProps } = rootProps ?? {};
 	return el(rootType, {
@@ -16342,7 +16512,7 @@ function styledContainer(config) {
 			}],
 			fallback: constrainWidth ? `${baseClassName} rb-container` : baseClassName
 		} }
-	}, [...backgroundNodes, ...childrenArray]);
+	}, [backgroundNode, ...childrenArray]);
 }
 var init_styledContainer = __esmMin((() => {
 	init_builder$2();
@@ -20782,7 +20952,7 @@ function asHeaderStyleId(value) {
 * optional nested styling fields that would otherwise leak from another Look.
 */
 function baseHeader(theme) {
-	const { navLinkStyle: _navLinkStyle, navTypography: _navTypography, navTextSize: _navTextSize, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
+	const { navLinkStyle: _navLinkStyle, navFontRole: _navFontRole, navTypography: _navTypography, navTextSize: _navTextSize, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
 	return {
 		...header,
 		navContainer: {
@@ -21404,6 +21574,17 @@ var init_headerLooks = __esmMin((() => {
 			navTypography: "brand-caps",
 			moods: ["expressive"]
 		},
+		{
+			id: asHeaderStyleId("brand-capsule"),
+			label: "Brand Capsule",
+			description: "Solid brand chrome designed as a floating capsule, with quiet-caps nav, a soft pill active state, and an inverted CTA pill.",
+			supportedLayoutIds: supportedLayouts(["classic"]),
+			navInteraction: "pill-background",
+			surface: "brand-solid",
+			defaultDepth: "shadow",
+			navTypography: "quiet-caps",
+			moods: ["expressive", "professional"]
+		},
 		{
 			id: asHeaderStyleId("serif-line"),
 			label: "Serif Line",
@@ -21497,6 +21678,7 @@ var init_headerLooks = __esmMin((() => {
 			"brand-bar",
 			"brand-underline",
 			"brand-pill",
+			"brand-capsule",
 			"serif-line",
 			"flat-tabs"
 		])],
@@ -21531,6 +21713,11 @@ var init_headerLooks = __esmMin((() => {
 		"brand-pill",
 		"brand-bar",
 		"minimal"
+	]), headerStyleRepairChain([
+		"brand-capsule",
+		"brand-pill",
+		"brand-bar",
+		"minimal"
 	]), headerStyleRepairChain([
 		"pill-nav",
 		"soft-bar",
@@ -23162,7 +23349,24 @@ var init_rawStyleFields = __esmMin((() => {
 	[...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
 	pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
 	siteChromeBackgroundOverrideOwner = "site-chrome-editor";
-})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle$1, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
+}));
+//#endregion
+//#region ../theme-core/src/schema.ts
+/**
+* Normalises the legacy `navTypography` font-role alias into the canonical
+* `navFontRole` field so persisted themes migrate at the parse boundary without
+* a data migration. `navFontRole` always wins when both are present; the legacy
+* field is dropped so we never carry a dual write forward.
+*/
+function normaliseHeaderNavFontRole(header) {
+	if (header.navTypography === void 0) return header;
+	const { navTypography, ...rest } = header;
+	return header.navFontRole === void 0 ? {
+		...rest,
+		navFontRole: navTypography
+	} : rest;
+}
+var axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle$1, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerBarFrame, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
 var init_schema$1 = __esmMin((() => {
 	init_media();
 	init_buttons();
@@ -23595,6 +23799,7 @@ var init_schema$1 = __esmMin((() => {
 		"bold"
 	]);
 	headerMaxWidth = z$1.enum(["container", "full"]);
+	headerBarFrame = z$1.enum(["full-bleed", "inset-shell"]);
 	headerContainerSchema = z$1.object({
 		rounded: z$1.enum([
 			"none",
@@ -23735,6 +23940,7 @@ var init_schema$1 = __esmMin((() => {
 		positioning: headerPositioning,
 		shrinkOnScroll: z$1.boolean(),
 		maxWidth: headerMaxWidth,
+		barFrame: headerBarFrame.optional(),
 		logoOverride: mediaSchema.nullable().optional(),
 		background: headerBackgroundSchema.default({
 			type: "color",
@@ -23744,6 +23950,7 @@ var init_schema$1 = __esmMin((() => {
 		navStyle: headerNavStyle,
 		navColor: themeColorTokenSchema.nullable().optional(),
 		navWeight: navFontWeight.default("medium"),
+		navFontRole: z$1.enum(["body", "heading"]).optional(),
 		navTypography: z$1.enum(["body", "heading"]).optional(),
 		navTextSize: navLinkStyleSchema.shape.textSize,
 		navPlacement: z$1.enum(["end", "center"]).optional(),
@@ -23759,7 +23966,7 @@ var init_schema$1 = __esmMin((() => {
 		ctaTreatment: headerCtaTreatmentSchema.optional(),
 		ctaVariant: z$1.string().min(1).optional(),
 		dropdownStyle: dropdownStyleSchema
-	});
+	}).transform(normaliseHeaderNavFontRole);
 	footerVariant = z$1.enum([
 		"simple",
 		"columns",
@@ -24808,6 +25015,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 			],
 			buttonPersonalityChoices: [
 				buttonChoice("soft-pill"),
+				buttonChoice("two-tone-pill"),
 				buttonChoice("pebble"),
 				buttonChoice("editorial-link"),
 				buttonChoice("brushed-wash")
@@ -25987,6 +26195,7 @@ var init_curatedSiteStyles = __esmMin((() => {
 			],
 			buttonPersonalityChoices: [
 				buttonChoice("quiet-arrow"),
+				buttonChoice("two-tone-pill"),
 				buttonChoice("flat-ink"),
 				buttonChoice("editorial-link")
 			],
@@ -27433,7 +27642,7 @@ var init_validation_constants = __esmMin((() => {
 		"media.fromUrl",
 		"background.resolveStyle",
 		"background.resolveColorsStyle",
-		"background.resolveAllowOverflow",
+		"background.resolveFrameClassName",
 		"background.resolveImageStyle",
 		"background.resolveImageClassName",
 		"background.resolveOverlayStyle",
@@ -29320,7 +29529,7 @@ function createFaqAccordionLayout(options = {}) {
 						options: {
 							axis: "all",
 							includeSpacing: false,
-							baseClass: "rb-faq-item rb-relative rb-isolate rb-overflow-hidden"
+							baseClass: "rb-faq-item rb-relative rb-isolate rb-overflow-visible"
 						}
 					}]
 				},
@@ -33462,7 +33671,7 @@ const copyLayout = fragmentLayoutNode(formCopyFragment.layout);
 const formSurface = styledContainer({
 	bindFrom: "_containerStyles",
 	constrainWidth: false,
-	baseClassName: "rb-form-surface rb-relative rb-isolate rb-overflow-hidden",
+	baseClassName: "rb-form-surface rb-relative rb-isolate rb-overflow-visible",
 	children: fragmentLayoutNode(formEmbedFragment.layout)
 });
 function createFormLayout(variant) {
@@ -111684,7 +111893,6 @@ const HeaderSectionNode = ({ blockId, blockKind, blockContent, fragmentRegistry,
 	const asProp = restProps.as;
 	const styleProp = restProps.style;
 	const backgroundProp = typeof restProps.background === "string" ? restProps.background : void 0;
-	const allowOverflowProp = typeof restProps.allowOverflow === "boolean" ? restProps.allowOverflow : void 0;
 	const dataSlotProp = typeof restProps["data-slot"] === "string" ? restProps["data-slot"] : void 0;
 	return /* @__PURE__ */ jsx("nav", {
 		ref: (el) => {
@@ -111706,7 +111914,6 @@ const HeaderSectionNode = ({ blockId, blockKind, blockContent, fragmentRegistry,
 			as: asProp,
 			style: styleProp,
 			background: backgroundProp ?? "background",
-			allowOverflow: allowOverflowProp,
 			"data-slot": dataSlotProp,
 			className: sectionClasses || void 0,
 			children

package/dist/client/rendering/islands.mjs

@@ -75,24 +75,24 @@ function isSafeHttpsUrl(value) {
 //#endregion
 //#region src/rendering/islands/hydrateBlocksIslands.ts
 const defaultEnhancerLoaders = {
-	accordion: () => import("../accordion-DAIBVpTS.mjs"),
-	headerSection: () => import("../headerSection-CBPFZoku.mjs"),
-	carousel: () => import("../carousel-D-SLfX8r.mjs"),
-	form: () => import("../form-CH1lCusH.mjs"),
-	"booking-form": () => import("../bookingForm-DZ-4l5_1.mjs"),
-	"event-registration": () => import("../eventRegistration-DJnR0yFH.mjs"),
-	"event-details": () => import("../eventDetails-DU0LeF5e.mjs"),
-	"location-map": () => import("../locationMap-Cx1hBg5n.mjs"),
-	"course-registration": () => import("../courseRegistration-DVmLrRVz.mjs"),
-	"event-listing": () => import("../eventListing-CcHF87BI.mjs"),
-	"event-calendar": () => import("../eventCalendar-DCuyPY_c.mjs"),
-	"event-combined": () => import("../eventCombined-kP2CA2D4.mjs"),
-	"product-list": () => import("../productList-Cc7OMrqN.mjs"),
-	"product-detail": () => import("../productDetail-BTh5gHBV.mjs"),
-	"cart": () => import("../cart-CEgbgJhX.mjs"),
-	"checkout": () => import("../checkout-CXWrCRAA.mjs"),
-	shop: () => import("../shop-CQ_YbCnn.mjs"),
-	"newsletter-form": () => import("../newsletterForm-1ZL_ti9u.mjs")
+	accordion: () => import("../accordion-BPy-AJ4_.mjs"),
+	headerSection: () => import("../headerSection-CYwwXJfh.mjs"),
+	carousel: () => import("../carousel-C2b7Cn9-.mjs"),
+	form: () => import("../form-LY2xIbwg.mjs"),
+	"booking-form": () => import("../bookingForm-BL4PGZds.mjs"),
+	"event-registration": () => import("../eventRegistration-BR02a0k3.mjs"),
+	"event-details": () => import("../eventDetails-M-VCxA-r.mjs"),
+	"location-map": () => import("../locationMap-DWnBXrFq.mjs"),
+	"course-registration": () => import("../courseRegistration-BqRZPmsq.mjs"),
+	"event-listing": () => import("../eventListing-DR19hqYi.mjs"),
+	"event-calendar": () => import("../eventCalendar-B8N_tSl5.mjs"),
+	"event-combined": () => import("../eventCombined-Gjn6gtq7.mjs"),
+	"product-list": () => import("../productList-PwYlZn0y.mjs"),
+	"product-detail": () => import("../productDetail-B0SbWd45.mjs"),
+	"cart": () => import("../cart-BQcbXIVD.mjs"),
+	"checkout": () => import("../checkout-DEmpGRJu.mjs"),
+	shop: () => import("../shop-CMwZPYME.mjs"),
+	"newsletter-form": () => import("../newsletterForm-D9s-fQ2P.mjs")
 };
 const DEFAULT_MAX_RETRIES = 2;
 const RETRY_DELAYS_MS = [250, 1e3];