@oneplatformdev/ui 0.1.99-beta.274 → 0.1.99-beta.277

package/Dropzone/Dropzone.js

@@ -1,63 +1,63 @@
-import { jsxs as l, jsx as e, Fragment as Y } from "react/jsx-runtime";
-import { X as k, UploadIcon as Fe, FileTextIcon as Z, InfoIcon as ve } from "lucide-react";
-import { forwardRef as ye, useState as G, useEffect as Ie, useImperativeHandle as be } from "react";
-import { useDropzone as Ce } from "react-dropzone";
+import { jsxs as l, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { X as D, Plus as ze, UploadIcon as Ee, FileTextIcon as Q, InfoIcon as De } from "lucide-react";
+import { forwardRef as je, useState as U, useEffect as Me, useImperativeHandle as ke } from "react";
+import { useDropzone as Se } from "react-dropzone";
 import { cn as p } from "@oneplatformdev/utils";
-import { Card as ze } from "../Card/Card.js";
-import { DEFAULT_FILE_TYPES as Ee } from "./Dropzone.types.js";
-import { FilePreview as De } from "./DropzoneFilePreview.js";
-import { DropzoneSinglePickPreview as je } from "./DropzoneSinglePickPreview.js";
-import { isFile as v, isVideoUrl as Me, extractName as Se } from "./DropzoneUtils.js";
-import Be from "./icons/file-csv.svg.js";
-import ke from "./icons/file-doc.svg.js";
-import Re from "./icons/file-docx.svg.js";
-import K from "./icons/file-jpg.svg.js";
-import Ae from "./icons/file-pdf.svg.js";
-import We from "./icons/file-png.svg.js";
-import _e from "./icons/file-ppt.svg.js";
-import Pe from "./icons/file-pptx.svg.js";
-import Te from "./icons/file-rar.svg.js";
-import Xe from "./icons/file-svg.svg.js";
-import $e from "./icons/file-webp.svg.js";
-import Le from "./icons/file-xls.svg.js";
-import Oe from "./icons/file-xlsx.svg.js";
-import qe from "./icons/file-zip.svg.js";
-import { Button as He } from "../Button/Button.js";
-const Q = (r = 0) => `${(r / (1024 * 1024)).toFixed(0)} MB`, Je = {
-  csv: Be,
-  doc: ke,
-  docx: Re,
-  jpg: K,
-  jpeg: K,
-  pdf: Ae,
-  png: We,
-  ppt: _e,
-  pptx: Pe,
-  rar: Te,
-  svg: Xe,
-  webp: $e,
-  xls: Le,
-  xlsx: Oe,
-  zip: qe
-}, Ye = (r) => {
-  if (!r) return "";
-  const s = r.toLowerCase().split(".");
-  return s.length > 1 ? s[s.length - 1] : "";
-}, Ze = (r) => {
-  const s = Ye(r);
-  return Je[s] ?? null;
-}, Ge = (r, s) => {
-  if (r === s) return !0;
-  if (r.length !== s.length) return !1;
-  for (let x = 0; x < r.length; x++) {
-    const a = r[x], m = s[x];
-    if (a !== m) {
-      if (typeof a == "string" && typeof m == "string") {
-        if (a !== m) return !1;
+import { Card as Be } from "../Card/Card.js";
+import { DEFAULT_FILE_TYPES as Re } from "./Dropzone.types.js";
+import { FilePreview as V } from "./DropzoneFilePreview.js";
+import { DropzoneSinglePickPreview as Ae } from "./DropzoneSinglePickPreview.js";
+import { isFile as b, isVideoUrl as We, extractName as Pe } from "./DropzoneUtils.js";
+import _e from "./icons/file-csv.svg.js";
+import Te from "./icons/file-doc.svg.js";
+import Xe from "./icons/file-docx.svg.js";
+import ee from "./icons/file-jpg.svg.js";
+import $e from "./icons/file-pdf.svg.js";
+import Le from "./icons/file-png.svg.js";
+import Oe from "./icons/file-ppt.svg.js";
+import qe from "./icons/file-pptx.svg.js";
+import Ge from "./icons/file-rar.svg.js";
+import He from "./icons/file-svg.svg.js";
+import Je from "./icons/file-webp.svg.js";
+import Ye from "./icons/file-xls.svg.js";
+import Ze from "./icons/file-xlsx.svg.js";
+import Ke from "./icons/file-zip.svg.js";
+import { Button as Qe } from "../Button/Button.js";
+const te = (o = 0) => `${(o / (1024 * 1024)).toFixed(0)} MB`, Ue = {
+  csv: _e,
+  doc: Te,
+  docx: Xe,
+  jpg: ee,
+  jpeg: ee,
+  pdf: $e,
+  png: Le,
+  ppt: Oe,
+  pptx: qe,
+  rar: Ge,
+  svg: He,
+  webp: Je,
+  xls: Ye,
+  xlsx: Ze,
+  zip: Ke
+}, Ve = (o) => {
+  if (!o) return "";
+  const c = o.toLowerCase().split(".");
+  return c.length > 1 ? c[c.length - 1] : "";
+}, et = (o) => {
+  const c = Ve(o);
+  return Ue[c] ?? null;
+}, tt = (o, c) => {
+  if (o === c) return !0;
+  if (o.length !== c.length) return !1;
+  for (let x = 0; x < o.length; x++) {
+    const m = o[x], f = c[x];
+    if (m !== f) {
+      if (typeof m == "string" && typeof f == "string") {
+        if (m !== f) return !1;
         continue;
       }
-      if (v(a) && v(m)) {
-        if (a.name !== m.name || a.size !== m.size || a.type !== m.type || a.lastModified !== m.lastModified)
+      if (b(m) && b(f)) {
+        if (m.name !== f.name || m.size !== f.size || m.type !== f.type || m.lastModified !== f.lastModified)
           return !1;
         continue;
       }
@@ -65,149 +65,164 @@ const Q = (r = 0) => `${(r / (1024 * 1024)).toFixed(0)} MB`, Je = {
     }
   }
   return !0;
-}, Ke = ye(
+}, lt = je(
   ({
-    acceptTypes: r = Ee,
-    maxSizeMB: s,
+    acceptTypes: o = Re,
+    maxSizeMB: c,
     maxFiles: x = 1,
-    onErrors: a,
-    hideErrors: m = !1,
-    disabled: d = !1,
-    classNames: y,
-    value: w,
-    onChangeValue: R,
-    className: U,
-    labelDropzonePrompt: C = "Drop files here or click to select",
-    labelDropzoneSubPrompt: V = "",
-    labelOrClickToSelect: ee = "Upload file",
-    labelSelectedFiles: te = "Selected Files",
-    labelUploadErrors: le = "Upload Errors",
-    labelFileTooLarge: A = "File is too large",
-    labelInvalidFileType: W = "Invalid file type",
-    labelVideoUploaded: ie = "Uploaded",
-    labelVideoReplace: re = "Replace",
-    singlePick: n = !1,
-    labelDropzoneClassname: ne,
-    labelDropzoneSubClassname: oe,
-    isUploading: f = !1,
-    uploadProgress: _ = 0,
-    uploadLoadedBytes: se = 0,
-    uploadTotalBytes: ce = 0,
-    onCancelUpload: P,
-    labelUploadingTitle: ae = "Uploading video...",
-    labelUploadingHint: me = "Please do not close this page",
-    labelUploadingActionCancel: de = "Cancel",
-    persistentDropzone: T = !1,
-    previewVariant: N = "default",
-    ...z
-  }, fe) => {
-    const [i, I] = G(w ?? []), [h, X] = G([]), g = i[0], E = h[0]?.file, pe = !!E?.type?.includes("image"), D = n && i.length > 0 && v(g), xe = D && g.type.includes("image"), $ = D && g.type.includes("video") || n && i.length > 0 && typeof g == "string" && Me(g), L = D && !xe && !$, O = n && !i.length && !!E && !pe, u = L ? g : E, b = Ze(u?.name), j = n && $, he = j, M = n && i.length > 0, ue = (t, c) => {
-      X(c), a?.(c);
-      const o = n ? t.slice(0, 1) : [...i, ...t].slice(0, x);
-      I(o), R?.(o);
+    onErrors: m,
+    hideErrors: f = !1,
+    disabled: s = !1,
+    classNames: w,
+    value: N,
+    onChangeValue: W,
+    className: le,
+    labelDropzonePrompt: j = "Drop files here or click to select",
+    labelDropzoneSubPrompt: re = "",
+    labelOrClickToSelect: ie = "Upload file",
+    labelSelectedFiles: ne = "Selected Files",
+    labelUploadErrors: oe = "Upload Errors",
+    labelFileTooLarge: P = "File is too large",
+    labelInvalidFileType: _ = "Invalid file type",
+    labelVideoUploaded: se = "Uploaded",
+    labelVideoReplace: ce = "Replace",
+    singlePick: i = !1,
+    labelDropzoneClassname: ae,
+    labelDropzoneSubClassname: de,
+    isUploading: a = !1,
+    uploadProgress: T = 0,
+    uploadLoadedBytes: me = 0,
+    uploadTotalBytes: fe = 0,
+    onCancelUpload: X,
+    labelUploadingTitle: pe = "Uploading video...",
+    labelUploadingHint: xe = "Please do not close this page",
+    labelUploadingActionCancel: he = "Cancel",
+    persistentDropzone: $ = !1,
+    previewVariant: h = "default",
+    coverFirstItem: ue = !1,
+    ...M
+  }, ge) => {
+    const [r, C] = U(N ?? []), [u, L] = U([]), F = r[0], k = u[0]?.file, we = !!k?.type?.includes("image"), S = i && r.length > 0 && b(F), Fe = S && F.type.includes("image"), O = S && F.type.includes("video") || i && r.length > 0 && typeof F == "string" && We(F), q = S && !Fe && !O, G = i && !r.length && !!k && !we, g = q ? F : k, y = et(g?.name), B = i && O, Ne = B, R = i && r.length > 0, ve = (t, d) => {
+      L(d), m?.(d);
+      const n = i ? t.slice(0, 1) : [...r, ...t].slice(0, x);
+      C(n), W?.(n);
     };
-    Ie(() => {
-      w && !Ge(i, w) && I(w);
-    }, [i, w]);
-    const S = (t, c) => {
-      if (d) return;
+    Me(() => {
+      N && !tt(r, N) && C(N);
+    }, [r, N]);
+    const I = (t, d) => {
+      if (s) return;
       t.stopPropagation();
-      const o = i.filter((F, B) => B !== c);
-      I(o), R?.(o);
-    }, { getRootProps: ge, getInputProps: we, isDragActive: Ne, open: q } = Ce({
-      onDrop: ue,
-      accept: r.reduce((t, c) => (t[c] = [], t), {}),
-      maxSize: s * 1024 * 1024,
-      maxFiles: n ? 1 : x,
-      disabled: d || f,
+      const n = r.filter((z, E) => E !== d);
+      C(n), W?.(n);
+    }, { getRootProps: be, getInputProps: Ce, isDragActive: ye, open: A } = Se({
+      onDrop: ve,
+      accept: o.reduce((t, d) => (t[d] = [], t), {}),
+      maxSize: c * 1024 * 1024,
+      maxFiles: i ? 1 : x,
+      disabled: s || a,
       noClick: !0
     });
-    be(fe, () => ({
-      setItems: I
+    ke(ge, () => ({
+      setItems: C
     }), []);
-    const H = !f && !n && T && i.length > 0, J = !f && !n && i.length > 0 && /* @__PURE__ */ l("div", { className: p("w-full mt-2", y?.previewWrapper), children: [
-      N === "default" && /* @__PURE__ */ l("pre", { className: "font-semibold text-gray-600", children: [
-        te,
+    const v = ue && h === "image-grid" && !i && r.length > 0, H = !a && !i && $ && r.length > 0, J = v ? r.slice(1) : r, Y = !s && !i && h === "image-grid" && r.length > 0 && r.length < x, Z = !a && !i && (J.length > 0 || Y) && /* @__PURE__ */ l("div", { className: p("w-full mt-2", w?.previewWrapper), children: [
+      h === "default" && /* @__PURE__ */ l("pre", { className: "font-semibold text-gray-600", children: [
+        ne,
         ":"
       ] }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ l(
         "ul",
         {
           className: p(
             "mt-2 text-sm text-gray-500 flex flex-wrap items-start",
-            N === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
+            h === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
           ),
-          children: i.map((t, c) => {
-            const o = v(t) ? t.name : Se(t), F = v(t) ? (t.size / (1024 * 1024)).toFixed(2) + " MB" : "";
-            return /* @__PURE__ */ l(
+          children: [
+            J.map((t, d) => {
+              const n = v ? d + 1 : d, z = b(t) ? t.name : Pe(t), E = b(t) ? (t.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+              return /* @__PURE__ */ l(
+                "li",
+                {
+                  className: p(
+                    "relative",
+                    h === "image-grid" ? "w-[75px] h-[75px]" : "flex flex-col items-center gap-2"
+                  ),
+                  children: [
+                    /* @__PURE__ */ l("div", { className: "relative w-full h-full", children: [
+                      /* @__PURE__ */ e(V, { item: t, styles: w }),
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: p(
+                            "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
+                            h === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
+                          ),
+                          onClick: (Ie) => I(Ie, n),
+                          children: /* @__PURE__ */ e(D, { size: 16, strokeWidth: 1, color: "black" })
+                        }
+                      )
+                    ] }),
+                    h === "default" && /* @__PURE__ */ l("span", { className: "inline-flex flex-col items-center", children: [
+                      /* @__PURE__ */ e("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: z }),
+                      E && /* @__PURE__ */ l("span", { children: [
+                        "(",
+                        E,
+                        ")"
+                      ] })
+                    ] })
+                  ]
+                },
+                n
+              );
+            }),
+            Y && /* @__PURE__ */ e(
               "li",
               {
-                className: p(
-                  "relative",
-                  N === "image-grid" ? "w-[75px] h-[75px]" : "flex flex-col items-center gap-2"
-                ),
-                children: [
-                  /* @__PURE__ */ l("div", { className: "relative w-full h-full", children: [
-                    /* @__PURE__ */ e(De, { item: t, styles: y }),
-                    /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: p(
-                          "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
-                          N === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
-                        ),
-                        onClick: (B) => S(B, c),
-                        children: /* @__PURE__ */ e(k, { size: 16, strokeWidth: 1, color: "black" })
-                      }
-                    )
-                  ] }),
-                  N === "default" && /* @__PURE__ */ l("span", { className: "inline-flex flex-col items-center", children: [
-                    /* @__PURE__ */ e("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: o }),
-                    F && /* @__PURE__ */ l("span", { children: [
-                      "(",
-                      F,
-                      ")"
-                    ] })
-                  ] })
-                ]
+                className: "relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]",
+                onClick: (t) => {
+                  t.stopPropagation(), !(s || a) && A();
+                },
+                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(ze, { size: 16, className: "text-[#9368FF]" }) })
               },
-              c
-            );
-          })
+              "add-more"
+            )
+          ]
         }
       )
     ] });
-    return /* @__PURE__ */ l("div", { className: "w-full", children: [
+    return /* @__PURE__ */ l("div", { className: "w-full select-none", children: [
       /* @__PURE__ */ l(
-        ze,
+        Be,
         {
-          ...z,
-          ...ge({
+          ...M,
+          ...be({
             onClick: (t) => {
-              if (!(d || f)) {
-                if (he) {
-                  z.onClick?.(t);
+              if (!(s || a)) {
+                if (Ne) {
+                  M.onClick?.(t);
                   return;
                 }
-                q(), z.onClick?.(t);
+                A(), M.onClick?.(t);
               }
             }
           }),
           className: p(
             "w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer",
-            !M && "border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4",
-            M && "min-h-0 border-0 bg-transparent p-0",
-            d && "border-[#E4E4E7] pointer-events-none",
-            h.length > 0 && !M && "border-red-500",
-            Ne && "bg-gray-100",
-            n && "shadow-none!",
-            n && i.length > 0 && !j && "p-0! shadow-none!",
-            j && "h-auto! max-h-none! min-h-0! p-2!",
-            U
+            !R && "border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4",
+            R && "min-h-0 border-0 bg-transparent p-0",
+            v && "relative",
+            s && "border-[#E4E4E7] pointer-events-none",
+            u.length > 0 && !R && "border-red-500",
+            ye && "bg-gray-100",
+            i && "shadow-none!",
+            i && r.length > 0 && !B && "p-0! shadow-none!",
+            B && "h-auto! max-h-none! min-h-0! p-2!",
+            le
           ),
           children: [
-            /* @__PURE__ */ e("input", { ...we() }),
-            f && /* @__PURE__ */ l(
+            /* @__PURE__ */ e("input", { ...Ce() }),
+            a && /* @__PURE__ */ l(
               "div",
               {
                 className: "w-full h-full min-h-46 rounded-lg border border-[#E4E4E7] bg-[#FCFCFC] flex flex-col items-center justify-center gap-4 p-4",
@@ -216,58 +231,89 @@ const Q = (r = 0) => `${(r / (1024 * 1024)).toFixed(0)} MB`, Je = {
                   /* @__PURE__ */ l("div", { className: "relative h-24 w-24", children: [
                     /* @__PURE__ */ e("svg", { className: "h-24 w-24", viewBox: "0 0 100 100", children: /* @__PURE__ */ e("circle", { cx: "50", cy: "50", r: "42", stroke: "#E6E1F5", strokeWidth: "8", fill: "none" }) }),
                     /* @__PURE__ */ l("span", { className: "absolute inset-0 flex items-center justify-center text-lg font-semibold text-foreground", children: [
-                      Math.max(0, Math.min(100, Math.round(_))),
+                      Math.max(0, Math.min(100, Math.round(T))),
                       "%"
                     ] })
                   ] }),
                   /* @__PURE__ */ l("div", { className: "text-center", children: [
-                    /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-foreground", children: ae }),
+                    /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-foreground", children: pe }),
                     /* @__PURE__ */ l("p", { className: "text-sm text-[#666A78]", children: [
-                      Q(se),
+                      te(me),
                       " of ",
-                      Q(ce)
+                      te(fe)
                     ] }),
-                    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-[#666A78]", children: me })
+                    /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-[#666A78]", children: xe })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "w-full max-w-[520px] h-2 rounded-full bg-[#E6E1F5] overflow-hidden", children: /* @__PURE__ */ e(
                     "div",
                     {
                       className: "h-full bg-[#9368FF] transition-[width] duration-150 ease-linear",
-                      style: { width: `${Math.max(0, Math.min(100, _))}%` }
+                      style: { width: `${Math.max(0, Math.min(100, T))}%` }
                     }
                   ) }),
-                  P && /* @__PURE__ */ e(
+                  X && /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       className: "mt-1 h-10 min-w-36 rounded-md border border-[#E4E4E7] bg-white px-6 text-base font-medium text-foreground cursor-pointer",
                       onClick: (t) => {
-                        t.stopPropagation(), P();
+                        t.stopPropagation(), X();
                       },
-                      children: de
+                      children: he
+                    }
+                  )
+                ]
+              }
+            ),
+            !a && v && /* @__PURE__ */ l(
+              "div",
+              {
+                className: "absolute inset-0 rounded-[8px] overflow-hidden",
+                onClick: (t) => t.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e(
+                    V,
+                    {
+                      item: r[0],
+                      styles: {
+                        ...w,
+                        previewWraper: p(
+                          "w-full h-full rounded-[8px] border-0",
+                          w?.previewWraper?.replace(/w-\[[^\]]+\]|h-\[[^\]]+\]/g, "")
+                        )
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "absolute top-2 right-2 cursor-pointer bg-white/90 rounded-full p-1",
+                      onClick: (t) => I(t, 0),
+                      children: /* @__PURE__ */ e(D, { size: 16, strokeWidth: 1, color: "black" })
                     }
                   )
                 ]
               }
             ),
-            !f && (i.length === 0 || !n && T) && h.length === 0 && /* @__PURE__ */ l(
+            !a && (r.length === 0 || !i && $) && u.length === 0 && /* @__PURE__ */ l(
               "div",
               {
                 className: p(
                   "flex flex-col items-center gap-2 w-full",
-                  y?.idleWrapper
+                  w?.idleWrapper,
+                  v && "invisible"
                 ),
                 children: [
-                  /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(Fe, { className: "size-6 text-[#9368FF]" }) }),
-                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-1 w-full", children: !d && /* @__PURE__ */ l(Y, { children: [
+                  /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ e(Ee, { className: "size-6 text-[#9368FF]" }) }),
+                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-1 w-full", children: !s && /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: p(
                           "font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line",
-                          ne
+                          ae
                         ),
-                        children: C
+                        children: j
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -275,132 +321,132 @@ const Q = (r = 0) => `${(r / (1024 * 1024)).toFixed(0)} MB`, Je = {
                       {
                         className: p(
                           "font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line",
-                          oe
+                          de
                         ),
-                        children: V
+                        children: re
                       }
                     )
                   ] }) }),
-                  !d && /* @__PURE__ */ e(
-                    He,
+                  !s && /* @__PURE__ */ e(
+                    Qe,
                     {
                       type: "button",
                       size: "md",
-                      children: ee
+                      children: ie
                     }
                   )
                 ]
               }
             ),
-            !f && h.length > 0 && !O && /* @__PURE__ */ l("div", { className: p("w-full mt-4", y?.errorWrapper), children: [
+            !a && u.length > 0 && !G && /* @__PURE__ */ l("div", { className: p("w-full mt-4", w?.errorWrapper), children: [
               /* @__PURE__ */ l("span", { className: "font-semibold text-red-500", children: [
-                le,
+                oe,
                 ":"
               ] }),
-              /* @__PURE__ */ e("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: h.map((t, c) => /* @__PURE__ */ l("li", { children: [
+              /* @__PURE__ */ e("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: u.map((t, d) => /* @__PURE__ */ l("li", { children: [
                 t.file.name,
                 " (",
                 (t.file.size / (1024 * 1024)).toFixed(2),
                 " MB)",
-                !m && /* @__PURE__ */ e("ul", { className: "ml-4 list-disc list-inside", children: t.errors.map((o, F) => /* @__PURE__ */ l("li", { children: [
-                  o.code === "file-too-large" && A,
-                  o.code === "file-invalid-type" && W,
-                  o.code !== "file-too-large" && o.code !== "file-invalid-type" && o.message
-                ] }, F)) })
-              ] }, c)) })
+                !f && /* @__PURE__ */ e("ul", { className: "ml-4 list-disc list-inside", children: t.errors.map((n, z) => /* @__PURE__ */ l("li", { children: [
+                  n.code === "file-too-large" && P,
+                  n.code === "file-invalid-type" && _,
+                  n.code !== "file-too-large" && n.code !== "file-invalid-type" && n.message
+                ] }, z)) })
+              ] }, d)) })
             ] }),
-            !f && !!(n && i.length) && /* @__PURE__ */ e(Y, { children: L ? /* @__PURE__ */ l(
+            !a && !!(i && r.length) && /* @__PURE__ */ e(K, { children: q ? /* @__PURE__ */ l(
               "div",
               {
                 className: "w-full max-w-[502px] flex flex-col items-center gap-4",
                 onClick: (t) => t.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: C }),
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: j }),
                   /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
-                    b ? /* @__PURE__ */ e(
+                    y ? /* @__PURE__ */ e(
                       "img",
                       {
-                        src: b,
+                        src: y,
                         alt: "",
                         className: "size-10 shrink-0"
                       }
-                    ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Z, { size: 20 }) }),
+                    ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Q, { size: 20 }) }),
                     /* @__PURE__ */ l("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1", children: [
-                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: u?.name }),
-                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: u ? `${(u.size / (1024 * 1024)).toFixed(0)} MB` : "" })
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: g?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: g ? `${(g.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    !d && /* @__PURE__ */ e(
+                    !s && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
-                        onClick: (t) => S(t, 0),
-                        children: /* @__PURE__ */ e(k, { size: 24, color: "#06080D" })
+                        onClick: (t) => I(t, 0),
+                        children: /* @__PURE__ */ e(D, { size: 24, color: "#06080D" })
                       }
                     )
                   ] })
                 ]
               }
             ) : /* @__PURE__ */ e(
-              je,
+              Ae,
               {
-                item: i[0],
-                onRemoveClick: (t) => S(t, 0),
+                item: r[0],
+                onRemoveClick: (t) => I(t, 0),
                 onReplaceClick: (t) => {
-                  t.stopPropagation(), !d && q();
+                  t.stopPropagation(), !s && A();
                 },
-                labelUploaded: ie,
-                labelReplace: re,
-                disabled: d
+                labelUploaded: se,
+                labelReplace: ce,
+                disabled: s
               }
             ) }),
-            !f && O && /* @__PURE__ */ l(
+            !a && G && /* @__PURE__ */ l(
               "div",
               {
                 className: "w-full max-w-[502px] flex flex-col items-center gap-4",
                 onClick: (t) => t.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: C }),
+                  /* @__PURE__ */ e("p", { className: "w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]", children: j }),
                   /* @__PURE__ */ l("div", { className: "w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4", children: [
-                    b ? /* @__PURE__ */ e(
+                    y ? /* @__PURE__ */ e(
                       "img",
                       {
-                        src: b,
+                        src: y,
                         alt: "",
                         className: "size-10 shrink-0"
                       }
-                    ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Z, { size: 20 }) }),
+                    ) : /* @__PURE__ */ e("div", { className: "size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(Q, { size: 20 }) }),
                     /* @__PURE__ */ l("div", { className: "flex flex-col items-start text-left gap-1 min-w-0 flex-1", children: [
-                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: u?.name }),
-                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: u ? `${(u.size / (1024 * 1024)).toFixed(0)} MB` : "" })
+                      /* @__PURE__ */ e("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: g?.name }),
+                      /* @__PURE__ */ e("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: g ? `${(g.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    !d && /* @__PURE__ */ e(
+                    !s && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
                         onClick: (t) => {
-                          t.stopPropagation(), X([]);
+                          t.stopPropagation(), L([]);
                         },
-                        children: /* @__PURE__ */ e(k, { size: 24, color: "#06080D" })
+                        children: /* @__PURE__ */ e(D, { size: 24, color: "#06080D" })
                       }
                     )
                   ] }),
                   /* @__PURE__ */ l("div", { className: "w-full bg-[#DC26260F] p-4 flex items-start gap-4", children: [
-                    /* @__PURE__ */ e(ve, { size: 20, color: "#DC2626" }),
-                    /* @__PURE__ */ e("p", { className: "text-[12px] leading-[120%] font-medium text-[#DC2626] text-left", children: h[0]?.errors?.[0]?.code === "file-too-large" ? A : h[0]?.errors?.[0]?.message || W })
+                    /* @__PURE__ */ e(De, { size: 20, color: "#DC2626" }),
+                    /* @__PURE__ */ e("p", { className: "text-[12px] leading-[120%] font-medium text-[#DC2626] text-left", children: u[0]?.errors?.[0]?.code === "file-too-large" ? P : u[0]?.errors?.[0]?.message || _ })
                   ] })
                 ]
               }
             ),
-            !H && J
+            !H && Z
           ]
         }
       ),
-      H && /* @__PURE__ */ e("div", { className: "w-full", children: J })
+      H && /* @__PURE__ */ e("div", { className: "w-full", children: Z })
     ] });
   }
 );
-Ke.displayName = "Dropzone";
+lt.displayName = "Dropzone";
 export {
-  Ke as Dropzone
+  lt as Dropzone
 };
 //# sourceMappingURL=Dropzone.js.map