@riverbankcms/sdk 0.8.1 → 0.9.0

package/dist/server/chunk-WWGVFOLS.mjs

@@ -0,0 +1,7 @@
+// src/version.ts
+var SDK_VERSION = "0.9.0";
+
+export {
+  SDK_VERSION
+};
+//# sourceMappingURL=chunk-WWGVFOLS.mjs.map

package/dist/server/chunk-WWGVFOLS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/version.ts"],"sourcesContent":["/**\n * SDK version - MUST match version in package.json\n *\n * This version is sent to the API in the x-sdk-version header\n * to help with debugging and compatibility tracking.\n *\n * IMPORTANT: When releasing a new SDK version, update BOTH:\n * 1. This constant\n * 2. The \"version\" field in package.json\n */\nexport const SDK_VERSION = '0.9.0';\n"],"mappings":";AAUO,IAAM,cAAc;","names":[]}

package/dist/server/{chunk-TLZHVGTL.js → chunk-X4REO3S7.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkF2NDLDDAjs = require('./chunk-F2NDLDDA.js');
+var _chunkZJXFRSTCjs = require('./chunk-ZJXFRSTC.js');
 
 // src/rendering/components/Page.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -20,10 +20,10 @@ function Page({
   supabaseUrl,
   dataContext
 }) {
-  const baseTokens = _nullishCoalesce(providedTokens, () => ( _chunkF2NDLDDAjs.buildThemeRuntime.call(void 0, theme).tokens));
+  const baseTokens = _nullishCoalesce(providedTokens, () => ( _chunkZJXFRSTCjs.buildThemeRuntime.call(void 0, theme).tokens));
   const themeTokens = _optionalChain([sdkConfig, 'optionalAccess', _ => _.theme, 'optionalAccess', _2 => _2.palette]) ? { ...baseTokens, palette: { ...baseTokens.palette, ...sdkConfig.theme.palette } } : baseTokens;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkF2NDLDDAjs.PageRenderer,
+    _chunkZJXFRSTCjs.PageRenderer,
     {
       theme,
       page,
@@ -49,4 +49,4 @@ function Page({
 
 
 exports.Page = Page;
-//# sourceMappingURL=chunk-TLZHVGTL.js.map
+//# sourceMappingURL=chunk-X4REO3S7.js.map

package/dist/server/{chunk-TLZHVGTL.js.map → chunk-X4REO3S7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-TLZHVGTL.js","../../src/rendering/components/Page.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,sDAA4B;AAC5B;AACA;AC0II,+CAAA;AAzBG,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,EAAa,cAAA;AAAA,EACb,MAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA,EAAkB,KAAA;AAAA,EAClB,cAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAc;AAEZ,EAAA,MAAM,WAAA,mBAAa,cAAA,UAAkB,gDAAA,KAAuB,CAAA,CAAE,QAAA;AAI9D,EAAA,MAAM,YAAA,kBAAc,SAAA,2BAAW,KAAA,6BAAO,UAAA,EAClC,EAAE,GAAG,UAAA,EAAY,OAAA,EAAS,EAAE,GAAG,UAAA,CAAW,OAAA,EAAS,GAAG,SAAA,CAAU,KAAA,CAAM,QAAQ,EAAE,EAAA,EAChF,UAAA;AAEJ,EAAA,uBACE,6BAAA;AAAA,IAAC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA,EAAa;AAAA,QACX,MAAA;AAAA,QACA,YAAA;AAAA,QACA,MAAA,EAAQ,QAAA;AAAA,QACR,iBAAA,mCAAmB,WAAA,6BAAa,mBAAA,UAAqB,MAAA;AAAA,QACrD,YAAA,mCAAc,WAAA,6BAAa,cAAA,UAAgB,MAAA;AAAA,QAC3C;AAAA,MACF,CAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ;ADpHA;AACA;AACE;AACF,oBAAC","file":"/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-TLZHVGTL.js","sourcesContent":[null,"/**\n * Pure Page renderer component for Riverbank CMS.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n */\n\nimport { PageRenderer, buildThemeRuntime } from '@riverbankcms/blocks';\nimport type { PageOutline, RouteMap, Theme, ThemeTokens, BlockOverrides, OccurrenceContextData } from '@riverbankcms/blocks';\nimport type { ResolvedBlockData } from '../../data';\nimport type { RuntimeSdkConfig } from '../helpers/loadPage';\n\n// Re-export OccurrenceContextData for SDK consumers\nexport type { OccurrenceContextData };\n\nexport type PageProps = {\n  // Required data (must be provided by caller)\n  page: PageOutline;\n  theme: Theme;\n  siteId: string;\n\n  // Optional data\n  themeTokens?: ThemeTokens; // If not provided, will be built from theme\n  resolvedData?: ResolvedBlockData; // Pre-fetched block data\n  routeMap?: RouteMap;\n  /**\n   * SDK site configuration containing theme palette overrides.\n   * When provided, the SDK palette tokens are merged into the theme tokens,\n   * allowing blocks to use SDK-defined color tokens for section backgrounds.\n   */\n  sdkConfig?: RuntimeSdkConfig | null;\n  /**\n   * Supabase storage URL for direct image access.\n   * SDK sites receive this from the API instead of requiring NEXT_PUBLIC_SUPABASE_URL env var.\n   */\n  supabaseUrl?: string;\n\n  /**\n   * Additional context data for content entry pages.\n   * Used to pass occurrence context and content entry data to blocks.\n   */\n  dataContext?: {\n    /** Occurrence context for event pages (from URL like /events/yoga/2025-01-15) */\n    occurrenceContext?: OccurrenceContextData | null;\n    /** Content entry data for template pages */\n    contentEntry?: Record<string, unknown> | null;\n  };\n\n  // Customization\n  wrapBlock?: (blockId: string, rendered: React.ReactNode) => React.ReactNode;\n  registry?: Parameters<typeof PageRenderer>[0]['registry'];\n  usePlaceholders?: boolean;\n  /**\n   * Custom components to override default block rendering.\n   * Keys can be full block kind (\"block.hero\") or short form (\"hero\").\n   *\n   * This is SSR-safe - no context or hooks required.\n   *\n   * @example\n   * ```tsx\n   * <Page\n   *   {...pageData}\n   *   blockOverrides={{\n   *     'hero': MyCustomHero,\n   *     'block.testimonials': MyCustomTestimonials,\n   *   }}\n   * />\n   * ```\n   */\n  blockOverrides?: BlockOverrides;\n};\n\n/**\n * Pure renderer for Riverbank CMS pages.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n *\n * @example Server-side (Next.js App Router)\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { loadPage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * export default async function PageRoute({ params }) {\n *   const pageData = await loadPage({\n *     client,\n *     siteId: 'site-id',\n *     path: `/${params.slug}`,\n *   });\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n *\n * @example Client-side\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { usePage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * function MyPage({ path }) {\n *   const pageData = usePage({ client, siteId: 'site-id', path });\n *\n *   if (pageData.loading) return <LoadingState />;\n *   if (pageData.error) return <ErrorState error={pageData.error} />;\n *   if (!pageData.page) return <NotFound />;\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n */\nexport function Page({\n  page,\n  theme,\n  themeTokens: providedTokens,\n  siteId,\n  resolvedData,\n  routeMap,\n  wrapBlock,\n  registry,\n  usePlaceholders = false,\n  blockOverrides,\n  sdkConfig,\n  supabaseUrl,\n  dataContext,\n}: PageProps) {\n  // Build theme tokens if not provided\n  const baseTokens = providedTokens ?? buildThemeRuntime(theme).tokens;\n\n  // Merge SDK palette tokens into theme tokens\n  // This allows blocks to resolve SDK-defined color tokens (e.g., 'primary' -> '#6d28d9')\n  const themeTokens = sdkConfig?.theme?.palette\n    ? { ...baseTokens, palette: { ...baseTokens.palette, ...sdkConfig.theme.palette } }\n    : baseTokens;\n\n  return (\n    <PageRenderer\n      theme={theme}\n      page={page}\n      themeTokens={themeTokens}\n      usePlaceholders={usePlaceholders}\n      dataContext={{\n        siteId,\n        resolvedData,\n        routes: routeMap,\n        occurrenceContext: dataContext?.occurrenceContext ?? null,\n        contentEntry: dataContext?.contentEntry ?? null,\n        supabaseUrl,\n      }}\n      routeMap={routeMap}\n      wrapBlock={wrapBlock}\n      registry={registry}\n      blockOverrides={blockOverrides}\n      sdkConfig={sdkConfig}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-X4REO3S7.js","../../src/rendering/components/Page.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,sDAA4B;AAC5B;AACA;AC0II,+CAAA;AAzBG,SAAS,IAAA,CAAK;AAAA,EACnB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,EAAa,cAAA;AAAA,EACb,MAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA,EAAkB,KAAA;AAAA,EAClB,cAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAc;AAEZ,EAAA,MAAM,WAAA,mBAAa,cAAA,UAAkB,gDAAA,KAAuB,CAAA,CAAE,QAAA;AAI9D,EAAA,MAAM,YAAA,kBAAc,SAAA,2BAAW,KAAA,6BAAO,UAAA,EAClC,EAAE,GAAG,UAAA,EAAY,OAAA,EAAS,EAAE,GAAG,UAAA,CAAW,OAAA,EAAS,GAAG,SAAA,CAAU,KAAA,CAAM,QAAQ,EAAE,EAAA,EAChF,UAAA;AAEJ,EAAA,uBACE,6BAAA;AAAA,IAAC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA,EAAa;AAAA,QACX,MAAA;AAAA,QACA,YAAA;AAAA,QACA,MAAA,EAAQ,QAAA;AAAA,QACR,iBAAA,mCAAmB,WAAA,6BAAa,mBAAA,UAAqB,MAAA;AAAA,QACrD,YAAA,mCAAc,WAAA,6BAAa,cAAA,UAAgB,MAAA;AAAA,QAC3C;AAAA,MACF,CAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ;ADpHA;AACA;AACE;AACF,oBAAC","file":"/Users/will/Projects/Business/cms/builder/packages/sdk/dist/server/chunk-X4REO3S7.js","sourcesContent":[null,"/**\n * Pure Page renderer component for Riverbank CMS.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n */\n\nimport { PageRenderer, buildThemeRuntime } from '@riverbankcms/blocks';\nimport type { PageOutline, RouteMap, Theme, ThemeTokens, BlockOverrides, OccurrenceContextData } from '@riverbankcms/blocks';\nimport type { ResolvedBlockData } from '../../data';\nimport type { RuntimeSdkConfig } from '../helpers/loadPage';\n\n// Re-export OccurrenceContextData for SDK consumers\nexport type { OccurrenceContextData };\n\nexport type PageProps = {\n  // Required data (must be provided by caller)\n  page: PageOutline;\n  theme: Theme;\n  siteId: string;\n\n  // Optional data\n  themeTokens?: ThemeTokens; // If not provided, will be built from theme\n  resolvedData?: ResolvedBlockData; // Pre-fetched block data\n  routeMap?: RouteMap;\n  /**\n   * SDK site configuration containing theme palette overrides.\n   * When provided, the SDK palette tokens are merged into the theme tokens,\n   * allowing blocks to use SDK-defined color tokens for section backgrounds.\n   */\n  sdkConfig?: RuntimeSdkConfig | null;\n  /**\n   * Supabase storage URL for direct image access.\n   * SDK sites receive this from the API instead of requiring NEXT_PUBLIC_SUPABASE_URL env var.\n   */\n  supabaseUrl?: string;\n\n  /**\n   * Additional context data for content entry pages.\n   * Used to pass occurrence context and content entry data to blocks.\n   */\n  dataContext?: {\n    /** Occurrence context for event pages (from URL like /events/yoga/2025-01-15) */\n    occurrenceContext?: OccurrenceContextData | null;\n    /** Content entry data for template pages */\n    contentEntry?: Record<string, unknown> | null;\n  };\n\n  // Customization\n  wrapBlock?: (blockId: string, rendered: React.ReactNode) => React.ReactNode;\n  registry?: Parameters<typeof PageRenderer>[0]['registry'];\n  usePlaceholders?: boolean;\n  /**\n   * Custom components to override default block rendering.\n   * Keys can be full block kind (\"block.hero\") or short form (\"hero\").\n   *\n   * This is SSR-safe - no context or hooks required.\n   *\n   * @example\n   * ```tsx\n   * <Page\n   *   {...pageData}\n   *   blockOverrides={{\n   *     'hero': MyCustomHero,\n   *     'block.testimonials': MyCustomTestimonials,\n   *   }}\n   * />\n   * ```\n   */\n  blockOverrides?: BlockOverrides;\n};\n\n/**\n * Pure renderer for Riverbank CMS pages.\n *\n * This component expects all data to be provided via props.\n * For data fetching, use:\n * - Server-side: `await loadPage({ client, siteId, path })`\n * - Client-side: `usePage({ client, siteId, path })`\n *\n * @example Server-side (Next.js App Router)\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { loadPage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * export default async function PageRoute({ params }) {\n *   const pageData = await loadPage({\n *     client,\n *     siteId: 'site-id',\n *     path: `/${params.slug}`,\n *   });\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n *\n * @example Client-side\n * ```tsx\n * import { createRiverbankClient } from '@riverbankcms/sdk';\n * import { usePage, Page } from '@riverbankcms/sdk/rendering';\n *\n * const client = createRiverbankClient({ apiKey, baseUrl });\n *\n * function MyPage({ path }) {\n *   const pageData = usePage({ client, siteId: 'site-id', path });\n *\n *   if (pageData.loading) return <LoadingState />;\n *   if (pageData.error) return <ErrorState error={pageData.error} />;\n *   if (!pageData.page) return <NotFound />;\n *\n *   return <Page {...pageData} />;\n * }\n * ```\n */\nexport function Page({\n  page,\n  theme,\n  themeTokens: providedTokens,\n  siteId,\n  resolvedData,\n  routeMap,\n  wrapBlock,\n  registry,\n  usePlaceholders = false,\n  blockOverrides,\n  sdkConfig,\n  supabaseUrl,\n  dataContext,\n}: PageProps) {\n  // Build theme tokens if not provided\n  const baseTokens = providedTokens ?? buildThemeRuntime(theme).tokens;\n\n  // Merge SDK palette tokens into theme tokens\n  // This allows blocks to resolve SDK-defined color tokens (e.g., 'primary' -> '#6d28d9')\n  const themeTokens = sdkConfig?.theme?.palette\n    ? { ...baseTokens, palette: { ...baseTokens.palette, ...sdkConfig.theme.palette } }\n    : baseTokens;\n\n  return (\n    <PageRenderer\n      theme={theme}\n      page={page}\n      themeTokens={themeTokens}\n      usePlaceholders={usePlaceholders}\n      dataContext={{\n        siteId,\n        resolvedData,\n        routes: routeMap,\n        occurrenceContext: dataContext?.occurrenceContext ?? null,\n        contentEntry: dataContext?.contentEntry ?? null,\n        supabaseUrl,\n      }}\n      routeMap={routeMap}\n      wrapBlock={wrapBlock}\n      registry={registry}\n      blockOverrides={blockOverrides}\n      sdkConfig={sdkConfig}\n    />\n  );\n}\n"]}

package/dist/server/{chunk-BNHK7YOC.mjs → chunk-YUD7ONZG.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-A2FZMRDW.mjs";
 import {
   prefetchBlockData
-} from "./chunk-HDHY4236.mjs";
+} from "./chunk-TBN35TGI.mjs";
 
 // src/rendering/helpers/loadPage.ts
 async function loadPage(params) {
@@ -85,4 +85,4 @@ async function loadPage(params) {
 export {
   loadPage
 };
-//# sourceMappingURL=chunk-BNHK7YOC.mjs.map
+//# sourceMappingURL=chunk-YUD7ONZG.mjs.map

package/dist/server/{chunk-F2NDLDDA.js → chunk-ZJXFRSTC.js}

@@ -39,7 +39,7 @@
 
 
 
-var _chunk6ERSDFTYjs = require('./chunk-6ERSDFTY.js');
+var _chunkU2F4BWKWjs = require('./chunk-U2F4BWKW.js');
 
 
 var _chunkZ6ZWNWWRjs = require('./chunk-Z6ZWNWWR.js');
@@ -91,6 +91,16 @@ function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", si
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var ImagePresets = {
+  /** Small thumbnails (200px) - for block previews, lists */
+  thumbnail: { width: 200, quality: 80, resize: "contain" },
+  /** Card-sized images (600px) - for cards, grids */
+  card: { width: 600, quality: 80, resize: "contain" },
+  /** Hero images (1200px) - for above-fold content */
+  hero: { width: 1200, quality: 85, resize: "contain" },
+  /** Full-width images (1920px) - for backgrounds, large displays */
+  full: { width: 1920, quality: 85, resize: "contain" }
+};
 var _serverStorage = null;
 var _serverStorageChecked = false;
 function getServerStorage() {
@@ -167,21 +177,21 @@ var debugMediaNodeLog = (...args) => {
     console.log("[MediaNode]", ...args);
   }
 };
-var MediaNode = ({ value, className, style }) => {
+var MediaNode = ({ value, className, style, size = ImagePresets.full }) => {
   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);
+  const imageUrl = resolveImageUrl(value, size);
   if (!imageUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: clsx_default("flex h-48 w-full items-center justify-center", className),
-        style: _chunk6ERSDFTYjs.mergeStyles.call(void 0, _chunk6ERSDFTYjs.backgroundColorStyle.call(void 0, "neutral-200"), style),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm", style: _chunk6ERSDFTYjs.textColorStyle.call(void 0, "neutral-600"), children: "Image unavailable" })
+        style: _chunkU2F4BWKWjs.mergeStyles.call(void 0, _chunkU2F4BWKWjs.backgroundColorStyle.call(void 0, "neutral-200"), style),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm", style: _chunkU2F4BWKWjs.textColorStyle.call(void 0, "neutral-600"), children: "Image unavailable" })
       }
     );
   }
@@ -195,7 +205,7 @@ var MediaNode = ({ value, className, style }) => {
       src: imageUrl,
       alt: _nullishCoalesce(value.alt, () => ( "")),
       className,
-      style: _chunk6ERSDFTYjs.mergeStyles.call(void 0, style, hotspotStyle),
+      style: _chunkU2F4BWKWjs.mergeStyles.call(void 0, style, hotspotStyle),
       loading: "lazy"
     }
   );
@@ -203,13 +213,14 @@ var MediaNode = ({ value, className, style }) => {
 function isRelativePath(storagePath) {
   return storagePath.startsWith("originals/") || storagePath.startsWith("variants/") || storagePath.startsWith("imports/");
 }
-function resolveImageUrl(value) {
+function resolveImageUrl(value, options) {
   if (value.type !== "image") return void 0;
   debugMediaNodeLog("resolveImageUrl input", {
     assetId: value.assetId,
     storagePath: value.storagePath,
     src: value.src,
-    type: value.type
+    type: value.type,
+    options
   });
   if (value.storagePath && value.storagePath.length > 0) {
     const supabaseUrl = getSupabaseUrl();
@@ -220,12 +231,24 @@ function resolveImageUrl(value) {
         `[blocks] Relative storagePath "${value.storagePath}" requires siteId context. Image URL may be incorrect. Ensure siteId is set via runWithMediaContext or setContextSiteId.`
       );
     }
-    const directUrl = getDirectImageUrl(supabaseUrl, value.storagePath, bucket, siteId);
+    let transformOptions;
+    if ("original" in options && options.original) {
+      transformOptions = void 0;
+    } else {
+      transformOptions = {
+        width: "width" in options ? options.width : void 0,
+        height: "height" in options ? options.height : void 0,
+        quality: "quality" in options ? options.quality : void 0,
+        resize: "resize" in options ? options.resize : void 0
+      };
+    }
+    const directUrl = getDirectImageUrl(supabaseUrl, value.storagePath, bucket, siteId, transformOptions);
     debugMediaNodeLog("resolve:direct-supabase", {
       storagePath: value.storagePath,
       siteId,
       bucket,
-      directUrl
+      directUrl,
+      transformOptions
     });
     return directUrl;
   }
@@ -3189,7 +3212,7 @@ function generateNeutralScale({
   for (let i = 0; i < count; i++) {
     const t = i / (count - 1);
     const tone = isDark ? mix(0.06, 0.92, t) : mix(0.98, 0.1, t);
-    const hex2 = _chunk6ERSDFTYjs.oklchToHexGamut.call(void 0, tone, 0.02, warm ? 85 : 250);
+    const hex2 = _chunkU2F4BWKWjs.oklchToHexGamut.call(void 0, tone, 0.02, warm ? 85 : 250);
     const name = `neutral-${shadeNames[i]}`;
     scale.push({ name, hex: hex2 });
   }
@@ -3209,7 +3232,7 @@ function colorsToMap(palette) {
 }
 function isBackgroundDark(hex2) {
   try {
-    return _chunk6ERSDFTYjs.featuresFromHex.call(void 0, hex2).Y < 0.5;
+    return _chunkU2F4BWKWjs.featuresFromHex.call(void 0, hex2).Y < 0.5;
   } catch (e3) {
     return false;
   }
@@ -3242,7 +3265,7 @@ function generateCssVars(palette) {
   const cssVars = {};
   Object.entries(palette).forEach(([key, value]) => {
     if (value !== null && value !== void 0) {
-      const { r: r2, g, b } = _chunk6ERSDFTYjs.hexToRgb.call(void 0, value);
+      const { r: r2, g, b } = _chunkU2F4BWKWjs.hexToRgb.call(void 0, value);
       cssVars[`--tb-${key}`] = `${r2} ${g} ${b}`;
     }
   });
@@ -7406,11 +7429,11 @@ function buildReferenceSchema(field) {
   return schema;
 }
 function buildRepeaterSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunk6ERSDFTYjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _87 => _87.schema, 'optionalAccess', _88 => _88.fields]), () => ( [])));
+  const parsed = _chunkU2F4BWKWjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _87 => _87.schema, 'optionalAccess', _88 => _88.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
     if (child.type === "group" && _optionalChain([child, 'access', _89 => _89.ui, 'optionalAccess', _90 => _90.flattenInRepeater])) {
-      const groupParsed = _chunk6ERSDFTYjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _91 => _91.schema, 'optionalAccess', _92 => _92.fields]), () => ( [])));
+      const groupParsed = _chunkU2F4BWKWjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _91 => _91.schema, 'optionalAccess', _92 => _92.fields]), () => ( [])));
       for (const gc of groupParsed) {
         childShape[gc.id] = buildFieldSchema(gc, allowNull, allowIncomplete);
       }
@@ -7429,7 +7452,7 @@ function buildRepeaterSchema(field, allowNull, allowIncomplete) {
   return arraySchema;
 }
 function buildGroupSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunk6ERSDFTYjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _93 => _93.schema, 'optionalAccess', _94 => _94.fields]), () => ( [])));
+  const parsed = _chunkU2F4BWKWjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _93 => _93.schema, 'optionalAccess', _94 => _94.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
     childShape[child.id] = buildFieldSchema(child, allowNull, allowIncomplete);
@@ -7447,7 +7470,7 @@ function finalizeSchema(schema, required, allowNull, allowIncomplete = false) {
 }
 
 // ../blocks/src/system/fragments/library/headerCta.ts
-var headerCtaFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
+var headerCtaFragment = _chunkU2F4BWKWjs.defineFragment.call(void 0, {
   id: "headerCta",
   title: "Header CTA",
   description: "Single call-to-action button for the site header.",
@@ -7487,7 +7510,7 @@ var headerCtaFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
     }
   ],
   layout: [
-    _chunk6ERSDFTYjs.ctaButton.call(void 0, {
+    _chunkU2F4BWKWjs.ctaButton.call(void 0, {
       basePath: "cta",
       // Relative path
       whenPath: "cta.label"
@@ -7497,7 +7520,7 @@ var headerCtaFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
 });
 
 // ../blocks/src/system/fragments/library/singleButton.ts
-var singleButtonFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
+var singleButtonFragment = _chunkU2F4BWKWjs.defineFragment.call(void 0, {
   id: "singleButton",
   title: "Single Button Content",
   description: "Heading and primary button for the single button block.",
@@ -7509,7 +7532,7 @@ var singleButtonFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
       required: true,
       maxLength: 120
     },
-    _chunk6ERSDFTYjs.createButtonGroup.call(void 0, {
+    _chunkU2F4BWKWjs.createButtonGroup.call(void 0, {
       showGroupLabel: true,
       groupId: "button",
       groupLabel: "Button",
@@ -7517,9 +7540,9 @@ var singleButtonFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
     })
   ],
   layout: [
-    _chunk6ERSDFTYjs.headingGroup.call(void 0, { titlePath: "title" }),
+    _chunkU2F4BWKWjs.headingGroup.call(void 0, { titlePath: "title" }),
     // Relative path
-    _chunk6ERSDFTYjs.ctaButton.call(void 0, { basePath: "button" })
+    _chunkU2F4BWKWjs.ctaButton.call(void 0, { basePath: "button" })
     // Relative path
   ]
 });
@@ -7527,26 +7550,26 @@ var singleButtonFragment = _chunk6ERSDFTYjs.defineFragment.call(void 0, {
 // ../blocks/src/system/fragments/lazyInit.ts
 var initialized = false;
 var ALL_FRAGMENTS = [
-  _chunk6ERSDFTYjs.bodyCopyFragment,
-  _chunk6ERSDFTYjs.heroCopyFragment,
-  _chunk6ERSDFTYjs.ctaRowFragment,
-  _chunk6ERSDFTYjs.ctaCopyFragment,
-  _chunk6ERSDFTYjs.testimonialsHeadingFragment,
-  _chunk6ERSDFTYjs.testimonialsCarouselFragment,
-  _chunk6ERSDFTYjs.formCopyFragment,
-  _chunk6ERSDFTYjs.formEmbedFragment,
-  _chunk6ERSDFTYjs.footerBottomTextFragment,
-  _chunk6ERSDFTYjs.footerLinkGroupsFragment,
+  _chunkU2F4BWKWjs.bodyCopyFragment,
+  _chunkU2F4BWKWjs.heroCopyFragment,
+  _chunkU2F4BWKWjs.ctaRowFragment,
+  _chunkU2F4BWKWjs.ctaCopyFragment,
+  _chunkU2F4BWKWjs.testimonialsHeadingFragment,
+  _chunkU2F4BWKWjs.testimonialsCarouselFragment,
+  _chunkU2F4BWKWjs.formCopyFragment,
+  _chunkU2F4BWKWjs.formEmbedFragment,
+  _chunkU2F4BWKWjs.footerBottomTextFragment,
+  _chunkU2F4BWKWjs.footerLinkGroupsFragment,
   headerCtaFragment,
   singleButtonFragment,
-  _chunk6ERSDFTYjs.blogFeaturedPostFragment,
-  _chunk6ERSDFTYjs.blogListGridFragment,
-  _chunk6ERSDFTYjs.blogListStackFragment,
-  _chunk6ERSDFTYjs.faqHeadingFragment,
-  _chunk6ERSDFTYjs.faqAccordionFragment,
-  _chunk6ERSDFTYjs.cardFragment,
-  _chunk6ERSDFTYjs.headingFragment,
-  _chunk6ERSDFTYjs.richTextFragment
+  _chunkU2F4BWKWjs.blogFeaturedPostFragment,
+  _chunkU2F4BWKWjs.blogListGridFragment,
+  _chunkU2F4BWKWjs.blogListStackFragment,
+  _chunkU2F4BWKWjs.faqHeadingFragment,
+  _chunkU2F4BWKWjs.faqAccordionFragment,
+  _chunkU2F4BWKWjs.cardFragment,
+  _chunkU2F4BWKWjs.headingFragment,
+  _chunkU2F4BWKWjs.richTextFragment
 ];
 function lazyRegisterFragments(registerFn) {
   if (initialized) return;
@@ -7642,7 +7665,7 @@ var resolveImageStyleTransform = {
       style.width = scaleValue;
       style.height = scaleValue;
     }
-    if (position && !_chunk6ERSDFTYjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position)) {
+    if (position && !_chunkU2F4BWKWjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position)) {
       style.objectPosition = position;
     }
     return style;
@@ -7673,12 +7696,12 @@ var resolveImageClassNameTransform = {
     if (!needsAnchoring) {
       return `${baseClass} inset-0 h-full w-full`;
     }
-    const isPreset = position && _chunk6ERSDFTYjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+    const isPreset = position && _chunkU2F4BWKWjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
     const isCustom = position && !isPreset;
     if (isCustom) {
       return baseClass;
     }
-    const anchorClasses = _chunk6ERSDFTYjs.getAnchorClasses.call(void 0, position);
+    const anchorClasses = _chunkU2F4BWKWjs.getAnchorClasses.call(void 0, position);
     return `${baseClass} ${anchorClasses}`;
   }
 };
@@ -7806,13 +7829,13 @@ var spacingTransform = {
       return baseClass.trim() || "";
     }
     const trimmed = value.trim();
-    if (!_chunk6ERSDFTYjs.isSemanticSpacing.call(void 0, trimmed)) {
+    if (!_chunkU2F4BWKWjs.isSemanticSpacing.call(void 0, trimmed)) {
       if (process.env.NODE_ENV !== "production") {
         console.warn(`[spacing] Invalid spacing value: "${trimmed}". Expected one of: none, compact, cozy, medium, comfortable, spacious.`);
       }
       return baseClass.trim() || "";
     }
-    const spacingClass = _chunk6ERSDFTYjs.resolveSpacing.call(void 0, trimmed, axis);
+    const spacingClass = _chunkU2F4BWKWjs.resolveSpacing.call(void 0, trimmed, axis);
     return baseClass ? `${baseClass.trim()} ${spacingClass}` : spacingClass;
   }
 };
@@ -7917,7 +7940,7 @@ var sectionClassNameTransform = {
     if (value && typeof value === "object") {
       const input = value;
       if (typeof input.spacing === "string") {
-        if (_chunk6ERSDFTYjs.isSemanticSpacing.call(void 0, input.spacing)) {
+        if (_chunkU2F4BWKWjs.isSemanticSpacing.call(void 0, input.spacing)) {
           spacing = input.spacing;
         } else if (process.env.NODE_ENV !== "production") {
           console.warn(`[sectionStyles] Invalid spacing value in _sectionStyles: "${input.spacing}". Expected one of: none, compact, cozy, medium, comfortable, spacious.`);
@@ -7927,7 +7950,7 @@ var sectionClassNameTransform = {
     if (adjustedBaseClass) classes.push(adjustedBaseClass);
     const effectiveSpacing = _nullishCoalesce(spacing, () => ( defaultSpacing));
     if (effectiveSpacing) {
-      const spacingClass = _chunk6ERSDFTYjs.resolveSpacing.call(void 0, effectiveSpacing, "y");
+      const spacingClass = _chunkU2F4BWKWjs.resolveSpacing.call(void 0, effectiveSpacing, "y");
       classes.push(spacingClass);
     }
     return classes.join(" ").trim();
@@ -7966,10 +7989,10 @@ var boxStylesTransforms = [
 
 // ../blocks/src/system/transforms/registry/index.ts
 var builtinTransformDefinitions = [
-  ..._chunk6ERSDFTYjs.formattingTransforms,
-  ..._chunk6ERSDFTYjs.layoutTransforms,
-  ..._chunk6ERSDFTYjs.uiTransforms,
-  ..._chunk6ERSDFTYjs.mediaTransforms,
+  ..._chunkU2F4BWKWjs.formattingTransforms,
+  ..._chunkU2F4BWKWjs.layoutTransforms,
+  ..._chunkU2F4BWKWjs.uiTransforms,
+  ..._chunkU2F4BWKWjs.mediaTransforms,
   ...backgroundTransforms,
   ...linksTransforms,
   ...boxStylesTransforms
@@ -7992,8 +8015,8 @@ function Section({
 }) {
   const overflowClass = allowOverflow ? "overflow-visible" : "overflow-hidden";
   const alwaysClass = clsx_default("relative isolate", overflowClass, className);
-  const backgroundStyle = background ? _chunk6ERSDFTYjs.backgroundColorStyle.call(void 0, background) : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { className: alwaysClass, style: _chunk6ERSDFTYjs.mergeStyles.call(void 0, backgroundStyle, style), "data-slot": _nullishCoalesce(dataSlot, () => ( "section")), children });
+  const backgroundStyle = background ? _chunkU2F4BWKWjs.backgroundColorStyle.call(void 0, background) : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { className: alwaysClass, style: _chunkU2F4BWKWjs.mergeStyles.call(void 0, backgroundStyle, style), "data-slot": _nullishCoalesce(dataSlot, () => ( "section")), children });
 }
 
 // ../blocks/src/primitives/layout/Stack.tsx
@@ -8260,10 +8283,10 @@ var FormNodeSSR = ({ value, submitLabel, successMessage: _successMessage, classN
       "div",
       {
         className: clsx_default("rounded-md border border-dashed p-6 text-sm", className),
-        style: _chunk6ERSDFTYjs.mergeStyles.call(void 0, 
-          _chunk6ERSDFTYjs.backgroundColorStyle.call(void 0, "surface"),
-          _chunk6ERSDFTYjs.borderColorStyle.call(void 0, "border"),
-          _chunk6ERSDFTYjs.textColorStyle.call(void 0, "mutedText")
+        style: _chunkU2F4BWKWjs.mergeStyles.call(void 0, 
+          _chunkU2F4BWKWjs.backgroundColorStyle.call(void 0, "surface"),
+          _chunkU2F4BWKWjs.borderColorStyle.call(void 0, "border"),
+          _chunkU2F4BWKWjs.textColorStyle.call(void 0, "mutedText")
         ),
         children: "Missing or unknown form."
       }
@@ -8975,7 +8998,7 @@ function extractRouteMapFromViewModel(viewModel) {
 }
 function parseBinding(raw, origin) {
   try {
-    return _chunk6ERSDFTYjs.bindingSchema.parse(raw);
+    return _chunkU2F4BWKWjs.bindingSchema.parse(raw);
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     throw new Error(`Failed to parse binding (${origin}): ${message}`);
@@ -9064,7 +9087,7 @@ function applyScopes(node, context) {
   if (!node.$scopes) return context;
   const scopeContext = { ...context, scopes: [...context.scopes] };
   for (const scope of node.$scopes) {
-    const binding = _chunk6ERSDFTYjs.bindingSchema.parse(scope.from);
+    const binding = _chunkU2F4BWKWjs.bindingSchema.parse(scope.from);
     const value = resolveBindingValue(binding, scopeContext);
     scopeContext.scopes.push({ name: scope.name, value });
   }
@@ -9537,7 +9560,7 @@ function PageRenderer({
   setContextSupabaseUrl(_optionalChain([dataContext, 'optionalAccess', _141 => _141.supabaseUrl]));
   setContextSiteId(_optionalChain([dataContext, 'optionalAccess', _142 => _142.siteId]));
   if (!page || page.blocks.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunk6ERSDFTYjs.textColorStyle.call(void 0, "mutedText"), children: "No blocks found." });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkU2F4BWKWjs.textColorStyle.call(void 0, "mutedText"), children: "No blocks found." });
   }
   const themeTokens = _nullishCoalesce(providedThemeTokens, () => ( buildThemeRuntime(theme).tokens));
   const resolvedRegistry = _nullishCoalesce(registry, () => ( getDefaultComponentRegistry()));
@@ -9605,7 +9628,7 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   sdkConfig
 }) {
   const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
-  let definition = _chunk6ERSDFTYjs.getBlockDefinition.call(void 0, block.kind);
+  let definition = _chunkU2F4BWKWjs.getBlockDefinition.call(void 0, block.kind);
   if (!definition && block.kind.startsWith("custom.") && _optionalChain([sdkConfig, 'optionalAccess', _143 => _143.customBlocks])) {
     const sdkBlock = sdkConfig.customBlocks.find((b) => b.id === block.kind);
     if (sdkBlock) {
@@ -9706,7 +9729,7 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeTokens === next.themeTokens && prev.themeConfig === next.themeConfig && prev.routeMap === next.routeMap && prev.usePlaceholders === next.usePlaceholders && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig;
 });
 function fallback(message) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunk6ERSDFTYjs.textColorStyle.call(void 0, "mutedText"), children: message });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkU2F4BWKWjs.textColorStyle.call(void 0, "mutedText"), children: message });
 }
 function resolveBlockData({ block, definition, dataContext }) {
   if (!definition.dataLoaders || Object.keys(definition.dataLoaders).length === 0) {
@@ -9811,7 +9834,7 @@ function resolveBackground(background, theme) {
   let imageStyle = {};
   let imageClassName = "absolute inset-0 -z-10 h-full w-full object-cover";
   if (background.image) {
-    const url = resolveImageUrl(background.image);
+    const url = resolveImageUrl(background.image, ImagePresets.full);
     if (url) {
       image = {
         url,
@@ -9846,7 +9869,7 @@ function resolveBackground(background, theme) {
         imageStyle.width = scaleValue;
         imageStyle.height = scaleValue;
       }
-      const isPresetPosition = position && _chunk6ERSDFTYjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+      const isPresetPosition = position && _chunkU2F4BWKWjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
       if (position && !isPresetPosition) {
         imageStyle.objectPosition = position;
       }
@@ -9870,11 +9893,11 @@ function buildImageClassName(objectFit, position, scaleValue) {
     return `${baseClass} inset-0 h-full w-full ${fitClass}`;
   }
   if ((objectFit === "custom" || objectFit === "original") && scaleValue) {
-    const isPresetPosition = position && _chunk6ERSDFTYjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+    const isPresetPosition = position && _chunkU2F4BWKWjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
     if (position && !isPresetPosition) {
       return baseClass;
     }
-    const anchorClasses = _chunk6ERSDFTYjs.getAnchorClasses.call(void 0, position);
+    const anchorClasses = _chunkU2F4BWKWjs.getAnchorClasses.call(void 0, position);
     return `${baseClass} ${anchorClasses}`;
   }
   return `${baseClass} inset-0 h-full w-full`;
@@ -10318,7 +10341,8 @@ function getDefaultInputSettings() {
 
 
 
-exports.resolveImageUrl = resolveImageUrl; exports.getDefaultComponentRegistry = getDefaultComponentRegistry; exports.makeDefaultBlockComponent = makeDefaultBlockComponent; exports.renderBlock = renderBlock; exports.buildThemeRuntime = buildThemeRuntime; exports.PageRenderer = PageRenderer; exports.generateButtonCoreCss = generateButtonCoreCss; exports.getDefaultButtonVariants = getDefaultButtonVariants; exports.generateCardCoreCss = generateCardCoreCss; exports.getDefaultCardVariants = getDefaultCardVariants; exports.generateInputCoreCss = generateInputCoreCss; exports.getDefaultInputSettings = getDefaultInputSettings; exports.RichText = RichText2; exports.resolveBackground = resolveBackground; exports.SectionBackground = SectionBackground;
+
+exports.ImagePresets = ImagePresets; exports.resolveImageUrl = resolveImageUrl; exports.getDefaultComponentRegistry = getDefaultComponentRegistry; exports.makeDefaultBlockComponent = makeDefaultBlockComponent; exports.renderBlock = renderBlock; exports.buildThemeRuntime = buildThemeRuntime; exports.PageRenderer = PageRenderer; exports.generateButtonCoreCss = generateButtonCoreCss; exports.getDefaultButtonVariants = getDefaultButtonVariants; exports.generateCardCoreCss = generateCardCoreCss; exports.getDefaultCardVariants = getDefaultCardVariants; exports.generateInputCoreCss = generateInputCoreCss; exports.getDefaultInputSettings = getDefaultInputSettings; exports.RichText = RichText2; exports.resolveBackground = resolveBackground; exports.SectionBackground = SectionBackground;
 /*! Bundled license information:
 
 chroma-js/src/utils/contrastAPCA.js:
@@ -10336,4 +10360,4 @@ chroma-js/src/utils/contrastAPCA.js:
    * https://readtech.org/ARC/
    *)
 */
-//# sourceMappingURL=chunk-F2NDLDDA.js.map
+//# sourceMappingURL=chunk-ZJXFRSTC.js.map