@riverbankcms/sdk 0.101.0 → 0.103.0

package/dist/server/routing.mjs

@@ -4748,6 +4748,7 @@ var init_rawStyleFields = __esmMin((() => {
 		"_sectionStyles",
 		"_containerStyles",
 		"_cardStyles",
+		"_transitionStyles",
 		"styleGroup"
 	];
 	themeV2BlockSpecificRawStyleFieldNames = [
@@ -5485,6 +5486,8 @@ var init_schema$2 = __esmMin((() => {
 		navStyle: headerNavStyle,
 		navColor: themeColorTokenSchema.nullable().optional(),
 		navWeight: navFontWeight.default("medium"),
+		navTypography: z$1.enum(["body", "heading"]).optional(),
+		navTextSize: navLinkStyleSchema.shape.textSize,
 		container: headerContainerSchema,
 		border: headerBorderSchema,
 		shadow: componentShadowSchema.optional(),
@@ -7972,9 +7975,21 @@ var init_backgroundAppearance = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/site-styles/compositionBudget.ts
-var init_compositionBudget = __esmMin((() => {})), noneBoundaryOption, softBoundaryOption, spaciousBoundaryOption;
+var init_compositionBudget = __esmMin((() => {}));
+//#endregion
+//#region ../theme-core/src/site-styles/sectionTransitions.ts
+function boundaryRuntimeMetrics(family, size, heightExpression) {
+	return {
+		family,
+		size,
+		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
+		reserveCss: `calc((${heightExpression}) / 2)`
+	};
+}
+var noneBoundaryOption, softBoundaryOption, spaciousBoundaryOption;
 var init_sectionTransitions = __esmMin((() => {
 	init_types$8();
+	boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
 	noneBoundaryOption = {
 		id: asBoundaryOptionId("break:none"),
 		label: "None",
@@ -8494,7 +8509,7 @@ function asHeaderStyleId(value) {
 * optional nested styling fields that would otherwise leak from another Look.
 */
 function baseHeader(theme) {
-	const { navLinkStyle: _navLinkStyle, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
+	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;
 	return {
 		...header,
 		navContainer: {
@@ -8963,12 +8978,12 @@ var init_headerLooks = __esmMin((() => {
 		},
 		{
 			id: asHeaderStyleId("fine-line"),
-			label: "Fine Line",
-			description: "Light surface with a crisp lower rule and underline hover.",
+			label: "Seamless",
+			description: "Borderless surface with underline hover for a quieter page transition.",
 			supportedLayoutIds: supportedLayouts(["classic", "centered"]),
 			navInteraction: "underline-grow",
-			surface: "bordered",
-			defaultDepth: "line",
+			surface: "neutral",
+			defaultDepth: "none",
 			navTypography: "plain",
 			moods: [
 				"calm",
@@ -10628,6 +10643,7 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_personalities();
 	init_variants();
 	init_designState();
+	init_sectionTransitions();
 	defaultDesignRuntimeRules = defineDesignRuntimeRules({
 		sectionSurfaces: {
 			base: {},
@@ -12443,7 +12459,10 @@ var init_siteChromeBackgrounds = __esmMin((() => {
 	siteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceColorTokenNames);
 	quickSiteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceQuickColorTokenNames);
 	siteChromeBackgroundColorTokens.filter((token) => !quickSiteChromeBackgroundColorTokens.includes(token));
-})), themeTokenRecipeOptions;
+}));
+//#endregion
+//#region ../theme-core/src/site-styles/siteChromeNavPreferences.ts
+var init_siteChromeNavPreferences = __esmMin((() => {})), themeTokenRecipeOptions;
 var init_tokenRecipes = __esmMin((() => {
 	themeTokenRecipeOptions = {
 		palette: [
@@ -12528,6 +12547,7 @@ var init_site_styles = __esmMin((() => {
 	init_runtimeCompiler();
 	init_sectionTransitions();
 	init_siteChromeBackgrounds();
+	init_siteChromeNavPreferences();
 	init_siteStyleThemeCompiler();
 	init_siteStyleBlockPolicies();
 	init_sourceCatalogs();
@@ -12979,6 +12999,7 @@ function svgDataUrl(svg) {
 }
 var init_generateLayoutCss = __esmMin((() => {
 	init_breakpoints();
+	init_sectionTransitions();
 	svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>");
 	svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>");
 	svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>");
@@ -29684,6 +29705,7 @@ var init_event_listing = __esmMin((() => {
 				} },
 				seeAllUrl: { $bind: {
 					from: "content.seeAllUrl",
+					fallback: "",
 					transforms: [{ id: "links.resolve" }]
 				} },
 				loadMoreText: { $bind: {
@@ -30030,6 +30052,7 @@ var init_event_calendar = __esmMin((() => {
 				} },
 				seeAllUrl: { $bind: {
 					from: "content.seeAllUrl",
+					fallback: "",
 					transforms: [{ id: "links.resolve" }]
 				} },
 				loadMoreText: { $bind: {
@@ -38103,11 +38126,12 @@ var init_siteOnboarding = __esmMin((() => {
 //#region ../api/src/launchReadiness.ts
 var init_launchReadiness = __esmMin((() => {
 	init_siteOnboarding();
-})), SURFACE_IDS, DEFAULT_SURFACE_ID;
+})), SURFACE_IDS, DEFAULT_SURFACE_ID, NAMED_SURFACE_IDS;
 var init_src$1 = __esmMin((() => {
 	SURFACE_IDS = ["core", "macadamia"];
 	DEFAULT_SURFACE_ID = "core";
-	SURFACE_IDS.filter((surfaceId) => surfaceId !== DEFAULT_SURFACE_ID);
+	NAMED_SURFACE_IDS = SURFACE_IDS.filter((surfaceId) => surfaceId !== DEFAULT_SURFACE_ID);
+	[...NAMED_SURFACE_IDS];
 }));
 //#endregion
 //#region ../api/src/url.ts
@@ -38300,6 +38324,7 @@ var init_bookingVerticals = __esmMin((() => {
 		"training_provider",
 		"retreat_centre",
 		"music_school",
+		"voice_singing",
 		"performing_arts_school",
 		"community_wellbeing",
 		"venue_event_space"
@@ -38352,6 +38377,11 @@ var init_bookingVerticals = __esmMin((() => {
 		preset("music_school.terms", "music_school", "course", "Term", "Terms", "Multi-week term blocks or fixed-date group courses."),
 		preset("music_school.workshops", "music_school", "workshop", "Workshop", "Workshops", "One-off workshops, masterclasses, or intensives."),
 		preset("music_school.performances", "music_school", "performance", "Performance", "Performances", "Concerts, recitals, showcases, or ticketed performances."),
+		preset("voice_singing.lessons", "voice_singing", "appointment", "Voice session", "Voice sessions", "One-to-one singing lessons, voice coaching, or private practice sessions."),
+		preset("voice_singing.classes", "voice_singing", "class", "Ongoing weekly session", "Ongoing weekly sessions", "Regular choirs, voice circles, community singing, or group practice."),
+		preset("voice_singing.terms", "voice_singing", "course", "Singing term", "Singing terms", "Multi-week choir terms, voice courses, or fixed-date group programmes."),
+		preset("voice_singing.workshops", "voice_singing", "workshop", "Workshop", "Workshops", "One-off singing workshops, voice journeys, or devotional singing sessions."),
+		preset("voice_singing.performances", "voice_singing", "performance", "Performance", "Performances", "Choir concerts, sharing events, recitals, or community performances."),
 		preset("performing_arts_school.classes", "performing_arts_school", "class", "Class", "Classes", "Regular group classes, rehearsals, or weekly sessions."),
 		preset("performing_arts_school.terms", "performing_arts_school", "course", "Term", "Terms", "Multi-week term blocks or fixed-date course groups."),
 		preset("performing_arts_school.workshops", "performing_arts_school", "workshop", "Workshop", "Workshops", "One-off workshops, masterclasses, or intensives."),
@@ -39652,6 +39682,7 @@ async function loadPageWithDeps(deps, params) {
 	}
 	return {
 		page: pageOutline,
+		runtimeBoundaries: pageData.runtimeBoundaries,
 		theme: support.theme,
 		sdkConfig: support.sdkConfig,
 		siteId,

package/dist/server/server.mjs

@@ -6918,7 +6918,7 @@ const API_ENDPOINTS$1 = {
 //#region ../surfaces/src/index.ts
 const SURFACE_IDS = ["core", "macadamia"];
 const DEFAULT_SURFACE_ID = "core";
-SURFACE_IDS.filter((surfaceId) => surfaceId !== DEFAULT_SURFACE_ID);
+[...SURFACE_IDS.filter((surfaceId) => surfaceId !== DEFAULT_SURFACE_ID)];
 //#endregion
 //#region ../api/src/url.ts
 function looksLikeLocalAuthority(authority) {
@@ -7527,7 +7527,7 @@ var SimpleCache = class {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.101.0";
+const SDK_VERSION = "0.103.0";
 //#endregion
 //#region src/client/error.ts
 let _Symbol$for;
@@ -13737,6 +13737,7 @@ const themeV2RuntimeStyleFieldNames = [
 	"_sectionStyles",
 	"_containerStyles",
 	"_cardStyles",
+	"_transitionStyles",
 	"styleGroup"
 ];
 const themeV2BlockSpecificRawStyleFieldNames = [
@@ -14458,6 +14459,8 @@ const headerSchema = z$1.object({
 	navStyle: headerNavStyle,
 	navColor: themeColorTokenSchema.nullable().optional(),
 	navWeight: navFontWeight.default("medium"),
+	navTypography: z$1.enum(["body", "heading"]).optional(),
+	navTextSize: navLinkStyleSchema.shape.textSize,
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),
@@ -16836,6 +16839,15 @@ function uniqueStrings(values) {
 }
 //#endregion
 //#region ../theme-core/src/site-styles/sectionTransitions.ts
+function boundaryRuntimeMetrics(family, size, heightExpression) {
+	return {
+		family,
+		size,
+		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
+		reserveCss: `calc((${heightExpression}) / 2)`
+	};
+}
+boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
 const noneBoundaryOption = {
 	id: asBoundaryOptionId("break:none"),
 	label: "None",
@@ -17523,7 +17535,7 @@ const overlayLogoAccommodations = [
 * optional nested styling fields that would otherwise leak from another Look.
 */
 function baseHeader(theme) {
-	const { navLinkStyle: _navLinkStyle, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
+	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;
 	return {
 		...header,
 		navContainer: {
@@ -17596,12 +17608,12 @@ const headerStyleCatalog = defineExactCatalog()([
 	},
 	{
 		id: asHeaderStyleId("fine-line"),
-		label: "Fine Line",
-		description: "Light surface with a crisp lower rule and underline hover.",
+		label: "Seamless",
+		description: "Borderless surface with underline hover for a quieter page transition.",
 		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
 		navInteraction: "underline-grow",
-		surface: "bordered",
-		defaultDepth: "line",
+		surface: "neutral",
+		defaultDepth: "none",
 		navTypography: "plain",
 		moods: [
 			"calm",
@@ -35549,6 +35561,7 @@ const eventListingBlockDefinition = {
 					} },
 					seeAllUrl: { $bind: {
 						from: "content.seeAllUrl",
+						fallback: "",
 						transforms: [{ id: "links.resolve" }]
 					} },
 					loadMoreText: { $bind: {
@@ -35852,6 +35865,7 @@ const eventCalendarLayout = [styledSection({
 			} },
 			seeAllUrl: { $bind: {
 				from: "content.seeAllUrl",
+				fallback: "",
 				transforms: [{ id: "links.resolve" }]
 			} },
 			loadMoreText: { $bind: {
@@ -43346,6 +43360,7 @@ const VERTICAL_IDS = [
 	"training_provider",
 	"retreat_centre",
 	"music_school",
+	"voice_singing",
 	"performing_arts_school",
 	"community_wellbeing",
 	"venue_event_space"
@@ -43398,6 +43413,11 @@ const VERTICAL_BOOKING_PRESETS = [
 	preset("music_school.terms", "music_school", "course", "Term", "Terms", "Multi-week term blocks or fixed-date group courses."),
 	preset("music_school.workshops", "music_school", "workshop", "Workshop", "Workshops", "One-off workshops, masterclasses, or intensives."),
 	preset("music_school.performances", "music_school", "performance", "Performance", "Performances", "Concerts, recitals, showcases, or ticketed performances."),
+	preset("voice_singing.lessons", "voice_singing", "appointment", "Voice session", "Voice sessions", "One-to-one singing lessons, voice coaching, or private practice sessions."),
+	preset("voice_singing.classes", "voice_singing", "class", "Ongoing weekly session", "Ongoing weekly sessions", "Regular choirs, voice circles, community singing, or group practice."),
+	preset("voice_singing.terms", "voice_singing", "course", "Singing term", "Singing terms", "Multi-week choir terms, voice courses, or fixed-date group programmes."),
+	preset("voice_singing.workshops", "voice_singing", "workshop", "Workshop", "Workshops", "One-off singing workshops, voice journeys, or devotional singing sessions."),
+	preset("voice_singing.performances", "voice_singing", "performance", "Performance", "Performances", "Choir concerts, sharing events, recitals, or community performances."),
 	preset("performing_arts_school.classes", "performing_arts_school", "class", "Class", "Classes", "Regular group classes, rehearsals, or weekly sessions."),
 	preset("performing_arts_school.terms", "performing_arts_school", "course", "Term", "Terms", "Multi-week term blocks or fixed-date course groups."),
 	preset("performing_arts_school.workshops", "performing_arts_school", "workshop", "Workshop", "Workshops", "One-off workshops, masterclasses, or intensives."),
@@ -44456,6 +44476,7 @@ async function loadPageWithDeps(deps, params) {
 	}
 	return {
 		page: pageOutline,
+		runtimeBoundaries: pageData.runtimeBoundaries,
 		theme: support.theme,
 		sdkConfig: support.sdkConfig,
 		siteId,
@@ -45217,6 +45238,7 @@ async function loadContentFromContentResponseWithDeps(deps, params) {
 			ogImageId: pageRecord.ogImageId ?? null
 		},
 		page: pageOutline,
+		runtimeBoundaries: pageData.runtimeBoundaries,
 		theme: support.theme,
 		siteId,
 		...support.customBlocks ? { customBlocks: support.customBlocks } : {},

package/dist/server/theme-bridge.mjs

@@ -2839,6 +2839,9 @@ function asDesignBlockId(value) {
 function asAppearancePresetId(value) {
 	return brandNonEmptyString(value, "AppearancePresetId");
 }
+function asBoundaryOptionId(value) {
+	return brandNonEmptyString(value, "BoundaryOptionId");
+}
 function asSiteStyleId(value) {
 	const siteStyleId = brandNonEmptyString(value, "SiteStyleId");
 	if (!siteStyleId.startsWith("site-style:")) throw new Error(`SiteStyleId must start with "site-style:". Received: ${value}`);
@@ -3009,6 +3012,7 @@ const themeV2RuntimeStyleFieldNames = [
 	"_sectionStyles",
 	"_containerStyles",
 	"_cardStyles",
+	"_transitionStyles",
 	"styleGroup"
 ];
 const themeV2BlockSpecificRawStyleFieldNames = [
@@ -3608,6 +3612,8 @@ const headerSchema = z$1.object({
 	navStyle: headerNavStyle,
 	navColor: themeColorTokenSchema.nullable().optional(),
 	navWeight: navFontWeight.default("medium"),
+	navTypography: z$1.enum(["body", "heading"]).optional(),
+	navTextSize: navLinkStyleSchema.shape.textSize,
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),
@@ -5695,7 +5701,7 @@ const overlayLogoAccommodations = [
 * optional nested styling fields that would otherwise leak from another Look.
 */
 function baseHeader(theme) {
-	const { navLinkStyle: _navLinkStyle, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
+	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;
 	return {
 		...header,
 		navContainer: {
@@ -5768,12 +5774,12 @@ const headerStyleCatalog = defineExactCatalog()([
 	},
 	{
 		id: asHeaderStyleId("fine-line"),
-		label: "Fine Line",
-		description: "Light surface with a crisp lower rule and underline hover.",
+		label: "Seamless",
+		description: "Borderless surface with underline hover for a quieter page transition.",
 		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
 		navInteraction: "underline-grow",
-		surface: "bordered",
-		defaultDepth: "line",
+		surface: "neutral",
+		defaultDepth: "none",
 		navTypography: "plain",
 		moods: [
 			"calm",
@@ -7660,6 +7666,29 @@ z$1.object({
 	styleAuthorities: z$1.array(blockRuntimeStyleAuthoritySchema)
 }).strict();
 //#endregion
+//#region ../theme-core/src/site-styles/sectionTransitions.ts
+function boundaryRuntimeMetrics(family, size, heightExpression) {
+	return {
+		family,
+		size,
+		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
+		reserveCss: `calc((${heightExpression}) / 2)`
+	};
+}
+boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
+asBoundaryOptionId("break:none");
+asBoundaryOptionId("break:soft");
+asBoundaryOptionId("break:spacious");
+asBoundaryOptionId("break:expansive");
+asBoundaryOptionId("break:wave");
+asBoundaryOptionId("break:wave-balanced");
+asBoundaryOptionId("break:wave-gentle");
+asBoundaryOptionId("break:wave-bold");
+asBoundaryOptionId("break:wave-drift");
+asBoundaryOptionId("break:angle-subtle");
+asBoundaryOptionId("break:angle-balanced");
+asBoundaryOptionId("break:angle-steep");
+//#endregion
 //#region ../theme-core/src/site-styles/runtimeCompiler.ts
 function defineDesignRuntimeRules(rules) {
 	return rules;
@@ -11708,52 +11737,53 @@ const containerResponsiveThemeCss = `/*
 
   /* Semantic spacing tokens (replaces Tailwind maps in src/system/spacing.ts) */
   .rb-section-pad-none {
-    padding-top: 0;
-    padding-bottom: 0;
+    --rb-section-pad-y: 0rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-compact {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+    --rb-section-pad-y: 1.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-cozy {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+    --rb-section-pad-y: 2.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-medium {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    --rb-section-pad-y: 3rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-comfortable {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+    --rb-section-pad-y: 4rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-spacious {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+    --rb-section-pad-y: 5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
 
   @container rb-site (min-width: 640px) {
 
     @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
       .rb-section-pad-compact {
-        padding-top: 2rem;
-        padding-bottom: 2rem;
+        --rb-section-pad-y: 2rem;
       }
       .rb-section-pad-cozy {
-        padding-top: 3.5rem;
-        padding-bottom: 3.5rem;
+        --rb-section-pad-y: 3.5rem;
       }
       .rb-section-pad-medium {
-        padding-top: 4rem;
-        padding-bottom: 4rem;
+        --rb-section-pad-y: 4rem;
       }
       .rb-section-pad-comfortable {
-        padding-top: 5rem;
-        padding-bottom: 5rem;
+        --rb-section-pad-y: 5rem;
       }
       .rb-section-pad-spacious {
-        padding-top: 7rem;
-        padding-bottom: 7rem;
+        --rb-section-pad-y: 7rem;
       }
     }
 
@@ -13143,30 +13173,122 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
     line-height: 1.75rem;
+    margin-inline: -0.18em;
+    padding-inline: 0.18em;
     transition: font-size 300ms var(--motion-ease, ease);
   }
 
-  /* Mobile: reduce site title size (~30%) to keep header compact */
+  /* Centered variant uses larger title */
+  :where(.theme-scope) .header-variant-centered .header-logo-text {
+    font-size: 1.25rem; /* matches rb-text-xl */
+    line-height: 1.75rem;
+  }
+
+  :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+    font-size: 0.95rem;
+    line-height: 1.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+    font-size: 1.35rem;
+    line-height: 1.9rem;
+  }
+  :where(.theme-scope) .header-logo-size-display .header-logo-text {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+  }
+
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-compact
+    .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-standard
+    .header-logo-text {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-generous
+    .header-logo-text {
+    font-size: 1.6rem;
+    line-height: 2rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-display
+    .header-logo-text {
+    font-size: 2.1rem;
+    line-height: 2.5rem;
+  }
+
+  /* Mobile: reduce site title size to keep header compact */
   @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) .header-logo-text {
+:where(.theme-scope) .header-logo-text,
+    :where(.theme-scope) .header-logo-size-standard .header-logo-text {
       font-size: 0.8rem;
       line-height: 1.25rem;
     }
 
-    :where(.theme-scope) .header-variant-centered .header-logo-text {
+    :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+      font-size: 0.75rem;
+      line-height: 1.15rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+      font-size: 1rem;
+      line-height: 1.4rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display .header-logo-text {
+      font-size: 1.25rem;
+      line-height: 1.65rem;
+    }
+
+    :where(.theme-scope) .header-variant-centered .header-logo-text,
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-standard
+      .header-logo-text {
       font-size: 0.875rem;
       line-height: 1.25rem;
     }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-compact
+      .header-logo-text {
+      font-size: 0.8rem;
+      line-height: 1.2rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-generous
+      .header-logo-text {
+      font-size: 1.125rem;
+      line-height: 1.5rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-display
+      .header-logo-text {
+      font-size: 1.35rem;
+      line-height: 1.75rem;
+    }
 }
 }
 
-  /* Centered variant uses larger title */
-  :where(.theme-scope) .header-variant-centered .header-logo-text {
-    font-size: 1.25rem; /* matches rb-text-xl */
-    line-height: 1.75rem;
-  }
-
   /* =================================================================
    Shrink on Scroll - Logo & Title
    ================================================================= */

package/dist/server/theme.mjs

@@ -2657,6 +2657,7 @@ const themeV2RuntimeStyleFieldNames = [
 	"_sectionStyles",
 	"_containerStyles",
 	"_cardStyles",
+	"_transitionStyles",
 	"styleGroup"
 ];
 const themeV2BlockSpecificRawStyleFieldNames = [
@@ -3222,6 +3223,8 @@ const headerSchema = z$1.object({
 	navStyle: headerNavStyle,
 	navColor: themeColorTokenSchema.nullable().optional(),
 	navWeight: navFontWeight.default("medium"),
+	navTypography: z$1.enum(["body", "heading"]).optional(),
+	navTextSize: navLinkStyleSchema.shape.textSize,
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),