@riverbankcms/sdk 0.60.3 → 0.60.7

package/dist/client/rendering/client.mjs

@@ -1,12 +1,6 @@
 "use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b2) => (typeof require !== "undefined" ? require : a)[b2]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
@@ -511,7 +505,10 @@ function createBlockApi(config) {
       url = appendQuery(url, queryParams);
     }
     const authHeaders = getAuthHeaders(selectedAuth);
-    const headers = { ...authHeaders };
+    const headers = {
+      Accept: "application/json",
+      ...authHeaders
+    };
     if (body !== void 0) {
       headers["Content-Type"] = "application/json";
     }
@@ -1830,11 +1827,11 @@ var init_presets = __esm({
   }
 });
 
-// ../theme-core/src/site-styles/compatibility.ts
+// ../theme-core/src/site-styles/styleTags.ts
 import { z as z2 } from "zod";
 var STYLE_AXIS_VALUES, styleTagsSchema;
-var init_compatibility = __esm({
-  "../theme-core/src/site-styles/compatibility.ts"() {
+var init_styleTags = __esm({
+  "../theme-core/src/site-styles/styleTags.ts"() {
     "use strict";
     STYLE_AXIS_VALUES = {
       tone: ["minimal", "classic", "bold"],
@@ -1873,7 +1870,7 @@ var init_types2 = __esm({
   "../theme-core/src/buttons/personalities/types.ts"() {
     "use strict";
     init_types();
-    init_compatibility();
+    init_styleTags();
     buttonPersonalityIdSchema = z3.string().min(1).transform((value) => asButtonPersonalityId(value));
     buttonPersonalitySchema = z3.object({
       id: buttonPersonalityIdSchema,
@@ -3126,6 +3123,7 @@ var init_assertNever = __esm({
 var init_participants = __esm({
   "../core/src/participants.ts"() {
     "use strict";
+    init_branded();
     init_result();
   }
 });
@@ -4346,7 +4344,7 @@ function getServerStorage() {
   _serverStorageChecked = true;
   try {
     const globalWithNonWebpackRequire = globalThis;
-    const nonWebpackRequire = typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : __require;
+    const nonWebpackRequire = typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : new Function("id", "return require(id)");
     const asyncHooks = nonWebpackRequire("async_hooks");
     const AsyncLocalStorage = asyncHooks.AsyncLocalStorage;
     if (AsyncLocalStorage) {
@@ -6137,6 +6135,19 @@ var init_media2 = __esm({
   }
 });
 
+// ../blocks/src/system/runtime/shared/themedButtonClass.ts
+function themedButtonClass(spec) {
+  const { variant, size, extraClassName } = spec;
+  const normalizedVariant = variant.trim();
+  const variantClasses = normalizedVariant ? [normalizedVariant, `button-${normalizedVariant}`] : [];
+  return [...variantClasses, `btn-${size}`, extraClassName].filter(Boolean).join(" ");
+}
+var init_themedButtonClass = __esm({
+  "../blocks/src/system/runtime/shared/themedButtonClass.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/file-download.tsx
 import { jsx as jsx13, jsxs } from "react/jsx-runtime";
 function isDownloadableMediaType(type) {
@@ -6210,7 +6221,11 @@ function FileDownloadNode({
       {
         href,
         download: filename,
-        className: `${variant} button-${variant} rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2`,
+        className: themedButtonClass({
+          variant,
+          size: "md",
+          extraClassName: "rb-inline-flex rb-shrink-0 rb-items-center rb-justify-center rb-gap-2"
+        }),
         children: [
           /* @__PURE__ */ jsx13(Download, { "aria-hidden": "true" }),
           label
@@ -6226,6 +6241,7 @@ var init_file_download = __esm({
     init_lucide_react();
     init_colorStyles();
     init_media2();
+    init_themedButtonClass();
     init_media();
     FILE_DOWNLOAD_BUTTON_VARIANTS = ["primary", "secondary", "outline", "link"];
   }
@@ -8109,7 +8125,9 @@ var init_schemas = __esm({
     courseTeamMemberSummarySchema = z8.object({
       id: z8.string(),
       name: z8.string(),
-      summary: z8.string().nullable()
+      roleLabel: z8.string().nullable(),
+      summary: z8.string().nullable(),
+      profilePath: z8.string().nullable()
     });
     coursePricingOptionSchema = z8.object({
       id: z8.string(),
@@ -8632,6 +8650,12 @@ var init_CoursePricingDisplay = __esm({
 
 // ../blocks/src/system/runtime/nodes/event-details/view.tsx
 import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+function TeamMemberName({
+  name,
+  profilePath
+}) {
+  return profilePath ? /* @__PURE__ */ jsx23("a", { href: profilePath, className: "rb-hover-opacity-80", children: /* @__PURE__ */ jsx23("strong", { children: name }) }) : /* @__PURE__ */ jsx23("strong", { children: name });
+}
 function EventDetailsView({
   selection,
   showVenue,
@@ -8695,7 +8719,13 @@ function EventDetailsView({
         teamMembers.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx23("div", { className: "rb-label rb-mb-2", children: "Team members" }),
           /* @__PURE__ */ jsx23("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs9("div", { children: [
-            /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23("strong", { children: teamMember.name }) }),
+            /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(
+              TeamMemberName,
+              {
+                name: teamMember.name,
+                profilePath: teamMember.profilePath
+              }
+            ) }),
             teamMember.summary ? /* @__PURE__ */ jsx23("p", { className: "rb-caption status-muted", children: teamMember.summary }) : null
           ] }, teamMember.id)) })
         ] }) : null,
@@ -9245,6 +9275,12 @@ var init_runs = __esm({
 
 // ../blocks/src/system/runtime/nodes/course-details/view.tsx
 import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+function TeamMemberName2({
+  name,
+  profilePath
+}) {
+  return profilePath ? /* @__PURE__ */ jsx27("a", { href: profilePath, className: "rb-hover-opacity-80", children: /* @__PURE__ */ jsx27("strong", { children: name }) }) : /* @__PURE__ */ jsx27("strong", { children: name });
+}
 function parseLimit2(value, fallback) {
   if (value === "all") return "all";
   const n = typeof value === "string" ? Number.parseInt(value, 10) : typeof value === "number" ? value : NaN;
@@ -9302,7 +9338,13 @@ function CourseDetailsView(props2) {
         teamMembers.length > 0 && /* @__PURE__ */ jsxs13("div", { children: [
           /* @__PURE__ */ jsx27("div", { className: "rb-label rb-mb-2", children: "Team members" }),
           /* @__PURE__ */ jsx27("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx27("p", { children: /* @__PURE__ */ jsx27("strong", { children: teamMember.name }) }),
+            /* @__PURE__ */ jsx27("p", { children: /* @__PURE__ */ jsx27(
+              TeamMemberName2,
+              {
+                name: teamMember.name,
+                profilePath: teamMember.profilePath
+              }
+            ) }),
             teamMember.summary && /* @__PURE__ */ jsx27("p", { className: "rb-caption status-muted", children: teamMember.summary })
           ] }, teamMember.id)) })
         ] })
@@ -9675,6 +9717,7 @@ var init_EventCard = __esm({
     init_EventCardIcons();
     init_eventCapacity();
     init_utils();
+    init_themedButtonClass();
     EventCard = ({
       event,
       cardVariant = "default",
@@ -9700,7 +9743,7 @@ var init_EventCard = __esm({
       const isSoldOut = cta.hidden;
       const { available: spotsLeft } = getEventAvailability(event);
       const cardClass = `card-${cardVariant}`;
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
       const title = event.title;
       const summary = event.presentation?.summary ?? event.description;
       const image = event.presentation?.image ?? null;
@@ -9782,6 +9825,7 @@ var init_EventCompactRow = __esm({
     "use strict";
     init_utils();
     init_EventCardIcons();
+    init_themedButtonClass();
     EventCompactRow = ({
       event,
       buttonVariant = "primary",
@@ -9793,7 +9837,7 @@ var init_EventCompactRow = __esm({
       const price = formatEventPrice(event);
       const teacherLine = formatEventTeacherLine(event);
       const cta = resolveEventCta(event, buttonText);
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "sm" });
       return /* @__PURE__ */ jsxs17("div", { className: "event-compact-row", children: [
         /* @__PURE__ */ jsxs17("div", { className: "event-compact-row-content", children: [
           /* @__PURE__ */ jsxs17("div", { className: "event-compact-row-top", children: [
@@ -9865,6 +9909,7 @@ var init_EventSpotlight = __esm({
   "../blocks/src/system/runtime/nodes/events/EventSpotlight.tsx"() {
     "use strict";
     init_shared3();
+    init_themedButtonClass();
     EventSpotlight = ({
       events,
       layout = "grid",
@@ -9886,7 +9931,7 @@ var init_EventSpotlight = __esm({
       }
       const containerClass = getContainerClass(layout, columns);
       const cardOrientation = getCardOrientation(layout);
-      const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+      const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
       return /* @__PURE__ */ jsxs19("div", { className: `event-spotlight-section ${className || ""}`, "data-block": "event-spotlight", children: [
         /* @__PURE__ */ jsx33("div", { className: `event-spotlight ${containerClass}`, children: normalizedEvents.map((event) => /* @__PURE__ */ jsx33(
           EventCard,
@@ -9976,7 +10021,9 @@ var init_schemas2 = __esm({
     publicTeamMemberSummarySchema = z9.object({
       id: z9.string(),
       name: z9.string(),
-      summary: z9.string().nullable()
+      roleLabel: z9.string().nullable(),
+      summary: z9.string().nullable(),
+      profilePath: z9.string().nullable()
     });
     publicEventSchema = z9.object({
       kind: z9.enum(["event", "course_session"]).optional(),
@@ -11251,7 +11298,8 @@ function ctaButton(opts) {
       },
       size: {
         $bind: {
-          from: sizePath
+          from: sizePath,
+          fallback: opts?.sizeFallback ?? "md"
         }
       },
       ...opts?.className ? { className: opts.className } : {},
@@ -15510,7 +15558,19 @@ var init_teamMember = __esm({
               bind("photo")
             )
           ]),
-          text({ as: "h3" }, bind("name")),
+          link(
+            {
+              href: { $bind: { from: "profilePath" } },
+              className: "rb-team-member-name-link"
+            },
+            [text({ as: "h3" }, bind("name"))],
+            when("profilePath")
+          ),
+          text(
+            { as: "h3" },
+            when("profilePath", { not: true }),
+            bind("name")
+          ),
           text({ as: "p", className: "rb-team-member-role" }, when("role"), bind("role")),
           richText(
             { className: "rb-prose rb-max-w-none" },
@@ -20863,7 +20923,10 @@ function renderCalendarGrid(display) {
         "button",
         {
           type: "button",
-          className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+          className: themedButtonClass({
+            variant: display.buttonVariant,
+            size: "sm"
+          }),
           children: "Today"
         }
       )
@@ -20946,7 +21009,10 @@ function renderTimetableSsr(display) {
         "button",
         {
           type: "button",
-          className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+          className: themedButtonClass({
+            variant: display.buttonVariant,
+            size: "sm"
+          }),
           children: "Today"
         }
       )
@@ -21071,6 +21137,7 @@ var init_EventCalendar_server = __esm({
     init_renderEventListItem();
     init_utils();
     init_timetableModel();
+    init_themedButtonClass();
     EventCalendarSSR = (props2) => {
       const islandProps = buildEventCalendarInteractiveIslandProps(props2);
       const display = islandProps.render.display;
@@ -21201,6 +21268,7 @@ var init_form_server = __esm({
     "use strict";
     init_clsx();
     init_ssr();
+    init_themedButtonClass();
     init_form_interactive();
     FormNodeSSR = ({
       blockId,
@@ -21334,7 +21402,18 @@ var init_form_server = __esm({
                 }
                 return renderField(group.field);
               }),
-              /* @__PURE__ */ jsx46("div", { className: "fb-actions", children: /* @__PURE__ */ jsx46("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx46("button", { type: "submit", className: "primary button-primary rb-w-full rb-sm-w-auto", children: display.submitLabel }) }) })
+              /* @__PURE__ */ jsx46("div", { className: "fb-actions", children: /* @__PURE__ */ jsx46("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx46(
+                "button",
+                {
+                  type: "submit",
+                  className: themedButtonClass({
+                    variant: "primary",
+                    size: "md",
+                    extraClassName: "rb-w-full rb-sm-w-auto"
+                  }),
+                  children: display.submitLabel
+                }
+              ) }) })
             ]
           }
         )
@@ -21416,7 +21495,14 @@ function NewsletterFormSSR({
           ),
           /* @__PURE__ */ jsxs32("div", { className: "newsletter-form-fields", children: [
             fields.map(renderField),
-            /* @__PURE__ */ jsx47("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx47("button", { type: "submit", className: "primary button-primary", children: display.buttonLabel }) })
+            /* @__PURE__ */ jsx47("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx47(
+              "button",
+              {
+                type: "submit",
+                className: themedButtonClass({ variant: "primary", size: "md" }),
+                children: display.buttonLabel
+              }
+            ) })
           ] }),
           display.privacyNote && /* @__PURE__ */ jsx47("p", { className: "newsletter-privacy-note", children: display.privacyNote })
         ] })
@@ -21430,6 +21516,7 @@ var init_newsletter_form_server = __esm({
     "use strict";
     init_clsx();
     init_ssr();
+    init_themedButtonClass();
     init_newsletter_form_interactive();
     newsletter_form_server_default = NewsletterFormSSR;
   }
@@ -29737,6 +29824,7 @@ var init_PaymentSelectionStep = __esm({
     init_lucide_react();
     init_utils3();
     init_spinner();
+    init_themedButtonClass();
     init_CheckIcon2();
     init_SelectableOptionCard();
     PaymentSelectionStep = ({
@@ -29837,7 +29925,7 @@ var init_PaymentSelectionStep = __esm({
               "button",
               {
                 type: "button",
-                className: "primary button-primary",
+                className: themedButtonClass({ variant: "primary", size: "md" }),
                 disabled: !email.trim(),
                 onClick: onRequestLogin,
                 children: "Email me a login link"
@@ -31561,7 +31649,7 @@ function EventRegistrationWizard(props2) {
   } = props2;
   const maxTicketsNum = parseInt(maxTickets, 10) || 5;
   const showSpamProtection = spamProtectionEnabled ?? isSpamProtectionEnabled();
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   const wizard = useEventRegistrationWizard({
     anchorId: EVENT_REGISTRATION_ANCHOR_ID,
     occurrenceContext: occurrenceContext ?? null,
@@ -31698,6 +31786,7 @@ var init_EventRegistrationWizard = __esm({
     init_useEventRegistrationWizard();
     init_MagicLinkForm();
     init_spinner();
+    init_themedButtonClass();
     init_event_registration2();
     EVENT_REGISTRATION_ANCHOR_ID = "event-registration";
     EVENT_PORTAL_AUTH_COPY = {
@@ -32143,7 +32232,7 @@ function ErrorStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs73("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx100(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx100(CrossIcon, {}) }),
     /* @__PURE__ */ jsx100("h3", { className: "cr-error__title", children: "Enrollment Failed" }),
@@ -32155,6 +32244,7 @@ var init_ErrorStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/ErrorStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -32166,7 +32256,7 @@ function VerifyingTimeoutStep2({
   onCheckAgain,
   supportEmail
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs74("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx101(StateIcon, { variant: "warning", children: /* @__PURE__ */ jsx101(ClockIcon, {}) }),
     /* @__PURE__ */ jsx101("h3", { className: "cr-error__title", children: "Payment Verification Taking Longer" }),
@@ -32183,6 +32273,7 @@ var init_VerifyingTimeoutStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/VerifyingTimeoutStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -32194,7 +32285,7 @@ function PaymentFailedStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs75("div", { className: "cr-payment-failed", role: "alert", children: [
     /* @__PURE__ */ jsx102(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx102(CrossIcon, {}) }),
     /* @__PURE__ */ jsx102("h3", { className: "cr-payment-failed__title", children: "Payment Failed" }),
@@ -32206,6 +32297,7 @@ var init_PaymentFailedStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/PaymentFailedStep.tsx"() {
     "use strict";
     init_shared6();
+    init_themedButtonClass();
   }
 });
 
@@ -32279,7 +32371,16 @@ var init_CourseRegistrationErrorBoundary = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/course-registration/components.tsx
+import React19 from "react";
 import { Fragment as Fragment15, jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
+function TeamMemberInlineList({
+  teamMembers
+}) {
+  return /* @__PURE__ */ jsx105(Fragment15, { children: teamMembers.map((teamMember, index) => /* @__PURE__ */ jsxs78(React19.Fragment, { children: [
+    index > 0 ? ", " : "",
+    teamMember.profilePath ? /* @__PURE__ */ jsx105("a", { href: teamMember.profilePath, children: teamMember.name }) : teamMember.name
+  ] }, teamMember.id)) });
+}
 function CourseCard({
   course,
   isSelected,
@@ -32360,7 +32461,7 @@ function CourseSummary({
     teamMembers.length > 0 && /* @__PURE__ */ jsxs78("div", { className: "cr-summary__venue", children: [
       /* @__PURE__ */ jsx105("strong", { children: "Team:" }),
       " ",
-      teamMembers.map((teamMember) => teamMember.name).join(", ")
+      /* @__PURE__ */ jsx105(TeamMemberInlineList, { teamMembers })
     ] }),
     showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsxs78("p", { className: "cr-summary__price", children: [
       /* @__PURE__ */ jsx105("strong", { children: pricing.selectableOptions.length > 0 ? "Pricing:" : "Price:" }),
@@ -33198,7 +33299,7 @@ function CourseRegistrationWizard(props2) {
     handleRetry,
     handleBookingModeChange
   } = useCourseRegistrationWizard(props2);
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   if (scopedCourses.length === 0) {
     return /* @__PURE__ */ jsx106(
       "div",
@@ -33608,6 +33709,7 @@ var init_CourseRegistrationWizard = __esm({
     init_PaymentFailedStep2();
     init_VerifyingTimeoutStep2();
     init_spinner();
+    init_themedButtonClass();
   }
 });
 
@@ -33917,7 +34019,7 @@ var init_location_map_client = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-commerce-store.ts
-import * as React20 from "react";
+import * as React21 from "react";
 function storageKey(siteId) {
   return `riverbank:shop-cart:${siteId}`;
 }
@@ -33933,8 +34035,8 @@ function addPassToCommerceCart(siteId, input) {
 }
 function useCommerceCart(siteId) {
   const effectiveSiteId = siteId ?? "unknown";
-  const store = React20.useMemo(() => getStore(effectiveSiteId), [effectiveSiteId]);
-  const state = React20.useSyncExternalStore(
+  const store = React21.useMemo(() => getStore(effectiveSiteId), [effectiveSiteId]);
+  const state = React21.useSyncExternalStore(
     (listener) => store.subscribe(listener),
     () => store.getSnapshot(),
     () => EMPTY_STATE
@@ -34029,11 +34131,11 @@ var init_shop_commerce_store = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-add-feedback.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { jsx as jsx111, jsxs as jsxs82 } from "react/jsx-runtime";
 function useTransientShopAddFeedback(timeoutMs = DEFAULT_TIMEOUT_MS) {
-  const [activeKey, setActiveKey] = React21.useState(null);
-  React21.useEffect(() => {
+  const [activeKey, setActiveKey] = React22.useState(null);
+  React22.useEffect(() => {
     if (!activeKey) return;
     const timeoutId = window.setTimeout(() => {
       setActiveKey((current) => current === activeKey ? null : current);
@@ -34190,7 +34292,7 @@ var init_shop_state = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop.client.tsx
-import React22, { useCallback as useCallback10, useEffect as useEffect21, useRef as useRef11, useState as useState17 } from "react";
+import React23, { useCallback as useCallback10, useEffect as useEffect21, useRef as useRef11, useState as useState17 } from "react";
 import { Fragment as Fragment17, jsx as jsx112, jsxs as jsxs83 } from "react/jsx-runtime";
 function ShopClient(props2) {
   return /* @__PURE__ */ jsx112(PassesMembershipsController, { render: props2.render });
@@ -34202,7 +34304,7 @@ function getCheckoutModalTitle(checkout2) {
 }
 function PassesMembershipsController({ render }) {
   const api = useBlockApi();
-  const [state, dispatch] = React22.useReducer(
+  const [state, dispatch] = React23.useReducer(
     shopPassesMembershipsReducer,
     initialShopPassesMembershipsState
   );
@@ -36420,7 +36522,7 @@ var init_embla_carousel_react_esm = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/carousel.client.tsx
-import React23 from "react";
+import React24 from "react";
 import { Fragment as Fragment18, jsx as jsx113, jsxs as jsxs84 } from "react/jsx-runtime";
 function normalizeCarouselProps(input) {
   const transition = input.transition === "fade" ? "fade" : "slide";
@@ -36475,8 +36577,8 @@ var init_carousel_client = __esm({
       autoplayDelay,
       loop
     }) => {
-      const slides = React23.Children.toArray(children).filter(Boolean);
-      const normalized = React23.useMemo(
+      const slides = React24.Children.toArray(children).filter(Boolean);
+      const normalized = React24.useMemo(
         () => normalizeCarouselProps({
           slidesToShow,
           transition,
@@ -36499,11 +36601,11 @@ var init_carousel_client = __esm({
         ]
       );
       const resolvedSlides = resolveSlidesToShowMobile(normalized.slidesToShow);
-      const cssVars = React23.useMemo(
+      const cssVars = React24.useMemo(
         () => getCarouselSlidesToShowCssVars(normalized.slidesToShow),
         [normalized.slidesToShow]
       );
-      const plugins = React23.useMemo(() => {
+      const plugins = React24.useMemo(() => {
         if (!normalized.autoplay) return void 0;
         return [
           Autoplay({
@@ -36525,11 +36627,11 @@ var init_carousel_client = __esm({
         },
         plugins
       );
-      const [selectedIndex, setSelectedIndex] = React23.useState(0);
-      const [scrollSnaps, setScrollSnaps] = React23.useState([]);
-      const [canScrollPrev, setCanScrollPrev] = React23.useState(false);
-      const [canScrollNext, setCanScrollNext] = React23.useState(false);
-      React23.useEffect(() => {
+      const [selectedIndex, setSelectedIndex] = React24.useState(0);
+      const [scrollSnaps, setScrollSnaps] = React24.useState([]);
+      const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
+      const [canScrollNext, setCanScrollNext] = React24.useState(false);
+      React24.useEffect(() => {
         if (!api) return;
         const onInit = () => {
           setScrollSnaps(api.scrollSnapList());
@@ -36552,7 +36654,7 @@ var init_carousel_client = __esm({
           api.off("reInit", onSelect);
         };
       }, [api]);
-      React23.useEffect(() => {
+      React24.useEffect(() => {
         if (!api || !normalized.autoplay) return;
         const autoplayPlugin = api.plugins()?.autoplay;
         if (!autoplayPlugin) return;
@@ -36763,16 +36865,16 @@ var init_shop_checkout_state = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-commerce.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Fragment as Fragment19, jsx as jsx114, jsxs as jsxs85 } from "react/jsx-runtime";
 function ProductListController(props2) {
   const api = useBlockApi();
   const cart2 = useCommerceCart(api.config.siteId);
   const addFeedback = useTransientShopAddFeedback();
-  const [variantSelection, setVariantSelection] = React24.useState(
+  const [variantSelection, setVariantSelection] = React25.useState(
     () => Object.fromEntries(props2.render.display.cards.map((card) => [card.productId, card.selectedVariantId]))
   );
-  const cards = React24.useMemo(
+  const cards = React25.useMemo(
     () => props2.render.hydration.products.map(
       (product) => buildProductCardDisplay(
         product,
@@ -36787,7 +36889,7 @@ function ProductListController(props2) {
     ),
     [props2.render.hydration, variantSelection]
   );
-  const display = React24.useMemo(
+  const display = React25.useMemo(
     () => ({
       ...props2.render.display,
       state: cards.length === 0 ? "empty" : "ready",
@@ -36849,17 +36951,17 @@ function ProductDetailController(props2) {
   const api = useBlockApi();
   const cart2 = useCommerceCart(api.config.siteId);
   const addFeedback = useTransientShopAddFeedback();
-  const selectedProduct = React24.useMemo(
+  const selectedProduct = React25.useMemo(
     () => props2.render.hydration.products.find((product) => product.id === props2.render.hydration.productId) ?? null,
     [props2.render.hydration.productId, props2.render.hydration.products]
   );
-  const [variantId, setVariantId] = React24.useState(
+  const [variantId, setVariantId] = React25.useState(
     props2.render.display.state === "ready" ? props2.render.display.selectedVariantId : null
   );
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     setVariantId(props2.render.display.state === "ready" ? props2.render.display.selectedVariantId : null);
   }, [props2.render.display]);
-  const display = React24.useMemo(
+  const display = React25.useMemo(
     () => buildProductDetailDisplay(
       selectedProduct,
       {
@@ -36927,7 +37029,7 @@ function ProductDetailController(props2) {
 function CartController(props2) {
   const api = useBlockApi();
   const cart2 = useCommerceCart(api.config.siteId);
-  const display = React24.useMemo(
+  const display = React25.useMemo(
     () => getShopDisplayForItems(props2.render, cart2.items),
     [cart2.items, props2.render]
   );
@@ -36970,11 +37072,11 @@ function CartController(props2) {
 function CheckoutController(props2) {
   const api = useBlockApi();
   const cart2 = useCommerceCart(api.config.siteId);
-  const [state, dispatch] = React24.useReducer(
+  const [state, dispatch] = React25.useReducer(
     shopCheckoutReducer,
     initialShopCheckoutState
   );
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     const checkout2 = consumeSearchParam("checkout");
     if (checkout2 === "success") {
       cart2.clear();
@@ -36983,7 +37085,7 @@ function CheckoutController(props2) {
       dispatch({ type: "setNotice", notice: "cancelled" });
     }
   }, [cart2]);
-  const display = React24.useMemo(
+  const display = React25.useMemo(
     () => getShopDisplayForItems(props2.render, cart2.items),
     [cart2.items, props2.render]
   );
@@ -37529,24 +37631,24 @@ var init_gifting_client = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React26 from "react";
+import * as React27 from "react";
 import { jsx as jsx120 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React26.createContext(defaultContext);
+    const BaseContext = React27.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props2) => {
       const { scope, children, ...context } = props2;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React26.useMemo(() => context, Object.values(context));
+      const value = React27.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsx120(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React26.useContext(Context);
+      const context = React27.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -37555,11 +37657,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React26.createContext(defaultContext);
+      return React27.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React26.useMemo(
+      return React27.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -37582,7 +37684,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React26.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React27.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -37595,7 +37697,7 @@ var init_dist3 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React27 from "react";
+import * as React28 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -37628,7 +37730,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React27.useCallback(composeRefs(...refs), refs);
+  return React28.useCallback(composeRefs(...refs), refs);
 }
 var init_dist4 = __esm({
   "../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-compose-refs/dist/index.mjs"() {
@@ -37637,26 +37739,26 @@ var init_dist4 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React28 from "react";
+import * as React29 from "react";
 import { Fragment as Fragment22, jsx as jsx121 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React28.forwardRef((props2, forwardedRef) => {
+  const Slot2 = React29.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
-    const childrenArray = React28.Children.toArray(children);
+    const childrenArray = React29.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React28.Children.count(newElement) > 1) return React28.Children.only(null);
-          return React28.isValidElement(newElement) ? newElement.props.children : null;
+          if (React29.Children.count(newElement) > 1) return React29.Children.only(null);
+          return React29.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx121(SlotClone, { ...slotProps, ref: forwardedRef, children: React28.isValidElement(newElement) ? React28.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx121(SlotClone, { ...slotProps, ref: forwardedRef, children: React29.isValidElement(newElement) ? React29.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ jsx121(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -37665,23 +37767,23 @@ function createSlot(ownerName) {
 }
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React28.forwardRef((props2, forwardedRef) => {
+  const SlotClone = React29.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
-    if (React28.isValidElement(children)) {
+    if (React29.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props22 = mergeProps(slotProps, children.props);
-      if (children.type !== React28.Fragment) {
+      if (children.type !== React29.Fragment) {
         props22.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React28.cloneElement(children, props22);
+      return React29.cloneElement(children, props22);
     }
-    return React28.Children.count(children) > 1 ? React28.Children.only(null) : null;
+    return React29.Children.count(children) > 1 ? React29.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 function isSlottable(child) {
-  return React28.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React29.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -37730,7 +37832,7 @@ var init_dist5 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.2.3_@types+react@19.2.10__@types+r_2988d950cbd44144aec5e6ce60804441/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React29 from "react";
+import React30 from "react";
 import { jsx as jsx122 } from "react/jsx-runtime";
 import React210 from "react";
 import { jsx as jsx210 } from "react/jsx-runtime";
@@ -37743,14 +37845,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props2) => {
     const { scope, children } = props2;
-    const ref = React29.useRef(null);
-    const itemMap = React29.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React30.useRef(null);
+    const itemMap = React30.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsx122(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React29.forwardRef(
+  const CollectionSlot = React30.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children } = props2;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -37762,13 +37864,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React29.forwardRef(
+  const CollectionItemSlot = React30.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children, ...itemData } = props2;
-      const ref = React29.useRef(null);
+      const ref = React30.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React29.useEffect(() => {
+      React30.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -37778,7 +37880,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React29.useCallback(() => {
+    const getItems = React30.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -37824,18 +37926,18 @@ var init_dist7 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React30 from "react";
+import * as React31 from "react";
 var useLayoutEffect2;
 var init_dist8 = __esm({
   "../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs"() {
     "use strict";
-    useLayoutEffect2 = globalThis?.document ? React30.useLayoutEffect : () => {
+    useLayoutEffect2 = globalThis?.document ? React31.useLayoutEffect : () => {
     };
   }
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React31 from "react";
+import * as React32 from "react";
 import * as React211 from "react";
 function useControllableState({
   prop,
@@ -37851,8 +37953,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React31.useRef(prop !== void 0);
-    React31.useEffect(() => {
+    const isControlledRef = React32.useRef(prop !== void 0);
+    React32.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -37864,7 +37966,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React31.useCallback(
+  const setValue = React32.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -37883,13 +37985,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React31.useState(defaultProp);
-  const prevValueRef = React31.useRef(value);
-  const onChangeRef = React31.useRef(onChange);
+  const [value, setValue] = React32.useState(defaultProp);
+  const prevValueRef = React32.useRef(value);
+  const onChangeRef = React32.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -37905,12 +38007,12 @@ var init_dist9 = __esm({
   "../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"() {
     "use strict";
     init_dist8();
-    useInsertionEffect = React31[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+    useInsertionEffect = React32[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
   }
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.10__@types+re_cc7cc65f5706fd7d49339c0539c4dc85/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React32 from "react";
+import * as React33 from "react";
 import * as ReactDOM from "react-dom";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var NODES, Primitive;
@@ -37939,7 +38041,7 @@ var init_dist10 = __esm({
     ];
     Primitive = NODES.reduce((primitive, node) => {
       const Slot = createSlot(`Primitive.${node}`);
-      const Node2 = React32.forwardRef((props2, forwardedRef) => {
+      const Node2 = React33.forwardRef((props2, forwardedRef) => {
         const { asChild, ...primitiveProps } = props2;
         const Comp = asChild ? Slot : node;
         if (typeof window !== "undefined") {
@@ -37955,9 +38057,9 @@ var init_dist10 = __esm({
 
 // ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.5_@types+react-dom@19.2.3_@types+react@19.2.10__@types+rea_dc32f20a733f643b296d92d5e258c3cd/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React212 from "react";
-import * as React33 from "react";
+import * as React34 from "react";
 function useStateMachine(initialState, machine) {
-  return React33.useReducer((state, event) => {
+  return React34.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -38089,9 +38191,9 @@ var init_dist11 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React34 from "react";
+import * as React35 from "react";
 function useId2(deterministicId) {
-  const [id, setId] = React34.useState(useReactId());
+  const [id, setId] = React35.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
@@ -38102,13 +38204,13 @@ var init_dist12 = __esm({
   "../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-id/dist/index.mjs"() {
     "use strict";
     init_dist8();
-    useReactId = React34[" useId ".trim().toString()] || (() => void 0);
+    useReactId = React35[" useId ".trim().toString()] || (() => void 0);
     count = 0;
   }
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_@types+react-dom@19.2.3_@types+react@19.2.10__@types_04a209fb0c8c91319b0caf91504da9bf/node_modules/@radix-ui/react-collapsible/dist/index.mjs
-import * as React35 from "react";
+import * as React36 from "react";
 import { jsx as jsx124 } from "react/jsx-runtime";
 function getState(open) {
   return open ? "open" : "closed";
@@ -38129,7 +38231,7 @@ var init_dist13 = __esm({
     COLLAPSIBLE_NAME = "Collapsible";
     [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
     [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-    Collapsible = React35.forwardRef(
+    Collapsible = React36.forwardRef(
       (props2, forwardedRef) => {
         const {
           __scopeCollapsible,
@@ -38152,7 +38254,7 @@ var init_dist13 = __esm({
             disabled,
             contentId: useId2(),
             open,
-            onOpenToggle: React35.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+            onOpenToggle: React36.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
             children: /* @__PURE__ */ jsx124(
               Primitive.div,
               {
@@ -38168,7 +38270,7 @@ var init_dist13 = __esm({
     );
     Collapsible.displayName = COLLAPSIBLE_NAME;
     TRIGGER_NAME = "CollapsibleTrigger";
-    CollapsibleTrigger = React35.forwardRef(
+    CollapsibleTrigger = React36.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeCollapsible, ...triggerProps } = props2;
         const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
@@ -38190,7 +38292,7 @@ var init_dist13 = __esm({
     );
     CollapsibleTrigger.displayName = TRIGGER_NAME;
     CONTENT_NAME = "CollapsibleContent";
-    CollapsibleContent = React35.forwardRef(
+    CollapsibleContent = React36.forwardRef(
       (props2, forwardedRef) => {
         const { forceMount, ...contentProps } = props2;
         const context = useCollapsibleContext(CONTENT_NAME, props2.__scopeCollapsible);
@@ -38198,20 +38300,20 @@ var init_dist13 = __esm({
       }
     );
     CollapsibleContent.displayName = CONTENT_NAME;
-    CollapsibleContentImpl = React35.forwardRef((props2, forwardedRef) => {
+    CollapsibleContentImpl = React36.forwardRef((props2, forwardedRef) => {
       const { __scopeCollapsible, present, children, ...contentProps } = props2;
       const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
-      const [isPresent, setIsPresent] = React35.useState(present);
-      const ref = React35.useRef(null);
+      const [isPresent, setIsPresent] = React36.useState(present);
+      const ref = React36.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
-      const heightRef = React35.useRef(0);
+      const heightRef = React36.useRef(0);
       const height = heightRef.current;
-      const widthRef = React35.useRef(0);
+      const widthRef = React36.useRef(0);
       const width = widthRef.current;
       const isOpen = context.open || isPresent;
-      const isMountAnimationPreventedRef = React35.useRef(isOpen);
-      const originalStylesRef = React35.useRef(void 0);
-      React35.useEffect(() => {
+      const isMountAnimationPreventedRef = React36.useRef(isOpen);
+      const originalStylesRef = React36.useRef(void 0);
+      React36.useEffect(() => {
         const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
         return () => cancelAnimationFrame(rAF);
       }, []);
@@ -38259,22 +38361,22 @@ var init_dist13 = __esm({
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React36 from "react";
+import * as React37 from "react";
 import { jsx as jsx125 } from "react/jsx-runtime";
 function useDirection(localDir) {
-  const globalDir = React36.useContext(DirectionContext);
+  const globalDir = React37.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 var DirectionContext;
 var init_dist14 = __esm({
   "../../node_modules/.pnpm/@radix-ui+react-direction@1.1.1_@types+react@19.2.10_react@19.2.4/node_modules/@radix-ui/react-direction/dist/index.mjs"() {
     "use strict";
-    DirectionContext = React36.createContext(void 0);
+    DirectionContext = React37.createContext(void 0);
   }
 });
 
 // ../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.12_@types+react-dom@19.2.3_@types+react@19.2.10__@types+r_2675506df0b59b9402340fa0483c6185/node_modules/@radix-ui/react-accordion/dist/index.mjs
-import React37 from "react";
+import React38 from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function getState2(open) {
   return open ? "open" : "closed";
@@ -38302,7 +38404,7 @@ var init_dist15 = __esm({
       createCollapsibleScope
     ]);
     useCollapsibleScope = createCollapsibleScope();
-    Accordion = React37.forwardRef(
+    Accordion = React38.forwardRef(
       (props2, forwardedRef) => {
         const { type, ...accordionProps } = props2;
         const singleProps = accordionProps;
@@ -38316,7 +38418,7 @@ var init_dist15 = __esm({
       ACCORDION_NAME,
       { collapsible: false }
     );
-    AccordionImplSingle = React37.forwardRef(
+    AccordionImplSingle = React38.forwardRef(
       (props2, forwardedRef) => {
         const {
           value: valueProp,
@@ -38336,15 +38438,15 @@ var init_dist15 = __esm({
           AccordionValueProvider,
           {
             scope: props2.__scopeAccordion,
-            value: React37.useMemo(() => value ? [value] : [], [value]),
+            value: React38.useMemo(() => value ? [value] : [], [value]),
             onItemOpen: setValue,
-            onItemClose: React37.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
+            onItemClose: React38.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
             children: /* @__PURE__ */ jsx126(AccordionCollapsibleProvider, { scope: props2.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx126(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
           }
         );
       }
     );
-    AccordionImplMultiple = React37.forwardRef((props2, forwardedRef) => {
+    AccordionImplMultiple = React38.forwardRef((props2, forwardedRef) => {
       const {
         value: valueProp,
         defaultValue,
@@ -38358,11 +38460,11 @@ var init_dist15 = __esm({
         onChange: onValueChange,
         caller: ACCORDION_NAME
       });
-      const handleItemOpen = React37.useCallback(
+      const handleItemOpen = React38.useCallback(
         (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
         [setValue]
       );
-      const handleItemClose = React37.useCallback(
+      const handleItemClose = React38.useCallback(
         (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
         [setValue]
       );
@@ -38378,10 +38480,10 @@ var init_dist15 = __esm({
       );
     });
     [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-    AccordionImpl = React37.forwardRef(
+    AccordionImpl = React38.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props2;
-        const accordionRef = React37.useRef(null);
+        const accordionRef = React38.useRef(null);
         const composedRefs = useComposedRefs(accordionRef, forwardedRef);
         const getItems = useCollection(__scopeAccordion);
         const direction = useDirection(dir);
@@ -38470,7 +38572,7 @@ var init_dist15 = __esm({
     );
     ITEM_NAME = "AccordionItem";
     [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
-    AccordionItem = React37.forwardRef(
+    AccordionItem = React38.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeAccordion, value, ...accordionItemProps } = props2;
         const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
@@ -38511,7 +38613,7 @@ var init_dist15 = __esm({
     );
     AccordionItem.displayName = ITEM_NAME;
     HEADER_NAME = "AccordionHeader";
-    AccordionHeader = React37.forwardRef(
+    AccordionHeader = React38.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeAccordion, ...headerProps } = props2;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -38530,7 +38632,7 @@ var init_dist15 = __esm({
     );
     AccordionHeader.displayName = HEADER_NAME;
     TRIGGER_NAME2 = "AccordionTrigger";
-    AccordionTrigger = React37.forwardRef(
+    AccordionTrigger = React38.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeAccordion, ...triggerProps } = props2;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -38552,7 +38654,7 @@ var init_dist15 = __esm({
     );
     AccordionTrigger.displayName = TRIGGER_NAME2;
     CONTENT_NAME2 = "AccordionContent";
-    AccordionContent = React37.forwardRef(
+    AccordionContent = React38.forwardRef(
       (props2, forwardedRef) => {
         const { __scopeAccordion, ...contentProps } = props2;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -38586,7 +38688,7 @@ var init_dist15 = __esm({
 });
 
 // ../blocks/src/system/runtime/shared/accordionPrimitives.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { jsx as jsx127 } from "react/jsx-runtime";
 var Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2;
 var init_accordionPrimitives = __esm({
@@ -38595,11 +38697,11 @@ var init_accordionPrimitives = __esm({
     "use client";
     init_dist15();
     Accordion2 = Root2;
-    AccordionItem2 = React38.forwardRef(({ className, ...props2 }, ref) => /* @__PURE__ */ jsx127(Item, { ref, className, ...props2 }));
+    AccordionItem2 = React39.forwardRef(({ className, ...props2 }, ref) => /* @__PURE__ */ jsx127(Item, { ref, className, ...props2 }));
     AccordionItem2.displayName = "AccordionItem";
-    AccordionTrigger2 = React38.forwardRef(({ className, children, ...props2 }, ref) => /* @__PURE__ */ jsx127(Header, { className: "accordion-header", children: /* @__PURE__ */ jsx127(Trigger2, { ref, className, ...props2, children }) }));
+    AccordionTrigger2 = React39.forwardRef(({ className, children, ...props2 }, ref) => /* @__PURE__ */ jsx127(Header, { className: "accordion-header", children: /* @__PURE__ */ jsx127(Trigger2, { ref, className, ...props2, children }) }));
     AccordionTrigger2.displayName = "AccordionTrigger";
-    AccordionContent2 = React38.forwardRef(({ className, children, ...props2 }, ref) => /* @__PURE__ */ jsx127(
+    AccordionContent2 = React39.forwardRef(({ className, children, ...props2 }, ref) => /* @__PURE__ */ jsx127(
       Content2,
       {
         ref,
@@ -38614,7 +38716,7 @@ var init_accordionPrimitives = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/accordion.tsx
-import React39 from "react";
+import React40 from "react";
 import { jsx as jsx128, jsxs as jsxs87 } from "react/jsx-runtime";
 var ACCORDION_ICONS2, AccordionNode, AccordionItemNode;
 var init_accordion = __esm({
@@ -38693,7 +38795,7 @@ var init_accordion = __esm({
       pathBase: _pathBase,
       ...rest
     }) => {
-      const generatedId = React39.useId();
+      const generatedId = React40.useId();
       const resolvedValue = value !== void 0 && value !== null ? String(value) : generatedId;
       const triggerSource = trigger ?? question;
       const contentSource = content ?? answer;
@@ -38729,7 +38831,7 @@ var init_accordion = __esm({
 });
 
 // ../blocks/src/system/runtime/header/HeaderCartDrawer.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { jsx as jsx129, jsxs as jsxs88 } from "react/jsx-runtime";
 function normalizeQuantityInput(value) {
   const parsed = Number(value);
@@ -38779,8 +38881,8 @@ function HeaderCartDrawerItems(props2) {
   )) });
 }
 function HeaderCartDrawer(props2) {
-  const titleId = React40.useId();
-  const display = React40.useMemo(
+  const titleId = React41.useId();
+  const display = React41.useMemo(
     () => buildCartDisplay(props2.cart.items, {
       heading: "Cart",
       emptyMessage: "Your cart is empty.",
@@ -38994,15 +39096,15 @@ var init_HeaderCartTrigger = __esm({
 });
 
 // ../blocks/src/system/runtime/header/headerCartRuntime.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { createRoot } from "react-dom/client";
 import { Fragment as Fragment21, jsx as jsx131, jsxs as jsxs90 } from "react/jsx-runtime";
 function HeaderCartRuntime(props2) {
   const cart2 = useCommerceCart(props2.siteId);
-  const itemCount = React41.useMemo(() => getCartItemCount(cart2.items), [cart2.items]);
-  const [open, setOpen] = React41.useState(false);
-  const checkoutHref = React41.useMemo(
+  const itemCount = React42.useMemo(() => getCartItemCount(cart2.items), [cart2.items]);
+  const [open, setOpen] = React42.useState(false);
+  const checkoutHref = React42.useMemo(
     () => resolveHeaderCartCheckoutHref(
       props2.mounts,
       typeof window === "undefined" ? null : window.location.pathname
@@ -39661,6 +39763,7 @@ var init_EventPaginatedListView_client = __esm({
     init_EventCompactRow();
     init_EmptyState();
     init_EventListing_view();
+    init_themedButtonClass();
     EventPaginatedListView = ({
       filters,
       display,
@@ -39703,7 +39806,10 @@ var init_EventPaginatedListView_client = __esm({
                 {
                   type: "button",
                   onClick: loadMore,
-                  className: `${display.buttonVariant} button-${display.buttonVariant}`,
+                  className: themedButtonClass({
+                    variant: display.buttonVariant,
+                    size: "md"
+                  }),
                   children: "Try again"
                 }
               )
@@ -39714,11 +39820,25 @@ var init_EventPaginatedListView_client = __esm({
                 type: "button",
                 onClick: loadMore,
                 disabled: loading,
-                className: `${display.buttonVariant} button-${display.buttonVariant} ${loading ? "rb-opacity-50 rb-cursor-wait" : ""}`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "md",
+                  extraClassName: loading ? "rb-opacity-50 rb-cursor-wait" : null
+                }),
                 children: loading ? "Loading..." : loadMoreText
               }
             ) }) : null,
-            paginationMode === "seeAllLink" && seeAllUrl && hasMore ? /* @__PURE__ */ jsx135("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx135("a", { href: seeAllUrl, className: `${display.buttonVariant} button-${display.buttonVariant}`, children: loadMoreText }) }) : null
+            paginationMode === "seeAllLink" && seeAllUrl && hasMore ? /* @__PURE__ */ jsx135("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx135(
+              "a",
+              {
+                href: seeAllUrl,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "md"
+                }),
+                children: loadMoreText
+              }
+            ) }) : null
           ] }),
           renderEventCard: (event) => display.listLayout === "compact" ? /* @__PURE__ */ jsx135(
             EventCompactRow,
@@ -41062,6 +41182,7 @@ var init_EventCombined_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_utils();
+    init_themedButtonClass();
     EventCombinedClient = ({
       events: initialEvents,
       siteId,
@@ -41387,7 +41508,7 @@ var init_EventCombined_client = __esm({
                     {
                       type: "button",
                       onClick: goToToday,
-                      className: `${buttonVariant} button-${buttonVariant} rb-px-3 rb-py-1`,
+                      className: themedButtonClass({ variant: buttonVariant, size: "sm" }),
                       children: "Today"
                     }
                   )
@@ -41704,6 +41825,7 @@ var init_EventCalendar_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_WeekTimetableView();
+    init_themedButtonClass();
     EventCalendarClient = ({
       render
     }) => {
@@ -41992,7 +42114,10 @@ var init_EventCalendar_client = __esm({
               {
                 type: "button",
                 onClick: onToday,
-                className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "sm"
+                }),
                 children: "Today"
               }
             )
@@ -42005,7 +42130,10 @@ var init_EventCalendar_client = __esm({
               {
                 type: "button",
                 onClick: onToday,
-                className: `${display.buttonVariant} button-${display.buttonVariant} rb-px-3 rb-py-1`,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "sm"
+                }),
                 children: "Try again"
               }
             )
@@ -42100,6 +42228,7 @@ var init_form_client = __esm({
     init_client2();
     init_src3();
     init_useFormSubmission();
+    init_themedButtonClass();
     FormNodeClient = ({
       render
     }) => {
@@ -42237,7 +42366,19 @@ var init_form_client = __esm({
           return renderField(group.field);
         }),
         showSpamProtection && /* @__PURE__ */ jsx148(AltchaWidget, { challengeUrl: getChallengeUrl(), onSolutionChange: setAltchaSolution }),
-        /* @__PURE__ */ jsx148("div", { className: "fb-actions", children: /* @__PURE__ */ jsx148("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx148("button", { type: "submit", className: "primary button-primary rb-w-full rb-sm-w-auto", disabled: state.tag === "submitting", children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel }) }) })
+        /* @__PURE__ */ jsx148("div", { className: "fb-actions", children: /* @__PURE__ */ jsx148("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx148(
+          "button",
+          {
+            type: "submit",
+            className: themedButtonClass({
+              variant: "primary",
+              size: "md",
+              extraClassName: "rb-w-full rb-sm-w-auto"
+            }),
+            disabled: state.tag === "submitting",
+            children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel
+          }
+        ) }) })
       ] });
     };
   }
@@ -42456,7 +42597,7 @@ function NewsletterFormClient({
           "button",
           {
             type: "submit",
-            className: "primary button-primary",
+            className: themedButtonClass({ variant: "primary", size: "md" }),
             disabled: isSubmitting,
             children: isSubmitting ? "Subscribing..." : render.display.buttonLabel
           }
@@ -42475,12 +42616,13 @@ var init_newsletter_form_client = __esm({
     init_client2();
     init_src3();
     init_api();
+    init_themedButtonClass();
     newsletter_form_client_default = NewsletterFormClient;
   }
 });
 
 // ../blocks/src/system/runtime/components/registry.client.tsx
-import React52 from "react";
+import React53 from "react";
 function isRecord4(value) {
   return typeof value === "object" && value !== null;
 }
@@ -42572,7 +42714,7 @@ function defineRuntimeBackedBlockClientEntry(kind, client) {
   const NormalizedClient = (props2) => {
     const ClientComponent = client;
     const normalizedProps = normalizeLegacyInteractiveRenderProps(serverEntry.definition.runtime, mode, props2);
-    return React52.createElement(ClientComponent, normalizedProps);
+    return React53.createElement(ClientComponent, normalizedProps);
   };
   NormalizedClient.displayName = `RuntimeBackedBlockClient(${kind})`;
   return {
@@ -45213,6 +45355,10 @@ function brandNonEmptyString(value, label) {
   return value;
 }
 
+// ../theme-core/src/palette/variants/types.ts
+init_styleTags();
+import { z as z43 } from "zod";
+
 // ../theme-core/src/schema.ts
 import { z as z42 } from "zod";
 
@@ -45818,8 +45964,6 @@ var themesTurnSchema = z42.object({
 });
 
 // ../theme-core/src/palette/variants/types.ts
-init_compatibility();
-import { z as z43 } from "zod";
 function asPaletteVariantId(value) {
   if (value.length === 0) {
     throw new Error("PaletteVariantId must be a non-empty string");
@@ -47475,7 +47619,7 @@ init_responsiveMode();
 import { jsx as jsx168 } from "react/jsx-runtime";
 
 // ../theme-core/src/ThemeFontLoader.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 init_selectorUtils();
 import { Fragment as Fragment25, jsx as jsx169, jsxs as jsxs105 } from "react/jsx-runtime";