@riverbankcms/sdk 0.130.2 → 0.134.0

package/dist/client/{scrollToBlock-DZ73aEX6.mjs → scrollToBlock-lPr1oqxB.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { i as getAutoAppliedDiscountPreview, n as discountAvailabilityAllowsManualEntry, r as discountAvailabilityHasDiscounts } from "./DiscountCodeDisclosure-BPZ-yfGI.mjs";
+import { i as getAutoAppliedDiscountPreview, n as discountAvailabilityAllowsManualEntry, r as discountAvailabilityHasDiscounts } from "./DiscountCodeDisclosure-CfuPOHD0.mjs";
 import { useEffect, useReducer, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/shared/components/CheckIcon.tsx

package/dist/client/{shop-CQRai7hj.mjs → shop-DXQtMo2O.mjs}

@@ -1,14 +1,14 @@
 "use client";
-import { Wt as assertNever$1, Z as themeButtonClassName, o as formatCommercePrice, s as formatInterval, t as defineIslandPropsDecoder, vt as assertNever } from "./propsDecoder-CBPGXEYX.mjs";
-import { n as useBlockApi } from "./context-B83PiNzm.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-DZ73aEX6.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-BPZ-yfGI.mjs";
+import { $ as themeButtonClassName, Et as assertNever, Qt as assertNever$1, o as formatCommercePrice, s as formatInterval, t as defineIslandPropsDecoder } from "./propsDecoder-CeUMxI9a.mjs";
+import { n as useBlockApi } from "./context-TSK1CGx8.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-lPr1oqxB.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CfuPOHD0.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { n as consumeSearchParams } from "./urlParams-D71VXFGx.mjs";
 import { t as CrossIcon } from "./CrossIcon-Dn1KRKW5.mjs";
-import { _ as MembershipCardView, a as getDiscountApplyFeedback, b as PassesMembershipsSectionView, d as planDirectShopCheckoutRequest, i as getAppliedDiscountCode, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, t as mountShopBlockIsland, v as PassCardView, y as PassPurchaseUnavailable } from "./shopShared-DP8DXTkF.mjs";
-import { t as addPassToCommerceCart } from "./shop-commerce-store-DiD5a32e.mjs";
+import { _ as MembershipCardView, a as getDiscountApplyFeedback, b as PassesMembershipsSectionView, d as planDirectShopCheckoutRequest, i as getAppliedDiscountCode, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, t as mountShopBlockIsland, v as PassCardView, y as PassPurchaseUnavailable } from "./shopShared-BWPUURvG.mjs";
+import { t as addPassToCommerceCart } from "./shop-commerce-store-Dnu-8Iub.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/client/{shop-commerce-hP9UboOx.mjs → shop-commerce-quDL411J.mjs}

@@ -1,174 +1,17 @@
 "use client";
-import { Ct as reportWorkflowError, J as RichTextDocSchema, Z as themeButtonClassName, a as buildProductDetailDisplay, d as deriveCommerceCheckoutState, i as buildProductCardDisplay, n as getShopDisplayForItems, nt as logger, o as formatCommercePrice, p as productItemKey, u as buildProductCartItem, vt as assertNever, yt as clearWorkflowFeedback } from "./propsDecoder-CBPGXEYX.mjs";
-import { a as getCurrentResolveImageUrlContext, c as resolveImageUrlWithContext, t as ImagePresets } from "./media-BOHuueS5.mjs";
-import { n as useBlockApi } from "./context-B83PiNzm.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-BPZ-yfGI.mjs";
+import { $ as themeButtonClassName, Dt as clearWorkflowFeedback, Et as assertNever, a as buildProductDetailDisplay, at as logger, d as deriveCommerceCheckoutState, i as buildProductCardDisplay, jt as reportWorkflowError, n as getShopDisplayForItems, o as formatCommercePrice, p as productItemKey, u as buildProductCartItem, wt as RichTextDocSchema } from "./propsDecoder-CeUMxI9a.mjs";
+import { n as useBlockApi } from "./context-TSK1CGx8.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CfuPOHD0.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
-import { t as buildCheckoutReturnUrls } from "./checkoutUrls-Ct8Mxna3.mjs";
+import { n as RichText, t as buildCheckoutReturnUrls } from "./checkoutUrls-DQYC_Br-.mjs";
 import { t as consumeSearchParam } from "./urlParams-D71VXFGx.mjs";
 import { t as CarouselNodeClient } from "./carousel.client-59G_WMr4.mjs";
 import { t as resolveDedicatedCheckoutPath } from "./checkoutRoute-ClwHwYVA.mjs";
-import { C as ProductGalleryFrameView, S as ProductDetailView, T as VariantSelectView, a as getDiscountApplyFeedback, c as aggregateCartDiscountUiState, f as planUnifiedCheckoutRequest, g as CheckoutShellView, h as CartShellView, i as getAppliedDiscountCode, l as checkoutFormForDiscountUiState, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, u as planCartDiscountAvailabilityRequests, w as ProductListSectionView, x as ProductCardView } from "./shopShared-DP8DXTkF.mjs";
-import { n as useCommerceCart } from "./shop-commerce-store-DiD5a32e.mjs";
+import { C as ProductGalleryFrameView, S as ProductDetailView, T as VariantSelectView, a as getDiscountApplyFeedback, c as aggregateCartDiscountUiState, f as planUnifiedCheckoutRequest, g as CheckoutShellView, h as CartShellView, i as getAppliedDiscountCode, l as checkoutFormForDiscountUiState, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, u as planCartDiscountAvailabilityRequests, w as ProductListSectionView, x as ProductCardView } from "./shopShared-BWPUURvG.mjs";
+import { n as useCommerceCart } from "./shop-commerce-store-Dnu-8Iub.mjs";
 import * as React$1 from "react";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region ../blocks/src/primitives/content/utils/sanitizeHref.ts
-const SAFE_PROTOCOLS = /* @__PURE__ */ new Set([
-	"http:",
-	"https:",
-	"mailto:",
-	"tel:"
-]);
-const CONTROL_CHARS_PATTERN = /[\u0000-\u001F\u007F]+/g;
-function normalizeInput(value) {
-	return value.replace(CONTROL_CHARS_PATTERN, "").trim();
-}
-function decodeForSchemeCheck(value) {
-	try {
-		return decodeURIComponent(value);
-	} catch {
-		return value;
-	}
-}
-/**
-* Returns a safe href for rich-text anchors, or null when the value should not be rendered.
-*
-* Policy:
-* - Allow absolute URLs with protocols: http, https, mailto, tel.
-* - Allow root-relative ("/path") and hash-only ("#section") links.
-* - Reject protocol-relative URLs ("//example.com"), bare domains ("example.com"),
-*   executable schemes (javascript/data/vbscript), malformed URLs, and empty values.
-* - Preserve percent-encoding from the original normalized input.
-*/
-function sanitizeHref(raw) {
-	if (typeof raw !== "string") return null;
-	const normalized = normalizeInput(raw);
-	if (!normalized) return null;
-	if (normalized.startsWith("//")) return null;
-	if (normalized.startsWith("/")) return normalized;
-	if (normalized.startsWith("#")) return normalized;
-	const schemeMatch = normalizeInput(decodeForSchemeCheck(normalized)).match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
-	if (!schemeMatch) return null;
-	const rawScheme = schemeMatch[1];
-	if (!rawScheme) return null;
-	const protocol = `${rawScheme.toLowerCase()}:`;
-	if (!SAFE_PROTOCOLS.has(protocol)) return null;
-	try {
-		const parsed = new URL(normalized);
-		if (!SAFE_PROTOCOLS.has(parsed.protocol.toLowerCase())) return null;
-	} catch {
-		return null;
-	}
-	return normalized;
-}
-//#endregion
-//#region ../blocks/src/primitives/content/components/RichText.tsx
-function parseDimension(value) {
-	if (typeof value === "number" && Number.isFinite(value) && value > 0) return Math.round(value);
-	if (typeof value === "string" && value.trim().length > 0) {
-		const parsed = Number(value);
-		if (Number.isFinite(parsed) && parsed > 0) return Math.round(parsed);
-	}
-}
-function normalizeRel(target, rel) {
-	const normalizedRel = rel?.trim();
-	if (target !== "_blank") return normalizedRel && normalizedRel.length > 0 ? normalizedRel : void 0;
-	const tokens = new Set((normalizedRel ?? "").split(/\s+/).map((token) => token.trim().toLowerCase()).filter(Boolean));
-	tokens.add("noopener");
-	tokens.add("noreferrer");
-	return Array.from(tokens).join(" ");
-}
-function renderMarks(text, marks, key) {
-	if (!marks || marks.length === 0) return text;
-	return marks.reduce((acc, mark) => {
-		switch (mark.type) {
-			case "bold":
-			case "strong": return /* @__PURE__ */ jsx("strong", { children: acc }, `${key}-b`);
-			case "italic":
-			case "em": return /* @__PURE__ */ jsx("em", { children: acc }, `${key}-i`);
-			case "link": {
-				if (typeof acc === "string" && acc.length === 0) return acc;
-				const attrs = mark.attrs ?? {};
-				const href = sanitizeHref(attrs.href);
-				if (!href) return acc;
-				const target = typeof attrs.target === "string" && attrs.target.trim().length > 0 ? attrs.target.trim() : void 0;
-				return /* @__PURE__ */ jsx("a", {
-					href,
-					target,
-					rel: normalizeRel(target, typeof attrs.rel === "string" ? attrs.rel : void 0),
-					children: acc
-				}, `${key}-l`);
-			}
-			default: return acc;
-		}
-	}, text);
-}
-function renderDoc(node, key, imageResolveContext) {
-	if (!node || !node.type) return null;
-	const children = node.content?.map((child, index) => renderDoc(child, `${key}-${index}`, imageResolveContext));
-	switch (node.type) {
-		case "doc": return /* @__PURE__ */ jsx(Fragment, { children });
-		case "paragraph":
-			if (!children && !node.text) return /* @__PURE__ */ jsx("p", {}, key);
-			return /* @__PURE__ */ jsx("p", { children: children ?? renderMarks(node.text ?? "", node.marks, key) }, key);
-		case "heading": {
-			const headingTag = `h${Math.min(Math.max(node.attrs?.level ?? 2, 1), 6)}`;
-			return React.createElement(headingTag, { key }, children);
-		}
-		case "bulletList": return /* @__PURE__ */ jsx("ul", { children }, key);
-		case "orderedList": return /* @__PURE__ */ jsx("ol", { children }, key);
-		case "listItem": return /* @__PURE__ */ jsx("li", { children }, key);
-		case "blockquote": return /* @__PURE__ */ jsx("blockquote", { children }, key);
-		case "horizontalRule": return /* @__PURE__ */ jsx("hr", {}, key);
-		case "hardBreak": return /* @__PURE__ */ jsx("br", {}, key);
-		case "image": {
-			const attrs = node.attrs ?? {};
-			const src = typeof attrs.src === "string" ? attrs.src.trim() : "";
-			const identifier = typeof attrs.identifier === "string" ? attrs.identifier.trim() : "";
-			const alt = typeof attrs.alt === "string" ? attrs.alt : "";
-			const title = typeof attrs.title === "string" && attrs.title.trim().length > 0 ? attrs.title : void 0;
-			const width = parseDimension(attrs.width);
-			const height = parseDimension(attrs.height);
-			const resolvedSrc = src || (identifier ? resolveImageUrlWithContext({
-				type: "image",
-				identifier
-			}, width ? {
-				width,
-				resize: "contain",
-				quality: 85
-			} : height ? {
-				height,
-				resize: "contain",
-				quality: 85
-			} : ImagePresets.full, imageResolveContext ?? void 0) ?? "" : "");
-			if (!resolvedSrc) return null;
-			return /* @__PURE__ */ jsx("img", {
-				src: resolvedSrc,
-				alt,
-				title,
-				width,
-				height,
-				loading: "lazy",
-				decoding: "async"
-			}, key);
-		}
-		case "text": return renderMarks(node.text ?? "", node.marks, key);
-		default: return null;
-	}
-}
-const DEFAULT_RICH_TEXT_CLASS = "rb-prose rb-max-w-none";
-function RichText({ as: Comp = "div", className, doc, path }) {
-	const imageResolveContext = getCurrentResolveImageUrlContext() ?? null;
-	const content = doc ? renderDoc(doc, "doc", imageResolveContext) : null;
-	const dataAttributes = path ? { "data-builder-richtext": path } : void 0;
-	return /* @__PURE__ */ jsx(Comp, {
-		className: className?.trim() || DEFAULT_RICH_TEXT_CLASS,
-		...dataAttributes,
-		children: content
-	});
-}
-//#endregion
 //#region ../blocks/src/system/runtime/nodes/richText-coerce.ts
 function parseRichTextDoc(value) {
 	const parsed = RichTextDocSchema.safeParse(value);

package/dist/client/{shop-commerce-store-DiD5a32e.mjs → shop-commerce-store-Dnu-8Iub.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { c as EMPTY_COMMERCE_CART_STATE, f as parseStoredCommerceCartState, l as buildPassCartItem, m as reduceCommerceCart } from "./propsDecoder-CBPGXEYX.mjs";
+import { c as EMPTY_COMMERCE_CART_STATE, f as parseStoredCommerceCartState, l as buildPassCartItem, m as reduceCommerceCart } from "./propsDecoder-CeUMxI9a.mjs";
 import * as React$1 from "react";
 //#region ../blocks/src/system/runtime/nodes/shop-commerce-store.ts
 const EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;

package/dist/client/{shopShared-DP8DXTkF.mjs → shopShared-BWPUURvG.mjs}

@@ -1,8 +1,8 @@
 "use client";
 import { E as ok, T as err } from "./colorStyles-CrxJrPjJ.mjs";
-import { vt as assertNever } from "./propsDecoder-CBPGXEYX.mjs";
-import { t as BlockApiProvider } from "./context-B83PiNzm.mjs";
-import { i as getAutoAppliedDiscountPreview, n as discountAvailabilityAllowsManualEntry, r as discountAvailabilityHasDiscounts } from "./DiscountCodeDisclosure-BPZ-yfGI.mjs";
+import { Et as assertNever } from "./propsDecoder-CeUMxI9a.mjs";
+import { t as BlockApiProvider } from "./context-TSK1CGx8.mjs";
+import { i as getAutoAppliedDiscountPreview, n as discountAvailabilityAllowsManualEntry, r as discountAvailabilityHasDiscounts } from "./DiscountCodeDisclosure-CfuPOHD0.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";

package/dist/client/{useEventFilters-pF_OJNQP.mjs → useEventFilters-DRhWp2_5.mjs}

@@ -1,9 +1,9 @@
 "use client";
 import { d as hexToRgb, u as relativeLuminance } from "./colorStyles-CrxJrPjJ.mjs";
-import { $ as resolveOnColorForThemeToken, A as normalizeOptionalId, D as getEventRuntimeFiltersKey, I as formatEventTeacherLine, L as formatTime, M as formatEventCompactDateRail, O as normalizeCsvIds, P as formatEventPrice, Q as isCssColorLiteral, V as resolveEventCta, W as getEventAvailability, Z as themeButtonClassName, et as resolveTokenOrCssColorValue, j as formatDate, k as normalizeCsvString, tt as normalizeCardVariantRole, vt as assertNever } from "./propsDecoder-CBPGXEYX.mjs";
+import { $ as themeButtonClassName, B as formatEventTeacherLine, D as SEMANTIC_SPACING_VALUES, Et as assertNever, F as formatDate, G as resolveEventCta, I as formatEventCompactDateRail, J as getEventAvailability, M as normalizeCsvIds, N as normalizeCsvString, O as isSemanticSpacing, P as normalizeOptionalId, R as formatEventPrice, V as formatTime, et as boxBackgroundSchema, it as normalizeCardRole, j as getEventRuntimeFiltersKey, k as resolveSpacing, nt as resolveOnColorForThemeToken, rt as resolveTokenOrCssColorValue, tt as isCssColorLiteral } from "./propsDecoder-CeUMxI9a.mjs";
 import { a as getCurrentResolveImageUrlContext, i as computeMediaTransformStyle, l as resolveMediaNodeResponsiveImage, n as MediaPlaceholder, o as renderAudio, s as renderVideo, t as ImagePresets } from "./media-BOHuueS5.mjs";
-import { n as useBlockApi } from "./context-B83PiNzm.mjs";
-import { t as LeafletStaticMap } from "./LeafletStaticMap--2c61XYn.mjs";
+import { n as useBlockApi } from "./context-TSK1CGx8.mjs";
+import { t as LeafletStaticMap } from "./LeafletStaticMap-QhgIBQbv.mjs";
 import { useCallback, useEffect, useId, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../theme-core/src/palette/utils/textColor.ts
@@ -164,6 +164,195 @@ const EventFilters = ({ categories, venues, staffMembers, selectedCategoryId, se
 	});
 };
 //#endregion
+//#region ../blocks/src/system/transforms/registry/core.ts
+/**
+* Safely narrows unknown values to partial object shapes used by transforms.
+* Arrays are intentionally excluded.
+*/
+function asPartialObject(value) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return;
+	return value;
+}
+//#endregion
+//#region ../blocks/src/system/fields/backgroundContent.ts
+function parseBackgroundContent(value) {
+	const result = boxBackgroundSchema.safeParse(value);
+	return result.success ? result.data : null;
+}
+//#endregion
+//#region ../blocks/src/system/transforms/registry/_utils/boxStyleClassNames.ts
+/**
+* @file The one place box-style content becomes CSS classes.
+*
+* `boxStyles.all` runs this for the binding pipeline, and the React nodes that
+* render a card outside that pipeline (offerings-preview) call it directly, so
+* there is a single card-class emission path rather than copies that drift.
+*/
+/** The elevation class an elevated box gets when the theme defines a shadow. */
+const RAISED_SHADOW_CLASS = "rb-shadow-md";
+/** Radius values to their `rb-*` classes (defined in `rb-utilities.css`). */
+const ROUNDED_CLASSES = {
+	sm: "rb-rounded-sm",
+	md: "rb-rounded-md",
+	lg: "rb-rounded-lg",
+	xl: "rb-rounded-xl",
+	"2xl": "rb-rounded-2xl",
+	full: "rb-rounded-full"
+};
+function hasFixedFrameBackgroundMotion(value) {
+	const background = parseBackgroundContent(asPartialObject(value)?.background);
+	return (background?.type === "image" || background?.type === "video") && background.motion === "fixed-frame";
+}
+/**
+* The stable per-theme class for a card role. Generated card CSS emits these
+* aliases alongside each `.card-{id}` rule, so content addresses "this site
+* style's open card" without knowing which variant implements it.
+*/
+function cardRoleClass(role) {
+	return `card-role-${role}`;
+}
+/**
+* The role class for a card slot the *block* owns structurally, where a Look
+* may still name the surface.
+*
+* Some layouts have more than one card slot and decide themselves which one is
+* the statement — the featured-editorial testimonials field is a lead voice
+* beside its supporting voices, and that is structure, not composition. Those
+* slots still have to honour a Look that picks a surface, or a role-picking
+* Look would silently no-op under the layout. So the slot carries a default
+* role and the Look's compiled role wins over it when there is one.
+*
+* An explicit `none` is honoured as boxlessness and emits no class, matching
+* how the composite emitter reads it.
+*/
+/**
+* The role a card renders with, and the one place a set of card styles becomes
+* a role.
+*
+* Precedence: a per-item override, then the `role` a Look or semantic field
+* compiled onto the block's card styles. Persisted inputs are normalized at
+* this boundary because raw block records do not pass through the theme schema.
+*/
+function resolveCardRoleForBoxStyles(input, override) {
+	return override ?? normalizeCardRole(input.role);
+}
+/**
+* The card surface for a set of box styles: one role, one class vocabulary, so
+* a site-style swap re-skins the card whichever field named it.
+*/
+function cardSurface(input, override, fallback) {
+	const role = resolveCardRoleForBoxStyles(input, override) ?? fallback ?? null;
+	if (!role) return {
+		role: null,
+		classes: []
+	};
+	return {
+		role,
+		classes: role === "none" ? [] : [cardRoleClass(role)]
+	};
+}
+const BOX_BORDER_WIDTHS = [
+	"none",
+	"1",
+	"2",
+	"3"
+];
+function parseBoxBorderWidth(value) {
+	return BOX_BORDER_WIDTHS.find((width) => width === value);
+}
+/**
+* A box's border record with `{ width: 'none' }`-without-`enabled` resolved.
+*
+* That shape used to mean two different things to two different readers: the
+* old private offerings emitter read it as border-off, while the shared
+* emitter read it as "no opinion" and left the caller's base `rb-border` in
+* place. Same persisted bytes, opposite answers. A width of `none` says there
+* is no border, so it is read as `enabled: false` here — once, at the one
+* place box-style content is interpreted — and every reader downstream now
+* agrees.
+*
+* Nothing persisted carries the shape (the #1297 usage audit found zero rows;
+* the authoring UI cannot produce it, since the width control is gated on
+* `enabled === true`), so this is boundary hygiene rather than a migration.
+*/
+function normalizeBoxStylesBorder(value) {
+	const border = asPartialObject(value);
+	if (!border) return null;
+	const width = parseBoxBorderWidth(border.width);
+	return {
+		enabled: border.enabled === true ? true : border.enabled === false || width === "none" ? false : null,
+		width,
+		colorToken: typeof border.colorToken === "string" && border.colorToken.trim() ? border.colorToken.trim() : void 0
+	};
+}
+/** The border class a box's own border override asks for, if it has one. */
+function borderOverrideClass(input) {
+	const border = normalizeBoxStylesBorder(input.border);
+	if (!border) return null;
+	if (border.enabled === false) return "rb-border-0";
+	if (border.enabled !== true) return null;
+	switch (border.width) {
+		case "2": return "rb-border-2";
+		case "3": return "rb-border-3";
+		case "none": return "rb-border-0";
+		case "1":
+		case void 0: return "rb-border";
+	}
+}
+/** The base class with any border utilities stripped, so an override can win. */
+function withoutBorderClasses(baseClass) {
+	return baseClass.split(/\s+/).filter((token) => token && !/^rb-border(?:-(?:0|2|3))?$/.test(token)).join(" ");
+}
+/**
+* The padding class a box's spacing asks for, if it names a known value.
+*
+* An unknown value is dropped rather than guessed, and says so in development —
+* persisted content is the untrusted input here, and a silently missing padding
+* is much harder to trace back than a warning.
+*/
+function boxSpacingClass(input, axis) {
+	const spacing = typeof input.spacing === "string" ? input.spacing.trim() : "";
+	if (!spacing) return null;
+	if (!isSemanticSpacing(spacing)) {
+		console.warn(`[boxStyles] Invalid spacing value: "${spacing}". Expected one of: ${SEMANTIC_SPACING_VALUES.join(", ")}.`);
+		return null;
+	}
+	return resolveSpacing(spacing, axis);
+}
+/** The radius class a box's corners ask for, if it names a known value. */
+function boxRoundedClass(input) {
+	const rounded = typeof input.rounded === "string" ? input.rounded.trim() : "";
+	if (!rounded || rounded === "none") return null;
+	return ROUNDED_CLASSES[rounded] ?? null;
+}
+/** The elevation class to use, honouring an explicit `null` opt-out. */
+function raisedClassFor(options) {
+	return options.raisedClass === void 0 ? RAISED_SHADOW_CLASS : options.raisedClass;
+}
+/**
+* The class list for a set of box styles: the caller's base class, the border /
+* spacing / elevation / radius overrides the box carries, and its card surface.
+*
+* Pure, so the React nodes that render a card outside the binding pipeline
+* (offerings-preview) share this one emission path with `boxStyles.all` instead
+* of keeping a copy that drifts.
+*/
+function boxStyleClassNames(value, options) {
+	const input = value && typeof value === "object" ? value : {};
+	const borderOverride = borderOverrideClass(input);
+	const surface = cardSurface(input, options.cardRoleOverride, options.cardRoleFallback);
+	const cardOwnsBorder = surface.role !== null && surface.role !== "none";
+	return [
+		borderOverride || cardOwnsBorder ? withoutBorderClasses(options.baseClass ?? "") : options.baseClass ?? "",
+		borderOverride,
+		options.includeSpacing === false ? null : boxSpacingClass(input, options.axis ?? "all"),
+		input.raised === true ? raisedClassFor(options) : null,
+		boxRoundedClass(input),
+		...surface.classes,
+		hasFixedFrameBackgroundMotion(input) ? "rb-bg-motion-fixed-frame-scope" : null
+	].filter((token) => Boolean(token)).join(" ").trim() || "";
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/media.server.tsx
 const MediaNodeServer = ({ value, className, style, videoPlayback = "inline", loading = "lazy", fetchPriority, size = ImagePresets.full, fieldPath, blockKind, blockContent, imageResolveContext: explicitImageResolveContext }) => {
 	const imageResolveContext = explicitImageResolveContext ?? getCurrentResolveImageUrlContext();
@@ -254,13 +443,13 @@ function CalendarIcon$1({ className, size = 16, strokeWidth = 2 }) {
 *
 * This component is server-safe (uses no client APIs like Intl).
 */
-const EventCard = ({ event, cardVariant = "default", buttonVariant = "primary", buttonText, showVenue = true, showMap = true, mapSlot, allowMap = true, showCapacity = true, showImage = true, showCategory = true, showSummary = true, orientation = "vertical" }) => {
+const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", buttonText, showVenue = true, showMap = true, mapSlot, allowMap = true, showCapacity = true, showImage = true, showCategory = true, showSummary = true, orientation = "vertical" }) => {
 	const timeZone = event.timeZone ?? null;
 	const formattedDate = formatDate(event.startsAt, { timeZone });
 	const formattedTime = `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
 	const cta = resolveEventCta(event, buttonText);
 	const { available: spotsLeft, isFull: isSoldOut } = getEventAvailability(event);
-	const cardClass = `card-role-${normalizeCardVariantRole(cardVariant) ?? "default"}`;
+	const cardClass = boxStyleClassNames({ role: cardRole }, { baseClass: "event-card" });
 	const buttonClass = themeButtonClassName({
 		variant: buttonVariant,
 		size: "md"
@@ -280,7 +469,7 @@ const EventCard = ({ event, cardVariant = "default", buttonVariant = "primary",
 		spotsLeft
 	}) : null;
 	return /* @__PURE__ */ jsxs("article", {
-		className: `${cardClass} group rb-flex rb-flex-col rb-h-full event-card ${eventCardOrientationClass(orientation)}`,
+		className: `${cardClass} group rb-flex rb-flex-col rb-h-full ${eventCardOrientationClass(orientation)}`,
 		"data-orientation": orientation,
 		children: [/* @__PURE__ */ jsx(EventCardMedia, {
 			categoryBadge,
@@ -941,7 +1130,7 @@ const EventPaginatedListView = ({ filters, display, events, loading, error, hasM
 			buttonText: display.buttonText
 		}, event.occurrenceId || event.id) : /* @__PURE__ */ jsx(EventCardClient, {
 			event,
-			cardVariant: display.cardVariant,
+			cardRole: display.cardRole,
 			buttonVariant: display.buttonVariant,
 			buttonText: display.buttonText,
 			showVenue: display.showVenue,

package/dist/client/{usePolling-Cls91SD2.mjs → usePolling-UN4WKnaM.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { vt as assertNever$2 } from "./propsDecoder-CBPGXEYX.mjs";
-import { r as formatPrice } from "./StepIndicator-CLjQhkDb.mjs";
+import { Et as assertNever$2 } from "./propsDecoder-CeUMxI9a.mjs";
+import { i as formatPrice } from "./BookingConsentAgreement-BxgpGEFD.mjs";
 import { useCallback, useEffect, useReducer, useRef } from "react";
 //#region ../core/src/date-math.ts
 function addDaysToDate(date, dayCount) {
@@ -572,4 +572,4 @@ function usePolling(config) {
 	};
 }
 //#endregion
-export { buildBookingPaymentSelectionViewModel as n, usePolling as t };
+export { buildBookingPaymentSelectionViewModel as n, resolveFlexibleBalanceInitialPaymentCents as r, usePolling as t };