@canonical/maas-react-components 1.19.1 → 1.20.1

package/dist/@canonical/maas-react-components.es.js

@@ -1,7 +1,7 @@
 import { jsxs as se, jsx as u, Fragment as De } from "react/jsx-runtime";
 import * as ne from "react";
-import ut, { useRef as Se, useState as be, useEffect as Ce, useCallback as ee, cloneElement as ft, createContext as pt, useId as rr, useContext as Mr, useMemo as oe, useReducer as dt, forwardRef as mt, useImperativeHandle as vt, Fragment as yt } from "react";
-import { useListener as gt, Link as bt, Tooltip as ht, Button as _e, Icon as ke, Row as _t, Col as Et, Input as wt, CheckboxInput as Tt, useClickOutside as xt, useOnEscapePressed as St, SearchBox as Ct } from "@canonical/react-components";
+import ut, { useRef as Ce, useState as ye, useEffect as he, useCallback as re, cloneElement as ft, createContext as pt, useId as rr, useContext as Mr, useMemo as ie, useReducer as dt, forwardRef as mt, useImperativeHandle as vt, Fragment as yt } from "react";
+import { useListener as gt, Link as bt, Tooltip as ht, Button as Ee, Icon as ke, Row as _t, Col as Et, Input as wt, CheckboxInput as St, useClickOutside as Tt, useOnEscapePressed as xt, SearchBox as Ct } from "@canonical/react-components";
 function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -52,7 +52,7 @@ const ve = {
   positiveFaded: "#B7CCB9",
   positiveMid: "#4DAB4D",
   positive: "#0E8420"
-}, wo = [
+}, So = [
   ve.link,
   ve.positive,
   ve.negative,
@@ -61,7 +61,7 @@ const ve = {
   var a, o;
   const t = ((o = (a = e == null ? void 0 : e.current) == null ? void 0 : a.getBoundingClientRect()) == null ? void 0 : o.width) || 0;
   return t > r * mr ? t / r : mr;
-}, he = {
+}, _e = {
   bar: "meter-bar",
   container: "meter-container",
   filled: "meter-filled",
@@ -77,25 +77,25 @@ const ve = {
   size: o = "regular",
   ...s
 }) => {
-  const i = Se(null), v = t == null ? void 0 : t.reduce((D, b) => D + b.value, 0), c = n || v, y = t.map((D) => D.value / c * 100), [g, _] = be(0);
-  Ce(() => {
-    _(a === "segmented" ? yr(i, c) : 0);
+  const i = Ce(null), v = t == null ? void 0 : t.reduce((O, w) => O + w.value, 0), c = n || v, y = t.map((O) => O.value / c * 100), [g, h] = ye(0);
+  he(() => {
+    h(a === "segmented" ? yr(i, c) : 0);
   }, [c, a]);
-  const T = ee(() => {
-    _(yr(i, c));
-  }, [i, c, _]);
-  return gt(window, T, "resize", !0, a === "segmented"), /* @__PURE__ */ se(
+  const S = re(() => {
+    h(yr(i, c));
+  }, [i, c, h]);
+  return gt(window, S, "resize", !0, a === "segmented"), /* @__PURE__ */ se(
     "div",
     {
       className: W("p-meter", e, {
         "p-meter--small": o === "small"
       }),
       "aria-label": s == null ? void 0 : s["aria-label"],
-      "data-testid": he.container,
+      "data-testid": _e.container,
       ref: i,
       children: [
         /* @__PURE__ */ u(Pt, { children: /* @__PURE__ */ u(
-          Rt,
+          It,
           {
             data: t,
             datumWidths: y,
@@ -113,11 +113,11 @@ const ve = {
   "div",
   {
     className: "p-meter__bar",
-    "data-testid": he.bar,
+    "data-testid": _e.bar,
     style: { backgroundColor: Dt },
     children: e
   }
-), Rt = ({
+), It = ({
   data: e,
   datumWidths: r,
   maximum: t,
@@ -144,14 +144,14 @@ const ve = {
       "div",
       {
         className: "p-meter__filled",
-        "data-testid": he.meteroverflow,
+        "data-testid": _e.meteroverflow,
         style: { backgroundColor: zr, width: "100%" }
       }
     ) : e == null ? void 0 : e.map((i, v) => /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__filled",
-        "data-testid": he.filled,
+        "data-testid": _e.filled,
         style: o(i, v)
       },
       `meter-${v}`
@@ -160,23 +160,23 @@ const ve = {
       "div",
       {
         className: "p-meter__separators",
-        "data-testid": he.segments,
+        "data-testid": _e.segments,
         style: s()
       }
     )
   ] });
-}, It = ({
+}, Rt = ({
   className: e,
   children: r
 }) => /* @__PURE__ */ u(
   "div",
   {
     className: W("p-meter__label", e),
-    "data-testid": he.label,
+    "data-testid": _e.label,
     children: r
   }
 );
-At.Label = It;
+At.Label = Rt;
 const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e }), Ft = ({ children: e }) => /* @__PURE__ */ u(De, { children: e }), jt = ({
   isCollapsed: e,
   setIsCollapsed: r,
@@ -194,7 +194,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
     position: "right",
     tooltipClassName: "p-side-navigation__tooltip",
     children: /* @__PURE__ */ u(
-      _e,
+      Ee,
       {
         appearance: "base",
         "aria-label": `${e ? "expand" : "collapse"} main navigation`,
@@ -236,7 +236,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
   className: r,
   onClick: t
 }) => /* @__PURE__ */ u(
-  _e,
+  Ee,
   {
     appearance: "base",
     className: W(
@@ -249,25 +249,25 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
     children: e
   }
 ), Zt = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-side-navigation__text", children: e });
-const K = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ u("header", { "aria-label": "main navigation", className: W("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), Xt = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ u("div", { className: W("p-panel is-dark", r), children: e }) });
-K.Header = Lt;
-K.Banner = Ft;
-K.Drawer = $t;
-K.Controls = Nt;
-K.CollapseToggle = jt;
-K.Content = kt;
-K.Footer = Mt;
-K.List = qt;
-K.Item = zt;
-K.Link = Yt;
-K.Text = Zt;
-K.Icon = Bt;
-K.Label = Wt;
-K.Logo = Kt;
-K.LogoTag = Gt;
-K.LogoIcon = Ht;
-K.LogoName = Ut;
-K.LogoText = Vt;
+const H = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ u("header", { "aria-label": "main navigation", className: W("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), Xt = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ u("div", { className: W("p-panel is-dark", r), children: e }) });
+H.Header = Lt;
+H.Banner = Ft;
+H.Drawer = $t;
+H.Controls = Nt;
+H.CollapseToggle = jt;
+H.Content = kt;
+H.Footer = Mt;
+H.List = qt;
+H.Item = zt;
+H.Link = Yt;
+H.Text = Zt;
+H.Icon = Bt;
+H.Label = Wt;
+H.Logo = Kt;
+H.LogoTag = Gt;
+H.LogoIcon = Ht;
+H.LogoName = Ut;
+H.LogoText = Vt;
 Xt.MenuButton = Jt;
 const lr = pt(null), Wr = ({ children: e }) => {
   const r = rr();
@@ -412,7 +412,7 @@ const pn = ({
   totalPages: i
 }) => /* @__PURE__ */ u("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ se("span", { className: "p-pagination--items", children: [
   /* @__PURE__ */ u(
-    _e,
+    Ee,
     {
       "aria-label": "Previous page",
       className: "p-pagination__link--previous",
@@ -445,7 +445,7 @@ const pn = ({
     i
   ] }),
   /* @__PURE__ */ u(
-    _e,
+    Ee,
     {
       "aria-label": "Next page",
       className: "p-pagination__link--next",
@@ -455,13 +455,13 @@ const pn = ({
       children: /* @__PURE__ */ u(ke, { name: "chevron-up" })
     }
   )
-] }) }), So = ({
+] }) }), Co = ({
   currentPage: e,
   disabled: r,
   paginate: t,
   totalPages: n
 }) => {
-  const [a, o] = be(e), [s, i] = be("");
+  const [a, o] = ye(e), [s, i] = ye("");
   return /* @__PURE__ */ u(
     pn,
     {
@@ -471,21 +471,21 @@ const pn = ({
       onInputBlur: () => {
         o(e), i("");
       },
-      onInputChange: (_) => {
-        const { value: T, valueAsNumber: D } = _.target;
-        T ? (o(D), D > n || D < 1 ? i(`${D} is not a valid page number.`) : (i(""), t(D))) : i("Enter a page number.");
+      onInputChange: (h) => {
+        const { value: S, valueAsNumber: O } = h.target;
+        S ? (o(O), O > n || O < 1 ? i(`${O} is not a valid page number.`) : (i(""), t(O))) : i("Enter a page number.");
       },
       onNextClick: () => {
-        o((_) => Number(_) + 1), t(Number(e) + 1);
+        o((h) => Number(h) + 1), t(Number(e) + 1);
       },
       onPreviousClick: () => {
-        o((_) => Number(_) - 1), t(Number(e) - 1);
+        o((h) => Number(h) - 1), t(Number(e) - 1);
       },
       totalPages: n
     }
   );
 };
-const Co = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className: "stepper", children: r.map((t, n) => {
+const Oo = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className: "stepper", children: r.map((t, n) => {
   const a = n === e, o = n < e;
   return /* @__PURE__ */ u("li", { "aria-label": t, className: "stepper__item", children: /* @__PURE__ */ u(
     "p",
@@ -499,7 +499,7 @@ const Co = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className:
     }
   ) }, n);
 }) });
-var nr = { exports: {} }, Fe = { exports: {} }, I = {};
+var nr = { exports: {} }, Fe = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -511,71 +511,71 @@ var nr = { exports: {} }, Fe = { exports: {} }, I = {};
 var gr;
 function dn() {
   if (gr)
-    return I;
+    return F;
   gr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, _ = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, L = e ? Symbol.for("react.responder") : 60118, H = e ? Symbol.for("react.scope") : 60119;
-  function j(p) {
-    if (typeof p == "object" && p !== null) {
-      var re = p.$$typeof;
-      switch (re) {
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+  function A(f) {
+    if (typeof f == "object" && f !== null) {
+      var Z = f.$$typeof;
+      switch (Z) {
         case r:
-          switch (p = p.type, p) {
+          switch (f = f.type, f) {
             case v:
             case c:
             case n:
             case o:
             case a:
             case g:
-              return p;
+              return f;
             default:
-              switch (p = p && p.$$typeof, p) {
+              switch (f = f && f.$$typeof, f) {
                 case i:
                 case y:
-                case D:
-                case T:
+                case O:
+                case S:
                 case s:
-                  return p;
+                  return f;
                 default:
-                  return re;
+                  return Z;
               }
           }
         case t:
-          return re;
+          return Z;
       }
     }
   }
-  function k(p) {
-    return j(p) === c;
+  function N(f) {
+    return A(f) === c;
   }
-  return I.AsyncMode = v, I.ConcurrentMode = c, I.ContextConsumer = i, I.ContextProvider = s, I.Element = r, I.ForwardRef = y, I.Fragment = n, I.Lazy = D, I.Memo = T, I.Portal = t, I.Profiler = o, I.StrictMode = a, I.Suspense = g, I.isAsyncMode = function(p) {
-    return k(p) || j(p) === v;
-  }, I.isConcurrentMode = k, I.isContextConsumer = function(p) {
-    return j(p) === i;
-  }, I.isContextProvider = function(p) {
-    return j(p) === s;
-  }, I.isElement = function(p) {
-    return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, I.isForwardRef = function(p) {
-    return j(p) === y;
-  }, I.isFragment = function(p) {
-    return j(p) === n;
-  }, I.isLazy = function(p) {
-    return j(p) === D;
-  }, I.isMemo = function(p) {
-    return j(p) === T;
-  }, I.isPortal = function(p) {
-    return j(p) === t;
-  }, I.isProfiler = function(p) {
-    return j(p) === o;
-  }, I.isStrictMode = function(p) {
-    return j(p) === a;
-  }, I.isSuspense = function(p) {
-    return j(p) === g;
-  }, I.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === n || p === c || p === o || p === a || p === g || p === _ || typeof p == "object" && p !== null && (p.$$typeof === D || p.$$typeof === T || p.$$typeof === s || p.$$typeof === i || p.$$typeof === y || p.$$typeof === M || p.$$typeof === L || p.$$typeof === H || p.$$typeof === b);
-  }, I.typeOf = j, I;
-}
-var F = {};
+  return F.AsyncMode = v, F.ConcurrentMode = c, F.ContextConsumer = i, F.ContextProvider = s, F.Element = r, F.ForwardRef = y, F.Fragment = n, F.Lazy = O, F.Memo = S, F.Portal = t, F.Profiler = o, F.StrictMode = a, F.Suspense = g, F.isAsyncMode = function(f) {
+    return N(f) || A(f) === v;
+  }, F.isConcurrentMode = N, F.isContextConsumer = function(f) {
+    return A(f) === i;
+  }, F.isContextProvider = function(f) {
+    return A(f) === s;
+  }, F.isElement = function(f) {
+    return typeof f == "object" && f !== null && f.$$typeof === r;
+  }, F.isForwardRef = function(f) {
+    return A(f) === y;
+  }, F.isFragment = function(f) {
+    return A(f) === n;
+  }, F.isLazy = function(f) {
+    return A(f) === O;
+  }, F.isMemo = function(f) {
+    return A(f) === S;
+  }, F.isPortal = function(f) {
+    return A(f) === t;
+  }, F.isProfiler = function(f) {
+    return A(f) === o;
+  }, F.isStrictMode = function(f) {
+    return A(f) === a;
+  }, F.isSuspense = function(f) {
+    return A(f) === g;
+  }, F.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === n || f === c || f === o || f === a || f === g || f === h || typeof f == "object" && f !== null && (f.$$typeof === O || f.$$typeof === S || f.$$typeof === s || f.$$typeof === i || f.$$typeof === y || f.$$typeof === L || f.$$typeof === k || f.$$typeof === K || f.$$typeof === w);
+  }, F.typeOf = A, F;
+}
+var j = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -587,17 +587,17 @@ var F = {};
 var br;
 function mn() {
   return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, _ = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, L = e ? Symbol.for("react.responder") : 60118, H = e ? Symbol.for("react.scope") : 60119;
-    function j(f) {
-      return typeof f == "string" || typeof f == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      f === n || f === c || f === o || f === a || f === g || f === _ || typeof f == "object" && f !== null && (f.$$typeof === D || f.$$typeof === T || f.$$typeof === s || f.$$typeof === i || f.$$typeof === y || f.$$typeof === M || f.$$typeof === L || f.$$typeof === H || f.$$typeof === b);
-    }
-    function k(f) {
-      if (typeof f == "object" && f !== null) {
-        var X = f.$$typeof;
-        switch (X) {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+    function A(p) {
+      return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      p === n || p === c || p === o || p === a || p === g || p === h || typeof p == "object" && p !== null && (p.$$typeof === O || p.$$typeof === S || p.$$typeof === s || p.$$typeof === i || p.$$typeof === y || p.$$typeof === L || p.$$typeof === k || p.$$typeof === K || p.$$typeof === w);
+    }
+    function N(p) {
+      if (typeof p == "object" && p !== null) {
+        var Q = p.$$typeof;
+        switch (Q) {
           case r:
-            var de = f.type;
+            var de = p.type;
             switch (de) {
               case v:
               case c:
@@ -611,61 +611,61 @@ function mn() {
                 switch (Te) {
                   case i:
                   case y:
-                  case D:
-                  case T:
+                  case O:
+                  case S:
                   case s:
                     return Te;
                   default:
-                    return X;
+                    return Q;
                 }
             }
           case t:
-            return X;
+            return Q;
         }
       }
     }
-    var p = v, re = c, $ = i, V = s, Z = r, ce = y, fe = n, pe = D, le = T, z = t, J = o, te = a, ae = g, ue = !1;
-    function U(f) {
-      return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(f) || k(f) === v;
+    var f = v, Z = c, $ = i, V = s, X = r, ce = y, fe = n, pe = O, le = S, z = t, J = o, te = a, oe = g, ue = !1;
+    function U(p) {
+      return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(p) || N(p) === v;
     }
-    function l(f) {
-      return k(f) === c;
+    function l(p) {
+      return N(p) === c;
     }
-    function m(f) {
-      return k(f) === i;
+    function m(p) {
+      return N(p) === i;
     }
-    function x(f) {
-      return k(f) === s;
+    function T(p) {
+      return N(p) === s;
     }
-    function S(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === r;
+    function x(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === r;
     }
-    function E(f) {
-      return k(f) === y;
+    function _(p) {
+      return N(p) === y;
     }
-    function A(f) {
-      return k(f) === n;
+    function P(p) {
+      return N(p) === n;
     }
-    function w(f) {
-      return k(f) === D;
+    function E(p) {
+      return N(p) === O;
     }
-    function C(f) {
-      return k(f) === T;
+    function C(p) {
+      return N(p) === S;
     }
-    function P(f) {
-      return k(f) === t;
+    function I(p) {
+      return N(p) === t;
     }
-    function R(f) {
-      return k(f) === o;
+    function R(p) {
+      return N(p) === o;
     }
-    function O(f) {
-      return k(f) === a;
+    function D(p) {
+      return N(p) === a;
     }
-    function q(f) {
-      return k(f) === g;
+    function q(p) {
+      return N(p) === g;
     }
-    F.AsyncMode = p, F.ConcurrentMode = re, F.ContextConsumer = $, F.ContextProvider = V, F.Element = Z, F.ForwardRef = ce, F.Fragment = fe, F.Lazy = pe, F.Memo = le, F.Portal = z, F.Profiler = J, F.StrictMode = te, F.Suspense = ae, F.isAsyncMode = U, F.isConcurrentMode = l, F.isContextConsumer = m, F.isContextProvider = x, F.isElement = S, F.isForwardRef = E, F.isFragment = A, F.isLazy = w, F.isMemo = C, F.isPortal = P, F.isProfiler = R, F.isStrictMode = O, F.isSuspense = q, F.isValidElementType = j, F.typeOf = k;
-  }()), F;
+    j.AsyncMode = f, j.ConcurrentMode = Z, j.ContextConsumer = $, j.ContextProvider = V, j.Element = X, j.ForwardRef = ce, j.Fragment = fe, j.Lazy = pe, j.Memo = le, j.Portal = z, j.Profiler = J, j.StrictMode = te, j.Suspense = oe, j.isAsyncMode = U, j.isConcurrentMode = l, j.isContextConsumer = m, j.isContextProvider = T, j.isElement = x, j.isForwardRef = _, j.isFragment = P, j.isLazy = E, j.isMemo = C, j.isPortal = I, j.isProfiler = R, j.isStrictMode = D, j.isSuspense = q, j.isValidElementType = A, j.typeOf = N;
+  }()), j;
 }
 var hr;
 function Ur() {
@@ -716,8 +716,8 @@ function vn() {
         r.call(i, g) && (v[g] = i[g]);
       if (e) {
         c = e(i);
-        for (var _ = 0; _ < c.length; _++)
-          t.call(i, c[_]) && (v[c[_]] = i[c[_]]);
+        for (var h = 0; h < c.length; h++)
+          t.call(i, c[h]) && (v[c[h]] = i[c[h]]);
       }
     }
     return v;
@@ -735,11 +735,11 @@ var Je, wr;
 function Gr() {
   return wr || (wr = 1, Je = Function.call.bind(Object.prototype.hasOwnProperty)), Je;
 }
-var Ze, Tr;
+var Ze, Sr;
 function yn() {
-  if (Tr)
+  if (Sr)
     return Ze;
-  Tr = 1;
+  Sr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
@@ -760,22 +760,22 @@ function yn() {
           var g;
           try {
             if (typeof o[y] != "function") {
-              var _ = Error(
+              var h = Error(
                 (v || "React class") + ": " + i + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw _.name = "Invariant Violation", _;
+              throw h.name = "Invariant Violation", h;
             }
             g = o[y](s, y, v, i, null, r);
-          } catch (D) {
-            g = D;
+          } catch (O) {
+            g = O;
           }
           if (g && !(g instanceof Error) && e(
             (v || "React class") + ": type specification of " + i + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), g instanceof Error && !(g.message in t)) {
             t[g.message] = !0;
-            var T = c ? c() : "";
+            var S = c ? c() : "";
             e(
-              "Failed " + i + " type: " + g.message + (T ?? "")
+              "Failed " + i + " type: " + g.message + (S ?? "")
             );
           }
         }
@@ -785,11 +785,11 @@ function yn() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Ze = a, Ze;
 }
-var Xe, xr;
+var Xe, Tr;
 function gn() {
-  if (xr)
+  if (Tr)
     return Xe;
-  xr = 1;
+  Tr = 1;
   var e = Ur(), r = vn(), t = fr(), n = Gr(), a = yn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
@@ -810,230 +810,230 @@ function gn() {
       if (typeof m == "function")
         return m;
     }
-    var _ = "<<anonymous>>", T = {
-      array: L("array"),
-      bigint: L("bigint"),
-      bool: L("boolean"),
-      func: L("function"),
-      number: L("number"),
-      object: L("object"),
-      string: L("string"),
-      symbol: L("symbol"),
-      any: H(),
-      arrayOf: j,
-      element: k(),
-      elementType: p(),
-      instanceOf: re,
+    var h = "<<anonymous>>", S = {
+      array: k("array"),
+      bigint: k("bigint"),
+      bool: k("boolean"),
+      func: k("function"),
+      number: k("number"),
+      object: k("object"),
+      string: k("string"),
+      symbol: k("symbol"),
+      any: K(),
+      arrayOf: A,
+      element: N(),
+      elementType: f(),
+      instanceOf: Z,
       node: ce(),
       objectOf: V,
       oneOf: $,
-      oneOfType: Z,
+      oneOfType: X,
       shape: pe,
       exact: le
     };
-    function D(l, m) {
+    function O(l, m) {
       return l === m ? l !== 0 || 1 / l === 1 / m : l !== l && m !== m;
     }
-    function b(l, m) {
+    function w(l, m) {
       this.message = l, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function M(l) {
+    w.prototype = Error.prototype;
+    function L(l) {
       if (process.env.NODE_ENV !== "production")
-        var m = {}, x = 0;
-      function S(A, w, C, P, R, O, q) {
-        if (P = P || _, O = O || C, q !== t) {
+        var m = {}, T = 0;
+      function x(P, E, C, I, R, D, q) {
+        if (I = I || h, D = D || C, q !== t) {
           if (v) {
-            var f = new Error(
+            var p = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw f.name = "Invariant Violation", f;
+            throw p.name = "Invariant Violation", p;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var X = P + ":" + C;
-            !m[X] && // Avoid spamming the console because they are often not actionable except for lib authors
-            x < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + P + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), m[X] = !0, x++);
+            var Q = I + ":" + C;
+            !m[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
+            T < 3 && (o(
+              "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + I + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), m[Q] = !0, T++);
           }
         }
-        return w[C] == null ? A ? w[C] === null ? new b("The " + R + " `" + O + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new b("The " + R + " `" + O + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : l(w, C, P, R, O);
+        return E[C] == null ? P ? E[C] === null ? new w("The " + R + " `" + D + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new w("The " + R + " `" + D + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : l(E, C, I, R, D);
       }
-      var E = S.bind(null, !1);
-      return E.isRequired = S.bind(null, !0), E;
+      var _ = x.bind(null, !1);
+      return _.isRequired = x.bind(null, !0), _;
     }
-    function L(l) {
-      function m(x, S, E, A, w, C) {
-        var P = x[S], R = te(P);
+    function k(l) {
+      function m(T, x, _, P, E, C) {
+        var I = T[x], R = te(I);
         if (R !== l) {
-          var O = ae(P);
-          return new b(
-            "Invalid " + A + " `" + w + "` of type " + ("`" + O + "` supplied to `" + E + "`, expected ") + ("`" + l + "`."),
+          var D = oe(I);
+          return new w(
+            "Invalid " + P + " `" + E + "` of type " + ("`" + D + "` supplied to `" + _ + "`, expected ") + ("`" + l + "`."),
             { expectedType: l }
           );
         }
         return null;
       }
-      return M(m);
+      return L(m);
     }
-    function H() {
-      return M(s);
+    function K() {
+      return L(s);
     }
-    function j(l) {
-      function m(x, S, E, A, w) {
+    function A(l) {
+      function m(T, x, _, P, E) {
         if (typeof l != "function")
-          return new b("Property `" + w + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
-        var C = x[S];
+          return new w("Property `" + E + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
+        var C = T[x];
         if (!Array.isArray(C)) {
-          var P = te(C);
-          return new b("Invalid " + A + " `" + w + "` of type " + ("`" + P + "` supplied to `" + E + "`, expected an array."));
+          var I = te(C);
+          return new w("Invalid " + P + " `" + E + "` of type " + ("`" + I + "` supplied to `" + _ + "`, expected an array."));
         }
         for (var R = 0; R < C.length; R++) {
-          var O = l(C, R, E, A, w + "[" + R + "]", t);
-          if (O instanceof Error)
-            return O;
+          var D = l(C, R, _, P, E + "[" + R + "]", t);
+          if (D instanceof Error)
+            return D;
         }
         return null;
       }
-      return M(m);
-    }
-    function k() {
-      function l(m, x, S, E, A) {
-        var w = m[x];
-        if (!i(w)) {
-          var C = te(w);
-          return new b("Invalid " + E + " `" + A + "` of type " + ("`" + C + "` supplied to `" + S + "`, expected a single ReactElement."));
+      return L(m);
+    }
+    function N() {
+      function l(m, T, x, _, P) {
+        var E = m[T];
+        if (!i(E)) {
+          var C = te(E);
+          return new w("Invalid " + _ + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return M(l);
-    }
-    function p() {
-      function l(m, x, S, E, A) {
-        var w = m[x];
-        if (!e.isValidElementType(w)) {
-          var C = te(w);
-          return new b("Invalid " + E + " `" + A + "` of type " + ("`" + C + "` supplied to `" + S + "`, expected a single ReactElement type."));
+      return L(l);
+    }
+    function f() {
+      function l(m, T, x, _, P) {
+        var E = m[T];
+        if (!e.isValidElementType(E)) {
+          var C = te(E);
+          return new w("Invalid " + _ + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return M(l);
+      return L(l);
     }
-    function re(l) {
-      function m(x, S, E, A, w) {
-        if (!(x[S] instanceof l)) {
-          var C = l.name || _, P = U(x[S]);
-          return new b("Invalid " + A + " `" + w + "` of type " + ("`" + P + "` supplied to `" + E + "`, expected ") + ("instance of `" + C + "`."));
+    function Z(l) {
+      function m(T, x, _, P, E) {
+        if (!(T[x] instanceof l)) {
+          var C = l.name || h, I = U(T[x]);
+          return new w("Invalid " + P + " `" + E + "` of type " + ("`" + I + "` supplied to `" + _ + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
-      return M(m);
+      return L(m);
     }
     function $(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
-      function m(x, S, E, A, w) {
-        for (var C = x[S], P = 0; P < l.length; P++)
-          if (D(C, l[P]))
+      function m(T, x, _, P, E) {
+        for (var C = T[x], I = 0; I < l.length; I++)
+          if (O(C, l[I]))
             return null;
-        var R = JSON.stringify(l, function(q, f) {
-          var X = ae(f);
-          return X === "symbol" ? String(f) : f;
+        var R = JSON.stringify(l, function(q, p) {
+          var Q = oe(p);
+          return Q === "symbol" ? String(p) : p;
         });
-        return new b("Invalid " + A + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + E + "`, expected one of " + R + "."));
+        return new w("Invalid " + P + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + _ + "`, expected one of " + R + "."));
       }
-      return M(m);
+      return L(m);
     }
     function V(l) {
-      function m(x, S, E, A, w) {
+      function m(T, x, _, P, E) {
         if (typeof l != "function")
-          return new b("Property `" + w + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
-        var C = x[S], P = te(C);
-        if (P !== "object")
-          return new b("Invalid " + A + " `" + w + "` of type " + ("`" + P + "` supplied to `" + E + "`, expected an object."));
+          return new w("Property `" + E + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
+        var C = T[x], I = te(C);
+        if (I !== "object")
+          return new w("Invalid " + P + " `" + E + "` of type " + ("`" + I + "` supplied to `" + _ + "`, expected an object."));
         for (var R in C)
           if (n(C, R)) {
-            var O = l(C, R, E, A, w + "." + R, t);
-            if (O instanceof Error)
-              return O;
+            var D = l(C, R, _, P, E + "." + R, t);
+            if (D instanceof Error)
+              return D;
           }
         return null;
       }
-      return M(m);
+      return L(m);
     }
-    function Z(l) {
+    function X(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
       for (var m = 0; m < l.length; m++) {
-        var x = l[m];
-        if (typeof x != "function")
+        var T = l[m];
+        if (typeof T != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(x) + " at index " + m + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + m + "."
           ), s;
       }
-      function S(E, A, w, C, P) {
-        for (var R = [], O = 0; O < l.length; O++) {
-          var q = l[O], f = q(E, A, w, C, P, t);
-          if (f == null)
+      function x(_, P, E, C, I) {
+        for (var R = [], D = 0; D < l.length; D++) {
+          var q = l[D], p = q(_, P, E, C, I, t);
+          if (p == null)
             return null;
-          f.data && n(f.data, "expectedType") && R.push(f.data.expectedType);
+          p.data && n(p.data, "expectedType") && R.push(p.data.expectedType);
         }
-        var X = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
-        return new b("Invalid " + C + " `" + P + "` supplied to " + ("`" + w + "`" + X + "."));
+        var Q = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
+        return new w("Invalid " + C + " `" + I + "` supplied to " + ("`" + E + "`" + Q + "."));
       }
-      return M(S);
+      return L(x);
     }
     function ce() {
-      function l(m, x, S, E, A) {
-        return z(m[x]) ? null : new b("Invalid " + E + " `" + A + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+      function l(m, T, x, _, P) {
+        return z(m[T]) ? null : new w("Invalid " + _ + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
       }
-      return M(l);
+      return L(l);
     }
-    function fe(l, m, x, S, E) {
-      return new b(
-        (l || "React class") + ": " + m + " type `" + x + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
+    function fe(l, m, T, x, _) {
+      return new w(
+        (l || "React class") + ": " + m + " type `" + T + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
     function pe(l) {
-      function m(x, S, E, A, w) {
-        var C = x[S], P = te(C);
-        if (P !== "object")
-          return new b("Invalid " + A + " `" + w + "` of type `" + P + "` " + ("supplied to `" + E + "`, expected `object`."));
+      function m(T, x, _, P, E) {
+        var C = T[x], I = te(C);
+        if (I !== "object")
+          return new w("Invalid " + P + " `" + E + "` of type `" + I + "` " + ("supplied to `" + _ + "`, expected `object`."));
         for (var R in l) {
-          var O = l[R];
-          if (typeof O != "function")
-            return fe(E, A, w, R, ae(O));
-          var q = O(C, R, E, A, w + "." + R, t);
+          var D = l[R];
+          if (typeof D != "function")
+            return fe(_, P, E, R, oe(D));
+          var q = D(C, R, _, P, E + "." + R, t);
           if (q)
             return q;
         }
         return null;
       }
-      return M(m);
+      return L(m);
     }
     function le(l) {
-      function m(x, S, E, A, w) {
-        var C = x[S], P = te(C);
-        if (P !== "object")
-          return new b("Invalid " + A + " `" + w + "` of type `" + P + "` " + ("supplied to `" + E + "`, expected `object`."));
-        var R = r({}, x[S], l);
-        for (var O in R) {
-          var q = l[O];
-          if (n(l, O) && typeof q != "function")
-            return fe(E, A, w, O, ae(q));
+      function m(T, x, _, P, E) {
+        var C = T[x], I = te(C);
+        if (I !== "object")
+          return new w("Invalid " + P + " `" + E + "` of type `" + I + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        var R = r({}, T[x], l);
+        for (var D in R) {
+          var q = l[D];
+          if (n(l, D) && typeof q != "function")
+            return fe(_, P, E, D, oe(q));
           if (!q)
-            return new b(
-              "Invalid " + A + " `" + w + "` key `" + O + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(x[S], null, "  ") + `
+            return new w(
+              "Invalid " + P + " `" + E + "` key `" + D + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(T[x], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
-          var f = q(C, O, E, A, w + "." + O, t);
-          if (f)
-            return f;
+          var p = q(C, D, _, P, E + "." + D, t);
+          if (p)
+            return p;
         }
         return null;
       }
-      return M(m);
+      return L(m);
     }
     function z(l) {
       switch (typeof l) {
@@ -1050,15 +1050,15 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             return !0;
           var m = g(l);
           if (m) {
-            var x = m.call(l), S;
+            var T = m.call(l), x;
             if (m !== l.entries) {
-              for (; !(S = x.next()).done; )
-                if (!z(S.value))
+              for (; !(x = T.next()).done; )
+                if (!z(x.value))
                   return !1;
             } else
-              for (; !(S = x.next()).done; ) {
-                var E = S.value;
-                if (E && !z(E[1]))
+              for (; !(x = T.next()).done; ) {
+                var _ = x.value;
+                if (_ && !z(_[1]))
                   return !1;
               }
           } else
@@ -1075,7 +1075,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       var m = typeof l;
       return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : J(m, l) ? "symbol" : m;
     }
-    function ae(l) {
+    function oe(l) {
       if (typeof l > "u" || l === null)
         return "" + l;
       var m = te(l);
@@ -1088,7 +1088,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       return m;
     }
     function ue(l) {
-      var m = ae(l);
+      var m = oe(l);
       switch (m) {
         case "array":
         case "object":
@@ -1102,16 +1102,16 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       }
     }
     function U(l) {
-      return !l.constructor || !l.constructor.name ? _ : l.constructor.name;
+      return !l.constructor || !l.constructor.name ? h : l.constructor.name;
     }
-    return T.checkPropTypes = a, T.resetWarningCache = a.resetWarningCache, T.PropTypes = T, T;
+    return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
   }, Xe;
 }
-var Qe, Sr;
+var Qe, xr;
 function bn() {
-  if (Sr)
+  if (xr)
     return Qe;
-  Sr = 1;
+  xr = 1;
   var e = fr();
   function r() {
   }
@@ -1120,10 +1120,10 @@ function bn() {
   return t.resetWarningCache = r, Qe = function() {
     function n(s, i, v, c, y, g) {
       if (g !== e) {
-        var _ = new Error(
+        var h = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw _.name = "Invariant Violation", _;
+        throw h.name = "Invariant Violation", h;
       }
     }
     n.isRequired = n;
@@ -1162,8 +1162,8 @@ if (process.env.NODE_ENV !== "production") {
 } else
   nr.exports = bn()();
 var En = nr.exports;
-const N = /* @__PURE__ */ Lr(En);
-function Ee(e, r, t, n) {
+const M = /* @__PURE__ */ Lr(En);
+function we(e, r, t, n) {
   function a(o) {
     return o instanceof t ? o : new t(function(s) {
       s(o);
@@ -1190,7 +1190,7 @@ function Ee(e, r, t, n) {
     c((n = n.apply(e, r || [])).next());
   });
 }
-function we(e, r) {
+function Se(e, r) {
   var t = { label: 0, sent: function() {
     if (o[0] & 1)
       throw o[1];
@@ -1366,7 +1366,7 @@ var wn = /* @__PURE__ */ new Map([
   ["msg", "application/vnd.ms-outlook"]
 ]);
 function Ae(e, r) {
-  var t = Tn(e);
+  var t = Sn(e);
   if (typeof t.path != "string") {
     var n = e.webkitRelativePath;
     Object.defineProperty(t, "path", {
@@ -1378,7 +1378,7 @@ function Ae(e, r) {
   }
   return t;
 }
-function Tn(e) {
+function Sn(e) {
   var r = e.name, t = r && r.lastIndexOf(".") !== -1;
   if (t && !e.type) {
     var n = r.split(".").pop().toLowerCase(), a = wn.get(n);
@@ -1391,15 +1391,15 @@ function Tn(e) {
   }
   return e;
 }
-var xn = [
+var Tn = [
   // Thumbnail cache files for macOS and Windows
   ".DS_Store",
   "Thumbs.db"
   // Windows
 ];
-function Sn(e) {
-  return Ee(this, void 0, void 0, function() {
-    return we(this, function(r) {
+function xn(e) {
+  return we(this, void 0, void 0, function() {
+    return Se(this, function(r) {
       return Ne(e) && Cn(e.dataTransfer) ? [2, Pn(e.dataTransfer, e.type)] : On(e) ? [2, Dn(e)] : Array.isArray(e) && e.every(function(t) {
         return "getFile" in t && typeof t.getFile == "function";
       }) ? [2, An(e)] : [2, []];
@@ -1421,9 +1421,9 @@ function Dn(e) {
   });
 }
 function An(e) {
-  return Ee(this, void 0, void 0, function() {
+  return we(this, void 0, void 0, function() {
     var r;
-    return we(this, function(t) {
+    return Se(this, function(t) {
       switch (t.label) {
         case 0:
           return [4, Promise.all(e.map(function(n) {
@@ -1438,14 +1438,14 @@ function An(e) {
   });
 }
 function Pn(e, r) {
-  return Ee(this, void 0, void 0, function() {
+  return we(this, void 0, void 0, function() {
     var t, n;
-    return we(this, function(a) {
+    return Se(this, function(a) {
       switch (a.label) {
         case 0:
           return e.items ? (t = or(e.items).filter(function(o) {
             return o.kind === "file";
-          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(Rn))]) : [3, 2];
+          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(In))]) : [3, 2];
         case 1:
           return n = a.sent(), [2, Dr(Vr(n))];
         case 2:
@@ -1458,7 +1458,7 @@ function Pn(e, r) {
 }
 function Dr(e) {
   return e.filter(function(r) {
-    return xn.indexOf(r.name) === -1;
+    return Tn.indexOf(r.name) === -1;
   });
 }
 function or(e) {
@@ -1470,7 +1470,7 @@ function or(e) {
   }
   return r;
 }
-function Rn(e) {
+function In(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return Ar(e);
   var r = e.webkitGetAsEntry();
@@ -1488,9 +1488,9 @@ function Ar(e) {
   var t = Ae(r);
   return Promise.resolve(t);
 }
-function In(e) {
-  return Ee(this, void 0, void 0, function() {
-    return we(this, function(r) {
+function Rn(e) {
+  return we(this, void 0, void 0, function() {
+    return Se(this, function(r) {
       return [2, e.isDirectory ? Jr(e) : Fn(e)];
     });
   });
@@ -1502,9 +1502,9 @@ function Jr(e) {
     function o() {
       var s = this;
       r.readEntries(function(i) {
-        return Ee(s, void 0, void 0, function() {
+        return we(s, void 0, void 0, function() {
           var v, c, y;
-          return we(this, function(g) {
+          return Se(this, function(g) {
             switch (g.label) {
               case 0:
                 if (i.length)
@@ -1519,7 +1519,7 @@ function Jr(e) {
               case 4:
                 return [3, 6];
               case 5:
-                y = Promise.all(i.map(In)), a.push(y), o(), g.label = 6;
+                y = Promise.all(i.map(Rn)), a.push(y), o(), g.label = 6;
               case 6:
                 return [
                   2
@@ -1536,8 +1536,8 @@ function Jr(e) {
   });
 }
 function Fn(e) {
-  return Ee(this, void 0, void 0, function() {
-    return we(this, function(r) {
+  return we(this, void 0, void 0, function() {
+    return Se(this, function(r) {
       return [2, new Promise(function(t, n) {
         e.file(function(a) {
           var o = Ae(a, e.fullPath);
@@ -1574,7 +1574,7 @@ function $n(e) {
   if (Array.isArray(e))
     return ar(e);
 }
-function Rr(e, r) {
+function Ir(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -1584,12 +1584,12 @@ function Rr(e, r) {
   }
   return t;
 }
-function Ir(e) {
+function Rr(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Rr(Object(t), !0).forEach(function(n) {
+    r % 2 ? Ir(Object(t), !0).forEach(function(n) {
       Zr(e, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Rr(Object(t)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ir(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
@@ -1692,8 +1692,8 @@ function me(e) {
 function Un(e) {
   var r = e.files, t = e.accept, n = e.minSize, a = e.maxSize, o = e.multiple, s = e.maxFiles, i = e.validator;
   return !o && r.length > 1 || o && s >= 1 && r.length > s ? !1 : r.every(function(v) {
-    var c = Qr(v, t), y = Oe(c, 1), g = y[0], _ = et(v, n, a), T = Oe(_, 1), D = T[0], b = i ? i(v) : null;
-    return g && D && !b;
+    var c = Qr(v, t), y = Oe(c, 1), g = y[0], h = et(v, n, a), S = Oe(h, 1), O = S[0], w = i ? i(v) : null;
+    return g && O && !w;
   });
 }
 function $e(e) {
@@ -1717,7 +1717,7 @@ function Jn() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
   return Gn(e) || Vn(e);
 }
-function ie() {
+function ae() {
   for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
     r[t] = arguments[t];
   return function(n) {
@@ -1738,7 +1738,7 @@ function Xn(e) {
       return rt(a) || (console.warn('Skipped "'.concat(a, '" 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(o) || !o.every(tt)) && (console.warn('Skipped "'.concat(a, '" because an invalid file extension was provided.')), s = !1), s;
     }).reduce(function(t, n) {
       var a = Oe(n, 2), o = a[0], s = a[1];
-      return Ir(Ir({}, t), {}, Zr({}, o, s));
+      return Rr(Rr({}, t), {}, Zr({}, o, s));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -1889,7 +1889,7 @@ var pr = /* @__PURE__ */ mt(function(e, r) {
 pr.displayName = "Dropzone";
 var ot = {
   disabled: !1,
-  getFilesFromEvent: Sn,
+  getFilesFromEvent: xn,
   maxSize: 1 / 0,
   minSize: 0,
   multiple: !0,
@@ -1920,7 +1920,7 @@ pr.propTypes = {
    * @param {File[]} params.acceptedFiles Accepted files
    * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
    */
-  children: N.func,
+  children: M.func,
   /**
    * Set accepted file types.
    * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
@@ -1928,90 +1928,90 @@ pr.propTypes = {
    * 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: N.objectOf(N.arrayOf(N.string)),
+  accept: M.objectOf(M.arrayOf(M.string)),
   /**
    * Allow drag 'n' drop (or selection from the file dialog) of multiple files
    */
-  multiple: N.bool,
+  multiple: M.bool,
   /**
    * If false, allow dropped items to take over the current browser window
    */
-  preventDropOnDocument: N.bool,
+  preventDropOnDocument: M.bool,
   /**
    * If true, disables click to open the native file selection dialog
    */
-  noClick: N.bool,
+  noClick: M.bool,
   /**
    * If true, disables SPACE/ENTER to open the native file selection dialog.
    * Note that it also stops tracking the focus state.
    */
-  noKeyboard: N.bool,
+  noKeyboard: M.bool,
   /**
    * If true, disables drag 'n' drop
    */
-  noDrag: N.bool,
+  noDrag: M.bool,
   /**
    * If true, stops drag event propagation to parents
    */
-  noDragEventsBubbling: N.bool,
+  noDragEventsBubbling: M.bool,
   /**
    * Minimum file size (in bytes)
    */
-  minSize: N.number,
+  minSize: M.number,
   /**
    * Maximum file size (in bytes)
    */
-  maxSize: N.number,
+  maxSize: M.number,
   /**
    * Maximum accepted number of files
    * The default value is 0 which means there is no limitation to how many files are accepted.
    */
-  maxFiles: N.number,
+  maxFiles: M.number,
   /**
    * Enable/disable the dropzone
    */
-  disabled: N.bool,
+  disabled: M.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: N.func,
+  getFilesFromEvent: M.func,
   /**
    * Cb for when closing the file dialog with no selection
    */
-  onFileDialogCancel: N.func,
+  onFileDialogCancel: M.func,
   /**
    * Cb for when opening the file dialog
    */
-  onFileDialogOpen: N.func,
+  onFileDialogOpen: M.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: N.bool,
+  useFsAccessApi: M.bool,
   /**
    * Set to true to focus the root element on render
    */
-  autoFocus: N.bool,
+  autoFocus: M.bool,
   /**
    * Cb for when the `dragenter` event occurs.
    *
    * @param {DragEvent} event
    */
-  onDragEnter: N.func,
+  onDragEnter: M.func,
   /**
    * Cb for when the `dragleave` event occurs
    *
    * @param {DragEvent} event
    */
-  onDragLeave: N.func,
+  onDragLeave: M.func,
   /**
    * Cb for when the `dragover` event occurs
    *
    * @param {DragEvent} event
    */
-  onDragOver: N.func,
+  onDragOver: M.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
@@ -2042,7 +2042,7 @@ pr.propTypes = {
    * @param {FileRejection[]} fileRejections
    * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
    */
-  onDrop: N.func,
+  onDrop: M.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that if no files are accepted, this callback is not invoked.
@@ -2050,7 +2050,7 @@ pr.propTypes = {
    * @param {File[]} files
    * @param {(DragEvent|Event)} event
    */
-  onDropAccepted: N.func,
+  onDropAccepted: M.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that if no files are rejected, this callback is not invoked.
@@ -2058,19 +2058,19 @@ pr.propTypes = {
    * @param {FileRejection[]} fileRejections
    * @param {(DragEvent|Event)} event
    */
-  onDropRejected: N.func,
+  onDropRejected: M.func,
   /**
    * Cb for when there's some error from any of the promises.
    *
    * @param {Error} error
    */
-  onError: N.func,
+  onError: M.func,
   /**
    * Custom validation function. It must return null if there's no errors.
    * @param {File} file
    * @returns {FileError|FileError[]|null}
    */
-  validator: N.func
+  validator: M.func
 };
 var cr = {
   isFocused: !1,
@@ -2082,119 +2082,119 @@ var cr = {
   fileRejections: []
 };
 function at() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = B(B({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, v = r.maxFiles, c = r.onDragEnter, y = r.onDragLeave, g = r.onDragOver, _ = r.onDrop, T = r.onDropAccepted, D = r.onDropRejected, b = r.onFileDialogCancel, M = r.onFileDialogOpen, L = r.useFsAccessApi, H = r.autoFocus, j = r.preventDropOnDocument, k = r.noClick, p = r.noKeyboard, re = r.noDrag, $ = r.noDragEventsBubbling, V = r.onError, Z = r.validator, ce = oe(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = B(B({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, v = r.maxFiles, c = r.onDragEnter, y = r.onDragLeave, g = r.onDragOver, h = r.onDrop, S = r.onDropAccepted, O = r.onDropRejected, w = r.onFileDialogCancel, L = r.onFileDialogOpen, k = r.useFsAccessApi, K = r.autoFocus, A = r.preventDropOnDocument, N = r.noClick, f = r.noKeyboard, Z = r.noDrag, $ = r.noDragEventsBubbling, V = r.onError, X = r.validator, ce = ie(function() {
     return Qn(t);
-  }, [t]), fe = oe(function() {
+  }, [t]), fe = ie(function() {
     return Xn(t);
-  }, [t]), pe = oe(function() {
-    return typeof M == "function" ? M : $r;
-  }, [M]), le = oe(function() {
-    return typeof b == "function" ? b : $r;
-  }, [b]), z = Se(null), J = Se(null), te = dt(vo, cr), ae = er(te, 2), ue = ae[0], U = ae[1], l = ue.isFocused, m = ue.isFileDialogActive, x = Se(typeof window < "u" && window.isSecureContext && L && Zn()), S = function() {
-    !x.current && m && setTimeout(function() {
+  }, [t]), pe = ie(function() {
+    return typeof L == "function" ? L : $r;
+  }, [L]), le = ie(function() {
+    return typeof w == "function" ? w : $r;
+  }, [w]), z = Ce(null), J = Ce(null), te = dt(vo, cr), oe = er(te, 2), ue = oe[0], U = oe[1], l = ue.isFocused, m = ue.isFileDialogActive, T = Ce(typeof window < "u" && window.isSecureContext && k && Zn()), x = function() {
+    !T.current && m && setTimeout(function() {
       if (J.current) {
-        var h = J.current.files;
-        h.length || (U({
+        var b = J.current.files;
+        b.length || (U({
           type: "closeDialog"
         }), le());
       }
     }, 300);
   };
-  Ce(function() {
-    return window.addEventListener("focus", S, !1), function() {
-      window.removeEventListener("focus", S, !1);
+  he(function() {
+    return window.addEventListener("focus", x, !1), function() {
+      window.removeEventListener("focus", x, !1);
     };
-  }, [J, m, le, x]);
-  var E = Se([]), A = function(h) {
-    z.current && z.current.contains(h.target) || (h.preventDefault(), E.current = []);
+  }, [J, m, le, T]);
+  var _ = Ce([]), P = function(b) {
+    z.current && z.current.contains(b.target) || (b.preventDefault(), _.current = []);
   };
-  Ce(function() {
-    return j && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", A, !1)), function() {
-      j && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", A));
+  he(function() {
+    return A && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", P, !1)), function() {
+      A && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", P));
     };
-  }, [z, j]), Ce(function() {
-    return !n && H && z.current && z.current.focus(), function() {
+  }, [z, A]), he(function() {
+    return !n && K && z.current && z.current.focus(), function() {
     };
-  }, [z, H, n]);
-  var w = ee(function(d) {
+  }, [z, K, n]);
+  var E = re(function(d) {
     V ? V(d) : console.error(d);
-  }, [V]), C = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d), E.current = [].concat(io(E.current), [d.target]), je(d) && Promise.resolve(a(d)).then(function(h) {
+  }, [V]), C = re(function(d) {
+    d.preventDefault(), d.persist(), Ie(d), _.current = [].concat(io(_.current), [d.target]), je(d) && Promise.resolve(a(d)).then(function(b) {
       if (!($e(d) && !$)) {
-        var Y = h.length, G = Y > 0 && Un({
-          files: h,
+        var Y = b.length, G = Y > 0 && Un({
+          files: b,
           accept: ce,
           minSize: s,
           maxSize: o,
           multiple: i,
           maxFiles: v,
-          validator: Z
-        }), Q = Y > 0 && !G;
+          validator: X
+        }), ee = Y > 0 && !G;
         U({
           isDragAccept: G,
-          isDragReject: Q,
+          isDragReject: ee,
           isDragActive: !0,
           type: "setDraggedFiles"
         }), c && c(d);
       }
-    }).catch(function(h) {
-      return w(h);
+    }).catch(function(b) {
+      return E(b);
     });
-  }, [a, c, w, $, ce, s, o, i, v, Z]), P = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d);
-    var h = je(d);
-    if (h && d.dataTransfer)
+  }, [a, c, E, $, ce, s, o, i, v, X]), I = re(function(d) {
+    d.preventDefault(), d.persist(), Ie(d);
+    var b = je(d);
+    if (b && d.dataTransfer)
       try {
         d.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return h && g && g(d), !1;
-  }, [g, $]), R = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d);
-    var h = E.current.filter(function(G) {
+    return b && g && g(d), !1;
+  }, [g, $]), R = re(function(d) {
+    d.preventDefault(), d.persist(), Ie(d);
+    var b = _.current.filter(function(G) {
       return z.current && z.current.contains(G);
-    }), Y = h.indexOf(d.target);
-    Y !== -1 && h.splice(Y, 1), E.current = h, !(h.length > 0) && (U({
+    }), Y = b.indexOf(d.target);
+    Y !== -1 && b.splice(Y, 1), _.current = b, !(b.length > 0) && (U({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), je(d) && y && y(d));
-  }, [z, y, $]), O = ee(function(d, h) {
+  }, [z, y, $]), D = re(function(d, b) {
     var Y = [], G = [];
-    d.forEach(function(Q) {
-      var xe = Qr(Q, ce), ge = er(xe, 2), ze = ge[0], We = ge[1], Ye = et(Q, s, o), Ie = er(Ye, 2), qe = Ie[0], Ke = Ie[1], He = Z ? Z(Q) : null;
+    d.forEach(function(ee) {
+      var xe = Qr(ee, ce), be = er(xe, 2), ze = be[0], We = be[1], Ye = et(ee, s, o), Re = er(Ye, 2), qe = Re[0], Ke = Re[1], He = X ? X(ee) : null;
       if (ze && qe && !He)
-        Y.push(Q);
+        Y.push(ee);
       else {
         var Ue = [We, Ke];
         He && (Ue = Ue.concat(He)), G.push({
-          file: Q,
+          file: ee,
           errors: Ue.filter(function(lt) {
             return lt;
           })
         });
       }
-    }), (!i && Y.length > 1 || i && v >= 1 && Y.length > v) && (Y.forEach(function(Q) {
+    }), (!i && Y.length > 1 || i && v >= 1 && Y.length > v) && (Y.forEach(function(ee) {
       G.push({
-        file: Q,
+        file: ee,
         errors: [Hn]
       });
     }), Y.splice(0)), U({
       acceptedFiles: Y,
       fileRejections: G,
       type: "setFiles"
-    }), _ && _(Y, G, h), G.length > 0 && D && D(G, h), Y.length > 0 && T && T(Y, h);
-  }, [U, i, ce, s, o, v, _, T, D, Z]), q = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d), E.current = [], je(d) && Promise.resolve(a(d)).then(function(h) {
-      $e(d) && !$ || O(h, d);
-    }).catch(function(h) {
-      return w(h);
+    }), h && h(Y, G, b), G.length > 0 && O && O(G, b), Y.length > 0 && S && S(Y, b);
+  }, [U, i, ce, s, o, v, h, S, O, X]), q = re(function(d) {
+    d.preventDefault(), d.persist(), Ie(d), _.current = [], je(d) && Promise.resolve(a(d)).then(function(b) {
+      $e(d) && !$ || D(b, d);
+    }).catch(function(b) {
+      return E(b);
     }), U({
       type: "reset"
     });
-  }, [a, O, w, $]), f = ee(function() {
-    if (x.current) {
+  }, [a, D, E, $]), p = re(function() {
+    if (T.current) {
       U({
         type: "openDialog"
       }), pe();
@@ -2202,75 +2202,75 @@ function at() {
         multiple: i,
         types: fe
       };
-      window.showOpenFilePicker(d).then(function(h) {
-        return a(h);
-      }).then(function(h) {
-        O(h, null), U({
+      window.showOpenFilePicker(d).then(function(b) {
+        return a(b);
+      }).then(function(b) {
+        D(b, null), U({
           type: "closeDialog"
         });
-      }).catch(function(h) {
-        eo(h) ? (le(h), U({
+      }).catch(function(b) {
+        eo(b) ? (le(b), U({
           type: "closeDialog"
-        })) : ro(h) ? (x.current = !1, J.current ? (J.current.value = null, J.current.click()) : w(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."))) : w(h);
+        })) : ro(b) ? (T.current = !1, J.current ? (J.current.value = null, J.current.click()) : E(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."))) : E(b);
       });
       return;
     }
     J.current && (U({
       type: "openDialog"
     }), pe(), J.current.value = null, J.current.click());
-  }, [U, pe, le, L, O, w, fe, i]), X = ee(function(d) {
-    !z.current || !z.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), f());
-  }, [z, f]), de = ee(function() {
+  }, [U, pe, le, k, D, E, fe, i]), Q = re(function(d) {
+    !z.current || !z.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), p());
+  }, [z, p]), de = re(function() {
     U({
       type: "focus"
     });
-  }, []), Te = ee(function() {
+  }, []), Te = re(function() {
     U({
       type: "blur"
     });
-  }, []), dr = ee(function() {
-    k || (Jn() ? setTimeout(f, 0) : f());
-  }, [k, f]), ye = function(h) {
-    return n ? null : h;
-  }, Be = function(h) {
-    return p ? null : ye(h);
-  }, Pe = function(h) {
-    return re ? null : ye(h);
-  }, Re = function(h) {
-    $ && h.stopPropagation();
-  }, it = oe(function() {
+  }, []), dr = re(function() {
+    N || (Jn() ? setTimeout(p, 0) : p());
+  }, [N, p]), ge = function(b) {
+    return n ? null : b;
+  }, Be = function(b) {
+    return f ? null : ge(b);
+  }, Pe = function(b) {
+    return Z ? null : ge(b);
+  }, Ie = function(b) {
+    $ && b.stopPropagation();
+  }, it = ie(function() {
     return function() {
-      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, h = d.refKey, Y = h === void 0 ? "ref" : h, G = d.role, Q = d.onKeyDown, xe = d.onFocus, ge = d.onBlur, ze = d.onClick, We = d.onDragEnter, Ye = d.onDragOver, Ie = d.onDragLeave, qe = d.onDrop, Ke = Me(d, oo);
+      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, Y = b === void 0 ? "ref" : b, G = d.role, ee = d.onKeyDown, xe = d.onFocus, be = d.onBlur, ze = d.onClick, We = d.onDragEnter, Ye = d.onDragOver, Re = d.onDragLeave, qe = d.onDrop, Ke = Me(d, oo);
       return B(B(sr({
-        onKeyDown: Be(ie(Q, X)),
-        onFocus: Be(ie(xe, de)),
-        onBlur: Be(ie(ge, Te)),
-        onClick: ye(ie(ze, dr)),
-        onDragEnter: Pe(ie(We, C)),
-        onDragOver: Pe(ie(Ye, P)),
-        onDragLeave: Pe(ie(Ie, R)),
-        onDrop: Pe(ie(qe, q)),
+        onKeyDown: Be(ae(ee, Q)),
+        onFocus: Be(ae(xe, de)),
+        onBlur: Be(ae(be, Te)),
+        onClick: ge(ae(ze, dr)),
+        onDragEnter: Pe(ae(We, C)),
+        onDragOver: Pe(ae(Ye, I)),
+        onDragLeave: Pe(ae(Re, R)),
+        onDrop: Pe(ae(qe, q)),
         role: typeof G == "string" && G !== "" ? G : "presentation"
-      }, Y, z), !n && !p ? {
+      }, Y, z), !n && !f ? {
         tabIndex: 0
       } : {}), Ke);
     };
-  }, [z, X, de, Te, dr, C, P, R, q, p, re, n]), st = ee(function(d) {
+  }, [z, Q, de, Te, dr, C, I, R, q, f, Z, n]), st = re(function(d) {
     d.stopPropagation();
-  }, []), ct = oe(function() {
+  }, []), ct = ie(function() {
     return function() {
-      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, h = d.refKey, Y = h === void 0 ? "ref" : h, G = d.onChange, Q = d.onClick, xe = Me(d, ao), ge = sr({
+      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, Y = b === void 0 ? "ref" : b, G = d.onChange, ee = d.onClick, xe = Me(d, ao), be = sr({
         accept: ce,
         multiple: i,
         type: "file",
         style: {
           display: "none"
         },
-        onChange: ye(ie(G, q)),
-        onClick: ye(ie(Q, st)),
+        onChange: ge(ae(G, q)),
+        onClick: ge(ae(ee, st)),
         tabIndex: -1
       }, Y, J);
-      return B(B({}, ge), xe);
+      return B(B({}, be), xe);
     };
   }, [J, t, i, q, n]);
   return B(B({}, ue), {}, {
@@ -2279,7 +2279,7 @@ function at() {
     getInputProps: ct,
     rootRef: z,
     inputRef: J,
-    open: ye(f)
+    open: ge(p)
   });
 }
 function vo(e, r) {
@@ -2319,23 +2319,30 @@ function vo(e, r) {
 }
 function $r() {
 }
-const Oo = ({
+const Do = ({
   onFileUpload: e
 }) => {
   const { getRootProps: r } = at({
     onDrop: e
   });
-  return /* @__PURE__ */ u("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ u("button", { className: "file-upload__button", children: "Drag and drop files here or click to upload" }) });
+  return /* @__PURE__ */ u("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ u("button", { className: "file-upload__button", type: "button", children: "Drag and drop files here or click to upload" }) });
 };
-const yo = (e) => [...e].sort(
-  (r, t) => r.label.localeCompare(t.label, "en", { numeric: !0 })
-), go = (e) => e.reduce(
-  (r, t) => {
-    const n = t.group || "Ungrouped";
-    return r[n] = r[n] || [], r[n].push(t), r;
-  },
-  {}
-), bo = ({
+const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go = (e) => (r, t) => {
+  if (e) {
+    const n = e.has(r.value), a = e.has(t.value);
+    if (n && !a)
+      return -1;
+    if (!n && a)
+      return 1;
+  }
+  return 0;
+}, bo = (e) => {
+  const r = /* @__PURE__ */ new Map();
+  return e.forEach((t) => {
+    const n = t.group || "Ungrouped", a = r.get(n) || [];
+    a.push(t), r.set(n, a);
+  }), Array.from(r, ([t, n]) => ({ group: t, items: n }));
+}, ho = ({
   items: e,
   selectedItems: r,
   disabledItems: t,
@@ -2344,43 +2351,48 @@ const yo = (e) => [...e].sort(
   isOpen: o,
   footer: s,
   sortFn: i = yo,
-  groupFn: v = go,
+  groupFn: v = bo,
   ...c
 }) => {
-  const y = oe(() => e.some((b) => b.group), [e]), g = oe(() => i(e), [e, i]), _ = oe(
-    () => y ? v(g) : { Ungrouped: g },
-    [e, v]
-  ), T = oe(
-    () => new Set(r.map((b) => b.value)),
+  const y = ie(
+    () => new Set(r.map((k) => k.value)),
     [r]
-  ), D = oe(
-    () => new Set(t.map((b) => b.value)),
+  ), g = ie(
+    () => new Set(t.map((k) => k.value)),
     [t]
-  );
+  ), [h, S] = ye(new Set(y));
+  he(() => {
+    o && S(new Set(y));
+  }, [o]);
+  const O = ie(() => e.some((k) => k.group), [e]), w = ie(
+    () => O ? v(e) : [{ group: "Ungrouped", items: e }],
+    [e, v]
+  ), L = (k) => {
+    const { checked: K, value: A } = k.target, N = e.find((f) => `${f.value}` === A);
+    if (N) {
+      const f = K ? [...r, N] : r.filter((Z) => `${Z.value}` !== A) ?? [];
+      a(f);
+    }
+  };
   return /* @__PURE__ */ u(Hr, { isVisible: o, className: "put-above", children: /* @__PURE__ */ se("div", { className: "multi-select__dropdown", role: "listbox", ...c, children: [
     n || null,
-    Object.entries(_).map(([b, M]) => /* @__PURE__ */ se("div", { className: "multi-select__group", children: [
-      y ? /* @__PURE__ */ u("h5", { className: "multi-select__dropdown-header", children: b }) : null,
-      /* @__PURE__ */ u("ul", { className: "multi-select__dropdown-list", "aria-label": b, children: M.map((L) => {
-        const H = T.has(L.value), j = D.has(L.value);
-        return /* @__PURE__ */ u("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ u(
-          Tt,
-          {
-            disabled: j,
-            label: L.label,
-            checked: H,
-            onChange: () => a(
-              H ? r.filter(
-                (k) => k.value !== L.value
-              ) : [...r, L]
-            )
-          }
-        ) }, L.value);
-      }) })
-    ] }, b)),
+    w.map(({ group: k, items: K }) => /* @__PURE__ */ se("div", { className: "multi-select__group", children: [
+      O ? /* @__PURE__ */ u("h5", { className: "multi-select__dropdown-header", children: k }) : null,
+      /* @__PURE__ */ u("ul", { className: "multi-select__dropdown-list", "aria-label": k, children: K.sort(i).sort(go(h)).map((A) => /* @__PURE__ */ u("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ u(
+        St,
+        {
+          disabled: g.has(A.value),
+          label: A.label,
+          checked: y.has(A.value),
+          value: A.value,
+          onChange: L
+        },
+        A.value
+      ) }, A.value)) })
+    ] }, k)),
     s ? /* @__PURE__ */ u("div", { className: "multi-select__footer", children: s }) : null
   ] }) });
-}, Do = ({
+}, Ao = ({
   disabled: e,
   selectedItems: r = [],
   label: t,
@@ -2393,20 +2405,20 @@ const yo = (e) => [...e].sort(
   dropdownFooter: c,
   variant: y = "search"
 }) => {
-  const g = xt(() => {
-    T(!1), b("");
+  const g = Tt(() => {
+    S(!1), w("");
   });
-  St(() => {
-    T(!1), b("");
+  xt(() => {
+    S(!1), w("");
   });
-  const [_, T] = be(!1), [D, b] = be("");
-  Ce(() => {
-    _ || b("");
-  }, [_]);
-  const [M, L] = be([]), H = r || M, j = ($) => {
+  const [h, S] = ye(!1), [O, w] = ye("");
+  he(() => {
+    h || w("");
+  }, [h]);
+  const [L, k] = ye([]), K = r || L, A = ($) => {
     const V = Array.from(new Set($));
-    L(V), n && n(V);
-  }, k = rr(), p = rr(), re = H.filter(
+    k(V), n && n(V);
+  }, N = rr(), f = rr(), Z = K.filter(
     ($) => s.some((V) => V.value === $.value)
   ).map(($) => $.label).join(", ");
   return /* @__PURE__ */ u("div", { ref: g, children: /* @__PURE__ */ se("div", { className: "multi-select", children: [
@@ -2414,21 +2426,21 @@ const yo = (e) => [...e].sort(
       Ct,
       {
         externallyControlled: !0,
-        "aria-controls": k,
-        "aria-expanded": _,
-        id: p,
+        "aria-controls": N,
+        "aria-expanded": h,
+        id: f,
         role: "combobox",
         "aria-label": t || a || "Search",
         disabled: e,
         autoComplete: "off",
         onChange: ($) => {
-          b($), T(!0);
+          w($), S(!0);
         },
-        onFocus: () => T(!0),
+        onFocus: () => S(!0),
         placeholder: a ?? "Search",
         required: o,
         type: "text",
-        value: D,
+        value: O,
         className: "multi-select__input"
       }
     ) : /* @__PURE__ */ u(
@@ -2437,54 +2449,55 @@ const yo = (e) => [...e].sort(
         role: "combobox",
         type: "button",
         "aria-label": t || a || "Select items",
-        "aria-controls": k,
-        "aria-expanded": _,
+        "aria-controls": N,
+        "aria-expanded": h,
         className: "multi-select__select-button",
-        onFocus: () => T(!0),
-        onClick: () => T(!0),
-        children: /* @__PURE__ */ u("span", { className: "multi-select__condensed-text", children: H.length > 0 ? re : a ?? "Select items" })
+        onClick: () => {
+          S(($) => !$);
+        },
+        children: /* @__PURE__ */ u("span", { className: "multi-select__condensed-text", children: K.length > 0 ? Z : a ?? "Select items" })
       }
     ),
     /* @__PURE__ */ u(
-      bo,
+      ho,
       {
-        id: k,
-        isOpen: _,
-        items: D.length > 0 ? s.filter(
-          ($) => $.label.toLowerCase().includes(D.toLowerCase())
+        id: N,
+        isOpen: h,
+        items: O.length > 0 ? s.filter(
+          ($) => $.label.toLowerCase().includes(O.toLowerCase())
         ) : s,
-        selectedItems: H,
+        selectedItems: K,
         disabledItems: i,
         header: v,
-        updateItems: j,
+        updateItems: A,
         footer: c || /* @__PURE__ */ se(De, { children: [
           /* @__PURE__ */ u(
-            _e,
+            Ee,
             {
               appearance: "link",
               onClick: () => {
                 const $ = s.filter(
                   (V) => !i.some(
-                    (Z) => Z.value === V.value
+                    (X) => X.value === V.value
                   )
                 );
-                j([...H, ...$]);
+                A([...K, ...$]);
               },
               type: "button",
               children: "Select all"
             }
           ),
           /* @__PURE__ */ u(
-            _e,
+            Ee,
             {
               appearance: "link",
               onClick: () => {
-                const $ = H.filter(
+                const $ = K.filter(
                   (V) => i.some(
-                    (Z) => Z.value === V.value
+                    (X) => X.value === V.value
                   )
                 );
-                j($);
+                A($);
               },
               type: "button",
               children: "Clear"
@@ -2494,7 +2507,7 @@ const yo = (e) => [...e].sort(
       }
     )
   ] }) });
-}, Ao = ({ value: e, unit: r }, {
+}, Po = ({ value: e, unit: r }, {
   binary: t = !1,
   convertTo: n,
   decimals: a = 2,
@@ -2503,35 +2516,35 @@ const yo = (e) => [...e].sort(
   const s = e < 0, i = Math.abs(e);
   if (i === 0)
     return { value: 0, unit: n || "B" };
-  const v = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], y = c.findIndex((b) => b === r) || 0, g = i * Math.pow(v, y), _ = n ? c.findIndex((b) => b === n) : Math.floor(Math.log(g) / Math.log(v));
-  let T = g / Math.pow(v, _);
-  if (T % 1 !== 0) {
-    const b = Math.pow(10, a);
-    T = Math[o](T * b) / b;
+  const v = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], y = c.findIndex((w) => w === r) || 0, g = i * Math.pow(v, y), h = n ? c.findIndex((w) => w === n) : Math.floor(Math.log(g) / Math.log(v));
+  let S = g / Math.pow(v, h);
+  if (S % 1 !== 0) {
+    const w = Math.pow(10, a);
+    S = Math[o](S * w) / w;
   }
   return {
-    value: s ? -T : T,
-    unit: c[_]
+    value: s ? -S : S,
+    unit: c[h]
   };
 };
 export {
   Le as ContentSection,
   To as ExternalLink,
-  Oo as FileUpload,
+  Do as FileUpload,
   ur as FormSection,
   Wr as InputGroup,
   Kr as MainToolbar,
   At as Meter,
-  Do as MultiSelect,
-  bo as MultiSelectDropdown,
-  K as Navigation,
+  Ao as MultiSelect,
+  ho as MultiSelectDropdown,
+  H as Navigation,
   Xt as NavigationBar,
   xo as NestedFormGroup,
   pn as Pagination,
-  So as PaginationContainer,
-  Co as Stepper,
-  wo as defaultFilledColors,
-  Ao as formatBytes,
+  Co as PaginationContainer,
+  Oo as Stepper,
+  So as defaultFilledColors,
+  Po as formatBytes,
   ve as meterColor,
-  he as testIds
+  _e as testIds
 };