@riverbankcms/sdk 0.60.3 → 0.60.7

package/dist/client/rendering/islands.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;
 };
@@ -691,6 +685,7 @@ var init_assertNever = __esm({
 var init_participants = __esm({
   "../core/src/participants.ts"() {
     "use strict";
+    init_branded();
     init_result();
   }
 });
@@ -1425,7 +1420,9 @@ var init_schemas = __esm({
     courseTeamMemberSummarySchema = z4.object({
       id: z4.string(),
       name: z4.string(),
-      summary: z4.string().nullable()
+      roleLabel: z4.string().nullable(),
+      summary: z4.string().nullable(),
+      profilePath: z4.string().nullable()
     });
     coursePricingOptionSchema = z4.object({
       id: z4.string(),
@@ -1540,7 +1537,9 @@ var init_schemas2 = __esm({
     publicTeamMemberSummarySchema = z5.object({
       id: z5.string(),
       name: z5.string(),
-      summary: z5.string().nullable()
+      roleLabel: z5.string().nullable(),
+      summary: z5.string().nullable(),
+      profilePath: z5.string().nullable()
     });
     publicEventSchema = z5.object({
       kind: z5.enum(["event", "course_session"]).optional(),
@@ -3966,7 +3965,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) {
@@ -4614,6 +4613,19 @@ var init_EventCardIcons = __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/events/shared/EventCard.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function formatCapacityText(event, options) {
@@ -4661,6 +4673,7 @@ var init_EventCard = __esm({
     init_EventCardIcons();
     init_eventCapacity();
     init_utils();
+    init_themedButtonClass();
     EventCard = ({
       event,
       cardVariant = "default",
@@ -4686,7 +4699,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;
@@ -4768,6 +4781,7 @@ var init_EventCompactRow = __esm({
     "use strict";
     init_utils();
     init_EventCardIcons();
+    init_themedButtonClass();
     EventCompactRow = ({
       event,
       buttonVariant = "primary",
@@ -4779,7 +4793,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__ */ jsxs3("div", { className: "event-compact-row", children: [
         /* @__PURE__ */ jsxs3("div", { className: "event-compact-row-content", children: [
           /* @__PURE__ */ jsxs3("div", { className: "event-compact-row-top", children: [
@@ -7519,7 +7533,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";
     }
@@ -8450,11 +8467,11 @@ var init_presets = __esm({
   }
 });
 
-// ../theme-core/src/site-styles/compatibility.ts
+// ../theme-core/src/site-styles/styleTags.ts
 import { z as z22 } 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"],
@@ -8493,7 +8510,7 @@ var init_types5 = __esm({
   "../theme-core/src/buttons/personalities/types.ts"() {
     "use strict";
     init_types4();
-    init_compatibility();
+    init_styleTags();
     buttonPersonalityIdSchema = z23.string().min(1).transform((value) => asButtonPersonalityId(value));
     buttonPersonalitySchema = z23.object({
       id: buttonPersonalityIdSchema,
@@ -9933,6 +9950,12 @@ var init_CoursePricingDisplay = __esm({
 
 // ../blocks/src/system/runtime/nodes/event-details/view.tsx
 import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function TeamMemberName({
+  name,
+  profilePath
+}) {
+  return profilePath ? /* @__PURE__ */ jsx12("a", { href: profilePath, className: "rb-hover-opacity-80", children: /* @__PURE__ */ jsx12("strong", { children: name }) }) : /* @__PURE__ */ jsx12("strong", { children: name });
+}
 function EventDetailsView({
   selection,
   showVenue,
@@ -9996,7 +10019,13 @@ function EventDetailsView({
         teamMembers.length > 0 ? /* @__PURE__ */ jsxs8("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx12("div", { className: "rb-label rb-mb-2", children: "Team members" }),
           /* @__PURE__ */ jsx12("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx12("p", { children: /* @__PURE__ */ jsx12("strong", { children: teamMember.name }) }),
+            /* @__PURE__ */ jsx12("p", { children: /* @__PURE__ */ jsx12(
+              TeamMemberName,
+              {
+                name: teamMember.name,
+                profilePath: teamMember.profilePath
+              }
+            ) }),
             teamMember.summary ? /* @__PURE__ */ jsx12("p", { className: "rb-caption status-muted", children: teamMember.summary }) : null
           ] }, teamMember.id)) })
         ] }) : null,
@@ -18714,6 +18743,7 @@ var init_PaymentSelectionStep = __esm({
     init_lucide_react();
     init_utils3();
     init_spinner();
+    init_themedButtonClass();
     init_CheckIcon2();
     init_SelectableOptionCard();
     PaymentSelectionStep = ({
@@ -18814,7 +18844,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"
@@ -20538,7 +20568,7 @@ function EventRegistrationWizard(props) {
   } = props;
   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,
@@ -20675,6 +20705,7 @@ var init_EventRegistrationWizard = __esm({
     init_useEventRegistrationWizard();
     init_MagicLinkForm();
     init_spinner();
+    init_themedButtonClass();
     init_event_registration();
     EVENT_REGISTRATION_ANCHOR_ID = "event-registration";
     EVENT_PORTAL_AUTH_COPY = {
@@ -21120,7 +21151,7 @@ function ErrorStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs49("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx65(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx65(CrossIcon, {}) }),
     /* @__PURE__ */ jsx65("h3", { className: "cr-error__title", children: "Enrollment Failed" }),
@@ -21132,6 +21163,7 @@ var init_ErrorStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/ErrorStep.tsx"() {
     "use strict";
     init_shared5();
+    init_themedButtonClass();
   }
 });
 
@@ -21143,7 +21175,7 @@ function VerifyingTimeoutStep2({
   onCheckAgain,
   supportEmail
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs50("div", { className: "cr-error", role: "alert", children: [
     /* @__PURE__ */ jsx66(StateIcon, { variant: "warning", children: /* @__PURE__ */ jsx66(ClockIcon, {}) }),
     /* @__PURE__ */ jsx66("h3", { className: "cr-error__title", children: "Payment Verification Taking Longer" }),
@@ -21160,6 +21192,7 @@ var init_VerifyingTimeoutStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/VerifyingTimeoutStep.tsx"() {
     "use strict";
     init_shared5();
+    init_themedButtonClass();
   }
 });
 
@@ -21171,7 +21204,7 @@ function PaymentFailedStep2({
   buttonVariant = "primary",
   onRetry
 }) {
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   return /* @__PURE__ */ jsxs51("div", { className: "cr-payment-failed", role: "alert", children: [
     /* @__PURE__ */ jsx67(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx67(CrossIcon, {}) }),
     /* @__PURE__ */ jsx67("h3", { className: "cr-payment-failed__title", children: "Payment Failed" }),
@@ -21183,6 +21216,7 @@ var init_PaymentFailedStep2 = __esm({
   "../blocks/src/system/runtime/nodes/course-registration/PaymentFailedStep.tsx"() {
     "use strict";
     init_shared5();
+    init_themedButtonClass();
   }
 });
 
@@ -21256,7 +21290,16 @@ var init_CourseRegistrationErrorBoundary = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/course-registration/components.tsx
+import React17 from "react";
 import { Fragment as Fragment13, jsx as jsx70, jsxs as jsxs54 } from "react/jsx-runtime";
+function TeamMemberInlineList({
+  teamMembers
+}) {
+  return /* @__PURE__ */ jsx70(Fragment13, { children: teamMembers.map((teamMember, index) => /* @__PURE__ */ jsxs54(React17.Fragment, { children: [
+    index > 0 ? ", " : "",
+    teamMember.profilePath ? /* @__PURE__ */ jsx70("a", { href: teamMember.profilePath, children: teamMember.name }) : teamMember.name
+  ] }, teamMember.id)) });
+}
 function CourseCard({
   course,
   isSelected,
@@ -21337,7 +21380,7 @@ function CourseSummary({
     teamMembers.length > 0 && /* @__PURE__ */ jsxs54("div", { className: "cr-summary__venue", children: [
       /* @__PURE__ */ jsx70("strong", { children: "Team:" }),
       " ",
-      teamMembers.map((teamMember) => teamMember.name).join(", ")
+      /* @__PURE__ */ jsx70(TeamMemberInlineList, { teamMembers })
     ] }),
     showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsxs54("p", { className: "cr-summary__price", children: [
       /* @__PURE__ */ jsx70("strong", { children: pricing.selectableOptions.length > 0 ? "Pricing:" : "Price:" }),
@@ -22175,7 +22218,7 @@ function CourseRegistrationWizard(props) {
     handleRetry,
     handleBookingModeChange
   } = useCourseRegistrationWizard(props);
-  const buttonClass = `${buttonVariant} button-${buttonVariant}`;
+  const buttonClass = themedButtonClass({ variant: buttonVariant, size: "md" });
   if (scopedCourses.length === 0) {
     return /* @__PURE__ */ jsx71(
       "div",
@@ -22585,6 +22628,7 @@ var init_CourseRegistrationWizard = __esm({
     init_PaymentFailedStep2();
     init_VerifyingTimeoutStep2();
     init_spinner();
+    init_themedButtonClass();
   }
 });
 
@@ -22894,7 +22938,7 @@ var init_location_map_client = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-commerce-store.ts
-import * as React18 from "react";
+import * as React19 from "react";
 function storageKey(siteId) {
   return `riverbank:shop-cart:${siteId}`;
 }
@@ -22910,8 +22954,8 @@ function addPassToCommerceCart(siteId, input) {
 }
 function useCommerceCart(siteId) {
   const effectiveSiteId = siteId ?? "unknown";
-  const store = React18.useMemo(() => getStore(effectiveSiteId), [effectiveSiteId]);
-  const state = React18.useSyncExternalStore(
+  const store = React19.useMemo(() => getStore(effectiveSiteId), [effectiveSiteId]);
+  const state = React19.useSyncExternalStore(
     (listener) => store.subscribe(listener),
     () => store.getSnapshot(),
     () => EMPTY_STATE
@@ -23006,11 +23050,11 @@ var init_shop_commerce_store = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-add-feedback.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
 function useTransientShopAddFeedback(timeoutMs = DEFAULT_TIMEOUT_MS) {
-  const [activeKey, setActiveKey] = React19.useState(null);
-  React19.useEffect(() => {
+  const [activeKey, setActiveKey] = React20.useState(null);
+  React20.useEffect(() => {
     if (!activeKey) return;
     const timeoutId = window.setTimeout(() => {
       setActiveKey((current) => current === activeKey ? null : current);
@@ -23167,7 +23211,7 @@ var init_shop_state = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop.client.tsx
-import React20, { useCallback as useCallback10, useEffect as useEffect21, useRef as useRef11, useState as useState17 } from "react";
+import React21, { useCallback as useCallback10, useEffect as useEffect21, useRef as useRef11, useState as useState17 } from "react";
 import { Fragment as Fragment15, jsx as jsx77, jsxs as jsxs59 } from "react/jsx-runtime";
 function ShopClient(props) {
   return /* @__PURE__ */ jsx77(PassesMembershipsController, { render: props.render });
@@ -23179,7 +23223,7 @@ function getCheckoutModalTitle(checkout) {
 }
 function PassesMembershipsController({ render }) {
   const api = useBlockApi();
-  const [state, dispatch] = React20.useReducer(
+  const [state, dispatch] = React21.useReducer(
     shopPassesMembershipsReducer,
     initialShopPassesMembershipsState
   );
@@ -25397,7 +25441,7 @@ var init_embla_carousel_react_esm = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/carousel.client.tsx
-import React21 from "react";
+import React22 from "react";
 import { Fragment as Fragment16, jsx as jsx78, jsxs as jsxs60 } from "react/jsx-runtime";
 function normalizeCarouselProps(input) {
   const transition = input.transition === "fade" ? "fade" : "slide";
@@ -25452,8 +25496,8 @@ var init_carousel_client = __esm({
       autoplayDelay,
       loop
     }) => {
-      const slides = React21.Children.toArray(children).filter(Boolean);
-      const normalized = React21.useMemo(
+      const slides = React22.Children.toArray(children).filter(Boolean);
+      const normalized = React22.useMemo(
         () => normalizeCarouselProps({
           slidesToShow,
           transition,
@@ -25476,11 +25520,11 @@ var init_carousel_client = __esm({
         ]
       );
       const resolvedSlides = resolveSlidesToShowMobile(normalized.slidesToShow);
-      const cssVars = React21.useMemo(
+      const cssVars = React22.useMemo(
         () => getCarouselSlidesToShowCssVars(normalized.slidesToShow),
         [normalized.slidesToShow]
       );
-      const plugins = React21.useMemo(() => {
+      const plugins = React22.useMemo(() => {
         if (!normalized.autoplay) return void 0;
         return [
           Autoplay({
@@ -25502,11 +25546,11 @@ var init_carousel_client = __esm({
         },
         plugins
       );
-      const [selectedIndex, setSelectedIndex] = React21.useState(0);
-      const [scrollSnaps, setScrollSnaps] = React21.useState([]);
-      const [canScrollPrev, setCanScrollPrev] = React21.useState(false);
-      const [canScrollNext, setCanScrollNext] = React21.useState(false);
-      React21.useEffect(() => {
+      const [selectedIndex, setSelectedIndex] = React22.useState(0);
+      const [scrollSnaps, setScrollSnaps] = React22.useState([]);
+      const [canScrollPrev, setCanScrollPrev] = React22.useState(false);
+      const [canScrollNext, setCanScrollNext] = React22.useState(false);
+      React22.useEffect(() => {
         if (!api) return;
         const onInit = () => {
           setScrollSnaps(api.scrollSnapList());
@@ -25529,7 +25573,7 @@ var init_carousel_client = __esm({
           api.off("reInit", onSelect);
         };
       }, [api]);
-      React21.useEffect(() => {
+      React22.useEffect(() => {
         if (!api || !normalized.autoplay) return;
         const autoplayPlugin = api.plugins()?.autoplay;
         if (!autoplayPlugin) return;
@@ -25740,16 +25784,16 @@ var init_shop_checkout_state = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/shop-commerce.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { Fragment as Fragment17, jsx as jsx79, jsxs as jsxs61 } from "react/jsx-runtime";
 function ProductListController(props) {
   const api = useBlockApi();
   const cart = useCommerceCart(api.config.siteId);
   const addFeedback = useTransientShopAddFeedback();
-  const [variantSelection, setVariantSelection] = React22.useState(
+  const [variantSelection, setVariantSelection] = React23.useState(
     () => Object.fromEntries(props.render.display.cards.map((card) => [card.productId, card.selectedVariantId]))
   );
-  const cards = React22.useMemo(
+  const cards = React23.useMemo(
     () => props.render.hydration.products.map(
       (product) => buildProductCardDisplay(
         product,
@@ -25764,7 +25808,7 @@ function ProductListController(props) {
     ),
     [props.render.hydration, variantSelection]
   );
-  const display = React22.useMemo(
+  const display = React23.useMemo(
     () => ({
       ...props.render.display,
       state: cards.length === 0 ? "empty" : "ready",
@@ -25826,17 +25870,17 @@ function ProductDetailController(props) {
   const api = useBlockApi();
   const cart = useCommerceCart(api.config.siteId);
   const addFeedback = useTransientShopAddFeedback();
-  const selectedProduct = React22.useMemo(
+  const selectedProduct = React23.useMemo(
     () => props.render.hydration.products.find((product) => product.id === props.render.hydration.productId) ?? null,
     [props.render.hydration.productId, props.render.hydration.products]
   );
-  const [variantId, setVariantId] = React22.useState(
+  const [variantId, setVariantId] = React23.useState(
     props.render.display.state === "ready" ? props.render.display.selectedVariantId : null
   );
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     setVariantId(props.render.display.state === "ready" ? props.render.display.selectedVariantId : null);
   }, [props.render.display]);
-  const display = React22.useMemo(
+  const display = React23.useMemo(
     () => buildProductDetailDisplay(
       selectedProduct,
       {
@@ -25904,7 +25948,7 @@ function ProductDetailController(props) {
 function CartController(props) {
   const api = useBlockApi();
   const cart = useCommerceCart(api.config.siteId);
-  const display = React22.useMemo(
+  const display = React23.useMemo(
     () => getShopDisplayForItems(props.render, cart.items),
     [cart.items, props.render]
   );
@@ -25947,11 +25991,11 @@ function CartController(props) {
 function CheckoutController(props) {
   const api = useBlockApi();
   const cart = useCommerceCart(api.config.siteId);
-  const [state, dispatch] = React22.useReducer(
+  const [state, dispatch] = React23.useReducer(
     shopCheckoutReducer,
     initialShopCheckoutState
   );
-  React22.useEffect(() => {
+  React23.useEffect(() => {
     const checkout = consumeSearchParam("checkout");
     if (checkout === "success") {
       cart.clear();
@@ -25960,7 +26004,7 @@ function CheckoutController(props) {
       dispatch({ type: "setNotice", notice: "cancelled" });
     }
   }, [cart]);
-  const display = React22.useMemo(
+  const display = React23.useMemo(
     () => getShopDisplayForItems(props.render, cart.items),
     [cart.items, props.render]
   );
@@ -26120,7 +26164,7 @@ var init_checkout_client = __esm({
 });
 
 // ../blocks/src/system/runtime/header/HeaderCartDrawer.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import { jsx as jsx84, jsxs as jsxs62 } from "react/jsx-runtime";
 function normalizeQuantityInput(value) {
   const parsed = Number(value);
@@ -26170,8 +26214,8 @@ function HeaderCartDrawerItems(props) {
   )) });
 }
 function HeaderCartDrawer(props) {
-  const titleId = React23.useId();
-  const display = React23.useMemo(
+  const titleId = React24.useId();
+  const display = React24.useMemo(
     () => buildCartDisplay(props.cart.items, {
       heading: "Cart",
       emptyMessage: "Your cart is empty.",
@@ -26385,15 +26429,15 @@ var init_HeaderCartTrigger = __esm({
 });
 
 // ../blocks/src/system/runtime/header/headerCartRuntime.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { createRoot } from "react-dom/client";
 import { Fragment as Fragment18, jsx as jsx86, jsxs as jsxs64 } from "react/jsx-runtime";
 function HeaderCartRuntime(props) {
   const cart = useCommerceCart(props.siteId);
-  const itemCount = React24.useMemo(() => getCartItemCount(cart.items), [cart.items]);
-  const [open, setOpen] = React24.useState(false);
-  const checkoutHref = React24.useMemo(
+  const itemCount = React25.useMemo(() => getCartItemCount(cart.items), [cart.items]);
+  const [open, setOpen] = React25.useState(false);
+  const checkoutHref = React25.useMemo(
     () => resolveHeaderCartCheckoutHref(
       props.mounts,
       typeof window === "undefined" ? null : window.location.pathname
@@ -26974,6 +27018,7 @@ var init_EventPaginatedListView_client = __esm({
     init_EventCompactRow();
     init_EmptyState();
     init_EventListing_view();
+    init_themedButtonClass();
     EventPaginatedListView = ({
       filters,
       display,
@@ -27016,7 +27061,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"
                 }
               )
@@ -27027,11 +27075,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__ */ jsx89("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx89("a", { href: seeAllUrl, className: `${display.buttonVariant} button-${display.buttonVariant}`, children: loadMoreText }) }) : null
+            paginationMode === "seeAllLink" && seeAllUrl && hasMore ? /* @__PURE__ */ jsx89("div", { className: "rb-mt-8 rb-text-center", children: /* @__PURE__ */ jsx89(
+              "a",
+              {
+                href: seeAllUrl,
+                className: themedButtonClass({
+                  variant: display.buttonVariant,
+                  size: "md"
+                }),
+                children: loadMoreText
+              }
+            ) }) : null
           ] }),
           renderEventCard: (event) => display.listLayout === "compact" ? /* @__PURE__ */ jsx89(
             EventCompactRow,
@@ -28375,6 +28437,7 @@ var init_EventCombined_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_utils();
+    init_themedButtonClass();
     EventCombinedClient = ({
       events: initialEvents,
       siteId,
@@ -28700,7 +28763,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"
                     }
                   )
@@ -29017,6 +29080,7 @@ var init_EventCalendar_client = __esm({
     init_EventModalContext();
     init_EventModals();
     init_WeekTimetableView();
+    init_themedButtonClass();
     EventCalendarClient = ({
       render
     }) => {
@@ -29305,7 +29369,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"
               }
             )
@@ -29318,7 +29385,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"
               }
             )
@@ -29413,6 +29483,7 @@ var init_form_client = __esm({
     init_client2();
     init_src3();
     init_useFormSubmission();
+    init_themedButtonClass();
     FormNodeClient = ({
       render
     }) => {
@@ -29550,7 +29621,19 @@ var init_form_client = __esm({
           return renderField(group.field);
         }),
         showSpamProtection && /* @__PURE__ */ jsx102(AltchaWidget, { challengeUrl: getChallengeUrl(), onSolutionChange: setAltchaSolution }),
-        /* @__PURE__ */ jsx102("div", { className: "fb-actions", children: /* @__PURE__ */ jsx102("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx102("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__ */ jsx102("div", { className: "fb-actions", children: /* @__PURE__ */ jsx102("div", { className: "fb-actions-inner", children: /* @__PURE__ */ jsx102(
+          "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
+          }
+        ) }) })
       ] });
     };
   }
@@ -29669,7 +29752,7 @@ function NewsletterFormClient({
           "button",
           {
             type: "submit",
-            className: "primary button-primary",
+            className: themedButtonClass({ variant: "primary", size: "md" }),
             disabled: isSubmitting,
             children: isSubmitting ? "Subscribing..." : render.display.buttonLabel
           }
@@ -29687,6 +29770,7 @@ var init_newsletter_form_client = __esm({
     init_client2();
     init_src3();
     init_api();
+    init_themedButtonClass();
   }
 });
 
@@ -32120,6 +32204,10 @@ function brandNonEmptyString(value, label) {
   return value;
 }
 
+// ../theme-core/src/palette/variants/types.ts
+init_styleTags();
+import { z as z36 } from "zod";
+
 // ../theme-core/src/schema.ts
 import { z as z35 } from "zod";
 
@@ -32725,8 +32813,6 @@ var themesTurnSchema = z35.object({
 });
 
 // ../theme-core/src/palette/variants/types.ts
-init_compatibility();
-import { z as z36 } from "zod";
 function asPaletteVariantId(value) {
   if (value.length === 0) {
     throw new Error("PaletteVariantId must be a non-empty string");
@@ -34382,7 +34468,7 @@ init_responsiveMode();
 import { jsx as jsx120 } from "react/jsx-runtime";
 
 // ../theme-core/src/ThemeFontLoader.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 init_selectorUtils();
 import { Fragment as Fragment21, jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";