@riverbankcms/sdk 0.98.0 → 0.99.0

package/dist/client/{carousel-LW3UXPWO.mjs → carousel-SM2LEWAU.mjs}

@@ -1,8 +1,8 @@
-import { normalizeCarouselProps, CarouselNodeClient } from './chunk-JNE6UI6U.mjs';
+import { normalizeCarouselProps, CarouselNodeClient } from './chunk-H3H3ODO7.mjs';
 import './chunk-6N7YRNYU.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-R4XK3CKR.mjs';
-import './chunk-PCHACQEB.mjs';
+import { defineIslandPropsDecoder } from './chunk-CYJ3MUFP.mjs';
+import './chunk-IIUIKJ4K.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var decode = defineIslandPropsDecoder("carousel");

package/dist/client/{cart-Z6D3KS6K.mjs → cart-3N3SFKNQ.mjs}

@@ -1,15 +1,15 @@
-import { mountShopBlockIsland, CartClient } from './chunk-ET2MDQQT.mjs';
-import './chunk-HBQEAOG4.mjs';
-import './chunk-JNE6UI6U.mjs';
+import { mountShopBlockIsland, CartClient } from './chunk-R32M5HFS.mjs';
+import './chunk-ZU65LTI3.mjs';
+import './chunk-H3H3ODO7.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-SK2BMD22.mjs';
+import './chunk-CLZ7NBSP.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
-import './chunk-KDP7ZRZV.mjs';
+import './chunk-IOAHWAQG.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-R4XK3CKR.mjs';
-import './chunk-PCHACQEB.mjs';
+import { defineIslandPropsDecoder } from './chunk-CYJ3MUFP.mjs';
+import './chunk-IIUIKJ4K.mjs';
 
 // src/rendering/islands/enhancers/cart.tsx
 var decode = defineIslandPropsDecoder("cart");

package/dist/client/{checkout-YMT2QJQM.mjs → checkout-YFAYPKPZ.mjs}

@@ -1,15 +1,15 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-ET2MDQQT.mjs';
-import './chunk-HBQEAOG4.mjs';
-import './chunk-JNE6UI6U.mjs';
+import { mountShopBlockIsland, CheckoutClient } from './chunk-R32M5HFS.mjs';
+import './chunk-ZU65LTI3.mjs';
+import './chunk-H3H3ODO7.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-SK2BMD22.mjs';
+import './chunk-CLZ7NBSP.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
-import './chunk-KDP7ZRZV.mjs';
+import './chunk-IOAHWAQG.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-R4XK3CKR.mjs';
-import './chunk-PCHACQEB.mjs';
+import { defineIslandPropsDecoder } from './chunk-CYJ3MUFP.mjs';
+import './chunk-IIUIKJ4K.mjs';
 
 // src/rendering/islands/enhancers/checkout.tsx
 var decode = defineIslandPropsDecoder("checkout");

package/dist/client/{chunk-XNTHVZ25.mjs → chunk-5DLGREUB.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { isRecord } from './chunk-R4XK3CKR.mjs';
+import { isRecord } from './chunk-CYJ3MUFP.mjs';
 import { useRef, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/{chunk-SK2BMD22.mjs → chunk-CLZ7NBSP.mjs}

@@ -1,9 +1,71 @@
 "use client";
-import { FeedbackMessage, discountAvailabilityHasDiscounts, getAutoAppliedDiscountPreview, discountAvailabilityAllowsManualEntry } from './chunk-KDP7ZRZV.mjs';
-import { themeButtonClassName } from './chunk-R4XK3CKR.mjs';
-import { formatCurrencyAmount, clsx_default } from './chunk-PCHACQEB.mjs';
-import { useReducer, useEffect, useId, useRef } from 'react';
+import { FeedbackMessage, discountAvailabilityHasDiscounts, getAutoAppliedDiscountPreview, discountAvailabilityAllowsManualEntry } from './chunk-IOAHWAQG.mjs';
+import { themeButtonClassName } from './chunk-CYJ3MUFP.mjs';
+import { formatCurrencyAmount, clsx_default } from './chunk-IIUIKJ4K.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useReducer, useEffect, useId, useRef } from 'react';
+
+function CheckIcon({ className, strokeWidth = 2 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      className,
+      width: "1em",
+      height: "1em",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
+    }
+  );
+}
+function StateIcon({ variant, children }) {
+  return /* @__PURE__ */ jsx("div", { className: `rb-state-icon rb-state-icon--${variant}`, "aria-hidden": "true", children });
+}
+function joinClasses(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+function TerminalPanel({
+  tone,
+  title,
+  titleAs: Title = "h3",
+  body,
+  secondaryBody,
+  icon,
+  actions,
+  className,
+  titleClassName,
+  bodyClassName,
+  secondaryBodyClassName,
+  iconClassName,
+  actionsClassName,
+  role,
+  live
+}) {
+  const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
+  const resolvedLive = live ?? (resolvedRole === "alert" ? "assertive" : "polite");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      "data-terminal-panel": true,
+      "data-terminal-tone": tone,
+      role: resolvedRole,
+      "aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: joinClasses(iconClassName), "data-terminal-icon": true, children: icon }) : null,
+        /* @__PURE__ */ jsx(Title, { className: joinClasses(titleClassName), "data-terminal-title": true, children: title }),
+        body ? /* @__PURE__ */ jsx("div", { className: joinClasses(bodyClassName), "data-terminal-body": true, children: body }) : null,
+        actions ? /* @__PURE__ */ jsx("div", { className: joinClasses(actionsClassName), "data-terminal-actions": true, children: actions }) : null,
+        secondaryBody ? /* @__PURE__ */ jsx("div", { className: joinClasses(secondaryBodyClassName), "data-terminal-secondary-body": true, children: secondaryBody }) : null
+      ]
+    }
+  );
+}
 
 // ../blocks/src/system/runtime/nodes/event-registration/useDiscountCodeUi.state.ts
 var initialDiscountCodeUiState = {
@@ -402,24 +464,6 @@ function getStepNumber(step, wizardSteps) {
   const index = wizardSteps.indexOf(step);
   return index >= 0 ? index + 1 : 1;
 }
-function CheckIcon({ className, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      fill: "none",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth,
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      className,
-      width: "1em",
-      height: "1em",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
-    }
-  );
-}
 function CrossIcon({ className, strokeWidth = 2 }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -443,7 +487,7 @@ var alignmentClasses = {
   end: "rb-justify-end",
   between: "rb-justify-between"
 };
-function joinClasses(...parts) {
+function joinClasses2(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 function ActionRow({
@@ -454,55 +498,12 @@ function ActionRow({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: joinClasses("rb-flex rb-flex-wrap rb-items-center rb-gap-2", alignmentClasses[align], className),
+      className: joinClasses2("rb-flex rb-flex-wrap rb-items-center rb-gap-2", alignmentClasses[align], className),
       "data-action-row": true,
       children
     }
   );
 }
-function StateIcon({ variant, children }) {
-  return /* @__PURE__ */ jsx("div", { className: `rb-state-icon rb-state-icon--${variant}`, "aria-hidden": "true", children });
-}
-function joinClasses2(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-function TerminalPanel({
-  tone,
-  title,
-  titleAs: Title = "h3",
-  body,
-  secondaryBody,
-  icon,
-  actions,
-  className,
-  titleClassName,
-  bodyClassName,
-  secondaryBodyClassName,
-  iconClassName,
-  actionsClassName,
-  role,
-  live
-}) {
-  const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
-  const resolvedLive = live ?? (resolvedRole === "alert" ? "assertive" : "polite");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className,
-      "data-terminal-panel": true,
-      "data-terminal-tone": tone,
-      role: resolvedRole,
-      "aria-live": resolvedLive === "off" ? void 0 : resolvedLive,
-      children: [
-        icon ? /* @__PURE__ */ jsx("div", { className: joinClasses2(iconClassName), "data-terminal-icon": true, children: icon }) : null,
-        /* @__PURE__ */ jsx(Title, { className: joinClasses2(titleClassName), "data-terminal-title": true, children: title }),
-        body ? /* @__PURE__ */ jsx("div", { className: joinClasses2(bodyClassName), "data-terminal-body": true, children: body }) : null,
-        actions ? /* @__PURE__ */ jsx("div", { className: joinClasses2(actionsClassName), "data-terminal-actions": true, children: actions }) : null,
-        secondaryBody ? /* @__PURE__ */ jsx("div", { className: joinClasses2(secondaryBodyClassName), "data-terminal-secondary-body": true, children: secondaryBody }) : null
-      ]
-    }
-  );
-}
 function ClockIcon({ className, strokeWidth = 2 }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -612,40 +613,66 @@ function TabBarFragment({
     }
   );
 }
+function buildClassChannels(slot, classPrefix, emitSharedClasses) {
+  const classes = [];
+  if (emitSharedClasses) classes.push(`rb-${slot}`);
+  if (classPrefix) classes.push(`${classPrefix}-${slot}`);
+  return classes;
+}
 function StepIndicator({
   currentStep,
   totalSteps,
   stepLabels,
-  classPrefix
+  classPrefix,
+  emitSharedClasses
 }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Registration progress", className: `${classPrefix}-steps-nav`, children: /* @__PURE__ */ jsx("ol", { className: `${classPrefix}-steps`, children: Array.from({ length: totalSteps }, (_, i) => {
+  const slotClass = (slot, modifier) => {
+    const base = buildClassChannels(slot, classPrefix, emitSharedClasses);
+    if (!modifier) return base.join(" ");
+    const modified = buildClassChannels(
+      `${slot}--${modifier}`,
+      classPrefix,
+      emitSharedClasses
+    );
+    return [...base, ...modified].join(" ");
+  };
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Registration progress", className: slotClass("steps-nav"), children: /* @__PURE__ */ jsx("ol", { className: slotClass("steps"), children: Array.from({ length: totalSteps }, (_, i) => {
     const stepNum = i + 1;
     const isActive = stepNum === currentStep;
     const isComplete = stepNum < currentStep;
     return /* @__PURE__ */ jsxs(
       "li",
       {
-        className: `${classPrefix}-step`,
+        className: slotClass("step"),
         "aria-current": isActive ? "step" : void 0,
         children: [
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${classPrefix}-step-circle${isActive ? ` ${classPrefix}-step-circle--active` : ""}${isComplete ? ` ${classPrefix}-step-circle--completed` : ""}`,
-              children: isComplete ? /* @__PURE__ */ jsx(CheckIcon, { className: `${classPrefix}-step-check`, strokeWidth: 3 }) : stepNum
+              className: slotClass(
+                "step-circle",
+                isActive ? "active" : isComplete ? "completed" : void 0
+              ),
+              children: isComplete ? /* @__PURE__ */ jsx(CheckIcon, { className: slotClass("step-check"), strokeWidth: 3 }) : stepNum
             }
           ),
           stepLabels?.[i] && /* @__PURE__ */ jsx(
             "span",
             {
-              className: `${classPrefix}-step-label${isActive ? ` ${classPrefix}-step-label--active` : ""}`,
+              className: slotClass(
+                "step-label",
+                isActive ? "active" : void 0
+              ),
               children: stepLabels[i]
             }
           ),
           stepNum < totalSteps && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${classPrefix}-step-connector${isComplete ? ` ${classPrefix}-step-connector--completed` : ""}`,
+              className: slotClass(
+                "step-connector",
+                isComplete ? "completed" : void 0
+              ),
               "aria-hidden": "true"
             }
           )
@@ -655,5 +682,50 @@ function StepIndicator({
     );
   }) }) });
 }
+function SelectableOptionCard(props) {
+  const {
+    baseClassName,
+    selectedClassName,
+    disabledClassName,
+    iconClassName,
+    labelClassName,
+    detailClassName,
+    icon,
+    label,
+    detail,
+    selected,
+    disabled,
+    tooltip,
+    extraClassNames = [],
+    onClick,
+    renderCheck,
+    renderDisabledTooltip
+  } = props;
+  const isSelected = selected && !disabled;
+  const className = [
+    baseClassName,
+    isSelected && selectedClassName,
+    disabled && disabledClassName,
+    ...extraClassNames
+  ].filter(Boolean).join(" ");
+  const showNativeTitle = Boolean(tooltip) && !(disabled && renderDisabledTooltip);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className,
+      onClick: disabled ? void 0 : onClick,
+      title: showNativeTitle ? tooltip : void 0,
+      "aria-disabled": disabled || void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: iconClassName, children: icon }),
+        /* @__PURE__ */ jsx("div", { className: labelClassName, children: label }),
+        /* @__PURE__ */ jsx("div", { className: detailClassName, children: detail }),
+        isSelected && renderCheck?.(),
+        disabled && tooltip && renderDisabledTooltip?.(tooltip)
+      ]
+    }
+  );
+}
 
-export { ActionRow, CheckIcon, ClockIcon, CrossIcon, DiscountCodeDisclosure, LoggedInAsUser, MembershipHero, StateIcon, StepIndicator, TabBarFragment, TerminalPanel, buildCheckoutReturnUrls, consumeSearchParam, consumeSearchParams, createBodyThemePortalRoot, formatPrice, getStepNumber, logoutPortal, scrollToBlock, useDiscountCodeUi, validateFormData };
+export { ActionRow, CheckIcon, ClockIcon, CrossIcon, DiscountCodeDisclosure, LoggedInAsUser, MembershipHero, SelectableOptionCard, StateIcon, StepIndicator, TabBarFragment, TerminalPanel, buildCheckoutReturnUrls, consumeSearchParam, consumeSearchParams, createBodyThemePortalRoot, formatPrice, getStepNumber, logoutPortal, scrollToBlock, useDiscountCodeUi, validateFormData };

package/dist/client/{chunk-R4XK3CKR.mjs → chunk-CYJ3MUFP.mjs}

@@ -1,4 +1,4 @@
-import { parseAspectRatioValue, parseColorTokenParts, toBookingTimeZone, formatBookingDate, toScheduledBookingDateTime, formatBookingTime, toScheduledBookingDateRange, formatBookingDateParts, formatEventPricing, ImagePresets, getBookingLocalDateKey, publicEventPricingType, formatCurrencyAmount, getCurrentResolveImageUrlContext, renderVideo, renderAudio, resolveMediaNodeResponsiveImage, MediaPlaceholder, computeMediaTransformStyle, rgbColorValue } from './chunk-PCHACQEB.mjs';
+import { parseAspectRatioValue, parseColorTokenParts, toBookingTimeZone, formatBookingDate, toScheduledBookingDateTime, formatBookingTime, toScheduledBookingDateRange, formatBookingDateParts, formatEventPricing, ImagePresets, getBookingLocalDateKey, publicEventPricingType, formatCurrencyAmount, getCurrentResolveImageUrlContext, renderVideo, renderAudio, resolveMediaNodeResponsiveImage, MediaPlaceholder, computeMediaTransformStyle, rgbColorValue } from './chunk-IIUIKJ4K.mjs';
 import z2, { z } from 'zod';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -1705,15 +1705,16 @@ var joyStamp = defineButtonPersonality({
       // 700, matching the mockup's chunky button labels.
       typography: "heading",
       fontWeight: 700,
+      fontSize: "text-lg",
       borderWidth: 2,
       hoverTransform: "none",
       hoverColor: "none"
     },
     sizes: {
-      sm: { padding: "0.625rem 1.25rem", fontSize: "text-sm" },
-      md: { padding: "0.875rem 1.75rem", fontSize: "text-base" },
-      lg: { padding: "1.125rem 2.25rem", fontSize: "text-lg" },
-      xl: { padding: "1.25rem 2.75rem", fontSize: "text-xl" }
+      sm: { padding: "0.625rem 1.25rem", fontSize: "text-base" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "text-lg" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "text-xl" },
+      xl: { padding: "1.25rem 2.75rem", fontSize: "text-2xl" }
     },
     variants: [
       {

package/dist/client/{chunk-JNE6UI6U.mjs → chunk-H3H3ODO7.mjs}

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronLeft, ChevronRight } from './chunk-6N7YRNYU.mjs';
-import { clsx_default } from './chunk-PCHACQEB.mjs';
+import { clsx_default } from './chunk-IIUIKJ4K.mjs';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/client/{chunk-IEOECM7U.mjs → chunk-HPEQ4YWW.mjs}

@@ -1,22 +1,22 @@
 "use client";
-import { LeafletStaticMap } from './chunk-XNTHVZ25.mjs';
-import { resolveCoursePricingState, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay, useWaitlistClaim } from './chunk-26ZBRXFR.mjs';
+import { LeafletStaticMap } from './chunk-5DLGREUB.mjs';
+import { resolveCoursePricingState, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay, useWaitlistClaim } from './chunk-JTKBF3W2.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-6N7YRNYU.mjs';
-import { buildBookingPaymentSelectionViewModel, usePolling } from './chunk-DRRQ7QSL.mjs';
-import { SpinnerNode } from './chunk-OLAOAZEO.mjs';
-import { createBodyThemePortalRoot, TabBarFragment, logoutPortal, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon, useDiscountCodeUi, consumeSearchParam } from './chunk-SK2BMD22.mjs';
+import { buildBookingPaymentSelectionViewModel, usePolling } from './chunk-WEVT46PX.mjs';
+import { SpinnerNode } from './chunk-K7KTSACR.mjs';
+import { createBodyThemePortalRoot, TabBarFragment, logoutPortal, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, SelectableOptionCard, CheckIcon, useDiscountCodeUi, consumeSearchParam } from './chunk-CLZ7NBSP.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
 import { ModalShell } from './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-LJCX6V7Q.mjs';
-import { useBlockApi, FeedbackMessage } from './chunk-KDP7ZRZV.mjs';
-import { buildEventRuntimeFilters, buildEventCalendarListingRender, groupEventsByDate, getOrderedDayNames, formatDateKey, getEventRuntimeFiltersKey, themeButtonClassName, normalizeCsvIds, normalizeOptionalId, normalizeEventBlockKind, normalizeCsvString, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, isToday, MAX_EVENTS_PER_DAY, formatTime, WIZARD_STEPS, getWizardStepsForContext, getStepNumber, formatEventPriceDisplay, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-R4XK3CKR.mjs';
-import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, formatCurrencyAmount, publicEventTicketTypes, formatBookingDate, formatBookingTime } from './chunk-PCHACQEB.mjs';
+import { useBlockApi, FeedbackMessage } from './chunk-IOAHWAQG.mjs';
+import { buildEventRuntimeFilters, buildEventCalendarListingRender, groupEventsByDate, getOrderedDayNames, formatDateKey, getEventRuntimeFiltersKey, themeButtonClassName, normalizeCsvIds, normalizeOptionalId, normalizeEventBlockKind, normalizeCsvString, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, isToday, MAX_EVENTS_PER_DAY, formatTime, WIZARD_STEPS, getWizardStepsForContext, getStepNumber, formatEventPriceDisplay, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-CYJ3MUFP.mjs';
+import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, formatCurrencyAmount, publicEventTicketTypes, formatBookingDate, formatBookingTime } from './chunk-IIUIKJ4K.mjs';
 import React9, { createContext, useId, useMemo, useReducer, useState, useRef, useEffect, useCallback, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function StepIndicator2(props) {
-  return /* @__PURE__ */ jsx(StepIndicator, { ...props, classPrefix: "er" });
+  return /* @__PURE__ */ jsx(StepIndicator, { ...props, classPrefix: "er", emitSharedClasses: true });
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/registrationStateMachine.ts
@@ -859,7 +859,7 @@ var EventSelectionStep = ({
 }) => {
   const selectionMode = getEventSelectionMode(events);
   const isDateSelection = selectionMode === "date";
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: isDateSelection ? "Choose a date" : "Select an event" }),
     /* @__PURE__ */ jsx("div", { className: "er-event-grid", children: events.map((event) => {
       const isSelected = selectedEvent?.publicEventId === event.publicEventId;
@@ -916,7 +916,7 @@ function getEventAttendanceModeLabel(mode) {
 function TicketCounter(props) {
   const { ticketsCount, maxAllowed, label, onTicketsChange } = props;
   const minAllowed = props.minAllowed ?? 1;
-  return /* @__PURE__ */ jsxs("div", { className: "er-row er-counter", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-row er-row er-counter", children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -1141,7 +1141,7 @@ var TicketSelectionStep = ({
   });
   const eventAvailabilityLabel = !canJoinWaitlist && event?.availableSpots != null ? `${event.availableSpots} spots available` : null;
   if (deliveryMode === "hybrid" && !selectedAttendanceMode) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "How will you attend?" }),
       /* @__PURE__ */ jsx(
         AttendanceModeTiles,
@@ -1155,12 +1155,12 @@ var TicketSelectionStep = ({
     ] });
   }
   if (isSoldOut && !canJoinWaitlist) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Sold Out" }),
       /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Sorry you missed out! This event is fully booked." })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     deliveryMode === "hybrid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "How will you attend?" }),
       /* @__PURE__ */ jsx(
@@ -1354,7 +1354,7 @@ var AttendeeDetailsStep = ({
     messageId: emailErrorId
   });
   const showGuestSection = requireGuestDetails && ticketsCount > 1 && onGuestsChange;
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Your Information" }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "er-field", children: [
@@ -1448,7 +1448,7 @@ var AttendeeDetailsStep = ({
 var MembershipHero = ({
   membershipName
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero", children: [
+  return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero", children: [
     /* @__PURE__ */ jsx("div", { className: "er-booking-mode-hero-icon", children: /* @__PURE__ */ jsx(Sparkles, { size: 20, fill: "currentColor", "aria-hidden": "true" }) }),
     /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero-content", children: [
       /* @__PURE__ */ jsxs("h3", { className: "er-booking-mode-hero-title", children: [
@@ -1459,51 +1459,6 @@ var MembershipHero = ({
     ] })
   ] }) });
 };
-function SelectableOptionCard(props) {
-  const {
-    baseClassName,
-    selectedClassName,
-    disabledClassName,
-    iconClassName,
-    labelClassName,
-    detailClassName,
-    icon,
-    label,
-    detail,
-    selected,
-    disabled,
-    tooltip,
-    extraClassNames = [],
-    onClick,
-    renderCheck,
-    renderDisabledTooltip
-  } = props;
-  const isSelected = selected && !disabled;
-  const className = [
-    baseClassName,
-    isSelected && selectedClassName,
-    disabled && disabledClassName,
-    ...extraClassNames
-  ].filter(Boolean).join(" ");
-  const showNativeTitle = Boolean(tooltip) && !(disabled && renderDisabledTooltip);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className,
-      onClick: disabled ? void 0 : onClick,
-      title: showNativeTitle ? tooltip : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: iconClassName, children: icon }),
-        /* @__PURE__ */ jsx("div", { className: labelClassName, children: label }),
-        /* @__PURE__ */ jsx("div", { className: detailClassName, children: detail }),
-        isSelected && renderCheck?.(),
-        disabled && tooltip && renderDisabledTooltip?.(tooltip)
-      ]
-    }
-  );
-}
 
 // ../blocks/src/system/runtime/nodes/event-registration/eventPaymentOptions.ts
 var DEFAULT_EVENT_DIRECT_PAYMENT_OPTION = {
@@ -1585,7 +1540,7 @@ function resolveEventRegistrationDirectPaymentSelection(input) {
   };
 }
 function PaymentCheckIcon() {
-  return /* @__PURE__ */ jsx("div", { className: "er-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
+  return /* @__PURE__ */ jsx("div", { className: "rb-option-check er-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
 }
 function PaymentTile({
   icon,
@@ -1722,25 +1677,25 @@ var PaymentSelectionStep = ({
     getButtonText
   ]);
   if (eligibilityLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-center", children: [
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-center", children: [
       /* @__PURE__ */ jsx(SpinnerNode, { size: "lg", srLabel: "Checking payment options" }),
       /* @__PURE__ */ jsx("p", { className: "er-text--muted", children: "Checking payment options..." })
     ] }) });
   }
   if (eligibilityError) {
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--error", children: eligibilityError }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--error", children: eligibilityError }) }) });
   }
   if (!eligibility) {
     const missing = [];
     if (!occurrenceId) missing.push("occurrenceId");
     if (!email) missing.push("email");
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsxs("p", { className: "er-text er-text--error", children: [
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsxs("p", { className: "er-text er-text--error", children: [
       "Unable to determine payment options",
       missing.length > 0 && ` (missing: ${missing.join(", ")})`
     ] }) }) });
   }
   if (eligibility.isFree) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Payment" }),
       /* @__PURE__ */ jsxs("div", { className: "er-payment-summary", children: [
         /* @__PURE__ */ jsx("p", { className: "er-text er-text--success", children: "This event is free!" }),
@@ -1754,13 +1709,13 @@ var PaymentSelectionStep = ({
   }
   if (!eligibility.eligible) {
     if (eligibility.isFull && !eligibility.canJoinWaitlist) {
-      return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
         /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Sold Out" }),
         /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "This event is fully booked and there is no waitlist available for this booking." }) })
       ] });
     }
     const shouldPromptLogin = !isAuthenticated && (eligibility.requiresAuthForPasses || eligibility.requiresAuthForMemberships);
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: shouldPromptLogin ? "Log In Required" : "Payment Required" }),
       /* @__PURE__ */ jsx("div", { className: "er-center", children: shouldPromptLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Have a pass or membership? Log in to use it." }),
@@ -1786,7 +1741,7 @@ var PaymentSelectionStep = ({
     ] });
   }
   const isMultiTicket = areEntitlementsDisabledForTicketCount(ticketsCount);
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Payment Options" }),
     /* @__PURE__ */ jsxs("div", { className: "er-payment-tiles", children: [
       canShowDirectPaymentOptions && /* @__PURE__ */ jsx(Fragment, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx(
@@ -2161,7 +2116,7 @@ function EventRegistrationWizardActions(props) {
       const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
       const isContinueDisabled = isWaitingForEligibility || isCheckingExistingRegistration || hasExistingRegistration || isSoldOutWithoutWaitlist || ticketTypeSelectionBlocked;
       const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket" : "Continue";
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         !wizard.hasPreSelectedContext && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep("select-event"), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx(
           "button",
@@ -2183,7 +2138,7 @@ function EventRegistrationWizardActions(props) {
       const isSoldOut = !hasWaitlistClaim && wizard.eligibility?.isFull === true && wizard.eligibility.canJoinWaitlist !== true;
       const isContinueDisabled = isCheckingEligibility || isSoldOut;
       const continueLabel = isCheckingEligibility ? "Checking availability..." : getDetailsButtonText();
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep(prevStepForDetails), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx(
           "button",
@@ -2202,7 +2157,7 @@ function EventRegistrationWizardActions(props) {
       const handlePaymentContinue = () => {
         void wizard.handlePaymentSelect();
       };
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep("enter-details"), className: "er-back-btn", children: "\u2190 Back" }),
         status === "ready" && /* @__PURE__ */ jsx(
           "button",
@@ -3465,7 +3420,7 @@ function EventRegistrationWizard(props) {
     description: wizard.waitlistClaim.loginMessage ?? "Log in to continue with your waitlist claim."
   } : EVENT_PORTAL_AUTH_COPY.membership;
   const showPortalAuthPrompt = waitlistClaimRequiresPortalLogin || wizard.step === "select-tickets" && wizard.portalAuthState !== "authenticated" && wizard.portalAuthState !== "checking" && hasPassOrMembershipProducts && summaryEventPricingType !== "free";
-  const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsxs("div", { className: `er-container${variant === "overlay" ? " er-container--overlay" : ""}`, children: [
+  const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsxs("div", { className: `rb-reg-surface er-container${variant === "overlay" ? " er-container--overlay" : ""}`, children: [
     isWizardStep && /* @__PURE__ */ jsxs("div", { className: "er-payment-layout er-payment-layout--no-sidebar", children: [
       /* @__PURE__ */ jsxs("div", { className: "er-payment-layout-main", children: [
         totalSteps > 1 && /* @__PURE__ */ jsx(StepIndicator2, { currentStep: currentStepNumber, totalSteps, stepLabels }),