@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/client/hooks.mjs

@@ -1030,7 +1030,7 @@ var ENDPOINT_DEFINITIONS = {
     responseKind: "void"
   },
   googleCalendarCallback: {
-    path: "/sites/{siteId}/bookings/calendar/google/callback",
+    path: "/bookings/calendar/google/callback",
     method: "GET",
     auth: "user",
     responseKind: "void"
@@ -16566,6 +16566,28 @@ function bindProp(from, opts) {
   };
 }
 
+// ../theme-core/src/responsiveDisplay.ts
+var BASE_DISPLAY_CLASSES = {
+  block: "rb-block",
+  flex: "rb-flex",
+  "inline-block": "rb-inline-block",
+  "inline-flex": "rb-inline-flex",
+  grid: "rb-grid"
+};
+var LARGE_DISPLAY_CLASSES = {
+  block: "rb-lg-block",
+  flex: "rb-lg-flex",
+  "inline-block": "rb-lg-inline-block",
+  "inline-flex": "rb-lg-inline-flex",
+  grid: "rb-lg-grid"
+};
+function mobileOnlyDisplay(display) {
+  return `${BASE_DISPLAY_CLASSES[display]} rb-lg-hidden`;
+}
+function desktopOnlyDisplay(display) {
+  return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
+}
+
 // ../blocks/src/system/blocks/site-header.ts
 var logoRow = link(
   {
@@ -16646,7 +16668,7 @@ var headerCta = ctaButton({
   whenPath: "menu.ctaItem.label",
   variantPath: "menu.ctaItem.variant",
   linkPath: "menu.ctaItem.link",
-  className: "header-cta btn-sm rb-hidden rb-lg-inline-flex rb-ml-6"
+  className: `header-cta btn-sm ${desktopOnlyDisplay("inline-flex")} rb-ml-6`
 });
 var mobileCta = ctaButton({
   basePath: "menu.ctaItem",
@@ -16674,7 +16696,7 @@ var mobileToggleButton = {
   props: {
     type: "button",
     variantId: "",
-    className: "nav-mobile-toggle rb-inline-flex rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard rb-lg-hidden",
+    className: `nav-mobile-toggle ${mobileOnlyDisplay("inline-flex")} rb-h-10 rb-w-10 rb-items-center rb-justify-center rb-rounded-md transition-theme-standard`,
     "aria-label": "Open menu",
     "aria-expanded": "false",
     "aria-controls": "nav-mobile-overlay",
@@ -16729,7 +16751,7 @@ var mobileOverlay = {
   type: "div",
   props: {
     id: "nav-mobile-overlay",
-    className: "nav-mobile-overlay rb-fixed rb-inset-0 rb-z-50 rb-lg-hidden",
+    className: `nav-mobile-overlay ${mobileOnlyDisplay("block")} rb-fixed rb-inset-0 rb-z-50`,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": "Main menu",
@@ -16758,10 +16780,10 @@ var mobileHeaderBar = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+          base: `rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-flex rb-w-full rb-items-center rb-justify-between rb-lg-hidden"
+      fallback: `rb-container rb-header-layout ${mobileOnlyDisplay("flex")} rb-w-full rb-items-center rb-justify-between`
     }),
     align: "center",
     justify: "between"
@@ -16773,16 +16795,16 @@ var classicLayout2 = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "classic" })
@@ -16794,16 +16816,16 @@ var centeredLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-5 rb-text-center`
     })
   },
   [
     centeredLogoRow,
     createNavRow(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-6 rb-gap-y-3`,
       "center"
     )
   ],
@@ -16814,16 +16836,16 @@ var transparentLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-items-center rb-gap-6"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "transparent" })
@@ -16833,18 +16855,18 @@ var floatingLayout = inline(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex",
+          base: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`,
           container: "",
           full: ""
         })
       ),
-      fallback: "rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 rb-hidden rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6 rb-lg-flex"
+      fallback: `rb-header-layout header-floating-container rb-absolute rb-left-1/2 rb-top-4 ${desktopOnlyDisplay("flex")} rb-w-calc-100-minus-2rem rb-max-w-7xl rb-translate-x-neg-1/2 rb-items-center rb-gap-6 rb-px-6`
     }),
     align: "center"
   },
   [
     logoRow,
-    createNavRow("rb-ml-auto rb-hidden rb-lg-flex rb-gap-6"),
+    createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
     headerCta
   ],
   when("$root.theme.header.variant", { equals: "floating" })
@@ -16856,16 +16878,16 @@ var editorialLayout = stack(
     className: bindProp("$root.theme.header.maxWidth", {
       transforms: pipe(
         tx("layout.maxWidthClass", {
-          base: "rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center"
+          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
         })
       ),
-      fallback: "rb-container rb-header-layout rb-hidden rb-lg-flex rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center"
+      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
     })
   },
   [
     centeredLogoRow,
     createNavRow(
-      "rb-hidden rb-lg-flex rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3",
+      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
       "center"
     )
   ],
@@ -20884,6 +20906,21 @@ var eventCalendarManifest = createBlockManifest({
         visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
       }
     },
+    {
+      id: "showCapacity",
+      type: "boolean",
+      label: "Show available spots",
+      description: "Display remaining capacity on event cards and timetable cells",
+      required: false,
+      defaultValue: true,
+      ui: {
+        intent: "display",
+        visibleWhen: {
+          field: "displayMode",
+          oneOf: ["combined", "list", "week", "timetable"]
+        }
+      }
+    },
     // Block-level pre-filtering
     {
       id: "eventSurface",
@@ -21075,6 +21112,9 @@ var eventCalendarManifest = createBlockManifest({
               showStaffFilter: {
                 $bind: { from: "content.showStaffFilter", fallback: true }
               },
+              showCapacity: {
+                $bind: { from: "content.showCapacity", fallback: true }
+              },
               kind: { $bind: { from: "content.kind", fallback: "all" } },
               eventSurface: {
                 $bind: { from: "content.eventSurface", fallback: "all" }