@riverbankcms/sdk 0.72.0 → 0.75.0

package/dist/server/next.mjs

@@ -63,6 +63,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}",
@@ -3749,7 +3761,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"
   },
@@ -3758,7 +3770,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"
   },
@@ -3767,7 +3779,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"
   },
@@ -3775,7 +3787,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"
@@ -3784,21 +3796,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"
   },
@@ -3806,8 +3818,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",
@@ -3822,7 +3834,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: [
@@ -3836,7 +3848,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"
   },
@@ -3845,7 +3857,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"
   },
@@ -3854,7 +3866,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"
   },
@@ -3863,7 +3875,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"
@@ -3872,7 +3884,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"
@@ -3880,7 +3892,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"
@@ -3888,7 +3900,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"
@@ -3896,14 +3908,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: [
@@ -3942,7 +3954,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"
   },
@@ -3950,7 +3962,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"
   },
@@ -3958,7 +3970,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"
   },
@@ -3966,7 +3978,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"
   },
@@ -3974,7 +3986,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"
   },
@@ -3982,7 +3994,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"
   },
@@ -7780,6 +7792,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":
@@ -7908,6 +7923,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];
 }
@@ -7923,9 +7941,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 });
@@ -7939,7 +7967,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 ?? [];
@@ -7965,6 +7993,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":
@@ -8219,16 +8312,19 @@ function fieldPlanToZod(plan, options = {}) {
   const ctx = validationContext(options);
   return z6.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,
@@ -8237,10 +8333,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,
@@ -8249,7 +8346,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":
@@ -8266,12 +8363,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);
@@ -8349,24 +8449,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 z7.object(shape).catchall(z7.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 z7.preprocess(preprocessEmptyValues, baseSchema);
+    return z7.preprocess(
+      (content) => preprocessEmptyValues(
+        normalizeStoredContentValues(plans, content, options)
+      ),
+      baseSchema
+    );
+  }
+  return z7.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 z7.object(shape).catchall(z7.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
@@ -16287,7 +16396,9 @@ function backgroundLayer(path, options = {}) {
     imageClassName,
     overlayClassName = "background-overlay rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-pointer-events-none",
     fallbackToken,
-    omitImageLayer = false
+    omitImageLayer = false,
+    imageLoading,
+    imageFetchPriority
   } = options;
   const styleLayer = el("div", {
     className: styleClassName,
@@ -16303,11 +16414,14 @@ function backgroundLayer(path, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path, imageClassName);
+  const imageLayer = createBackgroundImageNode(path, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path}.image`;
   return media(
     {
@@ -16328,7 +16442,9 @@ function createBackgroundImageNode(path, baseClassName = "rb-absolute rb-z-neg-1
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -16525,12 +16641,16 @@ function styledSection(config) {
     bindFrom = "_sectionStyles",
     imageClassName = "rb-absolute rb-z-neg-10",
     renderBackgroundImage = true,
+    backgroundImageLoading,
+    backgroundImageFetchPriority,
     fullWidthPath
   } = config;
   const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
     imageClassName,
     fallbackToken: background,
-    omitImageLayer: !renderBackgroundImage
+    omitImageLayer: !renderBackgroundImage,
+    imageLoading: backgroundImageLoading,
+    imageFetchPriority: backgroundImageFetchPriority
   });
   const childrenArray = Array.isArray(children) ? children : [children];
   return section(
@@ -16745,7 +16865,7 @@ function navRow(opts) {
       el(
         "div",
         {
-          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-min-w-12rem rb-overflow-hidden",
+          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-overflow-hidden",
           id: dropdownMenuId
         },
         [dropdownLinks]
@@ -20320,6 +20440,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -20382,7 +20506,8 @@ function heroSplitImagePane() {
     [
       media(
         {
-          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover"
+          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover",
+          ...heroPriorityMediaProps
         },
         when("_sectionStyles.background.image"),
         bind("_sectionStyles.background.image")
@@ -20393,13 +20518,17 @@ function heroSplitImagePane() {
 var classicLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "md"),
   // styledContainer (rb-container) already provides horizontal padding
-  baseClass: ""
+  baseClass: "",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 var microLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "sm"),
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
-  spacing: "compact"
+  spacing: "compact",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 function splitLayoutWith(children) {
   return styledSection({
@@ -24792,7 +24921,7 @@ var cardStylingFields = [
     description: "Text for the event action button",
     required: false,
     multiline: false,
-    defaultValue: "View event",
+    defaultValue: "Book now",
     maxLength: 40
   }
 ];
@@ -25304,6 +25433,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: "" } }
@@ -26252,7 +26382,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" } },
@@ -26296,7 +26426,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"
     }
@@ -26768,7 +26899,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";
@@ -26899,7 +27030,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 };
@@ -28098,6 +28229,8 @@ var MediaNodeServer = ({
   className,
   style,
   videoPlayback = "inline",
+  loading = "lazy",
+  fetchPriority,
   size = ImagePresets.full,
   fieldPath,
   blockKind,
@@ -28134,7 +28267,8 @@ var MediaNodeServer = ({
       alt: value.alt ?? "",
       className,
       style: computedStyle,
-      loading: "lazy",
+      loading,
+      fetchPriority,
       decoding: "async"
     }
   );
@@ -28508,7 +28642,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,
@@ -28755,7 +28889,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" } },
@@ -28833,6 +28967,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: {
@@ -28972,7 +29107,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,
@@ -29161,7 +29296,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" } }
           })
@@ -29622,6 +29757,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" } },
@@ -35950,9 +36086,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) {
@@ -35962,9 +36098,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);
@@ -35979,7 +36126,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,
@@ -36022,34 +36169,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"
-          },
-          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
+      ]
     }
   ) });
 };
@@ -36064,9 +36220,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;
@@ -36148,7 +36304,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,
@@ -36167,7 +36323,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),
@@ -36231,7 +36387,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,
@@ -36248,7 +36404,7 @@ var AccordionNodeSSR = ({
   defaultValue,
   collapsible
 }) => {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: clsx_default("accordion-root", className),
@@ -36278,16 +36434,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" })
           ] })
@@ -36316,7 +36472,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");
 }
@@ -36324,16 +36480,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),
@@ -36343,6 +36504,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(
@@ -36364,7 +36526,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":
@@ -36391,7 +36553,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,
@@ -36407,7 +36569,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",
             {
@@ -36791,7 +36953,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,
@@ -36835,14 +36997,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
         ] }) }),
@@ -36952,22 +37114,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
@@ -36975,7 +37137,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";
@@ -37026,10 +37188,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({
@@ -37037,20 +37199,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,
               {
@@ -37061,7 +37223,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(
@@ -37070,22 +37232,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",
@@ -37108,7 +37270,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,
@@ -37137,7 +37299,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(),
@@ -37203,7 +37365,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,
@@ -37219,7 +37381,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,
@@ -37247,11 +37409,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(),
@@ -37406,7 +37568,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
@@ -37441,14 +37603,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(
@@ -37459,17 +37621,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,
               {
@@ -37481,23 +37643,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 ",
@@ -37509,7 +37671,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,
@@ -37547,7 +37709,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,
       {
@@ -37562,8 +37724,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." })
       ] }),
@@ -37572,15 +37734,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 }),
         " (",
@@ -37608,14 +37770,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,
@@ -37631,7 +37793,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,
       {
@@ -37769,7 +37931,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."
   };
 }
@@ -37870,7 +38032,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
@@ -37879,7 +38041,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 || ""}`,
@@ -37887,7 +38049,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",
             {
@@ -37916,7 +38078,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(
@@ -37931,7 +38093,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",
@@ -37940,7 +38102,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)" : ""
@@ -37951,12 +38113,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
           ] }),
@@ -37973,7 +38135,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",
@@ -37990,18 +38152,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
       ] }),
@@ -38027,15 +38189,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,
         ")"
@@ -38047,10 +38209,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 })
       ] })
@@ -38064,7 +38226,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(),
@@ -38074,11 +38236,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
@@ -38088,21 +38250,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 })
         ] }),
@@ -38112,7 +38274,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 })
@@ -38120,9 +38282,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",
       {
@@ -38150,7 +38312,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",
@@ -38201,7 +38363,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,
@@ -38216,7 +38378,7 @@ function CartSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -38236,7 +38398,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,
@@ -38251,7 +38413,7 @@ function CheckoutSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -38271,7 +38433,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,
@@ -38312,7 +38474,7 @@ function CourseRegistrationSSR({
     buttonVariant,
     stage
   });
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: `course-registration ${className ?? ""}`.trim(),
@@ -38329,14 +38491,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,
@@ -38347,7 +38509,7 @@ function GiftingSSR({ blockId, ...rest }) {
       ...getIslandRootProps("gifting", blockId),
       children: [
         /* @__PURE__ */ jsx40(IslandPropsScript, { value: islandProps }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "div",
           {
             className: "rb-grid",
@@ -38355,14 +38517,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: {
@@ -38379,9 +38541,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: {
@@ -38409,10 +38571,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
@@ -38491,7 +38653,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)}`);
 }
@@ -38503,8 +38665,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",
         {
@@ -38552,9 +38714,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",
           {
@@ -38587,7 +38749,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);
@@ -38599,10 +38761,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,
@@ -38616,7 +38778,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"
@@ -38638,9 +38800,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",
           {
@@ -38673,7 +38835,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",
         {
@@ -38686,8 +38848,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",
@@ -38699,7 +38861,7 @@ function renderTimetableSsr(display) {
             hour
           )) })
         ] }),
-        model.days.map((day) => /* @__PURE__ */ jsxs28(
+        model.days.map((day) => /* @__PURE__ */ jsxs29(
           "section",
           {
             className: clsx_default(
@@ -38708,11 +38870,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",
@@ -38727,7 +38889,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,
@@ -38804,18 +38966,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,
@@ -38828,7 +38990,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,
@@ -38869,7 +39031,7 @@ function EventRegistrationSSR({
     stage,
     supportEmail
   });
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: `event-registration ${className ?? ""}`.trim(),
@@ -38885,7 +39047,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(" ");
 }
@@ -38901,7 +39063,7 @@ function FeedbackMessage({
 }) {
   const resolvedLive = live ?? (role === "alert" ? "assertive" : "polite");
   const shouldWrapBody = Boolean(title || bodyClassName);
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className,
@@ -38917,7 +39079,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,
@@ -38942,7 +39104,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." })
     ] });
@@ -38954,7 +39116,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",
@@ -38972,9 +39134,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))
         ] })
@@ -38982,9 +39144,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",
             {
@@ -39000,7 +39162,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);
@@ -39016,7 +39178,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",
@@ -39032,9 +39194,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",
@@ -39069,7 +39231,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,
@@ -39101,8 +39263,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: "*" })
       ] }),
@@ -39120,14 +39282,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",
             {
@@ -39139,7 +39301,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",
@@ -39159,7 +39321,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,
@@ -39174,7 +39336,7 @@ function ProductDetailSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -39194,7 +39356,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,
@@ -39209,7 +39371,7 @@ function ProductListSSR({
     stage,
     ...rest
   });
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -39229,7 +39391,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,
@@ -39246,7 +39408,7 @@ function ShopSSR({
     ...rest
   });
   const render = islandProps.render;
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: `shop ${rest.className ?? ""}`.trim(),
@@ -39467,6 +39629,10 @@ function getAbsoluteSegments(fromPath, context) {
   if (scoped?.basePathSegments && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
+  const hasContentScope = context.scopes.some((entry) => entry.name === "content");
+  if (hasContentScope && !(first in context.viewModel)) {
+    return ["content", ...segments];
+  }
   return void 0;
 }
 function readFromSource(source, segments) {
@@ -40115,7 +40281,7 @@ function makeDefaultBlockComponent(args) {
       pathBase,
       blockId,
       blockKind,
-      blockContent: content,
+      blockContent: mergedContent,
       blockBindings,
       editableRouteMetadataFieldIds,
       fragmentRegistry: fragmentRegistry2
@@ -41110,6 +41276,19 @@ function getNavLinkPreset(presetId) {
 }
 var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
 
+// ../theme-core/src/header/navDropdownSizing.ts
+var NAV_DROPDOWN_MIN_WIDTH_REM = 12;
+var NAV_DROPDOWN_MAX_WIDTH_REM = 22;
+var NAV_DROPDOWN_VIEWPORT_GUTTER_REM = 1;
+var NAV_DROPDOWN_SHIFT_PROPERTY = "--nav-dropdown-shift-x";
+var NAV_DROPDOWN_MAX_WIDTH_CSS = `min(${NAV_DROPDOWN_MAX_WIDTH_REM}rem, calc(100vw - ${NAV_DROPDOWN_VIEWPORT_GUTTER_REM * 2}rem))`;
+var NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES = [
+  `min-width: ${NAV_DROPDOWN_MIN_WIDTH_REM}rem;`,
+  `width: max-content;`,
+  `max-width: ${NAV_DROPDOWN_MAX_WIDTH_CSS};`,
+  `transform: translateX(var(${NAV_DROPDOWN_SHIFT_PROPERTY}, 0px));`
+];
+
 // ../theme-core/src/header/generateHeaderCss.ts
 var HEADER_BLUR = "blur(12px)";
 var FLOATING_BLUR = "blur(16px)";
@@ -41384,6 +41563,7 @@ function generateDropdownContainerStyles(header, themeId, tokens) {
   const selector = `:where([data-theme-scope="${themeId}"]) .nav-dropdown-menu`;
   const rules = [];
   const dropdownStyle = header.dropdownStyle;
+  rules.push(...NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES);
   const bgToken = dropdownStyle?.background ?? "surface";
   rules.push(`background-color: ${tokens.getColor(bgToken)};`);
   const textToken = dropdownStyle?.textColor ?? "text";
@@ -44082,10 +44262,10 @@ function summarizeValue(value) {
 }
 
 // ../theme-core/src/mock-themes/components/swatch.tsx
-import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
 
 // ../theme-core/src/mock-themes/components/PaletteCard.tsx
-import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // ../../node_modules/.pnpm/@vibrant+image@4.0.4/node_modules/@vibrant/image/dist/esm/histogram.js
 var Histogram = class {
@@ -52658,6 +52838,17 @@ var containerResponsiveThemeCss = `/*
  * =============================================================================
  */
 
+:where(.theme-scope) .nav-dropdown-menu {
+  /*
+   * Keep these rails in sync with header/navDropdownSizing.ts.
+   * The JS placement gutter is 16px, matching the 1rem per-side gutter in calc(100vw - 2rem).
+   */
+  min-width: 12rem;
+  width: max-content;
+  max-width: min(22rem, calc(100vw - 2rem));
+  transform: translateX(var(--nav-dropdown-shift-x, 0px));
+}
+
 :where(.theme-scope) .nav-dropdown:hover > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown:focus-within > .nav-dropdown-menu,
 :where(.theme-scope) .nav-dropdown .nav-dropdown-trigger[aria-expanded="true"] + .nav-dropdown-menu {
@@ -54128,6 +54319,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;
@@ -54253,7 +54449,7 @@ var containerResponsiveThemeCss = `/*
 }`;
 
 // ../theme-core/src/ThemeScopeCore.tsx
-import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
 function ThemeScopeCore({
   cssVars,
   buttonCss,
@@ -54285,7 +54481,7 @@ function ThemeScopeCore({
     containerType: "inline-size",
     containerName: responsiveScope.containerName
   } : cssVars;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       className: className ? `theme-scope ${className}` : "theme-scope",
@@ -54484,7 +54680,7 @@ function ThemeScope({
 
 // ../theme-core/src/ThemeFontLoader.tsx
 import * as React7 from "react";
-import { Fragment as Fragment7, jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
 
 // ../theme-core/src/runtime/buildThemeRuntimeFromBridge.ts
 import { z as z66 } from "zod";
@@ -54518,7 +54714,7 @@ var themeBridgeConfigSchema = z66.object({
 }).passthrough();
 
 // ../theme-core/src/siteChrome.tsx
-import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
 
 // ../blocks/src/system/runtime/bindings.ts
 var shouldLogWarnings = isNonProductionEnv();
@@ -57828,7 +58024,7 @@ function getEntrySubrouteMetadataOverrides(args) {
 }
 
 // src/next/catch-all.tsx
-import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
 function isExpectedNotFoundError(error) {
   return typeof error === "object" && error !== null && "status" in error && Reflect.get(error, "status") === 404;
 }
@@ -58009,7 +58205,7 @@ function createCatchAllPage(options) {
         }
       )
     );
-    const pageWithLayout = /* @__PURE__ */ jsxs42("main", { children: [
+    const pageWithLayout = /* @__PURE__ */ jsxs43("main", { children: [
       hydrationBootstrap,
       rendered
     ] });
@@ -58191,7 +58387,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.72.0";
+var SDK_VERSION = "0.75.0";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {