welcome-ui 7.3.0 → 8.0.0-alpha.0

package/dist/FileDrop.mjs

@@ -2,14 +2,14 @@
 import s, { forwardRef as Ei, useImperativeHandle as zi, Fragment as Ai, useMemo as V, useRef as fa, useReducer as Fi, useEffect as ia, useCallback as E, useState as Ya } from "react";
 import { P as d } from "./index-SbQUT2mU.mjs";
 import { c as Va } from "./create-event-rXDe5aCQ.mjs";
-import wa, { css as _a, th as _, system as Oi } from "@xstyled/styled-components";
-import { shouldForwardProp as _i, forwardRef as Pi } from "./System.mjs";
+import wa, { css as _a, th as _ } from "@xstyled/styled-components";
+import { shouldForwardProp as Oi, forwardRef as _i } from "./System.mjs";
 import { Text as xa } from "./Text.mjs";
 import { Button as ga } from "./Button.mjs";
 import "./Icon.mjs";
-import { E as Ii } from "./index-DqBUFsqP.mjs";
-import { getFileIcon as Ri, getFileSize as Si, getFileName as li } from "./Files.mjs";
-import { P as Ti, N as qi, E as Ci, T as Li } from "./index-CExLVjET.mjs";
+import { E as Pi } from "./index-DqBUFsqP.mjs";
+import { getFileIcon as Ii, getFileSize as Ri, getFileName as li } from "./Files.mjs";
+import { P as Si, N as Ti, E as qi, T as Ci } from "./index-CExLVjET.mjs";
 function H(a, i, t, e) {
   function n(o) {
     return o instanceof t ? o : new t(function(c) {
@@ -37,7 +37,7 @@ function H(a, i, t, e) {
     h((e = e.apply(a, i || [])).next());
   });
 }
-const $i = /* @__PURE__ */ new Map([
+const Li = /* @__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"],
@@ -1241,13 +1241,13 @@ const $i = /* @__PURE__ */ new Map([
   ["zsh", "text/x-scriptzsh"]
 ]);
 function G(a, i, t) {
-  const e = Mi(a), { webkitRelativePath: n } = a, o = typeof i == "string" ? i : typeof n == "string" && n.length > 0 ? n : `./${a.name}`;
+  const e = $i(a), { webkitRelativePath: n } = a, o = typeof i == "string" ? i : typeof n == "string" && n.length > 0 ? n : `./${a.name}`;
   return typeof e.path != "string" && Ga(e, "path", o), Ga(e, "relativePath", o), e;
 }
-function Mi(a) {
+function $i(a) {
   const { name: i } = a;
   if (i && i.lastIndexOf(".") !== -1 && !a.type) {
-    const e = i.split(".").pop().toLowerCase(), n = $i.get(e);
+    const e = i.split(".").pop().toLowerCase(), n = Li.get(e);
     n && Object.defineProperty(a, "type", {
       value: n,
       writable: !1,
@@ -1265,49 +1265,49 @@ function Ga(a, i, t) {
     enumerable: !0
   });
 }
-const Ki = [
+const Mi = [
   // Thumbnail cache files for macOS and Windows
   ".DS_Store",
   // macOs
   "Thumbs.db"
   // Windows
 ];
-function Hi(a) {
+function Ki(a) {
   return H(this, void 0, void 0, function* () {
-    return ba(a) && Wi(a.dataTransfer) ? Yi(a.dataTransfer, a.type) : Bi(a) ? Ni(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Ui(a) : [];
+    return ba(a) && Hi(a.dataTransfer) ? Ui(a.dataTransfer, a.type) : Wi(a) ? Bi(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Ni(a) : [];
   });
 }
-function Wi(a) {
+function Hi(a) {
   return ba(a);
 }
-function Bi(a) {
+function Wi(a) {
   return ba(a) && ba(a.target);
 }
 function ba(a) {
   return typeof a == "object" && a !== null;
 }
-function Ni(a) {
+function Bi(a) {
   return Ra(a.target.files).map((i) => G(i));
 }
-function Ui(a) {
+function Ni(a) {
   return H(this, void 0, void 0, function* () {
     return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => G(t));
   });
 }
-function Yi(a, i) {
+function Ui(a, i) {
   return H(this, void 0, void 0, function* () {
     if (a.items) {
       const t = Ra(a.items).filter((n) => n.kind === "file");
       if (i !== "drop")
         return t;
-      const e = yield Promise.all(t.map(Vi));
+      const e = yield Promise.all(t.map(Yi));
       return Za(ri(e));
     }
     return Za(Ra(a.files).map((t) => G(t)));
   });
 }
 function Za(a) {
-  return a.filter((i) => Ki.indexOf(i.name) === -1);
+  return a.filter((i) => Mi.indexOf(i.name) === -1);
 }
 function Ra(a) {
   if (a === null)
@@ -1319,7 +1319,7 @@ function Ra(a) {
   }
   return i;
 }
-function Vi(a) {
+function Yi(a) {
   if (typeof a.webkitGetAsEntry != "function")
     return Ja(a);
   const i = a.webkitGetAsEntry();
@@ -1344,9 +1344,9 @@ function Ja(a, i) {
   const n = G(e, (t = i == null ? void 0 : i.fullPath) !== null && t !== void 0 ? t : void 0);
   return Promise.resolve(n);
 }
-function Gi(a) {
+function Vi(a) {
   return H(this, void 0, void 0, function* () {
-    return a.isDirectory ? si(a) : Zi(a);
+    return a.isDirectory ? si(a) : Gi(a);
   });
 }
 function si(a) {
@@ -1356,7 +1356,7 @@ function si(a) {
     function o() {
       i.readEntries((c) => H(this, void 0, void 0, function* () {
         if (c.length) {
-          const r = Promise.all(c.map(Gi));
+          const r = Promise.all(c.map(Vi));
           n.push(r), o();
         } else
           try {
@@ -1372,7 +1372,7 @@ function si(a) {
     o();
   });
 }
-function Zi(a) {
+function Gi(a) {
   return H(this, void 0, void 0, function* () {
     return new Promise((i, t) => {
       a.file((e) => {
@@ -1398,16 +1398,16 @@ var Pa = function(a, i) {
   return !0;
 };
 function Xa(a) {
-  return Qi(a) || Xi(a) || mi(a) || Ji();
+  return Xi(a) || Ji(a) || mi(a) || Zi();
 }
-function Ji() {
+function Zi() {
   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 Xi(a) {
+function Ji(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
-function Qi(a) {
+function Xi(a) {
   if (Array.isArray(a)) return Sa(a);
 }
 function Qa(a, i) {
@@ -1435,9 +1435,9 @@ function di(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
 function ta(a, i) {
-  return tt(a) || it(a, i) || mi(a, i) || at();
+  return it(a) || at(a, i) || mi(a, i) || Qi();
 }
-function at() {
+function Qi() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
@@ -1455,7 +1455,7 @@ function Sa(a, i) {
     e[t] = a[t];
   return e;
 }
-function it(a, i) {
+function at(a, i) {
   var t = a == null ? null : typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (t != null) {
     var e = [], n = !0, o = !1, c, r;
@@ -1474,32 +1474,32 @@ function it(a, i) {
     return e;
   }
 }
-function tt(a) {
+function it(a) {
   if (Array.isArray(a)) return a;
 }
-var et = typeof Pa == "function" ? Pa : Pa.default, nt = "file-invalid-type", pt = "file-too-large", ot = "file-too-small", ct = "too-many-files", lt = function() {
+var tt = typeof Pa == "function" ? Pa : Pa.default, et = "file-invalid-type", nt = "file-too-large", pt = "file-too-small", ot = "too-many-files", ct = function() {
   var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = i.split(","), e = t.length > 1 ? "one of ".concat(t.join(", ")) : t[0];
   return {
-    code: nt,
+    code: et,
     message: "File type must be ".concat(e)
   };
 }, ii = function(i) {
   return {
-    code: pt,
+    code: nt,
     message: "File is larger than ".concat(i, " ").concat(i === 1 ? "byte" : "bytes")
   };
 }, ti = function(i) {
   return {
-    code: ot,
+    code: pt,
     message: "File is smaller than ".concat(i, " ").concat(i === 1 ? "byte" : "bytes")
   };
-}, rt = {
-  code: ct,
+}, lt = {
+  code: ot,
   message: "Too many files"
 };
 function ui(a, i) {
-  var t = a.type === "application/x-moz-file" || et(a, i);
-  return [t, t ? null : lt(i)];
+  var t = a.type === "application/x-moz-file" || tt(a, i);
+  return [t, t ? null : ct(i)];
 }
 function fi(a, i, t) {
   if (K(a.size))
@@ -1515,7 +1515,7 @@ function fi(a, i, t) {
 function K(a) {
   return a != null;
 }
-function st(a) {
+function rt(a) {
   var i = a.files, t = a.accept, e = a.minSize, n = a.maxSize, o = a.multiple, c = a.maxFiles, r = a.validator;
   return !o && i.length > 1 || o && c >= 1 && i.length > c ? !1 : i.every(function(f) {
     var h = ui(f, t), x = ta(h, 1), k = x[0], P = fi(f, e, n), R = ta(P, 1), j = R[0], I = r ? r(f) : null;
@@ -1533,15 +1533,15 @@ function va(a) {
 function ei(a) {
   a.preventDefault();
 }
-function dt(a) {
+function st(a) {
   return a.indexOf("MSIE") !== -1 || a.indexOf("Trident/") !== -1;
 }
-function mt(a) {
+function dt(a) {
   return a.indexOf("Edge/") !== -1;
 }
-function ut() {
+function mt() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
-  return dt(a) || mt(a);
+  return st(a) || dt(a);
 }
 function O() {
   for (var a = arguments.length, i = new Array(a), t = 0; t < a; t++)
@@ -1554,10 +1554,10 @@ function O() {
     });
   };
 }
-function ft() {
+function ut() {
   return "showOpenFilePicker" in window;
 }
-function vt(a) {
+function ft(a) {
   if (K(a)) {
     var i = Object.entries(a).filter(function(t) {
       var e = ta(t, 2), n = e[0], o = e[1], c = !0;
@@ -1574,7 +1574,7 @@ function vt(a) {
   }
   return a;
 }
-function xt(a) {
+function vt(a) {
   if (K(a))
     return Object.entries(a).reduce(function(i, t) {
       var e = ta(t, 2), n = e[0], o = e[1];
@@ -1583,10 +1583,10 @@ function xt(a) {
       return vi(i) || xi(i);
     }).join(",");
 }
-function gt(a) {
+function xt(a) {
   return a instanceof DOMException && (a.name === "AbortError" || a.code === a.ABORT_ERR);
 }
-function bt(a) {
+function gt(a) {
   return a instanceof DOMException && (a.name === "SecurityError" || a.code === a.SECURITY_ERR);
 }
 function vi(a) {
@@ -1595,24 +1595,24 @@ function vi(a) {
 function xi(a) {
   return /^.*\.[\w]+$/.test(a);
 }
-var ht = ["children"], yt = ["open"], wt = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], kt = ["refKey", "onChange", "onClick"];
-function jt(a) {
-  return zt(a) || Et(a) || gi(a) || Dt();
+var bt = ["children"], ht = ["open"], yt = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], wt = ["refKey", "onChange", "onClick"];
+function kt(a) {
+  return Et(a) || Dt(a) || gi(a) || jt();
 }
-function Dt() {
+function jt() {
   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 Et(a) {
+function Dt(a) {
   if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
 }
-function zt(a) {
+function Et(a) {
   if (Array.isArray(a)) return Ta(a);
 }
 function Ia(a, i) {
-  return Ot(a) || Ft(a, i) || gi(a, i) || At();
+  return Ft(a) || At(a, i) || gi(a, i) || zt();
 }
-function At() {
+function zt() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
@@ -1630,7 +1630,7 @@ function Ta(a, i) {
     e[t] = a[t];
   return e;
 }
-function Ft(a, i) {
+function At(a, i) {
   var t = a == null ? null : typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (t != null) {
     var e = [], n = !0, o = !1, c, r;
@@ -1649,7 +1649,7 @@ function Ft(a, i) {
     return e;
   }
 }
-function Ot(a) {
+function Ft(a) {
   if (Array.isArray(a)) return a;
 }
 function ni(a, i) {
@@ -1678,7 +1678,7 @@ function qa(a, i, t) {
 }
 function ya(a, i) {
   if (a == null) return {};
-  var t = _t(a, i), e, n;
+  var t = Ot(a, i), e, n;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(a);
     for (n = 0; n < o.length; n++)
@@ -1686,7 +1686,7 @@ function ya(a, i) {
   }
   return t;
 }
-function _t(a, i) {
+function Ot(a, i) {
   if (a == null) return {};
   var t = {}, e = Object.keys(a), n, o;
   for (o = 0; o < e.length; o++)
@@ -1694,7 +1694,7 @@ function _t(a, i) {
   return t;
 }
 var La = /* @__PURE__ */ Ei(function(a, i) {
-  var t = a.children, e = ya(a, ht), n = hi(e), o = n.open, c = ya(n, yt);
+  var t = a.children, e = ya(a, bt), n = hi(e), o = n.open, c = ya(n, ht);
   return zi(i, function() {
     return {
       open: o
@@ -1706,7 +1706,7 @@ var La = /* @__PURE__ */ Ei(function(a, i) {
 La.displayName = "Dropzone";
 var bi = {
   disabled: !1,
-  getFilesFromEvent: Hi,
+  getFilesFromEvent: Ki,
   maxSize: 1 / 0,
   minSize: 0,
   multiple: !0,
@@ -1900,14 +1900,14 @@ var Ca = {
 };
 function hi() {
   var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = u(u({}, bi), a), t = i.accept, e = i.disabled, n = i.getFilesFromEvent, o = i.maxSize, c = i.minSize, r = i.multiple, f = i.maxFiles, h = i.onDragEnter, x = i.onDragLeave, k = i.onDragOver, P = i.onDrop, R = i.onDropAccepted, j = i.onDropRejected, I = i.onFileDialogCancel, q = i.onFileDialogOpen, ea = i.useFsAccessApi, na = i.autoFocus, Z = i.preventDropOnDocument, D = i.noClick, S = i.noKeyboard, W = i.noDrag, z = i.noDragEventsBubbling, J = i.onError, C = i.validator, L = V(function() {
-    return xt(t);
-  }, [t]), pa = V(function() {
     return vt(t);
+  }, [t]), pa = V(function() {
+    return ft(t);
   }, [t]), X = V(function() {
     return typeof q == "function" ? q : pi;
   }, [q]), $ = V(function() {
     return typeof I == "function" ? I : pi;
-  }, [I]), b = fa(null), y = fa(null), oa = Fi(Pt, Ca), ca = Ia(oa, 2), A = ca[0], m = ca[1], F = A.isFocused, la = A.isFileDialogActive, B = fa(typeof window < "u" && window.isSecureContext && ea && ft()), Q = function() {
+  }, [I]), b = fa(null), y = fa(null), oa = Fi(_t, Ca), ca = Ia(oa, 2), A = ca[0], m = ca[1], F = A.isFocused, la = A.isFileDialogActive, B = fa(typeof window < "u" && window.isSecureContext && ea && ut()), Q = function() {
     !B.current && la && setTimeout(function() {
       if (y.current) {
         var l = y.current.files;
@@ -1936,9 +1936,9 @@ function hi() {
   var M = E(function(p) {
     J ? J(p) : console.error(p);
   }, [J]), Ma = E(function(p) {
-    p.preventDefault(), p.persist(), ma(p), T.current = [].concat(jt(T.current), [p.target]), va(p) && Promise.resolve(n(p)).then(function(l) {
+    p.preventDefault(), p.persist(), ma(p), T.current = [].concat(kt(T.current), [p.target]), va(p) && Promise.resolve(n(p)).then(function(l) {
       if (!(ha(p) && !z)) {
-        var v = l.length, g = v > 0 && st({
+        var v = l.length, g = v > 0 && rt({
           files: l,
           accept: L,
           minSize: c,
@@ -1995,7 +1995,7 @@ function hi() {
     }), (!r && v.length > 1 || r && f >= 1 && v.length > f) && (v.forEach(function(w) {
       g.push({
         file: w,
-        errors: [rt]
+        errors: [lt]
       });
     }), v.splice(0)), m({
       acceptedFiles: v,
@@ -2027,9 +2027,9 @@ function hi() {
           type: "closeDialog"
         });
       }).catch(function(l) {
-        gt(l) ? ($(l), m({
+        xt(l) ? ($(l), m({
           type: "closeDialog"
-        })) : bt(l) ? (B.current = !1, y.current ? (y.current.value = null, y.current.click()) : M(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."))) : M(l);
+        })) : gt(l) ? (B.current = !1, y.current ? (y.current.value = null, y.current.click()) : M(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."))) : M(l);
       });
       return;
     }
@@ -2047,7 +2047,7 @@ function hi() {
       type: "blur"
     });
   }, []), Ua = E(function() {
-    D || (ut() ? setTimeout(N, 0) : N());
+    D || (mt() ? setTimeout(N, 0) : N());
   }, [D, N]), U = function(l) {
     return e ? null : l;
   }, ka = function(l) {
@@ -2058,7 +2058,7 @@ function hi() {
     z && l.stopPropagation();
   }, wi = V(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, l = p.refKey, v = l === void 0 ? "ref" : l, g = p.role, w = p.onKeyDown, aa = p.onFocus, Y = p.onBlur, ja = p.onClick, Da = p.onDragEnter, Ea = p.onDragOver, ua = p.onDragLeave, za = p.onDrop, Aa = ya(p, wt);
+      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, l = p.refKey, v = l === void 0 ? "ref" : l, g = p.role, w = p.onKeyDown, aa = p.onFocus, Y = p.onBlur, ja = p.onClick, Da = p.onDragEnter, Ea = p.onDragOver, ua = p.onDragLeave, za = p.onDrop, Aa = ya(p, yt);
       return u(u(qa({
         onKeyDown: ka(O(w, Wa)),
         onFocus: ka(O(aa, Ba)),
@@ -2077,7 +2077,7 @@ function hi() {
     p.stopPropagation();
   }, []), ji = V(function() {
     return function() {
-      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, l = p.refKey, v = l === void 0 ? "ref" : l, g = p.onChange, w = p.onClick, aa = ya(p, kt), Y = qa({
+      var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, l = p.refKey, v = l === void 0 ? "ref" : l, g = p.onChange, w = p.onClick, aa = ya(p, wt), Y = qa({
         accept: L,
         multiple: r,
         type: "file",
@@ -2109,7 +2109,7 @@ function hi() {
     open: U(N)
   });
 }
-function Pt(a, i) {
+function _t(a, i) {
   switch (i.type) {
     case "focus":
       return u(u({}, a), {}, {
@@ -2147,7 +2147,7 @@ function Pt(a, i) {
 }
 function pi() {
 }
-const It = wa("div").withConfig({ shouldForwardProp: _i })(
+const Pt = wa.divBox.withConfig({ shouldForwardProp: Oi })(
   ({ disabled: a, isDragAccept: i, isDragReject: t }) => _a`
     ${_("defaultFields.default")};
     ${_("fileDrops.default")};
@@ -2162,7 +2162,6 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
     align-items: center;
     padding: md;
     transition: medium;
-    ${Oi};
 
     &:focus {
       ${_("defaultFields.focused.default")};
@@ -2173,7 +2172,7 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
       ${_("fileDrops.disabled")};
     `};
   `
-), Rt = wa.div`
+), It = wa.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -2184,7 +2183,7 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`, St = wa.div`
+`, Rt = wa.div`
   position: absolute;
   top: ${_.space("md")};
   right: ${_.space("md")};
@@ -2196,15 +2195,15 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
   hint: t = "Drag & drop a file here or",
   openFile: e,
   title: n = "Add file"
-}) => /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(xa, { color: "neutral-90", m: "0", variant: "h4" }, n), /* @__PURE__ */ s.createElement(xa, { color: "beige-70", m: "0", mt: "xs", variant: "sm" }, t), /* @__PURE__ */ s.createElement(ga, { disabled: a, mt: "lg", onClick: e, type: "button" }, i)), Tt = ({
+}) => /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(xa, { color: "neutral-90", m: "0", variant: "h4" }, n), /* @__PURE__ */ s.createElement(xa, { color: "beige-70", m: "0", mt: "xs", variant: "sm" }, t), /* @__PURE__ */ s.createElement(ga, { disabled: a, mt: "lg", onClick: e, type: "button" }, i)), St = ({
   file: a,
   fileName: i,
   forceFileType: t,
   previewButtonText: e = "Preview"
 }) => {
-  const n = typeof a == "string", o = Ri(a, t), c = a instanceof File ? Si(a) : null, r = n && i ? i : li(a);
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(o, { color: "neutral-90", h: 50, mb: "lg", w: 50 }), /* @__PURE__ */ s.createElement(xa, { color: "neutral-90", lines: 1, m: 0, maxWidth: 600, variant: "h4" }, r), !n && /* @__PURE__ */ s.createElement(xa, { color: "beige-70", fontWeight: "medium", lines: 1, m: 0, variant: "sm" }, c), n && /* @__PURE__ */ s.createElement(ga, { as: "a", href: a, mt: "md", rel: "noopener", size: "sm", target: "_blank" }, /* @__PURE__ */ s.createElement("span", null, e), /* @__PURE__ */ s.createElement(Ii, null)));
-}, qt = ({
+  const n = typeof a == "string", o = Ii(a, t), c = a instanceof File ? Ri(a) : null, r = n && i ? i : li(a);
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(o, { color: "neutral-90", h: 50, mb: "lg", w: 50 }), /* @__PURE__ */ s.createElement(xa, { color: "neutral-90", lines: 1, m: 0, maxWidth: 600, variant: "h4" }, r), !n && /* @__PURE__ */ s.createElement(xa, { color: "beige-70", fontWeight: "medium", lines: 1, m: 0, variant: "sm" }, c), n && /* @__PURE__ */ s.createElement(ga, { as: "a", href: a, mt: "md", rel: "noopener", size: "sm", target: "_blank" }, /* @__PURE__ */ s.createElement("span", null, e), /* @__PURE__ */ s.createElement(Pi, null)));
+}, Tt = ({
   disabled: a,
   error: i,
   file: t,
@@ -2216,7 +2215,7 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
   isHoverReject: f,
   openFile: h,
   wordings: x
-}) => r ? /* @__PURE__ */ s.createElement(Ti, null) : f ? /* @__PURE__ */ s.createElement(qi, null) : i ? /* @__PURE__ */ s.createElement(oi, { openFile: h, ...x }) : n ? c ? /* @__PURE__ */ s.createElement(yi, { src: n }) : /* @__PURE__ */ s.createElement(Tt, { file: t, fileName: e, forceFileType: o, ...x }) : /* @__PURE__ */ s.createElement(oi, { disabled: a, openFile: h, ...x }), ci = /\.(jpeg|jpg|gif|png|webp)$/, Ct = (a) => a ? typeof a == "string" ? !!li(a).match(ci) : a.name ? !!a.name.match(ci) : !1 : !1, Lt = (a) => {
+}) => r ? /* @__PURE__ */ s.createElement(Si, null) : f ? /* @__PURE__ */ s.createElement(Ti, null) : i ? /* @__PURE__ */ s.createElement(oi, { openFile: h, ...x }) : n ? c ? /* @__PURE__ */ s.createElement(yi, { src: n }) : /* @__PURE__ */ s.createElement(St, { file: t, fileName: e, forceFileType: o, ...x }) : /* @__PURE__ */ s.createElement(oi, { disabled: a, openFile: h, ...x }), ci = /\.(jpeg|jpg|gif|png|webp)$/, qt = (a) => a ? typeof a == "string" ? !!li(a).match(ci) : a.name ? !!a.name.match(ci) : !1 : !1, Ct = (a) => {
   let i;
   if (a instanceof File ? i = a.preview : i = a, typeof i != "string" || i.startsWith("blob:"))
     return i;
@@ -2226,12 +2225,12 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
     } catch {
       return;
     }
-}, $t = hi, Mt = 2e6, Kt = "ERROR_INVALID_TYPE", Ht = "ERROR_INVALID_SIZE", Wt = Pi(
+}, Lt = hi, $t = 2e6, Mt = "ERROR_INVALID_TYPE", Kt = "ERROR_INVALID_SIZE", Ht = _i(
   ({
     accept: a = {
       "image/*": []
     },
-    children: i = qt,
+    children: i = Tt,
     dataTestId: t,
     disabled: e,
     fileName: n,
@@ -2240,7 +2239,7 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
     handleRemoveFile: r,
     isClearable: f,
     isEditable: h,
-    maxSize: x = Mt,
+    maxSize: x = $t,
     multiple: k,
     name: P,
     onBlur: R,
@@ -2264,14 +2263,14 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
       A.map(({ errors: la }) => {
         la.map((B) => {
           const { code: Q, message: T } = B;
-          Q === "file-invalid-type" ? F = Kt : Q === "file-too-large" ? F = Ht : F = T;
+          Q === "file-invalid-type" ? F = Mt : Q === "file-too-large" ? F = Kt : F = T;
         });
       }), S(null), z(F), I && I(F), j && j(m), R && R();
     }, L = (A) => {
       A.preventDefault(), S(null), z(null);
       const m = Va({ name: P, value: null });
       j && j(m), r && r(m);
-    }, { getInputProps: pa, getRootProps: X, isDragAccept: $, isDragActive: b, isDragReject: y, open: oa } = $t({
+    }, { getInputProps: pa, getRootProps: X, isDragAccept: $, isDragActive: b, isDragReject: y, open: oa } = Lt({
       accept: a,
       disabled: e,
       maxSize: x,
@@ -2281,7 +2280,7 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
       onDropRejected: C
     }), ca = (A) => I(A);
     return /* @__PURE__ */ s.createElement(
-      It,
+      Pt,
       {
         ...X({
           "data-testid": t,
@@ -2303,25 +2302,25 @@ const It = wa("div").withConfig({ shouldForwardProp: _i })(
           style: { display: "block", opacity: 0, height: 0, width: 0 }
         }
       ),
-      /* @__PURE__ */ s.createElement(Rt, null, i({
+      /* @__PURE__ */ s.createElement(It, null, i({
         disabled: e,
         error: W,
         file: D,
         fileName: n,
-        fileUrl: D && Lt(D),
+        fileUrl: D && Ct(D),
         forceFileType: o,
-        isAnImage: o === "image" || Ct(D),
+        isAnImage: o === "image" || qt(D),
         isHoverAccept: $,
         isHoverReject: y,
         openFile: oa,
         wordings: ea
-      }), !!D && (W || h || f) && /* @__PURE__ */ s.createElement(St, null, (W || h) && /* @__PURE__ */ s.createElement(ga, { onClick: oa, shape: "circle", size: "sm", type: "button", variant: "tertiary" }, /* @__PURE__ */ s.createElement(Ci, null)), f && /* @__PURE__ */ s.createElement(ga, { danger: !0, onClick: L, shape: "circle", size: "sm", type: "button" }, /* @__PURE__ */ s.createElement(Li, null))))
+      }), !!D && (W || h || f) && /* @__PURE__ */ s.createElement(Rt, null, (W || h) && /* @__PURE__ */ s.createElement(ga, { onClick: oa, shape: "circle", size: "sm", type: "button", variant: "tertiary" }, /* @__PURE__ */ s.createElement(qi, null)), f && /* @__PURE__ */ s.createElement(ga, { danger: !0, onClick: L, shape: "circle", size: "sm", type: "button" }, /* @__PURE__ */ s.createElement(Ci, null))))
     );
   }
 );
-Wt.displayName = "FileDrop";
-const ie = yi;
+Ht.displayName = "FileDrop";
+const ae = yi;
 export {
-  Wt as FileDrop,
-  ie as ImagePreview
+  Ht as FileDrop,
+  ae as ImagePreview
 };

package/dist/FileUpload.mjs

@@ -1,6 +1,6 @@
 "use client";
-import n, { useState as x, useRef as z, useEffect as k } from "react";
-import { c as v } from "./create-event-rXDe5aCQ.mjs";
+import n, { useState as x, useRef as z, useEffect as v } from "react";
+import { c as _ } from "./create-event-rXDe5aCQ.mjs";
 import D from "@xstyled/styled-components";
 import { shouldForwardProp as h, forwardRef as C } from "./System.mjs";
 import { Button as N } from "./Button.mjs";
@@ -34,9 +34,9 @@ const Y = D.inputBox.withConfig({ shouldForwardProp: h })`
     ...S
   }, s) => {
     const [c, F] = x(A(E)), U = z();
-    k(() => {
+    v(() => {
       F(A(E));
-    }, [E]), k(() => () => {
+    }, [E]), v(() => () => {
       c && c.map((e) => e instanceof File ? URL.revokeObjectURL(e.preview) : e);
     }, [c]);
     const T = (e) => {
@@ -44,17 +44,17 @@ const Y = D.inputBox.withConfig({ shouldForwardProp: h })`
         (a) => (a.preview = URL.createObjectURL(a), a)
       );
       F(r), r.length === 1 && (r = r[0]);
-      const d = v({ name: f, value: r });
+      const d = _({ name: f, value: r });
       p && p(d), y && y(r), i && i();
-    }, _ = (e) => {
+    }, L = (e) => {
       const r = c.filter((j) => j !== e), d = R ? r : void 0;
       F(r);
-      const a = v({ name: f, value: d });
+      const a = _({ name: f, value: d });
       p && p(a), g && g(e), i && i();
-    }, L = () => {
+    }, k = () => {
       U.current.click();
     }, b = c.map((e) => e instanceof File ? e.preview : void 0).join("");
-    return /* @__PURE__ */ n.createElement(n.Fragment, null, m ? m({ openFile: L, disabled: o, files: c, onRemoveFile: _ }) : /* @__PURE__ */ n.createElement(N, { disabled: o, onClick: L }, "Upload file"), /* @__PURE__ */ n.createElement("br", null), /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, m ? m({ openFile: k, disabled: o, files: c, onRemoveFile: L }) : /* @__PURE__ */ n.createElement(N, { disabled: o, onClick: k }, "Upload file"), /* @__PURE__ */ n.createElement("br", null), /* @__PURE__ */ n.createElement(
       Y,
       {
         accept: t,
@@ -77,7 +77,7 @@ const Y = D.inputBox.withConfig({ shouldForwardProp: h })`
       {
         file: e,
         key: e instanceof File ? e.name : e,
-        onRemove: () => _(e)
+        onRemove: () => L(e)
       }
     )));
   }