welcome-ui 10.0.0-alpha.14 → 10.0.0-alpha.15

package/dist/FileDrop.js

@@ -1,14 +1,14 @@
 "use client";
 import './FileDrop.css';
-import { jsxs as T, Fragment as ui, jsx as m } from "react/jsx-runtime";
+import { jsxs as L, Fragment as vi, jsx as m } from "react/jsx-runtime";
 import Si, { useMemo as J, useRef as xa, useReducer as qi, useEffect as ta, useCallback as _, forwardRef as fi, useImperativeHandle as Ti, Fragment as Li, useState as Qa } from "react";
 import { _ as B, P as s } from "./tslib.es6-C80jYMbM.js";
-import { g as Ci, c as Ea } from "./index-PAaZGbyz.js";
-import { Button as ka } from "./Button.js";
+import { g as Ci, c as Aa } from "./index-PAaZGbyz.js";
+import { Button as ja } from "./Button.js";
 import { Icon as U } from "./Icon.js";
 import { c as ai } from "./create-event-rXDe5aCQ.js";
 import { g as Mi, a as Ni, b as xi } from "./index-DmEMuVTM.js";
-import { Text as ja } from "./Text.js";
+import { Text as Da } from "./Text.js";
 const $i = /* @__PURE__ */ new Map([
   // https://github.com/guzzle/psr7/blob/2d9260799e713f1c475d3c5fdc3d6561ff7441b2/src/MimeType.php
   ["1km", "application/vnd.1000minds.decision-model+xml"],
@@ -1246,16 +1246,16 @@ const Hi = [
 ];
 function Wi(a) {
   return B(this, void 0, void 0, function* () {
-    return Da(a) && Ui(a.dataTransfer) ? Gi(a.dataTransfer, a.type) : Bi(a) ? Yi(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Vi(a) : [];
+    return za(a) && Ui(a.dataTransfer) ? Gi(a.dataTransfer, a.type) : Bi(a) ? Yi(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Vi(a) : [];
   });
 }
 function Ui(a) {
-  return Da(a);
+  return za(a);
 }
 function Bi(a) {
-  return Da(a) && Da(a.target);
+  return za(a) && za(a.target);
 }
-function Da(a) {
+function za(a) {
   return typeof a == "object" && a !== null;
 }
 function Yi(a) {
@@ -1373,7 +1373,7 @@ function Qi() {
   }), ga;
 }
 var at = Qi();
-const Ca = /* @__PURE__ */ Ci(at);
+const Ma = /* @__PURE__ */ Ci(at);
 function pi(a) {
   return et(a) || tt(a) || yi(a) || it();
 }
@@ -1439,8 +1439,8 @@ function pt(a, i) {
     try {
       for (t = t.call(a); !(n = (l = t.next()).done) && (e.push(l.value), !(i && e.length === i)); n = !0)
         ;
-    } catch (u) {
-      o = !0, r = u;
+    } catch (v) {
+      o = !0, r = v;
     } finally {
       try {
         !n && t.return != null && t.return();
@@ -1454,7 +1454,7 @@ function pt(a, i) {
 function ot(a) {
   if (Array.isArray(a)) return a;
 }
-var ct = typeof Ca == "function" ? Ca : Ca.default, lt = "file-invalid-type", rt = "file-too-large", st = "file-too-small", dt = "too-many-files", mt = function() {
+var ct = typeof Ma == "function" ? Ma : Ma.default, lt = "file-invalid-type", rt = "file-too-large", st = "file-too-small", dt = "too-many-files", mt = function() {
   var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = i.split(","), e = t.length > 1 ? "one of ".concat(t.join(", ")) : t[0];
   return {
     code: lt,
@@ -1470,7 +1470,7 @@ var ct = typeof Ca == "function" ? Ca : Ca.default, lt = "file-invalid-type", rt
     code: st,
     message: "File is smaller than ".concat(i, " ").concat(i === 1 ? "byte" : "bytes")
   };
-}, vt = {
+}, ut = {
   code: dt,
   message: "Too many files"
 };
@@ -1492,14 +1492,14 @@ function ki(a, i, t) {
 function W(a) {
   return a != null;
 }
-function ut(a) {
+function vt(a) {
   var i = a.files, t = a.accept, e = a.minSize, n = a.maxSize, o = a.multiple, l = a.maxFiles, r = a.validator;
-  return !o && i.length > 1 || o && l >= 1 && i.length > l ? !1 : i.every(function(u) {
-    var j = wi(u, t), D = ea(j, 1), f = D[0], L = ki(u, e, n), C = ea(L, 1), R = C[0], P = r ? r(u) : null;
-    return f && R && !P;
+  return !o && i.length > 1 || o && l >= 1 && i.length > l ? !1 : i.every(function(v) {
+    var j = wi(v, t), D = ea(j, 1), f = D[0], R = ki(v, e, n), C = ea(R, 1), S = C[0], P = r ? r(v) : null;
+    return f && S && !P;
   });
 }
-function za(a) {
+function _a(a) {
   return typeof a.isPropagationStopped == "function" ? a.isPropagationStopped() : typeof a.cancelBubble < "u" ? a.cancelBubble : !1;
 }
 function ba(a) {
@@ -1527,7 +1527,7 @@ function F() {
     for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), l = 1; l < n; l++)
       o[l - 1] = arguments[l];
     return i.some(function(r) {
-      return !za(e) && r && r.apply(void 0, [e].concat(o)), za(e);
+      return !_a(e) && r && r.apply(void 0, [e].concat(o)), _a(e);
     });
   };
 }
@@ -1586,7 +1586,7 @@ function Ot(a) {
 function Ft(a) {
   if (Array.isArray(a)) return Ha(a);
 }
-function Ma(a, i) {
+function Na(a, i) {
   return Rt(a) || It(a, i) || zi(a, i) || Pt();
 }
 function Pt() {
@@ -1614,8 +1614,8 @@ function It(a, i) {
     try {
       for (t = t.call(a); !(n = (l = t.next()).done) && (e.push(l.value), !(i && e.length === i)); n = !0)
         ;
-    } catch (u) {
-      o = !0, r = u;
+    } catch (v) {
+      o = !0, r = v;
     } finally {
       try {
         !n && t.return != null && t.return();
@@ -1653,7 +1653,7 @@ function d(a) {
 function Wa(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
-function _a(a, i) {
+function Ea(a, i) {
   if (a == null) return {};
   var t = St(a, i), e, n;
   if (Object.getOwnPropertySymbols) {
@@ -1671,7 +1671,7 @@ function St(a, i) {
   return t;
 }
 var Ba = /* @__PURE__ */ fi(function(a, i) {
-  var t = a.children, e = _a(a, jt), n = Ei(e), o = n.open, l = _a(n, Dt);
+  var t = a.children, e = Ea(a, jt), n = Ei(e), o = n.open, l = Ea(n, Dt);
   return Ti(i, function() {
     return {
       open: o
@@ -1876,7 +1876,7 @@ var Ua = {
   fileRejections: []
 };
 function Ei() {
-  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, _i), a), t = i.accept, e = i.disabled, n = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, u = i.maxFiles, j = i.onDragEnter, D = i.onDragLeave, f = i.onDragOver, L = i.onDrop, C = i.onDropAccepted, R = i.onDropRejected, P = i.onFileDialogCancel, M = i.onFileDialogOpen, z = i.useFsAccessApi, N = i.autoFocus, $ = i.preventDropOnDocument, na = i.noClick, Q = i.noKeyboard, pa = i.noDrag, g = i.noDragEventsBubbling, S = i.onError, K = i.validator, I = J(function() {
+  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, _i), a), t = i.accept, e = i.disabled, n = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, v = i.maxFiles, j = i.onDragEnter, D = i.onDragLeave, f = i.onDragOver, R = i.onDrop, C = i.onDropAccepted, S = i.onDropRejected, P = i.onFileDialogCancel, M = i.onFileDialogOpen, z = i.useFsAccessApi, N = i.autoFocus, $ = i.preventDropOnDocument, na = i.noClick, Q = i.noKeyboard, pa = i.noDrag, g = i.noDragEventsBubbling, q = i.onError, K = i.validator, I = J(function() {
     return yt(t);
   }, [t]), oa = J(function() {
     return ht(t);
@@ -1884,7 +1884,7 @@ function Ei() {
     return typeof M == "function" ? M : mi;
   }, [M]), Y = J(function() {
     return typeof P == "function" ? P : mi;
-  }, [P]), b = xa(null), w = xa(null), ca = qi(qt, Ua), la = Ma(ca, 2), H = la[0], h = la[1], Oa = H.isFocused, A = H.isFileDialogActive, y = xa(typeof window < "u" && window.isSecureContext && z && bt()), E = function() {
+  }, [P]), b = xa(null), w = xa(null), ca = qi(qt, Ua), la = Na(ca, 2), H = la[0], h = la[1], Fa = H.isFocused, A = H.isFileDialogActive, y = xa(typeof window < "u" && window.isSecureContext && z && bt()), E = function() {
     !y.current && A && setTimeout(function() {
       if (w.current) {
         var c = w.current.files;
@@ -1899,8 +1899,8 @@ function Ei() {
       window.removeEventListener("focus", E, !1);
     };
   }, [w, A, Y, y]);
-  var q = xa([]), ra = function(c) {
-    b.current && b.current.contains(c.target) || (c.preventDefault(), q.current = []);
+  var T = xa([]), ra = function(c) {
+    b.current && b.current.contains(c.target) || (c.preventDefault(), T.current = []);
   };
   ta(function() {
     return $ && (document.addEventListener("dragover", si, !1), document.addEventListener("drop", ra, !1)), function() {
@@ -1911,19 +1911,19 @@ function Ei() {
     };
   }, [b, N, e]);
   var O = _(function(p) {
-    S ? S(p) : console.error(p);
-  }, [S]), sa = _(function(p) {
-    p.preventDefault(), p.persist(), ua(p), q.current = [].concat(Et(q.current), [p.target]), ba(p) && Promise.resolve(n(p)).then(function(c) {
-      if (!(za(p) && !g)) {
-        var v = c.length, x = v > 0 && ut({
+    q ? q(p) : console.error(p);
+  }, [q]), sa = _(function(p) {
+    p.preventDefault(), p.persist(), va(p), T.current = [].concat(Et(T.current), [p.target]), ba(p) && Promise.resolve(n(p)).then(function(c) {
+      if (!(_a(p) && !g)) {
+        var u = c.length, x = u > 0 && vt({
           files: c,
           accept: I,
           minSize: l,
           maxSize: o,
           multiple: r,
-          maxFiles: u,
+          maxFiles: v,
           validator: K
-        }), k = v > 0 && !x;
+        }), k = u > 0 && !x;
         h({
           isDragAccept: x,
           isDragReject: k,
@@ -1934,8 +1934,8 @@ function Ei() {
     }).catch(function(c) {
       return O(c);
     });
-  }, [n, j, O, g, I, l, o, r, u, K]), Ya = _(function(p) {
-    p.preventDefault(), p.persist(), ua(p);
+  }, [n, j, O, g, I, l, o, r, v, K]), Ya = _(function(p) {
+    p.preventDefault(), p.persist(), va(p);
     var c = ba(p);
     if (c && p.dataTransfer)
       try {
@@ -1944,45 +1944,45 @@ function Ei() {
       }
     return c && f && f(p), !1;
   }, [f, g]), Va = _(function(p) {
-    p.preventDefault(), p.persist(), ua(p);
-    var c = q.current.filter(function(x) {
+    p.preventDefault(), p.persist(), va(p);
+    var c = T.current.filter(function(x) {
       return b.current && b.current.contains(x);
-    }), v = c.indexOf(p.target);
-    v !== -1 && c.splice(v, 1), q.current = c, !(c.length > 0) && (h({
+    }), u = c.indexOf(p.target);
+    u !== -1 && c.splice(u, 1), T.current = c, !(c.length > 0) && (h({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), ba(p) && D && D(p));
   }, [b, D, g]), da = _(function(p, c) {
-    var v = [], x = [];
+    var u = [], x = [];
     p.forEach(function(k) {
-      var ia = wi(k, I), Z = Ma(ia, 2), Pa = Z[0], Ia = Z[1], Ra = ki(k, l, o), fa = Ma(Ra, 2), Sa = fa[0], qa = fa[1], Ta = K ? K(k) : null;
-      if (Pa && Sa && !Ta)
-        v.push(k);
+      var ia = wi(k, I), Z = Na(ia, 2), Ia = Z[0], Ra = Z[1], Sa = ki(k, l, o), fa = Na(Sa, 2), qa = fa[0], Ta = fa[1], La = K ? K(k) : null;
+      if (Ia && qa && !La)
+        u.push(k);
       else {
-        var La = [Ia, qa];
-        Ta && (La = La.concat(Ta)), x.push({
+        var Ca = [Ra, Ta];
+        La && (Ca = Ca.concat(La)), x.push({
           file: k,
-          errors: La.filter(function(Ri) {
+          errors: Ca.filter(function(Ri) {
             return Ri;
           })
         });
       }
-    }), (!r && v.length > 1 || r && u >= 1 && v.length > u) && (v.forEach(function(k) {
+    }), (!r && u.length > 1 || r && v >= 1 && u.length > v) && (u.forEach(function(k) {
       x.push({
         file: k,
-        errors: [vt]
+        errors: [ut]
       });
-    }), v.splice(0)), h({
-      acceptedFiles: v,
+    }), u.splice(0)), h({
+      acceptedFiles: u,
       fileRejections: x,
       isDragReject: x.length > 0,
       type: "setFiles"
-    }), L && L(v, x, c), x.length > 0 && R && R(x, c), v.length > 0 && C && C(v, c);
-  }, [h, r, I, l, o, u, L, C, R, K]), ma = _(function(p) {
-    p.preventDefault(), p.persist(), ua(p), q.current = [], ba(p) && Promise.resolve(n(p)).then(function(c) {
-      za(p) && !g || da(c, p);
+    }), R && R(u, x, c), x.length > 0 && S && S(x, c), u.length > 0 && C && C(u, c);
+  }, [h, r, I, l, o, v, R, C, S, K]), ma = _(function(p) {
+    p.preventDefault(), p.persist(), va(p), T.current = [], ba(p) && Promise.resolve(n(p)).then(function(c) {
+      _a(p) && !g || da(c, p);
     }).catch(function(c) {
       return O(c);
     }), h({
@@ -2027,34 +2027,34 @@ function Ei() {
     na || (gt() ? setTimeout(V, 0) : V());
   }, [na, V]), G = function(c) {
     return e ? null : c;
-  }, Fa = function(c) {
+  }, Pa = function(c) {
     return Q ? null : G(c);
-  }, va = function(c) {
-    return pa ? null : G(c);
   }, ua = function(c) {
+    return pa ? null : G(c);
+  }, va = function(c) {
     g && c.stopPropagation();
   }, Fi = J(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, v = c === void 0 ? "ref" : c, x = p.role, k = p.onKeyDown, ia = p.onFocus, Z = p.onBlur, Pa = p.onClick, Ia = p.onDragEnter, Ra = p.onDragOver, fa = p.onDragLeave, Sa = p.onDrop, qa = _a(p, zt);
+      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, u = c === void 0 ? "ref" : c, x = p.role, k = p.onKeyDown, ia = p.onFocus, Z = p.onBlur, Ia = p.onClick, Ra = p.onDragEnter, Sa = p.onDragOver, fa = p.onDragLeave, qa = p.onDrop, Ta = Ea(p, zt);
       return d(d(Wa({
-        onKeyDown: Fa(F(k, Ga)),
-        onFocus: Fa(F(ia, Za)),
-        onBlur: Fa(F(Z, Ja)),
-        onClick: G(F(Pa, Xa)),
-        onDragEnter: va(F(Ia, sa)),
-        onDragOver: va(F(Ra, Ya)),
-        onDragLeave: va(F(fa, Va)),
-        onDrop: va(F(Sa, ma)),
+        onKeyDown: Pa(F(k, Ga)),
+        onFocus: Pa(F(ia, Za)),
+        onBlur: Pa(F(Z, Ja)),
+        onClick: G(F(Ia, Xa)),
+        onDragEnter: ua(F(Ra, sa)),
+        onDragOver: ua(F(Sa, Ya)),
+        onDragLeave: ua(F(fa, Va)),
+        onDrop: ua(F(qa, ma)),
         role: typeof x == "string" && x !== "" ? x : "presentation"
-      }, v, b), !e && !Q ? {
+      }, u, b), !e && !Q ? {
         tabIndex: 0
-      } : {}), qa);
+      } : {}), Ta);
     };
   }, [b, Ga, Za, Ja, Xa, sa, Ya, Va, ma, Q, pa, e]), Pi = _(function(p) {
     p.stopPropagation();
   }, []), Ii = J(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, v = c === void 0 ? "ref" : c, x = p.onChange, k = p.onClick, ia = _a(p, _t), Z = Wa({
+      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, u = c === void 0 ? "ref" : c, x = p.onChange, k = p.onClick, ia = Ea(p, _t), Z = Wa({
         accept: I,
         multiple: r,
         type: "file",
@@ -2073,12 +2073,12 @@ function Ei() {
         onChange: G(F(x, ma)),
         onClick: G(F(k, Pi)),
         tabIndex: -1
-      }, v, w);
+      }, u, w);
       return d(d({}, Z), ia);
     };
   }, [w, t, r, ma, e]);
   return d(d({}, H), {}, {
-    isFocused: Oa && !e,
+    isFocused: Fa && !e,
     getRootProps: Fi,
     getInputProps: Ii,
     rootRef: b,
@@ -2124,31 +2124,32 @@ function qt(a, i) {
 }
 function mi() {
 }
-const Tt = "_root_z1bfm_2", Lt = "_disabled_z1bfm_26", Ct = "_actions_z1bfm_68", Aa = {
+const Tt = "_root_dadju_2", Lt = "_disabled_dadju_26", Ct = "_actions_dadju_68", Oa = {
   root: Tt,
   disabled: Lt,
-  "drag-reject": "_drag-reject_z1bfm_32",
-  "file-input": "_file-input_z1bfm_35",
-  "file-preview": "_file-preview_z1bfm_40",
-  "file-preview-icon": "_file-preview-icon_z1bfm_48",
-  "file-preview-name": "_file-preview-name_z1bfm_51",
-  "file-preview-size": "_file-preview-size_z1bfm_55",
-  "file-preview-button": "_file-preview-button_z1bfm_58",
-  "image-preview": "_image-preview_z1bfm_63",
+  "drag-reject": "_drag-reject_dadju_32",
+  "file-input": "_file-input_dadju_35",
+  "file-preview": "_file-preview_dadju_40",
+  "file-preview-icon": "_file-preview-icon_dadju_48",
+  "file-preview-name": "_file-preview-name_dadju_51",
+  "file-preview-size": "_file-preview-size_dadju_55",
+  "file-preview-button": "_file-preview-button_dadju_58",
+  "image-preview": "_image-preview_dadju_63",
   actions: Ct,
-  "message-title": "_message-title_z1bfm_73",
-  "message-hint": "_message-hint_z1bfm_76",
-  "message-file-button-text": "_message-file-button-text_z1bfm_81"
-}, ha = Ea(Aa), Ai = ({
+  "message-title": "_message-title_dadju_73",
+  "message-hint": "_message-hint_dadju_76",
+  "message-file-button-text": "_message-file-button-text_dadju_81",
+  "message-icon": "_message-icon_dadju_84"
+}, ha = Aa(Oa), Ai = ({
   file: a,
   fileName: i,
   forceFileType: t,
   previewButtonText: e = "Preview"
 }) => {
   const n = typeof a == "string", o = Mi(a, t), l = a instanceof File ? Ni(a) : null, r = n && i ? i : xi(a);
-  return /* @__PURE__ */ T(ui, { children: [
-    n ? /* @__PURE__ */ T(
-      ka,
+  return /* @__PURE__ */ L(vi, { children: [
+    n ? /* @__PURE__ */ L(
+      ja,
       {
         as: "a",
         className: ha("file-preview-size", "file-preview-button"),
@@ -2164,26 +2165,26 @@ const Tt = "_root_z1bfm_2", Lt = "_disabled_z1bfm_26", Ct = "_actions_z1bfm_68",
       }
     ) : null,
     /* @__PURE__ */ m(U, { className: ha("file-preview-icon"), name: o, size: "xxl" }),
-    /* @__PURE__ */ m(ja, { className: ha("file-preview-name"), lines: 1, variant: "heading-xs-strong", children: r }),
-    !n && /* @__PURE__ */ m(ja, { className: ha("file-preview-size"), lines: 1, variant: "body-md", children: l })
+    /* @__PURE__ */ m(Da, { className: ha("file-preview-name"), lines: 1, variant: "heading-xs-strong", children: r }),
+    !n && /* @__PURE__ */ m(Da, { className: ha("file-preview-size"), lines: 1, variant: "body-md", children: l })
   ] });
 };
 Ai.displayName = "FileDrop.FilePreview";
-const Na = Ea(Aa), wa = ({
+const ya = Aa(Oa), ka = ({
   disabled: a,
   fileButtonText: i = "Browse file",
   hint: t = "Drag & drop a file here or",
   isLoading: e,
   openFile: n,
   title: o = "Add file"
-}) => /* @__PURE__ */ T(ui, { children: [
-  /* @__PURE__ */ m(U, { className: "mb-lg", name: "import", size: "lg" }),
-  /* @__PURE__ */ m(ja, { className: Na("message-title"), variant: "heading-xs-strong", children: o }),
-  /* @__PURE__ */ m(ja, { className: Na("message-hint"), variant: "body-md", children: t }),
+}) => /* @__PURE__ */ L(vi, { children: [
+  /* @__PURE__ */ m(U, { className: ya("message-icon"), name: "import", size: "lg" }),
+  /* @__PURE__ */ m(Da, { className: ya("message-title"), variant: "heading-xs-strong", children: o }),
+  /* @__PURE__ */ m(Da, { className: ya("message-hint"), variant: "body-md", children: t }),
   /* @__PURE__ */ m(
-    ka,
+    ja,
     {
-      className: Na("message-file-button-text"),
+      className: ya("message-file-button-text"),
       disabled: a,
       isLoading: e,
       onClick: n,
@@ -2192,8 +2193,8 @@ const Na = Ea(Aa), wa = ({
     }
   )
 ] });
-wa.displayName = "FileDrop.Message";
-const Mt = Ea(Aa), Oi = ({
+ka.displayName = "FileDrop.Message";
+const Mt = Aa(Oa), Oi = ({
   disabled: a,
   error: i,
   file: t,
@@ -2202,21 +2203,21 @@ const Mt = Ea(Aa), Oi = ({
   forceFileType: o,
   isAnImage: l,
   isHoverAccept: r,
-  isHoverReject: u,
+  isHoverReject: v,
   isLoading: j,
   openFile: D,
   wordings: f
-}) => r ? /* @__PURE__ */ m(U, { name: "smile-beam-solid" }) : u ? /* @__PURE__ */ m(U, { name: "sad-solid" }) : j ? /* @__PURE__ */ m(
-  wa,
+}) => r ? /* @__PURE__ */ m(U, { name: "smile-beam-solid" }) : v ? /* @__PURE__ */ m(U, { name: "sad-solid" }) : j ? /* @__PURE__ */ m(
+  ka,
   {
     hint: f == null ? void 0 : f.loadingHint,
     isLoading: !0,
     openFile: D,
     title: f == null ? void 0 : f.loadingTitle
   }
-) : i ? /* @__PURE__ */ m(wa, { openFile: D, ...f }) : n ? l ? /* @__PURE__ */ m("img", { className: Mt("image-preview"), src: n }) : /* @__PURE__ */ m(Ai, { file: t, fileName: e, forceFileType: o, ...f }) : /* @__PURE__ */ m(wa, { disabled: a, openFile: D, ...f });
+) : i ? /* @__PURE__ */ m(ka, { openFile: D, ...f }) : n ? l ? /* @__PURE__ */ m("img", { className: Mt("image-preview"), src: n }) : /* @__PURE__ */ m(Ai, { file: t, fileName: e, forceFileType: o, ...f }) : /* @__PURE__ */ m(ka, { disabled: a, openFile: D, ...f });
 Oi.displayName = "FileDrop.Preview";
-const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ? !!xi(a).match(vi) : a.name ? !!a.name.match(vi) : !1 : !1, $t = (a) => {
+const ui = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ? !!xi(a).match(ui) : a.name ? !!a.name.match(ui) : !1 : !1, $t = (a) => {
   let i;
   if (a instanceof File ? i = a.preview : i = a, typeof i != "string" || i.startsWith("blob:"))
     return i;
@@ -2226,7 +2227,7 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
     } catch {
       return;
     }
-}, Kt = 2e6, Ht = "ERROR_INVALID_TYPE", Wt = "ERROR_INVALID_SIZE", ya = Ea(Aa), Ut = fi(
+}, Kt = 2e6, Ht = "ERROR_INVALID_TYPE", Wt = "ERROR_INVALID_SIZE", wa = Aa(Oa), Ut = fi(
   ({
     accept: a = {
       "image/*": []
@@ -2238,13 +2239,13 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
     editButtonText: o = "Edit",
     fileName: l,
     forceFileType: r,
-    handleAddFile: u,
+    handleAddFile: v,
     handleRemoveFile: j,
     isClearable: D,
     isEditable: f,
-    isLoading: L,
+    isLoading: R,
     maxSize: C = Kt,
-    multiple: R,
+    multiple: S,
     name: P,
     onBlur: M,
     onChange: z,
@@ -2253,40 +2254,40 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
     wordings: na,
     ...Q
   }, pa) => {
-    const [g, S] = Qa($), [K, I] = Qa(void 0);
+    const [g, q] = Qa($), [K, I] = Qa(void 0);
     ta(() => {
-      S($);
+      q($);
     }, [$]), ta(() => () => g && g instanceof File && URL.revokeObjectURL(g.preview), [g]);
     const oa = (A) => {
       const [y] = A;
-      y instanceof File && (y.preview = URL.createObjectURL(y)), S(y), I(null);
+      y instanceof File && (y.preview = URL.createObjectURL(y)), q(y), I(null);
       const E = ai({ name: P, value: y });
-      z == null || z(E), u == null || u(E);
+      z == null || z(E), v == null || v(E);
     }, aa = (A, y) => {
       let E;
-      A.map(({ errors: q }) => {
-        q.map((ra) => {
+      A.map(({ errors: T }) => {
+        T.map((ra) => {
           const { code: O, message: sa } = ra;
           O === "file-invalid-type" ? E = Ht : O === "file-too-large" ? E = Wt : E = sa;
         });
-      }), S(null), I(E), N == null || N(E), z == null || z(y), M == null || M();
+      }), q(null), I(E), N == null || N(E), z == null || z(y), M == null || M();
     }, Y = (A) => {
-      A.preventDefault(), S(null), I(null);
+      A.preventDefault(), q(null), I(null);
       const y = ai({ name: P, value: null });
       z == null || z(y), j == null || j(y);
     }, { getInputProps: b, getRootProps: w, isDragAccept: ca, isDragActive: la, isDragReject: H, open: h } = Ei({
       accept: a,
       disabled: n,
       maxSize: C,
-      multiple: R,
+      multiple: S,
       noClick: !0,
       onDropAccepted: oa,
       onDropRejected: aa
-    }), Oa = (A) => N(A);
-    return /* @__PURE__ */ T(
+    }), Fa = (A) => N(A);
+    return /* @__PURE__ */ L(
       "div",
       {
-        className: ya(
+        className: wa(
           "root",
           n && "disabled",
           H && "drag-reject",
@@ -2308,11 +2309,11 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
           /* @__PURE__ */ m(
             "input",
             {
-              className: ya("file-input"),
-              ...b({ disabled: n, multiple: R, name: P, onError: Oa })
+              className: wa("file-input"),
+              ...b({ disabled: n, multiple: S, name: P, onError: Fa })
             }
           ),
-          /* @__PURE__ */ T("div", { className: ya("file-preview"), children: [
+          /* @__PURE__ */ L("div", { className: wa("file-preview"), children: [
             i({
               disabled: n,
               error: K,
@@ -2323,13 +2324,13 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
               isAnImage: r === "image" || Nt(g),
               isHoverAccept: ca,
               isHoverReject: H,
-              isLoading: L,
+              isLoading: R,
               openFile: h,
               wordings: na
             }),
-            g ? /* @__PURE__ */ T("div", { className: ya("actions"), children: [
-              /* @__PURE__ */ T(
-                ka,
+            !R && g ? /* @__PURE__ */ L("div", { className: wa("actions"), children: [
+              /* @__PURE__ */ L(
+                ja,
                 {
                   disabled: !f,
                   onClick: h,
@@ -2342,8 +2343,8 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
                   ]
                 }
               ),
-              /* @__PURE__ */ T(
-                ka,
+              /* @__PURE__ */ L(
+                ja,
                 {
                   disabled: !D,
                   onClick: Y,

package/dist/Icon.js

@@ -38,6 +38,8 @@ const s = "_root_576cf_2", A = {
   /* @__PURE__ */ l("symbol", { id: "left-arrow-from-left", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { d: "M17 11H5.41L7.71 8.71C7.80324 8.61676 7.8772 8.50607 7.92766 8.38425C7.97812 8.26243 8.00409 8.13186 8.00409 8C8.00409 7.86814 7.97812 7.73757 7.92766 7.61575C7.8772 7.49393 7.80324 7.38324 7.71 7.29C7.61676 7.19676 7.50607 7.1228 7.38425 7.07234C7.26243 7.02188 7.13186 6.99591 7 6.99591C6.86814 6.99591 6.73757 7.02188 6.61575 7.07234C6.49393 7.1228 6.38324 7.19676 6.29 7.29L2.29 11.29C2.19896 11.3851 2.12759 11.4972 2.08 11.62C1.97998 11.8635 1.97998 12.1365 2.08 12.38C2.12759 12.5028 2.19896 12.6149 2.29 12.71L6.29 16.71C6.38296 16.8037 6.49356 16.8781 6.61542 16.9289C6.73728 16.9797 6.86799 17.0058 7 17.0058C7.13201 17.0058 7.26272 16.9797 7.38458 16.9289C7.50644 16.8781 7.61704 16.8037 7.71 16.71C7.80373 16.617 7.87812 16.5064 7.92889 16.3846C7.97966 16.2627 8.0058 16.132 8.0058 16C8.0058 15.868 7.97966 15.7373 7.92889 15.6154C7.87812 15.4936 7.80373 15.383 7.71 15.29L5.41 13H17C17.2652 13 17.5196 12.8946 17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929C17.5196 11.1054 17.2652 11 17 11ZM21 4C20.7348 4 20.4804 4.10536 20.2929 4.29289C20.1054 4.48043 20 4.73478 20 5V19C20 19.2652 20.1054 19.5196 20.2929 19.7071C20.4804 19.8946 20.7348 20 21 20C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V5C22 4.73478 21.8946 4.48043 21.7071 4.29289C21.5196 4.10536 21.2652 4 21 4Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "arrow-from-right", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { d: "M3 4C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20C3.26522 20 3.51957 19.8946 3.70711 19.7071C3.89464 19.5196 4 19.2652 4 19V5C4 4.73478 3.89464 4.48043 3.70711 4.29289C3.51957 4.10536 3.26522 4 3 4ZM21.92 11.62C21.8724 11.4972 21.801 11.3851 21.71 11.29L17.71 7.29C17.6168 7.19676 17.5061 7.1228 17.3842 7.07234C17.2624 7.02188 17.1319 6.99591 17 6.99591C16.7337 6.99591 16.4783 7.1017 16.29 7.29C16.1017 7.4783 15.9959 7.7337 15.9959 8C15.9959 8.2663 16.1017 8.5217 16.29 8.71L18.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H18.59L16.29 15.29C16.1963 15.383 16.1219 15.4936 16.0711 15.6154C16.0203 15.7373 15.9942 15.868 15.9942 16C15.9942 16.132 16.0203 16.2627 16.0711 16.3846C16.1219 16.5064 16.1963 16.617 16.29 16.71C16.383 16.8037 16.4936 16.8781 16.6154 16.9289C16.7373 16.9797 16.868 17.0058 17 17.0058C17.132 17.0058 17.2627 16.9797 17.3846 16.9289C17.5064 16.8781 17.617 16.8037 17.71 16.71L21.71 12.71C21.801 12.6149 21.8724 12.5028 21.92 12.38C22.02 12.1365 22.02 11.8635 21.92 11.62Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "arrow-resize-diagonal", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { d: "M21.92 2.62C21.8185 2.37565 21.6243 2.18147 21.38 2.08C21.2598 2.02876 21.1307 2.00158 21 2H15C14.7348 2 14.4804 2.10536 14.2929 2.29289C14.1054 2.48043 14 2.73478 14 3C14 3.26522 14.1054 3.51957 14.2929 3.70711C14.4804 3.89464 14.7348 4 15 4H18.59L4 18.59V15C4 14.7348 3.89464 14.4804 3.70711 14.2929C3.51957 14.1054 3.26522 14 3 14C2.73478 14 2.48043 14.1054 2.29289 14.2929C2.10536 14.4804 2 14.7348 2 15V21C2.00158 21.1307 2.02876 21.2598 2.08 21.38C2.18147 21.6243 2.37565 21.8185 2.62 21.92C2.74022 21.9712 2.86932 21.9984 3 22H9C9.26522 22 9.51957 21.8946 9.70711 21.7071C9.89464 21.5196 10 21.2652 10 21C10 20.7348 9.89464 20.4804 9.70711 20.2929C9.51957 20.1054 9.26522 20 9 20H5.41L20 5.41V9C20 9.26522 20.1054 9.51957 20.2929 9.70711C20.4804 9.89464 20.7348 10 21 10C21.2652 10 21.5196 9.89464 21.7071 9.70711C21.8946 9.51957 22 9.26522 22 9V3C21.9984 2.86932 21.9712 2.74022 21.92 2.62Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }) }),
+  /* @__PURE__ */ l("symbol", { id: "draggabledots", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M8.5,10a2,2,0,1,0,2,2A2,2,0,0,0,8.5,10Zm0,7a2,2,0,1,0,2,2A2,2,0,0,0,8.5,17Zm7-10a2,2,0,1,0-2-2A2,2,0,0,0,15.5,7Zm-7-4a2,2,0,1,0,2,2A2,2,0,0,0,8.5,3Zm7,14a2,2,0,1,0,2,2A2,2,0,0,0,15.5,17Zm0-7a2,2,0,1,0,2,2A2,2,0,0,0,15.5,10Z", xmlns: "http://www.w3.org/2000/svg" }) }),
+  /* @__PURE__ */ l("symbol", { id: "compress-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M21.71,2.29a1,1,0,0,0-1.42,0L14.5,8.09V6.5a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54,1,1,0,0,0,.38.08h4a1,1,0,0,0,0-2H15.91l5.8-5.79A1,1,0,0,0,21.71,2.29ZM10.88,12.58a1,1,0,0,0-.38-.08h-4a1,1,0,0,0,0,2H8.09l-5.8,5.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5.79-5.8V17.5a1,1,0,0,0,2,0v-4a1,1,0,0,0-.08-.38A1,1,0,0,0,10.88,12.58Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "external-link-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M18,10.82a1,1,0,0,0-1,1V19a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V8A1,1,0,0,1,5,7h7.18a1,1,0,0,0,0-2H5A3,3,0,0,0,2,8V19a3,3,0,0,0,3,3H16a3,3,0,0,0,3-3V11.82A1,1,0,0,0,18,10.82Zm3.92-8.2a1,1,0,0,0-.54-.54A1,1,0,0,0,21,2H15a1,1,0,0,0,0,2h3.59L8.29,14.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L20,5.41V9a1,1,0,0,0,2,0V3A1,1,0,0,0,21.92,2.62Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "heart-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M20.16,5A6.29,6.29,0,0,0,12,4.36a6.27,6.27,0,0,0-8.16,9.48l6.21,6.22a2.78,2.78,0,0,0,3.9,0l6.21-6.22A6.27,6.27,0,0,0,20.16,5Zm-1.41,7.46-6.21,6.21a.76.76,0,0,1-1.08,0L5.25,12.43a4.29,4.29,0,0,1,0-6,4.27,4.27,0,0,1,6,0,1,1,0,0,0,1.42,0,4.27,4.27,0,0,1,6,0A4.29,4.29,0,0,1,18.75,12.43Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "heart", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M20.16,5A6.29,6.29,0,0,0,12,4.36a6.27,6.27,0,0,0-8.16,9.48l6.21,6.22a2.78,2.78,0,0,0,3.9,0l6.21-6.22A6.27,6.27,0,0,0,20.16,5Zm-1.41,7.46-6.21,6.21a.76.76,0,0,1-1.08,0L5.25,12.43a4.29,4.29,0,0,1,0-6,4.27,4.27,0,0,1,6,0,1,1,0,0,0,1.42,0,4.27,4.27,0,0,1,6,0A4.29,4.29,0,0,1,18.75,12.43Z", xmlns: "http://www.w3.org/2000/svg" }) }),
@@ -223,13 +225,13 @@ const s = "_root_576cf_2", A = {
   /* @__PURE__ */ l("symbol", { id: "trees", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M16.5,5A4.86,4.86,0,0,0,14,5.69,6,6,0,0,0,2.5,8v4a6,6,0,0,0,5,5.91V21a1,1,0,0,0,2,0V17.91a6.08,6.08,0,0,0,2.78-1.26A5,5,0,0,0,15.5,18.9V21a1,1,0,0,0,2,0V18.9a5,5,0,0,0,4-4.9V10A5,5,0,0,0,16.5,5Zm-5,5v4a5.23,5.23,0,0,0,.06.57,4,4,0,0,1-2.06,1.3V13a1,1,0,0,0-2,0v2.86A4,4,0,0,1,4.5,12V8a4,4,0,0,1,6.83-2.84,3.94,3.94,0,0,1,1.06,2A5,5,0,0,0,11.5,10Zm8,4a3,3,0,0,1-2,2.82V13a1,1,0,0,0-2,0v3.82a3,3,0,0,1-2-2.82V10a3,3,0,0,1,6,0Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "exit", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M4,12a1,1,0,0,0,1,1h7.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76,1,1,0,0,0-.21-.33l-4-4a1,1,0,1,0-1.42,1.42L12.59,11H5A1,1,0,0,0,4,12ZM17,2H7A3,3,0,0,0,4,5V8A1,1,0,0,0,6,8V5A1,1,0,0,1,7,4H17a1,1,0,0,1,1,1V19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V16a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V5A3,3,0,0,0,17,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ l("symbol", { id: "ban", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-8-8A7.92,7.92,0,0,1,5.69,7.1L16.9,18.31A7.92,7.92,0,0,1,12,20Zm6.31-3.1L7.1,5.69A7.92,7.92,0,0,1,12,4a8,8,0,0,1,8,8A7.92,7.92,0,0,1,18.31,16.9Z", xmlns: "http://www.w3.org/2000/svg" }) })
-] }), n = e(A), m = C(
+] }), m = e(A), n = C(
   ({ "aria-label": a, className: w, name: r, size: h = "md", ...t }, i) => /* @__PURE__ */ l(
     "svg",
     {
       "aria-hidden": a ? "false" : "true",
       "aria-label": a,
-      className: n("root", `size-${h}`, `name-${r}`, w),
+      className: m("root", `size-${h}`, `name-${r}`, w),
       ref: i,
       role: a ? "img" : void 0,
       ...t,
@@ -237,8 +239,8 @@ const s = "_root_576cf_2", A = {
     }
   )
 );
-m.displayName = "Icon";
+n.displayName = "Icon";
 export {
-  m as Icon,
+  n as Icon,
   v as Sprite
 };