@cfx-dev/ui-components 1.0.0 → 2.0.1

package/dist/components/InputDropzone/InputDropzone.js

@@ -1,12 +1,12 @@
-import { jsxs as he, jsx as N } from "react/jsx-runtime";
-import er, { useMemo as L, useRef as te, useReducer as br, useEffect as De, useCallback as D, forwardRef as hr, useImperativeHandle as Dr, Fragment as Ar } from "react";
+import { jsxs as he, jsx as re } from "react/jsx-runtime";
+import xe, { useMemo as L, useRef as te, useReducer as hr, useEffect as De, useCallback as D, forwardRef as Dr, useImperativeHandle as Ar, Fragment as wr } from "react";
 import { P as l } from "../../index-DQMInta3.js";
 import { a as M, b as $, c as We, d as Be } from "../../tslib.es6-CBKHJX9H.js";
-import { F as wr } from "../../Icons-BlBKvJD8.js";
-import { Icon as _r } from "../Icon/Icon.js";
-import { clsx as Fr } from "../../utils/clsx.js";
-import { ItemPreview as Or } from "./ItemPreview.js";
-import '../../assets/InputDropzone.css';var xr = /* @__PURE__ */ new Map([
+import { IconBig as Or } from "../IconBig/IconBig.js";
+import { Text as Ue } from "../Text/Text.js";
+import { clsx as Er } from "../../utils/clsx.js";
+import Fr from "./ItemPreview.js";
+import '../../assets/InputDropzone.css';var _r = /* @__PURE__ */ new Map([
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
   ["aac", "audio/aac"],
   ["abw", "application/x-abiword"],
@@ -90,8 +90,8 @@ import '../../assets/InputDropzone.css';var xr = /* @__PURE__ */ new Map([
   ["mov", "video/quicktime"],
   ["msg", "application/vnd.ms-outlook"]
 ]);
-function Y(e, r) {
-  var t = Er(e);
+function U(e, r) {
+  var t = xr(e);
   if (typeof t.path != "string") {
     var n = e.webkitRelativePath;
     Object.defineProperty(t, "path", {
@@ -103,10 +103,10 @@ function Y(e, r) {
   }
   return t;
 }
-function Er(e) {
+function xr(e) {
   var r = e.name, t = r && r.lastIndexOf(".") !== -1;
   if (t && !e.type) {
-    var n = r.split(".").pop().toLowerCase(), i = xr.get(n);
+    var n = r.split(".").pop().toLowerCase(), i = _r.get(n);
     i && Object.defineProperty(e, "type", {
       value: i,
       writable: !1,
@@ -125,27 +125,27 @@ var jr = [
 function Pr(e) {
   return M(this, void 0, void 0, function() {
     return $(this, function(r) {
-      return oe(e) && Tr(e.dataTransfer) ? [2, Rr(e.dataTransfer, e.type)] : Ir(e) ? [2, Sr(e)] : Array.isArray(e) && e.every(function(t) {
+      return oe(e) && Ir(e.dataTransfer) ? [2, Rr(e.dataTransfer, e.type)] : Tr(e) ? [2, Cr(e)] : Array.isArray(e) && e.every(function(t) {
         return "getFile" in t && typeof t.getFile == "function";
-      }) ? [2, Cr(e)] : [2, []];
+      }) ? [2, Sr(e)] : [2, []];
     });
   });
 }
-function Tr(e) {
+function Ir(e) {
   return oe(e);
 }
-function Ir(e) {
+function Tr(e) {
   return oe(e) && oe(e.target);
 }
 function oe(e) {
   return typeof e == "object" && e !== null;
 }
-function Sr(e) {
+function Cr(e) {
   return we(e.target.files).map(function(r) {
-    return Y(r);
+    return U(r);
   });
 }
-function Cr(e) {
+function Sr(e) {
   return M(this, void 0, void 0, function() {
     var r;
     return $(this, function(t) {
@@ -156,7 +156,7 @@ function Cr(e) {
           }))];
         case 1:
           return r = t.sent(), [2, r.map(function(n) {
-            return Y(n);
+            return U(n);
           })];
       }
     });
@@ -170,18 +170,18 @@ function Rr(e, r) {
         case 0:
           return e.items ? (t = we(e.items).filter(function(a) {
             return a.kind === "file";
-          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(kr))]) : [3, 2];
+          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(zr))]) : [3, 2];
         case 1:
-          return n = i.sent(), [2, Ne(rr(n))];
+          return n = i.sent(), [2, Ye(tr(n))];
         case 2:
-          return [2, Ne(we(e.files).map(function(a) {
-            return Y(a);
+          return [2, Ye(we(e.files).map(function(a) {
+            return U(a);
           }))];
       }
     });
   });
 }
-function Ne(e) {
+function Ye(e) {
   return e.filter(function(r) {
     return jr.indexOf(r.name) === -1;
   });
@@ -195,44 +195,44 @@ function we(e) {
   }
   return r;
 }
-function kr(e) {
+function zr(e) {
   if (typeof e.webkitGetAsEntry != "function")
-    return Ue(e);
+    return Ge(e);
   var r = e.webkitGetAsEntry();
-  return r && r.isDirectory ? tr(r) : Ue(e);
+  return r && r.isDirectory ? nr(r) : Ge(e);
 }
-function rr(e) {
+function tr(e) {
   return e.reduce(function(r, t) {
-    return We(We([], Be(r), !1), Be(Array.isArray(t) ? rr(t) : [t]), !1);
+    return We(We([], Be(r), !1), Be(Array.isArray(t) ? tr(t) : [t]), !1);
   }, []);
 }
-function Ue(e) {
+function Ge(e) {
   var r = e.getAsFile();
   if (!r)
     return Promise.reject("".concat(e, " is not a File"));
-  var t = Y(r);
+  var t = U(r);
   return Promise.resolve(t);
 }
-function zr(e) {
+function kr(e) {
   return M(this, void 0, void 0, function() {
     return $(this, function(r) {
-      return [2, e.isDirectory ? tr(e) : Lr(e)];
+      return [2, e.isDirectory ? nr(e) : Lr(e)];
     });
   });
 }
-function tr(e) {
+function nr(e) {
   var r = e.createReader();
   return new Promise(function(t, n) {
     var i = [];
     function a() {
-      var s = this;
-      r.readEntries(function(u) {
-        return M(s, void 0, void 0, function() {
+      var u = this;
+      r.readEntries(function(s) {
+        return M(u, void 0, void 0, function() {
           var d, A, w;
           return $(this, function(v) {
             switch (v.label) {
               case 0:
-                if (u.length) return [3, 5];
+                if (s.length) return [3, 5];
                 v.label = 1;
               case 1:
                 return v.trys.push([1, 3, , 4]), [4, Promise.all(i)];
@@ -243,7 +243,7 @@ function tr(e) {
               case 4:
                 return [3, 6];
               case 5:
-                w = Promise.all(u.map(zr)), i.push(w), a(), v.label = 6;
+                w = Promise.all(s.map(kr)), i.push(w), a(), v.label = 6;
               case 6:
                 return [
                   2
@@ -252,8 +252,8 @@ function tr(e) {
             }
           });
         });
-      }, function(u) {
-        n(u);
+      }, function(s) {
+        n(s);
       });
     }
     a();
@@ -264,7 +264,7 @@ function Lr(e) {
     return $(this, function(r) {
       return [2, new Promise(function(t, n) {
         e.file(function(i) {
-          var a = Y(i, e.fullPath);
+          var a = U(i, e.fullPath);
           t(a);
         }, function(i) {
           n(i);
@@ -276,15 +276,15 @@ function Lr(e) {
 var Mr = function(e, r) {
   if (e && r) {
     var t = Array.isArray(r) ? r : r.split(","), n = e.name || "", i = (e.type || "").toLowerCase(), a = i.replace(/\/.*$/, "");
-    return t.some(function(s) {
-      var u = s.trim().toLowerCase();
-      return u.charAt(0) === "." ? n.toLowerCase().endsWith(u) : u.endsWith("/*") ? a === u.replace(/\/.*$/, "") : i === u;
+    return t.some(function(u) {
+      var s = u.trim().toLowerCase();
+      return s.charAt(0) === "." ? n.toLowerCase().endsWith(s) : s.endsWith("/*") ? a === s.replace(/\/.*$/, "") : i === s;
     });
   }
   return !0;
 };
-function Ye(e) {
-  return Hr(e) || Kr(e) || or(e) || $r();
+function qe(e) {
+  return Hr(e) || Kr(e) || ir(e) || $r();
 }
 function $r() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -294,9 +294,9 @@ function Kr(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
 function Hr(e) {
-  if (Array.isArray(e)) return _e(e);
+  if (Array.isArray(e)) return Oe(e);
 }
-function Ge(e, r) {
+function Je(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -306,61 +306,61 @@ function Ge(e, r) {
   }
   return t;
 }
-function qe(e) {
+function Ve(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Ge(Object(t), !0).forEach(function(n) {
-      nr(e, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ge(Object(t)).forEach(function(n) {
+    r % 2 ? Je(Object(t), !0).forEach(function(n) {
+      or(e, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Je(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function nr(e, r, t) {
+function or(e, r, t) {
   return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
-function U(e, r) {
-  return Nr(e) || Br(e, r) || or(e, r) || Wr();
+function B(e, r) {
+  return Br(e) || Wr(e, r) || ir(e, r) || Nr();
 }
-function Wr() {
+function Nr() {
   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 or(e, r) {
+function ir(e, r) {
   if (e) {
-    if (typeof e == "string") return _e(e, r);
+    if (typeof e == "string") return Oe(e, r);
     var t = Object.prototype.toString.call(e).slice(8, -1);
     if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set") return Array.from(e);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return _e(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Oe(e, r);
   }
 }
-function _e(e, r) {
+function Oe(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, n = new Array(r); t < r; t++)
     n[t] = e[t];
   return n;
 }
-function Br(e, r) {
+function Wr(e, r) {
   var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (t != null) {
-    var n = [], i = !0, a = !1, s, u;
+    var n = [], i = !0, a = !1, u, s;
     try {
-      for (t = t.call(e); !(i = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); i = !0)
+      for (t = t.call(e); !(i = (u = t.next()).done) && (n.push(u.value), !(r && n.length === r)); i = !0)
         ;
     } catch (d) {
-      a = !0, u = d;
+      a = !0, s = d;
     } finally {
       try {
         !i && t.return != null && t.return();
       } finally {
-        if (a) throw u;
+        if (a) throw s;
       }
     }
     return n;
   }
 }
-function Nr(e) {
+function Br(e) {
   if (Array.isArray(e)) return e;
 }
 var Ur = "file-invalid-type", Yr = "file-too-large", Gr = "file-too-small", qr = "too-many-files", Jr = function(r) {
@@ -370,12 +370,12 @@ var Ur = "file-invalid-type", Yr = "file-too-large", Gr = "file-too-small", qr =
     code: Ur,
     message: "File type must be ".concat(t)
   };
-}, Je = function(r) {
+}, Qe = function(r) {
   return {
     code: Yr,
     message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
-}, Ve = function(r) {
+}, Xe = function(r) {
   return {
     code: Gr,
     message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
@@ -384,28 +384,28 @@ var Ur = "file-invalid-type", Yr = "file-too-large", Gr = "file-too-small", qr =
   code: qr,
   message: "Too many files"
 };
-function ir(e, r) {
+function ar(e, r) {
   var t = e.type === "application/x-moz-file" || Mr(e, r);
   return [t, t ? null : Jr(r)];
 }
-function ar(e, r, t) {
-  if (S(e.size))
-    if (S(r) && S(t)) {
-      if (e.size > t) return [!1, Je(t)];
-      if (e.size < r) return [!1, Ve(r)];
+function cr(e, r, t) {
+  if (C(e.size))
+    if (C(r) && C(t)) {
+      if (e.size > t) return [!1, Qe(t)];
+      if (e.size < r) return [!1, Xe(r)];
     } else {
-      if (S(r) && e.size < r) return [!1, Ve(r)];
-      if (S(t) && e.size > t) return [!1, Je(t)];
+      if (C(r) && e.size < r) return [!1, Xe(r)];
+      if (C(t) && e.size > t) return [!1, Qe(t)];
     }
   return [!0, null];
 }
-function S(e) {
+function C(e) {
   return e != null;
 }
 function Qr(e) {
-  var r = e.files, t = e.accept, n = e.minSize, i = e.maxSize, a = e.multiple, s = e.maxFiles, u = e.validator;
-  return !a && r.length > 1 || a && s >= 1 && r.length > s ? !1 : r.every(function(d) {
-    var A = ir(d, t), w = U(A, 1), v = w[0], x = ar(d, n, i), E = U(x, 1), j = E[0], P = u ? u(d) : null;
+  var r = e.files, t = e.accept, n = e.minSize, i = e.maxSize, a = e.multiple, u = e.maxFiles, s = e.validator;
+  return !a && r.length > 1 || a && u >= 1 && r.length > u ? !1 : r.every(function(d) {
+    var A = ar(d, t), w = B(A, 1), v = w[0], _ = cr(d, n, i), x = B(_, 1), j = x[0], P = s ? s(d) : null;
     return v && j && !P;
   });
 }
@@ -417,7 +417,7 @@ function ne(e) {
     return r === "Files" || r === "application/x-moz-file";
   }) : !!e.target && !!e.target.files;
 }
-function Qe(e) {
+function Ze(e) {
   e.preventDefault();
 }
 function Xr(e) {
@@ -430,14 +430,14 @@ function et() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
   return Xr(e) || Zr(e);
 }
-function _() {
+function O() {
   for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
     r[t] = arguments[t];
   return function(n) {
-    for (var i = arguments.length, a = new Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
-      a[s - 1] = arguments[s];
-    return r.some(function(u) {
-      return !ie(n) && u && u.apply(void 0, [n].concat(a)), ie(n);
+    for (var i = arguments.length, a = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
+      a[u - 1] = arguments[u];
+    return r.some(function(s) {
+      return !ie(n) && s && s.apply(void 0, [n].concat(a)), ie(n);
     });
   };
 }
@@ -445,13 +445,13 @@ function rt() {
   return "showOpenFilePicker" in window;
 }
 function tt(e) {
-  if (S(e)) {
+  if (C(e)) {
     var r = Object.entries(e).filter(function(t) {
-      var n = U(t, 2), i = n[0], a = n[1], s = !0;
-      return cr(i) || (console.warn('Skipped "'.concat(i, '" 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.')), s = !1), (!Array.isArray(a) || !a.every(ur)) && (console.warn('Skipped "'.concat(i, '" because an invalid file extension was provided.')), s = !1), s;
+      var n = B(t, 2), i = n[0], a = n[1], u = !0;
+      return ur(i) || (console.warn('Skipped "'.concat(i, '" 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.')), u = !1), (!Array.isArray(a) || !a.every(sr)) && (console.warn('Skipped "'.concat(i, '" because an invalid file extension was provided.')), u = !1), u;
     }).reduce(function(t, n) {
-      var i = U(n, 2), a = i[0], s = i[1];
-      return qe(qe({}, t), {}, nr({}, a, s));
+      var i = B(n, 2), a = i[0], u = i[1];
+      return Ve(Ve({}, t), {}, or({}, a, u));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -462,12 +462,12 @@ function tt(e) {
   return e;
 }
 function nt(e) {
-  if (S(e))
+  if (C(e))
     return Object.entries(e).reduce(function(r, t) {
-      var n = U(t, 2), i = n[0], a = n[1];
-      return [].concat(Ye(r), [i], Ye(a));
+      var n = B(t, 2), i = n[0], a = n[1];
+      return [].concat(qe(r), [i], qe(a));
     }, []).filter(function(r) {
-      return cr(r) || ur(r);
+      return ur(r) || sr(r);
     }).join(",");
 }
 function ot(e) {
@@ -476,15 +476,15 @@ function ot(e) {
 function it(e) {
   return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
 }
-function cr(e) {
+function ur(e) {
   return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
 }
-function ur(e) {
+function sr(e) {
   return /^.*\.[\w]+$/.test(e);
 }
 var at = ["children"], ct = ["open"], ut = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], st = ["refKey", "onChange", "onClick"];
 function lt(e) {
-  return dt(e) || pt(e) || sr(e) || ft();
+  return dt(e) || pt(e) || lr(e) || ft();
 }
 function ft() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -494,24 +494,24 @@ function pt(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
 function dt(e) {
-  if (Array.isArray(e)) return Fe(e);
+  if (Array.isArray(e)) return Ee(e);
 }
 function Ae(e, r) {
-  return vt(e) || gt(e, r) || sr(e, r) || mt();
+  return vt(e) || gt(e, r) || lr(e, r) || mt();
 }
 function mt() {
   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 sr(e, r) {
+function lr(e, r) {
   if (e) {
-    if (typeof e == "string") return Fe(e, r);
+    if (typeof e == "string") return Ee(e, r);
     var t = Object.prototype.toString.call(e).slice(8, -1);
     if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set") return Array.from(e);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Fe(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ee(e, r);
   }
 }
-function Fe(e, r) {
+function Ee(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, n = new Array(r); t < r; t++)
     n[t] = e[t];
@@ -520,17 +520,17 @@ function Fe(e, r) {
 function gt(e, r) {
   var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (t != null) {
-    var n = [], i = !0, a = !1, s, u;
+    var n = [], i = !0, a = !1, u, s;
     try {
-      for (t = t.call(e); !(i = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); i = !0)
+      for (t = t.call(e); !(i = (u = t.next()).done) && (n.push(u.value), !(r && n.length === r)); i = !0)
         ;
     } catch (d) {
-      a = !0, u = d;
+      a = !0, s = d;
     } finally {
       try {
         !i && t.return != null && t.return();
       } finally {
-        if (a) throw u;
+        if (a) throw s;
       }
     }
     return n;
@@ -539,7 +539,7 @@ function gt(e, r) {
 function vt(e) {
   if (Array.isArray(e)) return e;
 }
-function Xe(e, r) {
+function er(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -552,15 +552,15 @@ function Xe(e, r) {
 function f(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Xe(Object(t), !0).forEach(function(n) {
-      Oe(e, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Xe(Object(t)).forEach(function(n) {
+    r % 2 ? er(Object(t), !0).forEach(function(n) {
+      Fe(e, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : er(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function Oe(e, r, t) {
+function Fe(e, r, t) {
   return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
 function ae(e, r) {
@@ -580,18 +580,18 @@ function yt(e, r) {
     i = n[a], !(r.indexOf(i) >= 0) && (t[i] = e[i]);
   return t;
 }
-var Ee = /* @__PURE__ */ hr(function(e, r) {
-  var t = e.children, n = ae(e, at), i = fr(n), a = i.open, s = ae(i, ct);
-  return Dr(r, function() {
+var je = /* @__PURE__ */ Dr(function(e, r) {
+  var t = e.children, n = ae(e, at), i = pr(n), a = i.open, u = ae(i, ct);
+  return Ar(r, function() {
     return {
       open: a
     };
-  }, [a]), /* @__PURE__ */ er.createElement(Ar, null, t(f(f({}, s), {}, {
+  }, [a]), /* @__PURE__ */ xe.createElement(wr, null, t(f(f({}, u), {}, {
     open: a
   })));
 });
-Ee.displayName = "Dropzone";
-var lr = {
+je.displayName = "Dropzone";
+var fr = {
   disabled: !1,
   getFilesFromEvent: Pr,
   maxSize: 1 / 0,
@@ -607,8 +607,8 @@ var lr = {
   useFsAccessApi: !0,
   autoFocus: !1
 };
-Ee.defaultProps = lr;
-Ee.propTypes = {
+je.defaultProps = fr;
+je.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
    *
@@ -776,7 +776,7 @@ Ee.propTypes = {
    */
   validator: l.func
 };
-var xe = {
+var _e = {
   isFocused: !1,
   isFileDialogActive: !1,
   isDragActive: !1,
@@ -785,52 +785,52 @@ var xe = {
   acceptedFiles: [],
   fileRejections: []
 };
-function fr() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = f(f({}, lr), e), t = r.accept, n = r.disabled, i = r.getFilesFromEvent, a = r.maxSize, s = r.minSize, u = r.multiple, d = r.maxFiles, A = r.onDragEnter, w = r.onDragLeave, v = r.onDragOver, x = r.onDrop, E = r.onDropAccepted, j = r.onDropRejected, P = r.onFileDialogCancel, K = r.onFileDialogOpen, G = r.useFsAccessApi, q = r.autoFocus, O = r.preventDropOnDocument, je = r.noClick, ce = r.noKeyboard, Pe = r.noDrag, T = r.noDragEventsBubbling, ue = r.onError, H = r.validator, W = L(function() {
+function pr() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = f(f({}, fr), e), t = r.accept, n = r.disabled, i = r.getFilesFromEvent, a = r.maxSize, u = r.minSize, s = r.multiple, d = r.maxFiles, A = r.onDragEnter, w = r.onDragLeave, v = r.onDragOver, _ = r.onDrop, x = r.onDropAccepted, j = r.onDropRejected, P = r.onFileDialogCancel, K = r.onFileDialogOpen, Y = r.useFsAccessApi, G = r.autoFocus, E = r.preventDropOnDocument, Pe = r.noClick, ce = r.noKeyboard, Ie = r.noDrag, I = r.noDragEventsBubbling, ue = r.onError, H = r.validator, N = L(function() {
     return nt(t);
   }, [t]), Te = L(function() {
     return tt(t);
   }, [t]), se = L(function() {
-    return typeof K == "function" ? K : Ze;
-  }, [K]), J = L(function() {
-    return typeof P == "function" ? P : Ze;
-  }, [P]), g = te(null), h = te(null), pr = br(bt, xe), Ie = Ae(pr, 2), le = Ie[0], y = Ie[1], dr = le.isFocused, Se = le.isFileDialogActive, V = te(typeof window < "u" && window.isSecureContext && G && rt()), Ce = function() {
-    !V.current && Se && setTimeout(function() {
+    return typeof K == "function" ? K : rr;
+  }, [K]), q = L(function() {
+    return typeof P == "function" ? P : rr;
+  }, [P]), g = te(null), h = te(null), dr = hr(bt, _e), Ce = Ae(dr, 2), le = Ce[0], y = Ce[1], mr = le.isFocused, Se = le.isFileDialogActive, J = te(typeof window < "u" && window.isSecureContext && Y && rt()), Re = function() {
+    !J.current && Se && setTimeout(function() {
       if (h.current) {
         var c = h.current.files;
         c.length || (y({
           type: "closeDialog"
-        }), J());
+        }), q());
       }
     }, 300);
   };
   De(function() {
-    return window.addEventListener("focus", Ce, !1), function() {
-      window.removeEventListener("focus", Ce, !1);
+    return window.addEventListener("focus", Re, !1), function() {
+      window.removeEventListener("focus", Re, !1);
     };
-  }, [h, Se, J, V]);
-  var C = te([]), Re = function(c) {
-    g.current && g.current.contains(c.target) || (c.preventDefault(), C.current = []);
+  }, [h, Se, q, J]);
+  var S = te([]), ze = function(c) {
+    g.current && g.current.contains(c.target) || (c.preventDefault(), S.current = []);
   };
   De(function() {
-    return O && (document.addEventListener("dragover", Qe, !1), document.addEventListener("drop", Re, !1)), function() {
-      O && (document.removeEventListener("dragover", Qe), document.removeEventListener("drop", Re));
+    return E && (document.addEventListener("dragover", Ze, !1), document.addEventListener("drop", ze, !1)), function() {
+      E && (document.removeEventListener("dragover", Ze), document.removeEventListener("drop", ze));
     };
-  }, [g, O]), De(function() {
-    return !n && q && g.current && g.current.focus(), function() {
+  }, [g, E]), De(function() {
+    return !n && G && g.current && g.current.focus(), function() {
     };
-  }, [g, q, n]);
-  var I = D(function(o) {
+  }, [g, G, n]);
+  var T = D(function(o) {
     ue ? ue(o) : console.error(o);
   }, [ue]), ke = D(function(o) {
-    o.preventDefault(), o.persist(), ee(o), C.current = [].concat(lt(C.current), [o.target]), ne(o) && Promise.resolve(i(o)).then(function(c) {
-      if (!(ie(o) && !T)) {
+    o.preventDefault(), o.persist(), Z(o), S.current = [].concat(lt(S.current), [o.target]), ne(o) && Promise.resolve(i(o)).then(function(c) {
+      if (!(ie(o) && !I)) {
         var p = c.length, m = p > 0 && Qr({
           files: c,
-          accept: W,
-          minSize: s,
+          accept: N,
+          minSize: u,
           maxSize: a,
-          multiple: u,
+          multiple: s,
           maxFiles: d,
           validator: H
         }), b = p > 0 && !m;
@@ -842,10 +842,10 @@ function fr() {
         }), A && A(o);
       }
     }).catch(function(c) {
-      return I(c);
+      return T(c);
     });
-  }, [i, A, I, T, W, s, a, u, d, H]), ze = D(function(o) {
-    o.preventDefault(), o.persist(), ee(o);
+  }, [i, A, T, I, N, u, a, s, d, H]), Le = D(function(o) {
+    o.preventDefault(), o.persist(), Z(o);
     var c = ne(o);
     if (c && o.dataTransfer)
       try {
@@ -853,33 +853,33 @@ function fr() {
       } catch {
       }
     return c && v && v(o), !1;
-  }, [v, T]), Le = D(function(o) {
-    o.preventDefault(), o.persist(), ee(o);
-    var c = C.current.filter(function(m) {
+  }, [v, I]), Me = D(function(o) {
+    o.preventDefault(), o.persist(), Z(o);
+    var c = S.current.filter(function(m) {
       return g.current && g.current.contains(m);
     }), p = c.indexOf(o.target);
-    p !== -1 && c.splice(p, 1), C.current = c, !(c.length > 0) && (y({
+    p !== -1 && c.splice(p, 1), S.current = c, !(c.length > 0) && (y({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), ne(o) && w && w(o));
-  }, [g, w, T]), Q = D(function(o, c) {
+  }, [g, w, I]), V = D(function(o, c) {
     var p = [], m = [];
     o.forEach(function(b) {
-      var B = ir(b, W), z = Ae(B, 2), pe = z[0], de = z[1], me = ar(b, s, a), re = Ae(me, 2), ge = re[0], ve = re[1], ye = H ? H(b) : null;
+      var W = ar(b, N), k = Ae(W, 2), pe = k[0], de = k[1], me = cr(b, u, a), ee = Ae(me, 2), ge = ee[0], ve = ee[1], ye = H ? H(b) : null;
       if (pe && ge && !ye)
         p.push(b);
       else {
         var be = [de, ve];
         ye && (be = be.concat(ye)), m.push({
           file: b,
-          errors: be.filter(function(yr) {
-            return yr;
+          errors: be.filter(function(br) {
+            return br;
           })
         });
       }
-    }), (!u && p.length > 1 || u && d >= 1 && p.length > d) && (p.forEach(function(b) {
+    }), (!s && p.length > 1 || s && d >= 1 && p.length > d) && (p.forEach(function(b) {
       m.push({
         file: b,
         errors: [Vr]
@@ -888,102 +888,102 @@ function fr() {
       acceptedFiles: p,
       fileRejections: m,
       type: "setFiles"
-    }), x && x(p, m, c), m.length > 0 && j && j(m, c), p.length > 0 && E && E(p, c);
-  }, [y, u, W, s, a, d, x, E, j, H]), X = D(function(o) {
-    o.preventDefault(), o.persist(), ee(o), C.current = [], ne(o) && Promise.resolve(i(o)).then(function(c) {
-      ie(o) && !T || Q(c, o);
+    }), _ && _(p, m, c), m.length > 0 && j && j(m, c), p.length > 0 && x && x(p, c);
+  }, [y, s, N, u, a, d, _, x, j, H]), Q = D(function(o) {
+    o.preventDefault(), o.persist(), Z(o), S.current = [], ne(o) && Promise.resolve(i(o)).then(function(c) {
+      ie(o) && !I || V(c, o);
     }).catch(function(c) {
-      return I(c);
+      return T(c);
     }), y({
       type: "reset"
     });
-  }, [i, Q, I, T]), R = D(function() {
-    if (V.current) {
+  }, [i, V, T, I]), R = D(function() {
+    if (J.current) {
       y({
         type: "openDialog"
       }), se();
       var o = {
-        multiple: u,
+        multiple: s,
         types: Te
       };
       window.showOpenFilePicker(o).then(function(c) {
         return i(c);
       }).then(function(c) {
-        Q(c, null), y({
+        V(c, null), y({
           type: "closeDialog"
         });
       }).catch(function(c) {
-        ot(c) ? (J(c), y({
+        ot(c) ? (q(c), y({
           type: "closeDialog"
-        })) : it(c) ? (V.current = !1, h.current ? (h.current.value = null, h.current.click()) : I(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."))) : I(c);
+        })) : it(c) ? (J.current = !1, h.current ? (h.current.value = null, h.current.click()) : T(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."))) : T(c);
       });
       return;
     }
     h.current && (y({
       type: "openDialog"
     }), se(), h.current.value = null, h.current.click());
-  }, [y, se, J, G, Q, I, Te, u]), Me = D(function(o) {
+  }, [y, se, q, Y, V, T, Te, s]), $e = D(function(o) {
     !g.current || !g.current.isEqualNode(o.target) || (o.key === " " || o.key === "Enter" || o.keyCode === 32 || o.keyCode === 13) && (o.preventDefault(), R());
-  }, [g, R]), $e = D(function() {
+  }, [g, R]), Ke = D(function() {
     y({
       type: "focus"
     });
-  }, []), Ke = D(function() {
+  }, []), He = D(function() {
     y({
       type: "blur"
     });
-  }, []), He = D(function() {
-    je || (et() ? setTimeout(R, 0) : R());
-  }, [je, R]), k = function(c) {
+  }, []), Ne = D(function() {
+    Pe || (et() ? setTimeout(R, 0) : R());
+  }, [Pe, R]), z = function(c) {
     return n ? null : c;
   }, fe = function(c) {
-    return ce ? null : k(c);
+    return ce ? null : z(c);
+  }, X = function(c) {
+    return Ie ? null : z(c);
   }, Z = function(c) {
-    return Pe ? null : k(c);
-  }, ee = function(c) {
-    T && c.stopPropagation();
-  }, mr = L(function() {
+    I && c.stopPropagation();
+  }, gr = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, B = o.onFocus, z = o.onBlur, pe = o.onClick, de = o.onDragEnter, me = o.onDragOver, re = o.onDragLeave, ge = o.onDrop, ve = ae(o, ut);
-      return f(f(Oe({
-        onKeyDown: fe(_(b, Me)),
-        onFocus: fe(_(B, $e)),
-        onBlur: fe(_(z, Ke)),
-        onClick: k(_(pe, He)),
-        onDragEnter: Z(_(de, ke)),
-        onDragOver: Z(_(me, ze)),
-        onDragLeave: Z(_(re, Le)),
-        onDrop: Z(_(ge, X)),
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, W = o.onFocus, k = o.onBlur, pe = o.onClick, de = o.onDragEnter, me = o.onDragOver, ee = o.onDragLeave, ge = o.onDrop, ve = ae(o, ut);
+      return f(f(Fe({
+        onKeyDown: fe(O(b, $e)),
+        onFocus: fe(O(W, Ke)),
+        onBlur: fe(O(k, He)),
+        onClick: z(O(pe, Ne)),
+        onDragEnter: X(O(de, ke)),
+        onDragOver: X(O(me, Le)),
+        onDragLeave: X(O(ee, Me)),
+        onDrop: X(O(ge, Q)),
         role: typeof m == "string" && m !== "" ? m : "presentation"
       }, p, g), !n && !ce ? {
         tabIndex: 0
       } : {}), ve);
     };
-  }, [g, Me, $e, Ke, He, ke, ze, Le, X, ce, Pe, n]), gr = D(function(o) {
+  }, [g, $e, Ke, He, Ne, ke, Le, Me, Q, ce, Ie, n]), vr = D(function(o) {
     o.stopPropagation();
-  }, []), vr = L(function() {
+  }, []), yr = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, B = ae(o, st), z = Oe({
-        accept: W,
-        multiple: u,
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, W = ae(o, st), k = Fe({
+        accept: N,
+        multiple: s,
         type: "file",
         style: {
           display: "none"
         },
-        onChange: k(_(m, X)),
-        onClick: k(_(b, gr)),
+        onChange: z(O(m, Q)),
+        onClick: z(O(b, vr)),
         tabIndex: -1
       }, p, h);
-      return f(f({}, z), B);
+      return f(f({}, k), W);
     };
-  }, [h, t, u, X, n]);
+  }, [h, t, s, Q, n]);
   return f(f({}, le), {}, {
-    isFocused: dr && !n,
-    getRootProps: mr,
-    getInputProps: vr,
+    isFocused: mr && !n,
+    getRootProps: gr,
+    getInputProps: yr,
     rootRef: g,
     inputRef: h,
-    open: k(R)
+    open: z(R)
   });
 }
 function bt(e, r) {
@@ -997,7 +997,7 @@ function bt(e, r) {
         isFocused: !1
       });
     case "openDialog":
-      return f(f({}, xe), {}, {
+      return f(f({}, _e), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
@@ -1016,88 +1016,89 @@ function bt(e, r) {
         fileRejections: r.fileRejections
       });
     case "reset":
-      return f({}, xe);
+      return f({}, _e);
     default:
       return e;
   }
 }
-function Ze() {
+function rr() {
 }
-const ht = "_root_1kc1u_1", Dt = "_dropzone_1kc1u_1", At = "_text_1kc1u_21", wt = "_disabled_1kc1u_30", _t = "_focused_1kc1u_41", Ft = "_dragActive_1kc1u_41", Ot = "_linkText_1kc1u_47", F = {
-  root: ht,
-  dropzone: Dt,
-  text: At,
-  disabled: wt,
-  focused: _t,
-  dragActive: Ft,
-  linkText: Ot
+const ht = "_dropzone_ir264_1", Dt = "_text_ir264_19", At = "_disabled_ir264_25", wt = "_focused_ir264_39", Ot = "_dragActive_ir264_39", F = {
+  dropzone: ht,
+  text: Dt,
+  disabled: At,
+  focused: wt,
+  dragActive: Ot
 };
-function Rt(e) {
+function Et(e) {
   const {
-    value: r,
-    onChange: t,
-    text: n,
-    linkText: i,
-    removeItemAriaLabel: a = "",
-    rootAriaLabel: s = "",
+    value: r = [],
+    text: t,
+    linkText: n,
+    removeItemAriaLabel: i = "",
+    rootAriaLabel: a = "",
     onRemoveFile: u,
-    ...d
+    dropzoneItemClassName: s,
+    dropzoneClassName: d,
+    ...A
   } = e, {
-    isFocused: A,
-    isDragActive: w,
-    isDragAccept: v,
+    isFocused: w,
+    isDragActive: v,
+    isDragAccept: _,
     isDragReject: x,
-    isFileDialogActive: E,
-    acceptedFiles: j,
+    isFileDialogActive: j,
     getRootProps: P,
     getInputProps: K
-  } = fr(d), G = er.useCallback((O) => {
-    u && u(O);
-  }, [u]), q = Fr(F.dropzone, {
-    [F.disabled]: d.disabled,
-    [F.focused]: A,
-    [F.dragActive]: w,
-    [F.dragAccept]: v,
+  } = pr(A), Y = xe.useCallback((E) => {
+    u && u(E);
+  }, [u]), G = Er(F.dropzone, d, {
+    [F.disabled]: A.disabled,
+    [F.focused]: w,
+    [F.dragActive]: v,
+    [F.dragAccept]: _,
     [F.dragReject]: x,
-    [F.fileDialogActive]: E
+    [F.fileDialogActive]: j
   });
-  return /* @__PURE__ */ he("section", { className: F.root, children: [
+  return /* @__PURE__ */ he("section", { children: [
     /* @__PURE__ */ he(
       "div",
       {
-        className: q,
+        className: G,
         ...P({
-          "aria-label": s
+          "aria-label": a
         }),
         children: [
-          /* @__PURE__ */ N(
-            "input",
-            {
-              ...K({
-                value: r,
-                onChange: t
-              })
-            }
-          ),
-          /* @__PURE__ */ N(_r, { size: "xxlarge", children: /* @__PURE__ */ N(wr, {}) }),
-          /* @__PURE__ */ he("span", { className: F.text, children: [
-            i ? `${n} ` : n,
-            !!i && /* @__PURE__ */ N("span", { className: F.linkText, children: i })
+          /* @__PURE__ */ re("input", { ...K() }),
+          /* @__PURE__ */ re(Or, { name: "Upload" }),
+          /* @__PURE__ */ he(Ue, { family: "secondary", className: F.text, children: [
+            n ? `${t} ` : t,
+            !!n && /* @__PURE__ */ re(
+              Ue,
+              {
+                weight: "bold",
+                family: "secondary",
+                color: "tertiary",
+                underlined: !0,
+                children: n
+              }
+            )
           ] })
         ]
       }
     ),
-    j.map((O) => /* @__PURE__ */ N(
-      Or,
+    r.map((E) => /* @__PURE__ */ re(
+      Fr,
       {
-        removeAriaLabel: a,
-        file: O,
-        onRemoveFile: G
+        removeAriaLabel: i,
+        file: E,
+        onRemoveFile: Y,
+        className: s
       },
-      O.path
+      E.path
     ))
   ] });
 }
+const St = xe.memo(Et);
 export {
-  Rt as InputDropzone
+  St as default
 };