@riverbankcms/sdk 0.143.0 → 0.145.0

package/dist/client/{useEventFilters-CFU21QZo.mjs → useEventFilters-CLL829vy.mjs}

@@ -1,11 +1,12 @@
 "use client";
-import { d as hexToRgb, u as relativeLuminance } from "./colorStyles-3013aRAY.mjs";
-import { Ft as assertNever, G as normalizeCsvString, K as normalizeOptionalId, M as isSemanticSpacing, N as resolveSpacing, U as getEventRuntimeFiltersKey, W as normalizeCsvIds, ct as boxBackgroundSchema, dt as resolveTokenOrCssColorValue, ft as themeButtonClassName, j as SEMANTIC_SPACING_VALUES, lt as isCssColorLiteral, pt as normalizeCardRole, ut as resolveOnColorForThemeToken } from "./propsDecoder-CIZ-hbIG.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-DHpfFwd3.mjs";
-import { o as formatEventRemainingPlaces, t as formatEventPrice } from "./pricing-ChinRYFt.mjs";
-import { a as formatTime, d as resolveEventLinkProps, i as formatEventNextDateFact, n as formatEventCompactDateRail, t as formatDate, u as resolveEventCta } from "./dates-BnzVksi4.mjs";
-import { n as useBlockApi } from "./context-BOimxE3U.mjs";
-import { t as LeafletStaticMap } from "./LeafletStaticMap-RjtGzDQT.mjs";
+import { d as hexToRgb, u as relativeLuminance } from "./colorStyles-CuJBiS-1.mjs";
+import { J as normalizeCsvString, K as getEventRuntimeFiltersKey, M as isSemanticSpacing, N as resolveSpacing, W as getBlockApiReadStage, Y as normalizeOptionalId, _t as normalizeCardRole, dt as boxBackgroundSchema, ft as isCssColorLiteral, j as SEMANTIC_SPACING_VALUES, mt as resolveTokenOrCssColorValue, pt as resolveOnColorForThemeToken, q as normalizeCsvIds, zt as assertNever } from "./propsDecoder-C3TP_z4x.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-BtJ37tzS.mjs";
+import { o as formatEventRemainingPlaces, t as formatEventPrice } from "./pricing-BOU0_Hai.mjs";
+import { a as formatTime, d as resolveEventLinkProps, i as formatEventNextDateFact, n as formatEventCompactDateRail, t as formatDate, u as resolveEventCta } from "./dates-BhwVSxDg.mjs";
+import { n as useBlockApi } from "./context-BFeY_Wbm.mjs";
+import { n as ThemedButtonLink, r as ClockIcon, t as ThemedButton } from "./ThemedButton-LAJTNrS8.mjs";
+import { t as LeafletStaticMap } from "./LeafletStaticMap-C7higg52.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
@@ -404,7 +405,7 @@ const MediaNodeServer = ({ value, className, style, videoPlayback = "inline", lo
 };
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/EventCardIcons.tsx
-function MapPinIcon$1({ className, size = 16, strokeWidth = 2 }) {
+function MapPinIcon({ className, size = 16, strokeWidth = 2 }) {
 	return /* @__PURE__ */ jsxs("svg", {
 		className,
 		width: size,
@@ -424,7 +425,7 @@ function MapPinIcon$1({ className, size = 16, strokeWidth = 2 }) {
 		})]
 	});
 }
-function CalendarIcon$1({ className, size = 16, strokeWidth = 2 }) {
+function CalendarIcon({ className, size = 16, strokeWidth = 2 }) {
 	return /* @__PURE__ */ jsxs("svg", {
 		className,
 		width: size,
@@ -471,10 +472,6 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 	const formattedTime = `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
 	const cta = resolveEventCta(event, buttonText);
 	const cardClass = boxStyleClassNames({ role: cardRole }, { baseClass: "event-card" });
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
-	});
 	const title = event.title;
 	const summary = event.presentation?.summary ?? event.description;
 	const image = event.presentation?.image ?? null;
@@ -504,7 +501,7 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 			image
 		}), /* @__PURE__ */ jsx(EventCardContent, {
 			allowMap,
-			buttonClass,
+			buttonVariant,
 			capacityText,
 			categoryBadge,
 			categoryId: category?.id,
@@ -584,7 +581,7 @@ function EventCardContent(props) {
 				className: "rb-mb-2 rb-caption",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "rb-flex rb-items-center rb-gap-2",
-					children: [/* @__PURE__ */ jsx(CalendarIcon$1, { className: "rb-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("time", { children: props.formattedDate }), /* @__PURE__ */ jsx("p", {
+					children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "rb-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("time", { children: props.formattedDate }), /* @__PURE__ */ jsx("p", {
 						className: "rb-pl-6",
 						children: props.formattedTime
 					})] })]
@@ -606,7 +603,7 @@ function EventCardContent(props) {
 				children: props.summary
 			}),
 			/* @__PURE__ */ jsx(EventCardFooter, {
-				buttonClass: props.buttonClass,
+				buttonVariant: props.buttonVariant,
 				capacityText: props.capacityText,
 				cta: props.cta,
 				priceText: props.priceText
@@ -621,7 +618,7 @@ function EventCardVenue(props) {
 		className: "rb-mb-3",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "rb-flex rb-items-center rb-gap-2 rb-caption",
-			children: [/* @__PURE__ */ jsx(MapPinIcon$1, { className: "rb-shrink-0" }), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: venue.name }), venue.address ? ` · ${venue.address}` : null] })]
+			children: [/* @__PURE__ */ jsx(MapPinIcon, { className: "rb-shrink-0" }), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: venue.name }), venue.address ? ` · ${venue.address}` : null] })]
 		}), props.showMap && props.allowMap && venue.location && props.mapSlot && /* @__PURE__ */ jsx("div", {
 			className: "rb-mt-2",
 			children: props.mapSlot
@@ -644,12 +641,14 @@ function EventCardFooter(props) {
 				className: "event-card-status rb-caption status-muted rb-text-center",
 				children: props.cta.label
 			}),
-			!props.cta.hidden && /* @__PURE__ */ jsx("a", {
+			!props.cta.hidden && /* @__PURE__ */ jsx(ThemedButtonLink, {
 				href: props.cta.href,
 				target: props.cta.external ? "_blank" : void 0,
 				rel: props.cta.external ? "noopener noreferrer" : void 0,
-				className: `${props.buttonClass} event-card-cta`,
-				children: props.cta.label
+				variant: props.buttonVariant,
+				size: "md",
+				extraClassName: "event-card-cta",
+				label: props.cta.label
 			})
 		]
 	});
@@ -715,309 +714,6 @@ function EventCardClient({ event, showMap = true, allowMap = true, ...cardProps
 	});
 }
 //#endregion
-//#region ../blocks/src/system/icons/svg.tsx
-function createIcon(displayName, children) {
-	const Icon = ({ size = "1em", strokeWidth = 2, title, className, focusable = false, role, ...props }) => /* @__PURE__ */ jsxs("svg", {
-		"aria-hidden": title ? void 0 : true,
-		className,
-		"data-rb-icon": displayName.replace(/Icon$/, ""),
-		fill: "none",
-		focusable,
-		height: size,
-		role: title ? role ?? "img" : role,
-		stroke: "currentColor",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth,
-		viewBox: "0 0 24 24",
-		width: size,
-		xmlns: "http://www.w3.org/2000/svg",
-		...props,
-		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, children]
-	});
-	Icon.displayName = displayName;
-	return Icon;
-}
-createIcon("ArrowDownIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 5v14" }), /* @__PURE__ */ jsx("path", { d: "m6 13 6 6 6-6" })] }));
-createIcon("ArrowLeftIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M19 12H5" }), /* @__PURE__ */ jsx("path", { d: "m11 6-6 6 6 6" })] }));
-createIcon("ArrowRightIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "m13 6 6 6-6 6" })] }));
-createIcon("AwardIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
-	cx: "12",
-	cy: "8",
-	r: "4"
-}), /* @__PURE__ */ jsx("path", { d: "m8.5 12.5-1.5 7 5-3 5 3-1.5-7" })] }));
-createIcon("BadgeCheckIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m8 3 4-1 4 1 3 3 1 4-1 4-3 3-4 1-4-1-3-3-1-4 1-4Z" }), /* @__PURE__ */ jsx("path", { d: "m8.5 11.5 2.5 2.5 4.5-5" })] }));
-createIcon("BookOpenIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M4 5.5A3 3 0 0 1 7 4h13v15H7a3 3 0 0 0-3 1.5Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M4 5.5V20" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 4v15" })
-] }));
-createIcon("BrainIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M9 4a4 4 0 0 0-4 4 4 4 0 0 0 0 8 4 4 0 0 0 4 4" }),
-	/* @__PURE__ */ jsx("path", { d: "M15 4a4 4 0 0 1 4 4 4 4 0 0 1 0 8 4 4 0 0 1-4 4" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 4v16" }),
-	/* @__PURE__ */ jsx("path", { d: "M15 4v16" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 8h6" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 14h6" })
-] }));
-createIcon("BriefcaseBusinessIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }),
-	/* @__PURE__ */ jsx("rect", {
-		x: "3",
-		y: "7",
-		width: "18",
-		height: "13",
-		rx: "2"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M3 12h18" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 12v2" }),
-	/* @__PURE__ */ jsx("path", { d: "M15 12v2" })
-] }));
-createIcon("CalendarIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M8 3v4" }),
-	/* @__PURE__ */ jsx("path", { d: "M16 3v4" }),
-	/* @__PURE__ */ jsx("rect", {
-		x: "4",
-		y: "5",
-		width: "16",
-		height: "16",
-		rx: "2"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M4 10h16" })
-] }));
-createIcon("CheckIcon", /* @__PURE__ */ jsx("path", { d: "m5 12 4 4L19 6" }));
-createIcon("ChevronDownIcon", /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }));
-createIcon("ChevronLeftIcon", /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }));
-createIcon("ChevronRightIcon", /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }));
-createIcon("ChevronUpIcon", /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }));
-createIcon("CircleMinusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
-	cx: "12",
-	cy: "12",
-	r: "9"
-}), /* @__PURE__ */ jsx("path", { d: "M8 12h8" })] }));
-createIcon("CirclePlusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "9"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 8v8" })
-] }));
-const ClockIcon = createIcon("ClockIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
-	cx: "12",
-	cy: "12",
-	r: "9"
-}), /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })] }));
-createIcon("CompassIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
-	cx: "12",
-	cy: "12",
-	r: "9"
-}), /* @__PURE__ */ jsx("path", { d: "m15 9-2 6-4 2 2-6Z" })] }));
-createIcon("DownloadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
-	/* @__PURE__ */ jsx("path", { d: "m7 10 5 5 5-5" }),
-	/* @__PURE__ */ jsx("path", { d: "M5 21h14" })
-] }));
-createIcon("ExternalLinkIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M14 4h6v6" }),
-	/* @__PURE__ */ jsx("path", { d: "m10 14 10-10" }),
-	/* @__PURE__ */ jsx("path", { d: "M20 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5" })
-] }));
-createIcon("FileArchiveIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 7h2" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 11h2" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 15h4v4h-4Z" })
-] }));
-createIcon("FileAudioIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 16V10l5-2v6" }),
-	/* @__PURE__ */ jsx("circle", {
-		cx: "9",
-		cy: "17",
-		r: "1.5"
-	}),
-	/* @__PURE__ */ jsx("circle", {
-		cx: "15",
-		cy: "15",
-		r: "1.5"
-	})
-] }));
-createIcon("FileSpreadsheetIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
-	/* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
-	/* @__PURE__ */ jsx("path", { d: "M8 16h8" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 10v8" })
-] }));
-createIcon("FileTextIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 13h6" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 17h6" })
-] }));
-createIcon("Flower2Icon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "2"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M12 10C8 4 16 4 12 10Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M14 12c6-4 6 4 0 0Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 14c4 6-4 6 0 0Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 12c-6 4-6-4 0 0Z" })
-] }));
-createIcon("GlobeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "9"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M3 12h18" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 3a14 14 0 0 1 0 18" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 3a14 14 0 0 0 0 18" })
-] }));
-createIcon("GraduationCapIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "m3 8 9-4 9 4-9 4Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M7 10v5c3 3 7 3 10 0v-5" }),
-	/* @__PURE__ */ jsx("path", { d: "M21 8v6" })
-] }));
-createIcon("HandHeartIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M3 15h4l4 4h5l5-5" }),
-	/* @__PURE__ */ jsx("path", { d: "M7 15l3-3h4a2 2 0 0 1 2 2" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 8c-2-2-5 1-2 4l2 2 2-2c3-3 0-6-2-4Z" })
-] }));
-createIcon("HeartIcon", /* @__PURE__ */ jsx("path", { d: "M12 21s-8-5-8-11a5 5 0 0 1 8-4 5 5 0 0 1 8 4c0 6-8 11-8 11Z" }));
-createIcon("HeartHandshakeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 21s-8-5-8-11a5 5 0 0 1 8-4 5 5 0 0 1 8 4c0 6-8 11-8 11Z" }), /* @__PURE__ */ jsx("path", { d: "m8 12 2 2 2-2 2 2 2-2" })] }));
-createIcon("HomeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "m3 11 9-8 9 8" }),
-	/* @__PURE__ */ jsx("path", { d: "M5 10v10h14V10" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 20v-6h6v6" })
-] }));
-createIcon("InfoIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "9"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M12 11v6" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 7h.01" })
-] }));
-createIcon("LeafIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5 20C5 10 12 4 21 4c0 9-6 16-16 16Z" }), /* @__PURE__ */ jsx("path", { d: "M5 20c4-5 8-8 13-11" })] }));
-createIcon("LightbulbIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M9 18h6" }),
-	/* @__PURE__ */ jsx("path", { d: "M10 22h4" }),
-	/* @__PURE__ */ jsx("path", { d: "M8 14a6 6 0 1 1 8 0c-1 1-1 2-1 4H9c0-2 0-3-1-4Z" })
-] }));
-createIcon("LockIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-	x: "5",
-	y: "10",
-	width: "14",
-	height: "10",
-	rx: "2"
-}), /* @__PURE__ */ jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })] }));
-createIcon("MailIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-	x: "3",
-	y: "5",
-	width: "18",
-	height: "14",
-	rx: "2"
-}), /* @__PURE__ */ jsx("path", { d: "m3 7 9 6 9-6" })] }));
-createIcon("MapPinIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 21s7-5 7-12a7 7 0 0 0-14 0c0 7 7 12 7 12Z" }), /* @__PURE__ */ jsx("circle", {
-	cx: "12",
-	cy: "9",
-	r: "2.5"
-})] }));
-createIcon("MessageCircleIcon", /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3 20l1.1-5.3A8.5 8.5 0 1 1 21 11.5Z" }) }));
-createIcon("MinusIcon", /* @__PURE__ */ jsx("path", { d: "M5 12h14" }));
-createIcon("PackageIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "m12 3 8 4.5v9L12 21l-8-4.5v-9Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 12 4 7.5" }),
-	/* @__PURE__ */ jsx("path", { d: "m12 12 8-4.5" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 12v9" })
-] }));
-createIcon("PhoneIcon", /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M22 16.9v3a2 2 0 0 1-2.2 2A19 19 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.4 2.5a2 2 0 0 1-.6 1.8L7.7 9.2a13 13 0 0 0 7.1 7.1l1.2-1.2a2 2 0 0 1 1.8-.6l2.5.4a2 2 0 0 1 1.7 2Z" }) }));
-createIcon("PlayIcon", /* @__PURE__ */ jsx("path", { d: "m8 5 11 7-11 7Z" }));
-createIcon("PlusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 5v14" }), /* @__PURE__ */ jsx("path", { d: "M5 12h14" })] }));
-createIcon("ShieldIcon", /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z" }));
-createIcon("ShoppingBagIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M6 8h12l1 13H5Z" }), /* @__PURE__ */ jsx("path", { d: "M9 8a3 3 0 0 1 6 0" })] }));
-createIcon("ShoppingCartIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "9",
-		cy: "20",
-		r: "1"
-	}),
-	/* @__PURE__ */ jsx("circle", {
-		cx: "18",
-		cy: "20",
-		r: "1"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M2 3h3l3 12h10l3-8H7" })
-] }));
-createIcon("SmileIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "9"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-	/* @__PURE__ */ jsx("path", { d: "M9 9h.01" }),
-	/* @__PURE__ */ jsx("path", { d: "M15 9h.01" })
-] }));
-createIcon("SparklesIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m12 3 2 5 5 2-5 2-2 5-2-5-5-2 5-2Z" }), /* @__PURE__ */ jsx("path", { d: "m19 15 .8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8Z" })] }));
-createIcon("SproutIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M12 21V10" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 10C8 5 4 6 3 10c4 1 7 0 9 0Z" }),
-	/* @__PURE__ */ jsx("path", { d: "M12 11c4-5 8-4 9 0-4 1-7 0-9 0Z" })
-] }));
-createIcon("StarIcon", /* @__PURE__ */ jsx("path", { d: "m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.2 6.4 20.2 7.5 14 3 9.6l6.2-.9Z" }));
-createIcon("TargetIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "9"
-	}),
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "5"
-	}),
-	/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "12",
-		r: "1"
-	})
-] }));
-createIcon("UploadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("path", { d: "M12 21V9" }),
-	/* @__PURE__ */ jsx("path", { d: "m7 14 5-5 5 5" }),
-	/* @__PURE__ */ jsx("path", { d: "M5 3h14" })
-] }));
-createIcon("UserRoundCheckIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "10",
-		cy: "8",
-		r: "4"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M3 21a7 7 0 0 1 11.5-5.3" }),
-	/* @__PURE__ */ jsx("path", { d: "m15 19 2 2 4-5" })
-] }));
-createIcon("UsersIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
-	/* @__PURE__ */ jsx("circle", {
-		cx: "9",
-		cy: "8",
-		r: "4"
-	}),
-	/* @__PURE__ */ jsx("path", { d: "M2 21a7 7 0 0 1 14 0" }),
-	/* @__PURE__ */ jsx("path", { d: "M17 11a4 4 0 0 0 0-7" }),
-	/* @__PURE__ */ jsx("path", { d: "M22 21a7 7 0 0 0-5-6.7" })
-] }));
-createIcon("WrenchIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M14.7 6.3A5 5 0 0 0 7 12.6L3.5 16a2.1 2.1 0 0 0 3 3L10 15.5A5 5 0 0 0 16.7 9Z" }), /* @__PURE__ */ jsx("path", { d: "m15 5 4 4" })] }));
-createIcon("XIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })] }));
-//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/EventCompactRow.tsx
 /**
 * EventCompactRow Component
@@ -1033,10 +729,6 @@ const EventCompactRow = ({ event, buttonVariant = "primary", buttonText }) => {
 	const price = formatEventPrice(event);
 	const teacherLine = formatEventTeacherLine(event);
 	const cta = resolveEventCta(event, buttonText);
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "sm"
-	});
 	return /* @__PURE__ */ jsxs("article", {
 		className: "event-compact-row",
 		children: [/* @__PURE__ */ jsxs("time", {
@@ -1073,7 +765,7 @@ const EventCompactRow = ({ event, buttonVariant = "primary", buttonText }) => {
 					children: [
 						event.venue && /* @__PURE__ */ jsxs("span", {
 							className: "event-compact-row-venue",
-							children: [/* @__PURE__ */ jsx(MapPinIcon$1, { className: "rb-shrink-0" }), event.venue.name]
+							children: [/* @__PURE__ */ jsx(MapPinIcon, { className: "rb-shrink-0" }), event.venue.name]
 						}),
 						teacherLine && /* @__PURE__ */ jsx("span", {
 							className: "event-compact-row-teacher",
@@ -1100,12 +792,15 @@ const EventCompactRow = ({ event, buttonVariant = "primary", buttonText }) => {
 				}), cta.hidden ? /* @__PURE__ */ jsx("span", {
 					className: "event-compact-row-status",
 					children: cta.label
-				}) : /* @__PURE__ */ jsx("a", {
+				}) : /* @__PURE__ */ jsx(ThemedButtonLink, {
 					href: cta.href,
 					target: cta.external ? "_blank" : void 0,
 					rel: cta.external ? "noopener noreferrer" : void 0,
-					className: `${buttonClass} event-compact-row-cta`,
-					children: /* @__PURE__ */ jsx("span", { children: cta.label })
+					variant: buttonVariant,
+					size: "sm",
+					extraClassName: "event-compact-row-cta",
+					labelClassName: "event-compact-row-cta-label",
+					label: cta.label
 				})]
 			})]
 		})]
@@ -1150,39 +845,33 @@ const EventPaginatedListView = ({ filters, display, events, loading, error, hasM
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "status-error rb-caption rb-mb-2",
 					children: "Failed to load more events"
-				}), /* @__PURE__ */ jsx("button", {
+				}), /* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
 					onClick: loadMore,
-					className: themeButtonClassName({
-						variant: display.buttonVariant,
-						size: "md"
-					}),
-					children: "Try again"
+					variant: display.buttonVariant,
+					size: "md",
+					label: "Try again"
 				})]
 			}) : null,
 			paginationAction.kind === "loadMore" && hasMore && !error ? /* @__PURE__ */ jsx("div", {
 				className: "rb-mt-8 rb-text-center",
-				children: /* @__PURE__ */ jsx("button", {
+				children: /* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
 					onClick: loadMore,
 					disabled: loading,
-					className: themeButtonClassName({
-						variant: display.buttonVariant,
-						size: "md",
-						extraClassName: loading ? "rb-opacity-50 rb-cursor-wait" : null
-					}),
-					children: loading ? "Loading..." : paginationAction.label
+					variant: display.buttonVariant,
+					size: "md",
+					extraClassName: loading ? "rb-opacity-50 rb-cursor-wait" : null,
+					label: loading ? "Loading..." : paginationAction.label
 				})
 			}) : null,
 			paginationAction.kind === "seeAllLink" && hasMore ? /* @__PURE__ */ jsx("div", {
 				className: "rb-mt-8 rb-text-center",
-				children: /* @__PURE__ */ jsx("a", {
+				children: /* @__PURE__ */ jsx(ThemedButtonLink, {
 					href: paginationAction.href,
-					className: themeButtonClassName({
-						variant: display.buttonVariant,
-						size: "md"
-					}),
-					children: paginationAction.label
+					variant: display.buttonVariant,
+					size: "md",
+					label: paginationAction.label
 				})
 			}) : null
 		] }),
@@ -1288,8 +977,12 @@ function getEventsKey(events) {
 * });
 * ```
 */
-function useEventPagination({ siteId: _siteId, initialEvents = [], fetchInitialOnMount = false, initialFilters, filters, pageSize = 12, stage }) {
-	const { getPublicEvents } = useBlockApi();
+function useEventPagination({ siteId: _siteId, initialEvents = [], fetchInitialOnMount = false, initialFilters, filters, pageSize = 12 }) {
+	const { getPublicEvents, config } = useBlockApi();
+	const stage = getBlockApiReadStage(config);
+	const readScope = `${config.siteId ?? ""}:${stage}`;
+	const previousReadScope = useRef(readScope);
+	const readScopeChanged = previousReadScope.current !== readScope;
 	const initialFiltersKey = getEventRuntimeFiltersKey(initialFilters);
 	const filtersKey = getEventRuntimeFiltersKey(filters);
 	const filtersMatchInitial = filtersKey === initialFiltersKey;
@@ -1344,7 +1037,6 @@ function useEventPagination({ siteId: _siteId, initialEvents = [], fetchInitialO
 				afterStartsAt: lastEvent ? lastEvent.startsAt : void 0,
 				afterId: lastEvent ? lastEvent.occurrenceId : void 0,
 				limit: pageSize,
-				stage,
 				detailLevel: "listing",
 				eventSurface,
 				eventPresets: eventPresets ?? void 0,
@@ -1387,6 +1079,25 @@ function useEventPagination({ siteId: _siteId, initialEvents = [], fetchInitialO
 	const loadMore = useCallback(() => {
 		fetchPage({ reset: false });
 	}, [fetchPage]);
+	useEffect(() => {
+		if (previousReadScope.current === readScope) return;
+		previousReadScope.current = readScope;
+		requestIdRef.current += 1;
+		eventsRef.current = [];
+		loadingRef.current = false;
+		hasMoreRef.current = true;
+		dispatchLoadState({
+			type: "synced",
+			events: [],
+			pageSize
+		});
+		if (seriesIds !== "") fetchPage({ reset: true });
+	}, [
+		readScope,
+		fetchPage,
+		pageSize,
+		seriesIds
+	]);
 	const initialFetchAttemptKeyRef = useRef(null);
 	useEffect(() => {
 		if (!fetchInitialOnMount || seriesIds === "") return;
@@ -1445,8 +1156,8 @@ function useEventPagination({ siteId: _siteId, initialEvents = [], fetchInitialO
 		pageSize
 	]);
 	return {
-		events,
-		loading,
+		events: readScopeChanged ? [] : events,
+		loading: readScopeChanged || loading,
 		error,
 		hasMore,
 		loadMore