@cfx-dev/ui-components 1.0.1 → 1.1.0

package/dist/components/InputDropzone/InputDropzone.js

@@ -2,11 +2,11 @@ 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-CIXYyG0c.js";
+import { G as wr } from "../../iconBase-Bipuk9tK.js";
 import { Icon as _r } from "../Icon/Icon.js";
-import { clsx as Fr } from "../../utils/clsx.js";
+import { clsx as xr } from "../../utils/clsx.js";
 import { ItemPreview as Or } from "./ItemPreview.js";
-import '../../assets/InputDropzone.css';var xr = /* @__PURE__ */ new Map([
+import '../../assets/InputDropzone.css';var Fr = /* @__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,7 +90,7 @@ import '../../assets/InputDropzone.css';var xr = /* @__PURE__ */ new Map([
   ["mov", "video/quicktime"],
   ["msg", "application/vnd.ms-outlook"]
 ]);
-function Y(e, r) {
+function G(e, r) {
   var t = Er(e);
   if (typeof t.path != "string") {
     var n = e.webkitRelativePath;
@@ -106,7 +106,7 @@ function Y(e, r) {
 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);
+    var n = r.split(".").pop().toLowerCase(), i = Fr.get(n);
     i && Object.defineProperty(e, "type", {
       value: i,
       writable: !1,
@@ -125,9 +125,9 @@ 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) && Tr(e.dataTransfer) ? [2, kr(e.dataTransfer, e.type)] : Ir(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, []];
     });
   });
 }
@@ -140,12 +140,12 @@ function Ir(e) {
 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 G(r);
   });
 }
-function Cr(e) {
+function Sr(e) {
   return M(this, void 0, void 0, function() {
     var r;
     return $(this, function(t) {
@@ -156,13 +156,13 @@ function Cr(e) {
           }))];
         case 1:
           return r = t.sent(), [2, r.map(function(n) {
-            return Y(n);
+            return G(n);
           })];
       }
     });
   });
 }
-function Rr(e, r) {
+function kr(e, r) {
   return M(this, void 0, void 0, function() {
     var t, n;
     return $(this, function(i) {
@@ -170,12 +170,12 @@ 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(Rr))]) : [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);
+            return G(a);
           }))];
       }
     });
@@ -195,7 +195,7 @@ function we(e) {
   }
   return r;
 }
-function kr(e) {
+function Rr(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return Ue(e);
   var r = e.webkitGetAsEntry();
@@ -210,7 +210,7 @@ function Ue(e) {
   var r = e.getAsFile();
   if (!r)
     return Promise.reject("".concat(e, " is not a File"));
-  var t = Y(r);
+  var t = G(r);
   return Promise.resolve(t);
 }
 function zr(e) {
@@ -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 = G(i, e.fullPath);
           t(a);
         }, function(i) {
           n(i);
@@ -283,7 +283,7 @@ var Mr = function(e, r) {
   }
   return !0;
 };
-function Ye(e) {
+function Ge(e) {
   return Hr(e) || Kr(e) || or(e) || $r();
 }
 function $r() {
@@ -296,7 +296,7 @@ function Kr(e) {
 function Hr(e) {
   if (Array.isArray(e)) return _e(e);
 }
-function Ge(e, r) {
+function Ye(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -309,9 +309,9 @@ function Ge(e, r) {
 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) {
+    r % 2 ? Ye(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.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ye(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
@@ -363,7 +363,7 @@ function Br(e, r) {
 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) {
+var Ur = "file-invalid-type", Gr = "file-too-large", Yr = "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 {
@@ -372,12 +372,12 @@ var Ur = "file-invalid-type", Yr = "file-too-large", Gr = "file-too-small", qr =
   };
 }, Je = function(r) {
   return {
-    code: Yr,
+    code: Gr,
     message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
 }, Ve = function(r) {
   return {
-    code: Gr,
+    code: Yr,
     message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
 }, Vr = {
@@ -389,23 +389,23 @@ function ir(e, r) {
   return [t, t ? null : Jr(r)];
 }
 function ar(e, r, t) {
-  if (S(e.size))
-    if (S(r) && S(t)) {
+  if (C(e.size))
+    if (C(r) && C(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)];
+      if (C(r) && e.size < r) return [!1, Ve(r)];
+      if (C(t) && e.size > t) return [!1, Je(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 A = ir(d, t), w = U(A, 1), v = w[0], F = ar(d, n, i), E = U(F, 1), j = E[0], P = u ? u(d) : null;
     return v && j && !P;
   });
 }
@@ -445,7 +445,7 @@ 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;
@@ -462,10 +462,10 @@ 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));
+      return [].concat(Ge(r), [i], Ge(a));
     }, []).filter(function(r) {
       return cr(r) || ur(r);
     }).join(",");
@@ -494,30 +494,30 @@ 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 xe(e);
 }
 function Ae(e, r) {
-  return vt(e) || gt(e, r) || sr(e, r) || mt();
+  return vt(e) || mt(e, r) || sr(e, r) || gt();
 }
-function mt() {
+function gt() {
   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);
+    if (typeof e == "string") return xe(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 xe(e, r);
   }
 }
-function Fe(e, r) {
+function xe(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) {
+function mt(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;
@@ -776,7 +776,7 @@ Ee.propTypes = {
    */
   validator: l.func
 };
-var xe = {
+var Fe = {
   isFocused: !1,
   isFileDialogActive: !1,
   isDragActive: !1,
@@ -786,7 +786,7 @@ var xe = {
   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() {
+  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, F = r.onDrop, E = r.onDropAccepted, j = r.onDropRejected, P = r.onFileDialogCancel, K = r.onFileDialogOpen, Y = 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);
@@ -794,8 +794,8 @@ function fr() {
     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() {
+  }, [P]), m = te(null), h = te(null), pr = br(bt, Fe), Ie = Ae(pr, 2), le = Ie[0], y = Ie[1], dr = le.isFocused, Ce = le.isFileDialogActive, V = te(typeof window < "u" && window.isSecureContext && Y && rt()), Se = function() {
+    !V.current && Ce && setTimeout(function() {
       if (h.current) {
         var c = h.current.files;
         c.length || (y({
@@ -805,27 +805,27 @@ function fr() {
     }, 300);
   };
   De(function() {
-    return window.addEventListener("focus", Ce, !1), function() {
-      window.removeEventListener("focus", Ce, !1);
+    return window.addEventListener("focus", Se, !1), function() {
+      window.removeEventListener("focus", Se, !1);
     };
-  }, [h, Se, J, V]);
-  var C = te([]), Re = function(c) {
-    g.current && g.current.contains(c.target) || (c.preventDefault(), C.current = []);
+  }, [h, Ce, J, V]);
+  var S = te([]), ke = function(c) {
+    m.current && m.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 O && (document.addEventListener("dragover", Qe, !1), document.addEventListener("drop", ke, !1)), function() {
+      O && (document.removeEventListener("dragover", Qe), document.removeEventListener("drop", ke));
     };
-  }, [g, O]), De(function() {
-    return !n && q && g.current && g.current.focus(), function() {
+  }, [m, O]), De(function() {
+    return !n && q && m.current && m.current.focus(), function() {
     };
-  }, [g, q, n]);
+  }, [m, 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) {
+  }, [ue]), Re = D(function(o) {
+    o.preventDefault(), o.persist(), ee(o), S.current = [].concat(lt(S.current), [o.target]), ne(o) && Promise.resolve(i(o)).then(function(c) {
       if (!(ie(o) && !T)) {
-        var p = c.length, m = p > 0 && Qr({
+        var p = c.length, g = p > 0 && Qr({
           files: c,
           accept: W,
           minSize: s,
@@ -833,9 +833,9 @@ function fr() {
           multiple: u,
           maxFiles: d,
           validator: H
-        }), b = p > 0 && !m;
+        }), b = p > 0 && !g;
         y({
-          isDragAccept: m,
+          isDragAccept: g,
           isDragReject: b,
           isDragActive: !0,
           type: "setDraggedFiles"
@@ -855,24 +855,24 @@ function fr() {
     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);
+    var c = S.current.filter(function(g) {
+      return m.current && m.current.contains(g);
     }), 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) {
-    var p = [], m = [];
+  }, [m, w, T]), Q = D(function(o, c) {
+    var p = [], g = [];
     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)
+      var B = ir(b, W), z = Ae(B, 2), pe = z[0], de = z[1], ge = ar(b, s, a), re = Ae(ge, 2), me = re[0], ve = re[1], ye = H ? H(b) : null;
+      if (pe && me && !ye)
         p.push(b);
       else {
         var be = [de, ve];
-        ye && (be = be.concat(ye)), m.push({
+        ye && (be = be.concat(ye)), g.push({
           file: b,
           errors: be.filter(function(yr) {
             return yr;
@@ -880,24 +880,24 @@ function fr() {
         });
       }
     }), (!u && p.length > 1 || u && d >= 1 && p.length > d) && (p.forEach(function(b) {
-      m.push({
+      g.push({
         file: b,
         errors: [Vr]
       });
     }), p.splice(0)), y({
       acceptedFiles: p,
-      fileRejections: m,
+      fileRejections: g,
       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) {
+    }), F && F(p, g, c), g.length > 0 && j && j(g, c), p.length > 0 && E && E(p, c);
+  }, [y, u, W, s, a, d, F, E, j, H]), X = D(function(o) {
+    o.preventDefault(), o.persist(), ee(o), S.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() {
+  }, [i, Q, I, T]), k = D(function() {
     if (V.current) {
       y({
         type: "openDialog"
@@ -922,9 +922,9 @@ function fr() {
     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, se, J, Y, Q, I, Te, u]), Me = D(function(o) {
+    !m.current || !m.current.isEqualNode(o.target) || (o.key === " " || o.key === "Enter" || o.keyCode === 32 || o.keyCode === 13) && (o.preventDefault(), k());
+  }, [m, k]), $e = D(function() {
     y({
       type: "focus"
     });
@@ -933,45 +933,45 @@ function fr() {
       type: "blur"
     });
   }, []), He = D(function() {
-    je || (et() ? setTimeout(R, 0) : R());
-  }, [je, R]), k = function(c) {
+    je || (et() ? setTimeout(k, 0) : k());
+  }, [je, k]), R = function(c) {
     return n ? null : c;
   }, fe = function(c) {
-    return ce ? null : k(c);
+    return ce ? null : R(c);
   }, Z = function(c) {
-    return Pe ? null : k(c);
+    return Pe ? null : R(c);
   }, ee = function(c) {
     T && c.stopPropagation();
-  }, mr = L(function() {
+  }, 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);
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, g = o.role, b = o.onKeyDown, B = o.onFocus, z = o.onBlur, pe = o.onClick, de = o.onDragEnter, ge = o.onDragOver, re = o.onDragLeave, me = 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)),
+        onClick: R(_(pe, He)),
+        onDragEnter: Z(_(de, Re)),
+        onDragOver: Z(_(ge, ze)),
         onDragLeave: Z(_(re, Le)),
-        onDrop: Z(_(ge, X)),
-        role: typeof m == "string" && m !== "" ? m : "presentation"
-      }, p, g), !n && !ce ? {
+        onDrop: Z(_(me, X)),
+        role: typeof g == "string" && g !== "" ? g : "presentation"
+      }, p, m), !n && !ce ? {
         tabIndex: 0
       } : {}), ve);
     };
-  }, [g, Me, $e, Ke, He, ke, ze, Le, X, ce, Pe, n]), gr = D(function(o) {
+  }, [m, Me, $e, Ke, He, Re, ze, Le, X, ce, Pe, n]), mr = 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({
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, p = c === void 0 ? "ref" : c, g = 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)),
+        onChange: R(_(g, X)),
+        onClick: R(_(b, mr)),
         tabIndex: -1
       }, p, h);
       return f(f({}, z), B);
@@ -979,11 +979,11 @@ function fr() {
   }, [h, t, u, X, n]);
   return f(f({}, le), {}, {
     isFocused: dr && !n,
-    getRootProps: mr,
+    getRootProps: gr,
     getInputProps: vr,
-    rootRef: g,
+    rootRef: m,
     inputRef: h,
-    open: k(R)
+    open: R(k)
   });
 }
 function bt(e, r) {
@@ -997,7 +997,7 @@ function bt(e, r) {
         isFocused: !1
       });
     case "openDialog":
-      return f(f({}, xe), {}, {
+      return f(f({}, Fe), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
@@ -1016,21 +1016,24 @@ function bt(e, r) {
         fileRejections: r.fileRejections
       });
     case "reset":
-      return f({}, xe);
+      return f({}, Fe);
     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 ht(e) {
+  return wr({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, child: [] }, { tag: "polyline", attr: { points: "17 8 12 3 7 8" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "3", x2: "12", y2: "15" }, child: [] }] })(e);
+}
+const Dt = "_root_1kc1u_1", At = "_dropzone_1kc1u_1", wt = "_text_1kc1u_21", _t = "_disabled_1kc1u_30", xt = "_focused_1kc1u_41", Ot = "_dragActive_1kc1u_41", Ft = "_linkText_1kc1u_47", x = {
+  root: Dt,
+  dropzone: At,
+  text: wt,
+  disabled: _t,
+  focused: xt,
+  dragActive: Ot,
+  linkText: Ft
 };
 function Rt(e) {
   const {
@@ -1046,22 +1049,22 @@ function Rt(e) {
     isFocused: A,
     isDragActive: w,
     isDragAccept: v,
-    isDragReject: x,
+    isDragReject: F,
     isFileDialogActive: E,
     acceptedFiles: j,
     getRootProps: P,
     getInputProps: K
-  } = fr(d), G = er.useCallback((O) => {
+  } = fr(d), Y = 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
+  }, [u]), q = xr(x.dropzone, {
+    [x.disabled]: d.disabled,
+    [x.focused]: A,
+    [x.dragActive]: w,
+    [x.dragAccept]: v,
+    [x.dragReject]: F,
+    [x.fileDialogActive]: E
   });
-  return /* @__PURE__ */ he("section", { className: F.root, children: [
+  return /* @__PURE__ */ he("section", { className: x.root, children: [
     /* @__PURE__ */ he(
       "div",
       {
@@ -1079,10 +1082,10 @@ function Rt(e) {
               })
             }
           ),
-          /* @__PURE__ */ N(_r, { size: "xxlarge", children: /* @__PURE__ */ N(wr, {}) }),
-          /* @__PURE__ */ he("span", { className: F.text, children: [
+          /* @__PURE__ */ N(_r, { size: "xxlarge", children: /* @__PURE__ */ N(ht, {}) }),
+          /* @__PURE__ */ he("span", { className: x.text, children: [
             i ? `${n} ` : n,
-            !!i && /* @__PURE__ */ N("span", { className: F.linkText, children: i })
+            !!i && /* @__PURE__ */ N("span", { className: x.linkText, children: i })
           ] })
         ]
       }
@@ -1092,7 +1095,7 @@ function Rt(e) {
       {
         removeAriaLabel: a,
         file: O,
-        onRemoveFile: G
+        onRemoveFile: Y
       },
       O.path
     ))

package/dist/components/InputDropzone/ItemPreview.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import c from "react";
 import { Button as i } from "../Button/Button.js";
-import { I as m } from "../../Icons-CIXYyG0c.js";
+import { Icons as m } from "../../style-guide/Icons/Icons.js";
 import '../../assets/ItemPreview.css';const h = "_root_15ual_1", p = "_filePath_15ual_13", n = {
   root: h,
   filePath: p

package/dist/components/Island/Island.js

@@ -1,34 +1,34 @@
-import { jsx as u } from "react/jsx-runtime";
-import h from "react";
-import { ui as d } from "../ui.js";
-import { clsx as c } from "../../utils/clsx.js";
-import '../../assets/Island.css';const a = "_root_aa951_1", w = "_grow_aa951_15", t = {
-  root: a,
-  grow: w,
-  "no-round-border-top-left": "_no-round-border-top-left_aa951_19",
-  "no-round-border-top-right": "_no-round-border-top-right_aa951_22",
-  "no-round-border-bottom-left": "_no-round-border-bottom-left_aa951_25",
-  "no-round-border-bottom-right": "_no-round-border-bottom-right_aa951_28"
+import { jsx as p } from "react/jsx-runtime";
+import u from "react";
+import { ui as h } from "../ui.js";
+import { clsx as d } from "../../utils/clsx.js";
+import '../../assets/Island.css';const w = "_root_cg6qz_1", R = "_grow_cg6qz_7", t = {
+  root: w,
+  grow: R,
+  "no-round-border-top-left": "_no-round-border-top-left_cg6qz_11",
+  "no-round-border-top-right": "_no-round-border-top-right_cg6qz_14",
+  "no-round-border-bottom-left": "_no-round-border-bottom-left_cg6qz_17",
+  "no-round-border-bottom-right": "_no-round-border-bottom-right_cg6qz_20"
 };
-var R = /* @__PURE__ */ ((o) => (o[o.TopLeft = 1] = "TopLeft", o[o.TopRight = 2] = "TopRight", o[o.BottomLeft = 4] = "BottomLeft", o[o.BottomRight = 8] = "BottomRight", o[o.Top = 3] = "Top", o[o.Left = 5] = "Left", o[o.Right = 10] = "Right", o[o.Bottom = 12] = "Bottom", o[o.All = 15] = "All", o))(R || {});
-const s = h.forwardRef(function(f, e) {
+var q = /* @__PURE__ */ ((o) => (o[o.TopLeft = 1] = "TopLeft", o[o.TopRight = 2] = "TopRight", o[o.BottomLeft = 4] = "BottomLeft", o[o.BottomRight = 8] = "BottomRight", o[o.Top = 3] = "Top", o[o.Left = 5] = "Left", o[o.Right = 10] = "Right", o[o.Bottom = 12] = "Bottom", o[o.All = 15] = "All", o))(q || {});
+const n = u.forwardRef(function(m, f) {
   const {
-    grow: _ = !1,
-    widthQ: i = 0,
+    grow: e = !1,
+    widthQ: g = 0,
     straightCorner: r = 0,
-    children: b,
-    className: g
-  } = f, p = c(t.root, g, {
-    [t.grow]: _,
+    children: _,
+    className: c
+  } = m, b = d(t.root, c, {
+    [t.grow]: e,
     [t["no-round-border-top-left"]]: r & 1,
     [t["no-round-border-top-right"]]: r & 2,
     [t["no-round-border-bottom-left"]]: r & 4,
     [t["no-round-border-bottom-right"]]: r & 8
     /* BottomRight */
-  }), m = {};
-  return i > 0 && (m.width = d.q(i)), /* @__PURE__ */ u("div", { className: p, style: m, ref: e, children: b });
+  }), i = {};
+  return g > 0 && (i.width = h.q(g)), /* @__PURE__ */ p("div", { className: b, style: i, ref: f, children: _ });
 });
 export {
-  s as Island,
-  R as IslandCorner
+  n as Island,
+  q as IslandCorner
 };