@riverbankcms/sdk 0.75.0 → 0.76.0

package/dist/{chunk-BGMNDF6T.mjs → chunk-Q4OLG66B.mjs}

@@ -1,8 +1,8 @@
 "use client";
 import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-Z7JLNTJR.mjs';
-import { PreviewThemeOverlayProvider, resolveSiteStyleAccess, usePreviewThemeOverlay, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, markApplyFailed, markApplySaved, markApplySaving, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, cycleSiteChromeLookId, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, sanitizeDashboardPath } from './chunk-RWXQBRQZ.mjs';
-import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-ZSHFGFUG.mjs';
-import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, planSiteDocument, useEditorUiStore, SiteDocumentLayout, ResizableSplitPane, BlockApiProvider, EditorProvider, getCuratedSiteStyle, compileSiteThemeFromSelections, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, asEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, assertNever } from './chunk-GFE74WRD.mjs';
+import { PreviewThemeOverlayProvider, resolveSiteStyleAccess, usePreviewThemeOverlay, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, markApplyFailed, markApplySaved, markApplySaving, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, cycleSiteChromeLookId, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, sanitizeDashboardPath } from './chunk-TW2Y4RR5.mjs';
+import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-V5VORNEJ.mjs';
+import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, planSiteDocument, useEditorUiStore, SiteDocumentLayout, ResizableSplitPane, BlockApiProvider, EditorProvider, getCuratedSiteStyle, compileSiteThemeFromSelections, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, asEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, PreviewRichTextEditor, RichText, PreviewTextEditor, Text, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, buildEditorModelRuntimeFieldsByBlockId, applyCompiledRuntimeFieldsToContent, assertNever2, getBlockDefinition, systemCustomizeFacetDefinitionsForBlock, systemCustomizeFacetAppliesToLayoutVariant, systemCustomizeFacetCurrentValue, systemCustomizeFacetLabelForValue, systemCustomizeFacetNextValue, assertNever } from './chunk-LYI7TEMH.mjs';
 import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken, parseSurfaceId } from './chunk-VX7B5VAC.mjs';
 import React7, { createContext, useMemo, useState, useEffect, useRef, useCallback, useId, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2366,7 +2366,7 @@ function SiteChromeCustomizeProvider({
     const runner = runnerRef.current;
     return () => {
       runner.invalidate();
-      setOverrideTheme(null);
+      setOverrideTheme(null, { source: "site-chrome" });
     };
   }, [setOverrideTheme]);
   const lookModels = useMemo(() => {
@@ -2420,7 +2420,7 @@ function SiteChromeCustomizeProvider({
       });
       void runnerRef.current.run({
         optimistic: () => {
-          setOverrideTheme(compiled.theme);
+          setOverrideTheme(compiled.theme, { source: "site-chrome" });
           setState((latest) => {
             if (!latest) return latest;
             return markApplySaving({ ...latest, previewed: nextSnapshot });
@@ -2532,11 +2532,11 @@ function SiteChromeCustomizeProvider({
 }
 var previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 var PreviewEditorSidebar = React7.lazy(async () => {
-  const mod = await import('./PreviewEditorSidebar-U2IHCBYN.mjs');
+  const mod = await import('./PreviewEditorSidebar-X2HWXFOL.mjs');
   return { default: mod.PreviewEditorSidebar };
 });
 var PreviewEditorUI = React7.lazy(async () => {
-  const mod = await import('./PreviewEditorUI-ZGH2RQNP.mjs');
+  const mod = await import('./PreviewEditorUI-AQXIXPOH.mjs');
   return { default: mod.PreviewEditorUI };
 });
 var previewPaneContainmentStyle = {

package/dist/{chunk-RWXQBRQZ.mjs → chunk-TW2Y4RR5.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { compileSiteThemeFromSelections, footerLookCatalog, headerLookCatalog, footerLookRejectionReasonLabel, headerLookRejectionReasonLabel, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle } from './chunk-GFE74WRD.mjs';
+import { compileSiteThemeFromSelections, footerLookCatalog, headerLookCatalog, footerLookRejectionReasonLabel, headerLookRejectionReasonLabel, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle } from './chunk-LYI7TEMH.mjs';
 import { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -368,50 +368,105 @@ function applyRfc6902Patch(base, ops) {
   return next;
 }
 var PreviewThemeOverlayContext = createContext(null);
+var NO_THEME_OVERLAY = { kind: "none" };
 function isDebugEnabled() {
   return process.env.NEXT_PUBLIC_AI_ASSISTANT_DEBUG === "1";
 }
 function PreviewThemeOverlayProvider({ baseTheme, children }) {
-  const [overlayOps, setOverlayOps] = useState(null);
-  const [overrideTheme, setOverrideTheme] = useState(null);
+  const [overlay, setOverlay] = useState(NO_THEME_OVERLAY);
   const previousBaseThemeRef = useRef(null);
-  const clearOverlay = useCallback(() => {
-    setOverlayOps(null);
-    setOverrideTheme(null);
+  const overlayOps = overlay.kind === "patch" ? [...overlay.ops] : null;
+  const overlayOpsSource = overlay.kind === "patch" ? overlay.source : null;
+  const overrideTheme = overlay.kind === "theme" ? overlay.theme : null;
+  const overrideThemeSource = overlay.kind === "theme" ? overlay.source : null;
+  const setOverlayOps = useCallback(
+    (ops, options) => {
+      setOverlay((current) => {
+        if (ops === null) {
+          if (current.kind !== "patch") return current;
+          if (options?.source && current.source !== options.source) return current;
+          return NO_THEME_OVERLAY;
+        }
+        return {
+          kind: "patch",
+          source: options?.source ?? "unknown",
+          ops
+        };
+      });
+    },
+    []
+  );
+  const setOverrideTheme = useCallback(
+    (theme, options) => {
+      setOverlay((current) => {
+        if (theme === null) {
+          if (current.kind !== "theme") return current;
+          if (options?.source && current.source !== options.source) return current;
+          return NO_THEME_OVERLAY;
+        }
+        return {
+          kind: "theme",
+          source: options?.source ?? "unknown",
+          theme
+        };
+      });
+    },
+    []
+  );
+  const clearOverlay = useCallback((options) => {
+    setOverlay((current) => {
+      const source = options?.source;
+      if (current.kind === "none") return current;
+      if (source && current.source !== source) return current;
+      return NO_THEME_OVERLAY;
+    });
   }, []);
   useEffect(() => {
     if (previousBaseThemeRef.current && previousBaseThemeRef.current !== baseTheme) {
-      setOverlayOps(null);
-      setOverrideTheme(null);
+      setOverlay(NO_THEME_OVERLAY);
     }
     previousBaseThemeRef.current = baseTheme;
   }, [baseTheme]);
   const effectiveTheme = useMemo(() => {
-    if (overrideTheme) return overrideTheme;
-    if (!overlayOps || overlayOps.length === 0) return baseTheme;
+    if (overlay.kind === "theme") return overlay.theme;
+    if (overlay.kind !== "patch" || overlay.ops.length === 0) return baseTheme;
     try {
-      return applyRfc6902Patch(baseTheme, overlayOps);
+      return applyRfc6902Patch(baseTheme, [...overlay.ops]);
     } catch (error) {
       if (isDebugEnabled()) {
         console.warn("[preview-theme-overlay] failed to apply theme overlay patch", {
           error: error instanceof Error ? error.message : String(error),
-          overlayOps
+          overlayOps: overlay.ops
         });
       }
       return baseTheme;
     }
-  }, [baseTheme, overlayOps, overrideTheme]);
+  }, [baseTheme, overlay]);
   const value = useMemo(
     () => ({
       baseTheme,
+      overlay,
       overlayOps,
+      overlayOpsSource,
       setOverlayOps,
       overrideTheme,
+      overrideThemeSource,
       setOverrideTheme,
       effectiveTheme,
       clearOverlay
     }),
-    [baseTheme, clearOverlay, effectiveTheme, overlayOps, overrideTheme]
+    [
+      baseTheme,
+      clearOverlay,
+      effectiveTheme,
+      overlay,
+      overlayOps,
+      overlayOpsSource,
+      overrideTheme,
+      overrideThemeSource,
+      setOverlayOps,
+      setOverrideTheme
+    ]
   );
   return /* @__PURE__ */ jsx(PreviewThemeOverlayContext.Provider, { value, children });
 }

package/dist/{chunk-ZSHFGFUG.mjs → chunk-V5VORNEJ.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { assertNever2, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, useDebouncedLatestSave, applyPageDesignEditorAction, asEditorBlockId, asEditorBlockValues, resolvePreviewSidebarTab, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, createHistoryState, redoHistory, undoHistory, pushHistoryEntry, canRedoHistory, canUndoHistory, planPageDesignLayoutLookCompatibility } from './chunk-GFE74WRD.mjs';
+import { assertNever2, useOptionalEditorUiStoreInstance, getPageDesignEditorState, PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, useDebouncedLatestSave, applyPageDesignEditorAction, asEditorBlockId, asEditorBlockValues, resolvePreviewSidebarTab, systemCustomizeFacetDefinitionForBlock, systemCustomizeFacetRollbackContentPatch, systemCustomizeFacetApplyContentPatch, createHistoryState, redoHistory, undoHistory, pushHistoryEntry, canRedoHistory, canUndoHistory, planPageDesignLayoutLookCompatibility } from './chunk-LYI7TEMH.mjs';
 import { ApiRequestError, resolveSurfaceDocumentAttributes, SURFACE_DOCUMENT_DATA_ATTRIBUTE, SURFACE_IDS } from './chunk-VX7B5VAC.mjs';
 import { createContext, useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/cli/index.mjs

@@ -54508,7 +54508,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.75.0";
+var SDK_VERSION = "0.76.0";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {

package/dist/client/{accordion-T2UD2ZTH.mjs → accordion-2YHIBOZH.mjs}

@@ -1,4 +1,4 @@
-import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/accordion.ts

package/dist/client/{bookingForm-GUP75FKN.mjs → bookingForm-35IBDWAS.mjs}

@@ -1,28 +1,18 @@
 "use client";
 import { DiscountCodeSection } from './chunk-OJPZEZU2.mjs';
-import { useDiscountCodeUi, usePolling } from './chunk-WJXXNDSE.mjs';
+import { useDiscountCodeUi, usePolling } from './chunk-J227A3CQ.mjs';
 import { SpinnerNode } from './chunk-TQ5MSPDX.mjs';
-import { scrollToBlock, buildCheckoutReturnUrls, formatPrice } from './chunk-2PHQZ666.mjs';
+import { scrollToBlock, buildCheckoutReturnUrls, formatPrice } from './chunk-JEZECJ3W.mjs';
 import { FieldValidationMessage, getFieldValidationControlProps } from './chunk-3DCJ45Z2.mjs';
 import './chunk-3PEDD5KJ.mjs';
 import { isSpamProtectionEnabled, getChallengeUrl, AltchaWidget } from './chunk-YLMKMCSJ.mjs';
 import { BlockApiProvider, useBlockApi, FeedbackMessage } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder, resolveBookingSiteId, resolveDefaultBookingServiceId, getBookingRedirectStateFromLocation, deriveBookingFormViewState, getBookingSuccessMessage, resolveAppointmentCheckoutVerificationState, themeButtonClassName, toSelectedCollectionOptionKind, assertNever, prepareBookingSubmission, formatBookingSubmissionPreparationError, resolveBookingPaymentStep, BOOKING_FORM_DATA_RESERVED_KEYS, okWith, err } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder, resolveBookingSiteId, resolveDefaultBookingServiceId, getBookingRedirectStateFromLocation, deriveBookingFormViewState, logger, getBookingSuccessMessage, resolveAppointmentCheckoutVerificationState, themeButtonClassName, toSelectedCollectionOptionKind, assertNever, prepareBookingSubmission, formatBookingSubmissionPreparationError, resolveBookingPaymentStep, BOOKING_FORM_DATA_RESERVED_KEYS, okWith, err } from './chunk-7UOSCYY4.mjs';
 import { resolveBookingTimeZoneId, DEFAULT_BOOKING_TIME_ZONE, asFormId, asAppointmentResourceId, asCustomerPassId, asAppointmentServiceId, formatLocalScheduleDate, addLocalScheduleDays, parseBookingLocalDate, resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, asPassId, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows, formatBookingInstant } from './chunk-PMAIXMAB.mjs';
 import React2, { useRef, useState, useMemo, useReducer, useEffect, useCallback, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// ../logger/src/noop.ts
-var noop = () => {
-};
-var logger = {
-  debug: noop,
-  info: noop,
-  warn: noop,
-  error: noop,
-  withFields: (_) => logger
-};
 var SuccessMessage = ({
   message,
   resourceName,

package/dist/client/bookings.mjs

@@ -5797,6 +5797,17 @@ function getBookingSuccessMessage(successMessage) {
   return successMessage?.trim() || "Your appointment has been booked! Check your email for confirmation.";
 }
 
+// ../logger/src/noop.ts
+var noop = () => {
+};
+var logger = {
+  debug: noop,
+  info: noop,
+  warn: noop,
+  error: noop,
+  withFields: (_) => logger
+};
+
 // ../theme-core/src/inputs/types.ts
 import { z as z6 } from "zod";
 var inputSystemSchema = z6.object({
@@ -6157,17 +6168,6 @@ function FeedbackMessage({
 // ../blocks/src/system/runtime/nodes/booking-form.client.tsx
 import React3, { useRef as useRef7, useState as useState6 } from "react";
 
-// ../logger/src/noop.ts
-var noop = () => {
-};
-var logger = {
-  debug: noop,
-  info: noop,
-  warn: noop,
-  error: noop,
-  withFields: (_) => logger
-};
-
 // ../altcha/src/AltchaWidget.tsx
 import { useEffect, useRef, useState } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";

package/dist/client/{carousel-2NQA6V57.mjs → carousel-K6XG7NZQ.mjs}

@@ -1,7 +1,7 @@
 import { normalizeCarouselProps, CarouselNodeClient } from './chunk-II7O4XN3.mjs';
 import './chunk-RTZ3JKKX.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/client/{cart-5TFIAFDS.mjs → cart-HCFYUTTU.mjs}

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CartClient } from './chunk-NWOUL6JY.mjs';
-import './chunk-ZLMS67RR.mjs';
+import { mountShopBlockIsland, CartClient } from './chunk-PFBX3IQL.mjs';
+import './chunk-BOIHIU7E.mjs';
 import './chunk-II7O4XN3.mjs';
 import './chunk-I2MMZO53.mjs';
 import './chunk-RTZ3JKKX.mjs';
-import './chunk-2PHQZ666.mjs';
+import './chunk-JEZECJ3W.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-3PEDD5KJ.mjs';
 import './chunk-M3L3KYYR.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/cart.tsx

package/dist/client/{checkout-TP4WAHZE.mjs → checkout-J3U4XR7K.mjs}

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-NWOUL6JY.mjs';
-import './chunk-ZLMS67RR.mjs';
+import { mountShopBlockIsland, CheckoutClient } from './chunk-PFBX3IQL.mjs';
+import './chunk-BOIHIU7E.mjs';
 import './chunk-II7O4XN3.mjs';
 import './chunk-I2MMZO53.mjs';
 import './chunk-RTZ3JKKX.mjs';
-import './chunk-2PHQZ666.mjs';
+import './chunk-JEZECJ3W.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-3PEDD5KJ.mjs';
 import './chunk-M3L3KYYR.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder } from './chunk-7UOSCYY4.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/checkout.tsx

package/dist/client/{chunk-FU2QRZMX.mjs → chunk-7UOSCYY4.mjs}

@@ -4255,7 +4255,18 @@ function getBookingSuccessMessage(successMessage) {
   return successMessage?.trim() || "Your appointment has been booked! Check your email for confirmation.";
 }
 
-// ../blocks/src/system/runtime/nodes/booking-form.interactive.ts
+// ../logger/src/noop.ts
+var noop = () => {
+};
+var logger = {
+  debug: noop,
+  info: noop,
+  warn: noop,
+  error: noop,
+  withFields: (_) => logger
+};
+
+// ../blocks/src/system/runtime/nodes/booking-runtime-sources.ts
 var bookingFieldOptionSchema = z.object({
   value: z.string(),
   label: z.string()
@@ -4309,6 +4320,8 @@ var bookingSourceFormSchema = z.object({
   createdAt: z.string(),
   updatedAt: z.string()
 });
+
+// ../blocks/src/system/runtime/nodes/booking-form.interactive.ts
 var blockBookingPaymentTermsAvailabilitySchema = z.union([
   z.object({
     kind: z.literal("available"),
@@ -5601,6 +5614,37 @@ function pickReadableTextColor(background) {
     return "rgb(var(--tb-onAccent, 255 255 255))";
   }
 }
+function BookingOptionCompactRow({
+  option,
+  buttonVariant = "primary"
+}) {
+  const primaryMeta = option.primaryMeta?.filter((item) => item.length > 0) ?? [];
+  const secondaryMeta = option.secondaryMeta?.filter((item) => item.label.length > 0) ?? [];
+  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "sm" });
+  return /* @__PURE__ */ jsxs("div", { className: "event-compact-row", children: [
+    /* @__PURE__ */ jsxs("div", { className: "event-compact-row-content", children: [
+      /* @__PURE__ */ jsxs("div", { className: "event-compact-row-top", children: [
+        /* @__PURE__ */ jsx("span", { className: "event-compact-row-title", children: option.title }),
+        primaryMeta.length > 0 && /* @__PURE__ */ jsx("span", { className: "event-compact-row-datetime", children: primaryMeta.join(" \xB7 ") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "event-compact-row-bottom", children: [
+        secondaryMeta.map((item) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: item.className,
+            children: [
+              item.icon,
+              item.label
+            ]
+          },
+          item.id ?? `${item.className ?? "meta"}:${item.label}`
+        )),
+        option.priceLabel && /* @__PURE__ */ jsx("span", { className: "event-compact-row-price", children: option.priceLabel })
+      ] })
+    ] }),
+    option.action.kind === "status" ? /* @__PURE__ */ jsx("span", { className: "event-compact-row-status", children: option.action.label }) : /* @__PURE__ */ jsx("a", { href: option.action.href, className: `${buttonClass} event-compact-row-cta`, children: option.action.label })
+  ] });
+}
 var EventCompactRow = ({
   event,
   buttonVariant = "primary",
@@ -5612,28 +5656,31 @@ var EventCompactRow = ({
   const price = formatEventPrice(event);
   const teacherLine = formatEventTeacherLine(event);
   const cta = resolveEventCta(event, buttonText);
-  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "sm" });
-  return /* @__PURE__ */ jsxs("div", { className: "event-compact-row", children: [
-    /* @__PURE__ */ jsxs("div", { className: "event-compact-row-content", children: [
-      /* @__PURE__ */ jsxs("div", { className: "event-compact-row-top", children: [
-        /* @__PURE__ */ jsx("span", { className: "event-compact-row-title", children: event.title }),
-        /* @__PURE__ */ jsxs("span", { className: "event-compact-row-datetime", children: [
-          formattedDate,
-          " \xB7 ",
-          formattedTime
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "event-compact-row-bottom", children: [
-        event.venue && /* @__PURE__ */ jsxs("span", { className: "event-compact-row-venue", children: [
-          /* @__PURE__ */ jsx(MapPinIcon, { className: "rb-shrink-0" }),
-          event.venue.name
-        ] }),
-        teacherLine && /* @__PURE__ */ jsx("span", { className: "event-compact-row-teacher", children: teacherLine }),
-        /* @__PURE__ */ jsx("span", { className: "event-compact-row-price", children: price })
-      ] })
-    ] }),
-    cta.hidden ? /* @__PURE__ */ jsx("span", { className: "event-compact-row-status", children: cta.label }) : /* @__PURE__ */ jsx("a", { href: cta.href, className: `${buttonClass} event-compact-row-cta`, children: cta.label })
-  ] });
+  const option = {
+    id: event.occurrenceId ?? event.id,
+    title: event.title,
+    primaryMeta: [formattedDate, formattedTime],
+    secondaryMeta: [
+      ...event.venue ? [
+        {
+          id: "venue",
+          label: event.venue.name,
+          icon: /* @__PURE__ */ jsx(MapPinIcon, { className: "rb-shrink-0" }),
+          className: "event-compact-row-venue"
+        }
+      ] : [],
+      ...teacherLine ? [
+        {
+          id: "teacher",
+          label: teacherLine,
+          className: "event-compact-row-teacher"
+        }
+      ] : []
+    ],
+    priceLabel: price,
+    action: cta.hidden ? { kind: "status", label: cta.label } : { kind: "action", label: cta.label, href: cta.href }
+  };
+  return /* @__PURE__ */ jsx(BookingOptionCompactRow, { buttonVariant, option });
 };
 var EmptyState = ({
   message = "No upcoming events scheduled.",
@@ -7614,4 +7661,4 @@ function defineIslandPropsDecoder(kind) {
   };
 }
 
-export { BOOKING_FORM_DATA_RESERVED_KEYS, DateTimeTile, EMPTY_COMMERCE_CART_STATE, EmptyState, EventCard, EventCompactRow, MAX_EVENTS_PER_DAY, MONTH_NAMES, addMonths, assertNever, buildCartDisplay, buildEventCalendarListingRender, buildPassCartItem, buildProductCardDisplay, buildProductCartItem, buildProductDetailDisplay, buildTimetableModel, defineIslandPropsDecoder, deriveBookingFormViewState, err, formatBookingSubmissionPreparationError, formatCalendarTitle, formatCommercePrice, formatCoursePriceAmount, formatCoursePriceDisplay, formatDate, formatDateKey, formatEventDateParts, formatEventPrice, formatEventTeacherLine, formatInterval, formatTime, getBookingRedirectStateFromLocation, getBookingSuccessMessage, getCardOrientation, getContainerClass, getEventAvailability, getMonthCalendarDays, getOrderedDayNames, getShopDisplayForItems, getThreeMonthRange, getWeekCalendarDays, groupEventsByDate, isEventContentType, isToday, normalizeEventBlockKind, normalizeIdList, ok, okWith, parseStoredCommerceCartState, prepareBookingSubmission, productItemKey, reduceCommerceCart, resolveAppointmentCheckoutVerificationState, resolveBookingPaymentStep, resolveBookingSiteId, resolveCoursePricingState, resolveDefaultBookingServiceId, themeButtonClassName, toSelectedCollectionOptionKind };
+export { BOOKING_FORM_DATA_RESERVED_KEYS, DateTimeTile, EMPTY_COMMERCE_CART_STATE, EmptyState, EventCard, EventCompactRow, MAX_EVENTS_PER_DAY, MONTH_NAMES, addMonths, assertNever, buildCartDisplay, buildEventCalendarListingRender, buildPassCartItem, buildProductCardDisplay, buildProductCartItem, buildProductDetailDisplay, buildTimetableModel, defineIslandPropsDecoder, deriveBookingFormViewState, err, formatBookingSubmissionPreparationError, formatCalendarTitle, formatCommercePrice, formatCoursePriceAmount, formatCoursePriceDisplay, formatDate, formatDateKey, formatEventDateParts, formatEventPrice, formatEventTeacherLine, formatInterval, formatTime, getBookingRedirectStateFromLocation, getBookingSuccessMessage, getCardOrientation, getContainerClass, getEventAvailability, getMonthCalendarDays, getOrderedDayNames, getShopDisplayForItems, getThreeMonthRange, getWeekCalendarDays, groupEventsByDate, isEventContentType, isToday, logger, normalizeEventBlockKind, normalizeIdList, ok, okWith, parseStoredCommerceCartState, prepareBookingSubmission, productItemKey, reduceCommerceCart, resolveAppointmentCheckoutVerificationState, resolveBookingPaymentStep, resolveBookingSiteId, resolveCoursePricingState, resolveDefaultBookingServiceId, themeButtonClassName, toSelectedCollectionOptionKind };

package/dist/client/{chunk-ZLMS67RR.mjs → chunk-BOIHIU7E.mjs}

@@ -1,4 +1,4 @@
-import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-FU2QRZMX.mjs';
+import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-7UOSCYY4.mjs';
 import * as React from 'react';
 
 var EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;

package/dist/client/{chunk-CY2ZTSE5.mjs → chunk-FGUIVT2B.mjs}

@@ -1,6 +1,6 @@
 "use client";
 import { useBlockApi, BlockApiError } from './chunk-M3L3KYYR.mjs';
-import { themeButtonClassName } from './chunk-FU2QRZMX.mjs';
+import { themeButtonClassName } from './chunk-7UOSCYY4.mjs';
 import { useState, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/client/{chunk-WJXXNDSE.mjs → chunk-J227A3CQ.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { assertNever } from './chunk-FU2QRZMX.mjs';
+import { assertNever } from './chunk-7UOSCYY4.mjs';
 import { useState, useEffect, useReducer, useRef, useCallback } from 'react';
 
 function useDiscountCodeUi(options) {

package/dist/client/{chunk-NWOUL6JY.mjs → chunk-PFBX3IQL.mjs}

@@ -1,12 +1,12 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-ZLMS67RR.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-BOIHIU7E.mjs';
 import { CarouselNodeClient } from './chunk-II7O4XN3.mjs';
 import { isRecord } from './chunk-I2MMZO53.mjs';
-import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-2PHQZ666.mjs';
+import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-JEZECJ3W.mjs';
 import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-3PEDD5KJ.mjs';
 import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-M3L3KYYR.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever } from './chunk-FU2QRZMX.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever } from './chunk-7UOSCYY4.mjs';
 import { getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-PMAIXMAB.mjs';
 import * as React3 from 'react';
 import React3__default, { useState, useRef, useCallback, useEffect } from 'react';

package/dist/client/{chunk-VUAOE3AG.mjs → chunk-SNSWVZEP.mjs}

@@ -1,15 +1,15 @@
 "use client";
 import { LeafletStaticMap } from './chunk-F7LHOKEH.mjs';
-import { MagicLinkForm, useWaitlistClaim } from './chunk-CY2ZTSE5.mjs';
+import { MagicLinkForm, useWaitlistClaim } from './chunk-FGUIVT2B.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-RTZ3JKKX.mjs';
-import { useDiscountCodeUi, usePolling } from './chunk-WJXXNDSE.mjs';
+import { useDiscountCodeUi, usePolling } from './chunk-J227A3CQ.mjs';
 import { SpinnerNode } from './chunk-TQ5MSPDX.mjs';
-import { TabBarFragment, logoutPortal, StepIndicator, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, consumeSearchParam, LoggedInAsUser, CheckIcon } from './chunk-2PHQZ666.mjs';
+import { TabBarFragment, logoutPortal, StepIndicator, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, consumeSearchParam, LoggedInAsUser, CheckIcon } from './chunk-JEZECJ3W.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
 import { ModalShell } from './chunk-3PEDD5KJ.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-YLMKMCSJ.mjs';
 import { useBlockApi, FeedbackMessage } from './chunk-M3L3KYYR.mjs';
-import { buildEventCalendarListingRender, getWeekCalendarDays, formatCalendarTitle, groupEventsByDate, getOrderedDayNames, getMonthCalendarDays, formatDateKey, themeButtonClassName, normalizeEventBlockKind, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, addMonths, getThreeMonthRange, isToday, MAX_EVENTS_PER_DAY, formatTime, resolveCoursePricingState, formatEventDateParts, formatCoursePriceAmount, DateTimeTile, normalizeIdList, EventCard, buildTimetableModel, formatDate, isEventContentType, formatCoursePriceDisplay, MONTH_NAMES, formatEventPrice, getEventAvailability, formatEventTeacherLine, assertNever } from './chunk-FU2QRZMX.mjs';
+import { buildEventCalendarListingRender, getWeekCalendarDays, formatCalendarTitle, groupEventsByDate, getOrderedDayNames, getMonthCalendarDays, formatDateKey, themeButtonClassName, normalizeEventBlockKind, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, addMonths, getThreeMonthRange, isToday, MAX_EVENTS_PER_DAY, formatTime, resolveCoursePricingState, formatEventDateParts, formatCoursePriceAmount, DateTimeTile, normalizeIdList, EventCard, buildTimetableModel, formatDate, isEventContentType, formatCoursePriceDisplay, MONTH_NAMES, formatEventPrice, getEventAvailability, formatEventTeacherLine, assertNever } from './chunk-7UOSCYY4.mjs';
 import { getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, formatBookingDateTime, formatBookingDate, formatBookingTime } from './chunk-PMAIXMAB.mjs';
 import { createContext, useId, useMemo, useState, useRef, useEffect, useCallback, useContext, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';