@riverbankcms/sdk 0.82.0 → 0.84.1

package/dist/server/theme.mjs

@@ -25,6 +25,7 @@ var eventListTreatmentValues = [
 ];
 var eyebrowTreatmentValues = [
   "plain",
+  "accent",
   "pill",
   "accent-pill",
   "pill-bounce",
@@ -938,6 +939,95 @@ var joyStamp = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/ornate-ritual.ts
+var ornateRitual = defineButtonPersonality({
+  id: "ornate-ritual",
+  name: "Ornate Ritual",
+  description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+  tags: { tone: "classic", energy: "vibrant", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "rounded",
+      shadow: "none",
+      textTransform: "uppercase",
+      fontWeight: 600,
+      borderWidth: 1,
+      hoverTransform: "none",
+      hoverColor: "none",
+      letterSpacing: "loose"
+    },
+    sizes: {
+      sm: { padding: "0.5625rem 1.25rem", fontSize: "text-xs" },
+      md: { padding: "0.75rem 1.75rem", fontSize: "text-xs" },
+      lg: { padding: "0.875rem 2.25rem", fontSize: "text-sm" },
+      xl: { padding: "1rem 2.75rem", fontSize: "text-base" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "primary-100" } }],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "solid", colorToken: "secondary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "accent",
+        borderRadius: "rounded-none",
+        sizes: {
+          sm: { padding: "0.375rem 0", fontSize: "text-xs" },
+          md: { padding: "0.5rem 0", fontSize: "text-sm" },
+          lg: { padding: "0.625rem 0", fontSize: "text-base" },
+          xl: { padding: "0.75rem 0", fontSize: "text-lg" }
+        },
+        effects: {
+          base: [{ effectId: "border-bottom-grow", options: { height: 1, colorToken: "accent", origin: "left" } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/pebble.ts
 var pebble = defineButtonPersonality({
   id: "pebble",
@@ -1211,7 +1301,8 @@ var buttonPersonalities = [
   inkStamp,
   brushedWash,
   showtimePill,
-  joyStamp
+  joyStamp,
+  ornateRitual
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])

package/dist/styles/index.css

@@ -71,6 +71,9 @@
     letter-spacing: 0.025em;
     text-transform: uppercase;
   }
+  .rb-eyebrow-treatment-accent {
+    color: rgb(var(--tb-accent));
+  }
   .rb-eyebrow-treatment-pill {
     align-self: center;
     display: inline-flex;
@@ -125,6 +128,27 @@
     font-weight: 400;
   }
 
+  /* Media shape treatments */
+  .rb-media-shape-square,
+  .rb-media-shape-rounded,
+  .rb-media-shape-circle,
+  .rb-media-shape-arch {
+    overflow: hidden;
+  }
+  .rb-media-shape-square {
+    border-radius: 0;
+  }
+  .rb-media-shape-rounded {
+    border-radius: var(--rb-media-shape-radius, 1rem);
+  }
+  .rb-media-shape-circle {
+    border-radius: 9999px;
+  }
+  .rb-media-shape-arch {
+    border-radius: 9999px 9999px var(--rb-media-shape-arch-base-radius, 0.125rem)
+      var(--rb-media-shape-arch-base-radius, 0.125rem);
+  }
+
   /* Navigation typography */
   .rb-nav-text {
     font-size: 0.875rem;
@@ -3233,7 +3257,7 @@
 :where(.theme-scope) :where([data-block="event-registration"]) .er-container {
   border-radius: var(--rb-block-radius);
   border: 1px solid var(--er-border);
-  padding: 1.5rem;
+  padding: clamp(1rem, 2vw, 1.5rem);
   background: rgb(var(--tb-surface));
   color: var(--er-on-surface);
   transition: border-color var(--rb-block-transition) ease;
@@ -3242,6 +3266,109 @@
   margin-inline: 0;
 }
 
+/* SSR shell / required-island fallback */
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell {
+  min-height: 24rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__steps {
+  margin-bottom: 1.25rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__eyebrow {
+  margin: 0 0 0.35rem;
+  color: var(--er-on-surface-subtle);
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__title {
+  margin: 0;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__copy {
+  margin: 0.35rem 0 0;
+  max-width: 36rem;
+  line-height: 1.45;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__cards {
+  margin-top: 0.25rem;
+  overflow: hidden;
+  border: 1px solid var(--er-border);
+  border-radius: var(--rb-block-radius);
+  background: var(--er-control-bg);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__card {
+  display: grid;
+  gap: 0.5rem;
+  padding: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__line {
+  height: 0.75rem;
+  border-radius: 9999px;
+  background: linear-gradient(
+    90deg,
+    var(--er-shell-line),
+    rgba(var(--tb-primary), 0.12),
+    var(--er-shell-line)
+  );
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__line--lg {
+  width: min(26rem, 82%);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__line--md {
+  width: min(19rem, 68%);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__line--sm {
+  width: min(14rem, 52%);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__line--xs {
+  width: min(10rem, 42%);
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__summary {
+  align-items: center;
+  border-radius: calc(var(--rb-block-radius) * 0.75);
+  border: 1px solid var(--er-summary-border);
+  padding: 0.875rem 1rem;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .er-registration-shell__button-placeholder {
+  display: inline-flex;
+  min-height: 2.5rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(var(--rb-block-radius) * 0.6);
+  background: rgb(var(--tb-primary));
+  color: rgb(var(--tb-primaryText, var(--tb-primaryForeground, 255 255 255)));
+  padding: 0.625rem 1rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.2;
+  text-align: center;
+  white-space: nowrap;
+}
+
+:where(.theme-scope) :where([data-block="event-registration"]) .event-registration__hydration-error {
+  border-radius: var(--rb-block-radius);
+  border: 1px solid var(--er-border-error);
+  background: var(--er-error-bg);
+  color: var(--er-error-text);
+  padding: 1rem;
+  font-size: 0.9375rem;
+  line-height: 1.45;
+}
+
 :where(.theme-scope) :where([data-block="event-registration"].event-registration--embedded) .er-container {
   max-width: none;
   padding: 0;
@@ -3289,6 +3416,7 @@
   padding: 1rem;
   border-radius: calc(var(--rb-block-radius) * 0.75);
   border: 1px solid var(--er-border);
+  background: var(--er-surface-muted);
 }
 
 /* Ticket counter */
@@ -3334,14 +3462,23 @@
 /* Form inputs */
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input {
   width: 100%;
-  padding: 0.5rem 0.75rem;
+  min-height: 2.75rem;
+  padding: 0.625rem 0.75rem;
   border-radius: calc(var(--rb-block-radius) * 0.5);
   border: 1px solid var(--er-border);
-  background: transparent;
+  background: var(--er-control-bg);
+  color: var(--er-control-text);
+  font: inherit;
+  line-height: 1.4;
   transition: border-color var(--rb-block-transition) ease,
+              background-color var(--rb-block-transition) ease,
               box-shadow var(--rb-block-transition) ease;
 }
 
+:where(.theme-scope) :where([data-block="event-registration"]) .er-input::placeholder {
+  color: var(--er-on-surface-faint);
+}
+
 :where(.theme-scope) :where([data-block="event-registration"]) .er-input:focus {
   outline: none;
   border-color: var(--er-border-selected);
@@ -3463,7 +3600,7 @@
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-event-grid .er-event-card {
-  padding: 0.75rem 0;
+  padding: 0.875rem 0;
   border-width: 0 0 var(--rb-event-tile-border-width, var(--rb-border-width, 1px)) 0;
   border-style: solid;
   border-radius: 0;
@@ -3695,21 +3832,24 @@
   align-items: flex-start;
   gap: 0.75rem;
   padding: 1rem;
-  border: 2px solid var(--er-payment-border);
+  border: 1px solid var(--er-payment-border);
   border-radius: var(--rb-block-radius);
-  background: transparent;
+  background: var(--er-control-bg);
   cursor: pointer;
   transition: border-color var(--rb-block-transition) ease,
+              box-shadow var(--rb-block-transition) ease,
               background-color var(--rb-block-transition) ease;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option:hover {
   border-color: var(--er-payment-border-hover);
+  box-shadow: 0 8px 18px rgba(var(--tb-shadow, 15 23 42), 0.08);
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-option--selected {
   border-color: var(--er-payment-border-selected);
   background-color: var(--er-payment-bg-selected);
+  box-shadow: 0 0 0 1px var(--er-payment-border-selected);
 }
 
 /* Discount code entry */
@@ -4385,22 +4525,25 @@
   justify-content: center;
   gap: 0.25rem;
   padding: 0.75rem 0.625rem;
-  border: 2px solid var(--er-payment-border);
+  border: 1px solid var(--er-payment-border);
   border-radius: var(--rb-block-radius);
-  background: transparent;
+  background: var(--er-control-bg);
   cursor: pointer;
   text-align: center;
   transition: border-color var(--rb-block-transition) ease,
+              box-shadow var(--rb-block-transition) ease,
               background-color var(--rb-block-transition) ease;
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile:hover:not([aria-disabled="true"]) {
   border-color: var(--er-payment-border-hover);
+  box-shadow: 0 8px 18px rgba(var(--tb-shadow, 15 23 42), 0.08);
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--selected {
   border-color: var(--er-payment-border-selected);
   background-color: var(--er-payment-bg-selected);
+  box-shadow: 0 0 0 1px var(--er-payment-border-selected);
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-payment-tile--disabled {
@@ -4503,11 +4646,10 @@
   justify-content: space-between;
   align-items: flex-start;
   gap: 1rem;
-  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;
+  padding: 0.875rem 1rem;
+  background: var(--er-surface-muted);
+  border: 1px solid var(--er-summary-border);
+  border-radius: calc(var(--rb-block-radius) * 0.75);
 }
 
 :where(.theme-scope) :where([data-block="event-registration"]) .er-summary-bar-info {
@@ -6280,16 +6422,10 @@
 /* Two-column row (opt-in per field via schema layout) */
 :where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
   display: grid;
-  grid-template-columns: 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
   gap: 1rem;
 }
 
-@media (min-width: 768px) {
-  :where(.theme-scope) :where([data-block="form"]) .fb-row-2 {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
 /* Field wrapper */
 :where(.theme-scope) :where([data-block="form"]) .fb-field {
   display: flex;
@@ -6365,6 +6501,10 @@
 }
 
 /* Subheadline - supporting text below headline */
+:where(.theme-scope) :where([data-block="hero"]) .hero-headline {
+  text-wrap: balance;
+}
+
 :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
   font-size: 1.125rem;
   color: var(--section-supporting-color, var(--section-text-color, rgb(var(--tb-text))));
@@ -6388,8 +6528,8 @@
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-editorial .hero-headline {
-  font-size: clamp(2.5rem, 5vw, 4rem);
-  line-height: 1.08;
+  font-size: clamp(2.75rem, 5.6vw, 4.75rem);
+  line-height: 1.06;
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-editorial .hero-subheadline {
@@ -6398,8 +6538,8 @@
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-display .hero-headline {
-  font-size: clamp(3rem, 6vw, 5rem);
-  line-height: 1.04;
+  font-size: clamp(3.5rem, 7.2vw, 6.25rem);
+  line-height: 1;
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-display .hero-subheadline {
@@ -6408,8 +6548,8 @@
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-poster .hero-headline {
-  font-size: clamp(3.5rem, 8vw, 6.5rem);
-  line-height: 0.98;
+  font-size: clamp(4.25rem, 10vw, 8.5rem);
+  line-height: 0.94;
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-typography-poster .hero-subheadline {
@@ -6418,13 +6558,13 @@
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-medium.rb-hero-typography-poster .hero-headline {
-  font-size: clamp(3rem, 6.5vw, 5rem);
+  font-size: clamp(3.5rem, 7.5vw, 6.5rem);
 }
 
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-poster .hero-headline,
 :where(.theme-scope) :where([data-block="hero"]) .rb-hero-title-long.rb-hero-typography-display .hero-headline {
-  font-size: clamp(2.75rem, 5.5vw, 4.5rem);
-  line-height: 1.05;
+  font-size: clamp(3rem, 6vw, 5.25rem);
+  line-height: 1.02;
 }
 
 @media (max-width: 639px) {
@@ -9145,8 +9285,9 @@
 /* Privacy note */
 :where(.theme-scope) .newsletter-privacy-note {
   margin-top: 0.75rem;
-  font-size: 0.75rem;
-  color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
+  font-size: 1rem;
+  line-height: 1.6;
+  color: var(--section-text-color, rgb(var(--tb-text)));
   text-align: center;
 }
 
@@ -9200,6 +9341,117 @@
 }
 
 
+/* =============================================================================
+ * Block: Contact + Newsletter
+ * =============================================================================
+ */
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .contact-newsletter-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
+  gap: clamp(2.5rem, 6vw, 4rem);
+  align-items: start;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .contact-newsletter-column {
+  min-width: 0;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .contact-newsletter-copy {
+  margin-bottom: 1.5rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .form-copy-title,
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .newsletter-copy-title {
+  margin: 0 0 0.75rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .form-copy-intro,
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .newsletter-copy-subtitle {
+  color: var(--section-text-color, rgb(var(--tb-text)));
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .contact-newsletter-info {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .newsletter-form {
+  max-width: none;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .newsletter-privacy-note {
+  text-align: left;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-row-2 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
+  gap: 1rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-fieldset {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-inline {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-success,
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-error,
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-empty {
+  border-radius: var(--rb-block-radius);
+  padding: 1rem;
+  font-size: 0.875rem;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-success {
+  background-color: var(--fb-success-bg);
+  color: var(--fb-success-text);
+  border: 1px solid var(--fb-success-border);
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-error {
+  background-color: var(--fb-error-bg);
+  color: var(--fb-error-text);
+  border: 1px solid var(--fb-error-border);
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-empty {
+  background-color: var(--fb-empty-bg);
+  color: var(--fb-empty-text);
+  border: 1px dashed var(--fb-empty-border);
+  text-align: center;
+}
+
+:where(.theme-scope) :where([data-block="contact-newsletter"]) .fb-actions {
+  margin-top: 0.5rem;
+}
+
+
 /* =============================================================================
  * Block: Team Members
  * =============================================================================
@@ -9422,8 +9674,8 @@
   container: event-compact-list / inline-size;
   border: 1px solid var(--event-compact-divider-color);
   border-radius: 1rem;
-  background: rgb(var(--tb-background, 255 255 255));
-  box-shadow: 0 1.25rem 3.5rem rgba(var(--tb-shadow), 0.08);
+  background: rgb(var(--tb-surface, 255 255 255));
+  box-shadow: none;
 }
 
 :where(.theme-scope) .rb-event-list-treatment-lined-panel .event-listing-compact-container {
@@ -9432,6 +9684,12 @@
     rgb(var(--tb-border, 229 231 235)),
     rgb(var(--tb-text, 17 24 39)) 8%
   );
+  background: rgb(var(--tb-surface, 255 255 255));
+  border-color: color-mix(
+    in oklab,
+    rgb(var(--tb-primary, 0 0 0)),
+    rgb(var(--tb-border, 229 231 235)) 72%
+  );
 }
 
 :where(.theme-scope) .event-compact-row {
@@ -9507,7 +9765,7 @@
 
 :where(.theme-scope) .event-compact-row-title {
   margin: 0;
-  color: rgb(var(--tb-text, 17 24 39));
+  color: var(--section-heading-color, rgb(var(--tb-primary, 0 0 0)));
   font-family: var(--font-heading, var(--font-body, inherit));
   font-size: clamp(1.05rem, 1rem + 0.35vw, 1.3rem);
   font-weight: 400;
@@ -9600,8 +9858,6 @@
   min-height: 2.7rem;
   justify-content: space-between;
   gap: 1rem;
-  border-radius: 9999px;
-  padding-inline: 1.25rem 1rem;
   white-space: nowrap;
 }
 

package/package.json

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

package/dist/SdkPreviewModeRuntime-RNVRHFFR.mjs

@@ -1,8 +0,0 @@
-"use client";
-export { SdkPreviewModeRuntime } from './chunk-6FWNF3DJ.mjs';
-import './chunk-2BUMISSH.mjs';
-import './chunk-G35HOQEN.mjs';
-import './chunk-HKB6XVIP.mjs';
-import './chunk-XQR6THQJ.mjs';
-import './chunk-FIREV57T.mjs';
-import './chunk-R7POPVJR.mjs';