@riverbankcms/sdk 0.74.0 → 0.75.0

package/dist/server/rendering/server.mjs

@@ -1428,6 +1428,9 @@ function validationContext(options = {}) {
 function formatFieldPath(path) {
   return path.map((segment) => String(segment)).join(".");
 }
+function toZodIssuePath(path) {
+  return [...path];
+}
 function fieldIssueToMessage(issue2) {
   switch (issue2.kind) {
     case "required":
@@ -1556,6 +1559,9 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       return assertNever(field);
   }
 }
+function deriveFieldValidationPlans(fields3, parentPath = []) {
+  return fields3.map((field) => deriveFieldValidationPlan(field, [...parentPath, field.id]));
+}
 function commonConstraints(required, ...specific) {
   return required ? [{ kind: "required" }, ...specific] : [...specific];
 }
@@ -1571,9 +1577,19 @@ function makePlan(kind, valueKind, field, path, required, constraints) {
     fieldType: field.type,
     path,
     required,
+    visibility: fieldVisibility(field),
     constraints
   };
 }
+function fieldVisibility(field) {
+  if (field.ui?.hidden) {
+    return { kind: "hidden" };
+  }
+  if (field.visibleRoles && field.visibleRoles.length > 0) {
+    return { kind: "roleRestricted", roles: field.visibleRoles };
+  }
+  return { kind: "visible" };
+}
 function withRepeaterItemConstraints(field, constraints) {
   const next = [...constraints];
   if (typeof field.minItems === "number") next.push({ kind: "minItems", minimum: field.minItems });
@@ -1587,7 +1603,7 @@ function deriveRepeatedItemVariants(field, parentPath) {
   }));
 }
 function deriveNestedFieldPlans(fields3, parentPath) {
-  return fields3.map((field) => deriveFieldValidationPlan(field, [...parentPath, field.id]));
+  return deriveFieldValidationPlans(fields3, parentPath);
 }
 function getRepeaterFields(field) {
   const fields3 = field.polymorphic && field.itemTypes ? Object.values(field.itemTypes).flatMap((itemType) => itemType.fields) : field.schema?.fields ?? [];
@@ -1613,6 +1629,71 @@ function resolveSelectConstraintSource(field) {
       return assertNever(source);
   }
 }
+function normalizeStoredContentValues(plans, content, options = {}) {
+  if (!content || typeof content !== "object" || Array.isArray(content)) {
+    return {};
+  }
+  const planMap = new Map(plans.map((plan) => [plan.fieldId, plan]));
+  const normalized = {};
+  const ctx = validationContext(options);
+  for (const [key, value] of Object.entries(content)) {
+    const plan = planMap.get(key);
+    normalized[key] = plan ? normalizeStoredFieldValueWithContext(plan, value, ctx) : value;
+  }
+  return normalized;
+}
+function normalizeStoredFieldValueWithContext(plan, value, ctx) {
+  if (value === null && !plan.required) {
+    return void 0;
+  }
+  switch (plan.kind) {
+    case "group":
+      return normalizeStoredObjectChildren(plan.children, value, childValidationContext(plan, ctx));
+    case "repeater":
+      return normalizeStoredRepeaterItems(plan, value, ctx);
+    case "string":
+    case "number":
+    case "boolean":
+    case "richText":
+    case "media":
+    case "link":
+    case "select":
+    case "passthrough":
+      return normalizeFieldValue(plan, value, ctx);
+    default:
+      return assertNever(plan);
+  }
+}
+function normalizeStoredObjectChildren(children, value, ctx) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return value;
+  }
+  const normalized = { ...value };
+  for (const child of children) {
+    normalized[child.fieldId] = normalizeStoredFieldValueWithContext(
+      child,
+      normalized[child.fieldId],
+      ctx
+    );
+  }
+  return normalized;
+}
+function normalizeStoredRepeaterItems(plan, value, ctx) {
+  if (!Array.isArray(value)) {
+    return value;
+  }
+  return value.map((item) => {
+    if (!item || typeof item !== "object" || Array.isArray(item)) {
+      return item;
+    }
+    const itemRecord = item;
+    const fields3 = plan.repeatedItemVariants ? plan.repeatedItemVariants.find((variant) => variant.typeId === itemRecord._type)?.fields : plan.repeatedItemPlan;
+    if (!fields3) {
+      return item;
+    }
+    return normalizeStoredObjectChildren(fields3, itemRecord, ctx);
+  });
+}
 function normalizeFieldValue(plan, value, ctx) {
   switch (plan.kind) {
     case "number":
@@ -1867,16 +1948,19 @@ function fieldPlanToZod(plan, options = {}) {
   const ctx = validationContext(options);
   return z4.any().transform((value) => normalizeFieldValue(plan, value, ctx)).superRefine((value, zodCtx) => {
     for (const validationIssue of validateNormalizedFieldValue(plan, value, ctx)) {
-      addFieldIssueToZodContext(zodCtx, validationIssue);
+      addFieldIssueToZodContext(zodCtx, validationIssue, plan.path);
     }
   });
 }
-function addFieldIssueToZodContext(zodCtx, validationIssue) {
+function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
   const message = fieldIssueToMessage(validationIssue);
+  const path = relativeZodIssuePath(validationIssue.path, rootPath);
+  const issuePath = path.length > 0 ? { path: toZodIssuePath(path) } : {};
   switch (validationIssue.kind) {
     case "required":
       if (validationIssue.emptyOrigin) {
         zodCtx.addIssue({
+          ...issuePath,
           code: "too_small",
           origin: validationIssue.emptyOrigin,
           minimum: 1,
@@ -1885,10 +1969,11 @@ function addFieldIssueToZodContext(zodCtx, validationIssue) {
         });
         return;
       }
-      zodCtx.addIssue({ code: "invalid_type", expected: "nonoptional", message });
+      zodCtx.addIssue({ ...issuePath, code: "invalid_type", expected: "nonoptional", message });
       return;
     case "tooLong":
       zodCtx.addIssue({
+        ...issuePath,
         code: "too_big",
         origin: "string",
         maximum: validationIssue.maximum,
@@ -1897,7 +1982,7 @@ function addFieldIssueToZodContext(zodCtx, validationIssue) {
       });
       return;
     case "invalidOption":
-      zodCtx.addIssue({ code: "invalid_value", values: [], message });
+      zodCtx.addIssue({ ...issuePath, code: "invalid_value", values: [], message });
       return;
     case "wrongType":
     case "invalidEmail":
@@ -1914,12 +1999,15 @@ function addFieldIssueToZodContext(zodCtx, validationIssue) {
     case "invalidMedia":
     case "invalidLink":
     case "invalidReference":
-      zodCtx.addIssue({ code: "custom", message });
+      zodCtx.addIssue({ ...issuePath, code: "custom", message });
       return;
     default:
       assertNever(validationIssue);
   }
 }
+function relativeZodIssuePath(path, rootPath) {
+  return startsWithFieldPath(path, rootPath) ? path.slice(rootPath.length) : path;
+}
 function compilePattern(pattern) {
   try {
     return new RegExp(pattern);
@@ -1997,24 +2085,33 @@ function preprocessEmptyValues(content) {
   }
   return result;
 }
-function deriveContentZodFromManifest(manifestOrFields, options = {}) {
-  const shape = {};
-  const fields3 = Array.isArray(manifestOrFields) ? manifestOrFields : manifestOrFields.fields ?? [];
-  for (const field of fields3) {
-    shape[field.id] = buildFieldSchema(field, options);
-  }
-  return z5.object(shape).catchall(z5.unknown()).passthrough();
-}
 function createManifestValidator(manifestOrFields, options = {}) {
   const isDraft = options.mode === "draft";
-  const baseSchema = deriveContentZodFromManifest(manifestOrFields, options);
+  const plans = derivePlansFromManifestOrFields(manifestOrFields);
+  const baseSchema = deriveContentZodFromPlans(plans, options);
   if (isDraft) {
-    return z5.preprocess(preprocessEmptyValues, baseSchema);
+    return z5.preprocess(
+      (content) => preprocessEmptyValues(
+        normalizeStoredContentValues(plans, content, options)
+      ),
+      baseSchema
+    );
+  }
+  return z5.preprocess(
+    (content) => normalizeStoredContentValues(plans, content, options),
+    baseSchema
+  );
+}
+function deriveContentZodFromPlans(plans, options) {
+  const shape = {};
+  for (const plan of plans) {
+    shape[plan.fieldId] = fieldPlanToZod(plan, options);
   }
-  return baseSchema;
+  return z5.object(shape).catchall(z5.unknown()).passthrough();
 }
-function buildFieldSchema(field, options) {
-  return fieldPlanToZod(deriveFieldValidationPlan(field), options);
+function derivePlansFromManifestOrFields(manifestOrFields) {
+  const fields3 = Array.isArray(manifestOrFields) ? manifestOrFields : manifestOrFields.fields ?? [];
+  return deriveFieldValidationPlans(fields3);
 }
 
 // ../blocks/src/system/manifest/variantKey.ts
@@ -18460,7 +18557,7 @@ var cardStylingFields = [
     description: "Text for the event action button",
     required: false,
     multiline: false,
-    defaultValue: "View event",
+    defaultValue: "Book now",
     maxLength: 40
   }
 ];
@@ -18972,6 +19069,7 @@ var eventRegistrationBlockDefinition = {
         limit: "50",
         // Get more events for selection
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
+        readProfile: "registration",
         // When rendering on an event content entry page, scope the list to that entry so
         // the wizard always includes the current event (and avoids stale cached "all events" responses).
         entryId: { $bind: { from: "$root.contentEntry._entryId", fallback: "" } }
@@ -19920,7 +20018,7 @@ var eventSpotlightLayout = [
         columns: { $bind: { from: "content.columns", fallback: "3" } },
         cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
         buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "Book now" } },
         ctaLabel: { $bind: { from: "content.ctaLabel" } },
         ctaUrl: { $bind: { from: "content.ctaUrl", transforms: [{ id: "links.resolve" }] } },
         showVenue: { $bind: { from: "content.showVenue" } },
@@ -19964,7 +20062,8 @@ var eventSpotlightBlockDefinition = {
         siteId: { $bind: { from: "$root.siteId" } },
         limit: { $bind: { from: "content.maxEvents", fallback: "3" } },
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
-        detailLevel: "listing"
+        detailLevel: "listing",
+        readProfile: "spotlight"
       },
       mode: "server"
     }
@@ -20436,7 +20535,7 @@ var COLUMN_CLASSES = {
 };
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
-    return "rb-flex rb-flex-col rb-gap-2";
+    return "event-listing-compact-container rb-flex rb-flex-col rb-gap-2";
   }
   if (layout === "stack") {
     return "rb-flex rb-flex-col rb-gap-6";
@@ -20567,7 +20666,7 @@ function formatEventPrice(event) {
 }
 function resolveEventCta(event, buttonText) {
   const { isFull: isSoldOut } = getEventAvailability(event);
-  const defaultButtonText = event.kind === "course_session" ? "View course" : "View event";
+  const defaultButtonText = event.kind === "course_session" ? "Book course" : "Book now";
   const effectiveButtonText = buttonText ?? defaultButtonText;
   if (isSoldOut) {
     return { label: "Sold out", href: event.path, hidden: true };
@@ -22179,7 +22278,7 @@ var eventListingBlockRuntime = defineProgressiveBlockRuntime({
         containerClass: getContainerClass(layout, source.columns ?? "3"),
         cardVariant: source.cardVariant ?? "default",
         buttonVariant: source.buttonVariant ?? "primary",
-        buttonText: source.buttonText ?? "View event",
+        buttonText: source.buttonText ?? "Book now",
         showVenue: source.showVenue ?? true,
         showMap: source.showMap ?? true,
         showCapacity: source.showCapacity ?? true,
@@ -22426,7 +22525,7 @@ var eventListingLayout = [
         loadMoreText: { $bind: { from: "content.loadMoreText", fallback: "Load more events" } },
         cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
         buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "Book now" } },
         showVenue: { $bind: { from: "content.showVenue" } },
         showMap: { $bind: { from: "content.showMap" } },
         showCapacity: { $bind: { from: "content.showCapacity" } },
@@ -22504,6 +22603,7 @@ var eventListingBlockDefinition = {
         limit: { $bind: { from: "content.eventsPerPage", fallback: "12" } },
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
         detailLevel: "listing",
+        readProfile: { $bind: { from: "content.layout", fallback: "listing-card" } },
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },
         eventPresets: {
@@ -22643,7 +22743,7 @@ function buildEventCalendarDisplay(source) {
     ),
     filterVenueId: normalizeEventVenueId(source.filterVenueId),
     buttonVariant: source.buttonVariant ?? "primary",
-    buttonText: source.buttonText ?? "View event",
+    buttonText: source.buttonText ?? "Book now",
     showVenue: source.showVenue ?? true,
     showMap: source.showMap ?? true,
     showCapacity: source.showCapacity ?? true,
@@ -22832,7 +22932,7 @@ var eventCalendarLayout = [
               $bind: { from: "content.buttonVariant", fallback: "primary" }
             },
             buttonText: {
-              $bind: { from: "content.buttonText", fallback: "View event" }
+              $bind: { from: "content.buttonText", fallback: "Book now" }
             },
             emptyMessage: { $bind: { from: "content.emptyMessage" } }
           })
@@ -23293,6 +23393,7 @@ var eventCalendarBlockDefinition = {
         limit: 100,
         stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
         detailLevel: "listing",
+        readProfile: { $bind: { from: "content.variant", fallback: "listing-card" } },
         // Pass filter params if configured
         kind: { $bind: { from: "content.kind" } },
         eventSurface: { $bind: { from: "content.eventSurface" } },
@@ -29624,9 +29725,9 @@ function getEmbedUrl(info) {
       const kind = info.kind ?? "p";
       return `https://www.instagram.com/${kind}/${info.id}/embed`;
     }
-    default:
-      return "";
   }
+  const exhaustive = info.provider;
+  return exhaustive;
 }
 function getThumbnailUrl(info) {
   switch (info.provider) {
@@ -29636,9 +29737,20 @@ function getThumbnailUrl(info) {
       return `https://vumbnail.com/${info.id}.jpg`;
     case "instagram":
       return "";
-    default:
-      return "";
   }
+  const exhaustive = info.provider;
+  return exhaustive;
+}
+function getVideoEmbedLoadingStrategy(provider) {
+  switch (provider) {
+    case "youtube":
+    case "vimeo":
+      return "native-lazy";
+    case "instagram":
+      return "defer-until-near-viewport";
+  }
+  const exhaustive = provider;
+  return exhaustive;
 }
 function getVideoEmbed(url) {
   const info = parseVideoUrl(url);
@@ -29653,7 +29765,7 @@ function getVideoEmbed(url) {
 }
 
 // ../blocks/src/system/runtime/nodes/video-embed.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 var VideoEmbedNode = ({
   value,
   className,
@@ -29696,35 +29808,43 @@ var VideoEmbedNode = ({
     );
   }
   const title = getVideoTitle(embedInfo);
-  return /* @__PURE__ */ jsx18("div", { ...rest, children: /* @__PURE__ */ jsx18(
+  const loadingStrategy = getVideoEmbedLoadingStrategy(embedInfo.provider);
+  const shouldDeferSrc = loadingStrategy === "defer-until-near-viewport";
+  return /* @__PURE__ */ jsx18("div", { ...rest, children: /* @__PURE__ */ jsxs7(
     "div",
     {
       className,
+      "data-rb-video-embed-wrapper": shouldDeferSrc ? "true" : void 0,
       style: {
         ...style,
         aspectRatio: resolvedAspectRatio,
         position: "relative",
         width: "100%"
       },
-      children: /* @__PURE__ */ jsx18(
-        "iframe",
-        {
-          src: embedInfo.embedUrl,
-          title,
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: "100%",
-            height: "100%",
-            border: "none"
-          },
-          loading: "lazy",
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-          referrerPolicy: "no-referrer-when-downgrade",
-          allowFullScreen: true
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx18(
+          "iframe",
+          {
+            src: shouldDeferSrc ? void 0 : embedInfo.embedUrl,
+            title,
+            loading: "lazy",
+            "data-rb-video-embed-deferred": shouldDeferSrc ? "true" : void 0,
+            "data-rb-video-embed-src": shouldDeferSrc ? embedInfo.embedUrl : void 0,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              border: "none"
+            },
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+            referrerPolicy: "no-referrer-when-downgrade",
+            allowFullScreen: true
+          }
+        ),
+        shouldDeferSrc ? /* @__PURE__ */ jsx18("noscript", { children: /* @__PURE__ */ jsx18("a", { href: embedInfo.url, children: "View on Instagram" }) }) : null
+      ]
     }
   ) });
 };
@@ -29739,9 +29859,9 @@ function getVideoTitle(info) {
       const label = kind === "reel" ? "reel" : kind === "tv" ? "video" : "post";
       return `Instagram ${label} ${info.id}`;
     }
-    default:
-      return "Embedded video";
   }
+  const exhaustive = info.provider;
+  return exhaustive;
 }
 function getAspectRatio(propAspectRatio, style) {
   const styleAspectRatio = style?.aspectRatio;
@@ -29823,7 +29943,7 @@ function getCarouselSlidesToShowCssVars(value) {
 }
 
 // ../blocks/src/system/runtime/nodes/carousel.server.tsx
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 var CarouselNodeSSR = ({
   blockId,
   children,
@@ -29842,7 +29962,7 @@ var CarouselNodeSSR = ({
   const resolvedSlides = resolveSlidesToShowMobile(normalizedSlidesToShow);
   const controlsEnabled = arrowVisibility === "never" ? false : normalizeBoolean2(showControls);
   const shouldSnap = transition === "slide";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: clsx_default("carousel-root rb-relative", className),
@@ -29906,7 +30026,7 @@ function normalizeBoolean2(value) {
 }
 
 // ../blocks/src/system/runtime/nodes/accordion.server.tsx
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var ACCORDION_ICONS = {
   Plus,
   Minus,
@@ -29923,7 +30043,7 @@ var AccordionNodeSSR = ({
   defaultValue,
   collapsible
 }) => {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: clsx_default("accordion-root", className),
@@ -29953,16 +30073,16 @@ var AccordionItemNodeSSR = ({
   const iconConfig = ICON_CONFIG[resolvedIconStyle];
   const ClosedIconComponent = ACCORDION_ICONS[iconConfig.closedIcon];
   const OpenIconComponent = iconConfig.openIcon ? ACCORDION_ICONS[iconConfig.openIcon] : null;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: clsx_default("accordion-item", className),
       "data-accordion-value": resolvedValue,
       "data-state": "closed",
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "accordion-trigger", role: "button", tabIndex: 0, "aria-expanded": "false", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "accordion-trigger", role: "button", tabIndex: 0, "aria-expanded": "false", children: [
           /* @__PURE__ */ jsx21("span", { className: "accordion-trigger-text", children: resolveNode(triggerSource) }),
-          /* @__PURE__ */ jsxs8("span", { className: "accordion-icon", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs9("span", { className: "accordion-icon", "aria-hidden": "true", children: [
             ClosedIconComponent && /* @__PURE__ */ jsx21(ClosedIconComponent, { className: "accordion-icon-closed" }),
             OpenIconComponent && /* @__PURE__ */ jsx21(OpenIconComponent, { className: "accordion-icon-open" })
           ] })
@@ -29991,7 +30111,7 @@ function resolveNode(value) {
 }
 
 // ../blocks/src/system/runtime/nodes/header-section.server.tsx
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function hasShrinkClasses(className) {
   return typeof className === "string" && className.includes("rb-header-shrink");
 }
@@ -29999,16 +30119,21 @@ var HeaderSectionNode = ({
   blockId,
   children,
   className,
+  "data-preview-site-chrome-surface": previewSiteChromeSurface,
   ...rest
 }) => {
   const { wrapperClasses, sectionClasses } = splitPositioningClasses(className);
-  const wrapperClassName = `block-site-header${wrapperClasses ? ` ${wrapperClasses}` : ""}`;
+  const wrapperClassName = [
+    "block-site-header",
+    wrapperClasses,
+    previewSiteChromeSurface ? "group/site-chrome rb-relative" : ""
+  ].filter(Boolean).join(" ");
   const asProp = rest.as;
   const styleProp = rest.style;
   const backgroundProp = typeof rest.background === "string" ? rest.background : void 0;
   const allowOverflowProp = typeof rest.allowOverflow === "boolean" ? rest.allowOverflow : void 0;
   const dataSlotProp = typeof rest["data-slot"] === "string" ? rest["data-slot"] : void 0;
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "nav",
     {
       ...getIslandRootProps("headerSection", blockId),
@@ -30018,6 +30143,7 @@ var HeaderSectionNode = ({
       "data-block": "site-header",
       "data-block-kind": "block.site-header",
       "data-block-id": blockId ?? void 0,
+      "data-preview-site-chrome-surface": previewSiteChromeSurface,
       children: [
         /* @__PURE__ */ jsx22(IslandPropsScript, { value: { enabled: hasShrinkClasses(className) } }),
         /* @__PURE__ */ jsx22(
@@ -30039,7 +30165,7 @@ var HeaderSectionNode = ({
 var header_section_server_default = HeaderSectionNode;
 
 // ../blocks/src/system/runtime/nodes/spinner.tsx
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
 function resolveColorStyle(color) {
   switch (color) {
     case "inherit":
@@ -30066,7 +30192,7 @@ function SpinnerNode({
   const accessibilityProps = srLabel ? { role: "status", "aria-live": "polite" } : hasExplicitAriaLabel ? {} : { "aria-hidden": true };
   const trackStroke = color === "inherit" ? "currentColor" : "var(--rb-spinner-track-color)";
   const trackOpacity = color === "inherit" ? 0.25 : 1;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       ...accessibilityProps,
@@ -30082,7 +30208,7 @@ function SpinnerNode({
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs10("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs11("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx23(
             "circle",
             {
@@ -30466,7 +30592,7 @@ function buildBookingFormInteractiveIslandProps(props2) {
 }
 
 // ../blocks/src/system/runtime/nodes/booking-form.server.tsx
-import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 function BookingFormSSR({
   blockId,
   siteId,
@@ -30510,14 +30636,14 @@ function BookingFormSSR({
     className
   });
   const display = islandProps.render.display;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: `booking-form-ssr ${className ?? ""}`.trim(),
       ...getIslandRootProps("booking-form", blockId),
       children: [
         /* @__PURE__ */ jsx24(IslandPropsScript, { value: islandProps }),
-        /* @__PURE__ */ jsx24("div", { className: "booking-form-ssr__summary", children: display.state === "missing" ? /* @__PURE__ */ jsx24("p", { className: "booking-form-ssr__error", children: display.message }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx24("div", { className: "booking-form-ssr__summary", children: display.state === "missing" ? /* @__PURE__ */ jsx24("p", { className: "booking-form-ssr__error", children: display.message }) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
           /* @__PURE__ */ jsx24("strong", { children: display.submitLabel }),
           display.successMessage ? /* @__PURE__ */ jsx24("p", { className: "booking-form-ssr__success", children: display.successMessage }) : null
         ] }) }),
@@ -30627,22 +30753,22 @@ function filterMembershipsForEvent(siteMemberships, event) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-details/CoursePricingDisplay.tsx
-import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function CoursePricingDisplay({
   pricing,
   acceptedItems
 }) {
-  return /* @__PURE__ */ jsxs12("div", { className: "rb-mt-6", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "rb-mt-6", children: [
     /* @__PURE__ */ jsx25("div", { className: "rb-label rb-mb-2", children: pricing.selectableOptions.length > 1 ? "Pricing" : "Cost" }),
-    pricing.selectableOptions.length > 1 ? /* @__PURE__ */ jsx25("div", { className: "rb-flex rb-flex-col rb-gap-2", children: pricing.selectableOptions.map((option) => /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsxs12("strong", { children: [
+    pricing.selectableOptions.length > 1 ? /* @__PURE__ */ jsx25("div", { className: "rb-flex rb-flex-col rb-gap-2", children: pricing.selectableOptions.map((option) => /* @__PURE__ */ jsxs13("div", { children: [
+      /* @__PURE__ */ jsxs13("strong", { children: [
         option.name,
         ": ",
         formatCoursePriceAmount(option.priceAmount, pricing.currency)
       ] }),
       option.description ? /* @__PURE__ */ jsx25("p", { className: "rb-caption status-muted", children: option.description }) : null
     ] }, option.id)) }) : /* @__PURE__ */ jsx25("p", { children: /* @__PURE__ */ jsx25("strong", { children: formatCoursePriceDisplay(pricing.display) }) }),
-    acceptedItems.length > 0 ? /* @__PURE__ */ jsxs12("p", { className: "rb-caption rb-mt-1", children: [
+    acceptedItems.length > 0 ? /* @__PURE__ */ jsxs13("p", { className: "rb-caption rb-mt-1", children: [
       "You can also attend with: ",
       acceptedItems.join(", ")
     ] }) : null
@@ -30650,7 +30776,7 @@ function CoursePricingDisplay({
 }
 
 // ../blocks/src/system/runtime/nodes/event-details/view.tsx
-import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatAutoApplyDiscountLine(preview, currency) {
   const rate = preview.discountType === "percent" ? `${preview.discountPercent}% off` : `${formatCoursePriceAmount(preview.discountAmountCents, currency)} off`;
   const label = preview.publicLabel.trim() || "Discount";
@@ -30701,10 +30827,10 @@ function EventDetailsView({
     acceptedItems.push(...applicableMemberships.map((m) => m.name));
   }
   const hasAcceptedItems = acceptedItems.length > 0;
-  return /* @__PURE__ */ jsxs13("div", { className: "rb-flex rb-flex-col rb-gap-6 rb-text-left", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
-        /* @__PURE__ */ jsxs13("div", { children: [
+  return /* @__PURE__ */ jsxs14("div", { className: "rb-flex rb-flex-col rb-gap-6 rb-text-left", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
           /* @__PURE__ */ jsx26("div", { className: "rb-label rb-mb-2", children: selection.mode === "next" ? "Next date" : "Date" }),
           (() => {
             const { date, timeRange } = formatEventDateParts({
@@ -30712,20 +30838,20 @@ function EventDetailsView({
               endsAt: selected.endsAt,
               timeZone: selection.timeZone
             });
-            return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+            return /* @__PURE__ */ jsxs14(Fragment3, { children: [
               /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsx26("strong", { children: date }) }),
               /* @__PURE__ */ jsx26("p", { className: "rb-caption", children: timeRange })
             ] });
           })()
         ] }),
-        venue ? /* @__PURE__ */ jsxs13("div", { className: "rb-mt-6", children: [
+        venue ? /* @__PURE__ */ jsxs14("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx26("div", { className: "rb-label rb-mb-2", children: "Venue" }),
           /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsx26("strong", { children: venue.name }) }),
           venue.address ? /* @__PURE__ */ jsx26("p", { className: "rb-caption", children: venue.address }) : null
         ] }) : null,
-        teamMembers.length > 0 ? /* @__PURE__ */ jsxs13("div", { className: "rb-mt-6", children: [
+        teamMembers.length > 0 ? /* @__PURE__ */ jsxs14("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx26("div", { className: "rb-label rb-mb-2", children: "Team members" }),
-          /* @__PURE__ */ jsx26("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx26("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs14("div", { children: [
             /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsx26(
               TeamMemberName,
               {
@@ -30736,7 +30862,7 @@ function EventDetailsView({
             teamMember.summary ? /* @__PURE__ */ jsx26("p", { className: "rb-caption status-muted", children: teamMember.summary }) : null
           ] }, teamMember.id)) })
         ] }) : null,
-        isDropIn ? /* @__PURE__ */ jsxs13("div", { className: "rb-mt-6", children: [
+        isDropIn ? /* @__PURE__ */ jsxs14("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx26("div", { className: "rb-label rb-mb-2", children: "Registration" }),
           /* @__PURE__ */ jsx26("p", { className: "rb-caption status-muted", children: "No registration required - just show up" })
         ] }) : shouldShowCoursePricing ? /* @__PURE__ */ jsx26(
@@ -30745,22 +30871,22 @@ function EventDetailsView({
             pricing: coursePricing,
             acceptedItems
           }
-        ) : shouldShowEventCost ? /* @__PURE__ */ jsxs13("div", { className: "rb-mt-6", children: [
+        ) : shouldShowEventCost ? /* @__PURE__ */ jsxs14("div", { className: "rb-mt-6", children: [
           /* @__PURE__ */ jsx26("div", { className: "rb-label rb-mb-2", children: "Cost" }),
           eventPrice !== null ? /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsx26("strong", { children: formatCoursePriceAmount(eventPrice, selected.currency ?? "USD") }) }) : /* @__PURE__ */ jsx26("p", { className: "rb-caption status-muted", children: "See checkout for details" }),
           autoApplyDiscount ? /* @__PURE__ */ jsx26("p", { className: "rb-caption rb-mt-1", children: formatAutoApplyDiscountLine(autoApplyDiscount, selected.currency ?? "USD") }) : null,
-          hasAcceptedItems ? /* @__PURE__ */ jsxs13("p", { className: "rb-caption rb-mt-1", children: [
+          hasAcceptedItems ? /* @__PURE__ */ jsxs14("p", { className: "rb-caption rb-mt-1", children: [
             "You can also attend with: ",
             acceptedItems.join(", ")
           ] }) : null
-        ] }) : hasAcceptedItems ? /* @__PURE__ */ jsx26("div", { className: "rb-mt-6", children: /* @__PURE__ */ jsxs13("p", { className: "rb-caption", children: [
+        ] }) : hasAcceptedItems ? /* @__PURE__ */ jsx26("div", { className: "rb-mt-6", children: /* @__PURE__ */ jsxs14("p", { className: "rb-caption", children: [
           "You can also attend with: ",
           acceptedItems.join(", ")
         ] }) }) : null
       ] }),
       showMap && renderVenueMap && venue?.location ? /* @__PURE__ */ jsx26(Fragment3, { children: renderVenueMap({ venueName: venue.name, location: venue.location, className: mapClassName, height: mapHeight }) }) : null
     ] }),
-    showOtherDates && selection.otherDates.length > 0 ? /* @__PURE__ */ jsxs13("div", { children: [
+    showOtherDates && selection.otherDates.length > 0 ? /* @__PURE__ */ jsxs14("div", { children: [
       /* @__PURE__ */ jsx26("div", { className: "rb-label", children: "Other dates" }),
       /* @__PURE__ */ jsx26("div", { className: "rb-mt-2 rb-tiles-grid", children: selection.otherDates.map((e) => /* @__PURE__ */ jsx26(
         "a",
@@ -30783,7 +30909,7 @@ function EventDetailsView({
 }
 
 // ../blocks/src/system/runtime/nodes/event-details.server.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function EventDetailsSSR({
   blockId,
   occurrenceContext,
@@ -30812,7 +30938,7 @@ function EventDetailsSSR({
   const membershipsArray = siteMemberships?.memberships ?? null;
   const applicablePasses = filterPassesForEvent(passesArray, selection.selected);
   const applicableMemberships = filterMembershipsForEvent(membershipsArray, selection.selected);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: `event-details ${className ?? ""}`.trim(),
@@ -30878,7 +31004,7 @@ function EventDetailsSSR({
 var event_details_server_default = EventDetailsSSR;
 
 // ../blocks/src/system/runtime/nodes/location-map.view.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 function LocationMapView({
   addressText,
   location: location2,
@@ -30894,7 +31020,7 @@ function LocationMapView({
   if (!location2 && !addressText && !directionsUrl) {
     return /* @__PURE__ */ jsx28("p", { className: "rb-caption", style: textColorStyle("mutedText"), children: unresolvedMessage ?? "Location details coming soon." });
   }
-  return /* @__PURE__ */ jsxs15("div", { className: "rb-flex rb-flex-col rb-gap-4 rb-text-left", children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "rb-flex rb-flex-col rb-gap-4 rb-text-left", children: [
     location2 && renderMap ? renderMap({
       addressText,
       location: location2,
@@ -30922,11 +31048,11 @@ function LocationMapView({
 }
 
 // ../blocks/src/system/runtime/nodes/location-map.server.tsx
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function LocationMapSSR(props2) {
   const normalized = normalizeLocationMapProps(props2);
   const hydrationProps = toLocationMapHydrationProps(props2);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: `location-map ${normalized.className ?? ""}`.trim(),
@@ -31081,7 +31207,7 @@ function formatCourseDateRange(range) {
 }
 
 // ../blocks/src/system/runtime/nodes/course-details/view.tsx
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function TeamMemberName2({
   name,
   profilePath
@@ -31116,14 +31242,14 @@ function CourseDetailsView(props2) {
   const hasMoreSessions = sessionLimit !== "all" && sortedSessions.length > sessionLimit;
   const descriptionDoc = showDescription ? coerceRichTextDoc(course.description) : null;
   const teamMembers = course.teamMembers ?? [];
-  return /* @__PURE__ */ jsxs17("div", { className: "rb-flex rb-flex-col rb-gap-6", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "rb-flex rb-flex-col rb-gap-6", children: [
     showTitle && /* @__PURE__ */ jsx30("h3", { children: course.title }),
-    /* @__PURE__ */ jsxs17("div", { className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
-        showPrice && /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsxs18("div", { className: "rb-grid rb-grid-cols-1 rb-gap-6 rb-items-start rb-sm-grid-cols-2", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+        showPrice && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: pricing.selectableOptions.length > 0 ? "Pricing" : "Price" }),
-          pricing.selectableOptions.length > 1 ? /* @__PURE__ */ jsx30("div", { className: "rb-flex rb-flex-col rb-gap-2", children: pricing.selectableOptions.map((option) => /* @__PURE__ */ jsxs17("div", { children: [
-            /* @__PURE__ */ jsxs17("strong", { children: [
+          pricing.selectableOptions.length > 1 ? /* @__PURE__ */ jsx30("div", { className: "rb-flex rb-flex-col rb-gap-2", children: pricing.selectableOptions.map((option) => /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsxs18("strong", { children: [
               option.name,
               ": ",
               formatCoursePriceAmount(
@@ -31134,17 +31260,17 @@ function CourseDetailsView(props2) {
             option.description ? /* @__PURE__ */ jsx30("p", { className: "rb-caption status-muted", children: option.description }) : null
           ] }, option.id)) }) : /* @__PURE__ */ jsx30("div", { children: /* @__PURE__ */ jsx30("strong", { children: formatCoursePriceDisplay(pricing.display) }) })
         ] }),
-        showCapacity && /* @__PURE__ */ jsxs17("div", { children: [
+        showCapacity && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: "Spots" }),
           /* @__PURE__ */ jsx30("div", { children: /* @__PURE__ */ jsx30("strong", { children: course.enrollmentCapacity === null ? "Unlimited" : `${course.availableSpots ?? Math.max(0, course.enrollmentCapacity - course.enrolledCount)} left` }) })
         ] }),
-        showMembershipNote && course.acceptsMemberships && /* @__PURE__ */ jsxs17("div", { children: [
+        showMembershipNote && course.acceptsMemberships && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: "Membership" }),
           /* @__PURE__ */ jsx30("p", { className: "rb-caption status-muted", children: "Eligible memberships can be used for free enrollment" })
         ] }),
-        teamMembers.length > 0 && /* @__PURE__ */ jsxs17("div", { children: [
+        teamMembers.length > 0 && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: "Team members" }),
-          /* @__PURE__ */ jsx30("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx30("div", { className: "rb-flex rb-flex-col rb-gap-3", children: teamMembers.map((teamMember) => /* @__PURE__ */ jsxs18("div", { children: [
             /* @__PURE__ */ jsx30("p", { children: /* @__PURE__ */ jsx30(
               TeamMemberName2,
               {
@@ -31156,23 +31282,23 @@ function CourseDetailsView(props2) {
           ] }, teamMember.id)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
-        showVenue && course.venue && /* @__PURE__ */ jsxs17("div", { children: [
+      /* @__PURE__ */ jsxs18("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+        showVenue && course.venue && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: "Venue" }),
           /* @__PURE__ */ jsx30("h3", { children: course.venue.name }),
           course.venue.address && /* @__PURE__ */ jsx30("p", { className: "rb-caption status-muted", children: course.venue.address })
         ] }),
-        showEnrollmentStatus && /* @__PURE__ */ jsxs17("div", { children: [
+        showEnrollmentStatus && /* @__PURE__ */ jsxs18("div", { children: [
           /* @__PURE__ */ jsx30("div", { className: "rb-label rb-mb-2", children: "Enrollment" }),
           /* @__PURE__ */ jsx30("p", { className: course.enrollmentOpen ? "cd-enrollment--open" : "cd-enrollment--closed", children: /* @__PURE__ */ jsx30("strong", { children: course.enrollmentOpen ? "Open" : "Closed" }) })
         ] })
       ] })
     ] }),
     descriptionDoc && /* @__PURE__ */ jsx30("div", { className: "cd-description", children: /* @__PURE__ */ jsx30(RichText, { doc: descriptionDoc }) }),
-    showSessions && visibleSessions.length > 0 && /* @__PURE__ */ jsxs17("div", { children: [
+    showSessions && visibleSessions.length > 0 && /* @__PURE__ */ jsxs18("div", { children: [
       /* @__PURE__ */ jsx30("div", { className: "rb-label", children: "Sessions" }),
       /* @__PURE__ */ jsx30("div", { className: "rb-mt-2 rb-tiles-grid", children: visibleSessions.map((s) => /* @__PURE__ */ jsx30("div", { className: "rb-tile", children: /* @__PURE__ */ jsx30(DateTimeTile, { startsAt: s.startsAt, endsAt: s.endsAt }) }, s.id)) }),
-      hasMoreSessions && /* @__PURE__ */ jsxs17("p", { className: "cd-sessions__more", children: [
+      hasMoreSessions && /* @__PURE__ */ jsxs18("p", { className: "cd-sessions__more", children: [
         "Showing ",
         visibleSessions.length,
         " of ",
@@ -31184,7 +31310,7 @@ function CourseDetailsView(props2) {
 }
 
 // ../blocks/src/system/runtime/nodes/course-details.server.tsx
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 function CourseDetailsSSR({
   courses,
   contentEntry,
@@ -31222,7 +31348,7 @@ function CourseDetailsSSR({
   const pastRuns = scopedWithRange.filter(({ range }) => Boolean(range.end && range.end <= now)).sort((a, b) => (b.range.end?.getTime() ?? 0) - (a.range.end?.getTime() ?? 0));
   const lastPastRun = pastRuns[0] ?? null;
   const nonPastRuns = scopedSorted.filter(({ range }) => !(range.end && range.end <= now));
-  return /* @__PURE__ */ jsxs18("div", { className: `course-details ${className ?? ""}`.trim(), "data-block": "course-details", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: `course-details ${className ?? ""}`.trim(), "data-block": "course-details", children: [
     selection.selected ? /* @__PURE__ */ jsx31(
       CourseDetailsView,
       {
@@ -31237,8 +31363,8 @@ function CourseDetailsSSR({
         showEnrollmentStatus,
         showMembershipNote
       }
-    ) : selection.scoped.length > 0 ? /* @__PURE__ */ jsxs18("div", { className: "rb-flex rb-flex-col rb-gap-3", children: [
-      /* @__PURE__ */ jsxs18("div", { children: [
+    ) : selection.scoped.length > 0 ? /* @__PURE__ */ jsxs19("div", { className: "rb-flex rb-flex-col rb-gap-3", children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
         /* @__PURE__ */ jsx31("div", { className: "rb-label rb-mb-2", children: "Upcoming runs" }),
         /* @__PURE__ */ jsx31("p", { className: "rb-caption status-muted", children: "Choose a run to see sessions and details." })
       ] }),
@@ -31247,15 +31373,15 @@ function CourseDetailsSSR({
         const end = range.end;
         const isInProgress = Boolean(start && end && start <= now && end > now);
         const href = basePath ? `${basePath.replace(/\/$/, "")}/${course.slug}` : null;
-        return /* @__PURE__ */ jsx31("li", { className: "rb-rounded-md rb-border rb-p-3", children: /* @__PURE__ */ jsx31("div", { className: "rb-flex rb-flex-col rb-gap-1", children: /* @__PURE__ */ jsxs18("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-3", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "rb-min-w-0", children: [
+        return /* @__PURE__ */ jsx31("li", { className: "rb-rounded-md rb-border rb-p-3", children: /* @__PURE__ */ jsx31("div", { className: "rb-flex rb-flex-col rb-gap-1", children: /* @__PURE__ */ jsxs19("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-3", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "rb-min-w-0", children: [
             href ? /* @__PURE__ */ jsx31("a", { href, className: "rb-truncate", children: /* @__PURE__ */ jsx31("strong", { children: course.title }) }) : /* @__PURE__ */ jsx31("div", { className: "rb-truncate", children: /* @__PURE__ */ jsx31("strong", { children: course.title }) }),
             /* @__PURE__ */ jsx31("div", { className: "rb-caption status-muted", children: formatCourseDateRange(range) })
           ] }),
           /* @__PURE__ */ jsx31("div", { className: "rb-caption status-muted rb-shrink-0", children: course.enrollmentOpen ? "Enrollment open" : isInProgress ? "Currently in progress" : "Enrollment closed" })
         ] }) }) }, course.id);
       }) }) : /* @__PURE__ */ jsx31("p", { className: "rb-caption status-muted", children: "No upcoming runs." }),
-      lastPastRun ? /* @__PURE__ */ jsxs18("div", { className: "rb-caption status-muted", children: [
+      lastPastRun ? /* @__PURE__ */ jsxs19("div", { className: "rb-caption status-muted", children: [
         "Last run: ",
         /* @__PURE__ */ jsx31("strong", { children: lastPastRun.course.title }),
         " (",
@@ -31283,14 +31409,14 @@ function CourseDetailsSSR({
 var course_details_server_default = CourseDetailsSSR;
 
 // ../blocks/src/system/runtime/nodes/events/EventSpotlight.tsx
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var EventSpotlight = ({
   events,
   layout = "grid",
   columns = "3",
   cardVariant = "default",
   buttonVariant = "primary",
-  buttonText = "View event",
+  buttonText = "Book now",
   ctaLabel,
   ctaUrl,
   showVenue = true,
@@ -31306,7 +31432,7 @@ var EventSpotlight = ({
   const containerClass = getContainerClass(layout, columns);
   const cardOrientation = getCardOrientation(layout);
   const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
-  return /* @__PURE__ */ jsxs19("div", { className: `event-spotlight-section ${className || ""}`, "data-block": "event-spotlight", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: `event-spotlight-section ${className || ""}`, "data-block": "event-spotlight", children: [
     /* @__PURE__ */ jsx32("div", { className: `event-spotlight ${containerClass}`, children: normalizedEvents.map((event) => /* @__PURE__ */ jsx32(
       EventCard,
       {
@@ -31444,7 +31570,7 @@ function buildEventCombinedDisplay(source) {
     showMap: source.showMap ?? true,
     showCapacity: source.showCapacity ?? true,
     buttonVariant: source.buttonVariant ?? "primary",
-    buttonText: source.buttonText ?? "View event",
+    buttonText: source.buttonText ?? "Book now",
     emptyMessage: source.emptyMessage ?? "No upcoming events scheduled."
   };
 }
@@ -31545,7 +31671,7 @@ function renderEventListItem(event, display) {
 }
 
 // ../blocks/src/system/runtime/nodes/events/EventCombined.server.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 var EventCombinedSSR = ({
   blockId,
   ...source
@@ -31554,7 +31680,7 @@ var EventCombinedSSR = ({
   const listDisplay = buildEventCombinedListingDisplay(render);
   const islandProps = buildEventCombinedInteractiveIslandProps(source);
   const ssrEmptyMessage = render.hydration.prefetchedEvents ? render.display.emptyMessage : listDisplay.loadingMessage;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: `event-combined ${render.display.className || ""}`,
@@ -31562,7 +31688,7 @@ var EventCombinedSSR = ({
       ...getIslandRootProps("event-combined", blockId),
       children: [
         /* @__PURE__ */ jsx34(IslandPropsScript, { value: islandProps }),
-        /* @__PURE__ */ jsxs20("div", { className: "nav-tabs", role: "tablist", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "nav-tabs", role: "tablist", children: [
           /* @__PURE__ */ jsx34(
             "button",
             {
@@ -31591,7 +31717,7 @@ var EventCombinedSSR = ({
 };
 
 // ../blocks/src/system/runtime/nodes/commerce/shared/view.tsx
-import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 function ProductBadgesView({ badges }) {
   if (badges.length === 0) return null;
   return /* @__PURE__ */ jsx35("div", { className: "rb-flex rb-flex-wrap rb-gap-2", children: badges.map((badge) => /* @__PURE__ */ jsx35(
@@ -31606,7 +31732,7 @@ function ProductBadgesView({ badges }) {
 function VariantSelectView(props2) {
   const { options, selectedVariantId, disabled = false, onChange } = props2;
   if (options.length === 0) return null;
-  return /* @__PURE__ */ jsxs21("label", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+  return /* @__PURE__ */ jsxs22("label", { className: "rb-flex rb-flex-col rb-gap-1", children: [
     /* @__PURE__ */ jsx35("span", { className: "rb-label", children: "Variant" }),
     /* @__PURE__ */ jsx35(
       "select",
@@ -31615,7 +31741,7 @@ function VariantSelectView(props2) {
         value: selectedVariantId ?? "",
         disabled,
         onChange: onChange ? (event) => onChange(event.target.value || null) : void 0,
-        children: options.map((variant) => /* @__PURE__ */ jsxs21("option", { value: variant.id, children: [
+        children: options.map((variant) => /* @__PURE__ */ jsxs22("option", { value: variant.id, children: [
           variant.label,
           " ",
           variant.soldOut ? "(Sold out)" : ""
@@ -31626,12 +31752,12 @@ function VariantSelectView(props2) {
 }
 function ProductCardView(props2) {
   const { display, layout, variantControl, actions, feedback } = props2;
-  return /* @__PURE__ */ jsxs21("article", { className: `rb-flex rb-gap-4 rb-rounded-2xl rb-border rb-p-4 ${layout === "list" ? "rb-flex-row" : "rb-flex-col"}`, children: [
+  return /* @__PURE__ */ jsxs22("article", { className: `rb-flex rb-gap-4 rb-rounded-2xl rb-border rb-p-4 ${layout === "list" ? "rb-flex-row" : "rb-flex-col"}`, children: [
     display.image ? /* @__PURE__ */ jsx35("a", { href: display.path ?? void 0, className: "rb-block rb-overflow-hidden rb-rounded-xl rb-border", children: /* @__PURE__ */ jsx35("img", { src: display.image.url, alt: display.image.alt ?? "", className: "rb-h-48 rb-w-full rb-object-cover" }) }) : null,
-    /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-1 rb-flex-col rb-gap-3", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-items-start rb-justify-between rb-gap-3", children: [
-          /* @__PURE__ */ jsxs21("div", { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-1 rb-flex-col rb-gap-3", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-items-start rb-justify-between rb-gap-3", children: [
+          /* @__PURE__ */ jsxs22("div", { children: [
             display.path ? /* @__PURE__ */ jsx35("a", { href: display.path, children: /* @__PURE__ */ jsx35("h3", { children: display.title }) }) : /* @__PURE__ */ jsx35("h3", { children: display.title }),
             display.summary ? /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.summary }) : null
           ] }),
@@ -31648,7 +31774,7 @@ function ProductCardView(props2) {
 }
 function ProductListSectionView(props2) {
   const { display, children } = props2;
-  return /* @__PURE__ */ jsxs21("div", { className: `shop shop--product-list ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: `shop shop--product-list ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
     display.heading ? /* @__PURE__ */ jsx35("h2", { children: display.heading }) : null,
     display.state === "empty" ? /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.emptyMessage }) : /* @__PURE__ */ jsx35(
       "div",
@@ -31665,18 +31791,18 @@ function ProductDetailView(props2) {
   if (display.state === "empty") {
     return /* @__PURE__ */ jsx35("div", { className: `shop shop--product-detail ${display.className ?? ""}`.trim(), "data-block": "shop", children: /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.emptyMessage }) });
   }
-  return /* @__PURE__ */ jsxs21("div", { className: `shop shop--product-detail rb-grid rb-gap-6 rb-md-grid-cols-2 ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: `shop shop--product-detail rb-grid rb-gap-6 rb-md-grid-cols-2 ${display.className ?? ""}`.trim(), "data-block": "shop", children: [
     /* @__PURE__ */ jsx35("div", { className: "rb-flex rb-flex-col rb-gap-4", children: gallery }),
-    /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
       display.heading ? /* @__PURE__ */ jsx35("p", { className: "rb-label", children: display.heading }) : null,
-      /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsxs22("div", { children: [
         /* @__PURE__ */ jsx35("h2", { children: display.title }),
         /* @__PURE__ */ jsx35("div", { className: "rb-mt-2", children: /* @__PURE__ */ jsx35("strong", { children: display.priceLabel }) })
       ] }),
       /* @__PURE__ */ jsx35(ProductBadgesView, { badges: display.badges }),
       display.summary ? /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.summary }) : null,
       variantControl,
-      /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-items-center rb-gap-3", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-items-center rb-gap-3", children: [
         actions,
         display.categoryLabel ? /* @__PURE__ */ jsx35("span", { className: "rb-caption status-muted", children: display.categoryLabel }) : null
       ] }),
@@ -31702,15 +31828,15 @@ function ProductGalleryFrameView(props2) {
   return /* @__PURE__ */ jsx35(Fragment4, { children: renderCarousel(slides) });
 }
 function PassCardView(props2) {
-  return /* @__PURE__ */ jsxs21("article", { className: "shop__card shop__card--pass", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "shop__card-header", children: [
+  return /* @__PURE__ */ jsxs22("article", { className: "shop__card shop__card--pass", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "shop__card-header", children: [
       /* @__PURE__ */ jsx35("h4", { className: "shop__card-name", children: props2.display.title }),
       /* @__PURE__ */ jsx35("div", { className: "shop__card-price", children: props2.display.priceLabel })
     ] }),
     props2.display.description ? /* @__PURE__ */ jsx35("p", { className: "shop__card-description", children: props2.display.description }) : null,
-    /* @__PURE__ */ jsxs21("div", { className: "shop__card-details", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "shop__card-details", children: [
       /* @__PURE__ */ jsx35("span", { className: "shop__card-credits", children: props2.display.creditsLabel }),
-      props2.display.perCreditLabel ? /* @__PURE__ */ jsxs21("span", { className: "shop__card-per-credit", children: [
+      props2.display.perCreditLabel ? /* @__PURE__ */ jsxs22("span", { className: "shop__card-per-credit", children: [
         "(",
         props2.display.perCreditLabel,
         ")"
@@ -31722,10 +31848,10 @@ function PassCardView(props2) {
   ] });
 }
 function MembershipCardView(props2) {
-  return /* @__PURE__ */ jsxs21("article", { className: "shop__card shop__card--membership", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "shop__card-header", children: [
+  return /* @__PURE__ */ jsxs22("article", { className: "shop__card shop__card--membership", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "shop__card-header", children: [
       /* @__PURE__ */ jsx35("h4", { className: "shop__card-name", children: props2.display.title }),
-      /* @__PURE__ */ jsxs21("div", { className: "shop__card-price", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "shop__card-price", children: [
         props2.display.priceLabel,
         /* @__PURE__ */ jsx35("span", { className: "shop__card-interval", children: props2.display.intervalLabel })
       ] })
@@ -31739,7 +31865,7 @@ function PassesMembershipsSectionView(props2) {
   const { display, beforeContent, passCards, membershipCards } = props2;
   const productsClass = `shop__products shop__products--${display.layout}`;
   const gridStyle = display.state === "ready" ? { "--shop-columns": display.columns } : void 0;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: `shop ${display.state === "ready" ? `shop--${display.layout}` : "shop--empty"} ${display.className ?? ""}`.trim(),
@@ -31749,11 +31875,11 @@ function PassesMembershipsSectionView(props2) {
       children: [
         beforeContent,
         display.state === "empty" ? /* @__PURE__ */ jsx35("p", { className: "shop__empty-text", children: display.emptyMessage }) : null,
-        display.passes.length > 0 ? /* @__PURE__ */ jsxs21("section", { className: "shop__section shop__section--passes", children: [
+        display.passes.length > 0 ? /* @__PURE__ */ jsxs22("section", { className: "shop__section shop__section--passes", children: [
           /* @__PURE__ */ jsx35("h3", { className: "shop__section-heading", children: display.passesHeading }),
           /* @__PURE__ */ jsx35("div", { className: productsClass, children: passCards })
         ] }) : null,
-        display.memberships.length > 0 ? /* @__PURE__ */ jsxs21("section", { className: "shop__section shop__section--memberships", children: [
+        display.memberships.length > 0 ? /* @__PURE__ */ jsxs22("section", { className: "shop__section shop__section--memberships", children: [
           /* @__PURE__ */ jsx35("h3", { className: "shop__section-heading", children: display.membershipsHeading }),
           /* @__PURE__ */ jsx35("div", { className: productsClass, children: membershipCards })
         ] }) : null
@@ -31763,21 +31889,21 @@ function PassesMembershipsSectionView(props2) {
 }
 function CartShellView(props2) {
   const { display, renderControls, footerActions } = props2;
-  return /* @__PURE__ */ jsxs21("div", { className: `shop shop--cart ${display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-cart", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: `shop shop--cart ${display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-cart", children: [
     display.heading ? /* @__PURE__ */ jsx35("h2", { children: display.heading }) : null,
-    display.state === "empty" ? /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
+    display.state === "empty" ? /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-col rb-gap-2", children: [
       /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.emptyMessage }),
       display.supportText ? /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: display.supportText }) : null
-    ] }) : /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
-      /* @__PURE__ */ jsx35("div", { className: "rb-flex rb-flex-col rb-gap-3", children: display.items.map((item) => /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4 rb-rounded-xl rb-border rb-p-4", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-flex-col rb-gap-1", children: [
+    ] }) : /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-col rb-gap-4", children: [
+      /* @__PURE__ */ jsx35("div", { className: "rb-flex rb-flex-col rb-gap-3", children: display.items.map((item) => /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4 rb-rounded-xl rb-border rb-p-4", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-flex-col rb-gap-1", children: [
           /* @__PURE__ */ jsx35("strong", { children: item.title }),
           /* @__PURE__ */ jsx35("span", { className: "rb-caption status-muted", children: item.priceLabel })
         ] }),
         /* @__PURE__ */ jsx35("div", { className: "rb-flex rb-items-center rb-gap-2", children: renderControls ? renderControls(item) : null })
       ] }, item.key)) }),
-      /* @__PURE__ */ jsxs21("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4", children: [
-        /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsxs22("div", { className: "rb-flex rb-items-center rb-justify-between rb-gap-4", children: [
+        /* @__PURE__ */ jsxs22("div", { children: [
           /* @__PURE__ */ jsx35("strong", { children: "Subtotal" }),
           /* @__PURE__ */ jsx35("div", { children: display.subtotalLabel })
         ] }),
@@ -31787,7 +31913,7 @@ function CartShellView(props2) {
   ] });
 }
 function CheckoutShellView(props2) {
-  return /* @__PURE__ */ jsxs21("div", { className: `shop shop--checkout ${props2.display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-checkout", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: `shop shop--checkout ${props2.display.className ?? ""}`.trim(), "data-block": "shop", id: "shop-checkout", children: [
     props2.display.heading ? /* @__PURE__ */ jsx35("h2", { children: props2.display.heading }) : null,
     props2.notice,
     props2.display.state === "ready" ? props2.body : /* @__PURE__ */ jsx35("p", { className: "rb-caption status-muted", children: props2.display.message })
@@ -31795,9 +31921,9 @@ function CheckoutShellView(props2) {
 }
 
 // ../blocks/src/system/runtime/nodes/shop-commerce.server.tsx
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function renderServerPendingAction(label, soldOut) {
-  return /* @__PURE__ */ jsxs22(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
     /* @__PURE__ */ jsx36(
       "button",
       {
@@ -31825,7 +31951,7 @@ function ProductListServerContent(props2) {
           disabled: true
         }
       ),
-      actions: /* @__PURE__ */ jsxs22(Fragment5, { children: [
+      actions: /* @__PURE__ */ jsxs23(Fragment5, { children: [
         renderServerPendingAction(card.actionLabel, card.soldOut),
         card.path ? /* @__PURE__ */ jsx36(
           "a",
@@ -31876,7 +32002,7 @@ function CheckoutServerContent(props2) {
 }
 
 // ../blocks/src/system/runtime/nodes/cart.server.tsx
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
 function CartSSR({
   blockId,
   siteId,
@@ -31891,7 +32017,7 @@ function CartSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -31911,7 +32037,7 @@ function CartSSR({
 var cart_server_default = CartSSR;
 
 // ../blocks/src/system/runtime/nodes/checkout.server.tsx
-import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
 function CheckoutSSR({
   blockId,
   siteId,
@@ -31926,7 +32052,7 @@ function CheckoutSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -31946,7 +32072,7 @@ function CheckoutSSR({
 var checkout_server_default = CheckoutSSR;
 
 // ../blocks/src/system/runtime/nodes/course-registration.server.tsx
-import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
 function CourseRegistrationSSR({
   blockId,
   siteId,
@@ -31987,7 +32113,7 @@ function CourseRegistrationSSR({
     buttonVariant,
     stage
   });
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: `course-registration ${className ?? ""}`.trim(),
@@ -32004,14 +32130,14 @@ function CourseRegistrationSSR({
 var course_registration_server_default = CourseRegistrationSSR;
 
 // ../blocks/src/system/runtime/nodes/gifting.server.tsx
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
 function GiftingSSR({ blockId, ...rest }) {
   const islandProps = buildGiftingInteractiveIslandProps(rest);
   const offers = islandProps.render.hydration.offers;
   const hasOffers = Boolean(
     (offers?.giftCards.length ?? 0) > 0 || (offers?.vouchers.length ?? 0) > 0
   );
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "section",
     {
       className: rest.className ?? void 0,
@@ -32022,7 +32148,7 @@ function GiftingSSR({ blockId, ...rest }) {
       ...getIslandRootProps("gifting", blockId),
       children: [
         /* @__PURE__ */ jsx40(IslandPropsScript, { value: islandProps }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "div",
           {
             className: "rb-grid",
@@ -32030,14 +32156,14 @@ function GiftingSSR({ blockId, ...rest }) {
               gap: "1.5rem"
             },
             children: [
-              /* @__PURE__ */ jsxs26("div", { className: "rb-grid", style: { gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsxs27("div", { className: "rb-grid", style: { gap: "0.5rem" }, children: [
                 /* @__PURE__ */ jsx40("h2", { style: { fontSize: "clamp(1.75rem, 3vw, 2.5rem)", fontWeight: 700, margin: 0 }, children: islandProps.render.display.heading }),
                 islandProps.render.display.intro ? /* @__PURE__ */ jsx40("p", { style: { margin: 0, color: "rgb(var(--tb-text, 17 24 39) / 0.72)" }, children: islandProps.render.display.intro }) : null
               ] }),
-              hasOffers ? /* @__PURE__ */ jsxs26("div", { className: "rb-grid", style: { gap: "1.5rem" }, children: [
-                (offers?.giftCards.length ?? 0) > 0 ? /* @__PURE__ */ jsxs26("div", { className: "rb-grid", style: { gap: "1rem" }, children: [
+              hasOffers ? /* @__PURE__ */ jsxs27("div", { className: "rb-grid", style: { gap: "1.5rem" }, children: [
+                (offers?.giftCards.length ?? 0) > 0 ? /* @__PURE__ */ jsxs27("div", { className: "rb-grid", style: { gap: "1rem" }, children: [
                   /* @__PURE__ */ jsx40("h3", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 700 }, children: islandProps.render.display.giftCardsHeading }),
-                  /* @__PURE__ */ jsx40("div", { className: "rb-grid", style: { gap: "1rem" }, children: offers?.giftCards.map((offer) => /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsx40("div", { className: "rb-grid", style: { gap: "1rem" }, children: offers?.giftCards.map((offer) => /* @__PURE__ */ jsxs27(
                     "article",
                     {
                       style: {
@@ -32054,9 +32180,9 @@ function GiftingSSR({ blockId, ...rest }) {
                     offer.id
                   )) })
                 ] }) : null,
-                (offers?.vouchers.length ?? 0) > 0 ? /* @__PURE__ */ jsxs26("div", { className: "rb-grid", style: { gap: "1rem" }, children: [
+                (offers?.vouchers.length ?? 0) > 0 ? /* @__PURE__ */ jsxs27("div", { className: "rb-grid", style: { gap: "1rem" }, children: [
                   /* @__PURE__ */ jsx40("h3", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 700 }, children: islandProps.render.display.vouchersHeading }),
-                  /* @__PURE__ */ jsx40("div", { className: "rb-grid", style: { gap: "1rem" }, children: offers?.vouchers.map((offer) => /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsx40("div", { className: "rb-grid", style: { gap: "1rem" }, children: offers?.vouchers.map((offer) => /* @__PURE__ */ jsxs27(
                     "article",
                     {
                       style: {
@@ -32084,10 +32210,10 @@ function GiftingSSR({ blockId, ...rest }) {
 var gifting_server_default = GiftingSSR;
 
 // ../blocks/src/system/runtime/nodes/events/EventListing.view.tsx
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
 function EventListingFrameView(props2) {
   const { display, filters, emptyState: emptyState4, footer, renderEventCard: renderEventCard2 } = props2;
-  return /* @__PURE__ */ jsxs27("div", { className: `event-listing ${display.className ?? ""}`, "data-block": "event-listing", children: [
+  return /* @__PURE__ */ jsxs28("div", { className: `event-listing ${display.className ?? ""}`, "data-block": "event-listing", children: [
     filters,
     display.state === "loading" ? /* @__PURE__ */ jsx41(EmptyState, { message: display.loadingMessage }) : display.state === "empty" ? emptyState4 ?? /* @__PURE__ */ jsx41(EmptyState, { message: display.emptyMessage }) : /* @__PURE__ */ jsx41("div", { className: display.containerClass, children: display.events.map((event) => renderEventCard2(event)) }),
     footer
@@ -32166,7 +32292,7 @@ function formatShortDayLabel(date) {
 }
 
 // ../blocks/src/system/runtime/nodes/events/EventCalendar.server.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
 function assertNeverDisplayMode(value) {
   throw new Error(`Unsupported event-calendar displayMode: ${String(value)}`);
 }
@@ -32178,8 +32304,8 @@ function renderEventCard(event, display) {
 }
 function renderCombinedSsr(display, prefetchedEvents) {
   const listDisplay = buildEventCalendarListingDisplay(display, prefetchedEvents, "event-combined-content");
-  return /* @__PURE__ */ jsxs28("div", { className: clsx_default("event-combined", display.className ?? void 0), "data-block": "event-combined", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "nav-tabs", role: "tablist", children: [
+  return /* @__PURE__ */ jsxs29("div", { className: clsx_default("event-combined", display.className ?? void 0), "data-block": "event-combined", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "nav-tabs", role: "tablist", children: [
       /* @__PURE__ */ jsx42(
         "button",
         {
@@ -32227,9 +32353,9 @@ function renderCalendarGrid(display) {
   const eventsByDate = groupEventsByDate([...display.events]);
   const dayNames = getOrderedDayNames(display.startOfWeek);
   const headerTitle = formatCalendarTitle(viewDate, calendarView, calendarDays);
-  return /* @__PURE__ */ jsxs28("div", { className: clsx_default("event-calendar", display.className ?? void 0), "data-block": "event-calendar", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "event-calendar-header", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "event-calendar-nav", children: [
+  return /* @__PURE__ */ jsxs29("div", { className: clsx_default("event-calendar", display.className ?? void 0), "data-block": "event-calendar", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "event-calendar-header", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "event-calendar-nav", children: [
         /* @__PURE__ */ jsx42(
           "button",
           {
@@ -32262,7 +32388,7 @@ function renderCalendarGrid(display) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "event-calendar-container", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "event-calendar-container", children: [
       /* @__PURE__ */ jsx42("div", { className: "event-calendar-day-headers", children: dayNames.map((day) => /* @__PURE__ */ jsx42("div", { className: "event-calendar-day-header", children: day }, day)) }),
       /* @__PURE__ */ jsx42("div", { className: "event-calendar-grid", children: calendarDays.map((date) => {
         const dateKey = formatDateKey2(date);
@@ -32274,10 +32400,10 @@ function renderCalendarGrid(display) {
           !isCurrentMonth && "event-calendar-day--other-month",
           today && "event-calendar-day--today"
         );
-        return /* @__PURE__ */ jsxs28("div", { className: dayClasses, children: [
+        return /* @__PURE__ */ jsxs29("div", { className: dayClasses, children: [
           /* @__PURE__ */ jsx42("div", { className: "event-calendar-day-number", children: date.getDate() }),
-          /* @__PURE__ */ jsxs28("div", { className: "event-calendar-events", children: [
-            dayEvents.slice(0, MAX_EVENTS_PER_DAY).map((event) => /* @__PURE__ */ jsxs28(
+          /* @__PURE__ */ jsxs29("div", { className: "event-calendar-events", children: [
+            dayEvents.slice(0, MAX_EVENTS_PER_DAY).map((event) => /* @__PURE__ */ jsxs29(
               "a",
               {
                 href: event.path,
@@ -32291,7 +32417,7 @@ function renderCalendarGrid(display) {
               },
               event.occurrenceId || event.id
             )),
-            dayEvents.length > MAX_EVENTS_PER_DAY ? /* @__PURE__ */ jsxs28("div", { className: "event-calendar-more", children: [
+            dayEvents.length > MAX_EVENTS_PER_DAY ? /* @__PURE__ */ jsxs29("div", { className: "event-calendar-more", children: [
               "+",
               dayEvents.length - MAX_EVENTS_PER_DAY,
               " more"
@@ -32313,9 +32439,9 @@ function renderTimetableSsr(display) {
   const calendarDays = getWeekCalendarDays(viewDate, display.startOfWeek);
   const headerTitle = formatCalendarTitle(viewDate, "week", calendarDays);
   const selectedDayKey = model.days.find((day) => day.isToday)?.dateKey ?? model.days[0]?.dateKey ?? "";
-  return /* @__PURE__ */ jsxs28("div", { className: clsx_default("event-calendar", "event-calendar--timetable", display.className ?? void 0), "data-block": "event-calendar", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "event-calendar-header", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "event-calendar-nav", children: [
+  return /* @__PURE__ */ jsxs29("div", { className: clsx_default("event-calendar", "event-calendar--timetable", display.className ?? void 0), "data-block": "event-calendar", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "event-calendar-header", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "event-calendar-nav", children: [
         /* @__PURE__ */ jsx42(
           "button",
           {
@@ -32348,7 +32474,7 @@ function renderTimetableSsr(display) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "event-timetable", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "event-timetable", children: [
       /* @__PURE__ */ jsx42("div", { className: "event-timetable-day-selector", "aria-label": "Choose timetable day", children: model.days.map((day) => /* @__PURE__ */ jsx42(
         "button",
         {
@@ -32361,8 +32487,8 @@ function renderTimetableSsr(display) {
         },
         day.dateKey
       )) }),
-      /* @__PURE__ */ jsx42("div", { className: "event-timetable-container", children: /* @__PURE__ */ jsxs28("div", { className: "event-timetable-grid", "aria-label": "Weekly timetable", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "event-timetable-time-rail", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx42("div", { className: "event-timetable-container", children: /* @__PURE__ */ jsxs29("div", { className: "event-timetable-grid", "aria-label": "Weekly timetable", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "event-timetable-time-rail", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx42("div", { className: "event-timetable-day-heading" }),
           /* @__PURE__ */ jsx42("div", { className: "event-timetable-time-body", children: model.hourTicks.map((hour) => /* @__PURE__ */ jsx42(
             "div",
@@ -32374,7 +32500,7 @@ function renderTimetableSsr(display) {
             hour
           )) })
         ] }),
-        model.days.map((day) => /* @__PURE__ */ jsxs28(
+        model.days.map((day) => /* @__PURE__ */ jsxs29(
           "section",
           {
             className: clsx_default(
@@ -32383,11 +32509,11 @@ function renderTimetableSsr(display) {
             ),
             "data-selected": day.dateKey === selectedDayKey ? "true" : "false",
             children: [
-              /* @__PURE__ */ jsxs28("h4", { className: "event-timetable-day-heading", children: [
+              /* @__PURE__ */ jsxs29("h4", { className: "event-timetable-day-heading", children: [
                 day.label,
                 day.isToday ? /* @__PURE__ */ jsx42("span", { className: "event-timetable-today-badge", children: "Today" }) : null
               ] }),
-              /* @__PURE__ */ jsxs28(
+              /* @__PURE__ */ jsxs29(
                 "div",
                 {
                   className: "event-timetable-day-body",
@@ -32402,7 +32528,7 @@ function renderTimetableSsr(display) {
                       },
                       hour
                     )),
-                    day.events.length === 0 ? /* @__PURE__ */ jsx42("p", { className: "event-timetable-day-empty", children: "No classes" }) : day.events.map((cell) => /* @__PURE__ */ jsxs28(
+                    day.events.length === 0 ? /* @__PURE__ */ jsx42("p", { className: "event-timetable-day-empty", children: "No classes" }) : day.events.map((cell) => /* @__PURE__ */ jsxs29(
                       "a",
                       {
                         href: cell.event.path,
@@ -32479,18 +32605,18 @@ var EventCalendarSSR = (props2) => {
     default:
       content = assertNeverDisplayMode(display.displayMode);
   }
-  return /* @__PURE__ */ jsxs28("div", { ...getIslandRootProps("event-calendar", props2.blockId), children: [
+  return /* @__PURE__ */ jsxs29("div", { ...getIslandRootProps("event-calendar", props2.blockId), children: [
     /* @__PURE__ */ jsx42(IslandPropsScript, { value: islandProps }),
     content
   ] });
 };
 
 // ../blocks/src/system/runtime/nodes/events/EventListing.server.tsx
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 var EventListingSSR = (props2) => {
   const islandProps = buildEventListingInteractiveIslandProps(props2);
   const display = islandProps.render.display;
-  return /* @__PURE__ */ jsxs29("div", { ...getIslandRootProps("event-listing", props2.blockId), children: [
+  return /* @__PURE__ */ jsxs30("div", { ...getIslandRootProps("event-listing", props2.blockId), children: [
     /* @__PURE__ */ jsx43(IslandPropsScript, { value: islandProps }),
     /* @__PURE__ */ jsx43(
       EventListingFrameView,
@@ -32503,7 +32629,7 @@ var EventListingSSR = (props2) => {
 };
 
 // ../blocks/src/system/runtime/nodes/event-registration.server.tsx
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 function EventRegistrationSSR({
   blockId,
   siteId,
@@ -32544,7 +32670,7 @@ function EventRegistrationSSR({
     stage,
     supportEmail
   });
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: `event-registration ${className ?? ""}`.trim(),
@@ -32560,7 +32686,7 @@ function EventRegistrationSSR({
 var event_registration_server_default = EventRegistrationSSR;
 
 // ../blocks/src/system/runtime/shared/components/FeedbackMessage.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
 function joinClasses5(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
@@ -32576,7 +32702,7 @@ function FeedbackMessage({
 }) {
   const resolvedLive = live ?? (role === "alert" ? "assertive" : "polite");
   const shouldWrapBody = Boolean(title || bodyClassName);
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className,
@@ -32592,7 +32718,7 @@ function FeedbackMessage({
 }
 
 // ../blocks/src/system/runtime/nodes/form.server.tsx
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
 var FormNodeSSR = ({
   blockId,
   value,
@@ -32617,7 +32743,7 @@ var FormNodeSSR = ({
   const display = islandProps.render.display;
   const form2 = display.form;
   if (!form2) {
-    return /* @__PURE__ */ jsxs32("div", { ...getIslandRootProps("form", blockId), children: [
+    return /* @__PURE__ */ jsxs33("div", { ...getIslandRootProps("form", blockId), children: [
       /* @__PURE__ */ jsx46(IslandPropsScript, { value: islandProps }),
       /* @__PURE__ */ jsx46(FeedbackMessage, { tone: "warning", className: clsx_default("fb-empty", className), role: "status", children: "Missing or unknown form." })
     ] });
@@ -32629,7 +32755,7 @@ var FormNodeSSR = ({
     const required = Boolean(field.required);
     const type = String(field.type ?? "text");
     if (type === "textarea") {
-      return /* @__PURE__ */ jsxs32("div", { className: "fb-field", children: [
+      return /* @__PURE__ */ jsxs33("div", { className: "fb-field", children: [
         /* @__PURE__ */ jsx46("label", { htmlFor: inputId, className: "form-label", children: label }),
         /* @__PURE__ */ jsx46(
           "textarea",
@@ -32647,9 +32773,9 @@ var FormNodeSSR = ({
     if (type === "select") {
       const options = field.options ?? [];
       const multiple = Boolean(field.multiple);
-      return /* @__PURE__ */ jsxs32("div", { className: "fb-field", children: [
+      return /* @__PURE__ */ jsxs33("div", { className: "fb-field", children: [
         /* @__PURE__ */ jsx46("label", { htmlFor: inputId, className: "form-label", children: label }),
-        /* @__PURE__ */ jsxs32("select", { id: inputId, name: field.id, multiple, required, className: "form-select", children: [
+        /* @__PURE__ */ jsxs33("select", { id: inputId, name: field.id, multiple, required, className: "form-select", children: [
           !multiple && /* @__PURE__ */ jsx46("option", { value: "", children: "Select\u2026" }),
           options.map((opt) => /* @__PURE__ */ jsx46("option", { value: opt.value, children: opt.label }, opt.value))
         ] })
@@ -32657,9 +32783,9 @@ var FormNodeSSR = ({
     }
     if (type === "radio") {
       const options = field.options ?? [];
-      return /* @__PURE__ */ jsxs32("fieldset", { className: "fb-fieldset", children: [
+      return /* @__PURE__ */ jsxs33("fieldset", { className: "fb-fieldset", children: [
         /* @__PURE__ */ jsx46("legend", { className: "form-label", children: label }),
-        options.map((opt) => /* @__PURE__ */ jsxs32("label", { className: "fb-inline form-label", children: [
+        options.map((opt) => /* @__PURE__ */ jsxs33("label", { className: "fb-inline form-label", children: [
           /* @__PURE__ */ jsx46(
             "input",
             {
@@ -32675,7 +32801,7 @@ var FormNodeSSR = ({
       ] }, field.id);
     }
     if (type === "checkbox" || type === "consent") {
-      return /* @__PURE__ */ jsxs32("label", { className: "fb-inline form-label", children: [
+      return /* @__PURE__ */ jsxs33("label", { className: "fb-inline form-label", children: [
         /* @__PURE__ */ jsx46("input", { type: "checkbox", name: field.id, required, className: "form-checkbox" }),
         /* @__PURE__ */ jsx46("span", { children: label })
       ] }, field.id);
@@ -32691,7 +32817,7 @@ var FormNodeSSR = ({
       if (typeof field.min === "number") extra.min = field.min;
       if (typeof field.max === "number") extra.max = field.max;
     }
-    return /* @__PURE__ */ jsxs32("div", { className: "fb-field", children: [
+    return /* @__PURE__ */ jsxs33("div", { className: "fb-field", children: [
       /* @__PURE__ */ jsx46("label", { htmlFor: inputId, className: "form-label", children: label }),
       /* @__PURE__ */ jsx46(
         "input",
@@ -32707,9 +32833,9 @@ var FormNodeSSR = ({
       )
     ] }, field.id);
   };
-  return /* @__PURE__ */ jsxs32("div", { ...getIslandRootProps("form", blockId), children: [
+  return /* @__PURE__ */ jsxs33("div", { ...getIslandRootProps("form", blockId), children: [
     /* @__PURE__ */ jsx46(IslandPropsScript, { value: islandProps }),
-    /* @__PURE__ */ jsxs32(
+    /* @__PURE__ */ jsxs33(
       "form",
       {
         method: "POST",
@@ -32744,7 +32870,7 @@ var FormNodeSSR = ({
 };
 
 // ../blocks/src/system/runtime/nodes/newsletter-form.server.tsx
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
 function NewsletterFormSSR({
   blockId,
   siteId,
@@ -32776,8 +32902,8 @@ function NewsletterFormSSR({
   const fields3 = display.fields;
   const renderField = (field) => {
     const inputId = `newsletter_${field.id}`;
-    return /* @__PURE__ */ jsxs33("div", { className: "fb-field newsletter-field", children: [
-      /* @__PURE__ */ jsxs33("label", { htmlFor: inputId, className: "form-label", children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "fb-field newsletter-field", children: [
+      /* @__PURE__ */ jsxs34("label", { htmlFor: inputId, className: "form-label", children: [
         field.label,
         field.required && /* @__PURE__ */ jsx47("span", { className: "newsletter-required", "aria-hidden": "true", children: "*" })
       ] }),
@@ -32795,14 +32921,14 @@ function NewsletterFormSSR({
       )
     ] }, field.id);
   };
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ...getIslandRootProps("newsletter-form", blockId),
       className: clsx_default("newsletter-form-ssr", className),
       children: [
         /* @__PURE__ */ jsx47(IslandPropsScript, { value: islandProps }),
-        /* @__PURE__ */ jsxs33("form", { method: "POST", className: "newsletter-form fb-form", children: [
+        /* @__PURE__ */ jsxs34("form", { method: "POST", className: "newsletter-form fb-form", children: [
           /* @__PURE__ */ jsx47(
             "input",
             {
@@ -32814,7 +32940,7 @@ function NewsletterFormSSR({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs33("div", { className: "newsletter-form-fields", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "newsletter-form-fields", children: [
             fields3.map(renderField),
             /* @__PURE__ */ jsx47("div", { className: "newsletter-submit", children: /* @__PURE__ */ jsx47(
               "button",
@@ -32834,7 +32960,7 @@ function NewsletterFormSSR({
 var newsletter_form_server_default = NewsletterFormSSR;
 
 // ../blocks/src/system/runtime/nodes/product-detail.server.tsx
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
 function ProductDetailSSR({
   blockId,
   siteId,
@@ -32849,7 +32975,7 @@ function ProductDetailSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -32869,7 +32995,7 @@ function ProductDetailSSR({
 var product_detail_server_default = ProductDetailSSR;
 
 // ../blocks/src/system/runtime/nodes/product-list.server.tsx
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function ProductListSSR({
   blockId,
   siteId,
@@ -32884,7 +33010,7 @@ function ProductListSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -32904,7 +33030,7 @@ function ProductListSSR({
 var product_list_server_default = ProductListSSR;
 
 // ../blocks/src/system/runtime/nodes/shop.server.tsx
-import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 function ShopSSR({
   blockId,
   siteId,
@@ -32921,7 +33047,7 @@ function ShopSSR({
     ...rest
   });
   const render = islandProps.render;
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -46666,6 +46792,11 @@ var containerResponsiveThemeCss = `/*
  * Dense row layout for event-calendar compact list mode
  * ============================================================================= */
 
+:where(.theme-scope) .event-listing-compact-container {
+  width: min(100%, 56rem);
+  margin-inline: auto;
+}
+
 :where(.theme-scope) .event-compact-row {
   display: flex;
   align-items: center;
@@ -46791,7 +46922,7 @@ var containerResponsiveThemeCss = `/*
 }`;
 
 // ../theme-core/src/ThemeScopeCore.tsx
-import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
 function ThemeScopeCore({
   cssVars,
   buttonCss,
@@ -46823,7 +46954,7 @@ function ThemeScopeCore({
     containerType: "inline-size",
     containerName: responsiveScope.containerName
   } : cssVars;
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "div",
     {
       className: className ? `theme-scope ${className}` : "theme-scope",
@@ -47041,10 +47172,10 @@ function resolveFooterRenderPlan(params) {
 
 // ../theme-core/src/ThemeFontLoader.tsx
 import * as React7 from "react";
-import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // ../theme-core/src/siteChrome.tsx
-import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
 
 // ../theme-core/src/runtime/buildThemeRuntimeFromBridge.ts
 import { z as z64 } from "zod";
@@ -47078,10 +47209,10 @@ var themeBridgeConfigSchema = z64.object({
 }).passthrough();
 
 // ../theme-core/src/mock-themes/components/swatch.tsx
-import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
 
 // ../theme-core/src/mock-themes/components/PaletteCard.tsx
-import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
 
 // src/rendering/blocks-theme-runtime.ts
 var AXES_TONE_OPTIONS = ["minimal", "classic", "bold"];
@@ -47685,7 +47816,7 @@ function buildLogo(logo, fallbackAlt) {
 }
 
 // src/rendering/components/Layout.tsx
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
 async function Layout({
   siteData: providedSiteData,
   client,
@@ -47820,14 +47951,14 @@ async function Layout({
       themeConfig: blocksTheme,
       viewModelOverrides
     }) : null;
-    footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs42(Fragment9, { children: [
+    footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs43(Fragment9, { children: [
       footerBlocksElement,
       defaultFooterElement
     ] }) : footerPlan.mode === "blocks" ? footerBlocksElement : footerPlan.mode === "none" ? null : defaultFooterElement;
   } else if (typeof footer === "function") {
     footerElement = footer(footerData);
   }
-  const content = /* @__PURE__ */ jsxs42(Fragment9, { children: [
+  const content = /* @__PURE__ */ jsxs43(Fragment9, { children: [
     headerElement,
     children,
     footerElement
@@ -49417,6 +49548,18 @@ var TAG_TEMPLATES = {
   siteForms: "riverbank:site:{siteId}:forms",
   formById: "riverbank:form:{formId}",
   formSubmissionsBySlug: "riverbank:form-submissions:{slug}",
+  // Public data loaders
+  publicEvents: "riverbank:site:{siteId}:public-events",
+  publicEventFilters: "riverbank:site:{siteId}:public-event-filters",
+  publicCourses: "riverbank:site:{siteId}:public-courses",
+  publicTeamMembers: "riverbank:site:{siteId}:public-team-members",
+  publicProducts: "riverbank:site:{siteId}:public-products",
+  publicPasses: "riverbank:site:{siteId}:public-passes",
+  publicMemberships: "riverbank:site:{siteId}:public-memberships",
+  publicGifting: "riverbank:site:{siteId}:public-gifting",
+  publicShop: "riverbank:site:{siteId}:public-shop",
+  publicCheckout: "riverbank:site:{siteId}:public-checkout",
+  publicBookingServices: "riverbank:site:{siteId}:public-booking-services",
   // Navigation
   siteNavigation: "riverbank:site:{siteId}:navigation",
   navigationMenuById: "riverbank:navigation-menu:{menuId}",
@@ -53103,7 +53246,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/events",
     method: "GET",
     revalidate: 60,
-    tags: ["public-events-{siteId}"],
+    tags: [TAG_TEMPLATES.publicEvents],
     auth: "public",
     responseKind: "json"
   },
@@ -53112,7 +53255,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/events/filters",
     method: "GET",
     revalidate: 60,
-    tags: ["public-event-filters-{siteId}"],
+    tags: [TAG_TEMPLATES.publicEventFilters],
     auth: "public",
     responseKind: "json"
   },
@@ -53121,7 +53264,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/courses",
     method: "GET",
     revalidate: 60,
-    tags: ["public-courses-{siteId}"],
+    tags: [TAG_TEMPLATES.publicCourses],
     auth: "public",
     responseKind: "json"
   },
@@ -53129,7 +53272,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/team-members",
     method: "GET",
     revalidate: 60,
-    tags: ["public-team-members-{siteId}"],
+    tags: [TAG_TEMPLATES.publicTeamMembers],
     errors: [],
     auth: "public",
     responseKind: "json"
@@ -53138,21 +53281,21 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/courses/{courseId}",
     method: "GET",
     revalidate: 60,
-    tags: ["public-courses-{siteId}"],
+    tags: [TAG_TEMPLATES.publicCourses],
     auth: "public",
     responseKind: "json"
   },
   enrollInCourse: {
     path: "/public/sites/{siteId}/courses/enroll",
     method: "POST",
-    tags: ["public-courses-{siteId}", "course-enrollment"],
+    tags: [TAG_TEMPLATES.publicCourses, "course-enrollment"],
     auth: "public",
     responseKind: "json"
   },
   checkCourseEligibility: {
     path: "/public/sites/{siteId}/courses/check-eligibility",
     method: "POST",
-    tags: ["public-courses-{siteId}", "course-enrollment"],
+    tags: [TAG_TEMPLATES.publicCourses, "course-enrollment"],
     auth: "public",
     responseKind: "json"
   },
@@ -53160,8 +53303,8 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/waitlists/claim/resolve",
     method: "POST",
     tags: [
-      "public-courses-{siteId}",
-      "public-events-{siteId}",
+      TAG_TEMPLATES.publicCourses,
+      TAG_TEMPLATES.publicEvents,
       "waitlist-claims"
     ],
     auth: "public",
@@ -53176,7 +53319,7 @@ var ENDPOINT_DEFINITIONS = {
   createCourseCheckout: {
     path: "/public/sites/{siteId}/courses/checkout",
     method: "POST",
-    tags: ["public-courses-{siteId}", "course-checkout"],
+    tags: [TAG_TEMPLATES.publicCourses, "course-checkout"],
     auth: "public",
     responseKind: "json",
     errors: [
@@ -53190,7 +53333,7 @@ var ENDPOINT_DEFINITIONS = {
   getCourseRegistrationStatus: {
     path: "/public/sites/{siteId}/courses/registration-status",
     method: "GET",
-    tags: ["public-courses-{siteId}", "course-checkout"],
+    tags: [TAG_TEMPLATES.publicCourses, "course-checkout"],
     auth: "public",
     responseKind: "json"
   },
@@ -53199,7 +53342,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/bookings/products/passes",
     method: "GET",
     revalidate: 300,
-    tags: ["public-passes-{siteId}"],
+    tags: [TAG_TEMPLATES.publicPasses],
     auth: "public",
     responseKind: "json"
   },
@@ -53208,7 +53351,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/bookings/products/memberships",
     method: "GET",
     revalidate: 300,
-    tags: ["public-memberships-{siteId}"],
+    tags: [TAG_TEMPLATES.publicMemberships],
     auth: "public",
     responseKind: "json"
   },
@@ -53217,7 +53360,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/products",
     method: "GET",
     revalidate: 300,
-    tags: ["public-products-{siteId}"],
+    tags: [TAG_TEMPLATES.publicProducts],
     errors: [],
     auth: "public",
     responseKind: "json"
@@ -53226,7 +53369,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/gifting/offers",
     method: "GET",
     revalidate: 300,
-    tags: ["public-gifting-{siteId}"],
+    tags: [TAG_TEMPLATES.publicGifting],
     errors: [],
     auth: "public",
     responseKind: "json"
@@ -53234,7 +53377,7 @@ var ENDPOINT_DEFINITIONS = {
   createPublicGiftingCheckout: {
     path: "/public/sites/{siteId}/gifting/checkout",
     method: "POST",
-    tags: ["public-gifting-{siteId}"],
+    tags: [TAG_TEMPLATES.publicGifting],
     errors: [],
     auth: "public",
     responseKind: "json"
@@ -53242,7 +53385,7 @@ var ENDPOINT_DEFINITIONS = {
   claimGiftCardPublic: {
     path: "/public/sites/{siteId}/gifting/claim",
     method: "POST",
-    tags: ["public-gifting-{siteId}"],
+    tags: [TAG_TEMPLATES.publicGifting],
     errors: [],
     auth: "public",
     responseKind: "json"
@@ -53250,14 +53393,14 @@ var ENDPOINT_DEFINITIONS = {
   createShopCheckout: {
     path: "/public/sites/{siteId}/bookings/checkout",
     method: "POST",
-    tags: ["public-shop-{siteId}", "shop-checkout"],
+    tags: [TAG_TEMPLATES.publicShop, "shop-checkout"],
     auth: "public",
     responseKind: "json"
   },
   createUnifiedCheckout: {
     path: "/public/sites/{siteId}/checkout",
     method: "POST",
-    tags: ["public-checkout-{siteId}"],
+    tags: [TAG_TEMPLATES.publicCheckout],
     auth: "public",
     responseKind: "json",
     errors: [
@@ -53296,7 +53439,7 @@ var ENDPOINT_DEFINITIONS = {
     path: "/public/sites/{siteId}/events/occurrences/resolve",
     method: "GET",
     revalidate: 60,
-    tags: ["public-events-{siteId}", "event-occurrence"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-occurrence"],
     auth: "public",
     responseKind: "json"
   },
@@ -53304,7 +53447,7 @@ var ENDPOINT_DEFINITIONS = {
   registerForEvent: {
     path: "/public/sites/{siteId}/events/register",
     method: "POST",
-    tags: ["public-events-{siteId}", "event-registration"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-registration"],
     auth: "public",
     responseKind: "json"
   },
@@ -53312,7 +53455,7 @@ var ENDPOINT_DEFINITIONS = {
   createPublicEventCheckout: {
     path: "/public/sites/{siteId}/events/checkout",
     method: "POST",
-    tags: ["public-events-{siteId}", "event-checkout"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-checkout"],
     auth: "public",
     responseKind: "json"
   },
@@ -53320,7 +53463,7 @@ var ENDPOINT_DEFINITIONS = {
   checkPublicEventEligibility: {
     path: "/public/sites/{siteId}/events/check-eligibility",
     method: "POST",
-    tags: ["public-events-{siteId}", "event-eligibility"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-eligibility"],
     auth: "public",
     responseKind: "json"
   },
@@ -53328,7 +53471,7 @@ var ENDPOINT_DEFINITIONS = {
   getPublicEventRegistrationStatus: {
     path: "/public/sites/{siteId}/events/registration-status",
     method: "GET",
-    tags: ["public-events-{siteId}", "event-registration"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-registration"],
     auth: "public",
     responseKind: "json"
   },
@@ -53336,7 +53479,7 @@ var ENDPOINT_DEFINITIONS = {
   getPublicEventTicketQrSvg: {
     path: "/public/sites/{siteId}/events/tickets/qr",
     method: "GET",
-    tags: ["public-events-{siteId}", "event-ticket-qr"],
+    tags: [TAG_TEMPLATES.publicEvents, "event-ticket-qr"],
     auth: "public",
     responseKind: "text"
   },
@@ -56914,9 +57057,9 @@ async function prefetchBlockData2(page, context, client, options) {
 }
 
 // src/rendering/components/Block.shared.tsx
-import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
 function renderUnknownBlock(blockKind) {
-  return /* @__PURE__ */ jsx61("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: /* @__PURE__ */ jsxs43("p", { className: "text-red-800 font-semibold", children: [
+  return /* @__PURE__ */ jsx61("div", { className: "p-4 border border-red-300 bg-red-50 rounded", children: /* @__PURE__ */ jsxs44("p", { className: "text-red-800 font-semibold", children: [
     "Unknown block type: ",
     blockKind
   ] }) });
@@ -57063,10 +57206,95 @@ import { jsx as jsx62 } from "react/jsx-runtime";
 function Block(props2) {
   return /* @__PURE__ */ jsx62(BlockContent, { ...props2 });
 }
+
+// src/rendering/overrides.ts
+var lazyBlockOverrideSymbol = /* @__PURE__ */ Symbol.for("riverbankcms.sdk.lazyBlockOverride");
+function defineLazyBlockOverride(load) {
+  return {
+    [lazyBlockOverrideSymbol]: true,
+    load
+  };
+}
+
+// src/rendering/overrideResolution.ts
+function isRecord6(value) {
+  return typeof value === "object" && value !== null;
+}
+function isBlockOutlineLike(value) {
+  const id = value.id;
+  return typeof value.kind === "string" && (typeof id === "string" || id === null) && (typeof value.purpose === "string" || isRecord6(value.content) || isRecord6(value.draftContent) || isRecord6(value.bindings));
+}
+function collectBlockKindsFromValue(value, usedKinds, seen) {
+  if (!isRecord6(value)) return;
+  if (seen.has(value)) return;
+  seen.add(value);
+  if (isBlockOutlineLike(value)) {
+    usedKinds.add(value.kind);
+  }
+  for (const child of Object.values(value)) {
+    if (Array.isArray(child)) {
+      for (const item of child) {
+        collectBlockKindsFromValue(item, usedKinds, seen);
+      }
+      continue;
+    }
+    collectBlockKindsFromValue(child, usedKinds, seen);
+  }
+}
+function collectUsedBlockKinds(page) {
+  const usedKinds = /* @__PURE__ */ new Set();
+  const seen = /* @__PURE__ */ new WeakSet();
+  for (const block of page?.blocks ?? []) {
+    collectBlockKindsFromValue(block, usedKinds, seen);
+  }
+  return usedKinds;
+}
+function shortBlockKind(blockKind) {
+  return blockKind.replace(/^block\./, "");
+}
+function selectOverrideKeysForUsedKinds(usedKinds, entries) {
+  const availableKeys = new Set(entries.map(([key]) => key));
+  const selectedKeys = /* @__PURE__ */ new Set();
+  for (const blockKind of usedKinds) {
+    if (availableKeys.has(blockKind)) {
+      selectedKeys.add(blockKind);
+      continue;
+    }
+    const shortKind = shortBlockKind(blockKind);
+    if (availableKeys.has(shortKind)) {
+      selectedKeys.add(shortKind);
+    }
+  }
+  return selectedKeys;
+}
+function isLazyRegistration(registration) {
+  return isRecord6(registration) && registration[lazyBlockOverrideSymbol] === true;
+}
+async function resolveOverrideComponent(registration) {
+  if (isLazyRegistration(registration)) {
+    return registration.load();
+  }
+  return registration;
+}
+async function resolveBlockOverridesForPage(registrations, page) {
+  if (!registrations) return void 0;
+  const entries = Object.entries(registrations);
+  if (entries.length === 0) return void 0;
+  const selectedKeys = selectOverrideKeysForUsedKinds(collectUsedBlockKinds(page), entries);
+  if (selectedKeys.size === 0) return void 0;
+  const resolved = {};
+  for (const [key, registration] of entries) {
+    if (!selectedKeys.has(key)) continue;
+    resolved[key] = await resolveOverrideComponent(registration);
+  }
+  return resolved;
+}
 export {
   Block,
   Layout,
-  Page
+  Page,
+  defineLazyBlockOverride,
+  resolveBlockOverridesForPage
 };
 /*! Bundled license information: