@cfx-dev/ui-components 0.0.19 → 0.0.21

package/dist/components/InputDropzone/InputDropzone.js

@@ -0,0 +1,1103 @@
+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 { 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([
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
+  ["aac", "audio/aac"],
+  ["abw", "application/x-abiword"],
+  ["arc", "application/x-freearc"],
+  ["avif", "image/avif"],
+  ["avi", "video/x-msvideo"],
+  ["azw", "application/vnd.amazon.ebook"],
+  ["bin", "application/octet-stream"],
+  ["bmp", "image/bmp"],
+  ["bz", "application/x-bzip"],
+  ["bz2", "application/x-bzip2"],
+  ["cda", "application/x-cdf"],
+  ["csh", "application/x-csh"],
+  ["css", "text/css"],
+  ["csv", "text/csv"],
+  ["doc", "application/msword"],
+  ["docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+  ["eot", "application/vnd.ms-fontobject"],
+  ["epub", "application/epub+zip"],
+  ["gz", "application/gzip"],
+  ["gif", "image/gif"],
+  ["heic", "image/heic"],
+  ["heif", "image/heif"],
+  ["htm", "text/html"],
+  ["html", "text/html"],
+  ["ico", "image/vnd.microsoft.icon"],
+  ["ics", "text/calendar"],
+  ["jar", "application/java-archive"],
+  ["jpeg", "image/jpeg"],
+  ["jpg", "image/jpeg"],
+  ["js", "text/javascript"],
+  ["json", "application/json"],
+  ["jsonld", "application/ld+json"],
+  ["mid", "audio/midi"],
+  ["midi", "audio/midi"],
+  ["mjs", "text/javascript"],
+  ["mp3", "audio/mpeg"],
+  ["mp4", "video/mp4"],
+  ["mpeg", "video/mpeg"],
+  ["mpkg", "application/vnd.apple.installer+xml"],
+  ["odp", "application/vnd.oasis.opendocument.presentation"],
+  ["ods", "application/vnd.oasis.opendocument.spreadsheet"],
+  ["odt", "application/vnd.oasis.opendocument.text"],
+  ["oga", "audio/ogg"],
+  ["ogv", "video/ogg"],
+  ["ogx", "application/ogg"],
+  ["opus", "audio/opus"],
+  ["otf", "font/otf"],
+  ["png", "image/png"],
+  ["pdf", "application/pdf"],
+  ["php", "application/x-httpd-php"],
+  ["ppt", "application/vnd.ms-powerpoint"],
+  ["pptx", "application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+  ["rar", "application/vnd.rar"],
+  ["rtf", "application/rtf"],
+  ["sh", "application/x-sh"],
+  ["svg", "image/svg+xml"],
+  ["swf", "application/x-shockwave-flash"],
+  ["tar", "application/x-tar"],
+  ["tif", "image/tiff"],
+  ["tiff", "image/tiff"],
+  ["ts", "video/mp2t"],
+  ["ttf", "font/ttf"],
+  ["txt", "text/plain"],
+  ["vsd", "application/vnd.visio"],
+  ["wav", "audio/wav"],
+  ["weba", "audio/webm"],
+  ["webm", "video/webm"],
+  ["webp", "image/webp"],
+  ["woff", "font/woff"],
+  ["woff2", "font/woff2"],
+  ["xhtml", "application/xhtml+xml"],
+  ["xls", "application/vnd.ms-excel"],
+  ["xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+  ["xml", "application/xml"],
+  ["xul", "application/vnd.mozilla.xul+xml"],
+  ["zip", "application/zip"],
+  ["7z", "application/x-7z-compressed"],
+  // Others
+  ["mkv", "video/x-matroska"],
+  ["mov", "video/quicktime"],
+  ["msg", "application/vnd.ms-outlook"]
+]);
+function Y(e, r) {
+  var t = Er(e);
+  if (typeof t.path != "string") {
+    var n = e.webkitRelativePath;
+    Object.defineProperty(t, "path", {
+      value: typeof r == "string" ? r : typeof n == "string" && n.length > 0 ? n : e.name,
+      writable: !1,
+      configurable: !1,
+      enumerable: !0
+    });
+  }
+  return t;
+}
+function Er(e) {
+  var r = e.name, t = r && r.lastIndexOf(".") !== -1;
+  if (t && !e.type) {
+    var n = r.split(".").pop().toLowerCase(), i = xr.get(n);
+    i && Object.defineProperty(e, "type", {
+      value: i,
+      writable: !1,
+      configurable: !1,
+      enumerable: !0
+    });
+  }
+  return e;
+}
+var jr = [
+  // Thumbnail cache files for macOS and Windows
+  ".DS_Store",
+  "Thumbs.db"
+  // Windows
+];
+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 "getFile" in t && typeof t.getFile == "function";
+      }) ? [2, Cr(e)] : [2, []];
+    });
+  });
+}
+function Tr(e) {
+  return oe(e);
+}
+function Ir(e) {
+  return oe(e) && oe(e.target);
+}
+function oe(e) {
+  return typeof e == "object" && e !== null;
+}
+function Sr(e) {
+  return we(e.target.files).map(function(r) {
+    return Y(r);
+  });
+}
+function Cr(e) {
+  return M(this, void 0, void 0, function() {
+    var r;
+    return $(this, function(t) {
+      switch (t.label) {
+        case 0:
+          return [4, Promise.all(e.map(function(n) {
+            return n.getFile();
+          }))];
+        case 1:
+          return r = t.sent(), [2, r.map(function(n) {
+            return Y(n);
+          })];
+      }
+    });
+  });
+}
+function Rr(e, r) {
+  return M(this, void 0, void 0, function() {
+    var t, n;
+    return $(this, function(i) {
+      switch (i.label) {
+        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];
+        case 1:
+          return n = i.sent(), [2, Ne(rr(n))];
+        case 2:
+          return [2, Ne(we(e.files).map(function(a) {
+            return Y(a);
+          }))];
+      }
+    });
+  });
+}
+function Ne(e) {
+  return e.filter(function(r) {
+    return jr.indexOf(r.name) === -1;
+  });
+}
+function we(e) {
+  if (e === null)
+    return [];
+  for (var r = [], t = 0; t < e.length; t++) {
+    var n = e[t];
+    r.push(n);
+  }
+  return r;
+}
+function kr(e) {
+  if (typeof e.webkitGetAsEntry != "function")
+    return Ue(e);
+  var r = e.webkitGetAsEntry();
+  return r && r.isDirectory ? tr(r) : Ue(e);
+}
+function rr(e) {
+  return e.reduce(function(r, t) {
+    return We(We([], Be(r), !1), Be(Array.isArray(t) ? rr(t) : [t]), !1);
+  }, []);
+}
+function Ue(e) {
+  var r = e.getAsFile();
+  if (!r)
+    return Promise.reject("".concat(e, " is not a File"));
+  var t = Y(r);
+  return Promise.resolve(t);
+}
+function zr(e) {
+  return M(this, void 0, void 0, function() {
+    return $(this, function(r) {
+      return [2, e.isDirectory ? tr(e) : Lr(e)];
+    });
+  });
+}
+function tr(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 d, A, w;
+          return $(this, function(v) {
+            switch (v.label) {
+              case 0:
+                if (u.length) return [3, 5];
+                v.label = 1;
+              case 1:
+                return v.trys.push([1, 3, , 4]), [4, Promise.all(i)];
+              case 2:
+                return d = v.sent(), t(d), [3, 4];
+              case 3:
+                return A = v.sent(), n(A), [3, 4];
+              case 4:
+                return [3, 6];
+              case 5:
+                w = Promise.all(u.map(zr)), i.push(w), a(), v.label = 6;
+              case 6:
+                return [
+                  2
+                  /*return*/
+                ];
+            }
+          });
+        });
+      }, function(u) {
+        n(u);
+      });
+    }
+    a();
+  });
+}
+function Lr(e) {
+  return M(this, void 0, void 0, function() {
+    return $(this, function(r) {
+      return [2, new Promise(function(t, n) {
+        e.file(function(i) {
+          var a = Y(i, e.fullPath);
+          t(a);
+        }, function(i) {
+          n(i);
+        });
+      })];
+    });
+  });
+}
+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 !0;
+};
+function Ye(e) {
+  return Hr(e) || Kr(e) || or(e) || $r();
+}
+function $r() {
+  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 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);
+}
+function Ge(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    r && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), t.push.apply(t, n);
+  }
+  return t;
+}
+function qe(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) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    });
+  }
+  return e;
+}
+function nr(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 Wr() {
+  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) {
+  if (e) {
+    if (typeof e == "string") return _e(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);
+  }
+}
+function _e(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) {
+  var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (t != null) {
+    var n = [], i = !0, a = !1, s, u;
+    try {
+      for (t = t.call(e); !(i = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); i = !0)
+        ;
+    } catch (d) {
+      a = !0, u = d;
+    } finally {
+      try {
+        !i && t.return != null && t.return();
+      } finally {
+        if (a) throw u;
+      }
+    }
+    return n;
+  }
+}
+function Nr(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) {
+  r = Array.isArray(r) && r.length === 1 ? r[0] : r;
+  var t = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
+  return {
+    code: Ur,
+    message: "File type must be ".concat(t)
+  };
+}, Je = function(r) {
+  return {
+    code: Yr,
+    message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
+  };
+}, Ve = function(r) {
+  return {
+    code: Gr,
+    message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
+  };
+}, Vr = {
+  code: qr,
+  message: "Too many files"
+};
+function ir(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)];
+    } else {
+      if (S(r) && e.size < r) return [!1, Ve(r)];
+      if (S(t) && e.size > t) return [!1, Je(t)];
+    }
+  return [!0, null];
+}
+function S(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;
+    return v && j && !P;
+  });
+}
+function ie(e) {
+  return typeof e.isPropagationStopped == "function" ? e.isPropagationStopped() : typeof e.cancelBubble < "u" ? e.cancelBubble : !1;
+}
+function ne(e) {
+  return e.dataTransfer ? Array.prototype.some.call(e.dataTransfer.types, function(r) {
+    return r === "Files" || r === "application/x-moz-file";
+  }) : !!e.target && !!e.target.files;
+}
+function Qe(e) {
+  e.preventDefault();
+}
+function Xr(e) {
+  return e.indexOf("MSIE") !== -1 || e.indexOf("Trident/") !== -1;
+}
+function Zr(e) {
+  return e.indexOf("Edge/") !== -1;
+}
+function et() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
+  return Xr(e) || Zr(e);
+}
+function _() {
+  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);
+    });
+  };
+}
+function rt() {
+  return "showOpenFilePicker" in window;
+}
+function tt(e) {
+  if (S(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;
+    }).reduce(function(t, n) {
+      var i = U(n, 2), a = i[0], s = i[1];
+      return qe(qe({}, t), {}, nr({}, a, s));
+    }, {});
+    return [{
+      // description is required due to https://crbug.com/1264708
+      description: "Files",
+      accept: r
+    }];
+  }
+  return e;
+}
+function nt(e) {
+  if (S(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));
+    }, []).filter(function(r) {
+      return cr(r) || ur(r);
+    }).join(",");
+}
+function ot(e) {
+  return e instanceof DOMException && (e.name === "AbortError" || e.code === e.ABORT_ERR);
+}
+function it(e) {
+  return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
+}
+function cr(e) {
+  return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
+}
+function ur(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();
+}
+function ft() {
+  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 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);
+}
+function Ae(e, r) {
+  return vt(e) || gt(e, r) || sr(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) {
+  if (e) {
+    if (typeof e == "string") return Fe(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);
+  }
+}
+function Fe(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 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;
+    try {
+      for (t = t.call(e); !(i = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); i = !0)
+        ;
+    } catch (d) {
+      a = !0, u = d;
+    } finally {
+      try {
+        !i && t.return != null && t.return();
+      } finally {
+        if (a) throw u;
+      }
+    }
+    return n;
+  }
+}
+function vt(e) {
+  if (Array.isArray(e)) return e;
+}
+function Xe(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    r && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), t.push.apply(t, n);
+  }
+  return t;
+}
+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) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
+    });
+  }
+  return e;
+}
+function Oe(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) {
+  if (e == null) return {};
+  var t = yt(e, r), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < a.length; i++)
+      n = a[i], !(r.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
+  }
+  return t;
+}
+function yt(e, r) {
+  if (e == null) return {};
+  var t = {}, n = Object.keys(e), i, a;
+  for (a = 0; a < n.length; a++)
+    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() {
+    return {
+      open: a
+    };
+  }, [a]), /* @__PURE__ */ er.createElement(Ar, null, t(f(f({}, s), {}, {
+    open: a
+  })));
+});
+Ee.displayName = "Dropzone";
+var lr = {
+  disabled: !1,
+  getFilesFromEvent: Pr,
+  maxSize: 1 / 0,
+  minSize: 0,
+  multiple: !0,
+  maxFiles: 0,
+  preventDropOnDocument: !0,
+  noClick: !1,
+  noKeyboard: !1,
+  noDrag: !1,
+  noDragEventsBubbling: !1,
+  validator: null,
+  useFsAccessApi: !0,
+  autoFocus: !1
+};
+Ee.defaultProps = lr;
+Ee.propTypes = {
+  /**
+   * Render function that exposes the dropzone state and prop getter fns
+   *
+   * @param {object} params
+   * @param {Function} params.getRootProps Returns the props you should apply to the root drop container you render
+   * @param {Function} params.getInputProps Returns the props you should apply to hidden file input you render
+   * @param {Function} params.open Open the native file selection dialog
+   * @param {boolean} params.isFocused Dropzone area is in focus
+   * @param {boolean} params.isFileDialogActive File dialog is opened
+   * @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 {File[]} params.acceptedFiles Accepted files
+   * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
+   */
+  children: l.func,
+  /**
+   * Set accepted file types.
+   * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
+   * Keep in mind that mime type determination is not reliable across platforms. CSV files,
+   * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
+   * Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).
+   */
+  accept: l.objectOf(l.arrayOf(l.string)),
+  /**
+   * Allow drag 'n' drop (or selection from the file dialog) of multiple files
+   */
+  multiple: l.bool,
+  /**
+   * If false, allow dropped items to take over the current browser window
+   */
+  preventDropOnDocument: l.bool,
+  /**
+   * If true, disables click to open the native file selection dialog
+   */
+  noClick: l.bool,
+  /**
+   * If true, disables SPACE/ENTER to open the native file selection dialog.
+   * Note that it also stops tracking the focus state.
+   */
+  noKeyboard: l.bool,
+  /**
+   * If true, disables drag 'n' drop
+   */
+  noDrag: l.bool,
+  /**
+   * If true, stops drag event propagation to parents
+   */
+  noDragEventsBubbling: l.bool,
+  /**
+   * Minimum file size (in bytes)
+   */
+  minSize: l.number,
+  /**
+   * Maximum file size (in bytes)
+   */
+  maxSize: l.number,
+  /**
+   * Maximum accepted number of files
+   * The default value is 0 which means there is no limitation to how many files are accepted.
+   */
+  maxFiles: l.number,
+  /**
+   * Enable/disable the dropzone
+   */
+  disabled: l.bool,
+  /**
+   * Use this to provide a custom file aggregator
+   *
+   * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
+   */
+  getFilesFromEvent: l.func,
+  /**
+   * Cb for when closing the file dialog with no selection
+   */
+  onFileDialogCancel: l.func,
+  /**
+   * Cb for when opening the file dialog
+   */
+  onFileDialogOpen: l.func,
+  /**
+   * Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API
+   * to open the file picker instead of using an `<input type="file">` click event.
+   */
+  useFsAccessApi: l.bool,
+  /**
+   * Set to true to focus the root element on render
+   */
+  autoFocus: l.bool,
+  /**
+   * Cb for when the `dragenter` event occurs.
+   *
+   * @param {DragEvent} event
+   */
+  onDragEnter: l.func,
+  /**
+   * Cb for when the `dragleave` event occurs
+   *
+   * @param {DragEvent} event
+   */
+  onDragLeave: l.func,
+  /**
+   * Cb for when the `dragover` event occurs
+   *
+   * @param {DragEvent} event
+   */
+  onDragOver: l.func,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
+   *
+   * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
+   * `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.
+   * If `multiple` is set to false and additional files are dropped,
+   * all files besides the first will be rejected.
+   * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
+   *
+   * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
+   * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
+   *
+   * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
+   * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
+   *
+   * ```js
+   * function onDrop(acceptedFiles) {
+   *   const req = request.post('/upload')
+   *   acceptedFiles.forEach(file => {
+   *     req.attach(file.name, file)
+   *   })
+   *   req.end(callback)
+   * }
+   * ```
+   *
+   * @param {File[]} acceptedFiles
+   * @param {FileRejection[]} fileRejections
+   * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
+   */
+  onDrop: l.func,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that if no files are accepted, this callback is not invoked.
+   *
+   * @param {File[]} files
+   * @param {(DragEvent|Event)} event
+   */
+  onDropAccepted: l.func,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that if no files are rejected, this callback is not invoked.
+   *
+   * @param {FileRejection[]} fileRejections
+   * @param {(DragEvent|Event)} event
+   */
+  onDropRejected: l.func,
+  /**
+   * Cb for when there's some error from any of the promises.
+   *
+   * @param {Error} error
+   */
+  onError: l.func,
+  /**
+   * Custom validation function. It must return null if there's no errors.
+   * @param {File} file
+   * @returns {FileError|FileError[]|null}
+   */
+  validator: l.func
+};
+var xe = {
+  isFocused: !1,
+  isFileDialogActive: !1,
+  isDragActive: !1,
+  isDragAccept: !1,
+  isDragReject: !1,
+  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() {
+    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() {
+      if (h.current) {
+        var c = h.current.files;
+        c.length || (y({
+          type: "closeDialog"
+        }), J());
+      }
+    }, 300);
+  };
+  De(function() {
+    return window.addEventListener("focus", Ce, !1), function() {
+      window.removeEventListener("focus", Ce, !1);
+    };
+  }, [h, Se, J, V]);
+  var C = te([]), Re = function(c) {
+    g.current && g.current.contains(c.target) || (c.preventDefault(), C.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));
+    };
+  }, [g, O]), De(function() {
+    return !n && q && g.current && g.current.focus(), function() {
+    };
+  }, [g, q, n]);
+  var I = 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)) {
+        var p = c.length, m = p > 0 && Qr({
+          files: c,
+          accept: W,
+          minSize: s,
+          maxSize: a,
+          multiple: u,
+          maxFiles: d,
+          validator: H
+        }), b = p > 0 && !m;
+        y({
+          isDragAccept: m,
+          isDragReject: b,
+          isDragActive: !0,
+          type: "setDraggedFiles"
+        }), A && A(o);
+      }
+    }).catch(function(c) {
+      return I(c);
+    });
+  }, [i, A, I, T, W, s, a, u, d, H]), ze = D(function(o) {
+    o.preventDefault(), o.persist(), ee(o);
+    var c = ne(o);
+    if (c && o.dataTransfer)
+      try {
+        o.dataTransfer.dropEffect = "copy";
+      } 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) {
+      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({
+      type: "setDraggedFiles",
+      isDragActive: !1,
+      isDragAccept: !1,
+      isDragReject: !1
+    }), ne(o) && w && w(o));
+  }, [g, w, T]), Q = 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;
+      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;
+          })
+        });
+      }
+    }), (!u && p.length > 1 || u && d >= 1 && p.length > d) && (p.forEach(function(b) {
+      m.push({
+        file: b,
+        errors: [Vr]
+      });
+    }), p.splice(0)), y({
+      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);
+    }).catch(function(c) {
+      return I(c);
+    }), y({
+      type: "reset"
+    });
+  }, [i, Q, I, T]), R = D(function() {
+    if (V.current) {
+      y({
+        type: "openDialog"
+      }), se();
+      var o = {
+        multiple: u,
+        types: Te
+      };
+      window.showOpenFilePicker(o).then(function(c) {
+        return i(c);
+      }).then(function(c) {
+        Q(c, null), y({
+          type: "closeDialog"
+        });
+      }).catch(function(c) {
+        ot(c) ? (J(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);
+      });
+      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) {
+    !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() {
+    y({
+      type: "focus"
+    });
+  }, []), Ke = D(function() {
+    y({
+      type: "blur"
+    });
+  }, []), He = D(function() {
+    je || (et() ? setTimeout(R, 0) : R());
+  }, [je, R]), k = function(c) {
+    return n ? null : c;
+  }, fe = function(c) {
+    return ce ? null : k(c);
+  }, Z = function(c) {
+    return Pe ? null : k(c);
+  }, ee = function(c) {
+    T && c.stopPropagation();
+  }, mr = 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)),
+        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) {
+    o.stopPropagation();
+  }, []), vr = 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,
+        type: "file",
+        style: {
+          display: "none"
+        },
+        onChange: k(_(m, X)),
+        onClick: k(_(b, gr)),
+        tabIndex: -1
+      }, p, h);
+      return f(f({}, z), B);
+    };
+  }, [h, t, u, X, n]);
+  return f(f({}, le), {}, {
+    isFocused: dr && !n,
+    getRootProps: mr,
+    getInputProps: vr,
+    rootRef: g,
+    inputRef: h,
+    open: k(R)
+  });
+}
+function bt(e, r) {
+  switch (r.type) {
+    case "focus":
+      return f(f({}, e), {}, {
+        isFocused: !0
+      });
+    case "blur":
+      return f(f({}, e), {}, {
+        isFocused: !1
+      });
+    case "openDialog":
+      return f(f({}, xe), {}, {
+        isFileDialogActive: !0
+      });
+    case "closeDialog":
+      return f(f({}, e), {}, {
+        isFileDialogActive: !1
+      });
+    case "setDraggedFiles":
+      return f(f({}, e), {}, {
+        isDragActive: r.isDragActive,
+        isDragAccept: r.isDragAccept,
+        isDragReject: r.isDragReject
+      });
+    case "setFiles":
+      return f(f({}, e), {}, {
+        acceptedFiles: r.acceptedFiles,
+        fileRejections: r.fileRejections
+      });
+    case "reset":
+      return f({}, xe);
+    default:
+      return e;
+  }
+}
+function Ze() {
+}
+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
+};
+function Rt(e) {
+  const {
+    value: r,
+    onChange: t,
+    text: n,
+    linkText: i,
+    removeItemAriaLabel: a = "",
+    rootAriaLabel: s = "",
+    onRemoveFile: u,
+    ...d
+  } = e, {
+    isFocused: A,
+    isDragActive: w,
+    isDragAccept: v,
+    isDragReject: x,
+    isFileDialogActive: E,
+    acceptedFiles: 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,
+    [F.dragReject]: x,
+    [F.fileDialogActive]: E
+  });
+  return /* @__PURE__ */ he("section", { className: F.root, children: [
+    /* @__PURE__ */ he(
+      "div",
+      {
+        className: q,
+        ...P({
+          "aria-label": s
+        }),
+        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 })
+          ] })
+        ]
+      }
+    ),
+    j.map((O) => /* @__PURE__ */ N(
+      Or,
+      {
+        removeAriaLabel: a,
+        file: O,
+        onRemoveFile: G
+      },
+      O.path
+    ))
+  ] });
+}
+export {
+  Rt as InputDropzone
+};