@riverbankcms/sdk 0.107.0 → 0.108.0

package/dist/client/{locationMap-Cx1hBg5n.mjs → locationMap-DWnBXrFq.mjs}

@@ -1,7 +1,7 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-oR-M-ISN.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
 import { a as textColorStyle, n as borderColorStyle, r as mergeStyles, t as backgroundColorStyle } from "./colorStyles-jZS6KfkP.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as LeafletStaticMap } from "./LeafletStaticMap-DPAU3SFt.mjs";
+import { t as LeafletStaticMap } from "./LeafletStaticMap-BhwFo16w.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../core/src/location.ts

package/dist/client/{newsletterForm-1ZL_ti9u.mjs → newsletterForm-D9s-fQ2P.mjs}

@@ -1,9 +1,9 @@
 "use client";
 import { t as clsx } from "./clsx-DgIEfj3H.mjs";
-import { _t as assertNever, t as defineIslandPropsDecoder } from "./propsDecoder-oR-M-ISN.mjs";
+import { _t as assertNever, t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
 import { n as useBlockApi, t as BlockApiProvider } from "./context-BGZNlGXB.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { t as themeButtonClassName } from "./buttons-DJgynGHQ.mjs";
+import { t as themeButtonClassName } from "./buttons-EBjyslaX.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-ByMrs3cr.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";

package/dist/client/{pricing-BIbzmV0G.mjs → pricing-DDq80oYc.mjs}

@@ -1,4 +1,4 @@
-import { It as formatBookingPriceDisplay } from "./propsDecoder-oR-M-ISN.mjs";
+import { It as formatBookingPriceDisplay } from "./propsDecoder-BRWBiH7i.mjs";
 //#region ../core/src/planner.ts
 /** Default clock for production callers that do not inject time explicitly. */
 const systemPlanningClock = { now: () => Date.now() };

package/dist/client/{productDetail-BTh5gHBV.mjs → productDetail-B0SbWd45.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-oR-M-ISN.mjs";
-import { r as ProductDetailController } from "./shop-commerce-BM-AoD3M.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-D0SKO2Cu.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
+import { r as ProductDetailController } from "./shop-commerce-BuxsFate.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-D2naaOes.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/product-detail.client.tsx

package/dist/client/{productList-Cc7OMrqN.mjs → productList-PwYlZn0y.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-oR-M-ISN.mjs";
-import { i as ProductListController } from "./shop-commerce-BM-AoD3M.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-D0SKO2Cu.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
+import { i as ProductListController } from "./shop-commerce-BuxsFate.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-D2naaOes.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/product-list.client.tsx

package/dist/client/{propsDecoder-oR-M-ISN.mjs → propsDecoder-BRWBiH7i.mjs}

@@ -3540,6 +3540,7 @@ function devValidate(node) {
 }
 //#endregion
 //#region ../blocks/src/system/node/fragments/backgroundLayer.ts
+const 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";
 /**
 * Creates background layer nodes for rendering backgrounds from field data.
 *
@@ -3605,6 +3606,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:
@@ -3694,7 +3723,7 @@ const DEFAULT_SECTION_SPACING = "medium";
 * - 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.
@@ -3730,8 +3759,8 @@ const DEFAULT_SECTION_SPACING = "medium";
 * });
 */
 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,
@@ -3754,13 +3783,8 @@ function styledSection(config) {
 					fullWidthPath
 				}
 			}]
-		} },
-		allowOverflow: allowOverflow ? true : { $bind: {
-			from: `${bindFrom}.background`,
-			transforms: [{ id: "background.resolveAllowOverflow" }],
-			fallback: false
 		} }
-	}, [...renderedBackgroundNodes, ...childrenArray]);
+	}, [renderedBackgroundNode, ...childrenArray]);
 }
 //#endregion
 //#region ../blocks/src/system/node/fragments/sectionContainer.ts