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

package/dist/FileDrop.js

@@ -1,14 +1,14 @@
 "use client";
 import './FileDrop.css';
-import { jsxs as L, Fragment as ui, jsx as x } from "react/jsx-runtime";
-import Si, { useMemo as Z, useRef as fa, useReducer as qi, useEffect as pa, useCallback as E, forwardRef as fi, useImperativeHandle as Ti, Fragment as Li, useState as Qa } from "react";
-import { _ as K, P as s } from "./tslib.es6-C80jYMbM.js";
-import { g as Ci, c as za } from "./index-PAaZGbyz.js";
-import { Button as ya } from "./Button.js";
-import { Icon as J } from "./Icon.js";
+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 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 wa } 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"],
@@ -1245,43 +1245,43 @@ const Hi = [
   // Windows
 ];
 function Wi(a) {
-  return K(this, void 0, void 0, function* () {
-    return ka(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 B(this, void 0, void 0, function* () {
+    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 ka(a);
+  return za(a);
 }
 function Bi(a) {
-  return ka(a) && ka(a.target);
+  return za(a) && za(a.target);
 }
-function ka(a) {
+function za(a) {
   return typeof a == "object" && a !== null;
 }
 function Yi(a) {
-  return Ma(a.target.files).map((i) => X(i));
+  return $a(a.target.files).map((i) => X(i));
 }
 function Vi(a) {
-  return K(this, void 0, void 0, function* () {
+  return B(this, void 0, void 0, function* () {
     return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => X(t));
   });
 }
 function Gi(a, i) {
-  return K(this, void 0, void 0, function* () {
+  return B(this, void 0, void 0, function* () {
     if (a.items) {
-      const t = Ma(a.items).filter((n) => n.kind === "file");
+      const t = $a(a.items).filter((n) => n.kind === "file");
       if (i !== "drop")
         return t;
       const e = yield Promise.all(t.map(Zi));
       return ti(gi(e));
     }
-    return ti(Ma(a.files).map((t) => X(t)));
+    return ti($a(a.files).map((t) => X(t)));
   });
 }
 function ti(a) {
   return a.filter((i) => Hi.indexOf(i.name) === -1);
 }
-function Ma(a) {
+function $a(a) {
   if (a === null)
     return [];
   const i = [];
@@ -1306,7 +1306,7 @@ function gi(a) {
 function ei(a, i) {
   var t;
   if (typeof a.getAsFileSystemHandle == "function")
-    return a.getAsFileSystemHandle().then((o) => K(this, void 0, void 0, function* () {
+    return a.getAsFileSystemHandle().then((o) => B(this, void 0, void 0, function* () {
       const l = yield o.getFile();
       return l.handle = o, X(l);
     }));
@@ -1317,7 +1317,7 @@ function ei(a, i) {
   return Promise.resolve(n);
 }
 function Ji(a) {
-  return K(this, void 0, void 0, function* () {
+  return B(this, void 0, void 0, function* () {
     return a.isDirectory ? bi(a) : Xi(a);
   });
 }
@@ -1326,7 +1326,7 @@ function bi(a) {
   return new Promise((t, e) => {
     const n = [];
     function o() {
-      i.readEntries((l) => K(this, void 0, void 0, function* () {
+      i.readEntries((l) => B(this, void 0, void 0, function* () {
         if (l.length) {
           const r = Promise.all(l.map(Ji));
           n.push(r), o();
@@ -1345,7 +1345,7 @@ function bi(a) {
   });
 }
 function Xi(a) {
-  return K(this, void 0, void 0, function* () {
+  return B(this, void 0, void 0, function* () {
     return new Promise((i, t) => {
       a.file((e) => {
         const n = X(e, a.fullPath);
@@ -1356,9 +1356,9 @@ function Xi(a) {
     });
   });
 }
-var xa = {}, ni;
+var ga = {}, ni;
 function Qi() {
-  return ni || (ni = 1, xa.__esModule = !0, xa.default = function(a, i) {
+  return ni || (ni = 1, ga.__esModule = !0, ga.default = function(a, i) {
     if (a && i) {
       var t = Array.isArray(i) ? i : i.split(",");
       if (t.length === 0)
@@ -1370,10 +1370,10 @@ function Qi() {
       });
     }
     return !0;
-  }), xa;
+  }), ga;
 }
 var at = Qi();
-const Ta = /* @__PURE__ */ Ci(at);
+const Ma = /* @__PURE__ */ Ci(at);
 function pi(a) {
   return et(a) || tt(a) || yi(a) || it();
 }
@@ -1385,7 +1385,7 @@ function tt(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
 function et(a) {
-  if (Array.isArray(a)) return Na(a);
+  if (Array.isArray(a)) return Ka(a);
 }
 function oi(a, i) {
   var t = Object.keys(a);
@@ -1411,7 +1411,7 @@ function ci(a) {
 function hi(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
-function oa(a, i) {
+function ea(a, i) {
   return ot(a) || pt(a, i) || yi(a, i) || nt();
 }
 function nt() {
@@ -1420,13 +1420,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 function yi(a, i) {
   if (a) {
-    if (typeof a == "string") return Na(a, i);
+    if (typeof a == "string") return Ka(a, i);
     var t = Object.prototype.toString.call(a).slice(8, -1);
     if (t === "Object" && a.constructor && (t = a.constructor.name), t === "Map" || t === "Set") return Array.from(a);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Na(a, i);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ka(a, i);
   }
 }
-function Na(a, i) {
+function Ka(a, i) {
   (i == null || i > a.length) && (i = a.length);
   for (var t = 0, e = new Array(i); t < i; t++)
     e[t] = a[t];
@@ -1454,7 +1454,7 @@ function pt(a, i) {
 function ot(a) {
   if (Array.isArray(a)) return a;
 }
-var ct = typeof Ta == "function" ? Ta : Ta.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 Ta == "function" ? Ta : Ta.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"
 };
@@ -1479,30 +1479,30 @@ function wi(a, i) {
   return [t, t ? null : mt(i)];
 }
 function ki(a, i, t) {
-  if ($(a.size))
-    if ($(i) && $(t)) {
+  if (W(a.size))
+    if (W(i) && W(t)) {
       if (a.size > t) return [!1, li(t)];
       if (a.size < i) return [!1, ri(i)];
     } else {
-      if ($(i) && a.size < i) return [!1, ri(i)];
-      if ($(t) && a.size > t) return [!1, li(t)];
+      if (W(i) && a.size < i) return [!1, ri(i)];
+      if (W(t) && a.size > t) return [!1, li(t)];
     }
   return [!0, null];
 }
-function $(a) {
+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(v) {
-    var h = wi(v, t), D = oa(h, 1), S = D[0], C = ki(v, e, n), q = oa(C, 1), O = q[0], F = r ? r(v) : null;
-    return S && O && !F;
+    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 ja(a) {
+function _a(a) {
   return typeof a.isPropagationStopped == "function" ? a.isPropagationStopped() : typeof a.cancelBubble < "u" ? a.cancelBubble : !1;
 }
-function ga(a) {
+function ba(a) {
   return a.dataTransfer ? Array.prototype.some.call(a.dataTransfer.types, function(i) {
     return i === "Files" || i === "application/x-moz-file";
   }) : !!a.target && !!a.target.files;
@@ -1520,14 +1520,14 @@ function gt() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
   return ft(a) || xt(a);
 }
-function A() {
+function F() {
   for (var a = arguments.length, i = new Array(a), t = 0; t < a; t++)
     i[t] = arguments[t];
   return function(e) {
     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 !ja(e) && r && r.apply(void 0, [e].concat(o)), ja(e);
+      return !_a(e) && r && r.apply(void 0, [e].concat(o)), _a(e);
     });
   };
 }
@@ -1535,12 +1535,12 @@ function bt() {
   return "showOpenFilePicker" in window;
 }
 function ht(a) {
-  if ($(a)) {
+  if (W(a)) {
     var i = Object.entries(a).filter(function(t) {
-      var e = oa(t, 2), n = e[0], o = e[1], l = !0;
+      var e = ea(t, 2), n = e[0], o = e[1], l = !0;
       return ji(n) || (console.warn('Skipped "'.concat(n, '" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')), l = !1), (!Array.isArray(o) || !o.every(Di)) && (console.warn('Skipped "'.concat(n, '" because an invalid file extension was provided.')), l = !1), l;
     }).reduce(function(t, e) {
-      var n = oa(e, 2), o = n[0], l = n[1];
+      var n = ea(e, 2), o = n[0], l = n[1];
       return ci(ci({}, t), {}, hi({}, o, l));
     }, {});
     return [{
@@ -1552,9 +1552,9 @@ function ht(a) {
   return a;
 }
 function yt(a) {
-  if ($(a))
+  if (W(a))
     return Object.entries(a).reduce(function(i, t) {
-      var e = oa(t, 2), n = e[0], o = e[1];
+      var e = ea(t, 2), n = e[0], o = e[1];
       return [].concat(pi(i), [n], pi(o));
     }, []).filter(function(i) {
       return ji(i) || Di(i);
@@ -1584,9 +1584,9 @@ function Ot(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
 function Ft(a) {
-  if (Array.isArray(a)) return $a(a);
+  if (Array.isArray(a)) return Ha(a);
 }
-function La(a, i) {
+function Na(a, i) {
   return Rt(a) || It(a, i) || zi(a, i) || Pt();
 }
 function Pt() {
@@ -1595,13 +1595,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 function zi(a, i) {
   if (a) {
-    if (typeof a == "string") return $a(a, i);
+    if (typeof a == "string") return Ha(a, i);
     var t = Object.prototype.toString.call(a).slice(8, -1);
     if (t === "Object" && a.constructor && (t = a.constructor.name), t === "Map" || t === "Set") return Array.from(a);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return $a(a, i);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ha(a, i);
   }
 }
-function $a(a, i) {
+function Ha(a, i) {
   (i == null || i > a.length) && (i = a.length);
   for (var t = 0, e = new Array(i); t < i; t++)
     e[t] = a[t];
@@ -1643,17 +1643,17 @@ function d(a) {
   for (var i = 1; i < arguments.length; i++) {
     var t = arguments[i] != null ? arguments[i] : {};
     i % 2 ? di(Object(t), !0).forEach(function(e) {
-      Ka(a, e, t[e]);
+      Wa(a, e, t[e]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : di(Object(t)).forEach(function(e) {
       Object.defineProperty(a, e, Object.getOwnPropertyDescriptor(t, e));
     });
   }
   return a;
 }
-function Ka(a, i, t) {
+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 Da(a, i) {
+function Ea(a, i) {
   if (a == null) return {};
   var t = St(a, i), e, n;
   if (Object.getOwnPropertySymbols) {
@@ -1670,8 +1670,8 @@ function St(a, i) {
     n = e[o], !(i.indexOf(n) >= 0) && (t[n] = a[n]);
   return t;
 }
-var Ua = /* @__PURE__ */ fi(function(a, i) {
-  var t = a.children, e = Da(a, jt), n = Ei(e), o = n.open, l = Da(n, Dt);
+var Ba = /* @__PURE__ */ fi(function(a, i) {
+  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
@@ -1680,7 +1680,7 @@ var Ua = /* @__PURE__ */ fi(function(a, i) {
     open: o
   })));
 });
-Ua.displayName = "Dropzone";
+Ba.displayName = "Dropzone";
 var _i = {
   disabled: !1,
   getFilesFromEvent: Wi,
@@ -1697,8 +1697,8 @@ var _i = {
   useFsAccessApi: !1,
   autoFocus: !1
 };
-Ua.defaultProps = _i;
-Ua.propTypes = {
+Ba.defaultProps = _i;
+Ba.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
    *
@@ -1866,7 +1866,7 @@ Ua.propTypes = {
    */
   validator: s.func
 };
-var Ha = {
+var Ua = {
   isFocused: !1,
   isFileDialogActive: !1,
   isDragActive: !1,
@@ -1876,186 +1876,186 @@ var Ha = {
   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, v = i.maxFiles, h = i.onDragEnter, D = i.onDragLeave, S = i.onDragOver, C = i.onDrop, q = i.onDropAccepted, O = i.onDropRejected, F = i.onFileDialogCancel, y = i.onFileDialogOpen, M = i.useFsAccessApi, H = i.autoFocus, Q = i.preventDropOnDocument, ca = i.noClick, aa = i.noKeyboard, z = i.noDrag, _ = i.noDragEventsBubbling, ia = i.onError, P = i.validator, N = Z(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]), la = Z(function() {
+  }, [t]), oa = J(function() {
     return ht(t);
-  }, [t]), ta = Z(function() {
-    return typeof y == "function" ? y : mi;
-  }, [y]), W = Z(function() {
-    return typeof F == "function" ? F : mi;
-  }, [F]), f = fa(null), g = fa(null), Ea = qi(qt, Ha), U = La(Ea, 2), B = U[0], b = U[1], I = B.isFocused, w = B.isFileDialogActive, k = fa(typeof window < "u" && window.isSecureContext && M && bt()), ra = function() {
-    !k.current && w && setTimeout(function() {
-      if (g.current) {
-        var c = g.current.files;
-        c.length || (b({
+  }, [t]), aa = J(function() {
+    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 = 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;
+        c.length || (h({
           type: "closeDialog"
-        }), W());
+        }), Y());
       }
     }, 300);
   };
-  pa(function() {
-    return window.addEventListener("focus", ra, !1), function() {
-      window.removeEventListener("focus", ra, !1);
+  ta(function() {
+    return window.addEventListener("focus", E, !1), function() {
+      window.removeEventListener("focus", E, !1);
     };
-  }, [g, w, W, k]);
-  var T = fa([]), ea = function(c) {
-    f.current && f.current.contains(c.target) || (c.preventDefault(), T.current = []);
+  }, [w, A, Y, y]);
+  var T = xa([]), ra = function(c) {
+    b.current && b.current.contains(c.target) || (c.preventDefault(), T.current = []);
   };
-  pa(function() {
-    return Q && (document.addEventListener("dragover", si, !1), document.addEventListener("drop", ea, !1)), function() {
-      Q && (document.removeEventListener("dragover", si), document.removeEventListener("drop", ea));
+  ta(function() {
+    return $ && (document.addEventListener("dragover", si, !1), document.addEventListener("drop", ra, !1)), function() {
+      $ && (document.removeEventListener("dragover", si), document.removeEventListener("drop", ra));
     };
-  }, [f, Q]), pa(function() {
-    return !e && H && f.current && f.current.focus(), function() {
+  }, [b, $]), ta(function() {
+    return !e && N && b.current && b.current.focus(), function() {
     };
-  }, [f, H, e]);
-  var R = E(function(p) {
-    ia ? ia(p) : console.error(p);
-  }, [ia]), Ba = E(function(p) {
-    p.preventDefault(), p.persist(), va(p), T.current = [].concat(Et(T.current), [p.target]), ga(p) && Promise.resolve(n(p)).then(function(c) {
-      if (!(ja(p) && !_)) {
-        var m = c.length, u = m > 0 && ut({
+  }, [b, N, e]);
+  var O = _(function(p) {
+    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: N,
+          accept: I,
           minSize: l,
           maxSize: o,
           multiple: r,
           maxFiles: v,
-          validator: P
-        }), j = m > 0 && !u;
-        b({
-          isDragAccept: u,
-          isDragReject: j,
+          validator: K
+        }), k = u > 0 && !x;
+        h({
+          isDragAccept: x,
+          isDragReject: k,
           isDragActive: !0,
           type: "setDraggedFiles"
-        }), h && h(p);
+        }), j && j(p);
       }
     }).catch(function(c) {
-      return R(c);
+      return O(c);
     });
-  }, [n, h, R, _, N, l, o, r, v, P]), Ya = E(function(p) {
+  }, [n, j, O, g, I, l, o, r, v, K]), Ya = _(function(p) {
     p.preventDefault(), p.persist(), va(p);
-    var c = ga(p);
+    var c = ba(p);
     if (c && p.dataTransfer)
       try {
         p.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return c && S && S(p), !1;
-  }, [S, _]), Va = E(function(p) {
+    return c && f && f(p), !1;
+  }, [f, g]), Va = _(function(p) {
     p.preventDefault(), p.persist(), va(p);
-    var c = T.current.filter(function(u) {
-      return f.current && f.current.contains(u);
-    }), m = c.indexOf(p.target);
-    m !== -1 && c.splice(m, 1), T.current = c, !(c.length > 0) && (b({
+    var c = T.current.filter(function(x) {
+      return b.current && b.current.contains(x);
+    }), 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
-    }), ga(p) && D && D(p));
-  }, [f, D, _]), sa = E(function(p, c) {
-    var m = [], u = [];
-    p.forEach(function(j) {
-      var na = wi(j, N), G = La(na, 2), Oa = G[0], Fa = G[1], Pa = ki(j, l, o), ua = La(Pa, 2), Ia = ua[0], Ra = ua[1], Sa = P ? P(j) : null;
-      if (Oa && Ia && !Sa)
-        m.push(j);
+    }), ba(p) && D && D(p));
+  }, [b, D, g]), da = _(function(p, c) {
+    var u = [], x = [];
+    p.forEach(function(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 qa = [Fa, Ra];
-        Sa && (qa = qa.concat(Sa)), u.push({
-          file: j,
-          errors: qa.filter(function(Ri) {
+        var Ca = [Ra, Ta];
+        La && (Ca = Ca.concat(La)), x.push({
+          file: k,
+          errors: Ca.filter(function(Ri) {
             return Ri;
           })
         });
       }
-    }), (!r && m.length > 1 || r && v >= 1 && m.length > v) && (m.forEach(function(j) {
-      u.push({
-        file: j,
-        errors: [vt]
+    }), (!r && u.length > 1 || r && v >= 1 && u.length > v) && (u.forEach(function(k) {
+      x.push({
+        file: k,
+        errors: [ut]
       });
-    }), m.splice(0)), b({
-      acceptedFiles: m,
-      fileRejections: u,
-      isDragReject: u.length > 0,
+    }), u.splice(0)), h({
+      acceptedFiles: u,
+      fileRejections: x,
+      isDragReject: x.length > 0,
       type: "setFiles"
-    }), C && C(m, u, c), u.length > 0 && O && O(u, c), m.length > 0 && q && q(m, c);
-  }, [b, r, N, l, o, v, C, q, O, P]), da = E(function(p) {
-    p.preventDefault(), p.persist(), va(p), T.current = [], ga(p) && Promise.resolve(n(p)).then(function(c) {
-      ja(p) && !_ || sa(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 R(c);
-    }), b({
+      return O(c);
+    }), h({
       type: "reset"
     });
-  }, [n, sa, R, _]), Y = E(function() {
-    if (k.current) {
-      b({
+  }, [n, da, O, g]), V = _(function() {
+    if (y.current) {
+      h({
         type: "openDialog"
-      }), ta();
+      }), aa();
       var p = {
         multiple: r,
-        types: la
+        types: oa
       };
       window.showOpenFilePicker(p).then(function(c) {
         return n(c);
       }).then(function(c) {
-        sa(c, null), b({
+        da(c, null), h({
           type: "closeDialog"
         });
       }).catch(function(c) {
-        wt(c) ? (W(c), b({
+        wt(c) ? (Y(c), h({
           type: "closeDialog"
-        })) : kt(c) ? (k.current = !1, g.current ? (g.current.value = null, g.current.click()) : R(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : R(c);
+        })) : kt(c) ? (y.current = !1, w.current ? (w.current.value = null, w.current.click()) : O(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : O(c);
       });
       return;
     }
-    g.current && (b({
+    w.current && (h({
       type: "openDialog"
-    }), ta(), g.current.value = null, g.current.click());
-  }, [b, ta, W, M, sa, R, la, r]), Ga = E(function(p) {
-    !f.current || !f.current.isEqualNode(p.target) || (p.key === " " || p.key === "Enter" || p.keyCode === 32 || p.keyCode === 13) && (p.preventDefault(), Y());
-  }, [f, Y]), Za = E(function() {
-    b({
+    }), aa(), w.current.value = null, w.current.click());
+  }, [h, aa, Y, z, da, O, oa, r]), Ga = _(function(p) {
+    !b.current || !b.current.isEqualNode(p.target) || (p.key === " " || p.key === "Enter" || p.keyCode === 32 || p.keyCode === 13) && (p.preventDefault(), V());
+  }, [b, V]), Za = _(function() {
+    h({
       type: "focus"
     });
-  }, []), Ja = E(function() {
-    b({
+  }, []), Ja = _(function() {
+    h({
       type: "blur"
     });
-  }, []), Xa = E(function() {
-    ca || (gt() ? setTimeout(Y, 0) : Y());
-  }, [ca, Y]), V = function(c) {
+  }, []), Xa = _(function() {
+    na || (gt() ? setTimeout(V, 0) : V());
+  }, [na, V]), G = function(c) {
     return e ? null : c;
-  }, Aa = function(c) {
-    return aa ? null : V(c);
-  }, ma = function(c) {
-    return z ? null : V(c);
+  }, Pa = function(c) {
+    return Q ? null : G(c);
+  }, ua = function(c) {
+    return pa ? null : G(c);
   }, va = function(c) {
-    _ && c.stopPropagation();
-  }, Fi = Z(function() {
+    g && c.stopPropagation();
+  }, Fi = J(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, m = c === void 0 ? "ref" : c, u = p.role, j = p.onKeyDown, na = p.onFocus, G = p.onBlur, Oa = p.onClick, Fa = p.onDragEnter, Pa = p.onDragOver, ua = p.onDragLeave, Ia = p.onDrop, Ra = Da(p, zt);
-      return d(d(Ka({
-        onKeyDown: Aa(A(j, Ga)),
-        onFocus: Aa(A(na, Za)),
-        onBlur: Aa(A(G, Ja)),
-        onClick: V(A(Oa, Xa)),
-        onDragEnter: ma(A(Fa, Ba)),
-        onDragOver: ma(A(Pa, Ya)),
-        onDragLeave: ma(A(ua, Va)),
-        onDrop: ma(A(Ia, da)),
-        role: typeof u == "string" && u !== "" ? u : "presentation"
-      }, m, f), !e && !aa ? {
+      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: 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"
+      }, u, b), !e && !Q ? {
         tabIndex: 0
-      } : {}), Ra);
+      } : {}), Ta);
     };
-  }, [f, Ga, Za, Ja, Xa, Ba, Ya, Va, da, aa, z, e]), Pi = E(function(p) {
+  }, [b, Ga, Za, Ja, Xa, sa, Ya, Va, ma, Q, pa, e]), Pi = _(function(p) {
     p.stopPropagation();
-  }, []), Ii = Z(function() {
+  }, []), Ii = J(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = p.refKey, m = c === void 0 ? "ref" : c, u = p.onChange, j = p.onClick, na = Da(p, _t), G = Ka({
-        accept: N,
+      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",
         style: {
@@ -2070,20 +2070,20 @@ function Ei() {
           width: "1px",
           whiteSpace: "nowrap"
         },
-        onChange: V(A(u, da)),
-        onClick: V(A(j, Pi)),
+        onChange: G(F(x, ma)),
+        onClick: G(F(k, Pi)),
         tabIndex: -1
-      }, m, g);
-      return d(d({}, G), na);
+      }, u, w);
+      return d(d({}, Z), ia);
     };
-  }, [g, t, r, da, e]);
-  return d(d({}, B), {}, {
-    isFocused: I && !e,
+  }, [w, t, r, ma, e]);
+  return d(d({}, H), {}, {
+    isFocused: Fa && !e,
     getRootProps: Fi,
     getInputProps: Ii,
-    rootRef: f,
-    inputRef: g,
-    open: V(Y)
+    rootRef: b,
+    inputRef: w,
+    open: G(V)
   });
 }
 function qt(a, i) {
@@ -2097,7 +2097,7 @@ function qt(a, i) {
         isFocused: !1
       });
     case "openDialog":
-      return d(d({}, Ha), {}, {
+      return d(d({}, Ua), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
@@ -2117,80 +2117,84 @@ function qt(a, i) {
         isDragReject: i.isDragReject
       });
     case "reset":
-      return d({}, Ha);
+      return d({}, Ua);
     default:
       return a;
   }
 }
 function mi() {
 }
-const Tt = "_root_z1bfm_2", Lt = "_disabled_z1bfm_26", Ct = "_actions_z1bfm_68", _a = {
+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"
-}, ba = za(_a), 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__ */ L(ui, { children: [
+  return /* @__PURE__ */ L(vi, { children: [
     n ? /* @__PURE__ */ L(
-      ya,
+      ja,
       {
         as: "a",
-        className: ba("file-preview-size", "file-preview-button"),
+        className: ha("file-preview-size", "file-preview-button"),
         href: a,
         rel: "noopener noreferrer",
         size: "md",
         target: "_blank",
         variant: "secondary",
         children: [
-          /* @__PURE__ */ x("span", { children: e }),
-          /* @__PURE__ */ x(J, { name: "external-link-alt" })
+          /* @__PURE__ */ m("span", { children: e }),
+          /* @__PURE__ */ m(U, { name: "external-link-alt" })
         ]
       }
     ) : null,
-    /* @__PURE__ */ x(J, { className: ba("file-preview-icon"), name: o, size: "xxl" }),
-    /* @__PURE__ */ x(wa, { className: ba("file-preview-name"), lines: 1, variant: "heading-xs-strong", children: r }),
-    !n && /* @__PURE__ */ x(wa, { className: ba("file-preview-size"), lines: 1, variant: "body-md", children: l })
+    /* @__PURE__ */ m(U, { className: ha("file-preview-icon"), name: o, size: "xxl" }),
+    /* @__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 Ca = za(_a), Wa = ({
+const ya = Aa(Oa), ka = ({
   disabled: a,
   fileButtonText: i = "Browse file",
   hint: t = "Drag & drop a file here or",
-  openFile: e,
-  title: n = "Add file"
-}) => /* @__PURE__ */ L(ui, { children: [
-  /* @__PURE__ */ x(wa, { className: Ca("message-title"), variant: "heading-xs-strong", children: n }),
-  /* @__PURE__ */ x(wa, { className: Ca("message-hint"), variant: "body-md", children: t }),
-  /* @__PURE__ */ x(
-    ya,
+  isLoading: e,
+  openFile: n,
+  title: o = "Add file"
+}) => /* @__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(
+    ja,
     {
-      className: Ca("message-file-button-text"),
+      className: ya("message-file-button-text"),
       disabled: a,
-      onClick: e,
+      isLoading: e,
+      onClick: n,
       type: "button",
       children: i
     }
   )
 ] });
-Wa.displayName = "FileDrop.Message";
-const Mt = za(_a), Oi = ({
+ka.displayName = "FileDrop.Message";
+const Mt = Aa(Oa), Oi = ({
   disabled: a,
   error: i,
   file: t,
@@ -2200,11 +2204,20 @@ const Mt = za(_a), Oi = ({
   isAnImage: l,
   isHoverAccept: r,
   isHoverReject: v,
-  openFile: h,
-  wordings: D
-}) => r ? /* @__PURE__ */ x(J, { name: "smile-beam-solid" }) : v ? /* @__PURE__ */ x(J, { name: "sad-solid" }) : i ? /* @__PURE__ */ x(Wa, { openFile: h, ...D }) : n ? l ? /* @__PURE__ */ x("img", { className: Mt("image-preview"), src: n }) : /* @__PURE__ */ x(Ai, { file: t, fileName: e, forceFileType: o, ...D }) : /* @__PURE__ */ x(Wa, { disabled: a, openFile: h, ...D });
+  isLoading: j,
+  openFile: D,
+  wordings: f
+}) => 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(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;
@@ -2214,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", ha = za(_a), Ut = fi(
+}, Kt = 2e6, Ht = "ERROR_INVALID_TYPE", Wt = "ERROR_INVALID_SIZE", wa = Aa(Oa), Ut = fi(
   ({
     accept: a = {
       "image/*": []
@@ -2227,118 +2240,120 @@ const vi = /\.(jpeg|jpg|gif|png|webp)$/, Nt = (a) => a ? typeof a == "string" ?
     fileName: l,
     forceFileType: r,
     handleAddFile: v,
-    handleRemoveFile: h,
+    handleRemoveFile: j,
     isClearable: D,
-    isEditable: S,
+    isEditable: f,
+    isLoading: R,
     maxSize: C = Kt,
-    multiple: q,
-    name: O,
-    onBlur: F,
-    onChange: y,
-    onError: M,
-    value: H,
-    wordings: Q,
-    ...ca
-  }, aa) => {
-    const [z, _] = Qa(H), [ia, P] = Qa(void 0);
-    pa(() => {
-      _(H);
-    }, [H]), pa(() => () => z && z instanceof File && URL.revokeObjectURL(z.preview), [z]);
-    const N = (I) => {
-      const [w] = I;
-      w instanceof File && (w.preview = URL.createObjectURL(w)), _(w), P(null);
-      const k = ai({ name: O, value: w });
-      y == null || y(k), v == null || v(k);
-    }, la = (I, w) => {
-      let k;
-      I.map(({ errors: ra }) => {
-        ra.map((T) => {
-          const { code: ea, message: R } = T;
-          ea === "file-invalid-type" ? k = Ht : ea === "file-too-large" ? k = Wt : k = R;
+    multiple: S,
+    name: P,
+    onBlur: M,
+    onChange: z,
+    onError: N,
+    value: $,
+    wordings: na,
+    ...Q
+  }, pa) => {
+    const [g, q] = Qa($), [K, I] = Qa(void 0);
+    ta(() => {
+      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)), q(y), I(null);
+      const E = ai({ name: P, value: y });
+      z == null || z(E), v == null || v(E);
+    }, aa = (A, y) => {
+      let E;
+      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;
         });
-      }), _(null), P(k), M == null || M(k), y == null || y(w), F == null || F();
-    }, ta = (I) => {
-      I.preventDefault(), _(null), P(null);
-      const w = ai({ name: O, value: null });
-      y == null || y(w), h == null || h(w);
-    }, { getInputProps: W, getRootProps: f, isDragAccept: g, isDragActive: Ea, isDragReject: U, open: B } = Ei({
+      }), q(null), I(E), N == null || N(E), z == null || z(y), M == null || M();
+    }, Y = (A) => {
+      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: q,
+      multiple: S,
       noClick: !0,
-      onDropAccepted: N,
-      onDropRejected: la
-    }), b = (I) => M(I);
+      onDropAccepted: oa,
+      onDropRejected: aa
+    }), Fa = (A) => N(A);
     return /* @__PURE__ */ L(
       "div",
       {
-        className: ha(
+        className: wa(
           "root",
           n && "disabled",
-          U && "drag-reject",
+          H && "drag-reject",
           "field-input",
           t
         ),
-        ...f({
+        ...w({
           disabled: n,
-          handleRemoveFile: h,
+          handleRemoveFile: j,
           isClearable: D,
-          isDragAccept: g,
-          isDragActive: Ea,
-          isDragReject: U,
-          isEditable: S,
-          ref: aa
+          isDragAccept: ca,
+          isDragActive: la,
+          isDragReject: H,
+          isEditable: f,
+          ref: pa
         }),
-        ...ca,
+        ...Q,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ m(
             "input",
             {
-              className: ha("file-input"),
-              ...W({ disabled: n, multiple: q, name: O, onError: b })
+              className: wa("file-input"),
+              ...b({ disabled: n, multiple: S, name: P, onError: Fa })
             }
           ),
-          /* @__PURE__ */ L("div", { className: ha("file-preview"), children: [
+          /* @__PURE__ */ L("div", { className: wa("file-preview"), children: [
             i({
               disabled: n,
-              error: ia,
-              file: z,
+              error: K,
+              file: g,
               fileName: l,
-              fileUrl: z && $t(z),
+              fileUrl: g && $t(g),
               forceFileType: r,
-              isAnImage: r === "image" || Nt(z),
-              isHoverAccept: g,
-              isHoverReject: U,
-              openFile: B,
-              wordings: Q
+              isAnImage: r === "image" || Nt(g),
+              isHoverAccept: ca,
+              isHoverReject: H,
+              isLoading: R,
+              openFile: h,
+              wordings: na
             }),
-            z ? /* @__PURE__ */ L("div", { className: ha("actions"), children: [
+            !R && g ? /* @__PURE__ */ L("div", { className: wa("actions"), children: [
               /* @__PURE__ */ L(
-                ya,
+                ja,
                 {
-                  disabled: !S,
-                  onClick: B,
+                  disabled: !f,
+                  onClick: h,
                   size: "lg",
                   type: "button",
                   variant: "secondary",
                   children: [
-                    /* @__PURE__ */ x(J, { name: "pen" }),
-                    o
+                    /* @__PURE__ */ m(U, { name: "pen" }),
+                    /* @__PURE__ */ m("span", { children: o })
                   ]
                 }
               ),
               /* @__PURE__ */ L(
-                ya,
+                ja,
                 {
                   disabled: !D,
-                  onClick: ta,
+                  onClick: Y,
                   size: "lg",
                   type: "button",
                   variant: "secondary-danger",
                   children: [
-                    /* @__PURE__ */ x(J, { name: "trash" }),
-                    e
+                    /* @__PURE__ */ m(U, { name: "trash" }),
+                    /* @__PURE__ */ m("span", { children: e })
                   ]
                 }
               )