@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/_dts/theme-core/src/index.d.ts

@@ -3,19 +3,20 @@
  *
  * Re-exports commonly used theme utilities, types, and components.
  */
-export * from './schema';
-export * from './fonts';
-export { ThemeScope } from './ThemeScope';
-export { DEFAULT_THEME_RESPONSIVE_MODE, type ThemeResponsiveMode, } from './responsiveMode';
-export * from './responsive/breakpoints';
-export { ThemeFontLoader, ThemeFontLoaderFromTheme, getThemeFontLoadingOptions, type ThemeFontLoadingOptions, type ThemeFontLoaderFromThemeProps, } from './ThemeFontLoader';
-export { ThemeScopeCore, type ThemeScopeCoreProps } from './ThemeScopeCore';
-export { type ThemeDataAttrs } from './themeScopeUtils';
-export { buildThemeRuntime } from './runtime/buildThemeRuntime';
-export { buildThemeRuntimeFromBridge, type ThemeBridgeConfigMinimal, } from './runtime/buildThemeRuntimeFromBridge';
-export type { CornerStyle, ShadowSize, TextTransform, FontWeight, HoverTransform, HoverColor, GradientStyle, GradientSharpness, GradientDirection, ButtonVariant, ButtonSystem, } from './buttons/types';
-export { mockThemes } from './mock-themes/all';
-export { modernMinimalTheme } from './mock-themes/modern-minimal';
-export { classicProfessionalTheme } from './mock-themes/classic-professional';
-export { vibrantCreativeTheme } from './mock-themes/vibrant-creative';
-export * from './customCss';
+export * from "./schema";
+export * from "./fonts";
+export { ThemeScope } from "./ThemeScope";
+export { DEFAULT_THEME_RESPONSIVE_MODE, THEME_RESPONSIVE_CONTAINER_NAME, getResponsiveScopeSpec, type ResponsiveScopeSpec, type ThemeResponsiveMode, } from "./responsiveMode";
+export { desktopOnlyDisplay, mobileOnlyDisplay, type ResponsiveDisplay, } from "./responsiveDisplay";
+export * from "./responsive/breakpoints";
+export { ThemeFontLoader, ThemeFontLoaderFromTheme, getThemeFontLoadingOptions, type ThemeFontLoadingOptions, type ThemeFontLoaderFromThemeProps, } from "./ThemeFontLoader";
+export { ThemeScopeCore, type ThemeScopeCoreProps } from "./ThemeScopeCore";
+export { type ThemeDataAttrs } from "./themeScopeUtils";
+export { buildThemeRuntime } from "./runtime/buildThemeRuntime";
+export { buildThemeRuntimeFromBridge, type ThemeBridgeConfigMinimal, } from "./runtime/buildThemeRuntimeFromBridge";
+export type { CornerStyle, ShadowSize, TextTransform, FontWeight, HoverTransform, HoverColor, GradientStyle, GradientSharpness, GradientDirection, ButtonVariant, ButtonSystem, } from "./buttons/types";
+export { mockThemes } from "./mock-themes/all";
+export { modernMinimalTheme } from "./mock-themes/modern-minimal";
+export { classicProfessionalTheme } from "./mock-themes/classic-professional";
+export { vibrantCreativeTheme } from "./mock-themes/vibrant-creative";
+export * from "./customCss";

package/dist/_dts/theme-core/src/responsiveDisplay.d.ts

@@ -0,0 +1,23 @@
+declare const BASE_DISPLAY_CLASSES: {
+    readonly block: "rb-block";
+    readonly flex: "rb-flex";
+    readonly "inline-block": "rb-inline-block";
+    readonly "inline-flex": "rb-inline-flex";
+    readonly grid: "rb-grid";
+};
+export type ResponsiveDisplay = keyof typeof BASE_DISPLAY_CLASSES;
+/**
+ * Build a class pair for content that should render below the large breakpoint.
+ *
+ * The base display class is always included so callers cannot accidentally
+ * express "mobile-only" visibility without a display mode for the visible state.
+ */
+export declare function mobileOnlyDisplay(display: ResponsiveDisplay): string;
+/**
+ * Build a class pair for content that should render from the large breakpoint up.
+ *
+ * The hidden base class ensures the element stays out of the mobile layout until
+ * the large-breakpoint display class takes over.
+ */
+export declare function desktopOnlyDisplay(display: ResponsiveDisplay): string;
+export {};

package/dist/_dts/theme-core/src/responsiveMode.d.ts

@@ -1,3 +1,24 @@
 export type ThemeResponsiveMode = "viewport" | "container";
 export declare const DEFAULT_THEME_RESPONSIVE_MODE: ThemeResponsiveMode;
 export declare const THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
+export declare const THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+export type ResponsiveScopeSpec = {
+    kind: "viewport";
+    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="viewport"]`;
+} | {
+    kind: "container";
+    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="container"]`;
+    containerName: typeof THEME_RESPONSIVE_CONTAINER_NAME;
+};
+export type ContainerResponsiveScopeSpec = Extract<ResponsiveScopeSpec, {
+    kind: "container";
+}>;
+export declare function getResponsiveScopeSpec(mode?: ThemeResponsiveMode): ResponsiveScopeSpec;
+export declare function getContainerResponsiveScopeSpec(): ContainerResponsiveScopeSpec;
+export declare function buildResponsiveScopeRule(spec: ResponsiveScopeSpec, css: string): string;
+export declare function buildResponsiveScopePrelude(spec: ResponsiveScopeSpec): string;
+export declare function findResponsiveScopeRuleAt(css: string, index: number): {
+    openBraceIndex: number;
+} | null;
+export declare function hasResponsiveScopeRule(css: string): boolean;
+export declare function retargetResponsiveScopeRules(css: string, spec: ResponsiveScopeSpec): string;

package/dist/_dts/theme-core/src/site-styles/index.d.ts

@@ -6,6 +6,7 @@ export * from './designState';
 export * from './generatedSchemas';
 export * from './generatedDesignPipeline';
 export * from './pageDesignAuthority';
+export * from './pageDesignEditorErrors';
 export * from './pageDesignEditorModel';
 export * from './pageDesignIntent';
 export * from './previewCustomization';

package/dist/_dts/theme-core/src/site-styles/pageDesignEditorErrors.d.ts

@@ -0,0 +1 @@
+export declare const PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE = "Something went wrong fetching the page design state";

package/dist/_dts/ui/src/command-multi-select.d.ts

@@ -8,7 +8,7 @@ export type CommandMultiSelectProps = Readonly<{
     values: readonly string[];
     onValuesChange: (values: string[]) => void;
     placeholder: string;
-    'aria-describedby'?: string;
+    "aria-describedby"?: string;
     disabled?: boolean;
     emptyLabel?: string;
     isLoading?: boolean;
@@ -25,4 +25,4 @@ export type CommandMultiSelectProps = Readonly<{
     searchPlaceholder?: string;
     searchInputAriaLabel?: string;
 }>;
-export declare function CommandMultiSelect({ items, values, onValuesChange, placeholder, 'aria-describedby': ariaDescribedBy, disabled, emptyLabel, isLoading, loadingLabel, error, emptySelectionLabel, selectedSummary, showBadges, helpText, className, triggerClassName, popoverContentClassName, showSearch, searchPlaceholder, searchInputAriaLabel, }: CommandMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandMultiSelect({ items, values, onValuesChange, placeholder, "aria-describedby": ariaDescribedBy, disabled, emptyLabel, isLoading, loadingLabel, error, emptySelectionLabel, selectedSummary, showBadges, helpText, className, triggerClassName, popoverContentClassName, showSearch, searchPlaceholder, searchInputAriaLabel, }: CommandMultiSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/cli/index.mjs

@@ -7799,6 +7799,40 @@ var init_colorConversion = __esm({
   }
 });
 
+// ../theme-core/src/responsiveDisplay.ts
+function mobileOnlyDisplay(display) {
+  return `${BASE_DISPLAY_CLASSES[display]} rb-lg-hidden`;
+}
+function desktopOnlyDisplay(display) {
+  return `rb-hidden ${LARGE_DISPLAY_CLASSES[display]}`;
+}
+var BASE_DISPLAY_CLASSES, LARGE_DISPLAY_CLASSES;
+var init_responsiveDisplay = __esm({
+  "../theme-core/src/responsiveDisplay.ts"() {
+    BASE_DISPLAY_CLASSES = {
+      block: "rb-block",
+      flex: "rb-flex",
+      "inline-block": "rb-inline-block",
+      "inline-flex": "rb-inline-flex",
+      grid: "rb-grid"
+    };
+    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"
+    };
+  }
+});
+
+// ../blocks/src/system/runtime/header/shared.ts
+var init_shared2 = __esm({
+  "../blocks/src/system/runtime/header/shared.ts"() {
+    init_responsiveDisplay();
+  }
+});
+
 // ../blocks/src/system/blocks/events/shared/types.ts
 var init_types7 = __esm({
   "../blocks/src/system/blocks/events/shared/types.ts"() {
@@ -8343,7 +8377,7 @@ var init_filtering = __esm({
 });
 
 // ../blocks/src/system/blocks/events/shared/index.ts
-var init_shared2 = __esm({
+var init_shared3 = __esm({
   "../blocks/src/system/blocks/events/shared/index.ts"() {
     init_types7();
     init_schemas2();
@@ -8480,7 +8514,7 @@ var init_event_registration = __esm({
     init_styledSection();
     init_fragments();
     init_api_bindings();
-    init_shared2();
+    init_shared3();
     init_defineBlock();
     init_event_registration_shared();
     init_event_registration_interactive();
@@ -8684,7 +8718,7 @@ var init_pricing = __esm({
 });
 
 // ../blocks/src/system/blocks/courses/shared/index.ts
-var init_shared3 = __esm({
+var init_shared4 = __esm({
   "../blocks/src/system/blocks/courses/shared/index.ts"() {
     init_types8();
     init_schemas();
@@ -8809,7 +8843,7 @@ var init_course_registration = __esm({
     init_styledSection();
     init_fragments();
     init_api_bindings();
-    init_shared3();
+    init_shared4();
     init_defineBlock();
     init_course_registration_interactive();
     courseRegistrationManifest = createBlockManifest({
@@ -9184,7 +9218,7 @@ var init_media2 = __esm({
 });
 
 // ../blocks/src/system/runtime/nodes/events/shared/index.ts
-var init_shared4 = __esm({
+var init_shared5 = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/index.ts"() {
     init_utils();
   }
@@ -9193,10 +9227,10 @@ var cardVariantSchema2, cardOrientationSchema, eventBlockKindSchema, eventSurfac
 var init_EventListing_interactive = __esm({
   "../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts"() {
     init_schemas2();
-    init_shared2();
+    init_shared3();
     init_islands();
     init_runtime();
-    init_shared4();
+    init_shared5();
     init_contract_schemas();
     cardVariantSchema2 = z.enum(["default", "variant1", "variant2"]);
     cardOrientationSchema = z.enum(["vertical", "horizontal"]);
@@ -9356,7 +9390,7 @@ var init_event_listing = __esm({
     init_api_bindings();
     init_defineBlock();
     init_EventListing_interactive();
-    init_shared2();
+    init_shared3();
     eventListingManifest = createBlockManifest({
       id: "block.event-listing",
       version: "1.1.0",
@@ -9634,7 +9668,7 @@ var displayModeSchema, eventBlockKindSchema2, eventSurfaceScopeSchema2, eventSch
 var init_EventCalendar_interactive = __esm({
   "../blocks/src/system/runtime/nodes/events/EventCalendar.interactive.ts"() {
     init_schemas2();
-    init_shared2();
+    init_shared3();
     init_islands();
     init_runtime();
     init_contract_schemas();
@@ -9777,7 +9811,7 @@ var init_event_calendar = __esm({
     init_boxStyles();
     init_api_bindings();
     init_defineBlock();
-    init_shared2();
+    init_shared3();
     init_EventCalendar_interactive();
     eventCalendarManifest = createBlockManifest({
       id: "block.event-calendar",
@@ -10003,6 +10037,21 @@ var init_event_calendar = __esm({
             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",
@@ -10194,6 +10243,9 @@ var init_event_calendar = __esm({
                   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" }
@@ -10264,7 +10316,7 @@ var init_event_calendar = __esm({
   }
 });
 var publicProductVariantSchema, publicProductSchema, publicProductsResponseSchema;
-var init_shared5 = __esm({
+var init_shared6 = __esm({
   "../blocks/src/system/blocks/products/shared.ts"() {
     publicProductVariantSchema = z.object({
       id: z.string(),
@@ -10651,7 +10703,7 @@ var shopModeSchema, contentEntrySchema3, shopSourceSchema, productVariantOptionD
 var init_shop_interactive = __esm({
   "../blocks/src/system/runtime/nodes/shop.interactive.ts"() {
     init_shop_shared();
-    init_shared5();
+    init_shared6();
     init_display();
     init_shop_commerce_shared();
     init_islands();
@@ -11245,7 +11297,7 @@ var init_product_list = __esm({
     init_api_bindings();
     init_defineBlock();
     init_shop_interactive();
-    init_shared5();
+    init_shared6();
     productListManifest = createBlockManifest({
       id: "block.product-list",
       version: "1.0.0",
@@ -11404,7 +11456,7 @@ var init_product_detail = __esm({
     init_api_bindings();
     init_defineBlock();
     init_shop_interactive();
-    init_shared5();
+    init_shared6();
     productDetailManifest = createBlockManifest({
       id: "block.product-detail",
       version: "1.0.0",
@@ -13014,8 +13066,34 @@ var init_compile = __esm({
 });
 
 // ../theme-core/src/responsiveMode.ts
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
+var THEME_RESPONSIVE_MODE_ATTR;
 var init_responsiveMode = __esm({
   "../theme-core/src/responsiveMode.ts"() {
+    THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+    new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "g"
+    );
+    new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "y"
+    );
   }
 });
 
@@ -14193,7 +14271,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"
@@ -23979,6 +24057,7 @@ function bindProp(from, opts) {
 
 // ../blocks/src/system/blocks/site-header.ts
 init_defineBlock();
+init_shared2();
 init_colorStyles();
 var logoRow = link(
   {
@@ -24059,7 +24138,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",
@@ -24087,7 +24166,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",
@@ -24142,7 +24221,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",
@@ -24171,10 +24250,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"
@@ -24186,16 +24265,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" })
@@ -24207,16 +24286,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"
     )
   ],
@@ -24227,16 +24306,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" })
@@ -24246,18 +24325,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" })
@@ -24269,16 +24348,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"
     )
   ],
@@ -25787,7 +25866,7 @@ init_builder();
 init_builder();
 init_styledSection();
 init_fragments();
-init_shared2();
+init_shared3();
 init_shop_shared();
 init_defineBlock();
 var eventDetailsManifest = createBlockManifest({
@@ -25957,7 +26036,7 @@ var eventDetailsBlockDefinition = {
 init_builder();
 init_styledSection();
 init_fragments();
-init_shared3();
+init_shared4();
 init_defineBlock();
 var courseDetailsManifest = createBlockManifest({
   id: "block.course-details",
@@ -26139,7 +26218,7 @@ var courseDetailsBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/events/index.ts
-init_shared2();
+init_shared3();
 
 // ../blocks/src/system/blocks/events/event-spotlight.ts
 init_builder();
@@ -26148,7 +26227,7 @@ init_styledSection();
 init_fragments();
 init_boxStyles();
 init_defineBlock();
-init_shared2();
+init_shared3();
 var eventSpotlightManifest = createBlockManifest({
   id: "block.event-spotlight",
   version: "1.1.0",
@@ -43364,6 +43443,7 @@ init_load_config();
 
 // ../theme-core/src/index.ts
 init_responsiveMode();
+init_responsiveDisplay();
 init_breakpoints();
 init_ThemeScopeCore();
 init_buildThemeRuntime();
@@ -43489,7 +43569,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.60.0";
+var SDK_VERSION = "0.60.1";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {

package/dist/client/bookings.mjs

@@ -7463,6 +7463,33 @@ var customCssAtRuleSchema = z8.discriminatedUnion("type", [
 ]);
 var customCssAtRulesSchema = z8.array(customCssAtRuleSchema).optional();
 
+// ../theme-core/src/responsiveMode.ts
+var THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "g"
+);
+var RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+  buildResponsiveScopeRulePatternSource(),
+  "y"
+);
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
+
 // ../theme-core/src/ThemeScopeCore.tsx
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";