@riverbankcms/sdk 0.4.0 → 0.4.2

package/dist/server/{chunk-IT5ICP43.js → chunk-TKMA6D6U.js}

@@ -57,121 +57,46 @@ function clsx() {
 }
 var clsx_default = clsx;
 
-// ../media-core/dist/chunk-JAKU4BKA.mjs
-var DEFAULT_BASE_PATH = "/api/img";
-var formatNumber = (value) => Number.isInteger(value) ? value.toString() : value.toFixed(6).replace(/0+$/, "").replace(/\.$/, "");
-var addParam = (search, key, value) => {
-  if (value === void 0) return;
-  switch (key) {
-    case "fpX":
-      search.set("fp-x", formatNumber(value));
-      break;
-    case "fpY":
-      search.set("fp-y", formatNumber(value));
-      break;
-    case "rect": {
-      const rect = value;
-      if (!rect) break;
-      search.set("rect", rect.map(formatNumber).join(","));
-      break;
-    }
-    case "autoFormat":
-      if (value) {
-        search.append("auto", "format");
-      }
-      break;
-    case "invert":
-      search.set("invert", value ? "true" : "false");
-      break;
-    default:
-      search.set(
-        key,
-        typeof value === "number" ? formatNumber(value) : String(value)
-      );
-  }
-};
-var ORDER = [
-  "w",
-  "h",
-  "dpr",
-  "fit",
-  "crop",
-  "fpX",
-  "fpY",
-  "rect",
-  "q",
-  "fm",
-  "autoFormat",
-  "bg",
-  "flip",
-  "or",
-  "pad",
-  "blur",
-  "sharp",
-  "invert",
-  "sat",
-  "cs"
-];
-var getImageUrl = (asset, params = {}, basePath = DEFAULT_BASE_PATH) => {
-  const trimmedBase = basePath.endsWith("/") ? basePath.slice(0, Math.max(basePath.length - 1, 0)) : basePath;
-  const path = `${trimmedBase}/${encodeURIComponent(asset.id)}`;
-  const searchParams = new URLSearchParams();
-  ORDER.forEach((key) => {
-    addParam(searchParams, key, params[key]);
-  });
-  const query = searchParams.toString();
-  return query ? `${path}?${query}` : path;
-};
-
-// ../blocks/src/system/runtime/utils/api-url.ts
-function resolveMultiEnvDashboardUrl() {
-  const env = process.env.RIVERBANK_ENV;
-  if (!env) return null;
-  const envKey = `RIVERBANK_${env.toUpperCase()}_DASHBOARD_URL`;
-  const dashboardUrl = process.env[envKey];
-  if (dashboardUrl) {
-    return dashboardUrl.replace(/\/$/, "");
-  }
-  return null;
-}
-function getCmsApiUrl() {
-  const multiEnvDashboard = resolveMultiEnvDashboardUrl();
-  if (multiEnvDashboard) {
-    return `${multiEnvDashboard}/api`;
-  }
-  const builderApiUrl = process.env.NEXT_PUBLIC_BUILDER_API_URL;
-  if (builderApiUrl) {
-    return builderApiUrl.replace(/\/$/, "");
-  }
-  const dashboardUrl = process.env.NEXT_PUBLIC_DASHBOARD_URL;
-  if (dashboardUrl) {
-    const base = dashboardUrl.replace(/\/$/, "");
-    return `${base}/api`;
-  }
-  const legacyApiUrl = process.env.NEXT_PUBLIC_CMS_API_URL;
-  if (legacyApiUrl) {
-    return legacyApiUrl.replace(/\/$/, "");
-  }
-  throw new Error(
-    "Dashboard URL not configured. Either:\n  1. Set RIVERBANK_ENV with RIVERBANK_LOCAL_DASHBOARD_URL / RIVERBANK_REMOTE_DASHBOARD_URL\n  2. Set NEXT_PUBLIC_BUILDER_API_URL (SDK sites)\n  3. Set NEXT_PUBLIC_DASHBOARD_URL (frontend app)"
-  );
+// ../media-core/dist/chunk-ZBK775TB.mjs
+function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", options) {
+  const baseUrl = supabaseUrl.replace(/\/$/, "");
+  const encodedPath = storagePath.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+  const isSvg = storagePath.toLowerCase().endsWith(".svg");
+  if (options && !isSvg && (options.width || options.height)) {
+    const params = new URLSearchParams();
+    if (options.width) params.set("width", String(options.width));
+    if (options.height) params.set("height", String(options.height));
+    if (options.quality) params.set("quality", String(options.quality));
+    if (options.resize) params.set("resize", options.resize);
+    return `${baseUrl}/storage/v1/render/image/public/${storageBucket}/${encodedPath}?${params.toString()}`;
+  }
+  return `${baseUrl}/storage/v1/object/public/${storageBucket}/${encodedPath}`;
 }
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 var _jsxruntime = require('react/jsx-runtime');
+function getSupabaseUrl() {
+  const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
+  if (!url) {
+    throw new Error(
+      "NEXT_PUBLIC_SUPABASE_URL is not configured. Set it to your Supabase project URL (e.g., https://xxx.supabase.co)"
+    );
+  }
+  return url.replace(/\/$/, "");
+}
 var debugMediaNodeLog = (...args) => {
   if (typeof window !== "undefined" && window.__DEBUG_MEDIA_NODE__) {
     console.log("[MediaNode]", ...args);
   }
 };
-var MediaNode = ({ value, className, style, previewKey }) => {
+var MediaNode = ({ value, className, style }) => {
   if (!value) return null;
   if (value.type === "video") {
     const src = value.src;
     if (!src) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "video", { className, style, src, autoPlay: true, muted: true, loop: true, playsInline: true, "aria-label": _nullishCoalesce(value.alt, () => ( "")) });
   }
-  const imageUrl = resolveImageUrl(value, { previewKey });
+  const imageUrl = resolveImageUrl(value);
   if (!imageUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -182,56 +107,36 @@ var MediaNode = ({ value, className, style, previewKey }) => {
       }
     );
   }
-  const isCrossOrigin = typeof window !== "undefined" && imageUrl.startsWith("http") && !imageUrl.startsWith(window.location.origin);
-  const isApiRoute = imageUrl.includes("/api/img") || imageUrl.includes("/api/public/img");
-  const crossOriginMode = isCrossOrigin && isApiRoute ? "use-credentials" : isCrossOrigin ? "anonymous" : void 0;
+  const hotspotStyle = _optionalChain([value, 'access', _2 => _2.transform, 'optionalAccess', _3 => _3.hotspot]) ? { objectPosition: `${value.transform.hotspot.x * 100}% ${value.transform.hotspot.y * 100}%` } : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "img",
     {
       src: imageUrl,
       alt: _nullishCoalesce(value.alt, () => ( "")),
       className,
-      style,
-      loading: "lazy",
-      crossOrigin: crossOriginMode
+      style: _chunkEGTDJ4PLjs.mergeStyles.call(void 0, style, hotspotStyle),
+      loading: "lazy"
     }
   );
 };
-function resolveImageUrl(value, options = {}) {
+function resolveImageUrl(value) {
   if (value.type !== "image") return void 0;
-  const params = {};
-  const rect = _optionalChain([value, 'access', _2 => _2.transform, 'optionalAccess', _3 => _3.rect]);
-  const hotspot = _optionalChain([value, 'access', _4 => _4.transform, 'optionalAccess', _5 => _5.hotspot]);
-  if (rect && Array.isArray(rect) && rect.length === 4) {
-    params.rect = rect.join(",");
-  }
-  if (hotspot && typeof hotspot.x === "number" && typeof hotspot.y === "number") {
-    const x = clamp(hotspot.x);
-    const y = clamp(hotspot.y);
-    params.hotspot = `${x.toFixed(4)},${y.toFixed(4)}`;
-  }
   debugMediaNodeLog("resolveImageUrl input", {
     assetId: value.assetId,
+    storagePath: value.storagePath,
     src: value.src,
-    type: value.type,
-    hasPreviewKey: !!options.previewKey
+    type: value.type
   });
-  if (value.assetId) {
-    const cmsApiBase = getCmsApiUrl();
-    const basePath = `${cmsApiBase}/public/img`;
-    let resolved = getImageUrl({ id: value.assetId }, params, basePath);
-    if (options.previewKey) {
-      const separator = resolved.includes("?") ? "&" : "?";
-      resolved = `${resolved}${separator}preview_key=${encodeURIComponent(options.previewKey)}`;
-    }
-    debugMediaNodeLog("resolve:asset-id", {
-      assetId: value.assetId,
-      cmsApiBase,
-      basePath,
-      resolvedUrl: resolved,
-      hasPreviewKey: !!options.previewKey
+  if (value.storagePath && value.storagePath.length > 0) {
+    const supabaseUrl = getSupabaseUrl();
+    const bucket = _nullishCoalesce(value.storageBucket, () => ( "media"));
+    const directUrl = getDirectImageUrl(supabaseUrl, value.storagePath, bucket);
+    debugMediaNodeLog("resolve:direct-supabase", {
+      storagePath: value.storagePath,
+      bucket,
+      directUrl
     });
-    return resolved;
+    return directUrl;
   }
   if (typeof value.src === "string" && value.src.length > 0) {
     debugMediaNodeLog("resolve:explicit-src", { src: value.src });
@@ -240,9 +145,6 @@ function resolveImageUrl(value, options = {}) {
   debugMediaNodeLog("resolve:fallback-url", { fallbackUrl: _nullishCoalesce(value.url, () => ( null)) });
   return _nullishCoalesce(value.url, () => ( void 0));
 }
-function clamp(v, min6 = 0, max6 = 1) {
-  return Math.min(Math.max(v, min6), max6);
-}
 
 // ../../node_modules/.pnpm/chroma-js@3.1.2/node_modules/chroma-js/src/utils/limit.js
 var { min, max } = Math;
@@ -3239,7 +3141,7 @@ function expandPalette(palette) {
   }
   if (base.text) expanded.body = base.text;
   const isDark = base.background ? isBackgroundDark(base.background) : false;
-  const isDarkMode = _optionalChain([palette, 'access', _6 => _6.meta, 'optionalAccess', _7 => _7.mode]) === "dark" || isDark;
+  const isDarkMode = _optionalChain([palette, 'access', _4 => _4.meta, 'optionalAccess', _5 => _5.mode]) === "dark" || isDark;
   expanded.mutedText = isDarkMode ? expanded["neutral-600"] : expanded["neutral-500"];
   return expanded;
 }
@@ -3634,7 +3536,7 @@ var outerGlowEffect = {
     let glowColor;
     if (options.glowColorToken && typeof options.glowColorToken === "string") {
       glowColor = tokens.getColor(options.glowColorToken);
-    } else if (_optionalChain([buttonConfig, 'access', _8 => _8.border, 'optionalAccess', _9 => _9.colorToken])) {
+    } else if (_optionalChain([buttonConfig, 'access', _6 => _6.border, 'optionalAccess', _7 => _7.colorToken])) {
       glowColor = tokens.getColor(buttonConfig.border.colorToken);
     } else if (buttonConfig.background.type === "solid") {
       glowColor = tokens.getColor(buttonConfig.background.colorToken);
@@ -5157,8 +5059,8 @@ function generateAccordionCss({
   if (accordionSystem.hover.shadowElevation) {
     const hoverShadowValue = generateShadowValue(
       accordionSystem.hover.shadowElevation,
-      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _10 => _10.shadow, 'optionalAccess', _11 => _11.softness]), () => ( "soft")),
-      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _12 => _12.shadow, 'optionalAccess', _13 => _13.position]), () => ( "bottom"))
+      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _8 => _8.shadow, 'optionalAccess', _9 => _9.softness]), () => ( "soft")),
+      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _10 => _10.shadow, 'optionalAccess', _11 => _11.position]), () => ( "bottom"))
     );
     triggerHoverRules.push(`box-shadow: ${hoverShadowValue}`);
   }
@@ -5677,7 +5579,7 @@ function generateHeaderCss(options) {
 function generateHeaderRootStyles(header, themeId, tokens, _theme) {
   const selector = `:where([data-theme-scope="${themeId}"]) .header-root`;
   const rules = [];
-  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _14 => _14.navContainer, 'optionalAccess', _15 => _15.type]), () => ( "none"));
+  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _12 => _12.navContainer, 'optionalAccess', _13 => _13.type]), () => ( "none"));
   const isContainedNav = navContainerType === "pill" || navContainerType === "glass";
   if (isContainedNav) {
   } else {
@@ -5700,7 +5602,7 @@ function generateHeaderRootStyles(header, themeId, tokens, _theme) {
         "thick": "4px"
       }[header.border.width];
       if (borderWidth !== "0") {
-        const borderToken = _optionalChain([header, 'access', _16 => _16.border, 'optionalAccess', _17 => _17.color, 'optionalAccess', _18 => _18.trim, 'call', _19 => _19()]) || "border";
+        const borderToken = _optionalChain([header, 'access', _14 => _14.border, 'optionalAccess', _15 => _15.color, 'optionalAccess', _16 => _16.trim, 'call', _17 => _17()]) || "border";
         const borderColor = tokens.getColor(borderToken);
         const borderStyle = header.border.style === "dashed" ? "dashed" : "solid";
         if (header.border.position === "bottom") {
@@ -5765,9 +5667,9 @@ function generateNavLinkStyles(header, themeId, tokens) {
   const baseRules = [];
   const hoverRules = [];
   const activeRules = [];
-  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _20 => _20.navContainer, 'optionalAccess', _21 => _21.type]), () => ( "none"));
+  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _18 => _18.navContainer, 'optionalAccess', _19 => _19.type]), () => ( "none"));
   const usesGlassNavContainer = navContainerType === "glass";
-  const navColorToken = _optionalChain([header, 'access', _22 => _22.navColor, 'optionalAccess', _23 => _23.trim, 'call', _24 => _24()]);
+  const navColorToken = _optionalChain([header, 'access', _20 => _20.navColor, 'optionalAccess', _21 => _21.trim, 'call', _22 => _22()]);
   const primaryColor = tokens.getColor("primary");
   const navWeight = _nullishCoalesce(header.navWeight, () => ( "medium"));
   const navWeightMap = {
@@ -5883,7 +5785,7 @@ ${activeSelector} {
 }
 function generateNavContainerStyles(header, themeId, tokens) {
   const navContainer = header.navContainer;
-  const navContainerType = _nullishCoalesce(_optionalChain([navContainer, 'optionalAccess', _25 => _25.type]), () => ( "none"));
+  const navContainerType = _nullishCoalesce(_optionalChain([navContainer, 'optionalAccess', _23 => _23.type]), () => ( "none"));
   if (!navContainer || navContainerType === "none") return "";
   const selector = `:where([data-theme-scope="${themeId}"]) .header-nav-row`;
   const rules = [];
@@ -6251,7 +6153,7 @@ var defaultThemeTokens = {
 function buildThemeRuntime(theme, options) {
   const hydrated = hydrateTheme(theme);
   const cssVars = buildThemeCssVars(hydrated);
-  const themeId = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _26 => _26.themeId]), () => ( "theme-default"));
+  const themeId = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.themeId]), () => ( "theme-default"));
   const buttonCss = generateButtonCss({
     themeId,
     theme,
@@ -6313,9 +6215,9 @@ function buildThemeCssVars(theme) {
     ...typography.headings.h1.weight ? { ["--fw-h1"]: mapWeight(typography.headings.h1.weight) } : {},
     ...typography.headings.h2.weight ? { ["--fw-h2"]: mapWeight(typography.headings.h2.weight) } : {},
     ...typography.headings.h3.weight ? { ["--fw-h3"]: mapWeight(typography.headings.h3.weight) } : {},
-    ..._optionalChain([typography, 'access', _27 => _27.headings, 'access', _28 => _28.h4, 'optionalAccess', _29 => _29.weight]) ? { ["--fw-h4"]: mapWeight(typography.headings.h4.weight) } : {},
-    ..._optionalChain([typography, 'access', _30 => _30.headings, 'access', _31 => _31.h5, 'optionalAccess', _32 => _32.weight]) ? { ["--fw-h5"]: mapWeight(typography.headings.h5.weight) } : {},
-    ..._optionalChain([typography, 'access', _33 => _33.headings, 'access', _34 => _34.h6, 'optionalAccess', _35 => _35.weight]) ? { ["--fw-h6"]: mapWeight(typography.headings.h6.weight) } : {},
+    ..._optionalChain([typography, 'access', _25 => _25.headings, 'access', _26 => _26.h4, 'optionalAccess', _27 => _27.weight]) ? { ["--fw-h4"]: mapWeight(typography.headings.h4.weight) } : {},
+    ..._optionalChain([typography, 'access', _28 => _28.headings, 'access', _29 => _29.h5, 'optionalAccess', _30 => _30.weight]) ? { ["--fw-h5"]: mapWeight(typography.headings.h5.weight) } : {},
+    ..._optionalChain([typography, 'access', _31 => _31.headings, 'access', _32 => _32.h6, 'optionalAccess', _33 => _33.weight]) ? { ["--fw-h6"]: mapWeight(typography.headings.h6.weight) } : {},
     ["--ls-heading"]: mapLetterSpacing(typography.headings.default.letterSpacing),
     ["--ls-body"]: mapLetterSpacing(typography.body.letterSpacing),
     ...typography.headings.h1.letterSpacing ? { ["--ls-h1"]: mapLetterSpacing(typography.headings.h1.letterSpacing) } : {},
@@ -6508,12 +6410,12 @@ var RichTextValueSchema = _zod.z.union([
 ]);
 function buildRichTextSchema(options) {
   let schema = RichTextValueSchema;
-  if (_optionalChain([options, 'optionalAccess', _36 => _36.required])) {
+  if (_optionalChain([options, 'optionalAccess', _34 => _34.required])) {
     const label = _nullishCoalesce(options.label, () => ( "This field"));
     schema = schema.refine(
       (val) => {
         const doc = _nullishCoalesce(val.doc, () => ( val));
-        const content = _optionalChain([doc, 'optionalAccess', _37 => _37.content]);
+        const content = _optionalChain([doc, 'optionalAccess', _35 => _35.content]);
         if (!content || content.length === 0) return false;
         if (content.length === 1 && content[0].type === "paragraph" && !content[0].content) {
           return false;
@@ -6586,13 +6488,13 @@ function buildFieldSchema(field, allowNull, allowIncomplete = false) {
   return finalizeSchema(schema, required, allowNull, allowIncomplete);
 }
 function buildTextSchema(field) {
-  const ui = _nullishCoalesce(_optionalChain([field, 'optionalAccess', _38 => _38.ui]), () => ( {}));
-  const inputType = _optionalChain([ui, 'optionalAccess', _39 => _39.inputType]);
+  const ui = _nullishCoalesce(_optionalChain([field, 'optionalAccess', _36 => _36.ui]), () => ( {}));
+  const inputType = _optionalChain([ui, 'optionalAccess', _37 => _37.inputType]);
   let schema;
   if (inputType === "number") {
     schema = _zod.z.coerce.number();
-    if (typeof _optionalChain([ui, 'optionalAccess', _40 => _40.min]) === "number") schema = schema.min(ui.min);
-    if (typeof _optionalChain([ui, 'optionalAccess', _41 => _41.max]) === "number") schema = schema.max(ui.max);
+    if (typeof _optionalChain([ui, 'optionalAccess', _38 => _38.min]) === "number") schema = schema.min(ui.min);
+    if (typeof _optionalChain([ui, 'optionalAccess', _39 => _39.max]) === "number") schema = schema.max(ui.max);
   } else {
     schema = _zod.z.string();
     if (inputType === "email") {
@@ -6602,7 +6504,7 @@ function buildTextSchema(field) {
       const TEL_RE = /^[+()0-9\s\-]{3,}$/;
       schema = schema.regex(TEL_RE, `${field.label} must be a valid phone number`);
     }
-    if (_optionalChain([ui, 'optionalAccess', _42 => _42.pattern])) {
+    if (_optionalChain([ui, 'optionalAccess', _40 => _40.pattern])) {
       try {
         const re = new RegExp(ui.pattern);
         schema = schema.regex(re, `${field.label} is not in the correct format`);
@@ -6682,7 +6584,7 @@ function buildLinkSchema() {
 }
 function buildSelectSchema(field) {
   const ui = field.ui;
-  if (_optionalChain([ui, 'optionalAccess', _43 => _43.widget]) === "sdkSelect") {
+  if (_optionalChain([ui, 'optionalAccess', _41 => _41.widget]) === "sdkSelect") {
     const anyStringSchema = _zod.z.string();
     if (field.multiple) {
       const arraySchema = _zod.z.array(anyStringSchema);
@@ -6706,11 +6608,11 @@ function buildReferenceSchema(field) {
   return schema;
 }
 function buildRepeaterSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _44 => _44.schema, 'optionalAccess', _45 => _45.fields]), () => ( [])));
+  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _42 => _42.schema, 'optionalAccess', _43 => _43.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
-    if (child.type === "group" && _optionalChain([child, 'access', _46 => _46.ui, 'optionalAccess', _47 => _47.flattenInRepeater])) {
-      const groupParsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _48 => _48.schema, 'optionalAccess', _49 => _49.fields]), () => ( [])));
+    if (child.type === "group" && _optionalChain([child, 'access', _44 => _44.ui, 'optionalAccess', _45 => _45.flattenInRepeater])) {
+      const groupParsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _46 => _46.schema, 'optionalAccess', _47 => _47.fields]), () => ( [])));
       for (const gc of groupParsed) {
         childShape[gc.id] = buildFieldSchema(gc, allowNull, allowIncomplete);
       }
@@ -6729,7 +6631,7 @@ function buildRepeaterSchema(field, allowNull, allowIncomplete) {
   return arraySchema;
 }
 function buildGroupSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _50 => _50.schema, 'optionalAccess', _51 => _51.fields]), () => ( [])));
+  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _48 => _48.schema, 'optionalAccess', _49 => _49.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
     childShape[child.id] = buildFieldSchema(child, allowNull, allowIncomplete);
@@ -6870,7 +6772,7 @@ function getFragmentRegistry() {
 
 // ../blocks/src/system/transforms/registry/core.ts
 function runTransforms(value, transforms, context, registry) {
-  if (!_optionalChain([transforms, 'optionalAccess', _52 => _52.length])) return value;
+  if (!_optionalChain([transforms, 'optionalAccess', _50 => _50.length])) return value;
   return transforms.reduce((acc, step) => {
     const transform = registry.get(step.id);
     if (!transform) {
@@ -6953,7 +6855,7 @@ var resolveImageClassNameTransform = {
   kind: "string",
   summary: "Resolve className for background image based on objectFit, scale and position",
   run: (value, options, _context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _53 => _53.baseClass]), () => ( "absolute -z-10"));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _51 => _51.baseClass]), () => ( "absolute -z-10"));
     if (!value || typeof value !== "object") return `${baseClass} inset-0 h-full w-full`;
     const input = value;
     const objectFit = isString(input.objectFit) ? input.objectFit.trim() : null;
@@ -6995,7 +6897,7 @@ var backgroundTransforms = [
       const opacity = isNumber(input.opacity) ? input.opacity : isString(input.opacity) ? parseFloat(input.opacity) : null;
       const style = {};
       if (color) {
-        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _54 => _54.theme, 'optionalAccess', _55 => _55.palette, 'optionalAccess', _56 => _56[color]]) || color === "transparent" || color === "surface");
+        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _52 => _52.theme, 'optionalAccess', _53 => _53.palette, 'optionalAccess', _54 => _54[color]]) || color === "transparent" || color === "surface");
         if (!isToken) {
           style.backgroundColor = color;
         }
@@ -7014,7 +6916,7 @@ var backgroundTransforms = [
     kind: "string",
     summary: "Map background color token to Tailwind class with auto-overflow for custom sizing",
     run: (value, options, context) => {
-      const baseClass = _optionalChain([options, 'optionalAccess', _57 => _57.baseClass]);
+      const baseClass = _optionalChain([options, 'optionalAccess', _55 => _55.baseClass]);
       const base = typeof baseClass === "string" && baseClass.trim().length > 0 ? baseClass.trim() : "";
       if (!value || typeof value !== "object") return base;
       const input = value;
@@ -7023,7 +6925,7 @@ var backgroundTransforms = [
       const classes = [];
       if (base) classes.push(base);
       if (color) {
-        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _58 => _58.theme, 'optionalAccess', _59 => _59.palette, 'optionalAccess', _60 => _60[color]]) || color === "transparent" || color === "surface");
+        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _56 => _56.theme, 'optionalAccess', _57 => _57.palette, 'optionalAccess', _58 => _58[color]]) || color === "transparent" || color === "surface");
         if (isToken) {
           classes.push(`bg-${color}`);
         }
@@ -7096,8 +6998,8 @@ var spacingTransform = {
   kind: "string",
   summary: "Map semantic spacing value to Tailwind padding classes",
   run: (value, options, _context) => {
-    const axis = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _61 => _61.axis]), () => ( "all"));
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _62 => _62.baseClass]), () => ( ""));
+    const axis = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _59 => _59.axis]), () => ( "all"));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _60 => _60.baseClass]), () => ( ""));
     if (!value || typeof value !== "string") {
       return baseClass.trim() || "";
     }
@@ -7121,7 +7023,7 @@ var raisedTransform = {
     if (value !== true) {
       return baseClass.trim() || "";
     }
-    const shadowValue = _optionalChain([context, 'access', _63 => _63.theme, 'optionalAccess', _64 => _64.shadow, 'optionalAccess', _65 => _65.medium]);
+    const shadowValue = _optionalChain([context, 'access', _61 => _61.theme, 'optionalAccess', _62 => _62.shadow, 'optionalAccess', _63 => _63.medium]);
     if (!shadowValue || shadowValue === "none") {
       return baseClass.trim() || "";
     }
@@ -7163,7 +7065,7 @@ var boxStylesCompositeTransform = {
   summary: "Composite transform for all box style properties",
   run: (value, options, context) => {
     if (!value || typeof value !== "object") {
-      return _optionalChain([options, 'access', _66 => _66.baseClass, 'optionalAccess', _67 => _67.trim, 'call', _68 => _68()]) || "";
+      return _optionalChain([options, 'access', _64 => _64.baseClass, 'optionalAccess', _65 => _65.trim, 'call', _66 => _66()]) || "";
     }
     const input = value;
     const axis = _nullishCoalesce(options.axis, () => ( "all"));
@@ -7198,12 +7100,12 @@ var sectionClassNameTransform = {
   kind: "string",
   summary: "Resolve section className from spacing and fullWidth setting",
   run: (value, options, context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _69 => _69.baseClass]), () => ( ""));
-    const containerStylesPath = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _70 => _70.containerStylesPath]), () => ( "_containerStyles"));
-    const defaultSpacing = _optionalChain([options, 'optionalAccess', _71 => _71.defaultSpacing]);
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _67 => _67.baseClass]), () => ( ""));
+    const containerStylesPath = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _68 => _68.containerStylesPath]), () => ( "_containerStyles"));
+    const defaultSpacing = _optionalChain([options, 'optionalAccess', _69 => _69.defaultSpacing]);
     const contextData = context.data;
-    const containerStyles = _optionalChain([contextData, 'optionalAccess', _72 => _72[containerStylesPath]]);
-    const fullWidth = _optionalChain([containerStyles, 'optionalAccess', _73 => _73.fullWidth]) === true;
+    const containerStyles = _optionalChain([contextData, 'optionalAccess', _70 => _70[containerStylesPath]]);
+    const fullWidth = _optionalChain([containerStyles, 'optionalAccess', _71 => _71.fullWidth]) === true;
     let adjustedBaseClass = baseClass;
     if (fullWidth && baseClass) {
       adjustedBaseClass = baseClass.split(" ").filter((cls) => !cls.startsWith("px-")).join(" ").trim();
@@ -7234,7 +7136,7 @@ var containerStylesResolveClassName = {
   kind: "string",
   summary: "Resolve container className based on fullWidth setting",
   run: (value, options, _context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _74 => _74.baseClass]), () => ( ""));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _72 => _72.baseClass]), () => ( ""));
     if (!value || typeof value !== "object") {
       const defaultClass = "container mx-auto";
       return baseClass ? `${baseClass} ${defaultClass}`.trim() : defaultClass;
@@ -7440,7 +7342,7 @@ function renderMarks(text, marks, key) {
 }
 function renderDoc(node, key) {
   if (!node || !node.type) return null;
-  const children = _optionalChain([node, 'access', _75 => _75.content, 'optionalAccess', _76 => _76.map, 'call', _77 => _77((child, index) => renderDoc(child, `${key}-${index}`))]);
+  const children = _optionalChain([node, 'access', _73 => _73.content, 'optionalAccess', _74 => _74.map, 'call', _75 => _75((child, index) => renderDoc(child, `${key}-${index}`))]);
   switch (node.type) {
     case "doc":
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
@@ -7448,7 +7350,7 @@ function renderDoc(node, key) {
       if (!children && !node.text) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", {}, key);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _nullishCoalesce(children, () => ( renderMarks(_nullishCoalesce(node.text, () => ( "")), node.marks, key))) }, key);
     case "heading": {
-      const level = Math.min(Math.max(_nullishCoalesce(_optionalChain([node, 'access', _78 => _78.attrs, 'optionalAccess', _79 => _79.level]), () => ( 2)), 1), 6);
+      const level = Math.min(Math.max(_nullishCoalesce(_optionalChain([node, 'access', _76 => _76.attrs, 'optionalAccess', _77 => _77.level]), () => ( 2)), 1), 6);
       const headingTag = `h${level}`;
       return React5.default.createElement(headingTag, { key }, children);
     }
@@ -7487,7 +7389,7 @@ var TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blo
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text, { ...rest, children: _nullishCoalesce(value, () => ( children)) });
 };
 var RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-  const doc = _nullishCoalesce(_optionalChain([value, 'optionalAccess', _80 => _80.doc]), () => ( value));
+  const doc = _nullishCoalesce(_optionalChain([value, 'optionalAccess', _78 => _78.doc]), () => ( value));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RichText, { doc, ...rest });
 };
 var ButtonNode = ({
@@ -7565,7 +7467,7 @@ var FormNodeSSR = ({ value, submitLabel, successMessage: _successMessage, classN
       }
     );
   }
-  const fields = _optionalChain([form, 'optionalAccess', _81 => _81.schemaJson, 'optionalAccess', _82 => _82.fields]);
+  const fields = _optionalChain([form, 'optionalAccess', _79 => _79.schemaJson, 'optionalAccess', _80 => _80.fields]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { method: "POST", action: "/api/forms/submit", className: clsx_default("space-y-4", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", name: "form_id", value: form.id }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "text", name: "company", className: "hidden", tabIndex: -1, autoComplete: "off" }),
@@ -8204,7 +8106,7 @@ function extractSegmentsFromPart(part) {
     segments.push(baseMatch[1]);
   }
   const bracketMatches = Array.from(part.matchAll(BRACKET_ACCESS_REGEX));
-  const bracketSegments = bracketMatches.map((match) => _nullishCoalesce(_optionalChain([match, 'access', _83 => _83.groups, 'optionalAccess', _84 => _84.token]), () => ( ""))).filter((token) => token.length > 0).map(parseBracketToken);
+  const bracketSegments = bracketMatches.map((match) => _nullishCoalesce(_optionalChain([match, 'access', _81 => _81.groups, 'optionalAccess', _82 => _82.token]), () => ( ""))).filter((token) => token.length > 0).map(parseBracketToken);
   segments.push(...bracketSegments);
   if (!baseMatch && !part.includes("[")) {
     return [part];
@@ -8227,7 +8129,7 @@ function getAbsoluteSegments(fromPath, context) {
     return [first === "$root" ? "$root" : "content", ...rest];
   }
   const scoped = context.scopes.find((entry) => entry.name === first);
-  if (_optionalChain([scoped, 'optionalAccess', _85 => _85.basePathSegments]) && scoped.basePathSegments.length > 0) {
+  if (_optionalChain([scoped, 'optionalAccess', _83 => _83.basePathSegments]) && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
   return void 0;
@@ -8282,7 +8184,7 @@ function applyTransformsAndFallback(value, binding, context) {
   const routeMap = _nullishCoalesce(context.routes, () => ( extractRouteMapFromViewModel(context.viewModel)));
   const transformed = runTransforms(
     value,
-    _nullishCoalesce(_optionalChain([binding, 'access', _86 => _86.transforms, 'optionalAccess', _87 => _87.map, 'call', _88 => _88((step) => ({ id: step.id, options: step.options }))]), () => ( [])),
+    _nullishCoalesce(_optionalChain([binding, 'access', _84 => _84.transforms, 'optionalAccess', _85 => _85.map, 'call', _86 => _86((step) => ({ id: step.id, options: step.options }))]), () => ( [])),
     { theme: _nullishCoalesce(context.theme, () => ( defaultThemeTokens)), routes: routeMap },
     transforms
   );
@@ -8466,7 +8368,7 @@ function injectEditorPath(props, node, parsedBinding, context) {
   };
 }
 function resolveChildren(nodes, context) {
-  if (!_optionalChain([nodes, 'optionalAccess', _89 => _89.length])) return [];
+  if (!_optionalChain([nodes, 'optionalAccess', _87 => _87.length])) return [];
   return nodes.flatMap((child, index) => {
     const childContext = { ...context, scopes: [...context.scopes] };
     const resolved = resolveNode2(child, childContext, index);
@@ -8488,7 +8390,7 @@ function resolveNode2(node, context, indexFallback) {
   const normalizedType = node.type.toLowerCase();
   const component = _nullishCoalesce(_nullishCoalesce(registry[node.type], () => ( registry[normalizedType])), () => ( (normalizedType === "section" ? SectionNode : void 0)));
   if (!component) {
-    if (_optionalChain([globalThis, 'optionalAccess', _90 => _90.process, 'optionalAccess', _91 => _91.env, 'optionalAccess', _92 => _92.NODE_ENV]) !== "production") {
+    if (_optionalChain([globalThis, 'optionalAccess', _88 => _88.process, 'optionalAccess', _89 => _89.env, 'optionalAccess', _90 => _90.NODE_ENV]) !== "production") {
       console.warn(`[block-system] Missing renderer for node type: ${node.type}`);
     }
     return null;
@@ -8587,11 +8489,11 @@ function resolveBlockLayout(manifest, content) {
   if (!manifest.variants) {
     return _nullishCoalesce(manifest.layout, () => ( null));
   }
-  const contentVariant = _optionalChain([content, 'optionalAccess', _93 => _93.variant]);
+  const contentVariant = _optionalChain([content, 'optionalAccess', _91 => _91.variant]);
   if (typeof contentVariant === "string" && manifest.variants[contentVariant]) {
     return manifest.variants[contentVariant];
   }
-  const contentLayout = _optionalChain([content, 'optionalAccess', _94 => _94.layout]);
+  const contentLayout = _optionalChain([content, 'optionalAccess', _92 => _92.layout]);
   if (typeof contentLayout === "string" && manifest.variants[contentLayout]) {
     return manifest.variants[contentLayout];
   }
@@ -8648,7 +8550,7 @@ function makeDefaultBlockComponent(args) {
         ...typeof themeConfig !== "undefined" ? { theme: themeConfig } : {}
       }
     };
-    const themeForTransforms = _optionalChain([themeConfig, 'optionalAccess', _95 => _95.buttons]) ? { ...theme, buttons: themeConfig.buttons } : theme;
+    const themeForTransforms = _optionalChain([themeConfig, 'optionalAccess', _93 => _93.buttons]) ? { ...theme, buttons: themeConfig.buttons } : theme;
     return resolveTree(layout, {
       registry,
       viewModel,
@@ -8687,7 +8589,7 @@ function renderBlock(manifest, content, options = {}) {
 
 // ../blocks/src/system/manifest/hydrateLinks.ts
 function hydrateManifestLinks(manifest, content, routes) {
-  if (!routes || !_optionalChain([manifest, 'optionalAccess', _96 => _96.fields, 'optionalAccess', _97 => _97.length])) {
+  if (!routes || !_optionalChain([manifest, 'optionalAccess', _94 => _94.fields, 'optionalAccess', _95 => _95.length])) {
     return content;
   }
   const hydrated = hydrateValue(content, routes);
@@ -8900,7 +8802,7 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
 }) {
   const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
   let definition = _chunkEGTDJ4PLjs.getBlockDefinition.call(void 0, block.kind);
-  if (!definition && block.kind.startsWith("custom.") && _optionalChain([sdkConfig, 'optionalAccess', _98 => _98.customBlocks])) {
+  if (!definition && block.kind.startsWith("custom.") && _optionalChain([sdkConfig, 'optionalAccess', _96 => _96.customBlocks])) {
     const sdkBlock = sdkConfig.customBlocks.find((b) => b.id === block.kind);
     if (sdkBlock) {
       definition = transformSdkBlockToDefinition(sdkBlock);
@@ -8914,14 +8816,14 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   const validator = createManifestValidator(definition.manifest, { allowNull: false });
   const parsed = validator.safeParse(content);
   try {
-    const env = _optionalChain([globalThis, 'access', _99 => _99.process, 'optionalAccess', _100 => _100.env, 'optionalAccess', _101 => _101.NODE_ENV]);
+    const env = _optionalChain([globalThis, 'access', _97 => _97.process, 'optionalAccess', _98 => _98.env, 'optionalAccess', _99 => _99.NODE_ENV]);
     if (env !== "production" && !parsed.success && !usePlaceholders) {
       console.warn("[blocks:PageRenderer] manifest validation failed", {
         blockId: _nullishCoalesce(block.id, () => ( null)),
         blockKind: block.kind,
         content: summarizeValue(content),
         expectedFields: (_nullishCoalesce(definition.manifest.fields, () => ( []))).map((f) => ({ id: f.id, type: f.type, required: !!f.required })),
-        issues: _nullishCoalesce(_optionalChain([parsed, 'optionalAccess', _102 => _102.error, 'optionalAccess', _103 => _103.issues]), () => ( null))
+        issues: _nullishCoalesce(_optionalChain([parsed, 'optionalAccess', _100 => _100.error, 'optionalAccess', _101 => _101.issues]), () => ( null))
       });
     }
   } catch (e6) {
@@ -8942,44 +8844,52 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
     return wrapBlock && block.id ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: rendered });
   }
   try {
-    const BlockComponent = _nullishCoalesce(OverrideComponent, () => ( getCachedBlockComponent(definition.manifest)));
-    const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
-    const routes = _nullishCoalesce(routeMap, () => ( _optionalChain([dataContext, 'optionalAccess', _104 => _104.routes])));
+    const routes = _nullishCoalesce(routeMap, () => ( _optionalChain([dataContext, 'optionalAccess', _102 => _102.routes])));
     const hydratedContent = routes ? hydrateManifestLinks(definition.manifest, data, routes) : data;
     const resolved = resolveBlockData({
       block,
       definition,
       dataContext
     });
-    const rootContext = {
-      $root: {
-        siteId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _105 => _105.siteId]), () => ( null)),
-        pageId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _106 => _106.pageId]), () => ( null)),
-        previewStage: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _107 => _107.previewStage]), () => ( "published")),
-        ...routes ? { routes } : {},
-        // Occurrence and content entry context for template pages
-        occurrenceContext: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _108 => _108.occurrenceContext]), () => ( null)),
-        contentEntry: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _109 => _109.contentEntry]), () => ( null))
-      }
+    const baseProps = {
+      content: hydratedContent,
+      theme: themeTokens,
+      themeConfig,
+      data: resolved,
+      blockId: _nullishCoalesce(block.id, () => ( null)),
+      blockKind: block.kind
     };
-    const blockBindings = _nullishCoalesce(block.bindings, () => ( void 0));
-    const fragmentRegistry2 = getFragmentRegistry();
-    const rendered = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      BlockComponent,
-      {
-        content: hydratedContent,
-        theme: themeTokens,
-        themeConfig,
-        registry,
-        pathBase,
-        data: resolved,
-        blockId: _nullishCoalesce(block.id, () => ( null)),
-        blockKind: block.kind,
-        blockBindings,
-        viewModelOverrides: rootContext,
-        fragmentRegistry: fragmentRegistry2
-      }
-    );
+    let rendered;
+    if (OverrideComponent) {
+      rendered = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OverrideComponent, { ...baseProps });
+    } else {
+      const BlockComponent = getCachedBlockComponent(definition.manifest);
+      const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
+      const rootContext = {
+        $root: {
+          siteId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _103 => _103.siteId]), () => ( null)),
+          pageId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _104 => _104.pageId]), () => ( null)),
+          previewStage: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _105 => _105.previewStage]), () => ( "published")),
+          ...routes ? { routes } : {},
+          // Occurrence and content entry context for template pages
+          occurrenceContext: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _106 => _106.occurrenceContext]), () => ( null)),
+          contentEntry: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _107 => _107.contentEntry]), () => ( null))
+        }
+      };
+      const blockBindings = _nullishCoalesce(block.bindings, () => ( void 0));
+      const fragmentRegistry2 = getFragmentRegistry();
+      rendered = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        BlockComponent,
+        {
+          ...baseProps,
+          registry,
+          pathBase,
+          blockBindings,
+          viewModelOverrides: rootContext,
+          fragmentRegistry: fragmentRegistry2
+        }
+      );
+    }
     if (wrapBlock && block.id) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: wrapBlock(block.id, rendered) });
     }
@@ -9000,7 +8910,7 @@ function resolveBlockData({ block, definition, dataContext }) {
   }
   const blockId = _nullishCoalesce(block.id, () => ( null));
   if (!blockId) return void 0;
-  const raw = _optionalChain([dataContext, 'optionalAccess', _110 => _110.resolvedData, 'optionalAccess', _111 => _111[blockId]]);
+  const raw = _optionalChain([dataContext, 'optionalAccess', _108 => _108.resolvedData, 'optionalAccess', _109 => _109[blockId]]);
   if (!raw || typeof raw !== "object") {
     return {};
   }
@@ -9054,11 +8964,11 @@ var isNumber2 = (value) => typeof value === "number" && !isNaN(value);
 function resolveColor(color, theme) {
   if (!color || !isString2(color)) return null;
   const trimmed = color.trim();
-  if (_optionalChain([theme, 'optionalAccess', _112 => _112.palette, 'optionalAccess', _113 => _113[trimmed]])) {
+  if (_optionalChain([theme, 'optionalAccess', _110 => _110.palette, 'optionalAccess', _111 => _111[trimmed]])) {
     return theme.palette[trimmed];
   }
   if (trimmed === "transparent") return "transparent";
-  if (trimmed === "surface" && _optionalChain([theme, 'optionalAccess', _114 => _114.palette, 'optionalAccess', _115 => _115.surface])) {
+  if (trimmed === "surface" && _optionalChain([theme, 'optionalAccess', _112 => _112.palette, 'optionalAccess', _113 => _113.surface])) {
     return theme.palette.surface;
   }
   return trimmed;
@@ -9623,4 +9533,4 @@ chroma-js/src/utils/contrastAPCA.js:
    * https://readtech.org/ARC/
    *)
 */
-//# sourceMappingURL=chunk-IT5ICP43.js.map
+//# sourceMappingURL=chunk-TKMA6D6U.js.map