@adamosuiteservices/ui 2.17.1 → 2.18.0

package/dist/file-upload.js

@@ -1,120 +1,120 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { B as O } from "./button-BnUlAtuD.js";
-import { I as L } from "./icon-BFQz1tQC.js";
-import { T as y } from "./typography-MnY0LQoZ.js";
-import { c as v } from "./index-CRiPKpXj.js";
-import { useState as B, useRef as W, useEffect as X } from "react";
-function Y({
-  isDragging: n,
-  isMultiple: d,
-  invalid: a,
-  disabled: r,
-  accept: m,
-  acceptedExtensions: l,
-  maxSizeInMB: c,
-  maxFiles: x,
-  labels: f,
-  input: b,
-  onDragOver: D,
-  onDragLeave: w,
-  onDrop: C,
-  onFileChange: A
+import { B as M } from "./button-BnUlAtuD.js";
+import { I as _ } from "./icon-BFQz1tQC.js";
+import { T as k } from "./typography-MnY0LQoZ.js";
+import { c as N } from "./index-CRiPKpXj.js";
+import { useState as K, useRef as ae, useEffect as se } from "react";
+function ne({
+  isDragging: d,
+  isMultiple: i,
+  invalid: r,
+  disabled: t,
+  accept: n,
+  acceptedExtensions: u,
+  maxSizeInMB: h,
+  maxFiles: p,
+  labels: o,
+  input: g,
+  onDragOver: v,
+  onDragLeave: z,
+  onDrop: w,
+  onFileChange: L
 }) {
-  const p = b?.id || `file-upload-${Math.random().toString(36).substring(2, 11)}`;
+  const $ = g?.id || `file-upload-${Math.random().toString(36).substring(2, 11)}`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      onDragOver: r ? void 0 : D,
-      onDragLeave: r ? void 0 : w,
-      onDrop: r ? void 0 : C,
-      className: v(
+      onDragOver: t ? void 0 : v,
+      onDragLeave: t ? void 0 : z,
+      onDrop: t ? void 0 : w,
+      className: N(
         `
           adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
           adm:border-2
         `,
         "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
         {
-          "adm:border-primary": n && !a && !r,
-          "adm:border-destructive": a && !r,
-          "adm:border-input": !n && !a,
-          "adm:cursor-not-allowed adm:opacity-50": r
+          "adm:border-primary": d && !r && !t,
+          "adm:border-destructive": r && !t,
+          "adm:border-input": !d && !r,
+          "adm:cursor-not-allowed adm:opacity-50": t
         }
       ),
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: v(
+            className: N(
               "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
-              a && !r ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+              r && !t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
             ),
             children: /* @__PURE__ */ e.jsx(
-              L,
+              _,
               {
                 symbol: "text_snippet",
-                className: a && !r ? "adm:text-destructive" : "adm:text-primary"
+                className: r && !t ? "adm:text-destructive" : "adm:text-primary"
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
-          /* @__PURE__ */ e.jsx(y, { color: a && !r ? "destructive" : void 0, children: f?.dragDrop || (d ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
-          /* @__PURE__ */ e.jsxs("label", { htmlFor: p, children: [
+          /* @__PURE__ */ e.jsx(k, { color: r && !t ? "destructive" : void 0, children: o?.dragDrop || (i ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
+          /* @__PURE__ */ e.jsxs("label", { htmlFor: $, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
-                ...b,
-                id: p,
+                ...g,
+                id: $,
                 type: "file",
-                accept: m,
-                multiple: d,
-                onChange: A,
-                disabled: r,
+                accept: n,
+                multiple: i,
+                onChange: L,
+                disabled: t,
                 className: "adm:hidden"
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              M,
               {
                 asChild: !0,
                 type: "button",
                 variant: "link",
-                className: v("adm:cursor-pointer", r && `
+                className: N("adm:cursor-pointer", t && `
               adm:pointer-events-none
             `),
-                disabled: r,
-                children: /* @__PURE__ */ e.jsx("span", { children: f?.selectFile || (d ? "Select files" : "Select the file") })
+                disabled: t,
+                children: /* @__PURE__ */ e.jsx("span", { children: o?.selectFile || (i ? "Select files" : "Select the file") })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(y, { className: "adm:text-center", color: a && !r ? "destructive" : "muted", children: f?.fileRequirements || (l && l.length > 0 ? `Allowed files: ${l.join(", ")}. Maximum size ${c} MB${d ? `. Up to ${x} files` : ""}.` : `Maximum size ${c} MB${d ? `. Up to ${x} files` : ""}.`) })
+        /* @__PURE__ */ e.jsx(k, { className: "adm:text-center", color: r && !t ? "destructive" : "muted", children: o?.fileRequirements || (u && u.length > 0 ? `Allowed files: ${u.join(", ")}. Maximum size ${h} MB${i ? `. Up to ${p} files` : ""}.` : `Maximum size ${h} MB${i ? `. Up to ${p} files` : ""}.`) })
       ]
     }
   );
 }
-function Z({ file: n, invalid: d, disabled: a, onRemove: r }) {
+function ie({ file: d, invalid: i, disabled: r, onRemove: t }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(
+      className: N(
         "adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",
-        d && !a ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted",
-        a && "adm:cursor-not-allowed adm:opacity-50"
+        i && !r ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted",
+        r && "adm:cursor-not-allowed adm:opacity-50"
       ),
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: v(
+            className: N(
               "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
-              d && !a ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+              i && !r ? "adm:bg-destructive/10" : "adm:bg-primary-50"
             ),
             children: /* @__PURE__ */ e.jsx(
-              L,
+              _,
               {
                 symbol: "text_snippet",
-                className: d && !a ? "adm:text-destructive" : "adm:text-primary"
+                className: i && !r ? "adm:text-destructive" : "adm:text-primary"
               }
             )
           }
@@ -126,8 +126,324 @@ function Z({ file: n, invalid: d, disabled: a, onRemove: r }) {
         adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
       `,
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(y, { className: "adm:truncate adm:font-semibold", children: n.name }) }),
-              /* @__PURE__ */ e.jsxs(y, { className: "adm:shrink-0", color: "muted", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(k, { className: "adm:truncate adm:font-semibold", children: d.name }) }),
+              /* @__PURE__ */ e.jsxs(k, { className: "adm:shrink-0", color: "muted", children: [
+                (d.size / 1024 / 1024).toFixed(1),
+                " MB"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          M,
+          {
+            variant: "destructive-medium",
+            onClick: t,
+            type: "button",
+            disabled: r,
+            children: /* @__PURE__ */ e.jsx(_, { symbol: "delete", className: "adm:text-destructive" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ee({ files: d, isMultiple: i, invalid: r, disabled: t, labels: n, onRemoveFile: u, onClearAll: h }) {
+  return d.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
+    i && d.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
+      /* @__PURE__ */ e.jsx(k, { className: "adm:text-sm adm:font-medium", color: r && !t ? "destructive" : void 0, children: n?.filesSelected?.(d.length) || `${d.length} file${d.length !== 1 ? "s" : ""} selected` }),
+      /* @__PURE__ */ e.jsx(
+        M,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: h,
+          type: "button",
+          disabled: t,
+          children: "Clear all"
+        }
+      )
+    ] }),
+    d.map((p, o) => /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        file: p,
+        invalid: r,
+        disabled: t,
+        onRemove: () => u(o)
+      },
+      `${p.name}-${o}`
+    ))
+  ] });
+}
+function he({
+  className: d,
+  selectedFile: i,
+  selectedFiles: r,
+  onFileSelect: t,
+  onFilesSelect: n,
+  onFileAdd: u,
+  onFileRemove: h,
+  onFilesAdd: p,
+  onFilesRemove: o,
+  onInvalidFile: g,
+  acceptedExtensions: v,
+  maxSizeInMB: z = 50,
+  maxFiles: w = 10,
+  multiple: L = !1,
+  filesPosition: $ = "below",
+  invalid: Q = !1,
+  disabled: X = !1,
+  "aria-invalid": Y,
+  labels: A,
+  input: R,
+  ...Z
+}) {
+  const [W, G] = K(!1), [q, P] = K(!1), O = ae(null);
+  se(() => {
+    const s = () => {
+      if (O.current) {
+        const c = O.current.closest("fieldset");
+        P(c?.disabled ?? !1);
+      }
+    };
+    s();
+    const m = new MutationObserver(s);
+    if (O.current) {
+      const c = O.current.closest("fieldset");
+      c && m.observe(c, { attributes: !0, attributeFilter: ["disabled"] });
+    }
+    return () => m.disconnect();
+  }, []);
+  const T = v?.join(",") || "", E = z * 1024 * 1024, j = L || r !== void 0 || n !== void 0, l = j ? r || [] : i ? [i] : [], b = Q || Y, y = X || q, D = (s) => {
+    y || (s.preventDefault(), G(!0));
+  }, re = (s) => {
+    y || (s.preventDefault(), G(!1));
+  }, F = (s) => {
+    if (!y)
+      if (s.preventDefault(), G(!1), j) {
+        const c = Array.from(s.dataTransfer.files).filter(B);
+        if (c.length > 0) {
+          const a = [...r || [], ...c].slice(0, w);
+          n && n(a), p && p(c);
+        }
+      } else {
+        const m = s.dataTransfer.files[0];
+        m && B(m) && (t && t(m), u && u(m));
+      }
+  }, V = (s) => {
+    if (!y) {
+      if (j) {
+        const c = (s.target.files ? Array.from(s.target.files) : []).filter(B);
+        if (c.length > 0) {
+          const a = [...r || [], ...c].slice(0, w);
+          n && n(a), p && p(c);
+        }
+      } else {
+        const m = s.target.files?.[0];
+        m && B(m) && (t && t(m), u && u(m));
+      }
+      s.target.value = "";
+    }
+  }, H = (s) => {
+    if (y) return;
+    const m = l[s];
+    if (j) {
+      const c = l.filter((I, a) => a !== s);
+      n && n(c), o && m && o([m]);
+    } else
+      t && t(null), h && m && h(m);
+  }, B = (s) => {
+    const m = s.name.substring(s.name.lastIndexOf(".")), c = !v || v.length === 0 || v.includes(m.toLowerCase()), I = s.size <= E;
+    return !c && g ? g(s, "extension") : !I && g && g(s, "size"), c && I;
+  }, J = () => {
+    if (y) return;
+    const s = [...l];
+    j ? (n && n([]), o && s.length > 0 && o(s)) : (t && t(null), h && s.length > 0 && h(s[0]));
+  };
+  return /* @__PURE__ */ e.jsxs("div", { ref: O, className: N("adm:flex adm:flex-col adm:gap-4", d), ...Z, children: [
+    j && $ === "above" && /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        files: l,
+        isMultiple: j,
+        invalid: b,
+        disabled: y,
+        labels: A,
+        onRemoveFile: H,
+        onClearAll: J
+      }
+    ),
+    (j || l.length === 0) && /* @__PURE__ */ e.jsx(
+      ne,
+      {
+        isDragging: W,
+        isMultiple: j,
+        invalid: b,
+        disabled: y,
+        accept: T,
+        acceptedExtensions: v,
+        maxSizeInMB: z,
+        maxFiles: w,
+        labels: A,
+        input: R,
+        onDragOver: D,
+        onDragLeave: re,
+        onDrop: F,
+        onFileChange: V
+      }
+    ),
+    !j && l.length > 0 && /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        files: l,
+        isMultiple: j,
+        invalid: b,
+        disabled: y,
+        labels: A,
+        onRemoveFile: H,
+        onClearAll: J
+      }
+    ),
+    j && $ === "below" && /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        files: l,
+        isMultiple: j,
+        invalid: b,
+        disabled: y,
+        labels: A,
+        onRemoveFile: H,
+        onClearAll: J
+      }
+    )
+  ] });
+}
+function de({
+  isDragging: d,
+  isMultiple: i,
+  invalid: r,
+  disabled: t,
+  accept: n,
+  acceptedExtensions: u,
+  maxSizeInMB: h,
+  maxFiles: p,
+  labels: o,
+  input: g,
+  onDragOver: v,
+  onDragLeave: z,
+  onDrop: w,
+  onFileChange: L
+}) {
+  const $ = g?.id || `file-upload-v2-${Math.random().toString(36).substring(2, 11)}`;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onDragOver: t ? void 0 : v,
+      onDragLeave: t ? void 0 : z,
+      onDrop: t ? void 0 : w,
+      className: N(
+        `
+          adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
+          adm:border-2
+        `,
+        "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
+        {
+          "adm:border-primary": d && !r && !t,
+          "adm:border-destructive": r && !t,
+          "adm:border-input": !d && !r,
+          "adm:cursor-not-allowed adm:opacity-50": t
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: N(
+              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              r && !t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+            ),
+            children: /* @__PURE__ */ e.jsx(
+              _,
+              {
+                symbol: "text_snippet",
+                className: r && !t ? "adm:text-destructive" : "adm:text-primary"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
+          /* @__PURE__ */ e.jsx(k, { color: r && !t ? "destructive" : void 0, children: o?.dragDrop || (i ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
+          /* @__PURE__ */ e.jsxs("label", { htmlFor: $, children: [
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                ...g,
+                id: $,
+                type: "file",
+                accept: n,
+                multiple: i,
+                onChange: L,
+                disabled: t,
+                className: "adm:hidden"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              M,
+              {
+                asChild: !0,
+                type: "button",
+                variant: "link",
+                className: N("adm:cursor-pointer", t && `
+              adm:pointer-events-none
+            `),
+                disabled: t,
+                children: /* @__PURE__ */ e.jsx("span", { children: o?.selectFile || (i ? "Select files" : "Select the file") })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(k, { className: "adm:text-center", color: r && !t ? "destructive" : "muted", children: o?.fileRequirements || (u && u.length > 0 ? `Allowed files: ${u.join(", ")}. Maximum size ${h} MB${i ? `. Up to ${p} files` : ""}.` : `Maximum size ${h} MB${i ? `. Up to ${p} files` : ""}.`) })
+      ]
+    }
+  );
+}
+function me({ fileWithMetadata: d, invalid: i, disabled: r, onRemove: t }) {
+  const { file: n } = d;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: N(
+        "adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",
+        i && !r ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted",
+        r && "adm:cursor-not-allowed adm:opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: N(
+              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              i && !r ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+            ),
+            children: /* @__PURE__ */ e.jsx(
+              _,
+              {
+                symbol: "text_snippet",
+                className: i && !r ? "adm:text-destructive" : "adm:text-primary"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: `
+        adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
+      `,
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(k, { className: "adm:truncate adm:font-semibold", children: n.name }) }),
+              /* @__PURE__ */ e.jsxs(k, { className: "adm:shrink-0", color: "muted", children: [
                 (n.size / 1024 / 1024).toFixed(1),
                 " MB"
               ] })
@@ -135,183 +451,205 @@ function Z({ file: n, invalid: d, disabled: a, onRemove: r }) {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          M,
           {
             variant: "destructive-medium",
-            onClick: r,
+            onClick: t,
             type: "button",
-            disabled: a,
-            children: /* @__PURE__ */ e.jsx(L, { symbol: "delete", className: "adm:text-destructive" })
+            disabled: r,
+            children: /* @__PURE__ */ e.jsx(_, { symbol: "delete", className: "adm:text-destructive" })
           }
         )
       ]
     }
   );
 }
-function I({ files: n, isMultiple: d, invalid: a, disabled: r, labels: m, onRemoveFile: l, onClearAll: c }) {
-  return n.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
-    d && n.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
-      /* @__PURE__ */ e.jsx(y, { className: "adm:text-sm adm:font-medium", color: a && !r ? "destructive" : void 0, children: m?.filesSelected?.(n.length) || `${n.length} file${n.length !== 1 ? "s" : ""} selected` }),
+function te({ files: d, isMultiple: i, invalid: r, disabled: t, labels: n, onRemoveFile: u, onClearAll: h }) {
+  return d.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
+    i && d.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
+      /* @__PURE__ */ e.jsx(k, { className: "adm:text-sm adm:font-medium", color: r && !t ? "destructive" : void 0, children: n?.filesSelected?.(d.length) || `${d.length} file${d.length !== 1 ? "s" : ""} selected` }),
       /* @__PURE__ */ e.jsx(
-        O,
+        M,
         {
           variant: "ghost",
           size: "sm",
-          onClick: c,
+          onClick: h,
           type: "button",
-          disabled: r,
+          disabled: t,
           children: "Clear all"
         }
       )
     ] }),
-    n.map((x, f) => /* @__PURE__ */ e.jsx(
-      Z,
+    d.map((p, o) => /* @__PURE__ */ e.jsx(
+      me,
       {
-        file: x,
-        invalid: a,
-        disabled: r,
-        onRemove: () => l(f)
+        fileWithMetadata: p,
+        invalid: r,
+        disabled: t,
+        onRemove: () => u(o)
       },
-      `${x.name}-${f}`
+      p.id
     ))
   ] });
 }
-function ae({
-  className: n,
-  selectedFile: d,
-  selectedFiles: a,
-  onFileSelect: r,
-  onFilesSelect: m,
-  onInvalidFile: l,
-  acceptedExtensions: c,
-  maxSizeInMB: x = 50,
-  maxFiles: f = 10,
-  multiple: b = !1,
-  filesPosition: D = "below",
-  invalid: w = !1,
-  disabled: C = !1,
-  "aria-invalid": A,
-  labels: p,
-  input: T,
-  ...U
+function xe({
+  className: d,
+  selectedFile: i,
+  selectedFiles: r,
+  onFileSelect: t,
+  onFilesSelect: n,
+  onFileAdd: u,
+  onFileRemove: h,
+  onFilesAdd: p,
+  onFilesRemove: o,
+  onInvalidFile: g,
+  acceptedExtensions: v,
+  maxSizeInMB: z = 50,
+  maxFiles: w = 10,
+  multiple: L = !1,
+  filesPosition: $ = "below",
+  invalid: Q = !1,
+  disabled: X = !1,
+  "aria-invalid": Y,
+  generateId: A,
+  labels: R,
+  input: Z,
+  ...W
 }) {
-  const [V, R] = B(!1), [_, M] = B(!1), j = W(null);
-  X(() => {
-    const t = () => {
-      if (j.current) {
-        const i = j.current.closest("fieldset");
-        M(i?.disabled ?? !1);
+  const [G, q] = K(!1), [P, O] = K(!1), T = ae(null);
+  se(() => {
+    const a = () => {
+      if (T.current) {
+        const f = T.current.closest("fieldset");
+        O(f?.disabled ?? !1);
       }
     };
-    t();
-    const s = new MutationObserver(t);
-    if (j.current) {
-      const i = j.current.closest("fieldset");
-      i && s.observe(i, { attributes: !0, attributeFilter: ["disabled"] });
+    a();
+    const x = new MutationObserver(a);
+    if (T.current) {
+      const f = T.current.closest("fieldset");
+      f && x.observe(f, { attributes: !0, attributeFilter: ["disabled"] });
     }
-    return () => s.disconnect();
+    return () => x.disconnect();
   }, []);
-  const q = c?.join(",") || "", G = x * 1024 * 1024, o = b || a !== void 0 || m !== void 0, h = o ? a || [] : d ? [d] : [], N = w || A, u = C || _, H = (t) => {
-    u || (t.preventDefault(), R(!0));
-  }, J = (t) => {
-    u || (t.preventDefault(), R(!1));
-  }, K = (t) => {
-    if (!u)
-      if (t.preventDefault(), R(!1), o) {
-        const i = Array.from(t.dataTransfer.files).filter($);
-        if (i.length > 0) {
-          const F = [...a || [], ...i].slice(0, f);
-          m && m(F);
+  const E = v?.join(",") || "", j = z * 1024 * 1024, l = L || r !== void 0 || n !== void 0, b = l ? r || [] : i ? [i] : [], y = Q || Y, D = X || P, F = A || ((a) => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}-${a.name}`), V = (a) => ({
+    id: F(a),
+    file: a
+  }), H = (a) => {
+    D || (a.preventDefault(), q(!0));
+  }, B = (a) => {
+    D || (a.preventDefault(), q(!1));
+  }, J = (a) => {
+    if (!D)
+      if (a.preventDefault(), q(!1), l) {
+        const f = Array.from(a.dataTransfer.files).filter(c);
+        if (f.length > 0) {
+          const C = f.map(V), S = [...r || [], ...C].slice(0, w);
+          n && n(S), p && p(C);
         }
       } else {
-        const s = t.dataTransfer.files[0];
-        s && $(s) && r && r(s);
+        const x = a.dataTransfer.files[0];
+        if (x && c(x)) {
+          const f = V(x);
+          t && t(f), u && u(f);
+        }
       }
-  }, Q = (t) => {
-    if (!u) {
-      if (o) {
-        const i = (t.target.files ? Array.from(t.target.files) : []).filter($);
-        if (i.length > 0) {
-          const F = [...a || [], ...i].slice(0, f);
-          m && m(F);
+  }, s = (a) => {
+    if (!D) {
+      if (l) {
+        const f = (a.target.files ? Array.from(a.target.files) : []).filter(c);
+        if (f.length > 0) {
+          const C = f.map(V), S = [...r || [], ...C].slice(0, w);
+          n && n(S), p && p(C);
         }
       } else {
-        const s = t.target.files?.[0];
-        s && $(s) && r && r(s);
+        const x = a.target.files?.[0];
+        if (x && c(x)) {
+          const f = V(x);
+          t && t(f), u && u(f);
+        }
       }
-      t.target.value = "";
+      a.target.value = "";
+    }
+  }, m = (a) => {
+    if (D) return;
+    const x = b[a];
+    if (l) {
+      const f = b.filter((C, U) => U !== a);
+      n && n(f), o && x && o([x]);
+    } else
+      t && t(null), h && x && h(x);
+  }, c = (a) => {
+    const x = a.name.substring(a.name.lastIndexOf(".")), f = !v || v.length === 0 || v.includes(x.toLowerCase()), C = a.size <= j;
+    if (!f || !C) {
+      const U = V(a);
+      !f && g ? g(U, "extension") : !C && g && g(U, "size");
     }
-  }, k = (t) => {
-    if (!u)
-      if (o) {
-        const s = h.filter((i, g) => g !== t);
-        m && m(s);
-      } else
-        r && r(null);
-  }, $ = (t) => {
-    const s = t.name.substring(t.name.lastIndexOf(".")), i = !c || c.length === 0 || c.includes(s.toLowerCase()), g = t.size <= G;
-    return !i && l ? l(t, "extension") : !g && l && l(t, "size"), i && g;
-  }, z = () => {
-    u || (o ? m && m([]) : r && r(null));
+    return f && C;
+  }, I = () => {
+    if (D) return;
+    const a = [...b];
+    l ? (n && n([]), o && a.length > 0 && o(a)) : (t && t(null), h && a.length > 0 && h(a[0]));
   };
-  return /* @__PURE__ */ e.jsxs("div", { ref: j, className: v("adm:flex adm:flex-col adm:gap-4", n), ...U, children: [
-    o && D === "above" && /* @__PURE__ */ e.jsx(
-      I,
+  return /* @__PURE__ */ e.jsxs("div", { ref: T, className: N("adm:flex adm:flex-col adm:gap-4", d), ...W, children: [
+    l && $ === "above" && /* @__PURE__ */ e.jsx(
+      te,
       {
-        files: h,
-        isMultiple: o,
-        invalid: N,
-        disabled: u,
-        labels: p,
-        onRemoveFile: k,
-        onClearAll: z
+        files: b,
+        isMultiple: l,
+        invalid: y,
+        disabled: D,
+        labels: R,
+        onRemoveFile: m,
+        onClearAll: I
       }
     ),
-    (o || h.length === 0) && /* @__PURE__ */ e.jsx(
-      Y,
+    (l || b.length === 0) && /* @__PURE__ */ e.jsx(
+      de,
       {
-        isDragging: V,
-        isMultiple: o,
-        invalid: N,
-        disabled: u,
-        accept: q,
-        acceptedExtensions: c,
-        maxSizeInMB: x,
-        maxFiles: f,
-        labels: p,
-        input: T,
+        isDragging: G,
+        isMultiple: l,
+        invalid: y,
+        disabled: D,
+        accept: E,
+        acceptedExtensions: v,
+        maxSizeInMB: z,
+        maxFiles: w,
+        labels: R,
+        input: Z,
         onDragOver: H,
-        onDragLeave: J,
-        onDrop: K,
-        onFileChange: Q
+        onDragLeave: B,
+        onDrop: J,
+        onFileChange: s
       }
     ),
-    !o && h.length > 0 && /* @__PURE__ */ e.jsx(
-      I,
+    !l && b.length > 0 && /* @__PURE__ */ e.jsx(
+      te,
       {
-        files: h,
-        isMultiple: o,
-        invalid: N,
-        disabled: u,
-        labels: p,
-        onRemoveFile: k,
-        onClearAll: z
+        files: b,
+        isMultiple: l,
+        invalid: y,
+        disabled: D,
+        labels: R,
+        onRemoveFile: m,
+        onClearAll: I
       }
     ),
-    o && D === "below" && /* @__PURE__ */ e.jsx(
-      I,
+    l && $ === "below" && /* @__PURE__ */ e.jsx(
+      te,
       {
-        files: h,
-        isMultiple: o,
-        invalid: N,
-        disabled: u,
-        labels: p,
-        onRemoveFile: k,
-        onClearAll: z
+        files: b,
+        isMultiple: l,
+        invalid: y,
+        disabled: D,
+        labels: R,
+        onRemoveFile: m,
+        onClearAll: I
       }
     )
   ] });
 }
 export {
-  ae as FileUpload
+  he as FileUpload,
+  xe as FileUploadV2
 };