@riverbankcms/sdk 0.8.0 → 0.8.1

package/dist/client/rendering/client.js

@@ -3123,10 +3123,23 @@ var LinkNode = ({
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href, ...rest, children });
 };
 
-// ../media-core/dist/chunk-ZBK775TB.mjs
-function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", options) {
+// ../media-core/dist/chunk-6DJ7FQFK.mjs
+function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", siteId, options) {
   const baseUrl = supabaseUrl.replace(/\/$/, "");
-  const encodedPath = storagePath.split("/").map((segment) => encodeURIComponent(segment)).join("/");
+  let fullPath;
+  if (storagePath.startsWith("sites/")) {
+    fullPath = storagePath;
+    if (siteId && process.env.NODE_ENV !== "production") {
+      console.warn(
+        `[media-core] storagePath "${storagePath}" already contains site prefix. Using path as-is for backward compatibility. After migration, paths should be relative (e.g., "originals/2024/12/img.jpg").`
+      );
+    }
+  } else if (siteId) {
+    fullPath = `sites/${siteId}/${storagePath}`;
+  } else {
+    fullPath = storagePath;
+  }
+  const encodedPath = fullPath.split("/").map((segment) => encodeURIComponent(segment)).join("/");
   const isSvg = storagePath.toLowerCase().endsWith(".svg");
   if (options && !isSvg && (options.width || options.height)) {
     const params = new URLSearchParams();
@@ -3141,10 +3154,39 @@ function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", op
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var _contextSupabaseUrl;
+var _serverStorage = null;
+var _serverStorageChecked = false;
+function getServerStorage() {
+  if (typeof window !== "undefined") return null;
+  if (_serverStorageChecked) return _serverStorage;
+  _serverStorageChecked = true;
+  try {
+    const asyncHooks = require("async_hooks");
+    const AsyncLocalStorage = asyncHooks.AsyncLocalStorage;
+    if (AsyncLocalStorage) {
+      _serverStorage = new AsyncLocalStorage();
+      return _serverStorage;
+    }
+    return null;
+  } catch {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("[blocks] AsyncLocalStorage not available - using module-level state");
+    }
+    return null;
+  }
+}
+var _clientContext = {};
+function getMediaContext() {
+  const storage = getServerStorage();
+  if (storage) {
+    return storage.getStore() ?? {};
+  }
+  return _clientContext;
+}
 function getSupabaseUrl() {
-  if (_contextSupabaseUrl) {
-    return _contextSupabaseUrl;
+  const context = getMediaContext();
+  if (context.supabaseUrl) {
+    return context.supabaseUrl;
   }
   const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
   if (!url) {
@@ -3154,6 +3196,9 @@ function getSupabaseUrl() {
   }
   return url.replace(/\/$/, "");
 }
+function getSiteId() {
+  return getMediaContext().siteId;
+}
 var debugMediaNodeLog = (...args) => {
   if (typeof window !== "undefined" && window.__DEBUG_MEDIA_NODE__) {
     console.log("[MediaNode]", ...args);
@@ -3177,7 +3222,10 @@ var MediaNode = ({ value, className, style }) => {
       }
     );
   }
-  const hotspotStyle = value.transform?.hotspot ? { objectPosition: `${value.transform.hotspot.x * 100}% ${value.transform.hotspot.y * 100}%` } : void 0;
+  const effectiveObjectFit = style?.objectFit;
+  const hotspot = value.transform?.hotspot;
+  const shouldApplyHotspot = hotspot && (!effectiveObjectFit || effectiveObjectFit === "cover" || effectiveObjectFit === "contain");
+  const hotspotStyle = shouldApplyHotspot && hotspot ? { objectPosition: `${hotspot.x * 100}% ${hotspot.y * 100}%` } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "img",
     {
@@ -3189,6 +3237,9 @@ var MediaNode = ({ value, className, style }) => {
     }
   );
 };
+function isRelativePath(storagePath) {
+  return storagePath.startsWith("originals/") || storagePath.startsWith("variants/") || storagePath.startsWith("imports/");
+}
 function resolveImageUrl(value) {
   if (value.type !== "image") return void 0;
   debugMediaNodeLog("resolveImageUrl input", {
@@ -3199,10 +3250,17 @@ function resolveImageUrl(value) {
   });
   if (value.storagePath && value.storagePath.length > 0) {
     const supabaseUrl = getSupabaseUrl();
+    const siteId = getSiteId();
     const bucket = value.storageBucket ?? "media";
-    const directUrl = getDirectImageUrl(supabaseUrl, value.storagePath, bucket);
+    if (isRelativePath(value.storagePath) && !siteId) {
+      console.warn(
+        `[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);
     debugMediaNodeLog("resolve:direct-supabase", {
       storagePath: value.storagePath,
+      siteId,
       bucket,
       directUrl
     });
@@ -12449,6 +12507,7 @@ var X2 = createLucideIcon("x", __iconNode12);
 
 // ../ui/dist/index.mjs
 var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var React310 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.16_@types+react-dom@19.1.7_@types+react@19.1.11__@typ_73e1023eade5c24615c7e11c2c5c91a2/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
@@ -16027,11 +16086,11 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var React410 = __toESM(require("react"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
+var React410 = __toESM(require("react"), 1);
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var React54 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@19.1.7_@types+react@19.1.11__@types+rea_e0f1f19d687b38e5ae82e27a5862402e/node_modules/@radix-ui/react-popover/dist/index.mjs
@@ -16317,7 +16376,7 @@ var Portal4 = PopoverPortal;
 var Content24 = PopoverContent;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var import_react31 = require("react");
 
 // ../../node_modules/.pnpm/react-colorful@5.6.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-colorful/dist/index.mjs
@@ -16515,7 +16574,7 @@ var Z2 = function(r3) {
 };
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var React62 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.1/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js
@@ -18221,7 +18280,7 @@ function useEmblaCarousel(options = {}, plugins = []) {
 useEmblaCarousel.globalOptions = void 0;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.11_react@19.2.1/node_modules/@radix-ui/react-use-previous/dist/index.mjs
 var React48 = __toESM(require("react"), 1);
@@ -18237,19 +18296,19 @@ function usePrevious(value) {
 }
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime73 = require("react/jsx-runtime");
 var import_jsx_runtime74 = require("react/jsx-runtime");
-var React72 = __toESM(require("react"), 1);
 var import_jsx_runtime75 = require("react/jsx-runtime");
-var import_react32 = require("react");
+var React72 = __toESM(require("react"), 1);
 var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react32 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var import_react33 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
-var import_react35 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var React82 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_@types+react-dom@19.1.7_@types+react@19.1.11__@types+react_3a18675aaef59a80183d47a46045f61d/node_modules/@radix-ui/react-switch/dist/index.mjs
@@ -18397,9 +18456,9 @@ var Root4 = Switch;
 var Thumb = SwitchThumb;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var React92 = __toESM(require("react"), 1);
 var import_jsx_runtime82 = require("react/jsx-runtime");
+var React92 = __toESM(require("react"), 1);
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var React102 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-toggle@1.1.10_@types+react-dom@19.1.7_@types+react@19.1.11__@types+reac_37fabc382cd9b9947e48ad57c4aa85bf/node_modules/@radix-ui/react-toggle/dist/index.mjs
@@ -18435,9 +18494,9 @@ Toggle.displayName = NAME2;
 var Root5 = Toggle;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime83 = require("react/jsx-runtime");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // ../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.12_@types+react-dom@19.1.7_@types+react@19.1.11__@types+r_0aefcdf227a32a60c7759673d969e63f/node_modules/@radix-ui/react-accordion/dist/index.mjs
 var import_react30 = __toESM(require("react"), 1);
@@ -18736,16 +18795,16 @@ var Content25 = AccordionContent;
 
 // ../ui/dist/index.mjs
 var React112 = __toESM(require("react"), 1);
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var React122 = __toESM(require("react"), 1);
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var React132 = __toESM(require("react"), 1);
+var React122 = __toESM(require("react"), 1);
 var import_jsx_runtime88 = require("react/jsx-runtime");
+var React132 = __toESM(require("react"), 1);
 var import_jsx_runtime89 = require("react/jsx-runtime");
-var import_react36 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var import_react38 = require("react");
 var React152 = __toESM(require("react"), 1);
 
@@ -18927,12 +18986,12 @@ var Trigger3 = TabsTrigger;
 var Content4 = TabsContent;
 
 // ../ui/dist/index.mjs
-var import_jsx_runtime92 = require("react/jsx-runtime");
 var import_jsx_runtime93 = require("react/jsx-runtime");
-var import_react39 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function cn2(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -19003,7 +19062,7 @@ var CollapsibleContent2 = React211.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CollapsibleContent2.displayName = Content.displayName;
-var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   SubTrigger2,
   {
     ref,
@@ -19015,12 +19074,12 @@ var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children,
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
-var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   SubContent2,
   {
     ref,
@@ -19032,7 +19091,7 @@ var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref)
   }
 ));
 DropdownMenuSubContent2.displayName = SubContent2.displayName;
-var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Portal22, { ...container ? { container } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Portal22, { ...container ? { container } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   Content23,
   {
     ref,
@@ -19046,7 +19105,7 @@ var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, con
   }
 ) }));
 DropdownMenuContent2.displayName = Content23.displayName;
-var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   Item22,
   {
     ref,
@@ -19059,7 +19118,7 @@ var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref
   }
 ));
 DropdownMenuItem2.displayName = Item22.displayName;
-var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   CheckboxItem2,
   {
     ref,
@@ -19070,13 +19129,13 @@ var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, chec
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
-var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
   RadioItem2,
   {
     ref,
@@ -19086,13 +19145,13 @@ var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
-var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   Label2,
   {
     ref,
@@ -19105,7 +19164,7 @@ var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, re
   }
 ));
 DropdownMenuLabel2.displayName = Label2.displayName;
-var DropdownMenuSeparator2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var DropdownMenuSeparator2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
   Separator2,
   {
     ref,
@@ -19118,7 +19177,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "span",
     {
       className: cn2("ml-auto text-xs tracking-widest opacity-60", className),
@@ -19134,7 +19193,7 @@ var FormItemContext = React410.createContext(
   {}
 );
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "input",
     {
       type,
@@ -19163,7 +19222,7 @@ function getSafePortalContainer(container) {
   }
   return target;
 }
-var PopoverContent2 = React54.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Portal4, { ...container ? { container: getSafePortalContainer(container) } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var PopoverContent2 = React54.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Portal4, { ...container ? { container: getSafePortalContainer(container) } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   Content24,
   {
     ref,
@@ -19196,9 +19255,9 @@ var ColorPicker = (0, import_react31.forwardRef)(
     const parsedValue = (0, import_react31.useMemo)(() => {
       return value || "#FFFFFF";
     }, [value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn2("inline-block", props.style ? "" : ""), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Popover2, { onOpenChange: setOpen, open, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(PopoverTrigger2, { asChild: true, disabled, onBlur, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn2("inline-block", props.style ? "" : ""), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Popover2, { onOpenChange: setOpen, open, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PopoverTrigger2, { asChild: true, disabled, onBlur, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           Button,
           {
             ...props,
@@ -19213,12 +19272,12 @@ var ColorPicker = (0, import_react31.forwardRef)(
               ...props.style
             },
             variant: "outline",
-            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {})
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(PopoverContent2, { className: "w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Z2, { color: parsedValue, onChange }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(PopoverContent2, { className: "w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Z2, { color: parsedValue, onChange }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             Input,
             {
               maxLength: 7,
@@ -19231,7 +19290,7 @@ var ColorPicker = (0, import_react31.forwardRef)(
           )
         ] })
       ] }),
-      label ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mt-1 text-xs text-gray-600", children: label }) : null
+      label ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "mt-1 text-xs text-gray-600", children: label }) : null
     ] });
   }
 );
@@ -19253,13 +19312,13 @@ var Carousel = React62.forwardRef(
       },
       plugins
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CarouselContext.Provider, { value: { carouselRef, api, orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CarouselContext.Provider, { value: { carouselRef, api, orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         ref,
         className: cn2("relative", orientation === "vertical" && "flex flex-col", className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex", children }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex", children }) })
       }
     ) });
   }
@@ -19268,7 +19327,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React62.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         ref,
@@ -19286,7 +19345,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React62.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         ref,
@@ -19304,14 +19363,14 @@ var CarouselItem = React62.forwardRef(
 );
 CarouselItem.displayName = "CarouselItem";
 var Control = React62.forwardRef(
-  ({ className, variant = "outline", size: size4 = "icon", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { ref, className: cn2("h-8 w-8", className), variant, size: size4, ...props })
+  ({ className, variant = "outline", size: size4 = "icon", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { ref, className: cn2("h-8 w-8", className), variant, size: size4, ...props })
 );
 Control.displayName = "CarouselControl";
 var CarouselPrevious = React62.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, orientation } = useCarousel();
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       Control,
       {
         ref,
@@ -19323,8 +19382,8 @@ var CarouselPrevious = React62.forwardRef(
         onClick: () => api?.scrollPrev(),
         ...props,
         children: [
-          children ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "sr-only", children: "Previous slide" })
+          children ?? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
@@ -19335,7 +19394,7 @@ var CarouselNext = React62.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, orientation } = useCarousel();
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       Control,
       {
         ref,
@@ -19347,8 +19406,8 @@ var CarouselNext = React62.forwardRef(
         onClick: () => api?.scrollNext(),
         ...props,
         children: [
-          children ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "sr-only", children: "Next slide" })
+          children ?? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -19358,13 +19417,13 @@ CarouselNext.displayName = "CarouselNext";
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Portal2, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Portal2, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -19391,9 +19450,9 @@ var SIDE_CLASSNAMES = {
   ].join(" ")
 };
 var SheetContent = React72.forwardRef(({ className, children, showCloseButton = true, side = "bottom", ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       Content2,
       {
         ref,
@@ -19407,14 +19466,14 @@ var SheetContent = React72.forwardRef(({ className, children, showCloseButton =
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
             Close,
             {
               "data-slot": "sheet-close",
               className: "ring-offset-background focus:ring-ring absolute right-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(X2, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(X2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -19433,7 +19492,7 @@ var mergeStyle = (base, additions) => ({
   ...additions
 });
 var SkeletonRoot = (0, import_react32.forwardRef)(function SkeletonRoot2({ className, style, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "div",
     {
       ref,
@@ -19447,7 +19506,7 @@ var SkeletonRoot = (0, import_react32.forwardRef)(function SkeletonRoot2({ class
 SkeletonRoot.displayName = "Skeleton";
 var SkeletonText = (0, import_react32.forwardRef)(function SkeletonText2({ width, style, className, ...props }, ref) {
   const computedStyle = width ? mergeStyle(style, { width: toCssSize(width) }) : style;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRoot,
     {
       ref,
@@ -19463,7 +19522,7 @@ var SkeletonLine = (0, import_react32.forwardRef)(function SkeletonLine2({ width
     width: toCssSize(width),
     height: toCssSize(height)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRoot,
     {
       ref,
@@ -19482,7 +19541,7 @@ var SkeletonBlock = (0, import_react32.forwardRef)(function SkeletonBlock2({ wid
   if (aspectRatio) {
     additions.aspectRatio = typeof aspectRatio === "number" ? `${aspectRatio}` : aspectRatio;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRoot,
     {
       ref,
@@ -19498,7 +19557,7 @@ var SkeletonAvatar = (0, import_react32.forwardRef)(function SkeletonAvatar2({ s
     width: toCssSize(size4),
     height: toCssSize(size4)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRoot,
     {
       ref,
@@ -19511,7 +19570,7 @@ var SkeletonAvatar = (0, import_react32.forwardRef)(function SkeletonAvatar2({ s
 SkeletonAvatar.displayName = "Skeleton.Avatar";
 var SkeletonBadge = (0, import_react32.forwardRef)(function SkeletonBadge2({ width = 72, style, className, ...props }, ref) {
   const computedStyle = width ? mergeStyle(style, { width: toCssSize(width) }) : style;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     SkeletonRoot,
     {
       ref,
@@ -19541,21 +19600,21 @@ function Spinner({
   ...props
 }) {
   const accessibilityProps = srLabel ? { role: "status", "aria-live": "polite" } : { "aria-hidden": true };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "span",
     {
       ...accessibilityProps,
       className: cn2("inline-flex items-center justify-center text-current", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           LoaderCircle,
           {
             "aria-hidden": "true",
             className: cn2("animate-spin motion-reduce:animate-none", sizeClasses[size4])
           }
         ),
-        srLabel ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "sr-only", children: srLabel }) : null
+        srLabel ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "sr-only", children: srLabel }) : null
       ]
     }
   );
@@ -19583,7 +19642,7 @@ function DelayedSpinner({
   if (!visible && !keepMounted) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     Spinner,
     {
       className: cn2(!visible ? "opacity-0" : null, className),
@@ -19612,7 +19671,7 @@ var PendingButton = (0, import_react34.forwardRef)(
         size: spinnerSize,
         ...rest
       } = spinnerProps ?? {};
-      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         DelayedSpinner,
         {
           active: isPending,
@@ -19623,7 +19682,7 @@ var PendingButton = (0, import_react34.forwardRef)(
         }
       );
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       Button,
       {
         ref,
@@ -19634,14 +19693,14 @@ var PendingButton = (0, import_react34.forwardRef)(
         ...props,
         children: [
           spinnerPlacement === "start" ? renderSpinner() : null,
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "aria-live": "polite", className: "flex items-center justify-center", children: content }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { "aria-live": "polite", className: "flex items-center justify-center", children: content }),
           spinnerPlacement === "end" ? renderSpinner() : null
         ]
       }
     );
   }
 );
-var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
   Root4,
   {
     ref,
@@ -19650,7 +19709,7 @@ var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       Thumb,
       {
         className: cn2(
@@ -19662,7 +19721,7 @@ var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Switch2.displayName = Root4.displayName;
 var Textarea = React92.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "textarea",
     {
       className: cn2(
@@ -19695,7 +19754,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle2 = React102.forwardRef(({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var Toggle2 = React102.forwardRef(({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   Root5,
   {
     ref,
@@ -19722,7 +19781,7 @@ var badgeVariants = cva(
   }
 );
 var Accordion2 = Root24;
-var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
   Item3,
   {
     ref,
@@ -19731,7 +19790,7 @@ var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Header, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Header, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
   Trigger22,
   {
     ref,
@@ -19741,7 +19800,7 @@ var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props },
   }
 ) }) }));
 AccordionTrigger2.displayName = Trigger22.displayName;
-var AccordionContent2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var AccordionContent2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
   Content25,
   {
     ref,
@@ -19752,7 +19811,7 @@ var AccordionContent2 = React112.forwardRef(({ className, children, ...props },
   }
 ));
 AccordionContent2.displayName = Content25.displayName;
-var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
   Item3,
   {
     ref,
@@ -19761,7 +19820,7 @@ var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SectionAccordionItem.displayName = "SectionAccordionItem";
-var SectionAccordionTrigger = React122.forwardRef(({ className, title, description, invalid, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Header, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+var SectionAccordionTrigger = React122.forwardRef(({ className, title, description, invalid, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Header, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
   Trigger22,
   {
     ref,
@@ -19773,19 +19832,19 @@ var SectionAccordionTrigger = React122.forwardRef(({ className, title, descripti
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "flex items-center gap-2", children: [
           title,
-          invalid && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive", children: "Fix errors" })
+          invalid && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive", children: "Fix errors" })
         ] }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-xs font-normal text-muted-foreground", children: description })
+        description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-xs font-normal text-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
 ) }) }));
 SectionAccordionTrigger.displayName = "SectionAccordionTrigger";
-var SectionAccordionContent = React122.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SectionAccordionContent = React122.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
   Content25,
   {
     ref,
@@ -19795,11 +19854,11 @@ var SectionAccordionContent = React122.forwardRef(({ className, children, ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "px-4 pb-4 pt-0", children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "px-4 pb-4 pt-0", children })
   }
 ));
 SectionAccordionContent.displayName = "SectionAccordionContent";
-var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   List,
   {
     ref,
@@ -19811,7 +19870,7 @@ var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsList2.displayName = List.displayName;
-var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   Trigger3,
   {
     ref,
@@ -19823,7 +19882,7 @@ var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TabsTrigger2.displayName = Trigger3.displayName;
-var TabsContent2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var TabsContent2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   Content4,
   {
     ref,
@@ -19837,7 +19896,7 @@ var TabsContent2 = React152.forwardRef(({ className, ...props }, ref) => /* @__P
 TabsContent2.displayName = Content4.displayName;
 
 // ../blocks/src/system/runtime/nodes/carousel.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var CarouselNode = ({
   children,
   className,
@@ -19855,15 +19914,15 @@ var CarouselNode = ({
   }, [slidesToShow]);
   const basis = `${100 / resolvedSlides}%`;
   const controlsEnabled = typeof showControls === "string" ? showControls !== "false" : Boolean(showControls);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "div",
     {
       className: clsx_default("relative", className),
       "data-slides-to-show": resolvedSlides,
       "data-transition": transition,
       "data-show-controls": controlsEnabled ? "true" : "false",
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Carousel, { opts: { align: "start", slidesToScroll: 1, containScroll: "trimSnaps" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CarouselContent, { className: "w-full", children: slides.map((slide, index2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Carousel, { opts: { align: "start", slidesToScroll: 1, containScroll: "trimSnaps" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CarouselContent, { className: "w-full", children: slides.map((slide, index2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           CarouselSlide,
           {
             index: index2,
@@ -19873,9 +19932,9 @@ var CarouselNode = ({
           },
           index2
         )) }),
-        controlsEnabled && slides.length > resolvedSlides ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CarouselPrevious, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CarouselNext, {})
+        controlsEnabled && slides.length > resolvedSlides ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CarouselPrevious, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CarouselNext, {})
         ] }) : null
       ] })
     }
@@ -19898,7 +19957,7 @@ var CarouselSlide = ({ index: index2, basis, transition, children }) => {
     };
   }, [api]);
   const isActive = selected === index2;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     CarouselItem,
     {
       "data-active": isActive,
@@ -19987,7 +20046,7 @@ var ICON_CONFIG = {
 };
 
 // ../blocks/src/system/runtime/nodes/accordion.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var ACCORDION_ICONS = {
   Plus,
   Minus,
@@ -20009,7 +20068,7 @@ var AccordionNode = (props) => {
   } = props;
   if (rest.type === "multiple") {
     const { type: _type, defaultValue: defaultValue2, value: value2 } = rest;
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Accordion2,
       {
         type: "multiple",
@@ -20026,7 +20085,7 @@ var AccordionNode = (props) => {
     defaultValue,
     value
   } = rest;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     Accordion2,
     {
       type,
@@ -20062,7 +20121,7 @@ var AccordionItemNode = ({
   const iconConfig = ICON_CONFIG[resolvedIconStyle];
   const ClosedIconComponent = ACCORDION_ICONS[iconConfig.closedIcon];
   const OpenIconComponent = iconConfig.openIcon ? ACCORDION_ICONS[iconConfig.openIcon] : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     AccordionItem2,
     {
       value: resolvedValue,
@@ -20072,14 +20131,14 @@ var AccordionItemNode = ({
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(AccordionTrigger2, { className: "accordion-trigger", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text2, { as: "span", className: "flex-1", children: resolvedTrigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "accordion-icon", "aria-hidden": "true", children: [
-            ClosedIconComponent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ClosedIconComponent, { className: "accordion-icon-closed" }),
-            OpenIconComponent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(OpenIconComponent, { className: "accordion-icon-open" })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(AccordionTrigger2, { className: "accordion-trigger", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text2, { as: "span", className: "flex-1", children: resolvedTrigger }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "accordion-icon", "aria-hidden": "true", children: [
+            ClosedIconComponent && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ClosedIconComponent, { className: "accordion-icon-closed" }),
+            OpenIconComponent && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(OpenIconComponent, { className: "accordion-icon-open" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AccordionContent2, { className: "accordion-content", children: typeof contentSource === "string" || typeof contentSource === "number" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "mt-0", children: String(contentSource) }) : contentSource ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RichText, { doc: contentSource, className: "max-w-none" }) : null })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(AccordionContent2, { className: "accordion-content", children: typeof contentSource === "string" || typeof contentSource === "number" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "mt-0", children: String(contentSource) }) : contentSource ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RichText, { doc: contentSource, className: "max-w-none" }) : null })
       ]
     }
   );
@@ -20087,7 +20146,7 @@ var AccordionItemNode = ({
 
 // ../blocks/src/system/runtime/nodes/header-section.client.tsx
 var import_react43 = __toESM(require("react"));
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var HeaderSectionNode2 = ({
   blockId: _blockId,
   blockKind: _blockKind,
@@ -20124,7 +20183,7 @@ var HeaderSectionNode2 = ({
     };
   }, [hasShrinkClasses]);
   const className = [originalClassName, scrolled && "header-scrolled"].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Section, { ...restProps, className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Section, { ...restProps, className, children });
 };
 var header_section_client_default = HeaderSectionNode2;