@riverbankcms/sdk 0.8.0 → 0.9.0

package/dist/client/rendering/client.mjs

@@ -1,6 +1,12 @@
 "use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __require = /* @__PURE__ */ ((x2) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x2, {
+  get: (a2, b3) => (typeof require !== "undefined" ? require : a2)[b3]
+}) : x2)(function(x2) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x2 + '" is not supported');
+});
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
@@ -3093,10 +3099,23 @@ var LinkNode = ({
   return /* @__PURE__ */ jsx8("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();
@@ -3111,10 +3130,49 @@ function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", op
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
-var _contextSupabaseUrl;
+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() {
+  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) {
@@ -3124,19 +3182,22 @@ 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);
   }
 };
-var MediaNode = ({ value, className, style }) => {
+var MediaNode = ({ value, className, style, size: size4 = ImagePresets.full }) => {
   if (!value) return null;
   if (value.type === "video") {
     const src = value.src;
     if (!src) return null;
     return /* @__PURE__ */ jsx9("video", { className, style, src, autoPlay: true, muted: true, loop: true, playsInline: true, "aria-label": value.alt ?? "" });
   }
-  const imageUrl = resolveImageUrl(value);
+  const imageUrl = resolveImageUrl(value, size4);
   if (!imageUrl) {
     return /* @__PURE__ */ jsx9(
       "div",
@@ -3147,7 +3208,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__ */ jsx9(
     "img",
     {
@@ -3159,22 +3223,45 @@ var MediaNode = ({ value, className, style }) => {
     }
   );
 };
-function resolveImageUrl(value) {
+function isRelativePath(storagePath) {
+  return storagePath.startsWith("originals/") || storagePath.startsWith("variants/") || storagePath.startsWith("imports/");
+}
+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();
+    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.`
+      );
+    }
+    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;
   }
@@ -12419,6 +12506,7 @@ var X2 = createLucideIcon("x", __iconNode12);
 
 // ../ui/dist/index.mjs
 import { jsx as jsx410, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx510, jsxs as jsxs29 } from "react/jsx-runtime";
 import * as React310 from "react";
 
 // ../../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
@@ -15997,11 +16085,11 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx510, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 import * as React410 from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
 import { jsx as jsx72 } from "react/jsx-runtime";
 import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 import * as React54 from "react";
 
 // ../../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
@@ -16287,7 +16375,7 @@ var Portal4 = PopoverPortal;
 var Content24 = PopoverContent;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 import { forwardRef as forwardRef52, useEffect as useEffect29, useMemo as useMemo13, useRef as useRef25, useState as useState33 } from "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
@@ -16485,7 +16573,7 @@ var Z2 = function(r3) {
 };
 
 // ../ui/dist/index.mjs
-import { jsx as jsx102, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs42 } from "react/jsx-runtime";
 import * as React62 from "react";
 
 // ../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.1/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js
@@ -18191,7 +18279,7 @@ function useEmblaCarousel(options = {}, plugins = []) {
 useEmblaCarousel.globalOptions = void 0;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx112, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs52 } from "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
 import * as React48 from "react";
@@ -18207,19 +18295,19 @@ function usePrevious(value) {
 }
 
 // ../ui/dist/index.mjs
-import { jsx as jsx122, jsxs as jsxs52 } from "react/jsx-runtime";
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 import * as React72 from "react";
-import { jsx as jsx142, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx152, jsxs as jsxs72 } from "react/jsx-runtime";
 import { forwardRef as forwardRef82 } from "react";
-import { jsx as jsx152 } from "react/jsx-runtime";
-import { jsx as jsx162, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs82 } from "react/jsx-runtime";
 import { useEffect as useEffect210, useState as useState210 } from "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 import { forwardRef as forwardRef92 } from "react";
-import { jsx as jsx182, jsxs as jsxs82 } from "react/jsx-runtime";
-import { Suspense } from "react";
 import { jsx as jsx192, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { jsx as jsx202, jsxs as jsxs102 } from "react/jsx-runtime";
 import * as React82 from "react";
 
 // ../../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
@@ -18367,9 +18455,9 @@ var Root4 = Switch;
 var Thumb = SwitchThumb;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx202 } from "react/jsx-runtime";
-import * as React92 from "react";
 import { jsx as jsx212 } from "react/jsx-runtime";
+import * as React92 from "react";
+import { jsx as jsx222 } from "react/jsx-runtime";
 import * as React102 from "react";
 
 // ../../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
@@ -18405,9 +18493,9 @@ Toggle.displayName = NAME2;
 var Root5 = Toggle;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx222 } from "react/jsx-runtime";
-import { jsx as jsx232, jsxs as jsxs102 } from "react/jsx-runtime";
-import { jsx as jsx242 } from "react/jsx-runtime";
+import { jsx as jsx232 } from "react/jsx-runtime";
+import { jsx as jsx242, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx252 } from "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
 import React51 from "react";
@@ -18706,14 +18794,14 @@ var Content25 = AccordionContent;
 
 // ../ui/dist/index.mjs
 import * as React112 from "react";
-import { jsx as jsx252 } from "react/jsx-runtime";
+import { jsx as jsx262 } from "react/jsx-runtime";
 import * as React122 from "react";
-import { jsx as jsx262, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx272, jsxs as jsxs122 } from "react/jsx-runtime";
 import * as React132 from "react";
-import { jsx as jsx272 } from "react/jsx-runtime";
-import { jsx as jsx282, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx282 } from "react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs132 } from "react/jsx-runtime";
 import { useEffect as useEffect32, useRef as useRef32 } from "react";
-import { jsx as jsx292 } from "react/jsx-runtime";
+import { jsx as jsx302 } from "react/jsx-runtime";
 import {
   useCallback as useCallback20,
   useEffect as useEffect42,
@@ -18721,7 +18809,7 @@ import {
   useRef as useRef42,
   useState as useState34
 } from "react";
-import { jsx as jsx302, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx312, jsxs as jsxs142 } from "react/jsx-runtime";
 import { useState as useState42, useRef as useRef52, useCallback as useCallback22, useEffect as useEffect52 } from "react";
 import * as React152 from "react";
 
@@ -18903,12 +18991,12 @@ var Trigger3 = TabsTrigger;
 var Content4 = TabsContent;
 
 // ../ui/dist/index.mjs
-import { jsx as jsx312 } from "react/jsx-runtime";
-import { jsx as jsx322, jsxs as jsxs142 } from "react/jsx-runtime";
-import { useState as useState52 } from "react";
+import { jsx as jsx322 } from "react/jsx-runtime";
 import { jsx as jsx332, jsxs as jsxs152 } from "react/jsx-runtime";
+import { useState as useState52 } from "react";
+import { jsx as jsx342, jsxs as jsxs162 } from "react/jsx-runtime";
 import { useEffect as useEffect62, useMemo as useMemo32, useState as useState62 } from "react";
-import { Fragment as Fragment8, jsx as jsx342, jsxs as jsxs162 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx352, jsxs as jsxs172 } from "react/jsx-runtime";
 function cn2(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -18979,7 +19067,7 @@ var CollapsibleContent2 = React211.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CollapsibleContent2.displayName = Content.displayName;
-var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs29(
+var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs32(
   SubTrigger2,
   {
     ref,
@@ -18991,12 +19079,12 @@ var DropdownMenuSubTrigger2 = React310.forwardRef(({ className, inset, children,
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx510(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx62(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
-var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx510(
+var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
   SubContent2,
   {
     ref,
@@ -19008,7 +19096,7 @@ var DropdownMenuSubContent2 = React310.forwardRef(({ className, ...props }, ref)
   }
 ));
 DropdownMenuSubContent2.displayName = SubContent2.displayName;
-var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx510(Portal22, { ...container ? { container } : {}, children: /* @__PURE__ */ jsx510(
+var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx62(Portal22, { ...container ? { container } : {}, children: /* @__PURE__ */ jsx62(
   Content23,
   {
     ref,
@@ -19022,7 +19110,7 @@ var DropdownMenuContent2 = React310.forwardRef(({ className, sideOffset = 4, con
   }
 ) }));
 DropdownMenuContent2.displayName = Content23.displayName;
-var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx510(
+var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx62(
   Item22,
   {
     ref,
@@ -19035,7 +19123,7 @@ var DropdownMenuItem2 = React310.forwardRef(({ className, inset, ...props }, ref
   }
 ));
 DropdownMenuItem2.displayName = Item22.displayName;
-var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs29(
+var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs32(
   CheckboxItem2,
   {
     ref,
@@ -19046,13 +19134,13 @@ var DropdownMenuCheckboxItem2 = React310.forwardRef(({ className, children, chec
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx510("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx510(ItemIndicator2, { children: /* @__PURE__ */ jsx510(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx62("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx62(ItemIndicator2, { children: /* @__PURE__ */ jsx62(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
-var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs29(
+var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs32(
   RadioItem2,
   {
     ref,
@@ -19062,13 +19150,13 @@ var DropdownMenuRadioItem2 = React310.forwardRef(({ className, children, ...prop
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx510("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx510(ItemIndicator2, { children: /* @__PURE__ */ jsx510(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx62("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx62(ItemIndicator2, { children: /* @__PURE__ */ jsx62(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
-var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx510(
+var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx62(
   Label2,
   {
     ref,
@@ -19081,7 +19169,7 @@ var DropdownMenuLabel2 = React310.forwardRef(({ className, inset, ...props }, re
   }
 ));
 DropdownMenuLabel2.displayName = Label2.displayName;
-var DropdownMenuSeparator2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx510(
+var DropdownMenuSeparator2 = React310.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
   Separator2,
   {
     ref,
@@ -19094,7 +19182,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx510(
+  return /* @__PURE__ */ jsx62(
     "span",
     {
       className: cn2("ml-auto text-xs tracking-widest opacity-60", className),
@@ -19110,7 +19198,7 @@ var FormItemContext = React410.createContext(
   {}
 );
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx92(
     "input",
     {
       type,
@@ -19139,7 +19227,7 @@ function getSafePortalContainer(container) {
   }
   return target;
 }
-var PopoverContent2 = React54.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx92(Portal4, { ...container ? { container: getSafePortalContainer(container) } : {}, children: /* @__PURE__ */ jsx92(
+var PopoverContent2 = React54.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx102(Portal4, { ...container ? { container: getSafePortalContainer(container) } : {}, children: /* @__PURE__ */ jsx102(
   Content24,
   {
     ref,
@@ -19172,9 +19260,9 @@ var ColorPicker = forwardRef52(
     const parsedValue = useMemo13(() => {
       return value || "#FFFFFF";
     }, [value]);
-    return /* @__PURE__ */ jsxs32("div", { className: cn2("inline-block", props.style ? "" : ""), children: [
-      /* @__PURE__ */ jsxs32(Popover2, { onOpenChange: setOpen, open, children: [
-        /* @__PURE__ */ jsx102(PopoverTrigger2, { asChild: true, disabled, onBlur, children: /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsxs42("div", { className: cn2("inline-block", props.style ? "" : ""), children: [
+      /* @__PURE__ */ jsxs42(Popover2, { onOpenChange: setOpen, open, children: [
+        /* @__PURE__ */ jsx112(PopoverTrigger2, { asChild: true, disabled, onBlur, children: /* @__PURE__ */ jsx112(
           Button,
           {
             ...props,
@@ -19189,12 +19277,12 @@ var ColorPicker = forwardRef52(
               ...props.style
             },
             variant: "outline",
-            children: /* @__PURE__ */ jsx102("div", {})
+            children: /* @__PURE__ */ jsx112("div", {})
           }
         ) }),
-        /* @__PURE__ */ jsxs32(PopoverContent2, { className: "w-full", children: [
-          /* @__PURE__ */ jsx102(Z2, { color: parsedValue, onChange }),
-          /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsxs42(PopoverContent2, { className: "w-full", children: [
+          /* @__PURE__ */ jsx112(Z2, { color: parsedValue, onChange }),
+          /* @__PURE__ */ jsx112(
             Input,
             {
               maxLength: 7,
@@ -19207,7 +19295,7 @@ var ColorPicker = forwardRef52(
           )
         ] })
       ] }),
-      label ? /* @__PURE__ */ jsx102("div", { className: "mt-1 text-xs text-gray-600", children: label }) : null
+      label ? /* @__PURE__ */ jsx112("div", { className: "mt-1 text-xs text-gray-600", children: label }) : null
     ] });
   }
 );
@@ -19229,13 +19317,13 @@ var Carousel = React62.forwardRef(
       },
       plugins
     );
-    return /* @__PURE__ */ jsx112(CarouselContext.Provider, { value: { carouselRef, api, orientation }, children: /* @__PURE__ */ jsx112(
+    return /* @__PURE__ */ jsx122(CarouselContext.Provider, { value: { carouselRef, api, orientation }, children: /* @__PURE__ */ jsx122(
       "div",
       {
         ref,
         className: cn2("relative", orientation === "vertical" && "flex flex-col", className),
         ...props,
-        children: /* @__PURE__ */ jsx112("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx112("div", { className: "flex", children }) })
+        children: /* @__PURE__ */ jsx122("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx122("div", { className: "flex", children }) })
       }
     ) });
   }
@@ -19244,7 +19332,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React62.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx112(
+    return /* @__PURE__ */ jsx122(
       "div",
       {
         ref,
@@ -19262,7 +19350,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React62.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx112(
+    return /* @__PURE__ */ jsx122(
       "div",
       {
         ref,
@@ -19280,14 +19368,14 @@ var CarouselItem = React62.forwardRef(
 );
 CarouselItem.displayName = "CarouselItem";
 var Control = React62.forwardRef(
-  ({ className, variant = "outline", size: size4 = "icon", ...props }, ref) => /* @__PURE__ */ jsx112(Button, { ref, className: cn2("h-8 w-8", className), variant, size: size4, ...props })
+  ({ className, variant = "outline", size: size4 = "icon", ...props }, ref) => /* @__PURE__ */ jsx122(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__ */ jsxs42(
+    return /* @__PURE__ */ jsxs52(
       Control,
       {
         ref,
@@ -19299,8 +19387,8 @@ var CarouselPrevious = React62.forwardRef(
         onClick: () => api?.scrollPrev(),
         ...props,
         children: [
-          children ?? /* @__PURE__ */ jsx112(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx112("span", { className: "sr-only", children: "Previous slide" })
+          children ?? /* @__PURE__ */ jsx122(ChevronLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx122("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
@@ -19311,7 +19399,7 @@ var CarouselNext = React62.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { api, orientation } = useCarousel();
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs52(
       Control,
       {
         ref,
@@ -19323,8 +19411,8 @@ var CarouselNext = React62.forwardRef(
         onClick: () => api?.scrollNext(),
         ...props,
         children: [
-          children ?? /* @__PURE__ */ jsx112(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx112("span", { className: "sr-only", children: "Next slide" })
+          children ?? /* @__PURE__ */ jsx122(ChevronRight, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx122("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -19334,13 +19422,13 @@ CarouselNext.displayName = "CarouselNext";
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx142(Portal2, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx152(Portal2, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsx152(
     Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -19367,9 +19455,9 @@ var SIDE_CLASSNAMES = {
   ].join(" ")
 };
 var SheetContent = React72.forwardRef(({ className, children, showCloseButton = true, side = "bottom", ...props }, ref) => {
-  return /* @__PURE__ */ jsxs62(SheetPortal, { children: [
-    /* @__PURE__ */ jsx142(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs72(SheetPortal, { children: [
+    /* @__PURE__ */ jsx152(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs72(
       Content2,
       {
         ref,
@@ -19383,14 +19471,14 @@ var SheetContent = React72.forwardRef(({ className, children, showCloseButton =
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs62(
+          showCloseButton && /* @__PURE__ */ jsxs72(
             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__ */ jsx142(X2, {}),
-                /* @__PURE__ */ jsx142("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx152(X2, {}),
+                /* @__PURE__ */ jsx152("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -19409,7 +19497,7 @@ var mergeStyle = (base, additions) => ({
   ...additions
 });
 var SkeletonRoot = forwardRef82(function SkeletonRoot2({ className, style, ...props }, ref) {
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     "div",
     {
       ref,
@@ -19423,7 +19511,7 @@ var SkeletonRoot = forwardRef82(function SkeletonRoot2({ className, style, ...pr
 SkeletonRoot.displayName = "Skeleton";
 var SkeletonText = forwardRef82(function SkeletonText2({ width, style, className, ...props }, ref) {
   const computedStyle = width ? mergeStyle(style, { width: toCssSize(width) }) : style;
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     SkeletonRoot,
     {
       ref,
@@ -19439,7 +19527,7 @@ var SkeletonLine = forwardRef82(function SkeletonLine2({ width = "100%", height
     width: toCssSize(width),
     height: toCssSize(height)
   });
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     SkeletonRoot,
     {
       ref,
@@ -19458,7 +19546,7 @@ var SkeletonBlock = forwardRef82(function SkeletonBlock2({ width = "100%", heigh
   if (aspectRatio) {
     additions.aspectRatio = typeof aspectRatio === "number" ? `${aspectRatio}` : aspectRatio;
   }
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     SkeletonRoot,
     {
       ref,
@@ -19474,7 +19562,7 @@ var SkeletonAvatar = forwardRef82(function SkeletonAvatar2({ size: size4 = 40, s
     width: toCssSize(size4),
     height: toCssSize(size4)
   });
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     SkeletonRoot,
     {
       ref,
@@ -19487,7 +19575,7 @@ var SkeletonAvatar = forwardRef82(function SkeletonAvatar2({ size: size4 = 40, s
 SkeletonAvatar.displayName = "Skeleton.Avatar";
 var SkeletonBadge = forwardRef82(function SkeletonBadge2({ width = 72, style, className, ...props }, ref) {
   const computedStyle = width ? mergeStyle(style, { width: toCssSize(width) }) : style;
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx162(
     SkeletonRoot,
     {
       ref,
@@ -19517,21 +19605,21 @@ function Spinner({
   ...props
 }) {
   const accessibilityProps = srLabel ? { role: "status", "aria-live": "polite" } : { "aria-hidden": true };
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs82(
     "span",
     {
       ...accessibilityProps,
       className: cn2("inline-flex items-center justify-center text-current", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx162(
+        /* @__PURE__ */ jsx172(
           LoaderCircle,
           {
             "aria-hidden": "true",
             className: cn2("animate-spin motion-reduce:animate-none", sizeClasses[size4])
           }
         ),
-        srLabel ? /* @__PURE__ */ jsx162("span", { className: "sr-only", children: srLabel }) : null
+        srLabel ? /* @__PURE__ */ jsx172("span", { className: "sr-only", children: srLabel }) : null
       ]
     }
   );
@@ -19559,7 +19647,7 @@ function DelayedSpinner({
   if (!visible && !keepMounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx172(
+  return /* @__PURE__ */ jsx182(
     Spinner,
     {
       className: cn2(!visible ? "opacity-0" : null, className),
@@ -19588,7 +19676,7 @@ var PendingButton = forwardRef92(
         size: spinnerSize,
         ...rest
       } = spinnerProps ?? {};
-      return /* @__PURE__ */ jsx182(
+      return /* @__PURE__ */ jsx192(
         DelayedSpinner,
         {
           active: isPending,
@@ -19599,7 +19687,7 @@ var PendingButton = forwardRef92(
         }
       );
     };
-    return /* @__PURE__ */ jsxs82(
+    return /* @__PURE__ */ jsxs92(
       Button,
       {
         ref,
@@ -19610,14 +19698,14 @@ var PendingButton = forwardRef92(
         ...props,
         children: [
           spinnerPlacement === "start" ? renderSpinner() : null,
-          /* @__PURE__ */ jsx182("span", { "aria-live": "polite", className: "flex items-center justify-center", children: content }),
+          /* @__PURE__ */ jsx192("span", { "aria-live": "polite", className: "flex items-center justify-center", children: content }),
           spinnerPlacement === "end" ? renderSpinner() : null
         ]
       }
     );
   }
 );
-var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx202(
+var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx212(
   Root4,
   {
     ref,
@@ -19626,7 +19714,7 @@ var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx202(
+    children: /* @__PURE__ */ jsx212(
       Thumb,
       {
         className: cn2(
@@ -19638,7 +19726,7 @@ var Switch2 = React82.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Switch2.displayName = Root4.displayName;
 var Textarea = React92.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx212(
+  return /* @__PURE__ */ jsx222(
     "textarea",
     {
       className: cn2(
@@ -19671,7 +19759,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle2 = React102.forwardRef(({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ jsx222(
+var Toggle2 = React102.forwardRef(({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ jsx232(
   Root5,
   {
     ref,
@@ -19698,7 +19786,7 @@ var badgeVariants = cva(
   }
 );
 var Accordion2 = Root24;
-var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx252(
+var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx262(
   Item3,
   {
     ref,
@@ -19707,7 +19795,7 @@ var AccordionItem2 = React112.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx252(Header, { asChild: true, children: /* @__PURE__ */ jsx252("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ jsx252(
+var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx262(Header, { asChild: true, children: /* @__PURE__ */ jsx262("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ jsx262(
   Trigger22,
   {
     ref,
@@ -19717,7 +19805,7 @@ var AccordionTrigger2 = React112.forwardRef(({ className, children, ...props },
   }
 ) }) }));
 AccordionTrigger2.displayName = Trigger22.displayName;
-var AccordionContent2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx252(
+var AccordionContent2 = React112.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx262(
   Content25,
   {
     ref,
@@ -19728,7 +19816,7 @@ var AccordionContent2 = React112.forwardRef(({ className, children, ...props },
   }
 ));
 AccordionContent2.displayName = Content25.displayName;
-var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx262(
+var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx272(
   Item3,
   {
     ref,
@@ -19737,7 +19825,7 @@ var SectionAccordionItem = React122.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SectionAccordionItem.displayName = "SectionAccordionItem";
-var SectionAccordionTrigger = React122.forwardRef(({ className, title, description, invalid, ...props }, ref) => /* @__PURE__ */ jsx262(Header, { asChild: true, children: /* @__PURE__ */ jsx262("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ jsxs112(
+var SectionAccordionTrigger = React122.forwardRef(({ className, title, description, invalid, ...props }, ref) => /* @__PURE__ */ jsx272(Header, { asChild: true, children: /* @__PURE__ */ jsx272("div", { className: "m-0 flex w-full", children: /* @__PURE__ */ jsxs122(
   Trigger22,
   {
     ref,
@@ -19749,19 +19837,19 @@ var SectionAccordionTrigger = React122.forwardRef(({ className, title, descripti
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxs112("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsxs112("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs122("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxs122("span", { className: "flex items-center gap-2", children: [
           title,
-          invalid && /* @__PURE__ */ jsx262("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive", children: "Fix errors" })
+          invalid && /* @__PURE__ */ jsx272("span", { className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium text-destructive", children: "Fix errors" })
         ] }),
-        description && /* @__PURE__ */ jsx262("span", { className: "text-xs font-normal text-muted-foreground", children: description })
+        description && /* @__PURE__ */ jsx272("span", { className: "text-xs font-normal text-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ jsx262(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      /* @__PURE__ */ jsx272(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__ */ jsx262(
+var SectionAccordionContent = React122.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx272(
   Content25,
   {
     ref,
@@ -19771,11 +19859,11 @@ var SectionAccordionContent = React122.forwardRef(({ className, children, ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx262("div", { className: "px-4 pb-4 pt-0", children })
+    children: /* @__PURE__ */ jsx272("div", { className: "px-4 pb-4 pt-0", children })
   }
 ));
 SectionAccordionContent.displayName = "SectionAccordionContent";
-var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx312(
+var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx322(
   List,
   {
     ref,
@@ -19787,7 +19875,7 @@ var TabsList2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsList2.displayName = List.displayName;
-var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx312(
+var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx322(
   Trigger3,
   {
     ref,
@@ -19799,7 +19887,7 @@ var TabsTrigger2 = React152.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TabsTrigger2.displayName = Trigger3.displayName;
-var TabsContent2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx312(
+var TabsContent2 = React152.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx322(
   Content4,
   {
     ref,