@riverbankcms/sdk 0.84.2 → 0.88.0

package/dist/server/theme-bridge.mjs

@@ -11245,6 +11245,7 @@ var containerResponsiveThemeCss = `/*
  */
 
 :where(.theme-scope) :where([data-block="event-registration"]) {
+  --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.6);
   --rb-event-tile-bg: var(--er-event-card-bg);
   --rb-event-tile-border: var(--er-border);
   --rb-event-tile-border-width: var(--er-event-card-border-width);
@@ -12914,6 +12915,239 @@ var containerResponsiveThemeCss = `/*
   background: rgba(var(--tb-text), 0.05);
 }
 
+/* In-flow booking teaser (sits at the block's position in the page) */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem 1.5rem;
+  padding: 1.25rem 1.5rem;
+  border: 1px solid var(--er-border);
+  border-radius: var(--rb-block-radius);
+  background: var(--er-event-card-bg);
+  color: var(--er-on-surface);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__title {
+  font-size: 1.0625rem;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__meta {
+  font-size: 0.9375rem;
+  line-height: 1.3;
+  opacity: 0.75;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__tickets {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  margin-top: 0.5rem;
+  padding-top: 0.625rem;
+  border-top: 1px solid var(--er-border);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 1rem;
+  font-size: 0.9375rem;
+  line-height: 1.35;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket-name {
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__cta {
+  flex: 0 0 auto;
+}
+
+/* Fixed, full-width sticky booking bar (content-agnostic; sits above page flow) */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 12000;
+  padding: 0.75rem max(1rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
+  background: rgb(var(--tb-background));
+  border-top: 1px solid var(--er-border);
+  box-shadow: 0 -10px 30px rgba(var(--tb-shadow), 0.16);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  width: 100%;
+  max-width: 72rem;
+  margin-inline: auto;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__title {
+  font-size: 0.95rem;
+  font-weight: 700;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__meta {
+  font-size: 0.8125rem;
+  line-height: 1.25;
+  opacity: 0.75;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__cta {
+  flex: 0 0 auto;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+  position: fixed;
+  inset: 0;
+  height: 100dvh;
+  z-index: 14000;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  background: var(--rb-modal-overlay-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100dvh;
+  min-height: 0;
+  overflow: hidden;
+  background: rgb(var(--tb-background));
+  color: var(--er-on-surface);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__header {
+  flex: 0 0 auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem;
+  background: rgb(var(--tb-background));
+  border-bottom: 1px solid var(--er-border);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__title {
+  margin: 0;
+  font-size: 1rem;
+  line-height: 1.25;
+  font-weight: 700;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__close {
+  width: 2rem;
+  height: 2rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--er-border);
+  border-radius: 999px;
+  background: transparent;
+  color: rgb(var(--tb-text));
+  font-size: 1.25rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay {
+  max-width: none;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  background: transparent;
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  gap: 0;
+  grid-template-rows: minmax(0, 1fr) auto;
+  grid-template-areas:
+    "main"
+    "footer";
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+  min-height: 0;
+  overflow: auto;
+  padding: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+  position: relative;
+  z-index: 3;
+  padding: 0.875rem 1rem max(0.875rem, env(safe-area-inset-bottom));
+  background: rgb(var(--tb-background));
+  border-top: 1px solid var(--er-border);
+  box-shadow: 0 -12px 26px rgba(var(--tb-shadow), 0.12);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-actions {
+  margin-top: 0;
+}
+
+@container rb-site (min-width: 768px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+    justify-content: flex-end;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+    width: min(32rem, 100vw);
+    min-height: 100%;
+    box-shadow: -16px 0 40px rgba(var(--tb-shadow), 0.22);
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+    padding: 1.25rem;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+    padding: 0.875rem 1.25rem max(0.875rem, env(safe-area-inset-bottom));
+  }
+}
+}
+
 /* Magic Link Form */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-form {
   display: flex;

package/dist/styles/index.css

@@ -3238,6 +3238,7 @@
  */
 
 :where(.theme-scope) :where([data-block="event-registration"]) {
+  --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.6);
   --rb-event-tile-bg: var(--er-event-card-bg);
   --rb-event-tile-border: var(--er-border);
   --rb-event-tile-border-width: var(--er-event-card-border-width);
@@ -4895,6 +4896,237 @@
   background: rgba(var(--tb-text), 0.05);
 }
 
+/* In-flow booking teaser (sits at the block's position in the page) */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem 1.5rem;
+  padding: 1.25rem 1.5rem;
+  border: 1px solid var(--er-border);
+  border-radius: var(--rb-block-radius);
+  background: var(--er-event-card-bg);
+  color: var(--er-on-surface);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__title {
+  font-size: 1.0625rem;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__meta {
+  font-size: 0.9375rem;
+  line-height: 1.3;
+  opacity: 0.75;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__tickets {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  margin-top: 0.5rem;
+  padding-top: 0.625rem;
+  border-top: 1px solid var(--er-border);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 1rem;
+  font-size: 0.9375rem;
+  line-height: 1.35;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__ticket-name {
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-teaser__cta {
+  flex: 0 0 auto;
+}
+
+/* Fixed, full-width sticky booking bar (content-agnostic; sits above page flow) */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 12000;
+  padding: 0.75rem max(1rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
+  background: rgb(var(--tb-background));
+  border-top: 1px solid var(--er-border);
+  box-shadow: 0 -10px 30px rgba(var(--tb-shadow), 0.16);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  width: 100%;
+  max-width: 72rem;
+  margin-inline: auto;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__title {
+  font-size: 0.95rem;
+  font-weight: 700;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__meta {
+  font-size: 0.8125rem;
+  line-height: 1.25;
+  opacity: 0.75;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-bar__cta {
+  flex: 0 0 auto;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+  position: fixed;
+  inset: 0;
+  height: 100dvh;
+  z-index: 14000;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  background: var(--rb-modal-overlay-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100dvh;
+  min-height: 0;
+  overflow: hidden;
+  background: rgb(var(--tb-background));
+  color: var(--er-on-surface);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__header {
+  flex: 0 0 auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem;
+  background: rgb(var(--tb-background));
+  border-bottom: 1px solid var(--er-border);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__title {
+  margin: 0;
+  font-size: 1rem;
+  line-height: 1.25;
+  font-weight: 700;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__close {
+  width: 2rem;
+  height: 2rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--er-border);
+  border-radius: 999px;
+  background: transparent;
+  color: rgb(var(--tb-text));
+  font-size: 1.25rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay {
+  max-width: none;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  background: transparent;
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  gap: 0;
+  grid-template-rows: minmax(0, 1fr) auto;
+  grid-template-areas:
+    "main"
+    "footer";
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+  min-height: 0;
+  overflow: auto;
+  padding: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+  position: relative;
+  z-index: 3;
+  padding: 0.875rem 1rem max(0.875rem, env(safe-area-inset-bottom));
+  background: rgb(var(--tb-background));
+  border-top: 1px solid var(--er-border);
+  box-shadow: 0 -12px 26px rgba(var(--tb-shadow), 0.12);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-actions {
+  margin-top: 0;
+}
+
+@media (min-width: 768px) {
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay {
+    justify-content: flex-end;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-booking-overlay__panel {
+    width: min(32rem, 100vw);
+    min-height: 100%;
+    box-shadow: -16px 0 40px rgba(var(--tb-shadow), 0.22);
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-main {
+    padding: 1.25rem;
+  }
+
+  :where(.theme-scope) :where([data-block="event-registration"]) .er-container--overlay .er-payment-layout-footer {
+    padding: 0.875rem 1.25rem max(0.875rem, env(safe-area-inset-bottom));
+  }
+}
+
 /* Magic Link Form */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-magic-link-form {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.84.2",
+  "version": "0.88.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",

package/dist/SdkPreviewModeRuntime-4FGSVUYI.mjs

@@ -1,8 +0,0 @@
-"use client";
-export { SdkPreviewModeRuntime } from './chunk-OCGTXHSO.mjs';
-import './chunk-PYDHOMEO.mjs';
-import './chunk-NFWGLRZZ.mjs';
-import './chunk-WFPYN7KA.mjs';
-import './chunk-ZR2GQK2A.mjs';
-import './chunk-4QNLOTES.mjs';
-import './chunk-R7POPVJR.mjs';

package/dist/client/cart-X4YK4FTW.mjs

@@ -1,19 +0,0 @@
-import { mountShopBlockIsland, CartClient } from './chunk-52CGCQ7B.mjs';
-import './chunk-F5VRX5Y6.mjs';
-import './chunk-4OXKTA3D.mjs';
-import './chunk-I2MMZO53.mjs';
-import './chunk-ZFHRN6W2.mjs';
-import './chunk-L4J5Y62O.mjs';
-import './chunk-7UCLJ5SP.mjs';
-import './chunk-3DCJ45Z2.mjs';
-import './chunk-DVNUDUVT.mjs';
-import './chunk-UDNSI5PY.mjs';
-import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-VGDBVNOO.mjs';
-import './chunk-ZE5G642V.mjs';
-
-// src/rendering/islands/enhancers/cart.tsx
-var decode = defineIslandPropsDecoder("cart");
-var enhance = (root, props) => mountShopBlockIsland(root, props, CartClient, "cart");
-
-export { decode, enhance };

package/dist/client/checkout-OM2BEPWD.mjs

@@ -1,19 +0,0 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-52CGCQ7B.mjs';
-import './chunk-F5VRX5Y6.mjs';
-import './chunk-4OXKTA3D.mjs';
-import './chunk-I2MMZO53.mjs';
-import './chunk-ZFHRN6W2.mjs';
-import './chunk-L4J5Y62O.mjs';
-import './chunk-7UCLJ5SP.mjs';
-import './chunk-3DCJ45Z2.mjs';
-import './chunk-DVNUDUVT.mjs';
-import './chunk-UDNSI5PY.mjs';
-import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-VGDBVNOO.mjs';
-import './chunk-ZE5G642V.mjs';
-
-// src/rendering/islands/enhancers/checkout.tsx
-var decode = defineIslandPropsDecoder("checkout");
-var enhance = (root, props) => mountShopBlockIsland(root, props, CheckoutClient, "checkout");
-
-export { decode, enhance };

package/dist/client/chunk-I2MMZO53.mjs

@@ -1,6 +0,0 @@
-// ../blocks/src/lib/typeGuards.ts
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-
-export { isRecord };

package/dist/client/shop-WXSYV5QO.mjs

@@ -1,21 +0,0 @@
-import { mountShopBlockIsland, ShopClient } from './chunk-52CGCQ7B.mjs';
-import './chunk-F5VRX5Y6.mjs';
-import './chunk-4OXKTA3D.mjs';
-import './chunk-I2MMZO53.mjs';
-import './chunk-ZFHRN6W2.mjs';
-import './chunk-L4J5Y62O.mjs';
-import './chunk-7UCLJ5SP.mjs';
-import './chunk-3DCJ45Z2.mjs';
-import './chunk-DVNUDUVT.mjs';
-import './chunk-UDNSI5PY.mjs';
-import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-VGDBVNOO.mjs';
-import './chunk-ZE5G642V.mjs';
-
-// src/rendering/islands/enhancers/shop.tsx
-var decode = defineIslandPropsDecoder("shop");
-var enhance = (root, props) => {
-  return mountShopBlockIsland(root, props, ShopClient, "shop");
-};
-
-export { decode, enhance };