@riverbankcms/sdk 0.138.0 → 0.139.0

package/dist/styles/index.css

@@ -5027,7 +5027,8 @@
     [data-block='event-listing'],
     [data-block='event-spotlight'],
     [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-combined'],
+    .event-card--catalogue
   )
   .event-card-media {
   height: var(--rb-event-card-media-height, 16rem);
@@ -5040,7 +5041,8 @@
     [data-block='event-listing'],
     [data-block='event-spotlight'],
     [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-combined'],
+    .event-card--catalogue
   )
   .event-card-image {
   width: 100%;
@@ -5053,12 +5055,12 @@
 
 :where(.theme-scope)
   :where(
-    [data-block='event-listing'],
-    [data-block='event-spotlight'],
-    [data-block='event-calendar'],
-    [data-block='event-combined']
+    [data-block='event-listing'] .event-card:hover,
+    [data-block='event-spotlight'] .event-card:hover,
+    [data-block='event-calendar'] .event-card:hover,
+    [data-block='event-combined'] .event-card:hover,
+    .event-card--catalogue:hover
   )
-  .event-card:hover
   .event-card-image {
   transform: scale(var(--rb-event-card-image-hover-scale, 1.08));
 }
@@ -6997,16 +6999,6 @@
   gap: 0.5rem;
 }
 
-/* Empty day message */
-:where(.theme-scope)
-  :where([data-block='event-calendar'])
-  .event-agenda-day-empty {
-  font-size: 0.875rem;
-  opacity: var(--ec-empty-opacity);
-  margin: 0;
-  padding: 0.25rem 0;
-}
-
 /* -----------------------------------------------------------------------------
  * Agenda Event Card
  * Rich event card for agenda view
@@ -7090,7 +7082,6 @@
   gap: 0.75rem;
   flex-wrap: wrap;
   font-size: 0.75rem;
-  opacity: 0.7;
 }
 
 :where(.theme-scope)
@@ -7103,9 +7094,8 @@
 
 :where(.theme-scope)
   :where([data-block='event-calendar'])
-  .event-agenda-card-icon {
+.event-agenda-card-icon {
   flex-shrink: 0;
-  opacity: 0.7;
 }
 
 :where(.theme-scope)
@@ -7122,11 +7112,197 @@
 
 :where(.theme-scope)
   :where([data-block='event-calendar'])
-  .event-agenda-card-capacity--full {
-  color: rgb(var(--tb-error, 239 68 68));
+.event-agenda-card-capacity--full {
+  font-weight: 600;
+}
+
+/*
+ * Agenda rows
+ *
+ * The modal keeps the original button card above. Published agenda rows use
+ * an article so their title and booking action can be separate, accessible
+ * links without nesting anchors.
+ */
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda {
+  display: grid;
+  grid-template-columns: 0.25rem minmax(4.5rem, auto) minmax(0, 1fr) auto;
+  align-items: center;
+  column-gap: 1rem;
+  padding: 1rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-indicator {
+  grid-column: 1;
+  grid-row: 1;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  > .event-agenda-card-time {
+  grid-column: 2;
+  grid-row: 1;
+  font-size: 0.875rem;
+  font-weight: 700;
+  opacity: 1;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-content {
+  grid-column: 3;
+  grid-row: 1;
+  display: block;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title {
+  margin: 0;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title
+  a {
+  color: inherit;
+  text-decoration: none;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-title
+  a:hover {
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-details {
+  align-items: baseline;
+  gap: 0.25rem 0.6rem;
+  margin-top: 0.2rem;
+  font-size: 0.75rem;
+  line-height: 1.35;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-location {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-action {
+  grid-column: 4;
+  grid-row: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.5rem;
+  min-width: max-content;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-price {
+  font-size: 0.875rem;
+  font-weight: 700;
   opacity: 1;
 }
 
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-status {
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card--agenda
+  .event-agenda-card-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-empty {
+  margin: 0;
+  padding: 2rem 1rem;
+  text-align: center;
+  font-size: 0.875rem;
+  opacity: var(--ec-empty-opacity);
+}
+
+@media (max-width: 639px) {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda {
+    grid-template-columns: minmax(4.25rem, auto) minmax(0, 1fr);
+    grid-template-areas:
+      'time content'
+      'action action';
+    align-items: start;
+    column-gap: 0.75rem;
+    row-gap: 0.65rem;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-indicator {
+    display: none;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    > .event-agenda-card-time {
+    grid-area: time;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-content {
+    grid-area: content;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-agenda-card--agenda
+    .event-agenda-card-action {
+    grid-area: action;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}
+
 /* -----------------------------------------------------------------------------
  * Week Timetable View
  * Time-grid layout for recurring class schedules
@@ -8824,7 +9000,6 @@
 /* Shadow Utilities (defined in rb-utilities.css; theme-driven via --shadow-*) */
 
 
-
 /* =============================================================================
  * Block: Event List (Phase 3 client component migration)
  * =============================================================================
@@ -8850,8 +9025,9 @@
   border: 1px solid rgb(var(--tb-primary));
   border-radius: var(--rb-button-radius, 0.375rem);
   cursor: pointer;
-  transition: background-color var(--rb-block-transition, 150ms) ease,
-              color var(--rb-block-transition, 150ms) ease;
+  transition:
+    background-color var(--rb-block-transition, 150ms) ease,
+    color var(--rb-block-transition, 150ms) ease;
 }
 
 :where(.theme-scope) .event-reset-filters-btn:hover {
@@ -8879,6 +9055,63 @@
   text-underline-offset: 0.12em;
 }
 
+/* Catalogue cards can keep their media footprint when an event has no
+   resolved image. The date remains useful content and follows the site's
+   palette and typography tokens. */
+:where(.theme-scope) .event-card-date-fallback {
+  position: relative;
+  display: flex;
+  min-height: var(--rb-event-card-media-height, 16rem);
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 0.125rem;
+  overflow: hidden;
+  padding: 1.125rem;
+  border-bottom: 1px solid rgb(var(--tb-border, 229 231 235));
+  background: rgb(var(--tb-surfaceAlt, var(--tb-surface, 255 255 255)));
+  color: rgb(var(--tb-text, 17 24 39));
+}
+
+:where(.theme-scope) .event-card-date-fallback::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: radial-gradient(
+    120% 140% at 0% 0%,
+    color-mix(in srgb, rgb(var(--tb-primary, 0 0 0)) 11%, transparent),
+    transparent 62%
+  );
+  content: '';
+}
+
+:where(.theme-scope) .event-card-date-fallback-label,
+:where(.theme-scope) .event-card-date-fallback-value {
+  position: relative;
+}
+
+:where(.theme-scope) .event-card-date-fallback-label {
+  color: rgb(var(--tb-mutedText, var(--tb-muted, 107 114 128)));
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+:where(.theme-scope) .event-card-date-fallback-value {
+  color: rgb(var(--tb-primary, 0 0 0));
+  font-family: var(--font-heading, var(--font-body, inherit));
+  font-size: clamp(1.7rem, 1.35rem + 1.1vw, 2.35rem);
+  font-weight: 500;
+  letter-spacing: -0.025em;
+  line-height: 1.04;
+}
+
+:where(.theme-scope) .event-card-price {
+  color: rgb(var(--tb-text, 17 24 39));
+  font-weight: 600;
+}
+
 
 
 /* =============================================================================
@@ -12732,3 +12965,34 @@
 }
 
 
+/* =============================================================================
+ * Block: Appointment Services
+ * ============================================================================= */
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  column-gap: 1rem;
+  row-gap: 0.5rem;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-main {
+  flex: 1 1 16rem;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-price {
+  flex: 0 0 auto;
+}
+
+:where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-action {
+  flex: 1 0 100%;
+}
+
+@media (min-width: 768px) {
+  :where(.theme-scope) :where([data-block="appointment-services"]) .appointment-services-row-action {
+    flex: 0 0 auto;
+  }
+}
+
+

package/package.json

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

package/dist/_dts/api/src/navigation/identity.d.ts

@@ -1,59 +0,0 @@
-import { type Brand, type Result } from '../../../core/src/index';
-export type NavigationMenuIdentifier = Brand<string, 'NavigationMenuIdentifier'>;
-export type NavigationMenuIdentity = Brand<string, 'NavigationMenuIdentity'>;
-export type NavigationMenuIdentifierParseError = Readonly<{
-    kind: 'not_string';
-}> | Readonly<{
-    kind: 'empty_string';
-}>;
-export type NavigationMenuIdentityInput = Readonly<{
-    identifier?: string | null;
-    name: string;
-}>;
-export type NavigationMenuMatchCandidate = Readonly<{
-    id: string;
-    identifier?: string | null;
-    name: string;
-    isPrimary: boolean;
-}>;
-export type NavigationMenuMatchInput = Readonly<{
-    identifier?: string | null;
-    name: string;
-}>;
-export type NavigationMenuMatchPlan = Readonly<{
-    type: 'create';
-    identifier: NavigationMenuIdentifier | null;
-} | {
-    type: 'update';
-    menuId: string;
-    identifier: NavigationMenuIdentifier | null;
-} | {
-    type: 'adopt_legacy_primary';
-    menuId: string;
-    identifier: NavigationMenuIdentifier;
-} | {
-    type: 'identifier_conflict';
-    identifier: NavigationMenuIdentifier;
-    menuIds: readonly string[];
-} | {
-    type: 'ambiguous_legacy_primary';
-    identifier: NavigationMenuIdentifier;
-    menuIds: readonly string[];
-} | {
-    type: 'ambiguous_name';
-    name: string;
-    menuIds: readonly string[];
-}>;
-export type ActionableNavigationMenuMatchPlan = Extract<NavigationMenuMatchPlan, {
-    type: 'create' | 'update' | 'adopt_legacy_primary';
-}>;
-export type NavigationMenuMatchFailure = Exclude<NavigationMenuMatchPlan, ActionableNavigationMenuMatchPlan>;
-export declare function unsafeAsNavigationMenuIdentifier(identifier: string): NavigationMenuIdentifier;
-export declare function unsafeAsNavigationMenuIdentity(identity: string): NavigationMenuIdentity;
-export declare const MAIN_NAVIGATION_MENU_IDENTIFIER: NavigationMenuIdentifier;
-export declare function parseNavigationMenuIdentifier(value: unknown): Result<NavigationMenuIdentifier, NavigationMenuIdentifierParseError>;
-export declare function normalizeNavigationMenuIdentifier(identifier: string | null | undefined): NavigationMenuIdentifier | null;
-export declare function isMainNavigationMenuIdentifier(identifier: string | null | undefined): boolean;
-export declare function navigationMenuIdentity(input: NavigationMenuIdentityInput): NavigationMenuIdentity;
-export declare function planNavigationMenuMatch(input: NavigationMenuMatchInput, menus: readonly NavigationMenuMatchCandidate[]): NavigationMenuMatchPlan;
-export declare function actionableNavigationMenuMatchPlan(plan: NavigationMenuMatchPlan): Result<ActionableNavigationMenuMatchPlan, NavigationMenuMatchFailure>;