@riverbankcms/sdk 0.81.0 → 0.82.0

package/dist/styles/index.css

@@ -3242,6 +3242,14 @@
   margin-inline: 0;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"].event-registration--embedded) .er-container {
+  max-width: none;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
 /* Empty/unavailable states */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-empty {
   border-radius: var(--rb-block-radius);
@@ -3284,13 +3292,26 @@
 }
 
 /* Ticket counter */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-group {
+  display: flex;
+  align-items: center;
+  gap: 0.875rem;
+  flex-wrap: wrap;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-counter {
+  gap: 0.625rem;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-counter-btn {
-  width: 2.5rem;
-  height: 2.5rem;
+  width: 2.125rem;
+  height: 2.125rem;
   border-radius: 50%;
   border: 1px solid var(--er-border);
   background: transparent;
   cursor: pointer;
+  font-size: 1rem;
+  line-height: 1;
   transition: border-color var(--rb-block-transition) ease;
 }
 
@@ -3303,6 +3324,13 @@
   cursor: not-allowed;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-ticket-counter-limit {
+  margin: 0;
+  color: var(--er-on-surface-muted);
+  font-size: 0.8125rem;
+  line-height: 1.35;
+}
+
 /* Form inputs */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input {
   width: 100%;
@@ -3434,6 +3462,38 @@
   color: var(--er-on-surface);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card {
+  padding: 0.75rem 0;
+  border-width: 0 0 var(--rb-event-tile-border-width, var(--rb-border-width, 1px)) 0;
+  border-style: solid;
+  border-radius: 0;
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card:last-child {
+  border-bottom-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-option-main {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-title {
+  font-size: 1rem;
+  line-height: 1.35;
+  font-weight: 600;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-event-title {
   color: var(--er-on-surface);
 }
@@ -3443,6 +3503,10 @@
   margin: 0;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card .er-text {
+  line-height: 1.4;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card .er-text--muted {
   color: var(--er-on-surface-muted);
   opacity: 1;
@@ -3457,15 +3521,27 @@
   color: var(--er-on-surface-disabled);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected {
+  background: transparent;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card--selected .er-event-title {
+  color: rgb(var(--tb-primary));
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--muted,
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-card--disabled .er-text--faint {
   color: var(--er-on-surface-disabled-detail);
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-capacity-badge {
+  white-space: nowrap;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-counter-value {
-  font-size: 1.5rem;
+  font-size: 1.25rem;
   font-weight: 700;
-  width: 2rem;
+  width: 1.625rem;
   text-align: center;
 }
 
@@ -3480,17 +3556,11 @@
   gap: 0.75rem;
 }
 
-/* Event selection cards grid (1 col mobile, 2 cols on larger screens) */
+/* Event/date selection rows */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  gap: 0.75rem;
-}
-
-@media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
+  gap: 0;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-row {
@@ -4113,35 +4183,6 @@
   pointer-events: none;
 }
 
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-badges,
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-badge,
-:where(.theme-scope)
-  :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-  .event-card-tag {
-  display: inline-flex;
-  align-items: center;
-  width: fit-content;
-  padding: 0.2rem 0.6rem;
-  border-radius: 9999px;
-  font-size: 0.7rem;
-  font-weight: 600;
-  line-height: 1rem;
-  color: rgb(var(--tb-text));
-  background: rgba(var(--tb-border), 0.6);
-}
-
 /* =============================================================================
  * EventCard: Horizontal Layout (stack mode, md+ screens only)
  * ============================================================================= */
@@ -4149,7 +4190,7 @@
 @media (min-width: 768px) {
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] {
+    .event-card--horizontal {
     display: flex;
     flex-direction: row;
     gap: var(--rb-event-card-horizontal-gap, 1rem);
@@ -4158,7 +4199,7 @@
   /* Image: ~1/3 width */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-media {
+    .event-card--horizontal .event-card-media {
     width: var(--rb-event-card-horizontal-image-width, 33.333%);
     min-width: 200px;
     max-width: 320px;
@@ -4170,7 +4211,7 @@
   /* Content: fills remaining space */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .card-content {
+    .event-card--horizontal .card-content {
     flex: 1;
     min-width: 0;
   }
@@ -4178,7 +4219,7 @@
   /* Footer: row layout with button on left, capacity on right */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-footer {
+    .event-card--horizontal .event-card-footer {
     flex-direction: row-reverse;
     justify-content: space-between;
     align-items: center;
@@ -4187,14 +4228,14 @@
   /* Button: auto width */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-cta {
+    .event-card--horizontal .event-card-cta {
     width: auto;
   }
 
   /* Capacity: right-aligned */
   :where(.theme-scope)
     :where([data-block="event-listing"], [data-block="event-spotlight"], [data-block="event-calendar"], [data-block="event-combined"])
-    .event-card[data-orientation="horizontal"] .event-card-capacity {
+    .event-card--horizontal .event-card-capacity {
     text-align: right;
   }
 }
@@ -4261,14 +4302,14 @@
 }
 
 /* =============================================================================
- * Payment Step Layout (redesigned)
- * Three-area grid: main (tiles) + sidebar (portal auth) + footer (summary + actions)
+ * Payment Step Layout
+ * Main flow + optional legacy sidebar area + footer summary/actions
  * =============================================================================
  */
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
   display: grid;
-  gap: 1.5rem;
+  gap: 1.25rem;
   grid-template-columns: 1fr;
   grid-template-areas:
     "sidebar"
@@ -4276,6 +4317,13 @@
     "footer";
 }
 
+/* When no sidebar, main takes full width */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
+  grid-template-areas:
+    "main"
+    "footer";
+}
+
 @media (min-width: 768px) {
   :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout {
     grid-template-columns: 1fr 260px;
@@ -4284,7 +4332,6 @@
       "footer footer";
   }
 
-  /* When no sidebar, main takes full width */
   :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout--no-sidebar {
     grid-template-columns: 1fr;
     grid-template-areas:
@@ -4297,6 +4344,10 @@
   grid-area: main;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-main > .er-portal-auth {
+  margin-bottom: 1.5rem;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-layout-sidebar {
   grid-area: sidebar;
 }
@@ -4305,7 +4356,7 @@
   grid-area: footer;
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.875rem;
 }
 
 /* =============================================================================
@@ -4317,14 +4368,23 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 0.75rem;
+  align-items: stretch;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tiles > [role="listitem"] {
+  min-width: 0;
+  display: flex;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile {
+  width: 100%;
+  min-height: 5.75rem;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.375rem;
-  padding: 1rem 0.75rem;
+  justify-content: center;
+  gap: 0.25rem;
+  padding: 0.75rem 0.625rem;
   border: 2px solid var(--er-payment-border);
   border-radius: var(--rb-block-radius);
   background: transparent;
@@ -4407,14 +4467,14 @@
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-label {
   font-weight: 500;
-  font-size: 0.9375rem;
+  font-size: 0.875rem;
   line-height: 1.2;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-detail {
-  font-size: 0.8125rem;
+  font-size: 0.78125rem;
   color: var(--er-on-surface-subtle);
-  line-height: 1.2;
+  line-height: 1.25;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile-check {
@@ -4441,12 +4501,13 @@
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   gap: 1rem;
-  padding: 0.875rem 1rem;
-  background: var(--er-summary-bg);
-  border: 1px solid var(--er-summary-border);
-  border-radius: var(--rb-block-radius);
+  padding: 0.875rem 0;
+  background: transparent;
+  border-top: 1px solid var(--er-summary-border);
+  border-bottom: 1px solid var(--er-summary-border);
+  border-radius: 0;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-info {
@@ -4456,19 +4517,20 @@
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-event {
-  font-size: 1rem;
+  font-size: 0.9375rem;
   font-weight: 600;
   margin: 0;
   line-height: 1.3;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-meta {
-  font-size: 0.875rem;
+  font-size: 0.8125rem;
   color: rgba(var(--tb-text), 0.7);
+  line-height: 1.35;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-price {
-  font-size: 1.125rem;
+  font-size: 1rem;
   font-weight: 700;
   flex-shrink: 0;
   display: block;
@@ -4489,8 +4551,9 @@
   justify-content: space-between;
   align-items: flex-start;
   gap: 1rem;
-  padding: 0.75rem 1rem;
-  background: rgba(var(--tb-primary-100), 0.3);
+  padding: 0.75rem 0;
+  background: transparent;
+  border-top: 1px solid var(--er-summary-border);
   border-bottom: 1px solid var(--er-summary-border);
 }
 
@@ -5671,7 +5734,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 50;
+  /* Body-level modal portal baseline: clear sticky site/editor chrome unless a theme deliberately overrides it. */
+  z-index: var(--ec-modal-z-index, 20000);
   padding: 1rem;
   animation: ec-modal-fade-in 150ms ease-out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.81.0",
+  "version": "0.82.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",
@@ -239,21 +239,21 @@
     "cli": "tsx src/cli/index.ts"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.90.20",
+    "@tanstack/react-query": "^5.101.0",
     "commander": "^12.1.0",
     "dotenv": "^16.4.5",
     "fast-deep-equal": "^3.1.3",
-    "jiti": "^2.6.1",
+    "jiti": "^2.7.0",
     "prompts": "^2.4.2",
-    "simple-git": "^3.27.0",
+    "simple-git": "^3.36.0",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
+    "@tailwindcss/postcss": ">=4.0.0",
     "next": ">=14.0.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
-    "tailwindcss": ">=4.0.0",
-    "@tailwindcss/postcss": ">=4.0.0"
+    "tailwindcss": ">=4.0.0"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -261,29 +261,29 @@
     }
   },
   "devDependencies": {
-    "@riverbankcms/link-routing": "workspace:*",
     "@riverbankcms/altcha": "workspace:*",
     "@riverbankcms/api": "workspace:*",
     "@riverbankcms/blocks": "workspace:*",
     "@riverbankcms/content-model": "workspace:*",
     "@riverbankcms/core": "workspace:*",
-    "@riverbankcms/theme-core": "workspace:*",
-    "@riverbankcms/path-utils": "workspace:*",
+    "@riverbankcms/link-routing": "workspace:*",
     "@riverbankcms/media-core": "workspace:*",
+    "@riverbankcms/path-utils": "workspace:*",
     "@riverbankcms/preview-next": "workspace:*",
     "@riverbankcms/surfaces": "workspace:*",
-    "lucide-react": "^0.563.0",
+    "@riverbankcms/theme-core": "workspace:*",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^22.0.0",
+    "@types/node": "^22.18.5",
     "@types/prompts": "^2.4.9",
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.2",
-    "happy-dom": "^15.11.7",
-    "next": "^16.1.6",
+    "happy-dom": "^20.10.6",
+    "lucide-react": "^1.21.0",
+    "next": "^16.2.9",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vitest": "^3.2.4"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.9"
   },
   "repository": {
     "type": "git",

package/dist/SdkPreviewModeRuntime-AKCSCZEC.mjs

@@ -1,8 +0,0 @@
-"use client";
-export { SdkPreviewModeRuntime } from './chunk-3PTVPAT4.mjs';
-import './chunk-4T5JIPWY.mjs';
-import './chunk-3QWQ2MUQ.mjs';
-import './chunk-3VT7LZY2.mjs';
-import './chunk-WUHKQBB6.mjs';
-import './chunk-E3NZYEKF.mjs';
-import './chunk-R7POPVJR.mjs';