@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/server/rendering/server.mjs

@@ -13180,6 +13180,59 @@ function bindProp(from, opts) {
   };
 }
 
+// ../theme-core/src/responsiveDisplay.ts
+var BASE_DISPLAY_CLASSES = {
+  block: "rb-block",
+  flex: "rb-flex",
+  "inline-block": "rb-inline-block",
+  "inline-flex": "rb-inline-flex",
+  grid: "rb-grid"
+};
+var LARGE_DISPLAY_CLASSES = {
+  block: "rb-lg-block",
+  flex: "rb-lg-flex",
+  "inline-block": "rb-lg-inline-block",
+  "inline-flex": "rb-lg-inline-flex",
+  grid: "rb-lg-grid"
+};
+function mobileOnlyDisplay(display) {
+  return `${BASE_DISPLAY_CLASSES[display]} rb-lg-hidden`;
+}
+function desktopOnlyDisplay(display) {
+  return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
+}
+
+// ../blocks/src/system/runtime/header/shared.ts
+var POSITIONING_CLASSES = [
+  "rb-sticky",
+  "rb-fixed",
+  "rb-absolute",
+  "rb-relative",
+  "rb-top-0",
+  "rb-left-0",
+  "rb-right-0",
+  "rb-bottom-0",
+  "rb-z-40",
+  "rb-z-50"
+];
+function splitPositioningClasses(className) {
+  if (!className) return { wrapperClasses: "", sectionClasses: "" };
+  const classes = className.split(/\s+/).filter(Boolean);
+  const wrapperParts = [];
+  const sectionParts = [];
+  for (const cls of classes) {
+    if (POSITIONING_CLASSES.includes(cls)) {
+      wrapperParts.push(cls);
+    } else {
+      sectionParts.push(cls);
+    }
+  }
+  return {
+    wrapperClasses: wrapperParts.join(" "),
+    sectionClasses: sectionParts.join(" ")
+  };
+}
+
 // ../blocks/src/system/blocks/site-header.ts
 var logoRow = link(
   {
@@ -13260,7 +13313,7 @@ var headerCta = ctaButton({
   whenPath: "menu.ctaItem.label",
   variantPath: "menu.ctaItem.variant",
   linkPath: "menu.ctaItem.link",
-  className: "header-cta btn-sm rb-hidden rb-lg-inline-flex rb-ml-6"
+  className: `header-cta btn-sm ${desktopOnlyDisplay("inline-flex")} rb-ml-6`
 });
 var mobileCta = ctaButton({
   basePath: "menu.ctaItem",
@@ -13288,7 +13341,7 @@ var mobileToggleButton = {
   props: {
     type: "button",
     variantId: "",
-    className: "nav-mobile-toggle rb-inline-flex rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard rb-lg-hidden",
+    className: `nav-mobile-toggle ${mobileOnlyDisplay("inline-flex")} rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard`,
     "aria-label": "Open menu",
     "aria-expanded": "false",
     "aria-controls": "nav-mobile-overlay",
@@ -13343,7 +13396,7 @@ var mobileOverlay = {
   type: "div",
   props: {
     id: "nav-mobile-overlay",
-    className: "nav-mobile-overlay rb-fixed rb-inset-0 rb-z-50 rb-lg-hidden",
+    className: `nav-mobile-overlay ${mobileOnlyDisplay("block")} rb-fixed rb-inset-0 rb-z-50`,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": "Main menu",
@@ -13372,10 +13425,10 @@ var mobileHeaderBar = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+          base: `rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+      fallback: `rb-container rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
     }),
     align: "center",
     justify: "between"
@@ -13387,16 +13440,16 @@ var classicLayout2 = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "classic" })
@@ -13408,16 +13461,16 @@ var centeredLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
     })
   },
   [
     centeredLogoRow,
     createNavRow(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3`,
       "center"
     )
   ],
@@ -13428,16 +13481,16 @@ var transparentLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "transparent" })
@@ -13447,18 +13500,18 @@ var floatingLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex",
+          base: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`,
           container: "",
           full: ""
         })
       ),
-      fallback: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex"
+      fallback: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "floating" })
@@ -13470,16 +13523,16 @@ var editorialLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
     })
   },
   [
     centeredLogoRow,
     createNavRow(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
       "center"
     )
   ],
@@ -16750,6 +16803,18 @@ var eventSpotlightBlockDefinition = {
 // ../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts
 import { z as z44 } from "zod";
 
+// ../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts
+function getEventAvailability(event) {
+  if (event.capacity == null) {
+    return { available: null, isFull: false };
+  }
+  const available = event.availableSpots ?? event.capacity - event.registeredCount;
+  if (available <= 0) {
+    return { available: 0, isFull: true };
+  }
+  return { available, isFull: false };
+}
+
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 var COLUMN_CLASSES = {
   "2": "rb-sm-grid-cols-2",
@@ -16972,7 +17037,7 @@ function formatEventPrice(event) {
   }
 }
 function resolveEventCta(event, buttonText) {
-  const isSoldOut = event.capacity !== null && event.availableSpots === 0;
+  const { isFull: isSoldOut } = getEventAvailability(event);
   const defaultButtonText = event.kind === "course_session" ? "View course" : "View event";
   const effectiveButtonText = buttonText ?? defaultButtonText;
   if (isSoldOut) {
@@ -18354,7 +18419,7 @@ var EventCard = ({
   )}`;
   const cta = resolveEventCta(event, buttonText);
   const isSoldOut = cta.hidden;
-  const spotsLeft = event.availableSpots;
+  const { available: spotsLeft } = getEventAvailability(event);
   const cardClass = `card-${cardVariant}`;
   const buttonClass = `${buttonVariant} button-${buttonVariant}`;
   const title = event.title;
@@ -19379,6 +19444,21 @@ var eventCalendarManifest = createBlockManifest({
         visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
       }
     },
+    {
+      id: "showCapacity",
+      type: "boolean",
+      label: "Show available spots",
+      description: "Display remaining capacity on event cards and timetable cells",
+      required: false,
+      defaultValue: true,
+      ui: {
+        intent: "display",
+        visibleWhen: {
+          field: "displayMode",
+          oneOf: ["combined", "list", "week", "timetable"]
+        }
+      }
+    },
     // Block-level pre-filtering
     {
       id: "eventSurface",
@@ -19570,6 +19650,9 @@ var eventCalendarManifest = createBlockManifest({
               showStaffFilter: {
                 $bind: { from: "content.showStaffFilter", fallback: true }
               },
+              showCapacity: {
+                $bind: { from: "content.showCapacity", fallback: true }
+              },
               kind: { $bind: { from: "content.kind", fallback: "all" } },
               eventSurface: {
                 $bind: { from: "content.eventSurface", fallback: "all" }
@@ -26061,37 +26144,6 @@ function resolveNode(value) {
   return value;
 }
 
-// ../blocks/src/system/runtime/header/shared.ts
-var POSITIONING_CLASSES = [
-  "rb-sticky",
-  "rb-fixed",
-  "rb-absolute",
-  "rb-relative",
-  "rb-top-0",
-  "rb-left-0",
-  "rb-right-0",
-  "rb-bottom-0",
-  "rb-z-40",
-  "rb-z-50"
-];
-function splitPositioningClasses(className) {
-  if (!className) return { wrapperClasses: "", sectionClasses: "" };
-  const classes = className.split(/\s+/).filter(Boolean);
-  const wrapperParts = [];
-  const sectionParts = [];
-  for (const cls of classes) {
-    if (POSITIONING_CLASSES.includes(cls)) {
-      wrapperParts.push(cls);
-    } else {
-      sectionParts.push(cls);
-    }
-  }
-  return {
-    wrapperClasses: wrapperParts.join(" "),
-    sectionClasses: sectionParts.join(" ")
-  };
-}
-
 // ../blocks/src/system/runtime/nodes/header-section.server.tsx
 import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 function hasShrinkClasses(className) {
@@ -26865,7 +26917,7 @@ var event_details_server_default = EventDetailsSSR;
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function LocationMapView({
   addressText,
-  location,
+  location: location2,
   zoom,
   heightPx,
   showAddressText,
@@ -26873,14 +26925,14 @@ function LocationMapView({
   directionsLabel,
   renderMap
 }) {
-  const directionsUrl = buildGoogleMapsDirectionsUrl({ addressText, location });
-  if (!location && !addressText && !directionsUrl) {
+  const directionsUrl = buildGoogleMapsDirectionsUrl({ addressText, location: location2 });
+  if (!location2 && !addressText && !directionsUrl) {
     return /* @__PURE__ */ jsx28("p", { className: "rb-caption", style: textColorStyle("mutedText"), children: "Location details coming soon." });
   }
   return /* @__PURE__ */ jsxs15("div", { className: "rb-flex rb-flex-col rb-gap-4 rb-text-left", children: [
-    location && renderMap ? renderMap({
+    location2 && renderMap ? renderMap({
       addressText,
-      location,
+      location: location2,
       className: "rb-location-map-canvas",
       height: heightPx,
       zoom
@@ -28066,21 +28118,26 @@ function buildTimetableModel(input) {
   for (const [dateKey, dayDrafts] of groupDraftsByDate(drafts)) {
     cellsByDate.set(
       dateKey,
-      assignTimetableLanes(dayDrafts).map((draft) => ({
-        event: draft.event,
-        startsAtMinutes: draft.startsAtMinutes,
-        endsAtMinutes: draft.endsAtMinutes,
-        topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
-        heightPercent: Math.max(
-          MIN_EVENT_HEIGHT_PERCENT,
-          toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
-        ),
-        laneIndex: draft.laneIndex,
-        laneCount: draft.laneCount,
-        categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
-        timeLabel: formatEventTimeRange(draft.event),
-        teacherLine: formatEventTeacherLine(draft.event)
-      }))
+      assignTimetableLanes(dayDrafts).map((draft) => {
+        const capacity = formatTimetableCapacity(draft.event);
+        return {
+          event: draft.event,
+          startsAtMinutes: draft.startsAtMinutes,
+          endsAtMinutes: draft.endsAtMinutes,
+          topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
+          heightPercent: Math.max(
+            MIN_EVENT_HEIGHT_PERCENT,
+            toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
+          ),
+          laneIndex: draft.laneIndex,
+          laneCount: draft.laneCount,
+          categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
+          timeLabel: formatEventTimeRange(draft.event),
+          teacherLine: formatEventTeacherLine(draft.event),
+          capacityLabel: capacity.label,
+          isFull: capacity.isFull
+        };
+      })
     );
   }
   return {
@@ -28213,6 +28270,12 @@ function formatShortDayLabel(date) {
   const dayName = FULL_DAY_NAMES[date.getDay()] ?? "";
   return `${dayName.slice(0, 3)} ${date.getDate()}`;
 }
+function formatTimetableCapacity(event) {
+  const { available, isFull } = getEventAvailability(event);
+  if (available == null) return { label: null, isFull: false };
+  if (isFull) return { label: "Full", isFull: true };
+  return { label: `${available} spots left`, isFull: false };
+}
 function formatEventTimeRange(event) {
   const timeZone = event.timeZone ?? null;
   return `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
@@ -28469,7 +28532,17 @@ function renderTimetableSsr(display) {
                           /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
                           /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-title", children: cell.event.title }),
                           cell.teacherLine ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-                          cell.event.venue ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+                          cell.event.venue ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+                          display.showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx42(
+                            "span",
+                            {
+                              className: clsx_default(
+                                "event-timetable-event-capacity",
+                                cell.isFull && "event-timetable-event-capacity--full"
+                              ),
+                              children: cell.capacityLabel
+                            }
+                          ) : null
                         ]
                       },
                       cell.event.occurrenceId || cell.event.id
@@ -32530,6 +32603,44 @@ ${declarationLines}
 // ../theme-core/src/responsiveMode.ts
 var DEFAULT_THEME_RESPONSIVE_MODE = "viewport";
 var THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
+var THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+function getResponsiveScopeSpec(mode = DEFAULT_THEME_RESPONSIVE_MODE) {
+  if (mode === "container") {
+    return {
+      kind: "container",
+      selector: `[${THEME_RESPONSIVE_MODE_ATTR}="container"]`,
+      containerName: THEME_RESPONSIVE_CONTAINER_NAME
+    };
+  }
+  return {
+    kind: "viewport",
+    selector: `[${THEME_RESPONSIVE_MODE_ATTR}="viewport"]`
+  };
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "g"
+);
+var RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "y"
+);
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
 
 // ../theme-core/src/responsive/mediaQuery.ts
 function convertMediaQueryToContainerQuery(query) {
@@ -34078,45 +34189,53 @@ var containerResponsiveThemeCss = `/*
     flex-basis: 16.666667%;
   }
   @container rb-site (min-width: 768px) {
-    .rb-md-basis-full {
-      flex-basis: 100%;
-    }
-    .rb-md-basis-1-2 {
-      flex-basis: 50%;
-    }
-    .rb-md-basis-1-3 {
-      flex-basis: 33.333333%;
-    }
-    .rb-md-basis-1-4 {
-      flex-basis: 25%;
-    }
-    .rb-md-basis-1-5 {
-      flex-basis: 20%;
-    }
-    .rb-md-basis-1-6 {
-      flex-basis: 16.666667%;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-basis-full {
+        flex-basis: 100%;
+      }
+      .rb-md-basis-1-2 {
+        flex-basis: 50%;
+      }
+      .rb-md-basis-1-3 {
+        flex-basis: 33.333333%;
+      }
+      .rb-md-basis-1-4 {
+        flex-basis: 25%;
+      }
+      .rb-md-basis-1-5 {
+        flex-basis: 20%;
+      }
+      .rb-md-basis-1-6 {
+        flex-basis: 16.666667%;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-basis-full {
-      flex-basis: 100%;
-    }
-    .rb-lg-basis-1-2 {
-      flex-basis: 50%;
-    }
-    .rb-lg-basis-1-3 {
-      flex-basis: 33.333333%;
-    }
-    .rb-lg-basis-1-4 {
-      flex-basis: 25%;
-    }
-    .rb-lg-basis-1-5 {
-      flex-basis: 20%;
-    }
-    .rb-lg-basis-1-6 {
-      flex-basis: 16.666667%;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-basis-full {
+        flex-basis: 100%;
+      }
+      .rb-lg-basis-1-2 {
+        flex-basis: 50%;
+      }
+      .rb-lg-basis-1-3 {
+        flex-basis: 33.333333%;
+      }
+      .rb-lg-basis-1-4 {
+        flex-basis: 25%;
+      }
+      .rb-lg-basis-1-5 {
+        flex-basis: 20%;
+      }
+      .rb-lg-basis-1-6 {
+        flex-basis: 16.666667%;
+      }
     }
-  }
+
+}
   .rb-shrink-0 {
     flex-shrink: 0;
   }
@@ -34138,64 +34257,80 @@ var containerResponsiveThemeCss = `/*
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   @container rb-site (min-width: 640px) {
-    .rb-sm-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-sm-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-sm-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-sm-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-sm-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-sm-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 768px) {
-    .rb-md-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-md-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-md-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-md-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-md-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-lg-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-lg-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .rb-lg-w-3\\/4 {
-      width: 75%;
-    }
-    .rb-lg-col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-    .rb-lg-col-span-2 {
-      grid-column: span 2 / span 2;
-    }
-    .rb-lg-col-span-3 {
-      grid-column: span 3 / span 3;
-    }
-    .rb-lg-col-span-4 {
-      grid-column: span 4 / span 4;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-lg-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-lg-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
+      .rb-lg-w-3\\/4 {
+        width: 75%;
+      }
+      .rb-lg-col-span-1 {
+        grid-column: span 1 / span 1;
+      }
+      .rb-lg-col-span-2 {
+        grid-column: span 2 / span 2;
+      }
+      .rb-lg-col-span-3 {
+        grid-column: span 3 / span 3;
+      }
+      .rb-lg-col-span-4 {
+        grid-column: span 4 / span 4;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1280px) {
-    .rb-xl-grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .rb-xl-grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .rb-xl-grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-xl-grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+      .rb-xl-grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+      .rb-xl-grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
     }
-  }
+
+}
 
   /* Alignment */
   .rb-items-start {
@@ -34264,13 +34399,17 @@ var containerResponsiveThemeCss = `/*
     row-gap: 0.75rem;
   }
   @container rb-site (min-width: 768px) {
-    .rb-md-gap-0 {
-      gap: 0;
-    }
-    .rb-md-gap-10 {
-      gap: 2.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-gap-0 {
+        gap: 0;
+      }
+      .rb-md-gap-10 {
+        gap: 2.5rem;
+      }
     }
-  }
+
+}
 
   .rb-space-y-1 > :not([hidden]) ~ :not([hidden]) {
     margin-top: 0.25rem;
@@ -34372,137 +34511,149 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-sm-py-16 {
-      padding-top: 4rem;
-      padding-bottom: 4rem;
-    }
-    .rb-sm-py-20 {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-sm-p-6 {
-      padding: 1.5rem;
-    }
-    .rb-sm-flex {
-      display: flex;
-    }
-    .rb-sm-block {
-      display: block;
-    }
-    .rb-sm-inline {
-      display: inline;
-    }
-    .rb-sm-inline-block {
-      display: inline-block;
-    }
-    .rb-sm-inline-flex {
-      display: inline-flex;
-    }
-    .rb-sm-grid {
-      display: grid;
-    }
-    .rb-sm-hidden {
-      display: none;
-    }
-    .rb-sm-flex-row {
-      flex-direction: row;
-    }
-    .rb-sm-items-start {
-      align-items: flex-start;
-    }
-    .rb-sm-items-center {
-      align-items: center;
-    }
-    .rb-sm-justify-between {
-      justify-content: space-between;
-    }
-    .rb-sm-p-8 {
-      padding: 2rem;
-    }
-    .rb-sm-text-lg {
-      font-size: 1.125rem;
-      line-height: 1.75rem;
-    }
-    .rb-sm-text-xl {
-      font-size: 1.25rem;
-      line-height: 1.75rem;
-    }
-    .rb-sm-text-4xl {
-      font-size: 2.25rem;
-      line-height: 2.5rem;
-    }
 
-    .rb-sm-w-auto {
-      width: auto;
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-sm-py-16 {
+        padding-top: 4rem;
+        padding-bottom: 4rem;
+      }
+      .rb-sm-py-20 {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-sm-p-6 {
+        padding: 1.5rem;
+      }
+      .rb-sm-flex {
+        display: flex;
+      }
+      .rb-sm-block {
+        display: block;
+      }
+      .rb-sm-inline {
+        display: inline;
+      }
+      .rb-sm-inline-block {
+        display: inline-block;
+      }
+      .rb-sm-inline-flex {
+        display: inline-flex;
+      }
+      .rb-sm-grid {
+        display: grid;
+      }
+      .rb-sm-hidden {
+        display: none;
+      }
+      .rb-sm-flex-row {
+        flex-direction: row;
+      }
+      .rb-sm-items-start {
+        align-items: flex-start;
+      }
+      .rb-sm-items-center {
+        align-items: center;
+      }
+      .rb-sm-justify-between {
+        justify-content: space-between;
+      }
+      .rb-sm-p-8 {
+        padding: 2rem;
+      }
+      .rb-sm-text-lg {
+        font-size: 1.125rem;
+        line-height: 1.75rem;
+      }
+      .rb-sm-text-xl {
+        font-size: 1.25rem;
+        line-height: 1.75rem;
+      }
+      .rb-sm-text-4xl {
+        font-size: 2.25rem;
+        line-height: 2.5rem;
+      }
+
+      .rb-sm-w-auto {
+        width: auto;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 768px) {
-    .rb-md-py-20 {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-md-py-24 {
-      padding-top: 6rem;
-      padding-bottom: 6rem;
-    }
-    .rb-md-w-1\\/3 {
-      width: 33.333333%;
-    }
 
-    .rb-md-flex {
-      display: flex;
-    }
-    .rb-md-block {
-      display: block;
-    }
-    .rb-md-inline {
-      display: inline;
-    }
-    .rb-md-inline-block {
-      display: inline-block;
-    }
-    .rb-md-inline-flex {
-      display: inline-flex;
-    }
-    .rb-md-grid {
-      display: grid;
-    }
-    .rb-md-hidden {
-      display: none;
-    }
-    .rb-md-flex-row {
-      flex-direction: row;
-    }
-    .rb-md-flex-row-reverse {
-      flex-direction: row-reverse;
-    }
-    .rb-md-items-start {
-      align-items: flex-start;
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-md-py-20 {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-md-py-24 {
+        padding-top: 6rem;
+        padding-bottom: 6rem;
+      }
+      .rb-md-w-1\\/3 {
+        width: 33.333333%;
+      }
+
+      .rb-md-flex {
+        display: flex;
+      }
+      .rb-md-block {
+        display: block;
+      }
+      .rb-md-inline {
+        display: inline;
+      }
+      .rb-md-inline-block {
+        display: inline-block;
+      }
+      .rb-md-inline-flex {
+        display: inline-flex;
+      }
+      .rb-md-grid {
+        display: grid;
+      }
+      .rb-md-hidden {
+        display: none;
+      }
+      .rb-md-flex-row {
+        flex-direction: row;
+      }
+      .rb-md-flex-row-reverse {
+        flex-direction: row-reverse;
+      }
+      .rb-md-items-start {
+        align-items: flex-start;
+      }
     }
-  }
+
+}
   @container rb-site (min-width: 1024px) {
-    .rb-lg-flex {
-      display: flex;
-    }
-    .rb-lg-block {
-      display: block;
-    }
-    .rb-lg-inline {
-      display: inline;
-    }
-    .rb-lg-inline-block {
-      display: inline-block;
-    }
-    .rb-lg-inline-flex {
-      display: inline-flex;
-    }
-    .rb-lg-grid {
-      display: grid;
-    }
-    .rb-lg-hidden {
-      display: none;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-lg-flex {
+        display: flex;
+      }
+      .rb-lg-block {
+        display: block;
+      }
+      .rb-lg-inline {
+        display: inline;
+      }
+      .rb-lg-inline-block {
+        display: inline-block;
+      }
+      .rb-lg-inline-flex {
+        display: inline-flex;
+      }
+      .rb-lg-grid {
+        display: grid;
+      }
+      .rb-lg-hidden {
+        display: none;
+      }
     }
-  }
+
+}
 
   /* Margin */
   .rb-m-0 {
@@ -34759,8 +34910,9 @@ var containerResponsiveThemeCss = `/*
     font-weight: 700;
   }
   .rb-font-mono {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-      "Liberation Mono", "Courier New", monospace;
+    font-family:
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
   }
   .rb-leading-relaxed {
     line-height: 1.625;
@@ -34978,39 +35130,44 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (max-width: 639px) {
-    .rb-image-gallery-marquee {
-      overflow-x: auto;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-      touch-action: pan-x;
-      scrollbar-width: none;
-    }
 
-    .rb-image-gallery-marquee::-webkit-scrollbar {
-      display: none;
-    }
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-image-gallery-marquee {
+        overflow-x: auto;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+        touch-action: pan-x;
+        scrollbar-width: none;
+      }
 
-    /* Let users swipe smoothly without fighting autoplay while interacting. */
-    .rb-image-gallery-marquee:active .rb-animate-marquee,
-    .rb-image-gallery-marquee:focus-within .rb-animate-marquee {
-      animation-play-state: paused;
-    }
+      .rb-image-gallery-marquee::-webkit-scrollbar {
+        display: none;
+      }
 
-    .rb-container-full.rb-image-gallery-marquee-container {
-      padding-left: 0;
-      padding-right: 0;
-    }
+      /* Let users swipe smoothly without fighting autoplay while interacting. */
+      .rb-image-gallery-marquee:active .rb-animate-marquee,
+      .rb-image-gallery-marquee:focus-within .rb-animate-marquee {
+        animation-play-state: paused;
+      }
 
-    /* Marquee variant: keep images in color on mobile for legibility. */
-    .rb-image-gallery-marquee-container .rb-filter-grayscale,
-    .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal {
-      filter: none;
-    }
+      .rb-container-full.rb-image-gallery-marquee-container {
+        padding-left: 0;
+        padding-right: 0;
+      }
 
-    .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal:hover {
-      filter: none;
+      /* Marquee variant: keep images in color on mobile for legibility. */
+      .rb-image-gallery-marquee-container .rb-filter-grayscale,
+      .rb-image-gallery-marquee-container .rb-filter-grayscale-hover-reveal {
+        filter: none;
+      }
+
+      .rb-image-gallery-marquee-container
+        .rb-filter-grayscale-hover-reveal:hover {
+        filter: none;
+      }
     }
-  }
+
+}
 
   @media (prefers-reduced-motion: reduce) {
     .rb-animate-marquee {
@@ -35115,12 +35272,16 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-container,
-    .rb-container-full {
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-container,
+      .rb-container-full {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem;
+      }
     }
-  }
+
+}
 
   /* Flex alignment */
   .rb-self-start {
@@ -35154,27 +35315,31 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-section-pad-compact {
-      padding-top: 2rem;
-      padding-bottom: 2rem;
-    }
-    .rb-section-pad-cozy {
-      padding-top: 3.5rem;
-      padding-bottom: 3.5rem;
-    }
-    .rb-section-pad-medium {
-      padding-top: 4rem;
-      padding-bottom: 4rem;
-    }
-    .rb-section-pad-comfortable {
-      padding-top: 5rem;
-      padding-bottom: 5rem;
-    }
-    .rb-section-pad-spacious {
-      padding-top: 7rem;
-      padding-bottom: 7rem;
+
+    @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-cozy {
+        padding-top: 3.5rem;
+        padding-bottom: 3.5rem;
+      }
+      .rb-section-pad-medium {
+        padding-top: 4rem;
+        padding-bottom: 4rem;
+      }
+      .rb-section-pad-comfortable {
+        padding-top: 5rem;
+        padding-bottom: 5rem;
+      }
+      .rb-section-pad-spacious {
+        padding-top: 7rem;
+        padding-bottom: 7rem;
+      }
     }
-  }
+
+}
 
   .rb-container-pad-none {
     padding: 0;
@@ -35196,22 +35361,26 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 640px) {
-    .rb-container-pad-compact {
-      padding: 1.5rem;
-    }
-    .rb-container-pad-cozy {
-      padding: 2rem;
-    }
-    .rb-container-pad-medium {
-      padding: 2rem;
-    }
-    .rb-container-pad-comfortable {
-      padding: 2.5rem;
-    }
-    .rb-container-pad-spacious {
-      padding: 3.5rem;
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-container-pad-compact {
+        padding: 1.5rem;
+      }
+      .rb-container-pad-cozy {
+        padding: 2rem;
+      }
+      .rb-container-pad-medium {
+        padding: 2rem;
+      }
+      .rb-container-pad-comfortable {
+        padding: 2.5rem;
+      }
+      .rb-container-pad-spacious {
+        padding: 3.5rem;
+      }
     }
-  }
+
+}
 
   /* Semantic gap tokens (theme-aware via --space-mult) */
   .rb-gap-semantic-none {
@@ -35240,27 +35409,31 @@ var containerResponsiveThemeCss = `/*
   }
 
   @container rb-site (min-width: 768px) {
-    .rb-gap-semantic-compact {
-      --rb-semantic-gap: calc(1.25rem * var(--space-mult, 1));
-      gap: calc(1.25rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-cozy {
-      --rb-semantic-gap: calc(2.25rem * var(--space-mult, 1));
-      gap: calc(2.25rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-medium {
-      --rb-semantic-gap: calc(3.5rem * var(--space-mult, 1));
-      gap: calc(3.5rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-comfortable {
-      --rb-semantic-gap: calc(5.75rem * var(--space-mult, 1));
-      gap: calc(5.75rem * var(--space-mult, 1));
-    }
-    .rb-gap-semantic-spacious {
-      --rb-semantic-gap: calc(8.75rem * var(--space-mult, 1));
-      gap: calc(8.75rem * var(--space-mult, 1));
+
+    @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+      .rb-gap-semantic-compact {
+        --rb-semantic-gap: calc(1.25rem * var(--space-mult, 1));
+        gap: calc(1.25rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-cozy {
+        --rb-semantic-gap: calc(2.25rem * var(--space-mult, 1));
+        gap: calc(2.25rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-medium {
+        --rb-semantic-gap: calc(3.5rem * var(--space-mult, 1));
+        gap: calc(3.5rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-comfortable {
+        --rb-semantic-gap: calc(5.75rem * var(--space-mult, 1));
+        gap: calc(5.75rem * var(--space-mult, 1));
+      }
+      .rb-gap-semantic-spacious {
+        --rb-semantic-gap: calc(8.75rem * var(--space-mult, 1));
+        gap: calc(8.75rem * var(--space-mult, 1));
+      }
     }
-  }
+
+}
 
   /* Backdrop blur helpers */
   .rb-backdrop-blur {
@@ -35614,11 +35787,13 @@ var containerResponsiveThemeCss = `/*
   line-height: var(--rb-prose-lg-line-height);
 }
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) .rb-prose-xl-sm {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-prose-xl-sm {
     font-size: var(--rb-prose-xl-sm-font-size);
     line-height: var(--rb-prose-xl-sm-line-height);
   }
 }
+}
 
 /* Neutral prose uses theme text color by default */
 :where(.theme-scope) .rb-prose-neutral {
@@ -35702,22 +35877,28 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-columns-equal-height {
     --rb-columns-cols: var(--rb-columns-cols-md, var(--rb-columns-cols));
   }
 }
+}
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-columns-equal-height {
     --rb-columns-cols: var(--rb-columns-cols-lg, var(--rb-columns-cols));
   }
 }
+}
 
 @container rb-site (min-width: 1280px) {
-  :where(.theme-scope) .rb-columns-equal-height {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-columns-equal-height {
     --rb-columns-cols: var(--rb-columns-cols-xl, var(--rb-columns-cols));
   }
 }
+}
 
 :where(.theme-scope) .rb-columns-equal-height > * {
   height: var(--rb-columns-tile-h);
@@ -36339,7 +36520,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile: reduce site title size (~30%) to keep header compact */
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) .header-logo-text {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .header-logo-text {
     font-size: 0.8rem;
     line-height: 1.25rem;
   }
@@ -36350,6 +36532,7 @@ var containerResponsiveThemeCss = `/*
     line-height: 1.25rem;
   }
 }
+}
 
 /* Centered/editorial variants use larger title */
 :where(.theme-scope) .header-variant-centered .header-logo-text,
@@ -36373,10 +36556,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
     font-size: 0.75rem;
   }
 }
+}
 
 /* =================================================================
    Accessibility: Reduced Motion
@@ -36820,10 +37005,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-row {
   display: flex;
@@ -37056,12 +37243,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-layout {
     /* Desktop: main + sidebar */
     grid-template-columns: 1fr 300px;
     grid-template-areas: "main summary";
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-layout-main {
   grid-area: main;
@@ -37143,10 +37332,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-step-label {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-step-label {
     display: inline;
   }
 }
+}
 
 /* Sticky order summary */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
@@ -37163,11 +37354,13 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-summary {
     position: sticky;
     top: 1rem;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-event {
   font-weight: 600;
@@ -37237,12 +37430,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-guest-card {
     grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
     column-gap: 1rem;
     align-items: start;
   }
 }
+}
 
 /* Shake animation for validation errors */
 @keyframes er-shake {
@@ -37387,7 +37582,8 @@ var containerResponsiveThemeCss = `/*
  * ============================================================================= */
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope)
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
     .event-card[data-orientation="horizontal"] {
     display: flex;
@@ -37438,6 +37634,7 @@ var containerResponsiveThemeCss = `/*
     text-align: right;
   }
 }
+}
 
 /* Keep token list in sync with \`EVENT_CATEGORY_BADGE_TOKENS\` in \`packages/blocks/src/system/constants/events.ts\`. */
 :where(.theme-scope)
@@ -37517,7 +37714,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
     grid-template-columns: 1fr 260px;
     grid-template-areas:
       "main sidebar"
@@ -37532,6 +37730,7 @@ var containerResponsiveThemeCss = `/*
       "footer";
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main {
   grid-area: main;
@@ -38811,7 +39010,8 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-time,
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-title,
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-teacher,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta,
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -38837,6 +39037,17 @@ var containerResponsiveThemeCss = `/*
   opacity: 0.72;
 }
 
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  opacity: 0.85;
+}
+
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity--full {
+  color: rgb(var(--tb-danger, 220 38 38));
+  opacity: 1;
+}
+
 :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-empty {
   margin: 0;
   padding: 1rem 0.5rem;
@@ -38853,7 +39064,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (max-width: 767px) {
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
     display: flex;
   }
 
@@ -38883,6 +39095,7 @@ var containerResponsiveThemeCss = `/*
     padding-inline: 0.75rem;
   }
 }
+}
 
 /* -----------------------------------------------------------------------------
  * Event Calendar Modals
@@ -39021,7 +39234,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive adjustments */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
     margin-left: -1.5rem;
     margin-right: -1.5rem;
     border-left: none;
@@ -39082,6 +39296,7 @@ var containerResponsiveThemeCss = `/*
     margin: 0 0.5rem;
   }
 }
+}
 
 /*
  * Shared: Tab bar (underline style)
@@ -39444,10 +39659,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
     grid-template-columns: 1fr 1fr;
   }
 }
+}
 
 /* Field wrapper */
 :where(.theme-scope) :where([data-block="form"]) .fb-field {
@@ -39528,10 +39745,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
     font-size: 1.25rem;
   }
 }
+}
 
 /* =============================================================================
  * Shared: Heading Group (used by CTA, single-button, etc.)
@@ -39745,16 +39964,19 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .carousel-root {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .carousel-root {
     --rb-carousel-slides-to-show: var(
       --rb-carousel-slides-to-show-tablet,
       var(--rb-carousel-slides-to-show-mobile, 1)
     );
   }
 }
+}
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) .carousel-root {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .carousel-root {
     --rb-carousel-slides-to-show: var(
       --rb-carousel-slides-to-show-desktop,
       var(
@@ -39764,6 +39986,7 @@ var containerResponsiveThemeCss = `/*
     );
   }
 }
+}
 
 /* Slides take exact percentage width with internal padding for gaps.
  * Padding is more reliable than margin (no collapsing, consistent on all slides). */
@@ -40037,10 +40260,12 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive grid */
 @container rb-site (max-width: 768px) {
-  :where(.theme-scope) .shop__products--grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .shop__products--grid {
     grid-template-columns: 1fr;
   }
 }
+}
 
 :where(.theme-scope) .shop__modal-product {
   font-size: 0.9375rem;
@@ -40142,11 +40367,13 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile: full-width CTA buttons inside cards */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) .shop__cta {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .shop__cta {
     align-self: stretch;
     width: 100%;
   }
 }
+}
 
 /* =============================================================================
  * Block: Customer Portal
@@ -40852,7 +41079,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Responsive: show everything without horizontal scrolling */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) :where([data-block="customer-portal"]) .cp-only-mobile {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="customer-portal"]) .cp-only-mobile {
     display: flex;
   }
 
@@ -40892,6 +41120,7 @@ var containerResponsiveThemeCss = `/*
     align-self: stretch;
   }
 }
+}
 
 /* Placeholder (SSR) */
 :where(.theme-scope) :where([data-block="customer-portal"]) .cp-placeholder {
@@ -40981,7 +41210,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Position arrows outside the carousel content area */
 @container rb-site (max-width: 639px) {
-  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
     /* Move arrows closer to viewport edge than container edge on mobile. */
     left: calc(0.5rem - 1.5rem);
   }
@@ -40991,10 +41221,12 @@ var containerResponsiveThemeCss = `/*
     right: calc(0.5rem - 1.5rem);
   }
 }
+}
 
 /* Position arrows further out on larger breakpoints */
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="testimonials"]) .rb-testimonials-carousel.carousel-root .carousel-nav-btn--prev {
     left: calc(-1 * (var(--rb-testimonial-carousel-arrow-size) / 2 + var(--rb-testimonial-carousel-arrow-gap)));
   }
 
@@ -41002,6 +41234,7 @@ var containerResponsiveThemeCss = `/*
     right: calc(-1 * (var(--rb-testimonial-carousel-arrow-size) / 2 + var(--rb-testimonial-carousel-arrow-gap)));
   }
 }
+}
 
 /*
  * Event Details (runtime node)
@@ -41053,10 +41286,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) .rb-tiles-grid {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-tiles-grid {
     grid-template-columns: repeat(var(--rb-tiles-grid-cols-md, var(--rb-tiles-grid-cols-sm, 2)), minmax(0, 1fr));
   }
 }
+}
 
 :where(.theme-scope) :where(.rb-tile--interactive, .er-event-card) {
   cursor: pointer;
@@ -41161,10 +41396,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout--with-sidebar {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-layout--with-sidebar {
     grid-template-columns: 1fr 280px;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__main {
   min-width: 0;
@@ -41175,10 +41412,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__sidebar {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-layout__sidebar {
     display: block;
   }
 }
+}
 
 /* =============================================================================
  * Step Indicator
@@ -41229,10 +41468,12 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 640px) {
-  :where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label {
     display: block;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="course-registration"]) .cr-step-label--active {
   color: var(--cr-on-surface);
@@ -42115,7 +42356,8 @@ var containerResponsiveThemeCss = `/*
 
 /* Mobile fallback for inline variant */
 @container rb-site (max-width: 640px) {
-  :where(.theme-scope) .newsletter-inline .newsletter-form-fields {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .newsletter-inline .newsletter-form-fields {
     flex-direction: column;
   }
 
@@ -42123,6 +42365,7 @@ var containerResponsiveThemeCss = `/*
     min-width: 100%;
   }
 }
+}
 
 /* =============================================================================
  * Success State
@@ -42160,12 +42403,14 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 1024px) {
-  :where(.theme-scope) :where([data-block="team-members"]) :where(.rb-team-members[data-layout-width="lg-3-4-left"]) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="team-members"]) :where(.rb-team-members[data-layout-width="lg-3-4-left"]) {
     width: 75%;
     margin-left: 0;
     margin-right: auto;
   }
 }
+}
 
 :where(.theme-scope) :where([data-block="team-members"]) .rb-team-member-photo {
   display: block;
@@ -42240,7 +42485,8 @@ var containerResponsiveThemeCss = `/*
 }
 
 @container rb-site (min-width: 768px) {
-  /* Stack variant: enforce real column ratio at md+ (fixes transform/fallback pitfalls). */
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+/* Stack variant: enforce real column ratio at md+ (fixes transform/fallback pitfalls). */
   :where(.theme-scope) :where([data-block="team-members"][data-block-variant="stack"]) :where(.rb-team-member-photo-col) {
     flex: 0 0 var(--rb-team-image-basis);
   }
@@ -42264,6 +42510,7 @@ var containerResponsiveThemeCss = `/*
     flex-direction: row-reverse;
   }
 }
+}
 
 /* Thumbnail padding (space around image inside the item) */
 :where(.theme-scope) :where([data-block="team-members"]) .rb-team-members[data-thumb-pad="sm"] .rb-team-member-photo-wrap {
@@ -42466,18 +42713,19 @@ function ThemeScopeCore({
   children,
   className
 }) {
-  const isContainerResponsive = responsiveMode === "container";
+  const responsiveScope = getResponsiveScopeSpec(responsiveMode);
+  const isContainerResponsive = responsiveScope.kind === "container";
   const wrapperStyle = isContainerResponsive ? {
     ...cssVars,
     containerType: "inline-size",
-    containerName: THEME_RESPONSIVE_CONTAINER_NAME
+    containerName: responsiveScope.containerName
   } : cssVars;
   return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: className ? `theme-scope ${className}` : "theme-scope",
       style: wrapperStyle,
-      "data-rb-responsive-mode": responsiveMode,
+      "data-rb-responsive-mode": responsiveScope.kind,
       ...dataAttrs,
       suppressHydrationWarning,
       children: [
@@ -42485,25 +42733,131 @@ function ThemeScopeCore({
           "style",
           {
             "data-container-responsive-overrides": true,
-            dangerouslySetInnerHTML: { __html: escapeStyleContent(containerResponsiveThemeCss) }
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(containerResponsiveThemeCss)
+            }
+          }
+        ),
+        layoutCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-layout-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) }
+          }
+        ),
+        buttonCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-button-effects": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) }
+          }
+        ),
+        headerCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-header-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) }
+          }
+        ),
+        footerCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-footer-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) }
+          }
+        ),
+        cardCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-card-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) }
+          }
+        ),
+        accordionCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-accordion-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) }
+          }
+        ),
+        inputCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-input-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) }
+          }
+        ),
+        statusCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-status-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) }
+          }
+        ),
+        progressCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-progress-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) }
+          }
+        ),
+        typographyCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-typography-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(typographyCss)
+            }
+          }
+        ),
+        eventCalendarCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-event-calendar-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(eventCalendarCss)
+            }
+          }
+        ),
+        blockVarsCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-vars-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) }
+          }
+        ),
+        blockCustomVarsCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-custom-vars-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomVarsCss)
+            }
+          }
+        ),
+        blockCustomCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-block-custom-styles": true,
+            dangerouslySetInnerHTML: {
+              __html: escapeStyleContent(blockCustomCss)
+            }
+          }
+        ),
+        atRulesCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-at-rules-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) }
+          }
+        ),
+        customCss && /* @__PURE__ */ jsx51(
+          "style",
+          {
+            "data-custom-theme-styles": true,
+            dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) }
           }
         ),
-        layoutCss && /* @__PURE__ */ jsx51("style", { "data-layout-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(layoutCss) } }),
-        buttonCss && /* @__PURE__ */ jsx51("style", { "data-button-effects": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(buttonCss) } }),
-        headerCss && /* @__PURE__ */ jsx51("style", { "data-header-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(headerCss) } }),
-        footerCss && /* @__PURE__ */ jsx51("style", { "data-footer-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(footerCss) } }),
-        cardCss && /* @__PURE__ */ jsx51("style", { "data-card-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(cardCss) } }),
-        accordionCss && /* @__PURE__ */ jsx51("style", { "data-accordion-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(accordionCss) } }),
-        inputCss && /* @__PURE__ */ jsx51("style", { "data-input-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(inputCss) } }),
-        statusCss && /* @__PURE__ */ jsx51("style", { "data-status-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(statusCss) } }),
-        progressCss && /* @__PURE__ */ jsx51("style", { "data-progress-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(progressCss) } }),
-        typographyCss && /* @__PURE__ */ jsx51("style", { "data-typography-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(typographyCss) } }),
-        eventCalendarCss && /* @__PURE__ */ jsx51("style", { "data-event-calendar-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(eventCalendarCss) } }),
-        blockVarsCss && /* @__PURE__ */ jsx51("style", { "data-block-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockVarsCss) } }),
-        blockCustomVarsCss && /* @__PURE__ */ jsx51("style", { "data-block-custom-vars-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomVarsCss) } }),
-        blockCustomCss && /* @__PURE__ */ jsx51("style", { "data-block-custom-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(blockCustomCss) } }),
-        atRulesCss && /* @__PURE__ */ jsx51("style", { "data-at-rules-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(atRulesCss) } }),
-        customCss && /* @__PURE__ */ jsx51("style", { "data-custom-theme-styles": true, dangerouslySetInnerHTML: { __html: escapeStyleContent(customCss) } }),
         children
       ]
     }
@@ -43344,6 +43698,1550 @@ async function Layout({
   return useThemeScope ? /* @__PURE__ */ jsx58(ThemeScope2, { theme, children: content }) : content;
 }
 
+// ../../node_modules/.pnpm/@vibrant+image@4.0.4/node_modules/@vibrant/image/dist/esm/histogram.js
+var Histogram = class {
+  constructor(pixels, opts) {
+    this.pixels = pixels;
+    this.opts = opts;
+    const { sigBits } = opts;
+    const getColorIndex = (r22, g2, b2) => (r22 << 2 * sigBits) + (g2 << sigBits) + b2;
+    this.getColorIndex = getColorIndex;
+    const rshift = 8 - sigBits;
+    const hn = 1 << 3 * sigBits;
+    const hist = new Uint32Array(hn);
+    let rmax;
+    let rmin;
+    let gmax;
+    let gmin;
+    let bmax;
+    let bmin;
+    let r2;
+    let g;
+    let b;
+    let a;
+    rmax = gmax = bmax = 0;
+    rmin = gmin = bmin = Number.MAX_VALUE;
+    const n = pixels.length / 4;
+    let i = 0;
+    while (i < n) {
+      const offset = i * 4;
+      i++;
+      r2 = pixels[offset + 0];
+      g = pixels[offset + 1];
+      b = pixels[offset + 2];
+      a = pixels[offset + 3];
+      if (a === 0) continue;
+      r2 = r2 >> rshift;
+      g = g >> rshift;
+      b = b >> rshift;
+      const index = getColorIndex(r2, g, b);
+      if (hist[index] === void 0) hist[index] = 0;
+      hist[index] += 1;
+      if (r2 > rmax) rmax = r2;
+      if (r2 < rmin) rmin = r2;
+      if (g > gmax) gmax = g;
+      if (g < gmin) gmin = g;
+      if (b > bmax) bmax = b;
+      if (b < bmin) bmin = b;
+    }
+    this._colorCount = hist.reduce(
+      (total, c) => c > 0 ? total + 1 : total,
+      0
+    );
+    this.hist = hist;
+    this.rmax = rmax;
+    this.rmin = rmin;
+    this.gmax = gmax;
+    this.gmin = gmin;
+    this.bmax = bmax;
+    this.bmin = bmin;
+  }
+  get colorCount() {
+    return this._colorCount;
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+image@4.0.4/node_modules/@vibrant/image/dist/esm/index.js
+var ImageBase = class {
+  scaleDown(opts) {
+    const width = this.getWidth();
+    const height = this.getHeight();
+    let ratio = 1;
+    if (opts.maxDimension > 0) {
+      const maxSide = Math.max(width, height);
+      if (maxSide > opts.maxDimension) ratio = opts.maxDimension / maxSide;
+    } else {
+      ratio = 1 / opts.quality;
+    }
+    if (ratio < 1) this.resize(width * ratio, height * ratio, ratio);
+  }
+};
+function applyFilters(imageData, filters) {
+  if (filters.length > 0) {
+    const pixels = imageData.data;
+    const n = pixels.length / 4;
+    let offset;
+    let r2;
+    let g;
+    let b;
+    let a;
+    for (let i = 0; i < n; i++) {
+      offset = i * 4;
+      r2 = pixels[offset + 0];
+      g = pixels[offset + 1];
+      b = pixels[offset + 2];
+      a = pixels[offset + 3];
+      for (let j = 0; j < filters.length; j++) {
+        if (!filters[j]?.(r2, g, b, a)) {
+          pixels[offset + 3] = 0;
+          break;
+        }
+      }
+    }
+  }
+  return imageData;
+}
+
+// ../../node_modules/.pnpm/@vibrant+image-browser@4.0.4/node_modules/@vibrant/image-browser/dist/esm/index.js
+function isRelativeUrl(url) {
+  const u = new URL(url, location.href);
+  return u.protocol === location.protocol && u.host === location.host && u.port === location.port;
+}
+function isSameOrigin(a, b) {
+  const ua = new URL(a);
+  const ub = new URL(b);
+  return ua.protocol === ub.protocol && ua.hostname === ub.hostname && ua.port === ub.port;
+}
+var BrowserImage = class extends ImageBase {
+  _getCanvas() {
+    if (!this._canvas) {
+      throw new Error("Canvas is not initialized");
+    }
+    return this._canvas;
+  }
+  _getContext() {
+    if (!this._context) {
+      throw new Error("Context is not initialized");
+    }
+    return this._context;
+  }
+  _getWidth() {
+    if (!this._width) {
+      throw new Error("Width is not initialized");
+    }
+    return this._width;
+  }
+  _getHeight() {
+    if (!this._height) {
+      throw new Error("Height is not initialized");
+    }
+    return this._height;
+  }
+  _initCanvas() {
+    const img = this.image;
+    if (!img) {
+      throw new Error("Image is not initialized");
+    }
+    const canvas = this._canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+    if (!context) throw new ReferenceError("Failed to create canvas context");
+    this._context = context;
+    canvas.className = "@vibrant/canvas";
+    canvas.style.display = "none";
+    this._width = canvas.width = img.width;
+    this._height = canvas.height = img.height;
+    context.drawImage(img, 0, 0);
+    document.body.appendChild(canvas);
+  }
+  load(image) {
+    let img;
+    let src;
+    if (typeof image === "string") {
+      img = document.createElement("img");
+      src = image;
+      if (!isRelativeUrl(src) && !isSameOrigin(window.location.href, src)) {
+        img.crossOrigin = "anonymous";
+      }
+      img.src = src;
+    } else if (image instanceof HTMLImageElement) {
+      img = image;
+      src = image.src;
+    } else {
+      return Promise.reject(
+        new Error(`Cannot load buffer as an image in browser`)
+      );
+    }
+    this.image = img;
+    return new Promise((resolve, reject) => {
+      const onImageLoad = () => {
+        this._initCanvas();
+        resolve(this);
+      };
+      if (img.complete) {
+        onImageLoad();
+      } else {
+        img.onload = onImageLoad;
+        img.onerror = (_e) => reject(new Error(`Fail to load image: ${src}`));
+      }
+    });
+  }
+  clear() {
+    this._getContext().clearRect(0, 0, this._getWidth(), this._getHeight());
+  }
+  update(imageData) {
+    this._getContext().putImageData(imageData, 0, 0);
+  }
+  getWidth() {
+    return this._getWidth();
+  }
+  getHeight() {
+    return this._getHeight();
+  }
+  resize(targetWidth, targetHeight, ratio) {
+    if (!this.image) {
+      throw new Error("Image is not initialized");
+    }
+    this._width = this._getCanvas().width = targetWidth;
+    this._height = this._getCanvas().height = targetHeight;
+    this._getContext().scale(ratio, ratio);
+    this._getContext().drawImage(this.image, 0, 0);
+  }
+  getPixelCount() {
+    return this._getWidth() * this._getHeight();
+  }
+  getImageData() {
+    return this._getContext().getImageData(
+      0,
+      0,
+      this._getWidth(),
+      this._getHeight()
+    );
+  }
+  remove() {
+    if (this._canvas && this._canvas.parentNode) {
+      this._canvas.parentNode.removeChild(this._canvas);
+    }
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+core@4.0.4/node_modules/@vibrant/core/dist/esm/utils.js
+function assignDeep(target, ...sources) {
+  sources.forEach((s) => {
+    if (!s) return;
+    for (const key in s) {
+      if (s.hasOwnProperty(key)) {
+        const v = s[key];
+        if (Array.isArray(v)) {
+          target[key] = v.slice(0);
+        } else if (typeof v === "object") {
+          if (!target[key]) target[key] = {};
+          assignDeep(target[key], v);
+        } else {
+          target[key] = v;
+        }
+      }
+    }
+  });
+  return target;
+}
+
+// ../../node_modules/.pnpm/@vibrant+core@4.0.4/node_modules/@vibrant/core/dist/esm/options.js
+function buildProcessOptions(opts, override) {
+  const { colorCount, quantizer, generators, filters } = opts;
+  const commonQuantizerOpts = { colorCount };
+  const q = typeof quantizer === "string" ? { name: quantizer, options: {} } : quantizer;
+  q.options = assignDeep({}, commonQuantizerOpts, q.options);
+  return assignDeep(
+    {},
+    {
+      quantizer: q,
+      generators,
+      filters
+    },
+    override
+  );
+}
+
+// ../../node_modules/.pnpm/@vibrant+core@4.0.4/node_modules/@vibrant/core/dist/esm/builder.js
+var Builder = class {
+  /**
+   * Arguments are the same as `Vibrant.constructor`.
+   */
+  constructor(src, opts = {}) {
+    this._src = src;
+    this._opts = assignDeep({}, Vibrant.DefaultOpts, opts);
+  }
+  /**
+   * Sets `opts.colorCount` to `n`.
+   * @returns this `Builder` instance.
+   */
+  maxColorCount(n) {
+    this._opts.colorCount = n;
+    return this;
+  }
+  /**
+   * Sets `opts.maxDimension` to `d`.
+   * @returns this `Builder` instance.
+   */
+  maxDimension(d) {
+    this._opts.maxDimension = d;
+    return this;
+  }
+  /**
+   * Adds a filter function
+   * @returns this `Builder` instance.
+   */
+  addFilter(name) {
+    if (!this._opts.filters) {
+      this._opts.filters = [name];
+    } else {
+      this._opts.filters.push(name);
+    }
+    return this;
+  }
+  /**
+   * Removes a filter function.
+   * @returns this `Builder` instance.
+   */
+  removeFilter(name) {
+    if (this._opts.filters) {
+      const i = this._opts.filters.indexOf(name);
+      if (i > 0) this._opts.filters.splice(i);
+    }
+    return this;
+  }
+  /**
+   * Clear all filters.
+   * @returns this `Builder` instance.
+   */
+  clearFilters() {
+    this._opts.filters = [];
+    return this;
+  }
+  /**
+   * Sets `opts.quality` to `q`.
+   * @returns this `Builder` instance.
+   */
+  quality(q) {
+    this._opts.quality = q;
+    return this;
+  }
+  /**
+   * Specifies which `Image` implementation class to use.
+   * @returns this `Builder` instance.
+   */
+  useImageClass(imageClass) {
+    this._opts.ImageClass = imageClass;
+    return this;
+  }
+  /**
+   * Sets `opts.generator` to `generator`
+   * @returns this `Builder` instance.
+   */
+  useGenerator(generator, options) {
+    if (!this._opts.generators) this._opts.generators = [];
+    this._opts.generators.push(
+      options ? { name: generator, options } : generator
+    );
+    return this;
+  }
+  /**
+   * Specifies which `Quantizer` implementation class to use
+   * @returns this `Builder` instance.
+   */
+  useQuantizer(quantizer, options) {
+    this._opts.quantizer = options ? { name: quantizer, options } : quantizer;
+    return this;
+  }
+  /**
+   * Builds and returns a `Vibrant` instance as configured.
+   */
+  build() {
+    return new Vibrant(this._src, this._opts);
+  }
+  /**
+   * Builds a `Vibrant` instance as configured and calls its `getPalette` method.
+   */
+  getPalette() {
+    return this.build().getPalette();
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+core@4.0.4/node_modules/@vibrant/core/dist/esm/pipeline/index.js
+var Stage = class {
+  constructor(pipeline2) {
+    this.pipeline = pipeline2;
+    this._map = {};
+  }
+  names() {
+    return Object.keys(this._map);
+  }
+  has(name) {
+    return !!this._map[name];
+  }
+  get(name) {
+    return this._map[name];
+  }
+  register(name, stageFn) {
+    this._map[name] = stageFn;
+    return this.pipeline;
+  }
+};
+var BasicPipeline = class {
+  constructor() {
+    this.filter = new Stage(this);
+    this.quantizer = new Stage(this);
+    this.generator = new Stage(this);
+  }
+  _buildProcessTasks({
+    filters,
+    quantizer,
+    generators
+  }) {
+    if (generators.length === 1 && generators[0] === "*") {
+      generators = this.generator.names();
+    }
+    return {
+      filters: filters.map((f) => createTask(this.filter, f)),
+      quantizer: createTask(this.quantizer, quantizer),
+      generators: generators.map((g) => createTask(this.generator, g))
+    };
+    function createTask(stage, o) {
+      let name;
+      let options;
+      if (typeof o === "string") {
+        name = o;
+      } else {
+        name = o.name;
+        options = o.options;
+      }
+      return {
+        name,
+        fn: stage.get(name),
+        options
+      };
+    }
+  }
+  async process(imageData, opts) {
+    const { filters, quantizer, generators } = this._buildProcessTasks(opts);
+    const imageFilterData = await this._filterColors(filters, imageData);
+    const colors = await this._generateColors(quantizer, imageFilterData);
+    const palettes = await this._generatePalettes(generators, colors);
+    return {
+      colors,
+      palettes
+    };
+  }
+  _filterColors(filters, imageData) {
+    return Promise.resolve(
+      applyFilters(
+        imageData,
+        filters.map(({ fn }) => fn)
+      )
+    );
+  }
+  _generateColors(quantizer, imageData) {
+    return Promise.resolve(quantizer.fn(imageData.data, quantizer.options));
+  }
+  async _generatePalettes(generators, colors) {
+    const promiseArr = await Promise.all(
+      generators.map(({ fn, options }) => Promise.resolve(fn(colors, options)))
+    );
+    return Promise.resolve(
+      promiseArr.reduce(
+        (promises, promiseVal, i) => {
+          promises[generators[i].name] = promiseVal;
+          return promises;
+        },
+        {}
+      )
+    );
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+color@4.0.4/node_modules/@vibrant/color/dist/esm/converter.js
+function rgbToHex2(r2, g, b) {
+  return "#" + ((1 << 24) + (r2 << 16) + (g << 8) + b).toString(16).slice(1, 7);
+}
+function rgbToHsl2(r2, g, b) {
+  r2 /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r2, g, b);
+  const min = Math.min(r2, g, b);
+  let h = 0;
+  let s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r2:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r2) / d + 2;
+        break;
+      case b:
+        h = (r2 - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  return [h, s, l];
+}
+function hslToRgb(h, s, l) {
+  let r2;
+  let g;
+  let b;
+  function hue2rgb(p, q, t) {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  }
+  if (s === 0) {
+    r2 = g = b = l;
+  } else {
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r2 = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  return [r2 * 255, g * 255, b * 255];
+}
+
+// ../../node_modules/.pnpm/@vibrant+color@4.0.4/node_modules/@vibrant/color/dist/esm/index.js
+var Swatch2 = class _Swatch {
+  static applyFilters(colors, filters) {
+    return filters.length > 0 ? colors.filter(({ r: r2, g, b }) => {
+      for (let j = 0; j < filters.length; j++) {
+        if (!filters[j]?.(r2, g, b, 255)) return false;
+      }
+      return true;
+    }) : colors;
+  }
+  /**
+   * Make a value copy of a swatch based on a previous one. Returns a new Swatch instance
+   * @param {Swatch} swatch
+   */
+  static clone(swatch) {
+    return new _Swatch(swatch._rgb, swatch._population);
+  }
+  /**
+   * The red value in the RGB value
+   */
+  get r() {
+    return this._rgb[0];
+  }
+  /**
+   * The green value in the RGB value
+   */
+  get g() {
+    return this._rgb[1];
+  }
+  /**
+   * The blue value in the RGB value
+   */
+  get b() {
+    return this._rgb[2];
+  }
+  /**
+   * The color value as a rgb value
+   */
+  get rgb() {
+    return this._rgb;
+  }
+  /**
+   * The color value as a hsl value
+   */
+  get hsl() {
+    if (!this._hsl) {
+      const [r2, g, b] = this._rgb;
+      this._hsl = rgbToHsl2(r2, g, b);
+    }
+    return this._hsl;
+  }
+  /**
+   * The color value as a hex string
+   */
+  get hex() {
+    if (!this._hex) {
+      const [r2, g, b] = this._rgb;
+      this._hex = rgbToHex2(r2, g, b);
+    }
+    return this._hex;
+  }
+  get population() {
+    return this._population;
+  }
+  /**
+   * Get the JSON object for the swatch
+   */
+  toJSON() {
+    return {
+      rgb: this.rgb,
+      population: this.population
+    };
+  }
+  getYiq() {
+    if (!this._yiq) {
+      const rgb = this._rgb;
+      this._yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1e3;
+    }
+    return this._yiq;
+  }
+  /**
+   * Returns an appropriate color to use for any 'title' text which is displayed over this Swatch's color.
+   */
+  get titleTextColor() {
+    if (!this._titleTextColor) {
+      this._titleTextColor = this.getYiq() < 200 ? "#fff" : "#000";
+    }
+    return this._titleTextColor;
+  }
+  /**
+   * Returns an appropriate color to use for any 'body' text which is displayed over this Swatch's color.
+   */
+  get bodyTextColor() {
+    if (!this._bodyTextColor) {
+      this._bodyTextColor = this.getYiq() < 150 ? "#fff" : "#000";
+    }
+    return this._bodyTextColor;
+  }
+  /**
+   * Internal use.
+   * @param rgb `[r, g, b]`
+   * @param population Population of the color in an image
+   */
+  constructor(rgb, population) {
+    this._rgb = rgb;
+    this._population = population;
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+core@4.0.4/node_modules/@vibrant/core/dist/esm/index.js
+var _Vibrant = class _Vibrant2 {
+  /**
+   *
+   * @param _src Path to image file (supports HTTP/HTTPs)
+   * @param opts Options (optional)
+   */
+  constructor(_src, opts) {
+    this._src = _src;
+    this.opts = assignDeep({}, _Vibrant2.DefaultOpts, opts);
+  }
+  static use(pipeline2) {
+    this._pipeline = pipeline2;
+  }
+  static from(src) {
+    return new Builder(src);
+  }
+  get result() {
+    return this._result;
+  }
+  _process(image, opts) {
+    image.scaleDown(this.opts);
+    const processOpts = buildProcessOptions(this.opts, opts);
+    return _Vibrant2._pipeline.process(image.getImageData(), processOpts);
+  }
+  async getPalette() {
+    const image = new this.opts.ImageClass();
+    try {
+      const image1 = await image.load(this._src);
+      const result1 = await this._process(image1, {
+        generators: ["default"]
+      });
+      this._result = result1;
+      const res = result1.palettes["default"];
+      if (!res) {
+        throw new Error(
+          `Something went wrong and a palette was not found, please file a bug against our GitHub repo: https://github.com/vibrant-Colors/node-vibrant/`
+        );
+      }
+      image.remove();
+      return res;
+    } catch (err2) {
+      image.remove();
+      return Promise.reject(err2);
+    }
+  }
+  async getPalettes() {
+    const image = new this.opts.ImageClass();
+    try {
+      const image1 = await image.load(this._src);
+      const result1 = await this._process(image1, {
+        generators: ["*"]
+      });
+      this._result = result1;
+      const res = result1.palettes;
+      image.remove();
+      return res;
+    } catch (err2) {
+      image.remove();
+      return Promise.reject(err2);
+    }
+  }
+};
+_Vibrant.DefaultOpts = {
+  colorCount: 64,
+  quality: 5,
+  filters: []
+};
+var Vibrant = _Vibrant;
+
+// ../../node_modules/.pnpm/node-vibrant@4.0.4/node_modules/node-vibrant/dist/esm/configs/config.js
+Vibrant.DefaultOpts.quantizer = "mmcq";
+Vibrant.DefaultOpts.generators = ["default"];
+Vibrant.DefaultOpts.filters = ["default"];
+
+// ../../node_modules/.pnpm/node-vibrant@4.0.4/node_modules/node-vibrant/dist/esm/configs/browser.js
+Vibrant.DefaultOpts.ImageClass = BrowserImage;
+
+// ../../node_modules/.pnpm/@vibrant+quantizer-mmcq@4.0.4/node_modules/@vibrant/quantizer-mmcq/dist/esm/vbox.js
+var SIGBITS = 5;
+var RSHIFT = 8 - SIGBITS;
+var VBox = class _VBox {
+  constructor(r1, r2, g1, g2, b1, b2, histogram) {
+    this.histogram = histogram;
+    this._volume = -1;
+    this._avg = null;
+    this._count = -1;
+    this.dimension = { r1, r2, g1, g2, b1, b2 };
+  }
+  static build(pixels) {
+    const h = new Histogram(pixels, { sigBits: SIGBITS });
+    const { rmin, rmax, gmin, gmax, bmin, bmax } = h;
+    return new _VBox(rmin, rmax, gmin, gmax, bmin, bmax, h);
+  }
+  invalidate() {
+    this._volume = this._count = -1;
+    this._avg = null;
+  }
+  volume() {
+    if (this._volume < 0) {
+      const { r1, r2, g1, g2, b1, b2 } = this.dimension;
+      this._volume = (r2 - r1 + 1) * (g2 - g1 + 1) * (b2 - b1 + 1);
+    }
+    return this._volume;
+  }
+  count() {
+    if (this._count < 0) {
+      const { hist, getColorIndex } = this.histogram;
+      const { r1, r2, g1, g2, b1, b2 } = this.dimension;
+      let c = 0;
+      for (let r3 = r1; r3 <= r2; r3++) {
+        for (let g = g1; g <= g2; g++) {
+          for (let b = b1; b <= b2; b++) {
+            const index = getColorIndex(r3, g, b);
+            if (!hist[index]) {
+              continue;
+            }
+            c += hist[index];
+          }
+        }
+      }
+      this._count = c;
+    }
+    return this._count;
+  }
+  clone() {
+    const { histogram } = this;
+    const { r1, r2, g1, g2, b1, b2 } = this.dimension;
+    return new _VBox(r1, r2, g1, g2, b1, b2, histogram);
+  }
+  avg() {
+    if (!this._avg) {
+      const { hist, getColorIndex } = this.histogram;
+      const { r1, r2, g1, g2, b1, b2 } = this.dimension;
+      let ntot = 0;
+      const mult = 1 << 8 - SIGBITS;
+      let rsum;
+      let gsum;
+      let bsum;
+      rsum = gsum = bsum = 0;
+      for (let r3 = r1; r3 <= r2; r3++) {
+        for (let g = g1; g <= g2; g++) {
+          for (let b = b1; b <= b2; b++) {
+            const index = getColorIndex(r3, g, b);
+            const h = hist[index];
+            if (!h) continue;
+            ntot += h;
+            rsum += h * (r3 + 0.5) * mult;
+            gsum += h * (g + 0.5) * mult;
+            bsum += h * (b + 0.5) * mult;
+          }
+        }
+      }
+      if (ntot) {
+        this._avg = [~~(rsum / ntot), ~~(gsum / ntot), ~~(bsum / ntot)];
+      } else {
+        this._avg = [
+          ~~(mult * (r1 + r2 + 1) / 2),
+          ~~(mult * (g1 + g2 + 1) / 2),
+          ~~(mult * (b1 + b2 + 1) / 2)
+        ];
+      }
+    }
+    return this._avg;
+  }
+  contains(rgb) {
+    let [r2, g, b] = rgb;
+    const { r1, r2: r22, g1, g2, b1, b2 } = this.dimension;
+    r2 >>= RSHIFT;
+    g >>= RSHIFT;
+    b >>= RSHIFT;
+    return r2 >= r1 && r2 <= r22 && g >= g1 && g <= g2 && b >= b1 && b <= b2;
+  }
+  split() {
+    const { hist, getColorIndex } = this.histogram;
+    const { r1, r2, g1, g2, b1, b2 } = this.dimension;
+    const count = this.count();
+    if (!count) return [];
+    if (count === 1) return [this.clone()];
+    const rw = r2 - r1 + 1;
+    const gw = g2 - g1 + 1;
+    const bw = b2 - b1 + 1;
+    const maxw = Math.max(rw, gw, bw);
+    let accSum = null;
+    let sum;
+    let total;
+    sum = total = 0;
+    let maxd = null;
+    if (maxw === rw) {
+      maxd = "r";
+      accSum = new Uint32Array(r2 + 1);
+      for (let r3 = r1; r3 <= r2; r3++) {
+        sum = 0;
+        for (let g = g1; g <= g2; g++) {
+          for (let b = b1; b <= b2; b++) {
+            const index = getColorIndex(r3, g, b);
+            if (!hist[index]) continue;
+            sum += hist[index];
+          }
+        }
+        total += sum;
+        accSum[r3] = total;
+      }
+    } else if (maxw === gw) {
+      maxd = "g";
+      accSum = new Uint32Array(g2 + 1);
+      for (let g = g1; g <= g2; g++) {
+        sum = 0;
+        for (let r3 = r1; r3 <= r2; r3++) {
+          for (let b = b1; b <= b2; b++) {
+            const index = getColorIndex(r3, g, b);
+            if (!hist[index]) continue;
+            sum += hist[index];
+          }
+        }
+        total += sum;
+        accSum[g] = total;
+      }
+    } else {
+      maxd = "b";
+      accSum = new Uint32Array(b2 + 1);
+      for (let b = b1; b <= b2; b++) {
+        sum = 0;
+        for (let r3 = r1; r3 <= r2; r3++) {
+          for (let g = g1; g <= g2; g++) {
+            const index = getColorIndex(r3, g, b);
+            if (!hist[index]) continue;
+            sum += hist[index];
+          }
+        }
+        total += sum;
+        accSum[b] = total;
+      }
+    }
+    let splitPoint = -1;
+    const reverseSum = new Uint32Array(accSum.length);
+    for (let i = 0; i < accSum.length; i++) {
+      const d = accSum[i];
+      if (!d) continue;
+      if (splitPoint < 0 && d > total / 2) splitPoint = i;
+      reverseSum[i] = total - d;
+    }
+    const vbox = this;
+    function doCut(d) {
+      const dim1 = d + "1";
+      const dim2 = d + "2";
+      const d1 = vbox.dimension[dim1];
+      let d2 = vbox.dimension[dim2];
+      const vbox1 = vbox.clone();
+      const vbox2 = vbox.clone();
+      const left = splitPoint - d1;
+      const right = d2 - splitPoint;
+      if (left <= right) {
+        d2 = Math.min(d2 - 1, ~~(splitPoint + right / 2));
+        d2 = Math.max(0, d2);
+      } else {
+        d2 = Math.max(d1, ~~(splitPoint - 1 - left / 2));
+        d2 = Math.min(vbox.dimension[dim2], d2);
+      }
+      while (!accSum[d2]) d2++;
+      let c2 = reverseSum[d2];
+      while (!c2 && accSum[d2 - 1]) c2 = reverseSum[--d2];
+      vbox1.dimension[dim2] = d2;
+      vbox2.dimension[dim1] = d2 + 1;
+      return [vbox1, vbox2];
+    }
+    return doCut(maxd);
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+quantizer-mmcq@4.0.4/node_modules/@vibrant/quantizer-mmcq/dist/esm/pqueue.js
+var PQueue = class {
+  _sort() {
+    if (!this._sorted) {
+      this.contents.sort(this._comparator);
+      this._sorted = true;
+    }
+  }
+  constructor(comparator) {
+    this._comparator = comparator;
+    this.contents = [];
+    this._sorted = false;
+  }
+  push(item) {
+    this.contents.push(item);
+    this._sorted = false;
+  }
+  peek(index) {
+    this._sort();
+    index = typeof index === "number" ? index : this.contents.length - 1;
+    return this.contents[index];
+  }
+  pop() {
+    this._sort();
+    return this.contents.pop();
+  }
+  size() {
+    return this.contents.length;
+  }
+  map(mapper) {
+    this._sort();
+    return this.contents.map(mapper);
+  }
+};
+
+// ../../node_modules/.pnpm/@vibrant+quantizer-mmcq@4.0.4/node_modules/@vibrant/quantizer-mmcq/dist/esm/index.js
+var fractByPopulations = 0.75;
+function _splitBoxes(pq, target) {
+  let lastSize = pq.size();
+  while (pq.size() < target) {
+    const vbox = pq.pop();
+    if (vbox && vbox.count() > 0) {
+      const [vbox1, vbox2] = vbox.split();
+      if (!vbox1) break;
+      pq.push(vbox1);
+      if (vbox2 && vbox2.count() > 0) pq.push(vbox2);
+      if (pq.size() === lastSize) {
+        break;
+      } else {
+        lastSize = pq.size();
+      }
+    } else {
+      break;
+    }
+  }
+}
+var MMCQ = (pixels, opts) => {
+  if (pixels.length === 0 || opts.colorCount < 2 || opts.colorCount > 256) {
+    throw new Error("Wrong MMCQ parameters");
+  }
+  const vbox = VBox.build(pixels);
+  vbox.histogram.colorCount;
+  const pq = new PQueue((a, b) => a.count() - b.count());
+  pq.push(vbox);
+  _splitBoxes(pq, fractByPopulations * opts.colorCount);
+  const pq2 = new PQueue(
+    (a, b) => a.count() * a.volume() - b.count() * b.volume()
+  );
+  pq2.contents = pq.contents;
+  _splitBoxes(pq2, opts.colorCount - pq2.size());
+  return generateSwatches(pq2);
+};
+function generateSwatches(pq) {
+  const swatches = [];
+  while (pq.size()) {
+    const v = pq.pop();
+    const color = v.avg();
+    const [r2, g, b] = color;
+    swatches.push(new Swatch2(color, v.count()));
+  }
+  return swatches;
+}
+
+// ../../node_modules/.pnpm/@vibrant+generator-default@4.0.4/node_modules/@vibrant/generator-default/dist/esm/index.js
+var DefaultOpts = {
+  targetDarkLuma: 0.26,
+  maxDarkLuma: 0.45,
+  minLightLuma: 0.55,
+  targetLightLuma: 0.74,
+  minNormalLuma: 0.3,
+  targetNormalLuma: 0.5,
+  maxNormalLuma: 0.7,
+  targetMutesSaturation: 0.3,
+  maxMutesSaturation: 0.4,
+  targetVibrantSaturation: 1,
+  minVibrantSaturation: 0.35,
+  weightSaturation: 3,
+  weightLuma: 6.5,
+  weightPopulation: 0.5
+};
+function _findMaxPopulation(swatches) {
+  let p = 0;
+  swatches.forEach((s) => {
+    p = Math.max(p, s.population);
+  });
+  return p;
+}
+function _isAlreadySelected(palette, s) {
+  return palette.Vibrant === s || palette.DarkVibrant === s || palette.LightVibrant === s || palette.Muted === s || palette.DarkMuted === s || palette.LightMuted === s;
+}
+function _createComparisonValue(saturation, targetSaturation, luma, targetLuma, population, maxPopulation, opts) {
+  function weightedMean(...values) {
+    let sum = 0;
+    let weightSum = 0;
+    for (let i = 0; i < values.length; i += 2) {
+      const value = values[i];
+      const weight = values[i + 1];
+      if (!value || !weight) continue;
+      sum += value * weight;
+      weightSum += weight;
+    }
+    return sum / weightSum;
+  }
+  function invertDiff(value, targetValue) {
+    return 1 - Math.abs(value - targetValue);
+  }
+  return weightedMean(
+    invertDiff(saturation, targetSaturation),
+    opts.weightSaturation,
+    invertDiff(luma, targetLuma),
+    opts.weightLuma,
+    population / maxPopulation,
+    opts.weightPopulation
+  );
+}
+function _findColorVariation(palette, swatches, maxPopulation, targetLuma, minLuma, maxLuma, targetSaturation, minSaturation, maxSaturation, opts) {
+  let max = null;
+  let maxValue = 0;
+  swatches.forEach((swatch) => {
+    const [, s, l] = swatch.hsl;
+    if (s >= minSaturation && s <= maxSaturation && l >= minLuma && l <= maxLuma && !_isAlreadySelected(palette, swatch)) {
+      const value = _createComparisonValue(
+        s,
+        targetSaturation,
+        l,
+        targetLuma,
+        swatch.population,
+        maxPopulation,
+        opts
+      );
+      if (max === null || value > maxValue) {
+        max = swatch;
+        maxValue = value;
+      }
+    }
+  });
+  return max;
+}
+function _generateVariationColors(swatches, maxPopulation, opts) {
+  const palette = {
+    Vibrant: null,
+    DarkVibrant: null,
+    LightVibrant: null,
+    Muted: null,
+    DarkMuted: null,
+    LightMuted: null
+  };
+  palette.Vibrant = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetNormalLuma,
+    opts.minNormalLuma,
+    opts.maxNormalLuma,
+    opts.targetVibrantSaturation,
+    opts.minVibrantSaturation,
+    1,
+    opts
+  );
+  palette.LightVibrant = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetLightLuma,
+    opts.minLightLuma,
+    1,
+    opts.targetVibrantSaturation,
+    opts.minVibrantSaturation,
+    1,
+    opts
+  );
+  palette.DarkVibrant = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetDarkLuma,
+    0,
+    opts.maxDarkLuma,
+    opts.targetVibrantSaturation,
+    opts.minVibrantSaturation,
+    1,
+    opts
+  );
+  palette.Muted = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetNormalLuma,
+    opts.minNormalLuma,
+    opts.maxNormalLuma,
+    opts.targetMutesSaturation,
+    0,
+    opts.maxMutesSaturation,
+    opts
+  );
+  palette.LightMuted = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetLightLuma,
+    opts.minLightLuma,
+    1,
+    opts.targetMutesSaturation,
+    0,
+    opts.maxMutesSaturation,
+    opts
+  );
+  palette.DarkMuted = _findColorVariation(
+    palette,
+    swatches,
+    maxPopulation,
+    opts.targetDarkLuma,
+    0,
+    opts.maxDarkLuma,
+    opts.targetMutesSaturation,
+    0,
+    opts.maxMutesSaturation,
+    opts
+  );
+  return palette;
+}
+function _generateEmptySwatches(palette, _maxPopulation, opts) {
+  if (!palette.Vibrant && !palette.DarkVibrant && !palette.LightVibrant) {
+    if (!palette.DarkVibrant && palette.DarkMuted) {
+      let [h, s, l] = palette.DarkMuted.hsl;
+      l = opts.targetDarkLuma;
+      palette.DarkVibrant = new Swatch2(hslToRgb(h, s, l), 0);
+    }
+    if (!palette.LightVibrant && palette.LightMuted) {
+      let [h, s, l] = palette.LightMuted.hsl;
+      l = opts.targetDarkLuma;
+      palette.DarkVibrant = new Swatch2(hslToRgb(h, s, l), 0);
+    }
+  }
+  if (!palette.Vibrant && palette.DarkVibrant) {
+    let [h, s, l] = palette.DarkVibrant.hsl;
+    l = opts.targetNormalLuma;
+    palette.Vibrant = new Swatch2(hslToRgb(h, s, l), 0);
+  } else if (!palette.Vibrant && palette.LightVibrant) {
+    let [h, s, l] = palette.LightVibrant.hsl;
+    l = opts.targetNormalLuma;
+    palette.Vibrant = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+  if (!palette.DarkVibrant && palette.Vibrant) {
+    let [h, s, l] = palette.Vibrant.hsl;
+    l = opts.targetDarkLuma;
+    palette.DarkVibrant = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+  if (!palette.LightVibrant && palette.Vibrant) {
+    let [h, s, l] = palette.Vibrant.hsl;
+    l = opts.targetLightLuma;
+    palette.LightVibrant = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+  if (!palette.Muted && palette.Vibrant) {
+    let [h, s, l] = palette.Vibrant.hsl;
+    l = opts.targetMutesSaturation;
+    palette.Muted = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+  if (!palette.DarkMuted && palette.DarkVibrant) {
+    let [h, s, l] = palette.DarkVibrant.hsl;
+    l = opts.targetMutesSaturation;
+    palette.DarkMuted = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+  if (!palette.LightMuted && palette.LightVibrant) {
+    let [h, s, l] = palette.LightVibrant.hsl;
+    l = opts.targetMutesSaturation;
+    palette.LightMuted = new Swatch2(hslToRgb(h, s, l), 0);
+  }
+}
+var DefaultGenerator = ((swatches, opts) => {
+  opts = Object.assign({}, DefaultOpts, opts);
+  const maxPopulation = _findMaxPopulation(swatches);
+  const palette = _generateVariationColors(swatches, maxPopulation, opts);
+  _generateEmptySwatches(palette, maxPopulation, opts);
+  return palette;
+});
+
+// ../../node_modules/.pnpm/node-vibrant@4.0.4/node_modules/node-vibrant/dist/esm/pipeline/index.js
+var pipeline = new BasicPipeline().filter.register(
+  "default",
+  (r2, g, b, a) => a >= 125 && !(r2 > 250 && g > 250 && b > 250)
+).quantizer.register("mmcq", MMCQ).generator.register("default", DefaultGenerator);
+
+// ../../node_modules/.pnpm/node-vibrant@4.0.4/node_modules/node-vibrant/dist/esm/browser.js
+Vibrant.use(pipeline);
+
+// ../blocks/src/system/runtime/bindings.ts
+var shouldLogWarnings = isNonProductionEnv();
+function isPlainObject4(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isRouteMapEntry(value) {
+  if (typeof value === "string") return true;
+  return isPlainObject4(value);
+}
+function isRouteMap(value) {
+  if (!isPlainObject4(value)) return false;
+  return Object.values(value).every(isRouteMapEntry);
+}
+function isPageIdentifierMap(value) {
+  if (!isPlainObject4(value)) return false;
+  return Object.values(value).every((v) => typeof v === "string");
+}
+function isEntryIdentifierMap(value) {
+  if (!isPlainObject4(value)) return false;
+  for (const v of Object.values(value)) {
+    if (!isPlainObject4(v)) return false;
+    if (!Object.values(v).every((inner) => typeof inner === "string")) return false;
+  }
+  return true;
+}
+function buildTransformContext(vm) {
+  const root = vm.$root;
+  const stage = root && isPlainObject4(root) && root.previewStage === "preview" ? "preview" : "published";
+  const routes = root && isPlainObject4(root) && isRouteMap(root.routes) ? root.routes : void 0;
+  const pagesByIdentifier = root && isPlainObject4(root) && isPageIdentifierMap(root.pagesByIdentifier) ? root.pagesByIdentifier : void 0;
+  const entriesByIdentifier = root && isPlainObject4(root) && isEntryIdentifierMap(root.entriesByIdentifier) ? root.entriesByIdentifier : void 0;
+  return {
+    theme: defaultThemeTokens,
+    stage,
+    data: vm.content,
+    routes,
+    pagesByIdentifier,
+    entriesByIdentifier
+  };
+}
+function resolveParamsBindings(input, vm, meta) {
+  if (input === null || typeof input !== "object") return input;
+  if (Array.isArray(input)) return input.map((v) => resolveParamsBindings(v, vm, meta));
+  const inputRecord = input;
+  const maybeBind = inputRecord.$bind;
+  if (maybeBind && typeof maybeBind === "object") {
+    try {
+      const binding = bindingSchema.parse(maybeBind);
+      const value = resolveBinding(binding.from, vm);
+      const resolved = value === void 0 || value === null ? binding.fallback : runTransforms(value, binding.transforms, buildTransformContext(vm), defaultTransforms);
+      if (resolved === void 0 || resolved === null || resolved === "") {
+        return binding.fallback;
+      }
+      return resolved;
+    } catch (err2) {
+      if (shouldLogWarnings) {
+        console.warn(
+          `bindings: failed to parse loader param binding for block "${meta?.blockKind ?? "unknown"}"`,
+          err2
+        );
+      }
+      return void 0;
+    }
+  }
+  const out = {};
+  for (const [k, v] of Object.entries(input)) {
+    out[k] = resolveParamsBindings(v, vm, meta);
+  }
+  return out;
+}
+function resolveBinding(path, vm) {
+  const segments = splitPath2(path);
+  if (!segments.length) return void 0;
+  const [first, ...rest] = segments;
+  let source = vm;
+  if (first === "$root") {
+    source = vm;
+    return readFromSource2(source, [first, ...rest]);
+  }
+  if (first === "content") {
+    source = vm.content;
+    return readFromSource2(source, rest);
+  }
+  const contentResult = readFromSource2(vm.content, segments);
+  if (contentResult !== void 0) {
+    return contentResult;
+  }
+  return readFromSource2(vm, segments);
+}
+function splitPath2(path) {
+  const PATH_SEPARATOR_REGEX2 = /\./g;
+  const BRACKET_ACCESS_REGEX2 = /\[(?<token>[^\]]+)\]/g;
+  const segments = [];
+  const parts = path.split(PATH_SEPARATOR_REGEX2);
+  for (const raw of parts) {
+    if (!raw) continue;
+    const baseMatch = raw.match(/^([^\[]+)/);
+    if (baseMatch && baseMatch[1]) {
+      segments.push(baseMatch[1]);
+    }
+    const bracketMatches = raw.matchAll(BRACKET_ACCESS_REGEX2);
+    for (const match of bracketMatches) {
+      const token = match.groups?.token ?? "";
+      if (token.startsWith('"') || token.startsWith("'")) {
+        segments.push(token.slice(1, -1));
+      } else if (/^\d+$/.test(token)) {
+        segments.push(Number(token));
+      } else {
+        segments.push(token);
+      }
+    }
+    if (!baseMatch && !raw.includes("[")) {
+      segments.push(raw);
+    }
+  }
+  return segments;
+}
+function readFromSource2(source, segments) {
+  return segments.reduce((current, segment) => {
+    if (current === void 0 || current === null) return void 0;
+    if (typeof segment === "number") {
+      if (Array.isArray(current)) return current[segment];
+      return void 0;
+    }
+    if (typeof current === "object" && current !== null && segment in current) {
+      return current[segment];
+    }
+    return void 0;
+  }, source);
+}
+function isNonProductionEnv() {
+  if (typeof globalThis === "undefined") {
+    return true;
+  }
+  const maybeProcess = globalThis.process;
+  const nodeEnv = maybeProcess?.env?.NODE_ENV;
+  return nodeEnv !== "production";
+}
+
+// ../blocks/src/system/data/utils.ts
+function normalizeDataLoaders(def) {
+  if (!def?.dataLoaders) {
+    return [];
+  }
+  return Object.entries(def.dataLoaders).map(([key, loader]) => ({ key, loader }));
+}
+function normalizeContent(block) {
+  const source = block.draftContent ?? block.content ?? block.publishedContent ?? {};
+  if (!isObjectRecord(source)) return {};
+  if ("data" in source) {
+    const data = source.data;
+    if (isObjectRecord(data)) {
+      return data;
+    }
+    if (data === null || data === void 0) {
+      return {};
+    }
+  }
+  return source;
+}
+function normalizeParams(input) {
+  if (!input || typeof input !== "object") return {};
+  const entries = Object.entries(input).map(([key, value]) => [
+    key,
+    coerceToString(value)
+  ]);
+  return Object.fromEntries(entries);
+}
+function isNonArrayObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function safeJsonStringify(value) {
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return void 0;
+  }
+}
+function coerceToString(value) {
+  if (value === null || value === void 0) return "";
+  if (Array.isArray(value)) {
+    if (value.some(isNonArrayObject)) {
+      const json = safeJsonStringify(value);
+      if (typeof json === "string") return json;
+    }
+    return value.map(coerceToString).join(",");
+  }
+  if (isNonArrayObject(value)) {
+    const json = safeJsonStringify(value);
+    if (typeof json === "string") return json;
+  }
+  return String(value);
+}
+function coercePayload(payload) {
+  if (payload && typeof payload === "object" && !Array.isArray(payload)) {
+    const record = payload;
+    if ("data" in record && typeof record.data !== "function") return record.data;
+    if ("form" in record && typeof record.form !== "function") return record.form;
+    if ("entries" in record && typeof record.entries !== "function") return record.entries;
+    if ("services" in record && typeof record.services !== "function") return record.services;
+  }
+  return payload;
+}
+
+// ../blocks/src/system/data/prefetchBlockData.ts
+async function prefetchBlockData(page, context, options) {
+  const { apiClient, isValidEndpoint, onError, getCustomBlockLoaders } = options;
+  const results = {};
+  const tasks = [];
+  for (const block of page.blocks) {
+    const blockId = block.id;
+    if (!blockId) continue;
+    let loaders;
+    const def = getBlockDefinition(block.kind);
+    if (def) {
+      loaders = normalizeDataLoaders(def);
+    } else if (getCustomBlockLoaders) {
+      const customLoaders = getCustomBlockLoaders(block.kind);
+      loaders = customLoaders ? Object.entries(customLoaders).map(([key, loader]) => ({ key, loader })) : [];
+    } else {
+      loaders = [];
+    }
+    if (loaders.length === 0) continue;
+    const root = {
+      ...context.root ?? {},
+      siteId: context.siteId,
+      pageId: context.pageId,
+      previewStage: context.previewStage
+    };
+    const normalizedContent = normalizeContent(block);
+    const vm = { content: normalizedContent, $root: root };
+    for (const { key, loader } of loaders) {
+      if (loader.mode === "client") {
+        continue;
+      }
+      if (typeof loader.when !== "undefined") {
+        const resolvedWhen = resolveParamsBindings(loader.when, vm, {
+          blockKind: block.kind
+        });
+        if (resolvedWhen !== true) {
+          continue;
+        }
+      }
+      const rawParams = resolveParamsBindings(loader.params, vm, {
+        blockKind: block.kind
+      });
+      const params = normalizeParams(rawParams);
+      const endpoint = loader.endpoint;
+      if (isValidEndpoint && !isValidEndpoint(endpoint)) {
+        continue;
+      }
+      tasks.push(
+        (async () => {
+          try {
+            const payload = await apiClient({ endpoint, params });
+            const data = coercePayload(payload);
+            const blockResults = results[blockId] ?? (results[blockId] = {});
+            blockResults[key] = data;
+          } catch (error) {
+            if (onError) {
+              onError(error, { block: block.kind, loader: key });
+            }
+          }
+        })()
+      );
+    }
+  }
+  if (tasks.length > 0) {
+    await Promise.all(tasks);
+  }
+  return results;
+}
+
+// ../blocks/src/system/data/loaderEndpoints.ts
+var SUPPORTED_LOADER_ENDPOINTS = [
+  "listPublishedEntries",
+  "getPublishedEntryPreview",
+  "listPublicEvents",
+  "getPublicEventDetails",
+  "listPublicCourses",
+  "listPublicProducts",
+  "listPublicPasses",
+  "listPublicMemberships",
+  "getPublicFormById",
+  "getPublicBookingServices"
+];
+
+// ../blocks/src/system/data/normalizeLoaderParams.ts
+function toStringParams(value) {
+  if (!isObjectRecord(value)) return {};
+  const out = {};
+  for (const [k, v] of Object.entries(value)) {
+    if (typeof v === "string") out[k] = v;
+  }
+  return out;
+}
+function stripEmptyStringValues(params) {
+  for (const [key, value] of Object.entries(params)) {
+    if (value === "") {
+      delete params[key];
+    }
+  }
+}
+function ensureSiteId(params, context) {
+  if (!params.siteId && typeof context.siteId === "string" && context.siteId) {
+    params.siteId = context.siteId;
+  }
+}
+function normalizeLoaderParams(endpoint, params, context) {
+  const out = toStringParams(params);
+  stripEmptyStringValues(out);
+  if (endpoint === "getPublicFormById") {
+    ensureSiteId(out, context);
+    if (!out.formId && out.formSlug) {
+      out.formId = out.formSlug;
+      delete out.formSlug;
+    }
+    return out;
+  }
+  if (endpoint === "getPublicBookingServices") {
+    ensureSiteId(out, context);
+    return out;
+  }
+  if (endpoint === "listPublicEvents") {
+    ensureSiteId(out, context);
+    return out;
+  }
+  if (endpoint === "getPublicEventDetails") {
+    ensureSiteId(out, context);
+    return out;
+  }
+  if (endpoint === "listPublicProducts") {
+    ensureSiteId(out, context);
+    return out;
+  }
+  if (endpoint === "getPublishedEntryPreview") {
+    ensureSiteId(out, context);
+    return out;
+  }
+  ensureSiteId(out, context);
+  return out;
+}
+
 // ../api/src/cache-tags.ts
 var TAG_TEMPLATES = {
   siteCollection: "riverbank:site",
@@ -44369,7 +46267,7 @@ var ENDPOINT_DEFINITIONS = {
     responseKind: "void"
   },
   googleCalendarCallback: {
-    path: "/sites/{siteId}/bookings/calendar/google/callback",
+    path: "/bookings/calendar/google/callback",
     method: "GET",
     auth: "user",
     responseKind: "void"
@@ -48927,22 +50825,6 @@ var navigationLinkInputSchema = z56.discriminatedUnion(
 
 // ../api/src/sdkConfig/contracts.ts
 import { z as z57 } from "zod";
-
-// ../blocks/src/system/data/loaderEndpoints.ts
-var SUPPORTED_LOADER_ENDPOINTS = [
-  "listPublishedEntries",
-  "getPublishedEntryPreview",
-  "listPublicEvents",
-  "getPublicEventDetails",
-  "listPublicCourses",
-  "listPublicProducts",
-  "listPublicPasses",
-  "listPublicMemberships",
-  "getPublicFormById",
-  "getPublicBookingServices"
-];
-
-// ../api/src/sdkConfig/contracts.ts
 function unsafeRetypeZodSchema(schema) {
   return schema;
 }
@@ -49815,335 +51697,6 @@ var MultiPageUpdateResponse = z61.object({
   toolCallsUsed: z61.number()
 });
 
-// ../blocks/src/system/runtime/bindings.ts
-var shouldLogWarnings = isNonProductionEnv();
-function isPlainObject4(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function isRouteMapEntry(value) {
-  if (typeof value === "string") return true;
-  return isPlainObject4(value);
-}
-function isRouteMap(value) {
-  if (!isPlainObject4(value)) return false;
-  return Object.values(value).every(isRouteMapEntry);
-}
-function isPageIdentifierMap(value) {
-  if (!isPlainObject4(value)) return false;
-  return Object.values(value).every((v) => typeof v === "string");
-}
-function isEntryIdentifierMap(value) {
-  if (!isPlainObject4(value)) return false;
-  for (const v of Object.values(value)) {
-    if (!isPlainObject4(v)) return false;
-    if (!Object.values(v).every((inner) => typeof inner === "string")) return false;
-  }
-  return true;
-}
-function buildTransformContext(vm) {
-  const root = vm.$root;
-  const stage = root && isPlainObject4(root) && root.previewStage === "preview" ? "preview" : "published";
-  const routes = root && isPlainObject4(root) && isRouteMap(root.routes) ? root.routes : void 0;
-  const pagesByIdentifier = root && isPlainObject4(root) && isPageIdentifierMap(root.pagesByIdentifier) ? root.pagesByIdentifier : void 0;
-  const entriesByIdentifier = root && isPlainObject4(root) && isEntryIdentifierMap(root.entriesByIdentifier) ? root.entriesByIdentifier : void 0;
-  return {
-    theme: defaultThemeTokens,
-    stage,
-    data: vm.content,
-    routes,
-    pagesByIdentifier,
-    entriesByIdentifier
-  };
-}
-function resolveParamsBindings(input, vm, meta) {
-  if (input === null || typeof input !== "object") return input;
-  if (Array.isArray(input)) return input.map((v) => resolveParamsBindings(v, vm, meta));
-  const inputRecord = input;
-  const maybeBind = inputRecord.$bind;
-  if (maybeBind && typeof maybeBind === "object") {
-    try {
-      const binding = bindingSchema.parse(maybeBind);
-      const value = resolveBinding(binding.from, vm);
-      const resolved = value === void 0 || value === null ? binding.fallback : runTransforms(value, binding.transforms, buildTransformContext(vm), defaultTransforms);
-      if (resolved === void 0 || resolved === null || resolved === "") {
-        return binding.fallback;
-      }
-      return resolved;
-    } catch (err2) {
-      if (shouldLogWarnings) {
-        console.warn(
-          `bindings: failed to parse loader param binding for block "${meta?.blockKind ?? "unknown"}"`,
-          err2
-        );
-      }
-      return void 0;
-    }
-  }
-  const out = {};
-  for (const [k, v] of Object.entries(input)) {
-    out[k] = resolveParamsBindings(v, vm, meta);
-  }
-  return out;
-}
-function resolveBinding(path, vm) {
-  const segments = splitPath2(path);
-  if (!segments.length) return void 0;
-  const [first, ...rest] = segments;
-  let source = vm;
-  if (first === "$root") {
-    source = vm;
-    return readFromSource2(source, [first, ...rest]);
-  }
-  if (first === "content") {
-    source = vm.content;
-    return readFromSource2(source, rest);
-  }
-  const contentResult = readFromSource2(vm.content, segments);
-  if (contentResult !== void 0) {
-    return contentResult;
-  }
-  return readFromSource2(vm, segments);
-}
-function splitPath2(path) {
-  const PATH_SEPARATOR_REGEX2 = /\./g;
-  const BRACKET_ACCESS_REGEX2 = /\[(?<token>[^\]]+)\]/g;
-  const segments = [];
-  const parts = path.split(PATH_SEPARATOR_REGEX2);
-  for (const raw of parts) {
-    if (!raw) continue;
-    const baseMatch = raw.match(/^([^\[]+)/);
-    if (baseMatch && baseMatch[1]) {
-      segments.push(baseMatch[1]);
-    }
-    const bracketMatches = raw.matchAll(BRACKET_ACCESS_REGEX2);
-    for (const match of bracketMatches) {
-      const token = match.groups?.token ?? "";
-      if (token.startsWith('"') || token.startsWith("'")) {
-        segments.push(token.slice(1, -1));
-      } else if (/^\d+$/.test(token)) {
-        segments.push(Number(token));
-      } else {
-        segments.push(token);
-      }
-    }
-    if (!baseMatch && !raw.includes("[")) {
-      segments.push(raw);
-    }
-  }
-  return segments;
-}
-function readFromSource2(source, segments) {
-  return segments.reduce((current, segment) => {
-    if (current === void 0 || current === null) return void 0;
-    if (typeof segment === "number") {
-      if (Array.isArray(current)) return current[segment];
-      return void 0;
-    }
-    if (typeof current === "object" && current !== null && segment in current) {
-      return current[segment];
-    }
-    return void 0;
-  }, source);
-}
-function isNonProductionEnv() {
-  if (typeof globalThis === "undefined") {
-    return true;
-  }
-  const maybeProcess = globalThis.process;
-  const nodeEnv = maybeProcess?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-
-// ../blocks/src/system/data/utils.ts
-function normalizeDataLoaders(def) {
-  if (!def?.dataLoaders) {
-    return [];
-  }
-  return Object.entries(def.dataLoaders).map(([key, loader]) => ({ key, loader }));
-}
-function normalizeContent(block) {
-  const source = block.draftContent ?? block.content ?? block.publishedContent ?? {};
-  if (!isObjectRecord(source)) return {};
-  if ("data" in source) {
-    const data = source.data;
-    if (isObjectRecord(data)) {
-      return data;
-    }
-    if (data === null || data === void 0) {
-      return {};
-    }
-  }
-  return source;
-}
-function normalizeParams(input) {
-  if (!input || typeof input !== "object") return {};
-  const entries = Object.entries(input).map(([key, value]) => [
-    key,
-    coerceToString(value)
-  ]);
-  return Object.fromEntries(entries);
-}
-function isNonArrayObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function safeJsonStringify(value) {
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return void 0;
-  }
-}
-function coerceToString(value) {
-  if (value === null || value === void 0) return "";
-  if (Array.isArray(value)) {
-    if (value.some(isNonArrayObject)) {
-      const json = safeJsonStringify(value);
-      if (typeof json === "string") return json;
-    }
-    return value.map(coerceToString).join(",");
-  }
-  if (isNonArrayObject(value)) {
-    const json = safeJsonStringify(value);
-    if (typeof json === "string") return json;
-  }
-  return String(value);
-}
-function coercePayload(payload) {
-  if (payload && typeof payload === "object" && !Array.isArray(payload)) {
-    const record = payload;
-    if ("data" in record && typeof record.data !== "function") return record.data;
-    if ("form" in record && typeof record.form !== "function") return record.form;
-    if ("entries" in record && typeof record.entries !== "function") return record.entries;
-    if ("services" in record && typeof record.services !== "function") return record.services;
-  }
-  return payload;
-}
-
-// ../blocks/src/system/data/prefetchBlockData.ts
-async function prefetchBlockData(page, context, options) {
-  const { apiClient, isValidEndpoint, onError, getCustomBlockLoaders } = options;
-  const results = {};
-  const tasks = [];
-  for (const block of page.blocks) {
-    const blockId = block.id;
-    if (!blockId) continue;
-    let loaders;
-    const def = getBlockDefinition(block.kind);
-    if (def) {
-      loaders = normalizeDataLoaders(def);
-    } else if (getCustomBlockLoaders) {
-      const customLoaders = getCustomBlockLoaders(block.kind);
-      loaders = customLoaders ? Object.entries(customLoaders).map(([key, loader]) => ({ key, loader })) : [];
-    } else {
-      loaders = [];
-    }
-    if (loaders.length === 0) continue;
-    const root = {
-      ...context.root ?? {},
-      siteId: context.siteId,
-      pageId: context.pageId,
-      previewStage: context.previewStage
-    };
-    const normalizedContent = normalizeContent(block);
-    const vm = { content: normalizedContent, $root: root };
-    for (const { key, loader } of loaders) {
-      if (loader.mode === "client") {
-        continue;
-      }
-      if (typeof loader.when !== "undefined") {
-        const resolvedWhen = resolveParamsBindings(loader.when, vm, {
-          blockKind: block.kind
-        });
-        if (resolvedWhen !== true) {
-          continue;
-        }
-      }
-      const rawParams = resolveParamsBindings(loader.params, vm, {
-        blockKind: block.kind
-      });
-      const params = normalizeParams(rawParams);
-      const endpoint = loader.endpoint;
-      if (isValidEndpoint && !isValidEndpoint(endpoint)) {
-        continue;
-      }
-      tasks.push(
-        (async () => {
-          try {
-            const payload = await apiClient({ endpoint, params });
-            const data = coercePayload(payload);
-            const blockResults = results[blockId] ?? (results[blockId] = {});
-            blockResults[key] = data;
-          } catch (error) {
-            if (onError) {
-              onError(error, { block: block.kind, loader: key });
-            }
-          }
-        })()
-      );
-    }
-  }
-  if (tasks.length > 0) {
-    await Promise.all(tasks);
-  }
-  return results;
-}
-
-// ../blocks/src/system/data/normalizeLoaderParams.ts
-function toStringParams(value) {
-  if (!isObjectRecord(value)) return {};
-  const out = {};
-  for (const [k, v] of Object.entries(value)) {
-    if (typeof v === "string") out[k] = v;
-  }
-  return out;
-}
-function stripEmptyStringValues(params) {
-  for (const [key, value] of Object.entries(params)) {
-    if (value === "") {
-      delete params[key];
-    }
-  }
-}
-function ensureSiteId(params, context) {
-  if (!params.siteId && typeof context.siteId === "string" && context.siteId) {
-    params.siteId = context.siteId;
-  }
-}
-function normalizeLoaderParams(endpoint, params, context) {
-  const out = toStringParams(params);
-  stripEmptyStringValues(out);
-  if (endpoint === "getPublicFormById") {
-    ensureSiteId(out, context);
-    if (!out.formId && out.formSlug) {
-      out.formId = out.formSlug;
-      delete out.formSlug;
-    }
-    return out;
-  }
-  if (endpoint === "getPublicBookingServices") {
-    ensureSiteId(out, context);
-    return out;
-  }
-  if (endpoint === "listPublicEvents") {
-    ensureSiteId(out, context);
-    return out;
-  }
-  if (endpoint === "getPublicEventDetails") {
-    ensureSiteId(out, context);
-    return out;
-  }
-  if (endpoint === "listPublicProducts") {
-    ensureSiteId(out, context);
-    return out;
-  }
-  if (endpoint === "getPublishedEntryPreview") {
-    ensureSiteId(out, context);
-    return out;
-  }
-  ensureSiteId(out, context);
-  return out;
-}
-
 // src/data/prefetchBlockData.ts
 var SUPPORTED_LOADER_ENDPOINTS2 = [
   "listPublishedEntries",
@@ -50388,83 +51941,154 @@ async function prefetchBlockData2(page, context, client, options) {
   });
 }
 
-// src/rendering/components/Block.tsx
+// src/rendering/components/Block.shared.tsx
 import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
-async function Block({
+function renderUnknownBlock(blockKind) {
+  return /* @__PURE__ */ jsx59("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: /* @__PURE__ */ jsxs41("p", { className: "text-red-800 font-semibold", children: [
+    "Unknown block type: ",
+    blockKind
+  ] }) });
+}
+function buildBlockContentRuntime({
+  theme,
+  siteId,
+  supabaseUrl,
+  mediaAssets
+}) {
+  const themeRuntime = buildThemeRuntime2(theme);
+  const blocksTheme = parseBlocksTheme(theme);
+  const imageResolveContext = siteId || supabaseUrl || mediaAssets?.length ? { siteId, supabaseUrl, mediaAssets } : void 0;
+  if (imageResolveContext) {
+    setContextResolveImageUrlContext(buildResolveImageUrlContext(imageResolveContext));
+  }
+  return { themeRuntime, blocksTheme, imageResolveContext };
+}
+function buildSingleBlockPageOutline({
+  blockId,
+  blockKind
+}) {
+  return {
+    name: "Single Block",
+    path: "/block",
+    purpose: "Block preview",
+    blocks: [{
+      id: blockId,
+      kind: blockKind,
+      purpose: "preview"
+    }]
+  };
+}
+async function loadStandaloneBlockData({
   blockKind,
   blockId,
-  content,
-  theme,
   siteId,
   pageId,
   previewStage,
   client,
-  usePlaceholders: _usePlaceholders = false,
-  override: OverrideComponent
+  hasDefinition
+}) {
+  if (!client || !blockId || !siteId || !hasDefinition) return void 0;
+  const allResolvedData = await prefetchBlockData2(
+    buildSingleBlockPageOutline({ blockId, blockKind }),
+    { siteId, pageId, previewStage },
+    client
+  );
+  return allResolvedData[blockId];
+}
+function buildStandaloneBlockViewModel({
+  siteId,
+  pageId,
+  previewStage,
+  apiBaseUrl,
+  portalToken,
+  routeMap,
+  pagesByIdentifier,
+  entriesByIdentifier
+}) {
+  return {
+    $root: {
+      siteId: siteId ?? null,
+      pageId: pageId ?? null,
+      previewStage: previewStage ?? "published",
+      apiBaseUrl: apiBaseUrl ?? null,
+      portalToken: portalToken ?? null,
+      ...routeMap ? { routes: routeMap } : {},
+      ...pagesByIdentifier ? { pagesByIdentifier } : {},
+      ...entriesByIdentifier ? { entriesByIdentifier } : {}
+    }
+  };
+}
+function renderBlockOverride({
+  OverrideComponent,
+  props: props2,
+  runtime,
+  resolvedData
+}) {
+  return /* @__PURE__ */ jsx59(
+    OverrideComponent,
+    {
+      content: props2.content,
+      theme: runtime.themeRuntime.tokens,
+      themeConfig: props2.theme,
+      data: resolvedData,
+      siteId: props2.siteId,
+      supabaseUrl: props2.supabaseUrl,
+      imageResolveContext: runtime.imageResolveContext,
+      blockId: props2.blockId ?? null,
+      blockKind: props2.blockKind
+    }
+  );
+}
+function renderManifestBlock({
+  definition,
+  props: props2,
+  runtime,
+  resolvedData
 }) {
-  const definition = getBlockDefinition(blockKind);
-  if (!definition && !OverrideComponent) {
-    return /* @__PURE__ */ jsx59("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: /* @__PURE__ */ jsxs41("p", { className: "text-red-800 font-semibold", children: [
-      "Unknown block type: ",
-      blockKind
-    ] }) });
-  }
-  const themeRuntime = buildThemeRuntime2(theme);
-  const blocksTheme = parseBlocksTheme(theme);
-  let resolvedData;
-  if (client && blockId && definition) {
-    const pageOutline = {
-      name: "Single Block",
-      path: "/block",
-      purpose: "Block preview",
-      blocks: [{
-        id: blockId,
-        kind: blockKind,
-        purpose: "preview"
-      }]
-    };
-    const allResolvedData = await prefetchBlockData2(
-      pageOutline,
-      { siteId, pageId, previewStage },
-      client
-    );
-    resolvedData = allResolvedData[blockId];
-  }
-  if (OverrideComponent) {
-    return /* @__PURE__ */ jsx59(
-      OverrideComponent,
-      {
-        content,
-        theme: themeRuntime.tokens,
-        themeConfig: theme,
-        data: resolvedData,
-        blockId: blockId ?? null,
-        blockKind
-      }
-    );
-  }
-  if (!definition) {
-    return /* @__PURE__ */ jsx59("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: /* @__PURE__ */ jsxs41("p", { className: "text-red-800 font-semibold", children: [
-      "Unknown block type: ",
-      blockKind
-    ] }) });
-  }
   const BlockComponent = makeDefaultBlockComponent({ manifest: definition.manifest });
   const registry = getDefaultComponentRegistry();
-  const blocksThemeConfig = blocksTheme;
+  const blocksThemeConfig = runtime.blocksTheme;
   return /* @__PURE__ */ jsx59(
     BlockComponent,
     {
-      blockId: blockId ?? void 0,
-      blockKind,
-      theme: themeRuntime.tokens,
+      blockId: props2.blockId ?? void 0,
+      blockKind: props2.blockKind,
+      theme: runtime.themeRuntime.tokens,
       themeConfig: blocksThemeConfig,
-      content,
+      content: props2.content,
       data: resolvedData,
-      registry
+      registry,
+      viewModelOverrides: buildStandaloneBlockViewModel(props2)
     }
   );
 }
+async function BlockContent(props2) {
+  const definition = getBlockDefinition(props2.blockKind);
+  const OverrideComponent = props2.override;
+  if (!definition && !OverrideComponent) {
+    return renderUnknownBlock(props2.blockKind);
+  }
+  const runtime = buildBlockContentRuntime(props2);
+  const resolvedData = await loadStandaloneBlockData({
+    ...props2,
+    hasDefinition: Boolean(definition)
+  });
+  if (OverrideComponent) {
+    return renderBlockOverride({ OverrideComponent, props: props2, runtime, resolvedData });
+  }
+  return renderManifestBlock({
+    definition,
+    props: props2,
+    runtime,
+    resolvedData
+  });
+}
+
+// src/rendering/components/Block.server.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+function Block(props2) {
+  return /* @__PURE__ */ jsx60(BlockContent, { ...props2 });
+}
 export {
   Block,
   Layout,