@riverbankcms/sdk 0.75.0 → 0.77.0

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

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

package/dist/client/{bookingForm-GUP75FKN.mjs → bookingForm-NF4ASVNV.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-UFSWADAO.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-R56FQ3RR.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

@@ -4441,6 +4441,97 @@ var confidentChip = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/earth-pill.ts
+var earthPill = defineButtonPersonality({
+  id: "earth-pill",
+  name: "Earth Pill",
+  description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+  tags: { tone: "classic", energy: "calm", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "none",
+      fontWeight: 500,
+      borderWidth: 1,
+      hoverTransform: "lift",
+      hoverColor: "none",
+      typography: "body",
+      paddingPreset: "default"
+    },
+    sizes: {
+      sm: { padding: "0.5rem 1rem", fontSize: "text-sm" },
+      md: { padding: "0.625rem 1.35rem" },
+      lg: { padding: "0.75rem 1.65rem", fontSize: "text-lg" },
+      xl: { padding: "0.875rem 2rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "low", softness: "soft", position: "bottom" },
+        effects: {
+          hover: [
+            { effectId: "lift", options: { translateY: "-1px" } },
+            { effectId: "background-on-hover", options: { colorToken: "accent" } }
+          ],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "border" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surfaceAlt" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        sizes: {
+          sm: { padding: "0.25rem 0", fontSize: "text-sm" },
+          md: { padding: "0.375rem 0" },
+          lg: { padding: "0.5rem 0", fontSize: "text-lg" },
+          xl: { padding: "0.625rem 0", fontSize: "text-xl" }
+        },
+        effects: {
+          hover: [{ effectId: "opacity-reduce", options: { reduction: 25 } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/editorial-link.ts
 var editorialLink = defineButtonPersonality({
   id: "editorial-link",
@@ -4899,6 +4990,7 @@ var softPill = defineButtonPersonality({
 // ../theme-core/src/buttons/personalities/index.ts
 var buttonPersonalities = [
   softPill,
+  earthPill,
   confidentChip,
   editorialLink,
   pebble,
@@ -5797,6 +5889,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 +6260,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-LDX47ZIK.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-R56FQ3RR.mjs';
 import './chunk-PMAIXMAB.mjs';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CartClient } from './chunk-NWOUL6JY.mjs';
-import './chunk-ZLMS67RR.mjs';
+import { mountShopBlockIsland, CartClient } from './chunk-GMVTOKYG.mjs';
+import './chunk-E2TDNXCL.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-R56FQ3RR.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/cart.tsx

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

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-NWOUL6JY.mjs';
-import './chunk-ZLMS67RR.mjs';
+import { mountShopBlockIsland, CheckoutClient } from './chunk-GMVTOKYG.mjs';
+import './chunk-E2TDNXCL.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-R56FQ3RR.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/checkout.tsx

package/dist/client/{chunk-ZLMS67RR.mjs → chunk-E2TDNXCL.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-R56FQ3RR.mjs';
 import * as React from 'react';
 
 var EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;

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

@@ -1,12 +1,12 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-ZLMS67RR.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-E2TDNXCL.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-R56FQ3RR.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-CY2ZTSE5.mjs → chunk-JNC7CGHX.mjs}

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

package/dist/client/{chunk-VUAOE3AG.mjs → chunk-L3DNHIJX.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-JNC7CGHX.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-RTZ3JKKX.mjs';
-import { useDiscountCodeUi, usePolling } from './chunk-WJXXNDSE.mjs';
+import { useDiscountCodeUi, usePolling } from './chunk-UFSWADAO.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-R56FQ3RR.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';

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

@@ -1151,6 +1151,97 @@ var confidentChip = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/earth-pill.ts
+var earthPill = defineButtonPersonality({
+  id: "earth-pill",
+  name: "Earth Pill",
+  description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+  tags: { tone: "classic", energy: "calm", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "none",
+      fontWeight: 500,
+      borderWidth: 1,
+      hoverTransform: "lift",
+      hoverColor: "none",
+      typography: "body",
+      paddingPreset: "default"
+    },
+    sizes: {
+      sm: { padding: "0.5rem 1rem", fontSize: "text-sm" },
+      md: { padding: "0.625rem 1.35rem" },
+      lg: { padding: "0.75rem 1.65rem", fontSize: "text-lg" },
+      xl: { padding: "0.875rem 2rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "low", softness: "soft", position: "bottom" },
+        effects: {
+          hover: [
+            { effectId: "lift", options: { translateY: "-1px" } },
+            { effectId: "background-on-hover", options: { colorToken: "accent" } }
+          ],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "border" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surfaceAlt" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        sizes: {
+          sm: { padding: "0.25rem 0", fontSize: "text-sm" },
+          md: { padding: "0.375rem 0" },
+          lg: { padding: "0.5rem 0", fontSize: "text-lg" },
+          xl: { padding: "0.625rem 0", fontSize: "text-xl" }
+        },
+        effects: {
+          hover: [{ effectId: "opacity-reduce", options: { reduction: 25 } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/editorial-link.ts
 var editorialLink = defineButtonPersonality({
   id: "editorial-link",
@@ -1609,6 +1700,7 @@ var softPill = defineButtonPersonality({
 // ../theme-core/src/buttons/personalities/index.ts
 var buttonPersonalities = [
   softPill,
+  earthPill,
   confidentChip,
   editorialLink,
   pebble,
@@ -4255,7 +4347,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 +4412,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 +5706,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 +5748,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 +7753,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-WJXXNDSE.mjs → chunk-UFSWADAO.mjs}

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