@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/client/rendering/client.mjs

@@ -5834,6 +5834,13 @@ var init_accordion_server = __esm({
   }
 });
 
+// ../theme-core/src/responsiveDisplay.ts
+var init_responsiveDisplay = __esm({
+  "../theme-core/src/responsiveDisplay.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/header/shared.ts
 function splitPositioningClasses(className) {
   if (!className) return { wrapperClasses: "", sectionClasses: "" };
@@ -5856,6 +5863,7 @@ var POSITIONING_CLASSES;
 var init_shared = __esm({
   "../blocks/src/system/runtime/header/shared.ts"() {
     "use strict";
+    init_responsiveDisplay();
     POSITIONING_CLASSES = [
       "rb-sticky",
       "rb-fixed",
@@ -7313,6 +7321,23 @@ var init_shared2 = __esm({
   }
 });
 
+// ../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 };
+}
+var init_eventCapacity = __esm({
+  "../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
@@ -7537,7 +7562,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) {
@@ -7553,6 +7578,7 @@ var init_utils = __esm({
     "use strict";
     init_src();
     init_shared2();
+    init_eventCapacity();
     COLUMN_CLASSES = {
       "2": "rb-sm-grid-cols-2",
       "3": "rb-sm-grid-cols-2 rb-lg-grid-cols-3",
@@ -8624,6 +8650,7 @@ var init_EventCard = __esm({
     init_media();
     init_media_server();
     init_EventCardIcons();
+    init_eventCapacity();
     init_utils();
     EventCard = ({
       event,
@@ -8648,7 +8675,7 @@ var init_EventCard = __esm({
       )}`;
       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;
@@ -17490,6 +17517,21 @@ var init_event_calendar = __esm({
             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",
@@ -17681,6 +17723,9 @@ var init_event_calendar = __esm({
                   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" }
@@ -19525,21 +19570,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 {
@@ -19672,6 +19722,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 })}`;
@@ -19684,6 +19740,7 @@ var init_timetableModel = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/timetableModel.ts"() {
     "use strict";
     init_src();
+    init_eventCapacity();
     init_utils();
     DEFAULT_START_HOUR = 6;
     DEFAULT_END_HOUR = 21;
@@ -19942,7 +19999,17 @@ function renderTimetableSsr(display) {
                           /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
                           /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-title", children: cell.event.title }),
                           cell.teacherLine ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-                          cell.event.venue ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+                          cell.event.venue ? /* @__PURE__ */ jsx43("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+                          display.showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx43(
+                            "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
@@ -20522,7 +20589,7 @@ function buildServerRegistryFromEntries(entries) {
     Object.entries(entries).map(([kind, entry]) => [kind, entry.server])
   );
 }
-var runtimeBackedBlockServerEntries, runtimeBackedBlockKinds, runtimeBackedBlockServerRegistry;
+var runtimeBackedBlockServerEntries, runtimeBackedBlockModes, runtimeBackedBlockKinds, runtimeBackedBlockServerRegistry;
 var init_runtime_backed_blocks = __esm({
   "../blocks/src/system/runtime/components/runtime-backed-blocks.ts"() {
     "use strict";
@@ -20600,6 +20667,20 @@ var init_runtime_backed_blocks = __esm({
         shop_server_default
       )
     };
+    runtimeBackedBlockModes = {
+      form: "form",
+      "event-listing": "event-listing",
+      "event-calendar": "event-calendar",
+      "newsletter-form": "newsletter-form",
+      "product-list": "product-list",
+      "product-detail": "product-detail",
+      cart: "cart",
+      checkout: "checkout",
+      "course-registration": "course-registration",
+      gifting: "gifting",
+      "event-registration": "event-registration",
+      shop: "passes-memberships"
+    };
     runtimeBackedBlockKinds = typedObjectKeys(runtimeBackedBlockServerEntries);
     runtimeBackedBlockServerRegistry = buildServerRegistryFromEntries(runtimeBackedBlockServerEntries);
   }
@@ -27009,6 +27090,9 @@ function appendRebookFlag(url, enabled) {
   );
   return nextUrl.toString();
 }
+function buildBookingFormNodeClientProps(props2) {
+  return buildBookingFormInteractiveIslandProps(props2);
+}
 var PORTAL_REBOOK_QUERY_PARAM, PORTAL_REBOOK_QUERY_VALUE, REBOOK_COMPLETION_MODE_VERIFIED_CHECKOUT, REBOOK_COMPLETION_MODE_BYPASSED, BookingFormClient, BookingFormNodeClient;
 var init_booking_form_client = __esm({
   "../blocks/src/system/runtime/nodes/booking-form.client.tsx"() {
@@ -27269,7 +27353,7 @@ var init_booking_form_client = __esm({
         ) })
       ] });
     };
-    BookingFormNodeClient = (props2) => /* @__PURE__ */ jsx74(BookingFormClient, { ...buildBookingFormInteractiveIslandProps(props2) });
+    BookingFormNodeClient = (props2) => /* @__PURE__ */ jsx74(BookingFormClient, { ...buildBookingFormNodeClientProps(props2) });
   }
 });
 
@@ -39601,30 +39685,22 @@ var init_CalendarDayCell = __esm({
 
 // ../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx
 import { Fragment as Fragment24, jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
-function formatCapacity(event) {
-  if (event.capacity == null) {
-    return null;
-  }
-  const available = event.availableSpots ?? event.capacity - event.registeredCount;
-  if (available <= 0) {
-    return "Full";
-  }
-  return `${available} spots left`;
-}
 var AgendaEventCard;
 var init_AgendaEventCard = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx"() {
     "use strict";
+    init_eventCapacity();
     init_utils();
     AgendaEventCard = ({
       event,
+      showCapacity,
       onClick
     }) => {
       const eventUrl = event.path;
       const categoryColor = event.eventCategory?.color || "rgb(var(--tb-accent))";
       const price = formatEventPrice(event);
-      const capacity = formatCapacity(event);
-      const isFull = capacity === "Full";
+      const { available, isFull } = getEventAvailability(event);
+      const capacity = showCapacity && available != null ? isFull ? "Full" : `${available} spots left` : null;
       const title = event.title;
       const timeZone = event.timeZone ?? null;
       const teacherLine = formatEventTeacherLine(event);
@@ -39704,6 +39780,7 @@ var init_WeekAgendaView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No events scheduled"
     }) => {
       const weekDays = getWeekCalendarDays(viewDate, startOfWeek);
@@ -39724,7 +39801,8 @@ var init_WeekAgendaView = __esm({
               /* @__PURE__ */ jsx141("div", { className: "event-agenda-day-content", children: dayEvents.length === 0 ? /* @__PURE__ */ jsx141("p", { className: "event-agenda-day-empty", children: emptyMessage }) : /* @__PURE__ */ jsx141("div", { className: "event-agenda-day-events", children: dayEvents.map((event) => /* @__PURE__ */ jsx141(
                 AgendaEventCard,
                 {
-                  event
+                  event,
+                  showCapacity
                 },
                 event.occurrenceId || event.id
               )) }) })
@@ -39741,6 +39819,7 @@ var init_WeekAgendaView = __esm({
 import { jsx as jsx142 } from "react/jsx-runtime";
 function EventDetailModal({
   event,
+  showCapacity,
   onClose,
   cardVariant = "default",
   buttonVariant = "primary",
@@ -39781,7 +39860,7 @@ function EventDetailModal({
           showVenue: true,
           showMap,
           allowMap: true,
-          showCapacity: true
+          showCapacity
         }
       ) })
     }
@@ -39801,6 +39880,7 @@ import { jsx as jsx143, jsxs as jsxs96 } from "react/jsx-runtime";
 function DayEventsModal({
   date,
   events,
+  showCapacity,
   onClose,
   onSelectEvent
 }) {
@@ -39837,7 +39917,8 @@ function DayEventsModal({
           AgendaEventCard,
           {
             event,
-            onClick: onSelectEvent
+            onClick: onSelectEvent,
+            showCapacity
           },
           event.occurrenceId || event.id
         )) })
@@ -39858,6 +39939,7 @@ var init_DayEventsModal = __esm({
 // ../blocks/src/system/runtime/nodes/events/shared/EventModals.tsx
 import { jsx as jsx144 } from "react/jsx-runtime";
 function EventModals({
+  showCapacity,
   cardVariant,
   buttonVariant,
   buttonText
@@ -39874,7 +39956,8 @@ function EventModals({
         onClose: closeModal,
         cardVariant,
         buttonVariant,
-        buttonText
+        buttonText,
+        showCapacity
       }
     );
   }
@@ -39887,7 +39970,8 @@ function EventModals({
         onClose: closeModal,
         onSelectEvent: (event) => {
           openEventModal(event);
-        }
+        },
+        showCapacity
       }
     );
   }
@@ -40290,7 +40374,8 @@ var init_EventCombined_client = __esm({
                     viewDate,
                     events: calendarEventsRaw,
                     startOfWeek,
-                    emptyMessage: "No events scheduled"
+                    emptyMessage: "No events scheduled",
+                    showCapacity: resolvedShowCapacity
                   }
                 ) : /* @__PURE__ */ jsxs97("div", { className: "event-calendar-container", children: [
                   /* @__PURE__ */ jsx145("div", { className: "event-calendar-day-headers", children: dayNames.map((day) => /* @__PURE__ */ jsx145("div", { className: "event-calendar-day-header", children: day }, day)) }),
@@ -40310,7 +40395,14 @@ var init_EventCombined_client = __esm({
                 ] }),
                 calendarEventsRaw.length === 0 && !calendarLoading && /* @__PURE__ */ jsx145("p", { className: "event-calendar-empty", children: emptyMessage })
               ] }),
-              /* @__PURE__ */ jsx145(EventModals, { buttonVariant, buttonText })
+              /* @__PURE__ */ jsx145(
+                EventModals,
+                {
+                  buttonVariant,
+                  buttonText,
+                  showCapacity: resolvedShowCapacity
+                }
+              )
             ] })
           ]
         }
@@ -40345,6 +40437,7 @@ var init_WeekTimetableView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No classes scheduled"
     }) => {
       const { openEventModal } = useEventModal();
@@ -40377,7 +40470,8 @@ var init_WeekTimetableView = __esm({
               hours: model.hourTicks,
               rangeMinutes: model.rangeMinutes,
               selected: day.dateKey === selectedDayKey,
-              onEventClick: openEventModal
+              onEventClick: openEventModal,
+              showCapacity
             },
             day.dateKey
           ))
@@ -40397,7 +40491,7 @@ var init_WeekTimetableView = __esm({
         hour
       )) })
     ] });
-    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick }) => /* @__PURE__ */ jsxs98(
+    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick, showCapacity }) => /* @__PURE__ */ jsxs98(
       "section",
       {
         className: `event-timetable-day ${day.isToday ? "event-timetable-day--today" : ""}`,
@@ -40426,7 +40520,8 @@ var init_WeekTimetableView = __esm({
                   TimetableEventButton,
                   {
                     cell,
-                    onClick: onEventClick
+                    onClick: onEventClick,
+                    showCapacity
                   },
                   cell.event.occurrenceId || cell.event.id
                 ))
@@ -40436,7 +40531,7 @@ var init_WeekTimetableView = __esm({
         ]
       }
     );
-    TimetableEventButton = ({ cell, onClick }) => /* @__PURE__ */ jsxs98(
+    TimetableEventButton = ({ cell, onClick, showCapacity }) => /* @__PURE__ */ jsxs98(
       "button",
       {
         type: "button",
@@ -40454,7 +40549,14 @@ var init_WeekTimetableView = __esm({
           /* @__PURE__ */ jsx146("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
           /* @__PURE__ */ jsx146("span", { className: "event-timetable-event-title", children: cell.event.title }),
           cell.teacherLine ? /* @__PURE__ */ jsx146("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-          cell.event.venue ? /* @__PURE__ */ jsx146("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+          cell.event.venue ? /* @__PURE__ */ jsx146("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+          showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx146(
+            "span",
+            {
+              className: cell.isFull ? "event-timetable-event-capacity event-timetable-event-capacity--full" : "event-timetable-event-capacity",
+              children: cell.capacityLabel
+            }
+          ) : null
         ]
       }
     );
@@ -40676,7 +40778,8 @@ var init_EventCalendar_client = __esm({
                 viewDate,
                 events,
                 startOfWeek: display.startOfWeek,
-                emptyMessage: display.emptyMessage
+                emptyMessage: display.emptyMessage,
+                showCapacity: display.showCapacity
               }
             )
           }
@@ -40685,7 +40788,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -40767,7 +40871,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -41351,52 +41456,109 @@ var init_newsletter_form_client = __esm({
 });
 
 // ../blocks/src/system/runtime/components/registry.client.tsx
-import { jsx as jsx152 } from "react/jsx-runtime";
+import React52 from "react";
 function isRecord4(value) {
   return typeof value === "object" && value !== null;
 }
-function buildRenderFromLooseProps(runtime, props2) {
-  return runtime.buildRender(props2);
+function buildRenderFromLooseProps(runtime, mode, props2) {
+  return {
+    ...runtime.buildRender(props2),
+    mode
+  };
+}
+function withRuntimeBackedEnvelope(source, runtime, render) {
+  return {
+    ...source,
+    renderKind: runtime.kind,
+    render
+  };
 }
-function normalizeLegacyInteractiveRenderProps(runtime, props2) {
+function normalizeLegacyInteractiveRenderProps(runtime, mode, props2) {
+  const source = props2;
   const render = props2["render"];
   if (!isRecord4(render)) {
-    return {
-      ...props2,
-      render: buildRenderFromLooseProps(runtime, props2)
-    };
+    return withRuntimeBackedEnvelope(
+      source,
+      runtime,
+      buildRenderFromLooseProps(runtime, mode, props2)
+    );
   }
   if (isRecord4(render["hydration"])) {
-    return props2;
+    return withRuntimeBackedEnvelope(
+      source,
+      runtime,
+      {
+        ...render,
+        mode
+      }
+    );
   }
   if (!isRecord4(render["display"])) {
-    return {
-      ...props2,
-      render: buildRenderFromLooseProps(runtime, props2)
-    };
+    return withRuntimeBackedEnvelope(
+      source,
+      runtime,
+      buildRenderFromLooseProps(runtime, mode, props2)
+    );
   }
-  const { display, mode, ...legacyHydration } = render;
-  return {
-    ...props2,
-    render: {
-      ...mode === void 0 ? {} : { mode },
+  const { display, mode: _legacyMode, ...legacyHydration } = render;
+  return withRuntimeBackedEnvelope(
+    source,
+    runtime,
+    {
       display,
-      hydration: legacyHydration
+      hydration: legacyHydration,
+      mode
     }
+  );
+}
+function defineSourcePropsClientEntry(component) {
+  return {
+    kind: "source-props",
+    component
+  };
+}
+function defineExplicitAdapterClientEntry(component, contract) {
+  return {
+    kind: "explicit-adapter",
+    component,
+    produces: contract.produces
   };
 }
-function defineRuntimeBackedBlockClientEntry(serverEntry, client) {
-  const NormalizedClient = ((props2) => {
+function componentFromClientEntry(entry) {
+  return entry.component;
+}
+function typedObjectEntries(value) {
+  return Object.entries(value).map(([key, entry]) => [
+    key,
+    entry
+  ]);
+}
+function buildClientRegistryFromEntries(serverRegistry, clientEntries, runtimeBackedRegistry) {
+  return {
+    ...serverRegistry,
+    ...Object.fromEntries(
+      typedObjectEntries(clientEntries).map(([kind, entry]) => [kind, componentFromClientEntry(entry)])
+    ),
+    ...runtimeBackedRegistry
+  };
+}
+function defineRuntimeBackedBlockClientEntry(kind, client) {
+  const serverEntry = runtimeBackedBlockServerEntries[kind];
+  const mode = runtimeBackedBlockModes[kind];
+  const NormalizedClient = (props2) => {
     const ClientComponent = client;
-    return /* @__PURE__ */ jsx152(ClientComponent, { ...normalizeLegacyInteractiveRenderProps(serverEntry.definition.runtime, props2) });
-  });
+    const normalizedProps = normalizeLegacyInteractiveRenderProps(serverEntry.definition.runtime, mode, props2);
+    return React52.createElement(ClientComponent, normalizedProps);
+  };
+  NormalizedClient.displayName = `RuntimeBackedBlockClient(${kind})`;
   return {
     definition: serverEntry.definition,
     renderKind: serverEntry.renderKind,
+    mode,
     client: NormalizedClient
   };
 }
-var runtimeBackedBlockClientEntries, runtimeBackedBlockClientRegistry, clientComponentRegistry;
+var runtimeBackedBlockClientEntries, runtimeBackedBlockClientRegistry, clientComponentRegistryEntries, clientComponentRegistry;
 var init_registry_client = __esm({
   "../blocks/src/system/runtime/components/registry.client.tsx"() {
     "use strict";
@@ -41422,18 +41584,18 @@ var init_registry_client = __esm({
     init_newsletter_form_client();
     init_runtime_backed_blocks();
     runtimeBackedBlockClientEntries = {
-      form: defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries.form, FormNodeClient),
-      "event-listing": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["event-listing"], EventListingClient),
-      "event-calendar": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["event-calendar"], EventCalendarClient),
-      "newsletter-form": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["newsletter-form"], newsletter_form_client_default),
-      "product-list": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["product-list"], ProductListClient),
-      "product-detail": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["product-detail"], ProductDetailClient),
-      cart: defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries.cart, CartClient),
-      checkout: defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries.checkout, CheckoutClient),
-      "course-registration": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["course-registration"], CourseRegistrationIslandClient),
-      gifting: defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries.gifting, gifting_client_default),
-      "event-registration": defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries["event-registration"], EventRegistrationIslandClient),
-      shop: defineRuntimeBackedBlockClientEntry(runtimeBackedBlockServerEntries.shop, ShopClient)
+      form: defineRuntimeBackedBlockClientEntry("form", FormNodeClient),
+      "event-listing": defineRuntimeBackedBlockClientEntry("event-listing", EventListingClient),
+      "event-calendar": defineRuntimeBackedBlockClientEntry("event-calendar", EventCalendarClient),
+      "newsletter-form": defineRuntimeBackedBlockClientEntry("newsletter-form", newsletter_form_client_default),
+      "product-list": defineRuntimeBackedBlockClientEntry("product-list", ProductListClient),
+      "product-detail": defineRuntimeBackedBlockClientEntry("product-detail", ProductDetailClient),
+      cart: defineRuntimeBackedBlockClientEntry("cart", CartClient),
+      checkout: defineRuntimeBackedBlockClientEntry("checkout", CheckoutClient),
+      "course-registration": defineRuntimeBackedBlockClientEntry("course-registration", CourseRegistrationIslandClient),
+      gifting: defineRuntimeBackedBlockClientEntry("gifting", gifting_client_default),
+      "event-registration": defineRuntimeBackedBlockClientEntry("event-registration", EventRegistrationIslandClient),
+      shop: defineRuntimeBackedBlockClientEntry("shop", ShopClient)
     };
     runtimeBackedBlockClientRegistry = {
       form: runtimeBackedBlockClientEntries.form.client,
@@ -41449,19 +41611,22 @@ var init_registry_client = __esm({
       "event-registration": runtimeBackedBlockClientEntries["event-registration"].client,
       shop: runtimeBackedBlockClientEntries.shop.client
     };
-    clientComponentRegistry = {
-      ...serverComponentRegistry,
-      media: MediaNode,
-      "booking-form": BookingFormNodeClient,
-      "event-details": EventDetailsIslandClient,
-      "location-map": LocationMapIslandClient,
-      carousel: CarouselNodeClient,
-      accordion: AccordionNode,
-      accordionItem: AccordionItemNode,
-      headerSection: header_section_client_default,
-      "event-combined": EventCombinedIslandClient,
-      ...runtimeBackedBlockClientRegistry
-    };
+    clientComponentRegistryEntries = {
+      media: defineSourcePropsClientEntry(MediaNode),
+      carousel: defineSourcePropsClientEntry(CarouselNodeClient),
+      accordion: defineSourcePropsClientEntry(AccordionNode),
+      accordionItem: defineSourcePropsClientEntry(AccordionItemNode),
+      headerSection: defineSourcePropsClientEntry(header_section_client_default),
+      "booking-form": defineExplicitAdapterClientEntry(BookingFormNodeClient, { produces: "island-props" }),
+      "event-details": defineExplicitAdapterClientEntry(EventDetailsIslandClient, { produces: "client-props" }),
+      "location-map": defineExplicitAdapterClientEntry(LocationMapIslandClient, { produces: "client-props" }),
+      "event-combined": defineExplicitAdapterClientEntry(EventCombinedIslandClient, { produces: "client-props" })
+    };
+    clientComponentRegistry = buildClientRegistryFromEntries(
+      serverComponentRegistry,
+      clientComponentRegistryEntries,
+      runtimeBackedBlockClientRegistry
+    );
   }
 });
 
@@ -42926,9 +43091,35 @@ var init_compile = __esm({
 });
 
 // ../theme-core/src/responsiveMode.ts
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
+var THEME_RESPONSIVE_MODE_ATTR, RESPONSIVE_SCOPE_RULE_PATTERN, RESPONSIVE_SCOPE_RULE_AT_PATTERN;
 var init_responsiveMode = __esm({
   "../theme-core/src/responsiveMode.ts"() {
     "use strict";
+    THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+    RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "g"
+    );
+    RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "y"
+    );
   }
 });
 
@@ -43006,7 +43197,7 @@ var init_containerResponsiveThemeCss = __esm({
 });
 
 // ../theme-core/src/ThemeScopeCore.tsx
-import { jsx as jsx153, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx152, jsxs as jsxs102 } from "react/jsx-runtime";
 var init_ThemeScopeCore = __esm({
   "../theme-core/src/ThemeScopeCore.tsx"() {
     "use strict";
@@ -43025,7 +43216,7 @@ var init_themeScopeUtils = __esm({
 
 // ../theme-core/src/ClientThemeScope.tsx
 import { useMemo as useMemo25 } from "react";
-import { jsx as jsx154 } from "react/jsx-runtime";
+import { jsx as jsx153 } from "react/jsx-runtime";
 var init_ClientThemeScope = __esm({
   "../theme-core/src/ClientThemeScope.tsx"() {
     "use strict";
@@ -43239,7 +43430,7 @@ var carousel_exports = {};
 __export(carousel_exports, {
   enhance: () => enhance3
 });
-import { jsx as jsx155 } from "react/jsx-runtime";
+import { jsx as jsx154 } from "react/jsx-runtime";
 function extractSlides(root) {
   const scrollContainer = root.querySelector(
     ".rb-overflow-x-auto, .overflow-x-auto"
@@ -43265,7 +43456,7 @@ var init_carousel = __esm({
       const parsedProps = normalizeCarouselProps(props2);
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx155(
+          /* @__PURE__ */ jsx154(
             CarouselNodeClient,
             {
               renderRoot: false,
@@ -43277,7 +43468,7 @@ var init_carousel = __esm({
               autoplay: parsedProps.autoplay,
               autoplayDelay: parsedProps.autoplayDelay,
               loop: parsedProps.loop,
-              children: extractedSlides.map((slide, index) => /* @__PURE__ */ jsx155("div", { dangerouslySetInnerHTML: { __html: slide.html } }, index))
+              children: extractedSlides.map((slide, index) => /* @__PURE__ */ jsx154("div", { dangerouslySetInnerHTML: { __html: slide.html } }, index))
             }
           )
         );
@@ -43291,7 +43482,7 @@ var form_exports = {};
 __export(form_exports, {
   enhance: () => enhance4
 });
-import { jsx as jsx156 } from "react/jsx-runtime";
+import { jsx as jsx155 } from "react/jsx-runtime";
 function snapshotFormValues(form2) {
   if (!form2) return [];
   const snapshots = [];
@@ -43366,7 +43557,7 @@ var init_form2 = __esm({
       const snapshots = snapshotFormValues(existingForm);
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx156(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx156(FormNodeClient, { ...props2 }) })
+          /* @__PURE__ */ jsx155(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx155(FormNodeClient, { ...props2 }) })
         );
         requestAnimationFrame(() => {
           const nextForm = root.querySelector("form");
@@ -43382,7 +43573,7 @@ var bookingForm_exports = {};
 __export(bookingForm_exports, {
   enhance: () => enhance5
 });
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx156 } from "react/jsx-runtime";
 var enhance5;
 var init_bookingForm2 = __esm({
   "src/rendering/islands/enhancers/bookingForm.tsx"() {
@@ -43410,7 +43601,7 @@ var init_bookingForm2 = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx157(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx157(BookingFormClient, { ...props2 }) })
+          /* @__PURE__ */ jsx156(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx156(BookingFormClient, { ...props2 }) })
         );
       });
     };
@@ -43422,7 +43613,7 @@ var eventRegistration_exports = {};
 __export(eventRegistration_exports, {
   enhance: () => enhance6
 });
-import { jsx as jsx158 } from "react/jsx-runtime";
+import { jsx as jsx157 } from "react/jsx-runtime";
 var enhance6;
 var init_eventRegistration = __esm({
   "src/rendering/islands/enhancers/eventRegistration.tsx"() {
@@ -43445,7 +43636,7 @@ var init_eventRegistration = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx158(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx158(EventRegistrationIslandClient, { ...props2 }) })
+          /* @__PURE__ */ jsx157(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx157(EventRegistrationIslandClient, { ...props2 }) })
         );
       });
     };
@@ -43457,7 +43648,7 @@ var eventDetails_exports = {};
 __export(eventDetails_exports, {
   enhance: () => enhance7
 });
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 var enhance7;
 var init_eventDetails = __esm({
   "src/rendering/islands/enhancers/eventDetails.tsx"() {
@@ -43466,7 +43657,7 @@ var init_eventDetails = __esm({
     init_reactMount();
     enhance7 = (root, props2) => {
       return mountReactIsland(root, ({ root: reactRoot }) => {
-        reactRoot.render(/* @__PURE__ */ jsx159(EventDetailsIslandClient, { ...props2 }));
+        reactRoot.render(/* @__PURE__ */ jsx158(EventDetailsIslandClient, { ...props2 }));
       });
     };
   }
@@ -43477,7 +43668,7 @@ var locationMap_exports = {};
 __export(locationMap_exports, {
   enhance: () => enhance8
 });
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx159 } from "react/jsx-runtime";
 var enhance8;
 var init_locationMap = __esm({
   "src/rendering/islands/enhancers/locationMap.tsx"() {
@@ -43486,7 +43677,7 @@ var init_locationMap = __esm({
     init_reactMount();
     enhance8 = (root, props2) => {
       return mountReactIsland(root, ({ root: reactRoot }) => {
-        reactRoot.render(/* @__PURE__ */ jsx160(LocationMapIslandClient, { ...props2 }));
+        reactRoot.render(/* @__PURE__ */ jsx159(LocationMapIslandClient, { ...props2 }));
       });
     };
   }
@@ -43497,7 +43688,7 @@ var courseRegistration_exports = {};
 __export(courseRegistration_exports, {
   enhance: () => enhance9
 });
-import { jsx as jsx161 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 var enhance9;
 var init_courseRegistration = __esm({
   "src/rendering/islands/enhancers/courseRegistration.tsx"() {
@@ -43520,7 +43711,7 @@ var init_courseRegistration = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx161(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx161(CourseRegistrationIslandClient, { ...props2 }) })
+          /* @__PURE__ */ jsx160(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx160(CourseRegistrationIslandClient, { ...props2 }) })
         );
       });
     };
@@ -43532,7 +43723,7 @@ var eventListing_exports = {};
 __export(eventListing_exports, {
   enhance: () => enhance10
 });
-import { jsx as jsx162 } from "react/jsx-runtime";
+import { jsx as jsx161 } from "react/jsx-runtime";
 var enhance10;
 var init_eventListing = __esm({
   "src/rendering/islands/enhancers/eventListing.tsx"() {
@@ -43555,7 +43746,7 @@ var init_eventListing = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx162(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx162(EventListingClient, { ...props2 }) })
+          /* @__PURE__ */ jsx161(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx161(EventListingClient, { ...props2 }) })
         );
       });
     };
@@ -43567,7 +43758,7 @@ var eventCalendar_exports = {};
 __export(eventCalendar_exports, {
   enhance: () => enhance11
 });
-import { jsx as jsx163 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
 var enhance11;
 var init_eventCalendar = __esm({
   "src/rendering/islands/enhancers/eventCalendar.tsx"() {
@@ -43590,7 +43781,7 @@ var init_eventCalendar = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx163(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx163(EventCalendarClient, { ...props2 }) })
+          /* @__PURE__ */ jsx162(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx162(EventCalendarClient, { ...props2 }) })
         );
       });
     };
@@ -43602,7 +43793,7 @@ var eventCombined_exports = {};
 __export(eventCombined_exports, {
   enhance: () => enhance12
 });
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx163 } from "react/jsx-runtime";
 var enhance12;
 var init_eventCombined = __esm({
   "src/rendering/islands/enhancers/eventCombined.tsx"() {
@@ -43622,7 +43813,7 @@ var init_eventCombined = __esm({
       };
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx164(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx164(EventCombinedIslandClient, { ...props2 }) })
+          /* @__PURE__ */ jsx163(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx163(EventCombinedIslandClient, { ...props2 }) })
         );
       });
     };
@@ -43630,7 +43821,7 @@ var init_eventCombined = __esm({
 });
 
 // src/rendering/islands/enhancers/shopShared.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
+import { jsx as jsx164 } from "react/jsx-runtime";
 function mountShopBlockIsland(root, props2, Component2, label) {
   const { siteId, apiBaseUrl, stage } = props2;
   if (!siteId) {
@@ -43647,7 +43838,7 @@ function mountShopBlockIsland(root, props2, Component2, label) {
   };
   return mountReactIsland(root, ({ root: reactRoot }) => {
     reactRoot.render(
-      /* @__PURE__ */ jsx165(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx165(Component2, { ...props2 }) })
+      /* @__PURE__ */ jsx164(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx164(Component2, { ...props2 }) })
     );
   });
 }
@@ -43741,7 +43932,7 @@ var newsletterForm_exports = {};
 __export(newsletterForm_exports, {
   enhance: () => enhance18
 });
-import { jsx as jsx166 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 function snapshotFormValues2(form2) {
   if (!form2) return [];
   const snapshots = [];
@@ -43791,7 +43982,7 @@ var init_newsletterForm2 = __esm({
       const snapshots = snapshotFormValues2(existingForm);
       return mountReactIsland(root, ({ root: reactRoot }) => {
         reactRoot.render(
-          /* @__PURE__ */ jsx166(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx166(NewsletterFormClient, { ...props2 }) })
+          /* @__PURE__ */ jsx165(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx165(NewsletterFormClient, { ...props2 }) })
         );
         requestAnimationFrame(() => {
           const nextForm = root.querySelector("form");
@@ -44934,10 +45125,10 @@ init_contrast();
 init_expandPalette();
 
 // ../theme-core/src/mock-themes/components/swatch.tsx
-import { jsx as jsx167, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs103 } from "react/jsx-runtime";
 
 // ../theme-core/src/mock-themes/components/PaletteCard.tsx
-import { jsx as jsx168, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs104 } from "react/jsx-runtime";
 
 // ../theme-core/src/palette/index.ts
 init_expandPalette();
@@ -46164,12 +46355,12 @@ init_buildThemeRuntime();
 init_ThemeScopeCore();
 init_themeScopeUtils();
 init_responsiveMode();
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 
 // ../theme-core/src/ThemeFontLoader.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 init_selectorUtils();
-import { Fragment as Fragment25, jsx as jsx170, jsxs as jsxs105 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx169, jsxs as jsxs105 } from "react/jsx-runtime";
 
 // ../blocks/src/index.ts
 init_ThemeScopeCore();