@riverbankcms/sdk 0.102.0 → 0.103.0

package/dist/client/hooks.mjs

@@ -4982,6 +4982,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(),
@@ -7360,6 +7362,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",
@@ -8047,7 +8058,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: {
@@ -34842,6 +34853,7 @@ function usePage(params) {
 					loading: false,
 					error: null,
 					page: pageOutline,
+					runtimeBoundaries: pageData.runtimeBoundaries,
 					theme: site.theme,
 					siteId,
 					resolvedData,

package/dist/client/rendering/client.mjs

@@ -18710,6 +18710,8 @@ var init_schema$1 = __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(),
@@ -20264,9 +20266,22 @@ var init_backgroundAppearance = __esmMin((() => {
 }));
 var init_compositionBudget = __esmMin((() => {
 	init_types$12();
-})), init_schemaVersionedJson = __esmMin((() => {})), noneBoundaryOption, softBoundaryOption, spaciousBoundaryOption;
+}));
+var init_schemaVersionedJson = __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$12();
+	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",
@@ -20784,7 +20799,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: {
@@ -22921,6 +22936,7 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_designState();
 	init_types$12();
 	init_accessibleSurfaces();
+	init_sectionTransitions();
 	defaultDesignRuntimeRules = defineDesignRuntimeRules({
 		sectionSurfaces: {
 			base: {},
@@ -24715,13 +24731,15 @@ function toSiteChromeBackgroundColorTokens(tokenNames) {
 		return token ? [token] : [];
 	});
 }
-var siteChromeBackgroundColorTokens, quickSiteChromeBackgroundColorTokens, init_siteChromeBackgrounds = __esmMin((() => {
+var siteChromeBackgroundColorTokens, quickSiteChromeBackgroundColorTokens;
+var init_siteChromeBackgrounds = __esmMin((() => {
 	init_backgroundAppearance();
 	init_rawStyleFields();
 	siteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceColorTokenNames);
 	quickSiteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceQuickColorTokenNames);
 	siteChromeBackgroundColorTokens.filter((token) => !quickSiteChromeBackgroundColorTokens.includes(token));
-})), themeTokenRecipeOptions;
+}));
+var init_siteChromeNavPreferences = __esmMin((() => {})), themeTokenRecipeOptions;
 var init_tokenRecipes = __esmMin((() => {
 	themeTokenRecipeOptions = {
 		palette: [
@@ -24806,6 +24824,7 @@ var init_site_styles = __esmMin((() => {
 	init_runtimeCompiler();
 	init_sectionTransitions();
 	init_siteChromeBackgrounds();
+	init_siteChromeNavPreferences();
 	init_siteStyleThemeCompiler();
 	init_siteStyleBlockPolicies();
 	init_sourceCatalogs();
@@ -112740,6 +112759,7 @@ init_generateEffectsCSS();
 //#endregion
 //#region ../theme-core/src/header/generateHeaderCss.ts
 init_resolver$1();
+init_siteChromeNavPreferences();
 init_shared$2();
 init_breakpoints();
 init_navDropdownSizing();
@@ -112749,6 +112769,7 @@ init_resolver$1();
 //#endregion
 //#region ../theme-core/src/layout/generateLayoutCss.ts
 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>");