@cfx-dev/ui-components 5.0.22 → 5.0.24

package/dist/components/InputDropzone/InputDropzone.js

@@ -1,12 +1,12 @@
-import { jsxs as wa, jsx as B } from "react/jsx-runtime";
-import oa, { useMemo as T, useRef as ea, useReducer as hi, useEffect as ka, useCallback as y, forwardRef as yi, useImperativeHandle as wi, Fragment as ki } from "react";
+import { jsxs as ja, jsx as B } from "react/jsx-runtime";
+import la, { useMemo as M, useRef as U, useReducer as wi, useEffect as ca, useCallback as y, forwardRef as ki, useImperativeHandle as ji, Fragment as Di } from "react";
 import { P as s } from "../../index-DQMInta3.js";
-import { a as I } from "../../tslib.es6-CtHwNPxX.js";
-import { Icon as ji } from "../Icon/Icon.js";
+import { a as q } from "../../tslib.es6-CtHwNPxX.js";
+import { Icon as zi } from "../Icon/Icon.js";
 import { Text as Na } from "../Text/Text.js";
-import { clsx as Di } from "../../utils/clsx.js";
+import { clsx as Ei } from "../../utils/clsx.js";
 import Wa from "./ItemPreview.js";
-const zi = /* @__PURE__ */ new Map([
+const Ai = /* @__PURE__ */ new Map([
   // https://github.com/guzzle/psr7/blob/2d9260799e713f1c475d3c5fdc3d6561ff7441b2/src/MimeType.php
   ["1km", "application/vnd.1000minds.decision-model+xml"],
   ["3dml", "text/vnd.in3d.3dml"],
@@ -1209,14 +1209,14 @@ const zi = /* @__PURE__ */ new Map([
   ["zmm", "application/vnd.handheld-entertainment+xml"],
   ["zsh", "text/x-scriptzsh"]
 ]);
-function L(a, i, t) {
-  const n = Ai(a), { webkitRelativePath: p } = a, o = typeof i == "string" ? i : typeof p == "string" && p.length > 0 ? p : `./${a.name}`;
+function $(a, i, t) {
+  const n = _i(a), { webkitRelativePath: p } = a, o = typeof i == "string" ? i : typeof p == "string" && p.length > 0 ? p : `./${a.name}`;
   return typeof n.path != "string" && Ba(n, "path", o), Ba(n, "relativePath", o), n;
 }
-function Ai(a) {
+function _i(a) {
   const { name: i } = a;
   if (i && i.lastIndexOf(".") !== -1 && !a.type) {
-    const n = i.split(".").pop().toLowerCase(), p = zi.get(n);
+    const n = i.split(".").pop().toLowerCase(), p = Ai.get(n);
     p && Object.defineProperty(a, "type", {
       value: p,
       writable: !1,
@@ -1234,51 +1234,51 @@ function Ba(a, i, t) {
     enumerable: !0
   });
 }
-const _i = [
+const Fi = [
   // Thumbnail cache files for macOS and Windows
   ".DS_Store",
   // macOs
   "Thumbs.db"
   // Windows
 ];
-function Ei(a) {
-  return I(this, void 0, void 0, function* () {
-    return ca(a) && Fi(a.dataTransfer) ? Ri(a.dataTransfer, a.type) : Oi(a) ? Pi(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Ii(a) : [];
+function Oi(a) {
+  return q(this, void 0, void 0, function* () {
+    return ra(a) && Pi(a.dataTransfer) ? qi(a.dataTransfer, a.type) : Ii(a) ? Ri(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Ti(a) : [];
   });
 }
-function Fi(a) {
-  return ca(a);
+function Pi(a) {
+  return ra(a);
 }
-function Oi(a) {
-  return ca(a) && ca(a.target);
+function Ii(a) {
+  return ra(a) && ra(a.target);
 }
-function ca(a) {
+function ra(a) {
   return typeof a == "object" && a !== null;
 }
-function Pi(a) {
-  return za(a.target.files).map((i) => L(i));
+function Ri(a) {
+  return Ea(a.target.files).map((i) => $(i));
 }
-function Ii(a) {
-  return I(this, void 0, void 0, function* () {
-    return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => L(t));
+function Ti(a) {
+  return q(this, void 0, void 0, function* () {
+    return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => $(t));
   });
 }
-function Ri(a, i) {
-  return I(this, void 0, void 0, function* () {
+function qi(a, i) {
+  return q(this, void 0, void 0, function* () {
     if (a.items) {
-      const t = za(a.items).filter((p) => p.kind === "file");
+      const t = Ea(a.items).filter((p) => p.kind === "file");
       if (i !== "drop")
         return t;
-      const n = yield Promise.all(t.map(qi));
-      return Ua(ti(n));
+      const n = yield Promise.all(t.map(Ci));
+      return Ua(ei(n));
     }
-    return Ua(za(a.files).map((t) => L(t)));
+    return Ua(Ea(a.files).map((t) => $(t)));
   });
 }
 function Ua(a) {
-  return a.filter((i) => _i.indexOf(i.name) === -1);
+  return a.filter((i) => Fi.indexOf(i.name) === -1);
 }
-function za(a) {
+function Ea(a) {
   if (a === null)
     return [];
   const i = [];
@@ -1288,20 +1288,20 @@ function za(a) {
   }
   return i;
 }
-function qi(a) {
+function Ci(a) {
   if (typeof a.webkitGetAsEntry != "function")
     return Ya(a);
   const i = a.webkitGetAsEntry();
-  return i && i.isDirectory ? ni(i) : Ya(a, i);
+  return i && i.isDirectory ? pi(i) : Ya(a, i);
 }
-function ti(a) {
+function ei(a) {
   return a.reduce((i, t) => [
     ...i,
-    ...Array.isArray(t) ? ti(t) : [t]
+    ...Array.isArray(t) ? ei(t) : [t]
   ], []);
 }
 function Ya(a, i) {
-  return I(this, void 0, void 0, function* () {
+  return q(this, void 0, void 0, function* () {
     var t;
     if (globalThis.isSecureContext && typeof a.getAsFileSystemHandle == "function") {
       const o = yield a.getAsFileSystemHandle();
@@ -1309,28 +1309,28 @@ function Ya(a, i) {
         throw new Error(`${a} is not a File`);
       if (o !== void 0) {
         const l = yield o.getFile();
-        return l.handle = o, L(l);
+        return l.handle = o, $(l);
       }
     }
     const n = a.getAsFile();
     if (!n)
       throw new Error(`${a} is not a File`);
-    return L(n, (t = i == null ? void 0 : i.fullPath) !== null && t !== void 0 ? t : void 0);
+    return $(n, (t = i == null ? void 0 : i.fullPath) !== null && t !== void 0 ? t : void 0);
   });
 }
-function Ci(a) {
-  return I(this, void 0, void 0, function* () {
-    return a.isDirectory ? ni(a) : Si(a);
+function Si(a) {
+  return q(this, void 0, void 0, function* () {
+    return a.isDirectory ? pi(a) : Li(a);
   });
 }
-function ni(a) {
+function pi(a) {
   const i = a.createReader();
   return new Promise((t, n) => {
     const p = [];
     function o() {
-      i.readEntries((l) => I(this, void 0, void 0, function* () {
+      i.readEntries((l) => q(this, void 0, void 0, function* () {
         if (l.length) {
-          const r = Promise.all(l.map(Ci));
+          const r = Promise.all(l.map(Si));
           p.push(r), o();
         } else
           try {
@@ -1346,11 +1346,11 @@ function ni(a) {
     o();
   });
 }
-function Si(a) {
-  return I(this, void 0, void 0, function* () {
+function Li(a) {
+  return q(this, void 0, void 0, function* () {
     return new Promise((i, t) => {
       a.file((n) => {
-        const p = L(n, a.fullPath);
+        const p = $(n, a.fullPath);
         i(p);
       }, (n) => {
         t(n);
@@ -1358,7 +1358,7 @@ function Si(a) {
     });
   });
 }
-var ja = function(a, i) {
+var Da = function(a, i) {
   if (a && i) {
     var t = Array.isArray(i) ? i : i.split(",");
     if (t.length === 0)
@@ -1371,20 +1371,20 @@ var ja = function(a, i) {
   }
   return !0;
 };
-function Ga(a) {
-  return Mi(a) || Li(a) || pi(a) || Ti();
+function Ja(a) {
+  return Ki(a) || $i(a) || ci(a) || Mi();
 }
-function Ti() {
+function Mi() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Li(a) {
+function $i(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
-function Mi(a) {
+function Ki(a) {
   if (Array.isArray(a)) return Aa(a);
 }
-function Ja(a, i) {
+function Va(a, i) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(a);
@@ -1394,28 +1394,28 @@ function Ja(a, i) {
   }
   return t;
 }
-function Va(a) {
+function Qa(a) {
   for (var i = 1; i < arguments.length; i++) {
     var t = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? Ja(Object(t), !0).forEach(function(n) {
-      ei(a, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ja(Object(t)).forEach(function(n) {
+    i % 2 ? Va(Object(t), !0).forEach(function(n) {
+      oi(a, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Va(Object(t)).forEach(function(n) {
       Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return a;
 }
-function ei(a, i, t) {
+function oi(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
-function U(a, i) {
-  return Hi(a) || Ki(a, i) || pi(a, i) || $i();
+function J(a, i) {
+  return Ni(a) || Hi(a, i) || ci(a, i) || Gi();
 }
-function $i() {
+function Gi() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function pi(a, i) {
+function ci(a, i) {
   if (a) {
     if (typeof a == "string") return Aa(a, i);
     var t = Object.prototype.toString.call(a).slice(8, -1);
@@ -1429,7 +1429,7 @@ function Aa(a, i) {
     n[t] = a[t];
   return n;
 }
-function Ki(a, i) {
+function Hi(a, i) {
   var t = a == null ? null : typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (t != null) {
     var n = [], p = !0, o = !1, l, r;
@@ -1448,97 +1448,100 @@ function Ki(a, i) {
     return n;
   }
 }
-function Hi(a) {
+function Ni(a) {
   if (Array.isArray(a)) return a;
 }
-var Ni = typeof ja == "function" ? ja : ja.default, Wi = "file-invalid-type", Bi = "file-too-large", Ui = "file-too-small", Yi = "too-many-files", Gi = function() {
+var Wi = typeof Da == "function" ? Da : Da.default, Bi = "file-invalid-type", Ui = "file-too-large", Yi = "file-too-small", Ji = "too-many-files", Vi = function() {
   var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = i.split(","), n = t.length > 1 ? "one of ".concat(t.join(", ")) : t[0];
   return {
-    code: Wi,
+    code: Bi,
     message: "File type must be ".concat(n)
   };
-}, Qa = function(i) {
+}, Xa = function(i) {
   return {
-    code: Bi,
+    code: Ui,
     message: "File is larger than ".concat(i, " ").concat(i === 1 ? "byte" : "bytes")
   };
-}, Xa = function(i) {
+}, Za = function(i) {
   return {
-    code: Ui,
+    code: Yi,
     message: "File is smaller than ".concat(i, " ").concat(i === 1 ? "byte" : "bytes")
   };
-}, Ji = {
-  code: Yi,
+}, Qi = {
+  code: Ji,
   message: "Too many files"
 };
-function oi(a, i) {
-  var t = a.type === "application/x-moz-file" || Ni(a, i);
-  return [t, t ? null : Gi(i)];
-}
-function ci(a, i, t) {
-  if (P(a.size))
-    if (P(i) && P(t)) {
-      if (a.size > t) return [!1, Qa(t)];
-      if (a.size < i) return [!1, Xa(i)];
+function Xi(a) {
+  return a.type === "" && typeof a.getAsFile == "function";
+}
+function li(a, i) {
+  var t = a.type === "application/x-moz-file" || Wi(a, i) || Xi(a);
+  return [t, t ? null : Vi(i)];
+}
+function ri(a, i, t) {
+  if (T(a.size))
+    if (T(i) && T(t)) {
+      if (a.size > t) return [!1, Xa(t)];
+      if (a.size < i) return [!1, Za(i)];
     } else {
-      if (P(i) && a.size < i) return [!1, Xa(i)];
-      if (P(t) && a.size > t) return [!1, Qa(t)];
+      if (T(i) && a.size < i) return [!1, Za(i)];
+      if (T(t) && a.size > t) return [!1, Xa(t)];
     }
   return [!0, null];
 }
-function P(a) {
+function T(a) {
   return a != null;
 }
-function Vi(a) {
+function Zi(a) {
   var i = a.files, t = a.accept, n = a.minSize, p = 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 k = oi(v, t), z = U(k, 1), A = z[0], j = ci(v, n, p), _ = U(j, 1), E = _[0], F = r ? r(v) : null;
-    return A && E && !F;
+    var D = li(v, t), A = J(D, 1), _ = A[0], z = ri(v, n, p), F = J(z, 1), O = F[0], P = r ? r(v) : null;
+    return _ && O && !P;
   });
 }
-function la(a) {
+function sa(a) {
   return typeof a.isPropagationStopped == "function" ? a.isPropagationStopped() : typeof a.cancelBubble < "u" ? a.cancelBubble : !1;
 }
-function pa(a) {
+function Y(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;
 }
-function Za(a) {
+function ai(a) {
   a.preventDefault();
 }
-function Qi(a) {
+function at(a) {
   return a.indexOf("MSIE") !== -1 || a.indexOf("Trident/") !== -1;
 }
-function Xi(a) {
+function it(a) {
   return a.indexOf("Edge/") !== -1;
 }
-function Zi() {
+function tt() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
-  return Qi(a) || Xi(a);
+  return at(a) || it(a);
 }
-function w() {
+function k() {
   for (var a = arguments.length, i = new Array(a), t = 0; t < a; t++)
     i[t] = arguments[t];
   return function(n) {
     for (var p = arguments.length, o = new Array(p > 1 ? p - 1 : 0), l = 1; l < p; l++)
       o[l - 1] = arguments[l];
     return i.some(function(r) {
-      return !la(n) && r && r.apply(void 0, [n].concat(o)), la(n);
+      return !sa(n) && r && r.apply(void 0, [n].concat(o)), sa(n);
     });
   };
 }
-function at() {
+function nt() {
   return "showOpenFilePicker" in window;
 }
-function it(a) {
-  if (P(a)) {
+function et(a) {
+  if (T(a)) {
     var i = Object.entries(a).filter(function(t) {
-      var n = U(t, 2), p = n[0], o = n[1], l = !0;
-      return li(p) || (console.warn('Skipped "'.concat(p, '" 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(ri)) && (console.warn('Skipped "'.concat(p, '" because an invalid file extension was provided.')), l = !1), l;
+      var n = J(t, 2), p = n[0], o = n[1], l = !0;
+      return si(p) || (console.warn('Skipped "'.concat(p, '" 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(p, '" because an invalid file extension was provided.')), l = !1), l;
     }).reduce(function(t, n) {
-      var p = U(n, 2), o = p[0], l = p[1];
-      return Va(Va({}, t), {}, ei({}, o, l));
+      var p = J(n, 2), o = p[0], l = p[1];
+      return Qa(Qa({}, t), {}, oi({}, o, l));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -1548,49 +1551,49 @@ function it(a) {
   }
   return a;
 }
-function tt(a) {
-  if (P(a))
+function pt(a) {
+  if (T(a))
     return Object.entries(a).reduce(function(i, t) {
-      var n = U(t, 2), p = n[0], o = n[1];
-      return [].concat(Ga(i), [p], Ga(o));
+      var n = J(t, 2), p = n[0], o = n[1];
+      return [].concat(Ja(i), [p], Ja(o));
     }, []).filter(function(i) {
-      return li(i) || ri(i);
+      return si(i) || di(i);
     }).join(",");
 }
-function nt(a) {
+function ot(a) {
   return a instanceof DOMException && (a.name === "AbortError" || a.code === a.ABORT_ERR);
 }
-function et(a) {
+function ct(a) {
   return a instanceof DOMException && (a.name === "SecurityError" || a.code === a.SECURITY_ERR);
 }
-function li(a) {
+function si(a) {
   return a === "audio/*" || a === "video/*" || a === "image/*" || a === "text/*" || a === "application/*" || /\w+\/[-+.\w]+/g.test(a);
 }
-function ri(a) {
+function di(a) {
   return /^.*\.[\w]+$/.test(a);
 }
-var pt = ["children"], ot = ["open"], ct = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], lt = ["refKey", "onChange", "onClick"];
-function rt(a) {
-  return mt(a) || dt(a) || si(a) || st();
+var lt = ["children"], rt = ["open"], st = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], dt = ["refKey", "onChange", "onClick"];
+function ii(a) {
+  return vt(a) || ut(a) || mi(a) || mt();
 }
-function st() {
+function mt() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function dt(a) {
+function ut(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
-function mt(a) {
+function vt(a) {
   if (Array.isArray(a)) return _a(a);
 }
-function Da(a, i) {
-  return ft(a) || vt(a, i) || si(a, i) || ut();
+function za(a, i) {
+  return gt(a) || xt(a, i) || mi(a, i) || ft();
 }
-function ut() {
+function ft() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function si(a, i) {
+function mi(a, i) {
   if (a) {
     if (typeof a == "string") return _a(a, i);
     var t = Object.prototype.toString.call(a).slice(8, -1);
@@ -1604,7 +1607,7 @@ function _a(a, i) {
     n[t] = a[t];
   return n;
 }
-function vt(a, i) {
+function xt(a, i) {
   var t = a == null ? null : typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (t != null) {
     var n = [], p = !0, o = !1, l, r;
@@ -1623,10 +1626,10 @@ function vt(a, i) {
     return n;
   }
 }
-function ft(a) {
+function gt(a) {
   if (Array.isArray(a)) return a;
 }
-function ai(a, i) {
+function ti(a, i) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(a);
@@ -1639,20 +1642,20 @@ function ai(a, i) {
 function d(a) {
   for (var i = 1; i < arguments.length; i++) {
     var t = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? ai(Object(t), !0).forEach(function(n) {
-      Ea(a, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : ai(Object(t)).forEach(function(n) {
+    i % 2 ? ti(Object(t), !0).forEach(function(n) {
+      Fa(a, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : ti(Object(t)).forEach(function(n) {
       Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return a;
 }
-function Ea(a, i, t) {
+function Fa(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
-function ra(a, i) {
+function da(a, i) {
   if (a == null) return {};
-  var t = xt(a, i), n, p;
+  var t = bt(a, i), n, p;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(a);
     for (p = 0; p < o.length; p++)
@@ -1660,27 +1663,27 @@ function ra(a, i) {
   }
   return t;
 }
-function xt(a, i) {
+function bt(a, i) {
   if (a == null) return {};
   var t = {}, n = Object.keys(a), p, o;
   for (o = 0; o < n.length; o++)
     p = n[o], !(i.indexOf(p) >= 0) && (t[p] = a[p]);
   return t;
 }
-var Oa = /* @__PURE__ */ yi(function(a, i) {
-  var t = a.children, n = ra(a, pt), p = mi(n), o = p.open, l = ra(p, ot);
-  return wi(i, function() {
+var Pa = /* @__PURE__ */ ki(function(a, i) {
+  var t = a.children, n = da(a, lt), p = vi(n), o = p.open, l = da(p, rt);
+  return ji(i, function() {
     return {
       open: o
     };
-  }, [o]), /* @__PURE__ */ oa.createElement(ki, null, t(d(d({}, l), {}, {
+  }, [o]), /* @__PURE__ */ la.createElement(Di, null, t(d(d({}, l), {}, {
     open: o
   })));
 });
-Oa.displayName = "Dropzone";
-var di = {
+Pa.displayName = "Dropzone";
+var ui = {
   disabled: !1,
-  getFilesFromEvent: Ei,
+  getFilesFromEvent: Oi,
   maxSize: 1 / 0,
   minSize: 0,
   multiple: !0,
@@ -1694,8 +1697,8 @@ var di = {
   useFsAccessApi: !1,
   autoFocus: !1
 };
-Oa.defaultProps = di;
-Oa.propTypes = {
+Pa.defaultProps = ui;
+Pa.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
    *
@@ -1708,6 +1711,7 @@ Oa.propTypes = {
    * @param {boolean} params.isDragActive Active drag is in progress
    * @param {boolean} params.isDragAccept Dragged files are accepted
    * @param {boolean} params.isDragReject Some dragged files are rejected
+   * @param {boolean} params.isDragGlobal Files are being dragged anywhere on the document
    * @param {File[]} params.acceptedFiles Accepted files
    * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
    */
@@ -1863,196 +1867,224 @@ Oa.propTypes = {
    */
   validator: s.func
 };
-var Fa = {
+var Oa = {
   isFocused: !1,
   isFileDialogActive: !1,
   isDragActive: !1,
   isDragAccept: !1,
   isDragReject: !1,
+  isDragGlobal: !1,
   acceptedFiles: [],
   fileRejections: []
 };
-function mi() {
-  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, di), a), t = i.accept, n = i.disabled, p = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, v = i.maxFiles, k = i.onDragEnter, z = i.onDragLeave, A = i.onDragOver, j = i.onDrop, _ = i.onDropAccepted, E = i.onDropRejected, F = i.onFileDialogCancel, M = i.onFileDialogOpen, Y = i.useFsAccessApi, G = i.autoFocus, $ = i.preventDropOnDocument, J = i.noClick, K = i.noKeyboard, V = i.noDrag, f = i.noDragEventsBubbling, sa = i.onError, H = i.validator, N = T(function() {
-    return tt(t);
-  }, [t]), Pa = T(function() {
-    return it(t);
-  }, [t]), da = T(function() {
-    return typeof M == "function" ? M : ii;
-  }, [M]), Q = T(function() {
-    return typeof F == "function" ? F : ii;
-  }, [F]), x = ea(null), h = ea(null), ui = hi(gt, Fa), Ia = Da(ui, 2), ma = Ia[0], g = Ia[1], vi = ma.isFocused, Ra = ma.isFileDialogActive, X = ea(typeof window < "u" && window.isSecureContext && Y && at()), qa = function() {
-    !X.current && Ra && setTimeout(function() {
+function vi() {
+  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, ui), a), t = i.accept, n = i.disabled, p = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, v = i.maxFiles, D = i.onDragEnter, A = i.onDragLeave, _ = i.onDragOver, z = i.onDrop, F = i.onDropAccepted, O = i.onDropRejected, P = i.onFileDialogCancel, K = i.onFileDialogOpen, V = i.useFsAccessApi, Q = i.autoFocus, G = i.preventDropOnDocument, X = i.noClick, H = i.noKeyboard, Z = i.noDrag, f = i.noDragEventsBubbling, ma = i.onError, N = i.validator, W = M(function() {
+    return pt(t);
+  }, [t]), Ia = M(function() {
+    return et(t);
+  }, [t]), ua = M(function() {
+    return typeof K == "function" ? K : ni;
+  }, [K]), aa = M(function() {
+    return typeof P == "function" ? P : ni;
+  }, [P]), b = U(null), h = U(null), fi = wi(ht, Oa), Ra = za(fi, 2), va = Ra[0], x = Ra[1], xi = va.isFocused, Ta = va.isFileDialogActive, ia = U(typeof window < "u" && window.isSecureContext && V && nt()), qa = function() {
+    !ia.current && Ta && setTimeout(function() {
       if (h.current) {
         var c = h.current.files;
-        c.length || (g({
+        c.length || (x({
           type: "closeDialog"
-        }), Q());
+        }), aa());
       }
     }, 300);
   };
-  ka(function() {
+  ca(function() {
     return window.addEventListener("focus", qa, !1), function() {
       window.removeEventListener("focus", qa, !1);
     };
-  }, [h, Ra, Q, X]);
-  var R = ea([]), Ca = function(c) {
-    x.current && x.current.contains(c.target) || (c.preventDefault(), R.current = []);
+  }, [h, Ta, aa, ia]);
+  var C = U([]), I = U([]), Ca = function(c) {
+    b.current && b.current.contains(c.target) || (c.preventDefault(), C.current = []);
   };
-  ka(function() {
-    return $ && (document.addEventListener("dragover", Za, !1), document.addEventListener("drop", Ca, !1)), function() {
-      $ && (document.removeEventListener("dragover", Za), document.removeEventListener("drop", Ca));
+  ca(function() {
+    return G && (document.addEventListener("dragover", ai, !1), document.addEventListener("drop", Ca, !1)), function() {
+      G && (document.removeEventListener("dragover", ai), document.removeEventListener("drop", Ca));
     };
-  }, [x, $]), ka(function() {
-    return !n && G && x.current && x.current.focus(), function() {
+  }, [b, G]), ca(function() {
+    var e = function(w) {
+      I.current = [].concat(ii(I.current), [w.target]), Y(w) && x({
+        isDragGlobal: !0,
+        type: "setDragGlobal"
+      });
+    }, c = function(w) {
+      I.current = I.current.filter(function(j) {
+        return j !== w.target && j !== null;
+      }), !(I.current.length > 0) && x({
+        isDragGlobal: !1,
+        type: "setDragGlobal"
+      });
+    }, m = function() {
+      I.current = [], x({
+        isDragGlobal: !1,
+        type: "setDragGlobal"
+      });
+    }, u = function() {
+      I.current = [], x({
+        isDragGlobal: !1,
+        type: "setDragGlobal"
+      });
     };
-  }, [x, G, n]);
-  var O = y(function(e) {
-    sa ? sa(e) : console.error(e);
-  }, [sa]), Sa = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e), R.current = [].concat(rt(R.current), [e.target]), pa(e) && Promise.resolve(p(e)).then(function(c) {
-      if (!(la(e) && !f)) {
-        var m = c.length, u = m > 0 && Vi({
+    return document.addEventListener("dragenter", e, !1), document.addEventListener("dragleave", c, !1), document.addEventListener("dragend", m, !1), document.addEventListener("drop", u, !1), function() {
+      document.removeEventListener("dragenter", e), document.removeEventListener("dragleave", c), document.removeEventListener("dragend", m), document.removeEventListener("drop", u);
+    };
+  }, [b]), ca(function() {
+    return !n && Q && b.current && b.current.focus(), function() {
+    };
+  }, [b, Q, n]);
+  var R = y(function(e) {
+    ma ? ma(e) : console.error(e);
+  }, [ma]), Sa = y(function(e) {
+    e.preventDefault(), e.persist(), pa(e), C.current = [].concat(ii(C.current), [e.target]), Y(e) && Promise.resolve(p(e)).then(function(c) {
+      if (!(sa(e) && !f)) {
+        var m = c.length, u = m > 0 && Zi({
           files: c,
-          accept: N,
+          accept: W,
           minSize: l,
           maxSize: o,
           multiple: r,
           maxFiles: v,
-          validator: H
-        }), b = m > 0 && !u;
-        g({
+          validator: N
+        }), g = m > 0 && !u;
+        x({
           isDragAccept: u,
-          isDragReject: b,
+          isDragReject: g,
           isDragActive: !0,
           type: "setDraggedFiles"
-        }), k && k(e);
+        }), D && D(e);
       }
     }).catch(function(c) {
-      return O(c);
+      return R(c);
     });
-  }, [p, k, O, f, N, l, o, r, v, H]), Ta = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e);
-    var c = pa(e);
+  }, [p, D, R, f, W, l, o, r, v, N]), La = y(function(e) {
+    e.preventDefault(), e.persist(), pa(e);
+    var c = Y(e);
     if (c && e.dataTransfer)
       try {
         e.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return c && A && A(e), !1;
-  }, [A, f]), La = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e);
-    var c = R.current.filter(function(u) {
-      return x.current && x.current.contains(u);
+    return c && _ && _(e), !1;
+  }, [_, f]), Ma = y(function(e) {
+    e.preventDefault(), e.persist(), pa(e);
+    var c = C.current.filter(function(u) {
+      return b.current && b.current.contains(u);
     }), m = c.indexOf(e.target);
-    m !== -1 && c.splice(m, 1), R.current = c, !(c.length > 0) && (g({
+    m !== -1 && c.splice(m, 1), C.current = c, !(c.length > 0) && (x({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
-    }), pa(e) && z && z(e));
-  }, [x, z, f]), Z = y(function(e, c) {
+    }), Y(e) && A && A(e));
+  }, [b, A, f]), ta = y(function(e, c) {
     var m = [], u = [];
-    e.forEach(function(b) {
-      var W = oi(b, N), S = Da(W, 2), va = S[0], fa = S[1], xa = ci(b, l, o), na = Da(xa, 2), ga = na[0], ba = na[1], ha = H ? H(b) : null;
-      if (va && ga && !ha)
-        m.push(b);
+    e.forEach(function(g) {
+      var w = li(g, W), j = za(w, 2), xa = j[0], ga = j[1], ba = ri(g, l, o), oa = za(ba, 2), ha = oa[0], ya = oa[1], wa = N ? N(g) : null;
+      if (xa && ha && !wa)
+        m.push(g);
       else {
-        var ya = [fa, ba];
-        ha && (ya = ya.concat(ha)), u.push({
-          file: b,
-          errors: ya.filter(function(bi) {
-            return bi;
+        var ka = [ga, ya];
+        wa && (ka = ka.concat(wa)), u.push({
+          file: g,
+          errors: ka.filter(function(yi) {
+            return yi;
           })
         });
       }
-    }), (!r && m.length > 1 || r && v >= 1 && m.length > v) && (m.forEach(function(b) {
+    }), (!r && m.length > 1 || r && v >= 1 && m.length > v) && (m.forEach(function(g) {
       u.push({
-        file: b,
-        errors: [Ji]
+        file: g,
+        errors: [Qi]
       });
-    }), m.splice(0)), g({
+    }), m.splice(0)), x({
       acceptedFiles: m,
       fileRejections: u,
       isDragReject: u.length > 0,
       type: "setFiles"
-    }), j && j(m, u, c), u.length > 0 && E && E(u, c), m.length > 0 && _ && _(m, c);
-  }, [g, r, N, l, o, v, j, _, E, H]), aa = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e), R.current = [], pa(e) && Promise.resolve(p(e)).then(function(c) {
-      la(e) && !f || Z(c, e);
+    }), z && z(m, u, c), u.length > 0 && O && O(u, c), m.length > 0 && F && F(m, c);
+  }, [x, r, W, l, o, v, z, F, O, N]), na = y(function(e) {
+    e.preventDefault(), e.persist(), pa(e), C.current = [], Y(e) && Promise.resolve(p(e)).then(function(c) {
+      sa(e) && !f || ta(c, e);
     }).catch(function(c) {
-      return O(c);
-    }), g({
+      return R(c);
+    }), x({
       type: "reset"
     });
-  }, [p, Z, O, f]), q = y(function() {
-    if (X.current) {
-      g({
+  }, [p, ta, R, f]), S = y(function() {
+    if (ia.current) {
+      x({
         type: "openDialog"
-      }), da();
+      }), ua();
       var e = {
         multiple: r,
-        types: Pa
+        types: Ia
       };
       window.showOpenFilePicker(e).then(function(c) {
         return p(c);
       }).then(function(c) {
-        Z(c, null), g({
+        ta(c, null), x({
           type: "closeDialog"
         });
       }).catch(function(c) {
-        nt(c) ? (Q(c), g({
+        ot(c) ? (aa(c), x({
           type: "closeDialog"
-        })) : et(c) ? (X.current = !1, h.current ? (h.current.value = null, h.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);
+        })) : ct(c) ? (ia.current = !1, h.current ? (h.current.value = null, h.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);
       });
       return;
     }
-    h.current && (g({
+    h.current && (x({
       type: "openDialog"
-    }), da(), h.current.value = null, h.current.click());
-  }, [g, da, Q, Y, Z, O, Pa, r]), Ma = y(function(e) {
-    !x.current || !x.current.isEqualNode(e.target) || (e.key === " " || e.key === "Enter" || e.keyCode === 32 || e.keyCode === 13) && (e.preventDefault(), q());
-  }, [x, q]), $a = y(function() {
-    g({
+    }), ua(), h.current.value = null, h.current.click());
+  }, [x, ua, aa, V, ta, R, Ia, r]), $a = y(function(e) {
+    !b.current || !b.current.isEqualNode(e.target) || (e.key === " " || e.key === "Enter" || e.keyCode === 32 || e.keyCode === 13) && (e.preventDefault(), S());
+  }, [b, S]), Ka = y(function() {
+    x({
       type: "focus"
     });
-  }, []), Ka = y(function() {
-    g({
+  }, []), Ga = y(function() {
+    x({
       type: "blur"
     });
   }, []), Ha = y(function() {
-    J || (Zi() ? setTimeout(q, 0) : q());
-  }, [J, q]), C = function(c) {
+    X || (tt() ? setTimeout(S, 0) : S());
+  }, [X, S]), L = function(c) {
     return n ? null : c;
-  }, ua = function(c) {
-    return K ? null : C(c);
-  }, ia = function(c) {
-    return V ? null : C(c);
-  }, ta = function(c) {
+  }, fa = function(c) {
+    return H ? null : L(c);
+  }, ea = function(c) {
+    return Z ? null : L(c);
+  }, pa = function(c) {
     f && c.stopPropagation();
-  }, fi = T(function() {
+  }, gi = M(function() {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, u = e.role, b = e.onKeyDown, W = e.onFocus, S = e.onBlur, va = e.onClick, fa = e.onDragEnter, xa = e.onDragOver, na = e.onDragLeave, ga = e.onDrop, ba = ra(e, ct);
-      return d(d(Ea({
-        onKeyDown: ua(w(b, Ma)),
-        onFocus: ua(w(W, $a)),
-        onBlur: ua(w(S, Ka)),
-        onClick: C(w(va, Ha)),
-        onDragEnter: ia(w(fa, Sa)),
-        onDragOver: ia(w(xa, Ta)),
-        onDragLeave: ia(w(na, La)),
-        onDrop: ia(w(ga, aa)),
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, u = e.role, g = e.onKeyDown, w = e.onFocus, j = e.onBlur, xa = e.onClick, ga = e.onDragEnter, ba = e.onDragOver, oa = e.onDragLeave, ha = e.onDrop, ya = da(e, st);
+      return d(d(Fa({
+        onKeyDown: fa(k(g, $a)),
+        onFocus: fa(k(w, Ka)),
+        onBlur: fa(k(j, Ga)),
+        onClick: L(k(xa, Ha)),
+        onDragEnter: ea(k(ga, Sa)),
+        onDragOver: ea(k(ba, La)),
+        onDragLeave: ea(k(oa, Ma)),
+        onDrop: ea(k(ha, na)),
         role: typeof u == "string" && u !== "" ? u : "presentation"
-      }, m, x), !n && !K ? {
+      }, m, b), !n && !H ? {
         tabIndex: 0
-      } : {}), ba);
+      } : {}), ya);
     };
-  }, [x, Ma, $a, Ka, Ha, Sa, Ta, La, aa, K, V, n]), xi = y(function(e) {
+  }, [b, $a, Ka, Ga, Ha, Sa, La, Ma, na, H, Z, n]), bi = y(function(e) {
     e.stopPropagation();
-  }, []), gi = T(function() {
+  }, []), hi = M(function() {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, u = e.onChange, b = e.onClick, W = ra(e, lt), S = Ea({
-        accept: N,
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, u = e.onChange, g = e.onClick, w = da(e, dt), j = Fa({
+        accept: W,
         multiple: r,
         type: "file",
         style: {
@@ -2067,23 +2099,23 @@ function mi() {
           width: "1px",
           whiteSpace: "nowrap"
         },
-        onChange: C(w(u, aa)),
-        onClick: C(w(b, xi)),
+        onChange: L(k(u, na)),
+        onClick: L(k(g, bi)),
         tabIndex: -1
       }, m, h);
-      return d(d({}, S), W);
+      return d(d({}, j), w);
     };
-  }, [h, t, r, aa, n]);
-  return d(d({}, ma), {}, {
-    isFocused: vi && !n,
-    getRootProps: fi,
-    getInputProps: gi,
-    rootRef: x,
+  }, [h, t, r, na, n]);
+  return d(d({}, va), {}, {
+    isFocused: xi && !n,
+    getRootProps: gi,
+    getInputProps: hi,
+    rootRef: b,
     inputRef: h,
-    open: C(q)
+    open: L(S)
   });
 }
-function gt(a, i) {
+function ht(a, i) {
   switch (i.type) {
     case "focus":
       return d(d({}, a), {}, {
@@ -2094,7 +2126,7 @@ function gt(a, i) {
         isFocused: !1
       });
     case "openDialog":
-      return d(d({}, Fa), {}, {
+      return d(d({}, Oa), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
@@ -2113,22 +2145,26 @@ function gt(a, i) {
         fileRejections: i.fileRejections,
         isDragReject: i.isDragReject
       });
+    case "setDragGlobal":
+      return d(d({}, a), {}, {
+        isDragGlobal: i.isDragGlobal
+      });
     case "reset":
-      return d({}, Fa);
+      return d({}, Oa);
     default:
       return a;
   }
 }
-function ii() {
+function ni() {
 }
-const bt = "cfxui__InputDropzone__dropzone__bde8d", ht = "cfxui__InputDropzone__text__47997", yt = "cfxui__InputDropzone__disabled__168e8", wt = "cfxui__InputDropzone__focused__0bbd6", kt = "cfxui__InputDropzone__dragActive__096b2", D = {
-  dropzone: bt,
-  text: ht,
-  disabled: yt,
-  focused: wt,
-  dragActive: kt
+const yt = "cfxui__InputDropzone__dropzone__bde8d", wt = "cfxui__InputDropzone__text__47997", kt = "cfxui__InputDropzone__disabled__168e8", jt = "cfxui__InputDropzone__focused__0bbd6", Dt = "cfxui__InputDropzone__dragActive__096b2", E = {
+  dropzone: yt,
+  text: wt,
+  disabled: kt,
+  focused: jt,
+  dragActive: Dt
 };
-function jt(a) {
+function zt(a) {
   const {
     value: i = [],
     rejections: t = [],
@@ -2138,42 +2174,42 @@ function jt(a) {
     rootAriaLabel: l = "",
     onRemoveFile: r,
     onRemoveRejection: v,
-    dropzoneItemClassName: k,
-    dropzoneClassName: z,
-    name: A,
-    ...j
+    dropzoneItemClassName: D,
+    dropzoneClassName: A,
+    name: _,
+    ...z
   } = a, {
-    isFocused: _,
-    isDragActive: E,
-    isDragAccept: F,
-    isDragReject: M,
-    isFileDialogActive: Y,
-    getRootProps: G,
-    getInputProps: $
-  } = mi(j), J = oa.useCallback((f) => {
+    isFocused: F,
+    isDragActive: O,
+    isDragAccept: P,
+    isDragReject: K,
+    isFileDialogActive: V,
+    getRootProps: Q,
+    getInputProps: G
+  } = vi(z), X = la.useCallback((f) => {
     r && r(f);
-  }, [r]), K = oa.useCallback((f) => {
+  }, [r]), H = la.useCallback((f) => {
     v && v(f);
-  }, [v]), V = Di(D.dropzone, z, {
-    [D.disabled]: j.disabled,
-    [D.focused]: _,
-    [D.dragActive]: E,
-    [D.dragAccept]: F,
-    [D.dragReject]: M,
-    [D.fileDialogActive]: Y
+  }, [v]), Z = Ei(E.dropzone, A, {
+    [E.disabled]: z.disabled,
+    [E.focused]: F,
+    [E.dragActive]: O,
+    [E.dragAccept]: P,
+    [E.dragReject]: K,
+    [E.fileDialogActive]: V
   });
-  return /* @__PURE__ */ wa("section", { children: [
-    /* @__PURE__ */ wa(
+  return /* @__PURE__ */ ja("section", { children: [
+    /* @__PURE__ */ ja(
       "div",
       {
-        className: V,
-        ...G({
+        className: Z,
+        ...Q({
           "aria-label": l
         }),
         children: [
-          /* @__PURE__ */ B("input", { ...$({ name: A }) }),
+          /* @__PURE__ */ B("input", { ...G({ name: _ }) }),
           /* @__PURE__ */ B(
-            ji,
+            zi,
             {
               name: "Upload",
               size: {
@@ -2182,7 +2218,7 @@ function jt(a) {
               }
             }
           ),
-          /* @__PURE__ */ wa(Na, { className: D.text, children: [
+          /* @__PURE__ */ ja(Na, { className: E.text, children: [
             p ? `${n} ` : n,
             !!p && /* @__PURE__ */ B(
               Na,
@@ -2202,8 +2238,8 @@ function jt(a) {
       {
         removeAriaLabel: o,
         file: f,
-        onRemoveFile: J,
-        className: k
+        onRemoveFile: X,
+        className: D
       },
       f.path
     )),
@@ -2215,14 +2251,14 @@ function jt(a) {
         theme: "failed",
         removeAriaLabel: o,
         file: f,
-        onRemoveFile: K,
-        className: k
+        onRemoveFile: H,
+        className: D
       },
       f.path
     ))
   ] });
 }
-const It = oa.memo(jt);
+const Tt = la.memo(zt);
 export {
-  It as default
+  Tt as default
 };