@riverbankcms/sdk 0.8.1 → 0.9.0

package/dist/server/{types-CmBB0Osp.d.ts → types-gKcrQV09.d.ts}

@@ -1,4 +1,4 @@
-import { A as APIEndpoints } from './types-_SNCu2ZZ.js';
+import { A as APIEndpoints } from './types-C4jfCjaP.js';
 import './schema-DYtW0zEu.js';
 
 type SiteResponse = NonNullable<APIEndpoints['getSite']['response']>;
@@ -6,6 +6,7 @@ type PageResponse = NonNullable<APIEndpoints['getContentByPath']['response']>;
 type EntriesResponse = NonNullable<APIEndpoints['listPublishedEntries']['response']>;
 type EntryResponse = NonNullable<APIEndpoints['getPublishedEntryPreview']['response']>;
 type PublicFormResponse = NonNullable<APIEndpoints['getPublicFormById']['response']>;
+type PublicFormsResponse = NonNullable<APIEndpoints['listPublicForms']['response']>;
 type PublicBookingServicesResponse = NonNullable<APIEndpoints['getPublicBookingServices']['response']>;
 type PublicEventsResponse = NonNullable<APIEndpoints['listPublicEvents']['response']>;
 type ResolveEventOccurrenceResponse = NonNullable<APIEndpoints['resolveEventOccurrence']['response']>;
@@ -287,11 +288,19 @@ interface RiverbankClient {
         slug: string;
     } & SdkMethodOptions): Promise<EntryResponse>;
     /**
-     * Fetch a public form definition by ID
+     * Fetch a public form definition by ID or slug.
+     * When using slug, siteId is required for lookup.
      */
     getPublicFormById(params: {
         formId: string;
+        siteId?: string;
     } & SdkMethodOptions): Promise<PublicFormResponse>;
+    /**
+     * Fetch all forms for a site (used for prebuild cache)
+     */
+    getForms(params: {
+        siteId: string;
+    } & SdkMethodOptions): Promise<PublicFormsResponse>;
     /**
      * Fetch public booking services for a site
      */
@@ -411,4 +420,4 @@ interface RiverbankClient {
     getCircuitState(): CircuitState;
 }
 
-export type { CircuitState as C, EntriesResponse as E, GetEntriesBaseParams as G, PageResponse as P, RiverbankClient as R, SiteResponse as S, RiverbankClientConfig as a, EntryResponse as b, ResolveEventOccurrenceResponse as c, EntriesResponseWithMeta as d, PaginationMeta as e, ResilienceConfig as f, ResilienceStatus as g, ResilienceSource as h, RetryConfig as i, CircuitBreakerConfig as j };
+export type { CircuitState as C, EntriesResponse as E, GetEntriesBaseParams as G, PageResponse as P, RiverbankClient as R, SiteResponse as S, RiverbankClientConfig as a, EntryResponse as b, EntriesResponseWithMeta as c, PaginationMeta as d, ResilienceConfig as e, ResilienceStatus as f, ResilienceSource as g, RetryConfig as h, CircuitBreakerConfig as i, ResolveEventOccurrenceResponse as j };

package/dist/styles/index.css

@@ -0,0 +1,419 @@
+/**
+ * Builder SDK Base Styles
+ *
+ * These styles are required for Builder blocks to render correctly.
+ * Import this in your app's global CSS file:
+ *
+ * @import "@riverbankcms/sdk/styles.css";
+ */
+
+/* === @riverbankcms/blocks theme === */
+/* Fallback defaults so preview doesn't look broken before ThemeScope injects vars */
+:root {
+  /* --tb-primary: 17 24 39;  
+  --tb-text: 17 24 39;      
+  --tb-muted: 107 114 128;
+  --tb-bg: 255 255 255;  
+  --tb-surface: 248 250 252;
+  --tb-border: 229 231 235; 
+
+  --radius-control: 12px;
+  --radius-card: 12px;
+
+  --shadow-elev: 0 1px 2px rgba(0,0,0,.06);
+
+  --fs-h1: 32px;
+  --fs-h2: 24px;
+  --fs-h3: 20px;
+  --fs-body: 16px;
+
+  --font-heading: ui-sans-serif, system-ui, sans-serif;
+  --font-body: ui-sans-serif, system-ui, sans-serif;
+
+  --motion-duration: 180ms;
+  --motion-ease: cubic-bezier(.2,.8,.2,1); */
+}
+
+/*
+ * Theme Scope Styles
+ *
+ * IMPORTANT: All :where(.theme-scope) selectors are wrapped in :where() to give them
+ * zero specificity. This allows SDK site custom styles to easily override
+ * theme defaults without needing !important or high-specificity selectors.
+ *
+ * Example: `h4 { color: white; }` will override `:where(:where(.theme-scope)) h4`
+ */
+
+:where(:where(.theme-scope)) {
+    font-family: var(--font-body);
+    letter-spacing: var(--ls-body);
+    line-height: var(--lh-body);
+    font-weight: var(--font-weight-body);
+
+    & h1, & h2, & h3, & h4, & h5, & h6 {
+        font-family: var(--font-heading);
+        color: rgb(var(--tb-text));
+        font-weight: var(--font-weight-heading);
+        text-transform: var(--tt-heading);
+        font-variant-caps: var(--fv-heading);
+    }
+}
+
+/* Heading typographic overrides (fallback to defaults when not provided) */
+:where(:where(.theme-scope)) h1 { letter-spacing: var(--ls-h1, var(--ls-heading)); line-height: var(--lh-h1, var(--lh-heading)); font-weight: var(--fw-h1, var(--font-weight-heading)); }
+:where(:where(.theme-scope)) h2 { letter-spacing: var(--ls-h2, var(--ls-heading)); line-height: var(--lh-h2, var(--lh-heading)); font-weight: var(--fw-h2, var(--font-weight-heading)); }
+:where(:where(.theme-scope)) h3 { letter-spacing: var(--ls-h3, var(--ls-heading)); line-height: var(--lh-h3, var(--lh-heading)); font-weight: var(--fw-h3, var(--font-weight-heading)); }
+:where(:where(.theme-scope)) h4, :where(:where(.theme-scope)) h5, :where(:where(.theme-scope)) h6 { letter-spacing: var(--ls-heading); line-height: var(--lh-heading); }
+:where(:where(.theme-scope)) h4 { font-weight: var(--fw-h4, var(--font-weight-heading)); }
+:where(:where(.theme-scope)) h5 { font-weight: var(--fw-h5, var(--font-weight-heading)); }
+:where(:where(.theme-scope)) h6 { font-weight: var(--fw-h6, var(--font-weight-heading)); }
+
+/* Rich text element spacing based on theme rhythm */
+:where(.theme-scope) .prose h1 { margin-top: calc(var(--rt-space-y) * 1.6); margin-bottom: calc(var(--rt-space-y) * 0.8); }
+:where(.theme-scope) .prose h2 { margin-top: calc(var(--rt-space-y) * 1.4); margin-bottom: calc(var(--rt-space-y) * 0.7); }
+:where(.theme-scope) .prose h3 { margin-top: calc(var(--rt-space-y) * 1.2); margin-bottom: calc(var(--rt-space-y) * 0.6); }
+:where(.theme-scope) .prose h4 { margin-top: calc(var(--rt-space-y) * 1.0); margin-bottom: calc(var(--rt-space-y) * 0.5); }
+:where(.theme-scope) .prose h5 { margin-top: calc(var(--rt-space-y) * 0.9); margin-bottom: calc(var(--rt-space-y) * 0.45); }
+:where(.theme-scope) .prose h6 { margin-top: calc(var(--rt-space-y) * 0.8); margin-bottom: calc(var(--rt-space-y) * 0.40); }
+:where(.theme-scope) .prose p { margin: var(--rt-space-y) 0; }
+:where(.theme-scope) .prose ul, :where(.theme-scope) .prose ol { margin: var(--rt-space-y) 0; padding-left: 1.25rem; }
+:where(.theme-scope) .prose blockquote { margin: calc(var(--rt-space-y) * 1.0) 0; padding-left: 1rem; border-left: 3px solid rgb(var(--tb-border)); }
+
+/* Prose color overrides - use theme CSS variables instead of hardcoded colors
+ * This makes prose elements automatically adapt to light/dark themes */
+:where(.theme-scope) .prose {
+  /* Body text inherits from parent, which should already have theme color */
+  color: inherit;
+}
+
+:where(.theme-scope) .prose p,
+:where(.theme-scope) .prose li {
+  /* Body text uses inherited color (set by fragment via textColorStyle) */
+  color: inherit;
+}
+
+:where(.theme-scope) .prose h1,
+:where(.theme-scope) .prose h2,
+:where(.theme-scope) .prose h3,
+:where(.theme-scope) .prose h4,
+:where(.theme-scope) .prose h5,
+:where(.theme-scope) .prose h6 {
+  /* Headings inherit from parent or use theme text color */
+  color: inherit;
+}
+
+:where(.theme-scope) .prose strong,
+:where(.theme-scope) .prose b {
+  /* Bold text inherits color but increases weight */
+  color: inherit;
+  font-weight: 600;
+}
+
+:where(.theme-scope) .prose em,
+:where(.theme-scope) .prose i {
+  /* Italic text inherits color */
+  color: inherit;
+}
+
+:where(.theme-scope) .prose a {
+  /* Links use primary color from theme */
+  color: rgb(var(--tb-primary));
+  text-decoration: underline;
+  text-decoration-color: rgba(var(--tb-primary), 0.3);
+  transition: color 150ms ease, text-decoration-color 150ms ease;
+}
+
+:where(.theme-scope) .prose a:hover {
+  color: rgb(var(--tb-primary));
+  text-decoration-color: rgb(var(--tb-primary));
+}
+
+:where(.theme-scope) .prose blockquote {
+  /* Blockquotes use muted text color */
+  color: rgb(var(--tb-mutedText));
+  border-left-color: rgb(var(--tb-border));
+}
+
+:where(.theme-scope) .prose code {
+  /* Inline code uses text color with surface background */
+  color: inherit;
+  background-color: rgba(var(--tb-surface), 0.5);
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+}
+
+:where(.theme-scope) .prose pre {
+  /* Code blocks */
+  background-color: rgb(var(--tb-surface));
+  color: rgb(var(--tb-text));
+  border: 1px solid rgb(var(--tb-border));
+  border-radius: 0.5rem;
+  padding: 1rem;
+  overflow-x: auto;
+}
+
+:where(.theme-scope) .prose pre code {
+  /* Code inside pre blocks */
+  background-color: transparent;
+  padding: 0;
+  color: inherit;
+}
+
+:where(.theme-scope) .prose hr {
+  /* Horizontal rules */
+  border-color: rgb(var(--tb-border));
+}
+
+:where(.theme-scope) .prose ul > li::marker,
+:where(.theme-scope) .prose ol > li::marker {
+  /* List markers use muted text color */
+  color: rgb(var(--tb-mutedText));
+}
+
+/*
+/* Density helpers */
+:where(.theme-scope) .section-pad { padding-top: 4rem; padding-bottom: 4rem; }
+:where(.theme-scope)[data-density="airy"] .section-pad { padding-top: 4.5rem; padding-bottom: 4.5rem; }
+:where(.theme-scope)[data-density="compact"] .section-pad { padding-top: 3rem; padding-bottom: 3rem; }
+
+:where(.theme-scope) .rounded-control { border-radius: var(--radius-control); }
+:where(.theme-scope) .rounded-card    { border-radius: var(--radius-card); }
+
+:where(.theme-scope) .shadow-elev   { box-shadow: var(--shadow-elev); }
+
+:where(.theme-scope) .font-heading  { font-family: var(--font-heading); }
+:where(.theme-scope) .font-body     { font-family: var(--font-body); }
+
+:where(.theme-scope) .text-h1 { font-size: var(--fs-h1); line-height: 1.1; }
+:where(.theme-scope) .text-h2 { font-size: var(--fs-h2); line-height: 1.15; }
+:where(.theme-scope) .text-h3 { font-size: var(--fs-h3); line-height: 1.2; }
+:where(.theme-scope) .text-body-size { font-size: var(--fs-body); }
+
+:where(.theme-scope) .transition-theme { transition: all var(--motion-duration) var(--motion-ease); }
+:where(.theme-scope) .transition-theme-standard { transition: all var(--motion-duration) var(--motion-ease); }
+:where(.theme-scope) .transition-theme-subtle { transition: all calc(var(--motion-duration) * 0.75) var(--motion-ease); }
+:where(.theme-scope) .transition-theme-expressive { transition: all calc(var(--motion-duration) * 1.35) var(--motion-ease); }
+
+/* Gradient utility helpers (Tailwind-compatible) */
+/* These set gradient stop variables so classes like bg-gradient-to-r work with theme tokens */
+/* Base tokens */
+:where(.theme-scope) .from-background { --tw-gradient-from: rgb(var(--tb-background)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-background)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-background   { --tw-gradient-to:   rgb(var(--tb-background)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-surface    { --tw-gradient-from: rgb(var(--tb-surface)) var(--tw-gradient-from-position);    --tw-gradient-to: rgb(var(--tb-surface)) var(--tw-gradient-to-position);    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-surface      { --tw-gradient-to:   rgb(var(--tb-surface)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-text       { --tw-gradient-from: rgb(var(--tb-text)) var(--tw-gradient-from-position);       --tw-gradient-to: rgb(var(--tb-text)) var(--tw-gradient-to-position);       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-text         { --tw-gradient-to:   rgb(var(--tb-text)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-border     { --tw-gradient-from: rgb(var(--tb-border)) var(--tw-gradient-from-position);     --tw-gradient-to: rgb(var(--tb-border)) var(--tw-gradient-to-position);     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-border       { --tw-gradient-to:   rgb(var(--tb-border)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-success    { --tw-gradient-from: rgb(var(--tb-success)) var(--tw-gradient-from-position);    --tw-gradient-to: rgb(var(--tb-success)) var(--tw-gradient-to-position);    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-success      { --tw-gradient-to:   rgb(var(--tb-success)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-warning    { --tw-gradient-from: rgb(var(--tb-warning)) var(--tw-gradient-from-position);    --tw-gradient-to: rgb(var(--tb-warning)) var(--tw-gradient-to-position);    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-warning      { --tw-gradient-to:   rgb(var(--tb-warning)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-info       { --tw-gradient-from: rgb(var(--tb-info)) var(--tw-gradient-from-position);       --tw-gradient-to: rgb(var(--tb-info)) var(--tw-gradient-to-position);       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-info         { --tw-gradient-to:   rgb(var(--tb-info)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary   { --tw-gradient-from: rgb(var(--tb-primary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary     { --tw-gradient-to: rgb(var(--tb-primary)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary { --tw-gradient-from: rgb(var(--tb-secondary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary   { --tw-gradient-to: rgb(var(--tb-secondary)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent    { --tw-gradient-from: rgb(var(--tb-accent)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent      { --tw-gradient-to: rgb(var(--tb-accent)) var(--tw-gradient-to-position); }
+
+/* Shade tokens (50..950) for primary */
+:where(.theme-scope) .from-primary-50  { --tw-gradient-from: rgb(var(--tb-primary-50)) var(--tw-gradient-from-position);  --tw-gradient-to: rgb(var(--tb-primary-50)) var(--tw-gradient-to-position);  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-50    { --tw-gradient-to:   rgb(var(--tb-primary-50)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-100 { --tw-gradient-from: rgb(var(--tb-primary-100)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-100)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-100   { --tw-gradient-to:   rgb(var(--tb-primary-100)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-200 { --tw-gradient-from: rgb(var(--tb-primary-200)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-200)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-200   { --tw-gradient-to:   rgb(var(--tb-primary-200)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-300 { --tw-gradient-from: rgb(var(--tb-primary-300)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-300)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-300   { --tw-gradient-to:   rgb(var(--tb-primary-300)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-400 { --tw-gradient-from: rgb(var(--tb-primary-400)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-400)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-400   { --tw-gradient-to:   rgb(var(--tb-primary-400)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-500 { --tw-gradient-from: rgb(var(--tb-primary-500)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-500)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-500   { --tw-gradient-to:   rgb(var(--tb-primary-500)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-600 { --tw-gradient-from: rgb(var(--tb-primary-600)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-600)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-600   { --tw-gradient-to:   rgb(var(--tb-primary-600)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-700 { --tw-gradient-from: rgb(var(--tb-primary-700)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-700)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-700   { --tw-gradient-to:   rgb(var(--tb-primary-700)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-800 { --tw-gradient-from: rgb(var(--tb-primary-800)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-800)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-800   { --tw-gradient-to:   rgb(var(--tb-primary-800)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-900 { --tw-gradient-from: rgb(var(--tb-primary-900)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-900)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-900   { --tw-gradient-to:   rgb(var(--tb-primary-900)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-primary-950 { --tw-gradient-from: rgb(var(--tb-primary-950)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-primary-950)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-primary-950   { --tw-gradient-to:   rgb(var(--tb-primary-950)) var(--tw-gradient-to-position); }
+
+/* Shade tokens (50..950) for secondary */
+:where(.theme-scope) .from-secondary-50  { --tw-gradient-from: rgb(var(--tb-secondary-50)) var(--tw-gradient-from-position);  --tw-gradient-to: rgb(var(--tb-secondary-50)) var(--tw-gradient-to-position);  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-50    { --tw-gradient-to:   rgb(var(--tb-secondary-50)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-100 { --tw-gradient-from: rgb(var(--tb-secondary-100)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-100)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-100   { --tw-gradient-to:   rgb(var(--tb-secondary-100)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-200 { --tw-gradient-from: rgb(var(--tb-secondary-200)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-200)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-200   { --tw-gradient-to:   rgb(var(--tb-secondary-200)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-300 { --tw-gradient-from: rgb(var(--tb-secondary-300)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-300)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-300   { --tw-gradient-to:   rgb(var(--tb-secondary-300)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-400 { --tw-gradient-from: rgb(var(--tb-secondary-400)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-400)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-400   { --tw-gradient-to:   rgb(var(--tb-secondary-400)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-500 { --tw-gradient-from: rgb(var(--tb-secondary-500)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-500)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-500   { --tw-gradient-to:   rgb(var(--tb-secondary-500)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-600 { --tw-gradient-from: rgb(var(--tb-secondary-600)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-600)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-600   { --tw-gradient-to:   rgb(var(--tb-secondary-600)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-700 { --tw-gradient-from: rgb(var(--tb-secondary-700)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-700)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-700   { --tw-gradient-to:   rgb(var(--tb-secondary-700)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-800 { --tw-gradient-from: rgb(var(--tb-secondary-800)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-800)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-800   { --tw-gradient-to:   rgb(var(--tb-secondary-800)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-900 { --tw-gradient-from: rgb(var(--tb-secondary-900)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-900)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-900   { --tw-gradient-to:   rgb(var(--tb-secondary-900)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-secondary-950 { --tw-gradient-from: rgb(var(--tb-secondary-950)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-secondary-950)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-secondary-950   { --tw-gradient-to:   rgb(var(--tb-secondary-950)) var(--tw-gradient-to-position); }
+
+/* Shade tokens (50..950) for accent */
+:where(.theme-scope) .from-accent-50  { --tw-gradient-from: rgb(var(--tb-accent-50)) var(--tw-gradient-from-position);  --tw-gradient-to: rgb(var(--tb-accent-50)) var(--tw-gradient-to-position);  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-50    { --tw-gradient-to:   rgb(var(--tb-accent-50)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-100 { --tw-gradient-from: rgb(var(--tb-accent-100)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-100)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-100   { --tw-gradient-to:   rgb(var(--tb-accent-100)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-200 { --tw-gradient-from: rgb(var(--tb-accent-200)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-200)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-200   { --tw-gradient-to:   rgb(var(--tb-accent-200)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-300 { --tw-gradient-from: rgb(var(--tb-accent-300)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-300)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-300   { --tw-gradient-to:   rgb(var(--tb-accent-300)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-400 { --tw-gradient-from: rgb(var(--tb-accent-400)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-400)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-400   { --tw-gradient-to:   rgb(var(--tb-accent-400)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-500 { --tw-gradient-from: rgb(var(--tb-accent-500)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-500)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-500   { --tw-gradient-to:   rgb(var(--tb-accent-500)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-600 { --tw-gradient-from: rgb(var(--tb-accent-600)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-600)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-600   { --tw-gradient-to:   rgb(var(--tb-accent-600)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-700 { --tw-gradient-from: rgb(var(--tb-accent-700)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-700)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-700   { --tw-gradient-to:   rgb(var(--tb-accent-700)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-800 { --tw-gradient-from: rgb(var(--tb-accent-800)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-800)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-800   { --tw-gradient-to:   rgb(var(--tb-accent-800)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-900 { --tw-gradient-from: rgb(var(--tb-accent-900)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-900)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-900   { --tw-gradient-to:   rgb(var(--tb-accent-900)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-accent-950 { --tw-gradient-from: rgb(var(--tb-accent-950)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-accent-950)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-accent-950   { --tw-gradient-to:   rgb(var(--tb-accent-950)) var(--tw-gradient-to-position); }
+
+/* Shade tokens (50..950) for neutral */
+:where(.theme-scope) .from-neutral-50  { --tw-gradient-from: rgb(var(--tb-neutral-50))  var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-50))  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-50    { --tw-gradient-to:   rgb(var(--tb-neutral-50))  var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-100 { --tw-gradient-from: rgb(var(--tb-neutral-100)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-100)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-100   { --tw-gradient-to:   rgb(var(--tb-neutral-100)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-200 { --tw-gradient-from: rgb(var(--tb-neutral-200)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-200)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-200   { --tw-gradient-to:   rgb(var(--tb-neutral-200)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-300 { --tw-gradient-from: rgb(var(--tb-neutral-300)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-300)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-300   { --tw-gradient-to:   rgb(var(--tb-neutral-300)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-400 { --tw-gradient-from: rgb(var(--tb-neutral-400)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-400)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-400   { --tw-gradient-to:   rgb(var(--tb-neutral-400)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-500 { --tw-gradient-from: rgb(var(--tb-neutral-500)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-500)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-500   { --tw-gradient-to:   rgb(var(--tb-neutral-500)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-600 { --tw-gradient-from: rgb(var(--tb-neutral-600)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-600)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-600   { --tw-gradient-to:   rgb(var(--tb-neutral-600)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-700 { --tw-gradient-from: rgb(var(--tb-neutral-700)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-700)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-700   { --tw-gradient-to:   rgb(var(--tb-neutral-700)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-800 { --tw-gradient-from: rgb(var(--tb-neutral-800)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-800)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-800   { --tw-gradient-to:   rgb(var(--tb-neutral-800)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-900 { --tw-gradient-from: rgb(var(--tb-neutral-900)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-900)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-900   { --tw-gradient-to:   rgb(var(--tb-neutral-900)) var(--tw-gradient-to-position); }
+:where(.theme-scope) .from-neutral-950 { --tw-gradient-from: rgb(var(--tb-neutral-950)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--tb-neutral-950)) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+:where(.theme-scope) .to-neutral-950   { --tw-gradient-to:   rgb(var(--tb-neutral-950)) var(--tw-gradient-to-position); }
+
+:where(.theme-scope) .nav-underline-grow {
+  position: relative;
+  overflow: visible;
+}
+:where(.theme-scope) .nav-underline-grow::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: var(--nav-underline-offset, -0.35em);
+  width: 100%;
+  height: 2px;
+  background-color: currentColor;
+  transform: scaleX(0);
+  transform-origin: left center;
+  transition: transform calc(var(--motion-duration) * 1.1) var(--motion-ease);
+}
+:where(.theme-scope) .nav-underline-grow:hover::after,
+:where(.theme-scope) .nav-underline-grow.nav-underline-active[data-active="true"]::after {
+  transform: scaleX(1);
+}
+:where(.theme-scope) .nav-underline-offset-tight { --nav-underline-offset: -0.2em; }
+:where(.theme-scope) .nav-underline-offset-normal { --nav-underline-offset: -0.3em; }
+:where(.theme-scope) .nav-underline-offset-loose { --nav-underline-offset: -0.45em; }
+
+:where(.theme-scope) .card-surface {
+  background: rgb(var(--tb-surface));
+  border: 1px solid rgb(var(--tb-border));
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-elev);
+}
+:where(.theme-scope) .media-rounded { border-radius: var(--radius-card); }
+
+:where(.theme-scope) .is-placeholder::after {
+  content: "Placeholder";
+  position: absolute; top: .5rem; left: .5rem;
+  font-size: 11px;
+  background: color-mix(in oklab, rgb(var(--tb-bg)), rgb(var(--tb-text)) 10%);
+  color: rgb(var(--tb-text));
+  padding: .15rem .35rem; border-radius: 4px;
+  opacity: .85;
+}
+
+/* Status badges - theme-aware styling for capacity indicators */
+:where(.theme-scope) .badge-status {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+/* All badges use a subtle theme-aware style by default */
+:where(.theme-scope) .badge-status-available {
+  background-color: rgba(var(--tb-secondary), 0.15);
+  color: rgb(var(--tb-secondary-700, var(--tb-secondary)));
+}
+
+:where(.theme-scope) .badge-status-low {
+  background-color: rgba(var(--tb-accent), 0.15);
+  color: rgb(var(--tb-accent-700, var(--tb-accent)));
+}
+
+:where(.theme-scope) .badge-status-sold-out {
+  background-color: rgba(var(--tb-text), 0.1);
+  color: rgb(var(--tb-mutedText));
+}
+
+/* Event list empty state - theme-aware */
+:where(.theme-scope) .event-list-empty {
+  background-color: rgb(var(--tb-surface));
+  border-color: rgb(var(--tb-border));
+}
+
+
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+.theme-scope [data-animation="accordion"][data-state="open"] {
+  animation: accordion-down 0.25s ease-out;
+}
+
+.theme-scope [data-animation="accordion"][data-state="closed"] {
+  animation: accordion-up 0.2s ease-in;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.js",
   "module": "./dist/server/index.mjs",
@@ -129,11 +129,25 @@
       "import": "./dist/server/webhooks.mjs",
       "require": "./dist/server/webhooks.js"
     },
-    "./styles.css": "./src/styles/index.css"
+    "./prebuild": {
+      "types": "./dist/server/prebuild.d.ts",
+      "import": "./dist/server/prebuild.mjs",
+      "require": "./dist/server/prebuild.js"
+    },
+    "./prebuild/loader": {
+      "types": "./dist/server/prebuild-loader.d.ts",
+      "import": "./dist/server/prebuild-loader.mjs",
+      "require": "./dist/server/prebuild-loader.js"
+    },
+    "./prebuild/types": {
+      "types": "./dist/server/prebuild-types.d.ts",
+      "import": "./dist/server/prebuild-types.mjs",
+      "require": "./dist/server/prebuild-types.js"
+    },
+    "./styles.css": "./dist/styles/index.css"
   },
   "files": [
     "dist",
-    "src/styles",
     "README.md"
   ],
   "scripts": {