@riverbankcms/sdk 0.75.0 → 0.77.0

package/dist/client/{shop-UZ6IUZXD.mjs → shop-L4MZH4I2.mjs}

@@ -1,14 +1,14 @@
-import { mountShopBlockIsland, ShopClient } from './chunk-NWOUL6JY.mjs';
-import './chunk-ZLMS67RR.mjs';
+import { mountShopBlockIsland, ShopClient } from './chunk-GMVTOKYG.mjs';
+import './chunk-E2TDNXCL.mjs';
 import './chunk-II7O4XN3.mjs';
 import './chunk-I2MMZO53.mjs';
 import './chunk-RTZ3JKKX.mjs';
-import './chunk-2PHQZ666.mjs';
+import './chunk-JEZECJ3W.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-3PEDD5KJ.mjs';
 import './chunk-M3L3KYYR.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-FU2QRZMX.mjs';
+import { defineIslandPropsDecoder } from './chunk-R56FQ3RR.mjs';
 import './chunk-PMAIXMAB.mjs';
 
 // src/rendering/islands/enhancers/shop.tsx

package/dist/preview-next/chrome.css

@@ -9,4 +9,4 @@
  */
 
 @import "./editor-base.css";
-
+@import "./editor-chrome.css";

package/dist/preview-next/client/runtime.mjs

@@ -1,24 +1,24 @@
 "use client";
-export { PreviewLayoutProvider, PreviewQueryProvider, createPreviewQueryClient, useOptionalPreviewLayout, usePreviewLayout } from '../../chunk-Z7JLNTJR.mjs';
+export { PreviewLayoutProvider, PreviewQueryProvider, createPreviewQueryClient, useOptionalPreviewLayout, usePreviewLayout } from '../../chunk-6SMUFTXD.mjs';
 import '../../chunk-VX7B5VAC.mjs';
 import '../../chunk-XGB3TDIC.mjs';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var LazySdkPreviewMode = React.lazy(async () => {
-  const mod = await import('../../SdkPreviewModeRuntime-MTUGBTLQ.mjs');
+  const mod = await import('../../SdkPreviewModeRuntime-5FS5E6BI.mjs');
   return {
     default: mod.SdkPreviewModeRuntime
   };
 });
 var LazyPreviewShell = React.lazy(async () => {
-  const mod = await import('../../sdk-runtime-JCUQM63Y.mjs');
+  const mod = await import('../../sdk-runtime-Q6MTR4KL.mjs');
   return {
     default: mod.PreviewShell
   };
 });
 var LazyPreviewShellLayout = React.lazy(async () => {
-  const mod = await import('../../sdk-runtime-JCUQM63Y.mjs');
+  const mod = await import('../../sdk-runtime-Q6MTR4KL.mjs');
   return {
     default: mod.PreviewShellLayout
   };

package/dist/preview-next/editor-base.css

@@ -1,6 +1,5 @@
-/* Shared editor UI styles for dashboard and frontend preview/dev mode
- * This file contains all the CSS variables, theme definitions, and editor chrome
- * styles needed for a consistent editing experience across dashboard and frontend.
+/* Shared editor UI theme tokens for dashboard and frontend preview/dev mode.
+ * Preview/dev-only chrome styles live in editor-chrome.css.
  */
 
 /* Base CSS variables used throughout the editor UI */
@@ -299,148 +298,3 @@
   --tracking-wider: calc(var(--tracking-normal) + 0.05em);
   --tracking-widest: calc(var(--tracking-normal) + 0.1em);
 }
-
-/* Editor chrome theme class - applied to portal root for editor UI */
-.builder-dashboard-chrome-theme {
-  /* Core roles for editor UI components */
-  --color-background: oklch(1 0 0);
-  --color-foreground: oklch(0.35 0.02 30);     /* Dark brown */
-  --color-card: oklch(1 0 0);
-  --color-card-foreground: oklch(0.35 0.02 30);
-  --color-popover: oklch(1 0 0);
-  --color-popover-foreground: oklch(0.35 0.02 30);
-  --color-border: oklch(0.90 0.015 185);       /* Match --border */
-  --color-input: var(--field-border-subtle);
-  --color-ring: var(--field-border-strong);
-
-  /* Radius tokens used by UI components */
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-  --radius-xl: 1rem;
-}
-
-/* Editor block highlighting */
-[data-editor-block-highlight="true"] {
-  outline: 2px solid rgba(59, 130, 246, 0.6);
-  outline-offset: -2px;
-  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
-  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
-}
-
-/* Editor field highlighting */
-[data-editor-field-highlight="true"] {
-  outline: 2px solid rgba(59, 130, 246, 0.6);
-  outline-offset: -2px;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
-  border-radius: 0.5rem;
-  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
-}
-
-@layer base {
-  /* NOTE: Keep editor chrome styles scoped so SDK preview mode doesn't affect site styling. */
-  .builder-dashboard-chrome-theme,
-  .builder-dashboard-chrome-theme * {
-    @apply border-border;
-  }
-
-  .builder-dashboard-chrome-theme {
-    @apply bg-background text-foreground;
-    letter-spacing: var(--tracking-normal);
-  }
-
-  .builder-dashboard-chrome-theme h1 {
-    @apply text-3xl font-semibold;
-    letter-spacing: var(--heading-letter-spacing);
-  }
-
-  .builder-dashboard-chrome-theme h2 {
-    @apply text-2xl font-semibold;
-    letter-spacing: var(--heading-letter-spacing);
-  }
-
-  .builder-dashboard-chrome-theme h3 {
-    @apply text-xl font-semibold;
-    letter-spacing: var(--heading-letter-spacing);
-  }
-
-  .builder-dashboard-chrome-theme h4 {
-    @apply text-lg font-semibold;
-    letter-spacing: var(--heading-letter-spacing);
-  }
-
-  .builder-dashboard-chrome-theme h5 {
-    @apply text-base font-semibold;
-  }
-
-  .builder-dashboard-chrome-theme h6 {
-    @apply text-sm font-semibold;
-  }
-}
-
-/* Rich text editors need structural list styling even when no site theme is available. */
-.builder-editor-content ul,
-.builder-editor-content ol {
-  margin: var(--rt-space-y, 0.75rem) 0;
-  padding-left: 1.25rem;
-}
-
-.builder-editor-content ul {
-  list-style-type: disc;
-}
-
-.builder-editor-content ol {
-  list-style-type: decimal;
-}
-
-.builder-editor-content ul ul {
-  list-style-type: circle;
-}
-
-.builder-editor-content ul ul ul {
-  list-style-type: square;
-}
-
-.builder-editor-content ol ol {
-  list-style-type: lower-alpha;
-}
-
-.builder-editor-content ol ol ol {
-  list-style-type: lower-roman;
-}
-
-/* Collapsible animations for editor UI */
-@keyframes collapsible-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-collapsible-content-height);
-  }
-}
-
-@keyframes collapsible-up {
-  from {
-    height: var(--radix-collapsible-content-height);
-  }
-  to {
-    height: 0;
-  }
-}
-
-@layer utilities {
-  .animate-collapsible-down {
-    animation: collapsible-down 0.25s ease-out both;
-  }
-
-  .animate-collapsible-up {
-    animation: collapsible-up 0.25s ease-out both;
-  }
-}
-
-@layer components {
-  /* Interactive card item - clickable tiles with subtle border on hover */
-  .interactive-card-item {
-    @apply rounded-md border-[3px] border-transparent bg-background p-3 transition-colors hover:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring;
-  }
-}

package/dist/preview-next/editor-chrome.css

@@ -0,0 +1,179 @@
+@import "./editor-base.css";
+
+/* Editor chrome styles layered on top of editor-base.css tokens.
+ * Keep preview/dev-only chrome here so live public routes can avoid shipping it.
+ */
+
+/* Editor chrome theme class - applied to portal root for editor UI */
+.builder-dashboard-chrome-theme {
+  /* Core roles for editor UI components */
+  --color-background: oklch(1 0 0);
+  --color-foreground: oklch(0.35 0.02 30);     /* Dark brown */
+  --color-card: oklch(1 0 0);
+  --color-card-foreground: oklch(0.35 0.02 30);
+  --color-popover: oklch(1 0 0);
+  --color-popover-foreground: oklch(0.35 0.02 30);
+  --color-border: oklch(0.90 0.015 185);       /* Match --border */
+  --color-input: var(--field-border-subtle);
+  --color-ring: var(--field-border-strong);
+
+  /* Radius tokens used by UI components */
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+}
+
+/* Editor block highlighting */
+[data-editor-block-highlight="true"] {
+  outline: 2px solid rgba(59, 130, 246, 0.6);
+  outline-offset: -2px;
+  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
+  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
+}
+
+/* Editor field highlighting */
+[data-editor-field-highlight="true"] {
+  outline: 2px solid rgba(59, 130, 246, 0.6);
+  outline-offset: -2px;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
+  border-radius: 0.5rem;
+  transition: outline-offset 0.2s ease, box-shadow 0.2s ease;
+}
+
+@layer base {
+  /* NOTE: Keep editor chrome styles scoped so SDK preview mode doesn't affect site styling. */
+  .builder-dashboard-chrome-theme,
+  .builder-dashboard-chrome-theme * {
+    border-color: var(--color-border);
+  }
+
+  .builder-dashboard-chrome-theme {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+    letter-spacing: var(--tracking-normal);
+  }
+
+  .builder-dashboard-chrome-theme h1 {
+    font-size: 1.875rem;
+    font-weight: 600;
+    letter-spacing: var(--heading-letter-spacing);
+    line-height: 2.25rem;
+  }
+
+  .builder-dashboard-chrome-theme h2 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: var(--heading-letter-spacing);
+    line-height: 2rem;
+  }
+
+  .builder-dashboard-chrome-theme h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    letter-spacing: var(--heading-letter-spacing);
+    line-height: 1.75rem;
+  }
+
+  .builder-dashboard-chrome-theme h4 {
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: var(--heading-letter-spacing);
+    line-height: 1.75rem;
+  }
+
+  .builder-dashboard-chrome-theme h5 {
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.5rem;
+  }
+
+  .builder-dashboard-chrome-theme h6 {
+    font-size: 0.875rem;
+    font-weight: 600;
+    line-height: 1.25rem;
+  }
+}
+
+/* Rich text editors need structural list styling even when no site theme is available. */
+.builder-editor-content ul,
+.builder-editor-content ol {
+  margin: var(--rt-space-y, 0.75rem) 0;
+  padding-left: 1.25rem;
+}
+
+.builder-editor-content ul {
+  list-style-type: disc;
+}
+
+.builder-editor-content ol {
+  list-style-type: decimal;
+}
+
+.builder-editor-content ul ul {
+  list-style-type: circle;
+}
+
+.builder-editor-content ul ul ul {
+  list-style-type: square;
+}
+
+.builder-editor-content ol ol {
+  list-style-type: lower-alpha;
+}
+
+.builder-editor-content ol ol ol {
+  list-style-type: lower-roman;
+}
+
+/* Collapsible animations for editor UI */
+@keyframes collapsible-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+
+@keyframes collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+@layer utilities {
+  .animate-collapsible-down {
+    animation: collapsible-down 0.25s ease-out both;
+  }
+
+  .animate-collapsible-up {
+    animation: collapsible-up 0.25s ease-out both;
+  }
+}
+
+@layer components {
+  /* Interactive card item - clickable tiles with subtle border on hover */
+  .interactive-card-item {
+    background-color: var(--color-background);
+    border-color: transparent;
+    border-radius: var(--radius-md);
+    border-width: 3px;
+    padding: 0.75rem;
+    transition-duration: 150ms;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  }
+
+  .interactive-card-item:hover {
+    border-color: var(--color-primary);
+  }
+
+  .interactive-card-item:focus-visible {
+    box-shadow: 0 0 0 2px var(--color-ring);
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+}

package/dist/{sdk-runtime-JCUQM63Y.mjs → sdk-runtime-Q6MTR4KL.mjs}

@@ -1,8 +1,8 @@
 "use client";
-export { PreviewShell, PreviewShellLayout, SdkPreviewModeRuntime as SdkPreviewMode } from './chunk-BGMNDF6T.mjs';
-export { PreviewLayoutProvider, PreviewQueryProvider, createPreviewQueryClient, useOptionalPreviewLayout, usePreviewLayout } from './chunk-Z7JLNTJR.mjs';
-import './chunk-RWXQBRQZ.mjs';
-import './chunk-ZSHFGFUG.mjs';
-import './chunk-GFE74WRD.mjs';
+export { PreviewShell, PreviewShellLayout, SdkPreviewModeRuntime as SdkPreviewMode } from './chunk-EAWHBECW.mjs';
+export { PreviewLayoutProvider, PreviewQueryProvider, createPreviewQueryClient, useOptionalPreviewLayout, usePreviewLayout } from './chunk-6SMUFTXD.mjs';
+import './chunk-GSQX43EZ.mjs';
+import './chunk-ANKDYZ2E.mjs';
+import './chunk-WLQBJN2Z.mjs';
 import './chunk-VX7B5VAC.mjs';
 import './chunk-XGB3TDIC.mjs';