@levo-so/react 0.1.2 → 0.1.5

package/dist/{UploadWidget-DoY_CPLy.js → UploadWidget-BJPmoAW-.js}

@@ -1,38 +1,38 @@
 "use client";
-import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { createSrcSet as f, MediaKindList as k } from "@levo-so/core";
-import { useMemo as Q, useState as S, useRef as aa, useEffect as D } from "react";
-import { useController as ra } from "react-hook-form";
-import { G as R, B as I, S as W, T as ta, a as sa, c as q, d as G } from "./Spinner-CuUosd-S.js";
-import { X as ea, Upload as M } from "lucide-react";
-import { h as oa, j as ca, k as na } from "./CollectionFormBuilder-uvr15jvu.js";
-import { I as X } from "./Input-2CvZ90f8.js";
-import { l as la, S as K, i as da } from "./Tooltip-CI4i4mYr.js";
-import { useDropzone as xa } from "react-dropzone";
-import { m as ia, g as F } from "./fileUploadPresets-2raQmHT0.js";
+import { X as rr, Upload as D, ExternalLink as ar } from "lucide-react";
+import { useMemo as Q, useState as S, useRef as tr, useEffect as M } from "react";
+import { useController as sr } from "react-hook-form";
+import { G as R, B as P, S as W, T as er, a as or, c as q, d as G } from "./Spinner-DzGH5rKe.js";
+import { m as cr, g as K } from "./fileUploadPresets-2raQmHT0.js";
+import { u as V } from "./LevoProvider-Cp0CKrgY.js";
+import { e as X } from "./errorHandler-BJcFS2qV.js";
+import { h as nr, j as lr, k as dr } from "./CollectionFormBuilder-B_dXpvPN.js";
+import { I as J } from "./Input-2CvZ90f8.js";
+import { l as ir, S as F, i as xr } from "./Tooltip-CI4i4mYr.js";
+import { useDropzone as pr } from "react-dropzone";
 import { e as O } from "./Sonner-t6JVKA0a.js";
-import { c as P } from "./cn-C9QoOYNG.js";
-import { u as V } from "./LevoProvider-DNbYyEaf.js";
-import { e as J } from "./errorHandler-BJcFS2qV.js";
-import { useDebouncedCallback as pa } from "use-debounce";
-import { C as ma } from "./Checbox-sq-atGlJ.js";
-import { b as ha } from "./byteToSize-BFKZSBu1.js";
+import { c as I } from "./cn-C9QoOYNG.js";
+import { useDebouncedCallback as hr } from "use-debounce";
+import { b as mr } from "./byteToSize-BFKZSBu1.js";
+import { C as ur } from "./Checbox-sq-atGlJ.js";
 function $(e) {
   return R({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" }, child: [] }] })(e);
 }
-function ua(e) {
+function gr(e) {
   return R({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z" }, child: [] }] })(e);
 }
-function ga(e) {
+function jr(e) {
   return R({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z" }, child: [] }] })(e);
 }
-const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
+const yr = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
   const { media: c } = V(), n = Array.isArray(o) ? o : [], _ = Q(() => {
     let t = {};
-    return j.forEach((m) => {
+    return j.forEach((h) => {
       t = {
         ...t,
-        ...ia[m]
+        ...cr[h]
       };
     }), t;
   }, [j]), g = (t) => {
@@ -42,42 +42,42 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
       O("No file selected. Please select one file.");
       return;
     }
-    const m = new FormData();
+    const h = new FormData();
     t == null || t.forEach((p) => {
-      m.append("media", p);
-    }), await (c == null ? void 0 : c.mediaBulkUpload(m).then((p) => {
-      var h, E;
-      const w = (E = (h = p == null ? void 0 : p.content) == null ? void 0 : h.data) == null ? void 0 : E.map(
-        (a) => {
+      h.append("media", p);
+    }), await (c == null ? void 0 : c.mediaBulkUpload(h).then((p) => {
+      var m, E;
+      const w = (E = (m = p == null ? void 0 : p.content) == null ? void 0 : m.data) == null ? void 0 : E.map(
+        (r) => {
           var l;
           return {
-            id: a == null ? void 0 : a.id,
-            kind: a == null ? void 0 : a.kind,
-            location: a == null ? void 0 : a.location,
-            mimetype: (l = a == null ? void 0 : a.metadata) == null ? void 0 : l.mimetype,
-            srcset: a == null ? void 0 : a.srcset
+            id: r == null ? void 0 : r.id,
+            kind: r == null ? void 0 : r.kind,
+            location: r == null ? void 0 : r.location,
+            mimetype: (l = r == null ? void 0 : r.metadata) == null ? void 0 : l.mimetype,
+            srcset: r == null ? void 0 : r.srcset
           };
         }
       );
       g([...n, ...w]);
-    }).catch(J));
-  }, { getRootProps: z, getInputProps: i, isDragActive: v } = xa({
+    }).catch(X));
+  }, { getRootProps: z, getInputProps: x, isDragActive: v } = pr({
     onDrop: y,
     accept: _,
     multiple: d,
     maxSize: 25 * 1024 * 1024,
     onDropRejected: (t) => {
-      t.forEach((m) => {
-        m.errors.forEach((p) => {
-          p.code === "file-too-large" && O(`${m.file.name} is bigger than 25MB`);
+      t.forEach((h) => {
+        h.errors.forEach((p) => {
+          p.code === "file-too-large" && O(`${h.file.name} is bigger than 25MB`);
         });
       });
     }
   });
-  return /* @__PURE__ */ r.jsx(la, { children: /* @__PURE__ */ r.jsx("div", { className: "w-full min-h-[150px]", children: (n == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ r.jsxs("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: [
+  return /* @__PURE__ */ a.jsx(ir, { children: /* @__PURE__ */ a.jsx("div", { className: "w-full min-h-[150px]", children: (n == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ a.jsxs("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: [
     n == null ? void 0 : n.map((t) => {
-      var m, p;
-      return /* @__PURE__ */ r.jsxs(
+      var h, p;
+      return /* @__PURE__ */ a.jsxs(
         "div",
         {
           className: "group relative w-full overflow-hidden h-auto max-[350px] rounded-md border border-gray-300",
@@ -85,31 +85,31 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
             background: "linear-gradient(to top, black -50%, transparent 45%)"
           },
           children: [
-            (t == null ? void 0 : t.kind) !== "image" ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ r.jsx(
+            (t == null ? void 0 : t.kind) !== "image" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ a.jsx(
               $,
               {
                 size: "60px",
                 className: "text-gray-400 p-2"
               }
-            ) }) : /* @__PURE__ */ r.jsx(
+            ) }) : /* @__PURE__ */ a.jsx(
               "img",
               {
                 className: "w-full h-full object-contain",
                 src: t == null ? void 0 : t.location
               }
             ),
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ a.jsx(
               "div",
               {
-                className: P(
+                className: I(
                   "absolute left-0 right-0 bottom-0 h-16 bg-[linear-gradient(to-t,_rgba(0,_0,_10,_0.35),_transparent)]",
                   "group-hover:bg-[linear-gradient(to-t,_rgba(0,0,10,0.5),_transparent)] group-hover:h-[70%]"
                 )
               }
             ),
-            /* @__PURE__ */ r.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (p = t == null ? void 0 : t.location) == null ? void 0 : p.split("/")[((m = t == null ? void 0 : t.location) == null ? void 0 : m.split("/").length) - 1] }),
-            /* @__PURE__ */ r.jsx(
-              I,
+            /* @__PURE__ */ a.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (p = t == null ? void 0 : t.location) == null ? void 0 : p.split("/")[((h = t == null ? void 0 : t.location) == null ? void 0 : h.split("/").length) - 1] }),
+            /* @__PURE__ */ a.jsx(
+              P,
               {
                 className: "absolute right-4 top-4 z-10",
                 size: "icon",
@@ -119,7 +119,7 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
                     n == null ? void 0 : n.filter((w) => (w == null ? void 0 : w.id) !== (t == null ? void 0 : t.id))
                   );
                 },
-                children: /* @__PURE__ */ r.jsx(ea, { className: "text-primary" })
+                children: /* @__PURE__ */ a.jsx(rr, { className: "text-primary" })
               }
             )
           ]
@@ -127,175 +127,175 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
         t == null ? void 0 : t.id
       );
     }),
-    d && /* @__PURE__ */ r.jsxs(
+    d && /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
         ...z(),
         children: [
-          /* @__PURE__ */ r.jsx("p", { className: "text-xl text-center my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
-          /* @__PURE__ */ r.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ r.jsx(K, { label: "Upload a file", children: /* @__PURE__ */ r.jsxs(I, { size: "icon", className: "text-md", children: [
-            /* @__PURE__ */ r.jsx("input", { ...i() }),
-            /* @__PURE__ */ r.jsx(M, { size: 20 })
+          /* @__PURE__ */ a.jsx("p", { className: "text-xl text-center my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+          /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(F, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
+            /* @__PURE__ */ a.jsx("input", { ...x() }),
+            /* @__PURE__ */ a.jsx(D, { size: 20 })
           ] }) }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ r.jsxs(
+  ] }) : /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
       ...z(),
       children: [
-        /* @__PURE__ */ r.jsx("p", { className: "text-xl my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ r.jsx(K, { label: "Upload a file", children: /* @__PURE__ */ r.jsxs(I, { size: "icon", className: "text-md", children: [
-          /* @__PURE__ */ r.jsx("input", { ...i() }),
-          /* @__PURE__ */ r.jsx(M, { size: 20 })
+        /* @__PURE__ */ a.jsx("p", { className: "text-xl my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+        /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(F, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
+          /* @__PURE__ */ a.jsx("input", { ...x() }),
+          /* @__PURE__ */ a.jsx(D, { size: 20 })
         ] }) }) })
       ]
     }
   ) }) });
-}, ya = ({
+}, br = ({
   selectedFiles: e = [],
   onChange: o,
   isMultiple: j = !1,
   kind: d
 }) => {
-  const { media: c } = V(), [n, _] = S(1), [g, y] = S([]), [z, i] = S(!1), v = aa(null), [t, m] = S({
+  const { media: c } = V(), [n, _] = S(1), [g, y] = S([]), [z, x] = S(!1), v = tr(null), [t, h] = S({
     searchText: "",
     currentPage: 1
-  }), p = pa(() => {
-    i(!0), c == null || c.getAllMedia({
+  }), p = hr(() => {
+    x(!0), c == null || c.getAllMedia({
       page: t.currentPage,
       limit: 24,
       sort: {
         created_at: "desc"
       },
       search: t.searchText || void 0
-    }).then((a) => {
+    }).then((r) => {
       var l, A;
-      _((A = (l = a == null ? void 0 : a.content) == null ? void 0 : l.meta) == null ? void 0 : A.pages), y((L) => {
+      _((A = (l = r == null ? void 0 : r.content) == null ? void 0 : l.meta) == null ? void 0 : A.pages), y((L) => {
         var b;
-        return [...L, ...((b = a == null ? void 0 : a.content) == null ? void 0 : b.data) || []];
+        return [...L, ...((b = r == null ? void 0 : r.content) == null ? void 0 : b.data) || []];
       });
-    }).catch((a) => {
-      console.error(a);
+    }).catch((r) => {
+      console.error(r);
     }).finally(() => {
-      i(!1);
+      x(!1);
     });
   }, 500);
-  D(() => {
+  M(() => {
     p();
-  }, [t]), D(() => {
-    const a = v.current;
-    if (a)
-      return a.addEventListener("scroll", w), () => a.removeEventListener("scroll", w);
+  }, [t]), M(() => {
+    const r = v.current;
+    if (r)
+      return r.addEventListener("scroll", w), () => r.removeEventListener("scroll", w);
   }, [v, t.currentPage, n]);
   const w = () => {
-    const a = v.current;
-    a && a.scrollTop + a.clientHeight + 1 >= a.scrollHeight && h();
-  }, h = () => {
-    t.currentPage < n && m((a) => ({
-      searchText: a.searchText,
-      currentPage: a.currentPage + 1
+    const r = v.current;
+    r && r.scrollTop + r.clientHeight + 1 >= r.scrollHeight && m();
+  }, m = () => {
+    t.currentPage < n && h((r) => ({
+      searchText: r.searchText,
+      currentPage: r.currentPage + 1
     }));
-  }, E = (a) => {
-    if (!(d != null && d.includes(a == null ? void 0 : a.kind))) {
+  }, E = (r) => {
+    if (!(d != null && d.includes(r == null ? void 0 : r.kind))) {
       O(`Only ${d == null ? void 0 : d.join(", ")}s are allowed.`);
       return;
     }
-    j ? (e == null ? void 0 : e.findIndex((l) => (l == null ? void 0 : l.id) === (a == null ? void 0 : a.id))) >= 0 ? o == null || o(e == null ? void 0 : e.filter((l) => (l == null ? void 0 : l.id) !== (a == null ? void 0 : a.id))) : o == null || o([...e || [], a]) : o == null || o([a]);
+    j ? (e == null ? void 0 : e.findIndex((l) => (l == null ? void 0 : l.id) === (r == null ? void 0 : r.id))) >= 0 ? o == null || o(e == null ? void 0 : e.filter((l) => (l == null ? void 0 : l.id) !== (r == null ? void 0 : r.id))) : o == null || o([...e || [], r]) : o == null || o([r]);
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
-    /* @__PURE__ */ r.jsx("div", { className: "py-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ r.jsx(
-      X,
+  return /* @__PURE__ */ a.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "py-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ a.jsx(
+      J,
       {
         name: "searchText",
         type: "text",
         placeholder: "Search...",
         value: t.searchText,
-        onChange: (a) => {
-          i(!0), m({ currentPage: 1, searchText: a.target.value }), y([]);
+        onChange: (r) => {
+          x(!0), h({ currentPage: 1, searchText: r.target.value }), y([]);
         }
       }
     ) }),
-    z && !g.length ? /* @__PURE__ */ r.jsx("div", { className: "w-full h-full min-h-[30rem] flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) }) : /* @__PURE__ */ r.jsxs(
+    z && !g.length ? /* @__PURE__ */ a.jsx("div", { className: "w-full h-full min-h-[30rem] flex items-center justify-center", children: /* @__PURE__ */ a.jsx(W, {}) }) : /* @__PURE__ */ a.jsxs(
       "div",
       {
         ref: v,
         className: "w-full h-[30rem] overflow-y-auto overflow-x-hidden grid lg:grid-cols-4 gap-6 p-2",
         children: [
-          g == null ? void 0 : g.map((a, l) => {
-            const A = d == null ? void 0 : d.includes(a == null ? void 0 : a.kind), L = (e == null ? void 0 : e.findIndex((b) => (b == null ? void 0 : b.id) === (a == null ? void 0 : a.id))) >= 0;
-            return /* @__PURE__ */ r.jsxs(
+          g == null ? void 0 : g.map((r, l) => {
+            const A = d == null ? void 0 : d.includes(r == null ? void 0 : r.kind), L = (e == null ? void 0 : e.findIndex((b) => (b == null ? void 0 : b.id) === (r == null ? void 0 : r.id))) >= 0;
+            return /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: P(
+                className: I(
                   "relative w-full",
                   A ? "opacity-100" : "opacity-50"
                 ),
                 children: [
-                  /* @__PURE__ */ r.jsxs(
+                  /* @__PURE__ */ a.jsxs(
                     "div",
                     {
-                      className: P(
+                      className: I(
                         "cursor-pointer w-full group rounded-md overflow-hidden h-[130px] border-2 flex items-center justify-center",
                         L ? "border-primary" : "border-gray-100"
                       ),
                       onClick: () => {
                         var b;
                         return E({
-                          id: a == null ? void 0 : a.id,
-                          location: a == null ? void 0 : a.location,
-                          mimetype: (b = a == null ? void 0 : a.metadata) == null ? void 0 : b.mimetype,
-                          kind: a == null ? void 0 : a.kind,
-                          srcset: a == null ? void 0 : a.srcset
+                          id: r == null ? void 0 : r.id,
+                          location: r == null ? void 0 : r.location,
+                          mimetype: (b = r == null ? void 0 : r.metadata) == null ? void 0 : b.mimetype,
+                          kind: r == null ? void 0 : r.kind,
+                          srcset: r == null ? void 0 : r.srcset
                         });
                       },
                       children: [
-                        /* @__PURE__ */ r.jsx(
+                        /* @__PURE__ */ a.jsx(
                           "div",
                           {
-                            className: P(
+                            className: I(
                               "rounded-md opacity-0 absolute left-0 right-0 top-0 w-full h-[42px] bg-[linear-gradient(0deg,_transparent_0%,_#000000_200%)]",
                               A ? "group-hover:opacity-100" : ""
                             )
                           }
                         ),
-                        A && /* @__PURE__ */ r.jsx(
-                          ma,
+                        A && /* @__PURE__ */ a.jsx(
+                          ur,
                           {
                             name: "isFileIncluded",
                             className: "absolute top-[10px] left-[10px]",
                             checked: L
                           }
                         ),
-                        (a == null ? void 0 : a.kind) !== "image" ? /* @__PURE__ */ r.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                        (r == null ? void 0 : r.kind) !== "image" ? /* @__PURE__ */ a.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
                           "img",
                           {
                             className: "w-full h-full object-contain",
-                            srcSet: f(a == null ? void 0 : a.srcset),
-                            src: a == null ? void 0 : a.location
+                            srcSet: f(r == null ? void 0 : r.srcset),
+                            src: r == null ? void 0 : r.location
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ r.jsxs("div", { className: "my-[10px]", children: [
-                    /* @__PURE__ */ r.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: a == null ? void 0 : a.filename }),
-                    /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-500", children: ha(a == null ? void 0 : a.metadata.size) })
+                  /* @__PURE__ */ a.jsxs("div", { className: "my-[10px]", children: [
+                    /* @__PURE__ */ a.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: r == null ? void 0 : r.filename }),
+                    /* @__PURE__ */ a.jsx("p", { className: "text-xs text-gray-500", children: mr(r == null ? void 0 : r.metadata.size) })
                   ] })
                 ]
               },
               `media-layout-file-${l}`
             );
           }),
-          z && /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) })
+          z && /* @__PURE__ */ a.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ a.jsx(W, {}) })
         ]
       }
     )
   ] });
-}, ba = ({
+}, vr = ({
   isOpen: e,
   onClose: o,
   onChange: j,
@@ -307,35 +307,35 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
   const [g, y] = S([]), z = () => {
     o();
   };
-  return D(() => {
-    y(d.filter((i) => !!i.location));
-  }, [d]), /* @__PURE__ */ r.jsxs(
-    da,
+  return M(() => {
+    y(d.filter((x) => !!x.location));
+  }, [d]), /* @__PURE__ */ a.jsxs(
+    xr,
     {
       title: (c == null ? void 0 : c.length) > 1 ? "Upload file" : `Upload ${c == null ? void 0 : c[0]}`,
       isOpen: e,
       onClose: () => z(),
       contentClassName: "max-w-[60%]",
       children: [
-        /* @__PURE__ */ r.jsxs(ta, { defaultValue: "upload", children: [
-          /* @__PURE__ */ r.jsxs(sa, { children: [
-            /* @__PURE__ */ r.jsx(q, { value: "upload", children: "Local File" }),
-            !_ && /* @__PURE__ */ r.jsx(q, { value: "import", children: "Import from Gallery" })
+        /* @__PURE__ */ a.jsxs(er, { defaultValue: "upload", children: [
+          /* @__PURE__ */ a.jsxs(or, { children: [
+            /* @__PURE__ */ a.jsx(q, { value: "upload", children: "Local File" }),
+            !_ && /* @__PURE__ */ a.jsx(q, { value: "import", children: "Import from Gallery" })
           ] }),
-          /* @__PURE__ */ r.jsx(G, { value: "upload", children: /* @__PURE__ */ r.jsx("div", { className: "mt-[20px] max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ r.jsx(
-            ja,
+          /* @__PURE__ */ a.jsx(G, { value: "upload", children: /* @__PURE__ */ a.jsx("div", { className: "mt-[20px] max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ a.jsx(
+            yr,
             {
               kind: c,
               value: g,
-              onChange: (i) => y(i),
+              onChange: (x) => y(x),
               isMultiple: n
             }
           ) }) }),
-          /* @__PURE__ */ r.jsx(G, { value: "import", children: /* @__PURE__ */ r.jsx(
-            ya,
+          /* @__PURE__ */ a.jsx(G, { value: "import", children: /* @__PURE__ */ a.jsx(
+            br,
             {
-              onChange: (i) => {
-                y == null || y(i);
+              onChange: (x) => {
+                y == null || y(x);
               },
               selectedFiles: g,
               isMultiple: n,
@@ -343,8 +343,8 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex justify-end mt-[20px]", children: /* @__PURE__ */ r.jsx(
-          I,
+        /* @__PURE__ */ a.jsx("div", { className: "flex justify-end mt-[20px]", children: /* @__PURE__ */ a.jsx(
+          P,
           {
             variant: "default",
             onClick: () => {
@@ -356,7 +356,7 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
       ]
     }
   );
-}, Va = ({
+}, $r = ({
   field: e,
   kind: o = k,
   isMultiple: j,
@@ -364,110 +364,112 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
 }) => {
   var H;
   const { media: c } = V(), { key: n = "", label: _ = "", helper_text: g = "", readonly: y = !1 } = e, {
-    field: { onBlur: z, onChange: i, value: v, disabled: t, ref: m },
+    field: { onBlur: z, onChange: x, value: v, disabled: t, ref: h },
     fieldState: p
-  } = ra({
+  } = sr({
     name: n,
-    rules: oa(e)
+    rules: nr(e)
   }), w = Q(() => {
     const s = [];
     return o.forEach((T) => {
-      s.push(...F[T]);
+      s.push(...K[T]);
     }), s;
-  }, [o]), h = v ? Array.isArray(v) ? v : [v] : [], [E, a] = S(!1), l = () => a(!0), A = () => a(!1), [L, b] = S(!1), U = (s) => {
-    i && (j === !0 ? i(s) : j === !1 && i(s == null ? void 0 : s[0]));
+  }, [o]), m = v ? Array.isArray(v) ? v : [v] : [], [E, r] = S(!1), l = () => r(!0), A = () => r(!1), [L, b] = S(!1), U = (s) => {
+    x && (j === !0 ? x(s) : j === !1 && x(s == null ? void 0 : s[0]));
   }, Y = async (s) => {
     const T = new FormData();
-    let x = [...s];
-    j || (x = s == null ? void 0 : s.slice(0, 1)), (x == null ? void 0 : x.length) > 0 && (x == null || x.forEach((u) => {
+    let i = [...s];
+    j || (i = s == null ? void 0 : s.slice(0, 1)), (i == null ? void 0 : i.length) > 0 && (i == null || i.forEach((u) => {
       var C;
       const N = u.name.split("."), B = (C = N[N.length - 1]) == null ? void 0 : C.toLowerCase();
       o == null || o.forEach((Z) => {
-        w.push(...F[Z]);
+        w.push(...K[Z]);
       }), B && w.includes(B) && T.append("media", u);
     })), b(!0), await (c == null ? void 0 : c.mediaBulkUpload(T).then((u) => {
       var N, B;
       b(!1), (N = u == null ? void 0 : u.content) != null && N.data && U((B = u == null ? void 0 : u.content) == null ? void 0 : B.data);
     }).catch((u) => {
-      J(u);
+      X(u);
     }).finally(() => {
       b(!1);
     }));
   };
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
-      ba,
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
+      vr,
       {
         isOpen: E,
         onClose: A,
         onChange: (s) => {
           U(s);
         },
-        value: h,
+        value: m,
         kind: [...o],
         isMultiple: j,
         isExternal: d
       }
     ),
-    /* @__PURE__ */ r.jsxs(
-      ca,
+    /* @__PURE__ */ a.jsxs(
+      lr,
       {
         error: (H = p == null ? void 0 : p.error) == null ? void 0 : H.message,
         helperText: g,
         readOnly: y,
         children: [
-          _ && /* @__PURE__ */ r.jsx(na, { htmlFor: n, isRequired: e == null ? void 0 : e.required, children: _ }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", ref: m, children: [
-            /* @__PURE__ */ r.jsx(
-              I,
+          _ && /* @__PURE__ */ a.jsx(dr, { htmlFor: n, isRequired: e == null ? void 0 : e.required, children: _ }),
+          /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", ref: h, children: [
+            /* @__PURE__ */ a.jsx(
+              P,
               {
                 size: "icon-small",
                 variant: "outline",
                 disabled: t,
                 onClick: l,
-                children: /* @__PURE__ */ r.jsx(M, { size: 15 })
+                children: /* @__PURE__ */ a.jsx(D, { size: 15 })
               }
             ),
-            /* @__PURE__ */ r.jsxs("div", { className: "relative flex", children: [
-              /* @__PURE__ */ r.jsx(
-                X,
+            /* @__PURE__ */ a.jsxs("div", { className: "relative flex", children: [
+              /* @__PURE__ */ a.jsx(
+                J,
                 {
                   name: "pasteUrl",
+                  placeholder: "Paste your files here...",
                   onBlur: () => z(),
                   onPaste: (s) => {
-                    const T = s.clipboardData.items, x = [];
+                    const T = s.clipboardData.items, i = [];
                     for (let u = 0; u < T.length; u++) {
                       const N = T[u];
                       if ((N == null ? void 0 : N.kind) === "file") {
                         const B = N == null ? void 0 : N.getAsFile();
-                        B && x.push(B);
+                        B && i.push(B);
                       }
                     }
-                    (x == null ? void 0 : x.length) > 0 && Y(x);
+                    (i == null ? void 0 : i.length) > 0 && Y(i);
                   },
                   disabled: t,
                   readOnly: y
                 }
               ),
-              L && /* @__PURE__ */ r.jsxs(
+              L && /* @__PURE__ */ a.jsxs(
                 "div",
                 {
                   role: "status",
                   className: "absolute right-3 top-[50%] translate-y-[-50%]",
                   children: [
-                    /* @__PURE__ */ r.jsx(ua, {}),
-                    /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Loading..." })
+                    /* @__PURE__ */ a.jsx(gr, {}),
+                    /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Loading..." })
                   ]
                 }
               )
             ] })
           ] }),
-          (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ r.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ r.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: h == null ? void 0 : h.map((s, T) => s != null && s.location ? /* @__PURE__ */ r.jsxs(
+          (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ a.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ a.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: m == null ? void 0 : m.map((s, T) => s != null && s.location ? /* @__PURE__ */ a.jsxs(
             "div",
             {
-              className: "relative border overflow-hidden group w-full rounded-xl h-[120px] flex items-center justify-center",
+              className: "relative border overflow-hidden group w-full rounded-xl h-28 flex items-center justify-center",
               children: [
-                (s == null ? void 0 : s.kind) !== "image" ? /* @__PURE__ */ r.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ a.jsx("div", { className: "w-full bg-black/20 h-full absolute top-0 left-0 z-10 hidden group-hover:flex items-center justify-center", children: /* @__PURE__ */ a.jsx("a", { href: s == null ? void 0 : s.location, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ a.jsx(ar, { size: 24 }) }) }),
+                (s == null ? void 0 : s.kind) !== "image" ? /* @__PURE__ */ a.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
                   "img",
                   {
                     className: "w-full h-full object-contain",
@@ -475,17 +477,17 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
                     alt: s == null ? void 0 : s.id
                   }
                 ),
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ a.jsx(
                   "button",
                   {
-                    className: "absolute top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
+                    className: "absolute z-10 top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
                     onClick: () => {
                       U(
-                        h == null ? void 0 : h.filter((x) => (x == null ? void 0 : x.id) !== (s == null ? void 0 : s.id))
+                        m == null ? void 0 : m.filter((i) => (i == null ? void 0 : i.id) !== (s == null ? void 0 : s.id))
                       );
                     },
                     type: "button",
-                    children: /* @__PURE__ */ r.jsx(ga, { className: "text-sm" })
+                    children: /* @__PURE__ */ a.jsx(jr, { className: "text-sm" })
                   }
                 )
               ]
@@ -498,6 +500,6 @@ const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
   ] });
 };
 export {
-  Va as UploadWidget,
-  Va as default
+  $r as UploadWidget,
+  $r as default
 };