@canonical/maas-react-components 1.23.1 → 1.24.0

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

@@ -1,11 +1,11 @@
 import { jsxs as K, jsx as l, Fragment as Ae } from "react/jsx-runtime";
 import * as oe from "react";
-import ft, { useRef as Oe, useState as le, useEffect as _e, useCallback as Q, cloneElement as pt, createContext as dt, useId as ke, useContext as Mr, useMemo as se, useReducer as mt, forwardRef as vt, useImperativeHandle as gt, Fragment as yt } from "react";
-import { useListener as bt, Link as ht, Spinner as _t, Tooltip as Et, Button as pe, Icon as we, Row as wt, Col as St, Input as Ct, Label as Tt, CheckboxInput as xt, useClickOutside as Ot, useOnEscapePressed as Dt, SearchBox as At } from "@canonical/react-components";
-function Lr(e) {
+import pt, { useRef as Oe, useState as ge, useEffect as _e, useCallback as Q, cloneElement as dt, createContext as mt, useId as ke, useContext as Mr, useMemo as se, useReducer as Lr, forwardRef as vt, useImperativeHandle as yt, Fragment as gt } from "react";
+import { useListener as bt, Link as ht, Spinner as _t, Tooltip as Et, Button as fe, Icon as we, Row as wt, Col as St, Input as Ct, Label as Tt, CheckboxInput as xt, useClickOutside as Ot, useOnEscapePressed as Dt, SearchBox as At } from "@canonical/react-components";
+function Br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Br = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var Br = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Br);
-var Pt = Br.exports;
-const B = /* @__PURE__ */ Lr(Pt);
+})(zr);
+var Pt = zr.exports;
+const B = /* @__PURE__ */ Br(Pt);
 const ye = {
   caution: "#F99B11",
   light: "#F7F7F7",
@@ -52,12 +52,12 @@ const ye = {
   positiveFaded: "#B7CCB9",
   positiveMid: "#4DAB4D",
   positive: "#0E8420"
-}, Oo = [
+}, Do = [
   ye.link,
   ye.positive,
   ye.negative,
   ye.caution
-], Rt = ye.linkFaded, zr = ye.caution, tr = ye.light, mr = 2, vr = 1, gr = (e, r) => {
+], Rt = ye.linkFaded, Wr = ye.caution, tr = ye.light, mr = 2, vr = 1, yr = (e, r) => {
   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;
@@ -68,7 +68,7 @@ const ye = {
   label: "meter-label",
   meteroverflow: "meter-overflow",
   segments: "meter-segments"
-}, It = ({
+}, Ft = ({
   className: e,
   children: r,
   data: t,
@@ -77,14 +77,14 @@ const ye = {
   size: o = "regular",
   ...s
 }) => {
-  const i = Oe(null), f = t == null ? void 0 : t.reduce((_, C) => _ + C.value, 0), c = n || f, v = t.map((_) => _.value / c * 100), [b, h] = le(0);
+  const i = Oe(null), f = t == null ? void 0 : t.reduce((C, S) => C + S.value, 0), c = n || f, v = t.map((C) => C.value / c * 100), [g, h] = ge(0);
   _e(() => {
-    h(a === "segmented" ? gr(i, c) : 0);
+    h(a === "segmented" ? yr(i, c) : 0);
   }, [c, a]);
-  const y = Q(() => {
-    h(gr(i, c));
+  const b = Q(() => {
+    h(yr(i, c));
   }, [i, c, h]);
-  return bt(window, y, "resize", !0, a === "segmented"), /* @__PURE__ */ K(
+  return bt(window, b, "resize", !0, a === "segmented"), /* @__PURE__ */ K(
     "div",
     {
       className: B("p-meter", e, {
@@ -94,14 +94,14 @@ const ye = {
       "data-testid": Ee.container,
       ref: i,
       children: [
-        /* @__PURE__ */ l(Ft, { children: /* @__PURE__ */ l(
+        /* @__PURE__ */ l(It, { children: /* @__PURE__ */ l(
           jt,
           {
             data: t,
             datumWidths: v,
             maximum: c,
-            overColor: zr,
-            segmentWidth: b,
+            overColor: Wr,
+            segmentWidth: g,
             separatorColor: tr
           }
         ) }),
@@ -109,7 +109,7 @@ const ye = {
       ]
     }
   );
-}, Ft = ({ children: e }) => /* @__PURE__ */ l(
+}, It = ({ children: e }) => /* @__PURE__ */ l(
   "div",
   {
     className: "p-meter__bar",
@@ -126,7 +126,7 @@ const ye = {
   const a = () => (e == null ? void 0 : e.reduce((i, f) => i + f.value, 0)) > t, o = (i, f) => ({
     backgroundColor: i.color,
     left: `${r == null ? void 0 : r.reduce(
-      (c, v, b) => f > b ? c + v : c,
+      (c, v, g) => f > g ? c + v : c,
       0
     )}%`,
     width: `${r[f]}%`
@@ -145,7 +145,7 @@ const ye = {
       {
         className: "p-meter__filled",
         "data-testid": Ee.meteroverflow,
-        style: { backgroundColor: zr, width: "100%" }
+        style: { backgroundColor: Wr, width: "100%" }
       }
     ) : e == null ? void 0 : e.map((i, f) => /* @__PURE__ */ l(
       "div",
@@ -176,8 +176,8 @@ const ye = {
     children: r
   }
 );
-It.Label = Nt;
-const Do = ({ children: e, to: r, ...t }) => /* @__PURE__ */ l(ht, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e });
+Ft.Label = Nt;
+const Ao = ({ children: e, to: r, ...t }) => /* @__PURE__ */ l(ht, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e });
 const kt = ({
   percentComplete: e
 }) => /* @__PURE__ */ K("small", { className: "progress-indicator", children: [
@@ -201,7 +201,7 @@ const kt = ({
     position: "right",
     tooltipClassName: "p-side-navigation__tooltip",
     children: /* @__PURE__ */ l(
-      pe,
+      fe,
       {
         appearance: "base",
         "aria-label": `${e ? "expand" : "collapse"} main navigation`,
@@ -230,7 +230,7 @@ const kt = ({
   children: r,
   className: t,
   ...n
-}) => /* @__PURE__ */ l(e || "a", { className: B("p-panel__logo", t), ...n, children: /* @__PURE__ */ l("div", { className: "p-navigation__tagged-logo", children: r }) }), Jt = ({ children: e }) => pt(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Zt = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l(e || "a", { className: B("p-panel__logo", t), ...n, children: /* @__PURE__ */ l("div", { className: "p-navigation__tagged-logo", children: r }) }), Jt = ({ children: e }) => dt(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Zt = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ l(
   "div",
   {
     className: B("p-panel__logo-name is-fading-when-collapsed", {
@@ -243,7 +243,7 @@ const kt = ({
   className: r,
   onClick: t
 }) => /* @__PURE__ */ l(
-  pe,
+  fe,
   {
     appearance: "base",
     className: B(
@@ -276,7 +276,7 @@ H.LogoIcon = Jt;
 H.LogoName = Zt;
 H.LogoText = Qt;
 tn.MenuButton = en;
-const lr = dt(null), Wr = ({ children: e }) => {
+const lr = mt(null), Yr = ({ children: e }) => {
   const r = ke();
   return /* @__PURE__ */ l(lr.Provider, { value: r, children: /* @__PURE__ */ l(
     "div",
@@ -295,8 +295,8 @@ const lr = dt(null), Wr = ({ children: e }) => {
   const r = Mr(lr);
   return /* @__PURE__ */ l("p", { className: "p-form-help-text", id: `${r}_description`, children: e });
 };
-Wr.Label = nn;
-Wr.Description = on;
+Yr.Label = nn;
+Yr.Description = on;
 const ur = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section", children: e }), an = ({ children: e }) => /* @__PURE__ */ l("h5", { className: "p-form-section__title u-no-padding--top", children: e }), sn = ({ children: e }) => /* @__PURE__ */ l("p", { className: "p-form-help-text", children: e }), cn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section__content", children: e });
 ur.Title = an;
 ur.Description = sn;
@@ -317,8 +317,8 @@ function ln(e) {
     };
   }, [e, a]), r;
 }
-const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
-}]), Ur = ({ children: e }) => {
+const qr = oe.createContext(null), Ur = oe.createContext([!1, () => {
+}]), Kr = ({ children: e }) => {
   const r = oe.useRef(null), t = ln(r), [n, a] = oe.useState(!1);
   return /* @__PURE__ */ l(
     "header",
@@ -327,7 +327,7 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
         "main-toolbar--stacked": n
       }),
       ref: r,
-      children: /* @__PURE__ */ l(Yr.Provider, { value: t, children: /* @__PURE__ */ l(qr.Provider, { value: [n, a], children: e }) })
+      children: /* @__PURE__ */ l(qr.Provider, { value: t, children: /* @__PURE__ */ l(Ur.Provider, { value: [n, a], children: e }) })
     }
   );
 }, un = ({
@@ -344,7 +344,7 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
     children: r
   }
 ), fn = ({ children: e }) => {
-  const r = oe.useContext(Yr), [t, n] = oe.useContext(qr), a = oe.useRef(null);
+  const r = oe.useContext(qr), [t, n] = oe.useContext(Ur), a = oe.useRef(null);
   return oe.useEffect(() => {
     !a.current || !r || n(a.current.getBoundingClientRect().width > r.width);
   }, [n, r, a]), /* @__PURE__ */ K(Ae, { children: [
@@ -369,8 +369,8 @@ const Yr = oe.createContext(null), qr = oe.createContext([!1, () => {
     )
   ] });
 };
-Ur.Title = un;
-Ur.Controls = fn;
+Kr.Title = un;
+Kr.Controls = fn;
 const Be = ({
   children: e,
   className: r,
@@ -392,7 +392,7 @@ Be.Title = pn;
 Be.Header = dn;
 Be.Content = mn;
 Be.Footer = vn;
-const Kr = ({
+const Hr = ({
   children: e,
   className: r,
   isVisible: t
@@ -404,11 +404,11 @@ const Kr = ({
     style: { visibility: t ? "visible" : "hidden" },
     children: e
   }
-), Ao = ({
+), Po = ({
   children: e,
   ...r
-}) => /* @__PURE__ */ l(Kr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ l("div", { className: "p-form__nested-group", ...r, children: e }) });
-const gn = ({
+}) => /* @__PURE__ */ l(Hr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ l("div", { className: "p-form__nested-group", ...r, children: e }) });
+const yn = ({
   className: e,
   currentPage: r,
   error: t,
@@ -426,7 +426,7 @@ const gn = ({
     className: B("p-pagination", e),
     children: /* @__PURE__ */ K("span", { className: "p-pagination--items", children: [
       /* @__PURE__ */ l(
-        pe,
+        fe,
         {
           "aria-label": "Previous page",
           className: "p-pagination__link--previous",
@@ -459,7 +459,7 @@ const gn = ({
         f
       ] }),
       /* @__PURE__ */ l(
-        pe,
+        fe,
         {
           "aria-label": "Next page",
           className: "p-pagination__link--next",
@@ -471,15 +471,15 @@ const gn = ({
       )
     ] })
   }
-), Po = ({
+), Ro = ({
   currentPage: e,
   disabled: r,
   paginate: t,
   totalPages: n
 }) => {
-  const [a, o] = le(e), [s, i] = le("");
+  const [a, o] = ge(e), [s, i] = ge("");
   return /* @__PURE__ */ l(
-    gn,
+    yn,
     {
       currentPage: a,
       error: s,
@@ -488,8 +488,8 @@ const gn = ({
         o(e), i("");
       },
       onInputChange: (h) => {
-        const { value: y, valueAsNumber: _ } = h.target;
-        y ? (o(_), _ > n || _ < 1 ? i(`${_} is not a valid page number.`) : (i(""), t(_))) : i("Enter a page number.");
+        const { value: b, valueAsNumber: C } = h.target;
+        b ? (o(C), C > n || C < 1 ? i(`${C} is not a valid page number.`) : (i(""), t(C))) : i("Enter a page number.");
       },
       onNextClick: () => {
         o((h) => Number(h) + 1), t(Number(e) + 1);
@@ -501,7 +501,7 @@ const gn = ({
     }
   );
 };
-const Ro = ({ activeStep: e, items: r }) => /* @__PURE__ */ l("ol", { className: "stepper", children: r.map((t, n) => {
+const Fo = ({ activeStep: e, items: r }) => /* @__PURE__ */ l("ol", { className: "stepper", children: r.map((t, n) => {
   const a = n === e, o = n < e;
   return /* @__PURE__ */ l("li", { "aria-label": t, className: "stepper__item", children: /* @__PURE__ */ l(
     "p",
@@ -515,7 +515,7 @@ const Ro = ({ activeStep: e, items: r }) => /* @__PURE__ */ l("ol", { className:
     }
   ) }, n);
 }) });
-var nr = { exports: {} }, je = { exports: {} }, F = {};
+var nr = { exports: {} }, je = { exports: {} }, I = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -524,12 +524,12 @@ var nr = { exports: {} }, je = { exports: {} }, F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yr;
-function yn() {
-  if (yr)
-    return F;
-  yr = 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, f = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, C = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+var gr;
+function gn() {
+  if (gr)
+    return I;
+  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, f = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, C = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
   function A(p) {
     if (typeof p == "object" && p !== null) {
       var X = p.$$typeof;
@@ -541,14 +541,14 @@ function yn() {
             case n:
             case o:
             case a:
-            case b:
+            case g:
               return p;
             default:
               switch (p = p && p.$$typeof, p) {
                 case i:
                 case v:
-                case _:
-                case y:
+                case C:
+                case b:
                 case s:
                   return p;
                 default:
@@ -563,33 +563,33 @@ function yn() {
   function k(p) {
     return A(p) === c;
   }
-  return F.AsyncMode = f, F.ConcurrentMode = c, F.ContextConsumer = i, F.ContextProvider = s, F.Element = r, F.ForwardRef = v, F.Fragment = n, F.Lazy = _, F.Memo = y, F.Portal = t, F.Profiler = o, F.StrictMode = a, F.Suspense = b, F.isAsyncMode = function(p) {
+  return I.AsyncMode = f, I.ConcurrentMode = c, I.ContextConsumer = i, I.ContextProvider = s, I.Element = r, I.ForwardRef = v, I.Fragment = n, I.Lazy = C, I.Memo = b, I.Portal = t, I.Profiler = o, I.StrictMode = a, I.Suspense = g, I.isAsyncMode = function(p) {
     return k(p) || A(p) === f;
-  }, F.isConcurrentMode = k, F.isContextConsumer = function(p) {
+  }, I.isConcurrentMode = k, I.isContextConsumer = function(p) {
     return A(p) === i;
-  }, F.isContextProvider = function(p) {
+  }, I.isContextProvider = function(p) {
     return A(p) === s;
-  }, F.isElement = function(p) {
+  }, I.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, F.isForwardRef = function(p) {
+  }, I.isForwardRef = function(p) {
     return A(p) === v;
-  }, F.isFragment = function(p) {
+  }, I.isFragment = function(p) {
     return A(p) === n;
-  }, F.isLazy = function(p) {
-    return A(p) === _;
-  }, F.isMemo = function(p) {
-    return A(p) === y;
-  }, F.isPortal = function(p) {
+  }, I.isLazy = function(p) {
+    return A(p) === C;
+  }, I.isMemo = function(p) {
+    return A(p) === b;
+  }, I.isPortal = function(p) {
     return A(p) === t;
-  }, F.isProfiler = function(p) {
+  }, I.isProfiler = function(p) {
     return A(p) === o;
-  }, F.isStrictMode = function(p) {
+  }, I.isStrictMode = function(p) {
     return A(p) === a;
-  }, F.isSuspense = function(p) {
-    return A(p) === b;
-  }, F.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === n || p === c || p === o || p === a || p === b || p === h || typeof p == "object" && p !== null && (p.$$typeof === _ || p.$$typeof === y || p.$$typeof === s || p.$$typeof === i || p.$$typeof === v || p.$$typeof === L || p.$$typeof === N || p.$$typeof === U || p.$$typeof === C);
-  }, F.typeOf = A, F;
+  }, I.isSuspense = function(p) {
+    return A(p) === g;
+  }, I.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === n || p === c || p === o || p === a || p === g || p === h || typeof p == "object" && p !== null && (p.$$typeof === C || p.$$typeof === b || p.$$typeof === s || p.$$typeof === i || p.$$typeof === v || p.$$typeof === L || p.$$typeof === N || p.$$typeof === U || p.$$typeof === S);
+  }, I.typeOf = A, I;
 }
 var j = {};
 /** @license React v16.13.1
@@ -603,32 +603,32 @@ var j = {};
 var br;
 function bn() {
   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, f = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, C = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+    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, f = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, C = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
     function A(d) {
       return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      d === n || d === c || d === o || d === a || d === b || d === h || typeof d == "object" && d !== null && (d.$$typeof === _ || d.$$typeof === y || d.$$typeof === s || d.$$typeof === i || d.$$typeof === v || d.$$typeof === L || d.$$typeof === N || d.$$typeof === U || d.$$typeof === C);
+      d === n || d === c || d === o || d === a || d === g || d === h || typeof d == "object" && d !== null && (d.$$typeof === C || d.$$typeof === b || d.$$typeof === s || d.$$typeof === i || d.$$typeof === v || d.$$typeof === L || d.$$typeof === N || d.$$typeof === U || d.$$typeof === S);
     }
     function k(d) {
       if (typeof d == "object" && d !== null) {
         var re = d.$$typeof;
         switch (re) {
           case r:
-            var ve = d.type;
-            switch (ve) {
+            var me = d.type;
+            switch (me) {
               case f:
               case c:
               case n:
               case o:
               case a:
-              case b:
-                return ve;
+              case g:
+                return me;
               default:
-                var Te = ve && ve.$$typeof;
+                var Te = me && me.$$typeof;
                 switch (Te) {
                   case i:
                   case v:
-                  case _:
-                  case y:
+                  case C:
+                  case b:
                   case s:
                     return Te;
                   default:
@@ -640,14 +640,14 @@ function bn() {
         }
       }
     }
-    var p = f, X = c, $ = i, J = s, ee = r, ce = v, de = n, me = _, ue = y, W = t, Z = o, ne = a, ae = b, fe = !1;
+    var p = f, X = c, $ = i, J = s, ee = r, ce = v, pe = n, de = C, le = b, W = t, Z = o, ne = a, ae = g, ue = !1;
     function G(d) {
-      return fe || (fe = !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.")), u(d) || k(d) === 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.")), u(d) || k(d) === f;
     }
     function u(d) {
       return k(d) === c;
     }
-    function g(d) {
+    function y(d) {
       return k(d) === i;
     }
     function T(d) {
@@ -656,36 +656,36 @@ function bn() {
     function x(d) {
       return typeof d == "object" && d !== null && d.$$typeof === r;
     }
-    function w(d) {
+    function E(d) {
       return k(d) === v;
     }
     function P(d) {
       return k(d) === n;
     }
-    function S(d) {
-      return k(d) === _;
+    function w(d) {
+      return k(d) === C;
     }
     function O(d) {
-      return k(d) === y;
+      return k(d) === b;
     }
     function R(d) {
       return k(d) === t;
     }
-    function I(d) {
+    function F(d) {
       return k(d) === o;
     }
     function D(d) {
       return k(d) === a;
     }
     function q(d) {
-      return k(d) === b;
+      return k(d) === g;
     }
-    j.AsyncMode = p, j.ConcurrentMode = X, j.ContextConsumer = $, j.ContextProvider = J, j.Element = ee, j.ForwardRef = ce, j.Fragment = de, j.Lazy = me, j.Memo = ue, j.Portal = W, j.Profiler = Z, j.StrictMode = ne, j.Suspense = ae, j.isAsyncMode = G, j.isConcurrentMode = u, j.isContextConsumer = g, j.isContextProvider = T, j.isElement = x, j.isForwardRef = w, j.isFragment = P, j.isLazy = S, j.isMemo = O, j.isPortal = R, j.isProfiler = I, j.isStrictMode = D, j.isSuspense = q, j.isValidElementType = A, j.typeOf = k;
+    j.AsyncMode = p, j.ConcurrentMode = X, j.ContextConsumer = $, j.ContextProvider = J, j.Element = ee, j.ForwardRef = ce, j.Fragment = pe, j.Lazy = de, j.Memo = le, j.Portal = W, j.Profiler = Z, j.StrictMode = ne, j.Suspense = ae, j.isAsyncMode = G, j.isConcurrentMode = u, j.isContextConsumer = y, j.isContextProvider = T, j.isElement = x, j.isForwardRef = E, j.isFragment = P, j.isLazy = w, j.isMemo = O, j.isPortal = R, j.isProfiler = F, j.isStrictMode = D, j.isSuspense = q, j.isValidElementType = A, j.typeOf = k;
   }()), j;
 }
 var hr;
-function Hr() {
-  return hr || (hr = 1, process.env.NODE_ENV === "production" ? je.exports = yn() : je.exports = bn()), je.exports;
+function Gr() {
+  return hr || (hr = 1, process.env.NODE_ENV === "production" ? je.exports = gn() : je.exports = bn()), je.exports;
 }
 /*
 object-assign
@@ -728,8 +728,8 @@ function hn() {
   return Ve = a() ? Object.assign : function(o, s) {
     for (var i, f = n(o), c, v = 1; v < arguments.length; v++) {
       i = Object(arguments[v]);
-      for (var b in i)
-        r.call(i, b) && (f[b] = i[b]);
+      for (var g in i)
+        r.call(i, g) && (f[g] = i[g]);
       if (e) {
         c = e(i);
         for (var h = 0; h < c.length; h++)
@@ -748,7 +748,7 @@ function fr() {
   return Je = e, Je;
 }
 var Ze, wr;
-function Gr() {
+function Vr() {
   return wr || (wr = 1, Ze = Function.call.bind(Object.prototype.hasOwnProperty)), Ze;
 }
 var Xe, Sr;
@@ -759,7 +759,7 @@ function _n() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = fr(), t = {}, n = Gr();
+    var r = fr(), t = {}, n = Vr();
     e = function(o) {
       var s = "Warning: " + o;
       typeof console < "u" && console.error(s);
@@ -773,7 +773,7 @@ function _n() {
     if (process.env.NODE_ENV !== "production") {
       for (var v in o)
         if (n(o, v)) {
-          var b;
+          var g;
           try {
             if (typeof o[v] != "function") {
               var h = Error(
@@ -781,17 +781,17 @@ function _n() {
               );
               throw h.name = "Invariant Violation", h;
             }
-            b = o[v](s, v, f, i, null, r);
-          } catch (_) {
-            b = _;
+            g = o[v](s, v, f, i, null, r);
+          } catch (C) {
+            g = C;
           }
-          if (b && !(b instanceof Error) && e(
-            (f || "React class") + ": type specification of " + i + " `" + v + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof b + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), b instanceof Error && !(b.message in t)) {
-            t[b.message] = !0;
-            var y = c ? c() : "";
+          if (g && !(g instanceof Error) && e(
+            (f || "React class") + ": type specification of " + i + " `" + v + "` 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 b = c ? c() : "";
             e(
-              "Failed " + i + " type: " + b.message + (y ?? "")
+              "Failed " + i + " type: " + g.message + (b ?? "")
             );
           }
         }
@@ -806,7 +806,7 @@ function En() {
   if (Cr)
     return Qe;
   Cr = 1;
-  var e = Hr(), r = hn(), t = fr(), n = Gr(), a = _n(), o = function() {
+  var e = Gr(), r = hn(), t = fr(), n = Vr(), a = _n(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
     var f = "Warning: " + i;
@@ -821,12 +821,12 @@ function En() {
   }
   return Qe = function(i, f) {
     var c = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
-    function b(u) {
-      var g = u && (c && u[c] || u[v]);
-      if (typeof g == "function")
-        return g;
+    function g(u) {
+      var y = u && (c && u[c] || u[v]);
+      if (typeof y == "function")
+        return y;
     }
-    var h = "<<anonymous>>", y = {
+    var h = "<<anonymous>>", b = {
       array: N("array"),
       bigint: N("bigint"),
       bool: N("boolean"),
@@ -844,20 +844,20 @@ function En() {
       objectOf: J,
       oneOf: $,
       oneOfType: ee,
-      shape: me,
-      exact: ue
+      shape: de,
+      exact: le
     };
-    function _(u, g) {
-      return u === g ? u !== 0 || 1 / u === 1 / g : u !== u && g !== g;
+    function C(u, y) {
+      return u === y ? u !== 0 || 1 / u === 1 / y : u !== u && y !== y;
     }
-    function C(u, g) {
-      this.message = u, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
+    function S(u, y) {
+      this.message = u, this.data = y && typeof y == "object" ? y : {}, this.stack = "";
     }
-    C.prototype = Error.prototype;
+    S.prototype = Error.prototype;
     function L(u) {
       if (process.env.NODE_ENV !== "production")
-        var g = {}, T = 0;
-      function x(P, S, O, R, I, D, q) {
+        var y = {}, T = 0;
+      function x(P, w, O, R, F, D, q) {
         if (R = R || h, D = D || O, q !== t) {
           if (f) {
             var d = new Error(
@@ -866,190 +866,190 @@ function En() {
             throw d.name = "Invariant Violation", d;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var re = R + ":" + O;
-            !g[re] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !y[re] && // 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 `" + R + "`. 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."
-            ), g[re] = !0, T++);
+            ), y[re] = !0, T++);
           }
         }
-        return S[O] == null ? P ? S[O] === null ? new C("The " + I + " `" + D + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new C("The " + I + " `" + D + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : u(S, O, R, I, D);
+        return w[O] == null ? P ? w[O] === null ? new S("The " + F + " `" + D + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new S("The " + F + " `" + D + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : u(w, O, R, F, D);
       }
-      var w = x.bind(null, !1);
-      return w.isRequired = x.bind(null, !0), w;
+      var E = x.bind(null, !1);
+      return E.isRequired = x.bind(null, !0), E;
     }
     function N(u) {
-      function g(T, x, w, P, S, O) {
-        var R = T[x], I = ne(R);
-        if (I !== u) {
+      function y(T, x, E, P, w, O) {
+        var R = T[x], F = ne(R);
+        if (F !== u) {
           var D = ae(R);
-          return new C(
-            "Invalid " + P + " `" + S + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected ") + ("`" + u + "`."),
+          return new S(
+            "Invalid " + P + " `" + w + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("`" + u + "`."),
             { expectedType: u }
           );
         }
         return null;
       }
-      return L(g);
+      return L(y);
     }
     function U() {
       return L(s);
     }
     function A(u) {
-      function g(T, x, w, P, S) {
+      function y(T, x, E, P, w) {
         if (typeof u != "function")
-          return new C("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
+          return new S("Property `" + w + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
         var O = T[x];
         if (!Array.isArray(O)) {
           var R = ne(O);
-          return new C("Invalid " + P + " `" + S + "` of type " + ("`" + R + "` supplied to `" + w + "`, expected an array."));
+          return new S("Invalid " + P + " `" + w + "` of type " + ("`" + R + "` supplied to `" + E + "`, expected an array."));
         }
-        for (var I = 0; I < O.length; I++) {
-          var D = u(O, I, w, P, S + "[" + I + "]", t);
+        for (var F = 0; F < O.length; F++) {
+          var D = u(O, F, E, P, w + "[" + F + "]", t);
           if (D instanceof Error)
             return D;
         }
         return null;
       }
-      return L(g);
+      return L(y);
     }
     function k() {
-      function u(g, T, x, w, P) {
-        var S = g[T];
-        if (!i(S)) {
-          var O = ne(S);
-          return new C("Invalid " + w + " `" + P + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement."));
+      function u(y, T, x, E, P) {
+        var w = y[T];
+        if (!i(w)) {
+          var O = ne(w);
+          return new S("Invalid " + E + " `" + P + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement."));
         }
         return null;
       }
       return L(u);
     }
     function p() {
-      function u(g, T, x, w, P) {
-        var S = g[T];
-        if (!e.isValidElementType(S)) {
-          var O = ne(S);
-          return new C("Invalid " + w + " `" + P + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement type."));
+      function u(y, T, x, E, P) {
+        var w = y[T];
+        if (!e.isValidElementType(w)) {
+          var O = ne(w);
+          return new S("Invalid " + E + " `" + P + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return L(u);
     }
     function X(u) {
-      function g(T, x, w, P, S) {
+      function y(T, x, E, P, w) {
         if (!(T[x] instanceof u)) {
           var O = u.name || h, R = G(T[x]);
-          return new C("Invalid " + P + " `" + S + "` of type " + ("`" + R + "` supplied to `" + w + "`, expected ") + ("instance of `" + O + "`."));
+          return new S("Invalid " + P + " `" + w + "` of type " + ("`" + R + "` supplied to `" + E + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
-      return L(g);
+      return L(y);
     }
     function $(u) {
       if (!Array.isArray(u))
         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 g(T, x, w, P, S) {
+      function y(T, x, E, P, w) {
         for (var O = T[x], R = 0; R < u.length; R++)
-          if (_(O, u[R]))
+          if (C(O, u[R]))
             return null;
-        var I = JSON.stringify(u, function(q, d) {
+        var F = JSON.stringify(u, function(q, d) {
           var re = ae(d);
           return re === "symbol" ? String(d) : d;
         });
-        return new C("Invalid " + P + " `" + S + "` of value `" + String(O) + "` " + ("supplied to `" + w + "`, expected one of " + I + "."));
+        return new S("Invalid " + P + " `" + w + "` of value `" + String(O) + "` " + ("supplied to `" + E + "`, expected one of " + F + "."));
       }
-      return L(g);
+      return L(y);
     }
     function J(u) {
-      function g(T, x, w, P, S) {
+      function y(T, x, E, P, w) {
         if (typeof u != "function")
-          return new C("Property `" + S + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+          return new S("Property `" + w + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
         var O = T[x], R = ne(O);
         if (R !== "object")
-          return new C("Invalid " + P + " `" + S + "` of type " + ("`" + R + "` supplied to `" + w + "`, expected an object."));
-        for (var I in O)
-          if (n(O, I)) {
-            var D = u(O, I, w, P, S + "." + I, t);
+          return new S("Invalid " + P + " `" + w + "` of type " + ("`" + R + "` supplied to `" + E + "`, expected an object."));
+        for (var F in O)
+          if (n(O, F)) {
+            var D = u(O, F, E, P, w + "." + F, t);
             if (D instanceof Error)
               return D;
           }
         return null;
       }
-      return L(g);
+      return L(y);
     }
     function ee(u) {
       if (!Array.isArray(u))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var g = 0; g < u.length; g++) {
-        var T = u[g];
+      for (var y = 0; y < u.length; y++) {
+        var T = u[y];
         if (typeof T != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + fe(T) + " at index " + g + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + y + "."
           ), s;
       }
-      function x(w, P, S, O, R) {
-        for (var I = [], D = 0; D < u.length; D++) {
-          var q = u[D], d = q(w, P, S, O, R, t);
+      function x(E, P, w, O, R) {
+        for (var F = [], D = 0; D < u.length; D++) {
+          var q = u[D], d = q(E, P, w, O, R, t);
           if (d == null)
             return null;
-          d.data && n(d.data, "expectedType") && I.push(d.data.expectedType);
+          d.data && n(d.data, "expectedType") && F.push(d.data.expectedType);
         }
-        var re = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new C("Invalid " + O + " `" + R + "` supplied to " + ("`" + S + "`" + re + "."));
+        var re = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
+        return new S("Invalid " + O + " `" + R + "` supplied to " + ("`" + w + "`" + re + "."));
       }
       return L(x);
     }
     function ce() {
-      function u(g, T, x, w, P) {
-        return W(g[T]) ? null : new C("Invalid " + w + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
+      function u(y, T, x, E, P) {
+        return W(y[T]) ? null : new S("Invalid " + E + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
       }
       return L(u);
     }
-    function de(u, g, T, x, w) {
-      return new C(
-        (u || "React class") + ": " + g + " type `" + T + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
+    function pe(u, y, T, x, E) {
+      return new S(
+        (u || "React class") + ": " + y + " type `" + T + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
       );
     }
-    function me(u) {
-      function g(T, x, w, P, S) {
+    function de(u) {
+      function y(T, x, E, P, w) {
         var O = T[x], R = ne(O);
         if (R !== "object")
-          return new C("Invalid " + P + " `" + S + "` of type `" + R + "` " + ("supplied to `" + w + "`, expected `object`."));
-        for (var I in u) {
-          var D = u[I];
+          return new S("Invalid " + P + " `" + w + "` of type `" + R + "` " + ("supplied to `" + E + "`, expected `object`."));
+        for (var F in u) {
+          var D = u[F];
           if (typeof D != "function")
-            return de(w, P, S, I, ae(D));
-          var q = D(O, I, w, P, S + "." + I, t);
+            return pe(E, P, w, F, ae(D));
+          var q = D(O, F, E, P, w + "." + F, t);
           if (q)
             return q;
         }
         return null;
       }
-      return L(g);
+      return L(y);
     }
-    function ue(u) {
-      function g(T, x, w, P, S) {
+    function le(u) {
+      function y(T, x, E, P, w) {
         var O = T[x], R = ne(O);
         if (R !== "object")
-          return new C("Invalid " + P + " `" + S + "` of type `" + R + "` " + ("supplied to `" + w + "`, expected `object`."));
-        var I = r({}, T[x], u);
-        for (var D in I) {
+          return new S("Invalid " + P + " `" + w + "` of type `" + R + "` " + ("supplied to `" + E + "`, expected `object`."));
+        var F = r({}, T[x], u);
+        for (var D in F) {
           var q = u[D];
           if (n(u, D) && typeof q != "function")
-            return de(w, P, S, D, ae(q));
+            return pe(E, P, w, D, ae(q));
           if (!q)
-            return new C(
-              "Invalid " + P + " `" + S + "` key `" + D + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(T[x], null, "  ") + `
+            return new S(
+              "Invalid " + P + " `" + w + "` key `" + D + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(T[x], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
             );
-          var d = q(O, D, w, P, S + "." + D, t);
+          var d = q(O, D, E, P, w + "." + D, t);
           if (d)
             return d;
         }
         return null;
       }
-      return L(g);
+      return L(y);
     }
     function W(u) {
       switch (typeof u) {
@@ -1064,17 +1064,17 @@ Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
             return u.every(W);
           if (u === null || i(u))
             return !0;
-          var g = b(u);
-          if (g) {
-            var T = g.call(u), x;
-            if (g !== u.entries) {
+          var y = g(u);
+          if (y) {
+            var T = y.call(u), x;
+            if (y !== u.entries) {
               for (; !(x = T.next()).done; )
                 if (!W(x.value))
                   return !1;
             } else
               for (; !(x = T.next()).done; ) {
-                var w = x.value;
-                if (w && !W(w[1]))
+                var E = x.value;
+                if (E && !W(E[1]))
                   return !1;
               }
           } else
@@ -1084,43 +1084,43 @@ Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
           return !1;
       }
     }
-    function Z(u, g) {
-      return u === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
+    function Z(u, y) {
+      return u === "symbol" ? !0 : y ? y["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && y instanceof Symbol : !1;
     }
     function ne(u) {
-      var g = typeof u;
-      return Array.isArray(u) ? "array" : u instanceof RegExp ? "object" : Z(g, u) ? "symbol" : g;
+      var y = typeof u;
+      return Array.isArray(u) ? "array" : u instanceof RegExp ? "object" : Z(y, u) ? "symbol" : y;
     }
     function ae(u) {
       if (typeof u > "u" || u === null)
         return "" + u;
-      var g = ne(u);
-      if (g === "object") {
+      var y = ne(u);
+      if (y === "object") {
         if (u instanceof Date)
           return "date";
         if (u instanceof RegExp)
           return "regexp";
       }
-      return g;
+      return y;
     }
-    function fe(u) {
-      var g = ae(u);
-      switch (g) {
+    function ue(u) {
+      var y = ae(u);
+      switch (y) {
         case "array":
         case "object":
-          return "an " + g;
+          return "an " + y;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + g;
+          return "a " + y;
         default:
-          return g;
+          return y;
       }
     }
     function G(u) {
       return !u.constructor || !u.constructor.name ? h : u.constructor.name;
     }
-    return y.checkPropTypes = a, y.resetWarningCache = a.resetWarningCache, y.PropTypes = y, y;
+    return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
   }, Qe;
 }
 var er, Tr;
@@ -1134,8 +1134,8 @@ function wn() {
   function t() {
   }
   return t.resetWarningCache = r, er = function() {
-    function n(s, i, f, c, v, b) {
-      if (b !== e) {
+    function n(s, i, f, c, v, g) {
+      if (g !== e) {
         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"
         );
@@ -1173,12 +1173,12 @@ function wn() {
   }, er;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Sn = Hr(), Cn = !0;
+  var Sn = Gr(), Cn = !0;
   nr.exports = En()(Sn.isElement, Cn);
 } else
   nr.exports = wn()();
 var Tn = nr.exports;
-const M = /* @__PURE__ */ Lr(Tn);
+const M = /* @__PURE__ */ Br(Tn);
 function Se(e, r, t, n) {
   function a(o) {
     return o instanceof t ? o : new t(function(s) {
@@ -1189,15 +1189,15 @@ function Se(e, r, t, n) {
     function i(v) {
       try {
         c(n.next(v));
-      } catch (b) {
-        s(b);
+      } catch (g) {
+        s(g);
       }
     }
     function f(v) {
       try {
         c(n.throw(v));
-      } catch (b) {
-        s(b);
+      } catch (g) {
+        s(g);
       }
     }
     function c(v) {
@@ -1416,9 +1416,9 @@ var Dn = [
 function An(e) {
   return Se(this, void 0, void 0, function() {
     return Ce(this, function(r) {
-      return $e(e) && Pn(e.dataTransfer) ? [2, jn(e.dataTransfer, e.type)] : Rn(e) ? [2, In(e)] : Array.isArray(e) && e.every(function(t) {
+      return $e(e) && Pn(e.dataTransfer) ? [2, jn(e.dataTransfer, e.type)] : Rn(e) ? [2, Fn(e)] : Array.isArray(e) && e.every(function(t) {
         return "getFile" in t && typeof t.getFile == "function";
-      }) ? [2, Fn(e)] : [2, []];
+      }) ? [2, In(e)] : [2, []];
     });
   });
 }
@@ -1431,12 +1431,12 @@ function Rn(e) {
 function $e(e) {
   return typeof e == "object" && e !== null;
 }
-function In(e) {
+function Fn(e) {
   return or(e.target.files).map(function(r) {
     return Pe(r);
   });
 }
-function Fn(e) {
+function In(e) {
   return Se(this, void 0, void 0, function() {
     var r;
     return Ce(this, function(t) {
@@ -1463,7 +1463,7 @@ function jn(e, r) {
             return o.kind === "file";
           }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(Nn))]) : [3, 2];
         case 1:
-          return n = a.sent(), [2, Dr(Vr(n))];
+          return n = a.sent(), [2, Dr(Jr(n))];
         case 2:
           return [2, Dr(or(e.files).map(function(o) {
             return Pe(o);
@@ -1490,11 +1490,11 @@ function Nn(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return Ar(e);
   var r = e.webkitGetAsEntry();
-  return r && r.isDirectory ? Jr(r) : Ar(e);
+  return r && r.isDirectory ? Zr(r) : Ar(e);
 }
-function Vr(e) {
+function Jr(e) {
   return e.reduce(function(r, t) {
-    return Or(Or([], xr(r), !1), xr(Array.isArray(t) ? Vr(t) : [t]), !1);
+    return Or(Or([], xr(r), !1), xr(Array.isArray(t) ? Jr(t) : [t]), !1);
   }, []);
 }
 function Ar(e) {
@@ -1507,11 +1507,11 @@ function Ar(e) {
 function kn(e) {
   return Se(this, void 0, void 0, function() {
     return Ce(this, function(r) {
-      return [2, e.isDirectory ? Jr(e) : $n(e)];
+      return [2, e.isDirectory ? Zr(e) : $n(e)];
     });
   });
 }
-function Jr(e) {
+function Zr(e) {
   var r = e.createReader();
   return new Promise(function(t, n) {
     var a = [];
@@ -1520,22 +1520,22 @@ function Jr(e) {
       r.readEntries(function(i) {
         return Se(s, void 0, void 0, function() {
           var f, c, v;
-          return Ce(this, function(b) {
-            switch (b.label) {
+          return Ce(this, function(g) {
+            switch (g.label) {
               case 0:
                 if (i.length)
                   return [3, 5];
-                b.label = 1;
+                g.label = 1;
               case 1:
-                return b.trys.push([1, 3, , 4]), [4, Promise.all(a)];
+                return g.trys.push([1, 3, , 4]), [4, Promise.all(a)];
               case 2:
-                return f = b.sent(), t(f), [3, 4];
+                return f = g.sent(), t(f), [3, 4];
               case 3:
-                return c = b.sent(), n(c), [3, 4];
+                return c = g.sent(), n(c), [3, 4];
               case 4:
                 return [3, 6];
               case 5:
-                v = Promise.all(i.map(kn)), a.push(v), o(), b.label = 6;
+                v = Promise.all(i.map(kn)), a.push(v), o(), g.label = 6;
               case 6:
                 return [
                   2
@@ -1576,7 +1576,7 @@ var Mn = function(e, r) {
   return !0;
 };
 function Pr(e) {
-  return zn(e) || Bn(e) || Xr(e) || Ln();
+  return zn(e) || Bn(e) || Qr(e) || Ln();
 }
 function Ln() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1600,28 +1600,28 @@ function Rr(e, r) {
   }
   return t;
 }
-function Ir(e) {
+function Fr(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) {
-      Zr(e, n, t[n]);
+      Xr(e, n, t[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Rr(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function Zr(e, r, t) {
+function Xr(e, r, t) {
   return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
 function De(e, r) {
-  return qn(e) || Yn(e, r) || Xr(e, r) || Wn();
+  return qn(e) || Yn(e, r) || Qr(e, r) || Wn();
 }
 function Wn() {
   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 Xr(e, r) {
+function Qr(e, r) {
   if (e) {
     if (typeof e == "string")
       return ar(e, r);
@@ -1669,7 +1669,7 @@ var Un = "file-invalid-type", Kn = "file-too-large", Hn = "file-too-small", Gn =
     code: Un,
     message: "File type must be ".concat(t)
   };
-}, Fr = function(r) {
+}, Ir = function(r) {
   return {
     code: Kn,
     message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
@@ -1683,33 +1683,33 @@ var Un = "file-invalid-type", Kn = "file-too-large", Hn = "file-too-small", Gn =
   code: Gn,
   message: "Too many files"
 };
-function Qr(e, r) {
+function et(e, r) {
   var t = e.type === "application/x-moz-file" || Mn(e, r);
   return [t, t ? null : Vn(r)];
 }
-function et(e, r, t) {
-  if (ge(e.size))
-    if (ge(r) && ge(t)) {
+function rt(e, r, t) {
+  if (ve(e.size))
+    if (ve(r) && ve(t)) {
       if (e.size > t)
-        return [!1, Fr(t)];
+        return [!1, Ir(t)];
       if (e.size < r)
         return [!1, jr(r)];
     } else {
-      if (ge(r) && e.size < r)
+      if (ve(r) && e.size < r)
         return [!1, jr(r)];
-      if (ge(t) && e.size > t)
-        return [!1, Fr(t)];
+      if (ve(t) && e.size > t)
+        return [!1, Ir(t)];
     }
   return [!0, null];
 }
-function ge(e) {
+function ve(e) {
   return e != null;
 }
 function Zn(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(f) {
-    var c = Qr(f, t), v = De(c, 1), b = v[0], h = et(f, n, a), y = De(h, 1), _ = y[0], C = i ? i(f) : null;
-    return b && _ && !C;
+    var c = et(f, t), v = De(c, 1), g = v[0], h = rt(f, n, a), b = De(h, 1), C = b[0], S = i ? i(f) : null;
+    return g && C && !S;
   });
 }
 function Me(e) {
@@ -1748,13 +1748,13 @@ function ro() {
   return "showOpenFilePicker" in window;
 }
 function to(e) {
-  if (ge(e)) {
+  if (ve(e)) {
     var r = Object.entries(e).filter(function(t) {
       var n = De(t, 2), a = n[0], o = n[1], s = !0;
-      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;
+      return tt(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(nt)) && (console.warn('Skipped "'.concat(a, '" because an invalid file extension was provided.')), s = !1), s;
     }).reduce(function(t, n) {
       var a = De(n, 2), o = a[0], s = a[1];
-      return Ir(Ir({}, t), {}, Zr({}, o, s));
+      return Fr(Fr({}, t), {}, Xr({}, o, s));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -1765,12 +1765,12 @@ function to(e) {
   return e;
 }
 function no(e) {
-  if (ge(e))
+  if (ve(e))
     return Object.entries(e).reduce(function(r, t) {
       var n = De(t, 2), a = n[0], o = n[1];
       return [].concat(Pr(r), [a], Pr(o));
     }, []).filter(function(r) {
-      return rt(r) || tt(r);
+      return tt(r) || nt(r);
     }).join(",");
 }
 function oo(e) {
@@ -1779,15 +1779,15 @@ function oo(e) {
 function ao(e) {
   return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
 }
-function rt(e) {
+function tt(e) {
   return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
 }
-function tt(e) {
+function nt(e) {
   return /^.*\.[\w]+$/.test(e);
 }
 var io = ["children"], so = ["open"], co = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], lo = ["refKey", "onChange", "onClick"];
 function uo(e) {
-  return mo(e) || po(e) || nt(e) || fo();
+  return mo(e) || po(e) || ot(e) || fo();
 }
 function fo() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1802,13 +1802,13 @@ function mo(e) {
     return ir(e);
 }
 function rr(e, r) {
-  return yo(e) || go(e, r) || nt(e, r) || vo();
+  return go(e) || yo(e, r) || ot(e, r) || vo();
 }
 function vo() {
   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 nt(e, r) {
+function ot(e, r) {
   if (e) {
     if (typeof e == "string")
       return ir(e, r);
@@ -1825,7 +1825,7 @@ function ir(e, r) {
     n[t] = e[t];
   return n;
 }
-function go(e, r) {
+function yo(e, r) {
   var t = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (t != null) {
     var n = [], a = !0, o = !1, s, i;
@@ -1845,7 +1845,7 @@ function go(e, r) {
     return n;
   }
 }
-function yo(e) {
+function go(e) {
   if (Array.isArray(e))
     return e;
 }
@@ -1893,17 +1893,17 @@ function bo(e, r) {
   return t;
 }
 var pr = /* @__PURE__ */ vt(function(e, r) {
-  var t = e.children, n = Le(e, io), a = at(n), o = a.open, s = Le(a, so);
-  return gt(r, function() {
+  var t = e.children, n = Le(e, io), a = it(n), o = a.open, s = Le(a, so);
+  return yt(r, function() {
     return {
       open: o
     };
-  }, [o]), /* @__PURE__ */ ft.createElement(yt, null, t(z(z({}, s), {}, {
+  }, [o]), /* @__PURE__ */ pt.createElement(gt, null, t(z(z({}, s), {}, {
     open: o
   })));
 });
 pr.displayName = "Dropzone";
-var ot = {
+var at = {
   disabled: !1,
   getFilesFromEvent: An,
   maxSize: 1 / 0,
@@ -1919,7 +1919,7 @@ var ot = {
   useFsAccessApi: !0,
   autoFocus: !1
 };
-pr.defaultProps = ot;
+pr.defaultProps = at;
 pr.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
@@ -2097,22 +2097,22 @@ var cr = {
   acceptedFiles: [],
   fileRejections: []
 };
-function at() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = z(z({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, f = r.maxFiles, c = r.onDragEnter, v = r.onDragLeave, b = r.onDragOver, h = r.onDrop, y = r.onDropAccepted, _ = r.onDropRejected, C = r.onFileDialogCancel, L = r.onFileDialogOpen, N = r.useFsAccessApi, U = r.autoFocus, A = r.preventDropOnDocument, k = r.noClick, p = r.noKeyboard, X = r.noDrag, $ = r.noDragEventsBubbling, J = r.onError, ee = r.validator, ce = se(function() {
+function it() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = z(z({}, at), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, f = r.maxFiles, c = r.onDragEnter, v = r.onDragLeave, g = r.onDragOver, h = r.onDrop, b = r.onDropAccepted, C = r.onDropRejected, S = r.onFileDialogCancel, L = r.onFileDialogOpen, N = r.useFsAccessApi, U = r.autoFocus, A = r.preventDropOnDocument, k = r.noClick, p = r.noKeyboard, X = r.noDrag, $ = r.noDragEventsBubbling, J = r.onError, ee = r.validator, ce = se(function() {
     return no(t);
-  }, [t]), de = se(function() {
+  }, [t]), pe = se(function() {
     return to(t);
-  }, [t]), me = se(function() {
+  }, [t]), de = se(function() {
     return typeof L == "function" ? L : $r;
-  }, [L]), ue = se(function() {
-    return typeof C == "function" ? C : $r;
-  }, [C]), W = Oe(null), Z = Oe(null), ne = mt(ho, cr), ae = rr(ne, 2), fe = ae[0], G = ae[1], u = fe.isFocused, g = fe.isFileDialogActive, T = Oe(typeof window < "u" && window.isSecureContext && N && ro()), x = function() {
-    !T.current && g && setTimeout(function() {
+  }, [L]), le = se(function() {
+    return typeof S == "function" ? S : $r;
+  }, [S]), W = Oe(null), Z = Oe(null), ne = Lr(ho, cr), ae = rr(ne, 2), ue = ae[0], G = ae[1], u = ue.isFocused, y = ue.isFileDialogActive, T = Oe(typeof window < "u" && window.isSecureContext && N && ro()), x = function() {
+    !T.current && y && setTimeout(function() {
       if (Z.current) {
-        var E = Z.current.files;
-        E.length || (G({
+        var _ = Z.current.files;
+        _.length || (G({
           type: "closeDialog"
-        }), ue());
+        }), le());
       }
     }, 300);
   };
@@ -2120,9 +2120,9 @@ function at() {
     return window.addEventListener("focus", x, !1), function() {
       window.removeEventListener("focus", x, !1);
     };
-  }, [Z, g, ue, T]);
-  var w = Oe([]), P = function(E) {
-    W.current && W.current.contains(E.target) || (E.preventDefault(), w.current = []);
+  }, [Z, y, le, T]);
+  var E = Oe([]), P = function(_) {
+    W.current && W.current.contains(_.target) || (_.preventDefault(), E.current = []);
   };
   _e(function() {
     return A && (document.addEventListener("dragover", Nr, !1), document.addEventListener("drop", P, !1)), function() {
@@ -2132,13 +2132,13 @@ function at() {
     return !n && U && W.current && W.current.focus(), function() {
     };
   }, [W, U, n]);
-  var S = Q(function(m) {
+  var w = Q(function(m) {
     J ? J(m) : console.error(m);
   }, [J]), O = Q(function(m) {
-    m.preventDefault(), m.persist(), Ie(m), w.current = [].concat(uo(w.current), [m.target]), Ne(m) && Promise.resolve(a(m)).then(function(E) {
+    m.preventDefault(), m.persist(), Fe(m), E.current = [].concat(uo(E.current), [m.target]), Ne(m) && Promise.resolve(a(m)).then(function(_) {
       if (!(Me(m) && !$)) {
-        var Y = E.length, V = Y > 0 && Zn({
-          files: E,
+        var Y = _.length, V = Y > 0 && Zn({
+          files: _,
           accept: ce,
           minSize: s,
           maxSize: o,
@@ -2153,41 +2153,41 @@ function at() {
           type: "setDraggedFiles"
         }), c && c(m);
       }
-    }).catch(function(E) {
-      return S(E);
+    }).catch(function(_) {
+      return w(_);
     });
-  }, [a, c, S, $, ce, s, o, i, f, ee]), R = Q(function(m) {
-    m.preventDefault(), m.persist(), Ie(m);
-    var E = Ne(m);
-    if (E && m.dataTransfer)
+  }, [a, c, w, $, ce, s, o, i, f, ee]), R = Q(function(m) {
+    m.preventDefault(), m.persist(), Fe(m);
+    var _ = Ne(m);
+    if (_ && m.dataTransfer)
       try {
         m.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return E && b && b(m), !1;
-  }, [b, $]), I = Q(function(m) {
-    m.preventDefault(), m.persist(), Ie(m);
-    var E = w.current.filter(function(V) {
+    return _ && g && g(m), !1;
+  }, [g, $]), F = Q(function(m) {
+    m.preventDefault(), m.persist(), Fe(m);
+    var _ = E.current.filter(function(V) {
       return W.current && W.current.contains(V);
-    }), Y = E.indexOf(m.target);
-    Y !== -1 && E.splice(Y, 1), w.current = E, !(E.length > 0) && (G({
+    }), Y = _.indexOf(m.target);
+    Y !== -1 && _.splice(Y, 1), E.current = _, !(_.length > 0) && (G({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), Ne(m) && v && v(m));
-  }, [W, v, $]), D = Q(function(m, E) {
+  }, [W, v, $]), D = Q(function(m, _) {
     var Y = [], V = [];
     m.forEach(function(te) {
-      var xe = Qr(te, ce), he = rr(xe, 2), We = he[0], Ye = he[1], qe = et(te, s, o), Fe = rr(qe, 2), Ue = Fe[0], Ke = Fe[1], He = ee ? ee(te) : null;
+      var xe = et(te, ce), he = rr(xe, 2), We = he[0], Ye = he[1], qe = rt(te, s, o), Ie = rr(qe, 2), Ue = Ie[0], Ke = Ie[1], He = ee ? ee(te) : null;
       if (We && Ue && !He)
         Y.push(te);
       else {
         var Ge = [Ye, Ke];
         He && (Ge = Ge.concat(He)), V.push({
           file: te,
-          errors: Ge.filter(function(ut) {
-            return ut;
+          errors: Ge.filter(function(ft) {
+            return ft;
           })
         });
       }
@@ -2200,43 +2200,43 @@ function at() {
       acceptedFiles: Y,
       fileRejections: V,
       type: "setFiles"
-    }), h && h(Y, V, E), V.length > 0 && _ && _(V, E), Y.length > 0 && y && y(Y, E);
-  }, [G, i, ce, s, o, f, h, y, _, ee]), q = Q(function(m) {
-    m.preventDefault(), m.persist(), Ie(m), w.current = [], Ne(m) && Promise.resolve(a(m)).then(function(E) {
-      Me(m) && !$ || D(E, m);
-    }).catch(function(E) {
-      return S(E);
+    }), h && h(Y, V, _), V.length > 0 && C && C(V, _), Y.length > 0 && b && b(Y, _);
+  }, [G, i, ce, s, o, f, h, b, C, ee]), q = Q(function(m) {
+    m.preventDefault(), m.persist(), Fe(m), E.current = [], Ne(m) && Promise.resolve(a(m)).then(function(_) {
+      Me(m) && !$ || D(_, m);
+    }).catch(function(_) {
+      return w(_);
     }), G({
       type: "reset"
     });
-  }, [a, D, S, $]), d = Q(function() {
+  }, [a, D, w, $]), d = Q(function() {
     if (T.current) {
       G({
         type: "openDialog"
-      }), me();
+      }), de();
       var m = {
         multiple: i,
-        types: de
+        types: pe
       };
-      window.showOpenFilePicker(m).then(function(E) {
-        return a(E);
-      }).then(function(E) {
-        D(E, null), G({
+      window.showOpenFilePicker(m).then(function(_) {
+        return a(_);
+      }).then(function(_) {
+        D(_, null), G({
           type: "closeDialog"
         });
-      }).catch(function(E) {
-        oo(E) ? (ue(E), G({
+      }).catch(function(_) {
+        oo(_) ? (le(_), G({
           type: "closeDialog"
-        })) : ao(E) ? (T.current = !1, Z.current ? (Z.current.value = null, Z.current.click()) : S(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."))) : S(E);
+        })) : ao(_) ? (T.current = !1, Z.current ? (Z.current.value = null, Z.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(_);
       });
       return;
     }
     Z.current && (G({
       type: "openDialog"
-    }), me(), Z.current.value = null, Z.current.click());
-  }, [G, me, ue, N, D, S, de, i]), re = Q(function(m) {
+    }), de(), Z.current.value = null, Z.current.click());
+  }, [G, de, le, N, D, w, pe, i]), re = Q(function(m) {
     !W.current || !W.current.isEqualNode(m.target) || (m.key === " " || m.key === "Enter" || m.keyCode === 32 || m.keyCode === 13) && (m.preventDefault(), d());
-  }, [W, d]), ve = Q(function() {
+  }, [W, d]), me = Q(function() {
     G({
       type: "focus"
     });
@@ -2246,36 +2246,36 @@ function at() {
     });
   }, []), dr = Q(function() {
     k || (eo() ? setTimeout(d, 0) : d());
-  }, [k, d]), be = function(E) {
-    return n ? null : E;
-  }, ze = function(E) {
-    return p ? null : be(E);
-  }, Re = function(E) {
-    return X ? null : be(E);
-  }, Ie = function(E) {
-    $ && E.stopPropagation();
-  }, st = se(function() {
+  }, [k, d]), be = function(_) {
+    return n ? null : _;
+  }, ze = function(_) {
+    return p ? null : be(_);
+  }, Re = function(_) {
+    return X ? null : be(_);
+  }, Fe = function(_) {
+    $ && _.stopPropagation();
+  }, ct = se(function() {
     return function() {
-      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.role, te = m.onKeyDown, xe = m.onFocus, he = m.onBlur, We = m.onClick, Ye = m.onDragEnter, qe = m.onDragOver, Fe = m.onDragLeave, Ue = m.onDrop, Ke = Le(m, co);
+      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ = m.refKey, Y = _ === void 0 ? "ref" : _, V = m.role, te = m.onKeyDown, xe = m.onFocus, he = m.onBlur, We = m.onClick, Ye = m.onDragEnter, qe = m.onDragOver, Ie = m.onDragLeave, Ue = m.onDrop, Ke = Le(m, co);
       return z(z(sr({
         onKeyDown: ze(ie(te, re)),
-        onFocus: ze(ie(xe, ve)),
+        onFocus: ze(ie(xe, me)),
         onBlur: ze(ie(he, Te)),
         onClick: be(ie(We, dr)),
         onDragEnter: Re(ie(Ye, O)),
         onDragOver: Re(ie(qe, R)),
-        onDragLeave: Re(ie(Fe, I)),
+        onDragLeave: Re(ie(Ie, F)),
         onDrop: Re(ie(Ue, q)),
         role: typeof V == "string" && V !== "" ? V : "presentation"
       }, Y, W), !n && !p ? {
         tabIndex: 0
       } : {}), Ke);
     };
-  }, [W, re, ve, Te, dr, O, R, I, q, p, X, n]), ct = Q(function(m) {
+  }, [W, re, me, Te, dr, O, R, F, q, p, X, n]), lt = Q(function(m) {
     m.stopPropagation();
-  }, []), lt = se(function() {
+  }, []), ut = se(function() {
     return function() {
-      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = m.refKey, Y = E === void 0 ? "ref" : E, V = m.onChange, te = m.onClick, xe = Le(m, lo), he = sr({
+      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ = m.refKey, Y = _ === void 0 ? "ref" : _, V = m.onChange, te = m.onClick, xe = Le(m, lo), he = sr({
         accept: ce,
         multiple: i,
         type: "file",
@@ -2283,16 +2283,16 @@ function at() {
           display: "none"
         },
         onChange: be(ie(V, q)),
-        onClick: be(ie(te, ct)),
+        onClick: be(ie(te, lt)),
         tabIndex: -1
       }, Y, Z);
       return z(z({}, he), xe);
     };
   }, [Z, t, i, q, n]);
-  return z(z({}, fe), {}, {
+  return z(z({}, ue), {}, {
     isFocused: u && !n,
-    getRootProps: st,
-    getInputProps: lt,
+    getRootProps: ct,
+    getInputProps: ut,
     rootRef: W,
     inputRef: Z,
     open: be(d)
@@ -2335,7 +2335,50 @@ function ho(e, r) {
 }
 function $r() {
 }
-const _o = ({
+const _o = () => {
+  const e = (i, f) => {
+    switch (f.type) {
+      case "add-files":
+        return {
+          acceptedFiles: [
+            ...i.acceptedFiles,
+            ...f.payload.acceptedFiles
+          ],
+          fileRejections: [
+            ...i.fileRejections,
+            ...f.payload.fileRejections
+          ]
+        };
+      case "remove-accepted":
+        return {
+          ...i,
+          acceptedFiles: i.acceptedFiles.filter(
+            (c) => c !== f.payload
+          )
+        };
+      case "remove-rejected":
+        return {
+          ...i,
+          fileRejections: i.fileRejections.filter(
+            (c) => c !== f.payload
+          )
+        };
+    }
+  }, [{ acceptedFiles: r, fileRejections: t }, n] = Lr(
+    e,
+    {
+      acceptedFiles: [],
+      fileRejections: []
+    }
+  ), a = Q(
+    (i, f) => n({
+      type: "add-files",
+      payload: { acceptedFiles: i, fileRejections: f }
+    }),
+    [n]
+  );
+  return { acceptedFiles: r, fileRejections: t, onFileUpload: a, removeFile: (i) => n({ type: "remove-accepted", payload: i }), removeRejectedFile: (i) => n({ type: "remove-rejected", payload: i }) };
+}, Eo = ({
   accept: e,
   error: r,
   files: t,
@@ -2348,7 +2391,7 @@ const _o = ({
   removeFile: c,
   removeRejectedFile: v
 }) => {
-  const { getRootProps: b } = at({
+  const { getRootProps: g } = it({
     accept: e,
     maxFiles: o,
     maxSize: s,
@@ -2367,7 +2410,7 @@ const _o = ({
           !o || t.length < o ? /* @__PURE__ */ l("div", { className: "file-upload__wrapper", children: /* @__PURE__ */ l(
             "div",
             {
-              ...b(),
+              ...g(),
               "aria-labelledby": a ? h : void 0,
               className: "file-upload",
               "data-testid": "file-upload",
@@ -2379,42 +2422,42 @@ const _o = ({
             r
           ] }) : null,
           /* @__PURE__ */ K("div", { className: "file-upload__files-list", children: [
-            f && f.map((y) => /* @__PURE__ */ K("span", { className: "is-error", children: [
+            f && f.map((b) => /* @__PURE__ */ K("span", { className: "is-error", children: [
               /* @__PURE__ */ K("div", { className: "file-upload__file is-rejected", children: [
-                y.file.name,
+                b.file.name,
                 /* @__PURE__ */ l(
-                  pe,
+                  fe,
                   {
                     appearance: "base",
                     className: "file-upload__file-remove-button",
-                    onClick: () => v(y),
+                    onClick: () => v(b),
                     type: "button",
                     children: /* @__PURE__ */ l(we, { name: "close", children: "Remove file" })
                   }
                 )
               ] }),
-              y.errors.map((_) => /* @__PURE__ */ l(
+              b.errors.map((C) => /* @__PURE__ */ l(
                 "p",
                 {
                   className: "p-form-validation__message",
-                  children: _.message
+                  children: C.message
                 },
-                `${y.file.name}-${_.code}`
+                `${b.file.name}-${C.code}`
               ))
-            ] }, y.file.name)),
-            t && t.map((y) => /* @__PURE__ */ K("div", { className: "file-upload__file", children: [
-              y.name,
-              y.percentUploaded !== void 0 ? /* @__PURE__ */ l(kt, { percentComplete: y.percentUploaded }) : /* @__PURE__ */ l(
-                pe,
+            ] }, b.file.name)),
+            t && t.map((b) => /* @__PURE__ */ K("div", { className: "file-upload__file", children: [
+              b.name,
+              b.percentUploaded !== void 0 ? /* @__PURE__ */ l(kt, { percentComplete: b.percentUploaded }) : /* @__PURE__ */ l(
+                fe,
                 {
                   appearance: "base",
                   className: "file-upload__file-remove-button",
-                  onClick: () => c(y),
+                  onClick: () => c(b),
                   type: "button",
                   children: /* @__PURE__ */ l(we, { name: "close", children: "Remove file" })
                 }
               )
-            ] }, y.name))
+            ] }, b.name))
           ] })
         ] })
       ]
@@ -2428,36 +2471,31 @@ const _o = ({
   maxFiles: a,
   maxSize: o
 }) => {
-  const [s, i] = le([]), [f, c] = le([]), v = Q(
-    (y, _) => {
-      i([...s, ...y]), c([...f, ..._]);
-    },
-    [s, f]
-  );
+  const {
+    acceptedFiles: s,
+    fileRejections: i,
+    onFileUpload: f,
+    removeFile: c,
+    removeRejectedFile: v
+  } = _o();
   return /* @__PURE__ */ l(
-    _o,
+    Eo,
     {
       accept: e,
       error: r,
       files: s,
-      rejectedFiles: f,
+      rejectedFiles: i,
       help: t,
       label: n,
       maxFiles: a,
       maxSize: o,
-      onFileUpload: v,
-      removeFile: (y) => {
-        const _ = [...s];
-        _.splice(_.indexOf(y), 1), i(_);
-      },
-      removeRejectedFile: (y) => {
-        const _ = [...f];
-        _.splice(_.indexOf(y), 1), c(_);
-      }
+      onFileUpload: f,
+      removeFile: c,
+      removeRejectedFile: v
     }
   );
 };
-const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo = (e) => (r, t) => {
+const st = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), wo = (e) => (r, t) => {
   if (e) {
     const n = e.has(r.value), a = e.has(t.value);
     if (n && !a)
@@ -2466,13 +2504,13 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
       return 1;
   }
   return 0;
-}, wo = (e) => {
+}, So = (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 }));
-}, So = ({
+}, Co = ({
   items: e,
   selectedItems: r,
   disabledItems: t,
@@ -2480,22 +2518,22 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
   updateItems: a,
   isOpen: o,
   footer: s,
-  sortFn: i = it,
-  groupFn: f = wo,
+  sortFn: i = st,
+  groupFn: f = So,
   ...c
 }) => {
   const v = se(
     () => new Set(r.map((N) => N.value)),
     [r]
-  ), b = se(
+  ), g = se(
     () => new Set(t.map((N) => N.value)),
     [t]
-  ), [h, y] = le(new Set(v));
+  ), [h, b] = ge(new Set(v));
   _e(() => {
-    o && y(new Set(v));
+    o && b(new Set(v));
   }, [o]);
-  const _ = se(() => e.some((N) => N.group), [e]), C = se(
-    () => _ ? f(e) : [{ group: "Ungrouped", items: e }],
+  const C = se(() => e.some((N) => N.group), [e]), S = se(
+    () => C ? f(e) : [{ group: "Ungrouped", items: e }],
     [e, f]
   ), L = (N) => {
     const { checked: U, value: A } = N.target, k = e.find((p) => `${p.value}` === A);
@@ -2504,14 +2542,14 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
       a(p);
     }
   };
-  return /* @__PURE__ */ l(Kr, { isVisible: o, className: "put-above", children: /* @__PURE__ */ K("div", { className: "multi-select__dropdown", role: "listbox", ...c, children: [
+  return /* @__PURE__ */ l(Hr, { isVisible: o, className: "put-above", children: /* @__PURE__ */ K("div", { className: "multi-select__dropdown", role: "listbox", ...c, children: [
     n || null,
-    C.map(({ group: N, items: U }) => /* @__PURE__ */ K("div", { className: "multi-select__group", children: [
-      _ ? /* @__PURE__ */ l("h5", { className: "multi-select__dropdown-header", children: N }) : null,
-      /* @__PURE__ */ l("ul", { className: "multi-select__dropdown-list", "aria-label": N, children: U.sort(i).sort(Eo(h)).map((A) => /* @__PURE__ */ l("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ l(
+    S.map(({ group: N, items: U }) => /* @__PURE__ */ K("div", { className: "multi-select__group", children: [
+      C ? /* @__PURE__ */ l("h5", { className: "multi-select__dropdown-header", children: N }) : null,
+      /* @__PURE__ */ l("ul", { className: "multi-select__dropdown-list", "aria-label": N, children: U.sort(i).sort(wo(h)).map((A) => /* @__PURE__ */ l("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ l(
         xt,
         {
-          disabled: b.has(A.value),
+          disabled: g.has(A.value),
           label: A.label,
           checked: v.has(A.value),
           value: A.value,
@@ -2522,7 +2560,7 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
     ] }, N)),
     s ? /* @__PURE__ */ l("div", { className: "multi-select__footer", children: s }) : null
   ] }) });
-}, Fo = ({
+}, jo = ({
   disabled: e,
   selectedItems: r = [],
   label: t,
@@ -2535,23 +2573,23 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
   dropdownFooter: c,
   variant: v = "search"
 }) => {
-  const b = Ot(() => {
-    y(!1), C("");
+  const g = Ot(() => {
+    b(!1), S("");
   });
   Dt(() => {
-    y(!1), C("");
+    b(!1), S("");
   });
-  const [h, y] = le(!1), [_, C] = le("");
+  const [h, b] = ge(!1), [C, S] = ge("");
   _e(() => {
-    h || C("");
+    h || S("");
   }, [h]);
-  const [L, N] = le([]), U = r || L, A = ($) => {
+  const [L, N] = ge([]), U = r || L, A = ($) => {
     const J = Array.from(new Set($));
     N(J), n && n(J);
   }, k = ke(), p = ke(), X = U.filter(
     ($) => s.some((J) => J.value === $.value)
-  ).sort(it).map(($) => $.label).join(", ");
-  return /* @__PURE__ */ l("div", { ref: b, children: /* @__PURE__ */ K("div", { className: "multi-select", children: [
+  ).sort(st).map(($) => $.label).join(", ");
+  return /* @__PURE__ */ l("div", { ref: g, children: /* @__PURE__ */ K("div", { className: "multi-select", children: [
     v === "search" ? /* @__PURE__ */ l(
       At,
       {
@@ -2564,13 +2602,13 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
         disabled: e,
         autoComplete: "off",
         onChange: ($) => {
-          C($), y(!0);
+          S($), b(!0);
         },
-        onFocus: () => y(!0),
+        onFocus: () => b(!0),
         placeholder: a ?? "Search",
         required: o,
         type: "text",
-        value: _,
+        value: C,
         className: "multi-select__input"
       }
     ) : /* @__PURE__ */ l(
@@ -2583,18 +2621,18 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
         "aria-expanded": h,
         className: "multi-select__select-button",
         onClick: () => {
-          y(($) => !$);
+          b(($) => !$);
         },
         children: /* @__PURE__ */ l("span", { className: "multi-select__condensed-text", children: U.length > 0 ? X : a ?? "Select items" })
       }
     ),
     /* @__PURE__ */ l(
-      So,
+      Co,
       {
         id: k,
         isOpen: h,
-        items: _.length > 0 ? s.filter(
-          ($) => $.label.toLowerCase().includes(_.toLowerCase())
+        items: C.length > 0 ? s.filter(
+          ($) => $.label.toLowerCase().includes(C.toLowerCase())
         ) : s,
         selectedItems: U,
         disabledItems: i,
@@ -2602,7 +2640,7 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
         updateItems: A,
         footer: c || /* @__PURE__ */ K(Ae, { children: [
           /* @__PURE__ */ l(
-            pe,
+            fe,
             {
               appearance: "link",
               onClick: () => {
@@ -2618,7 +2656,7 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
             }
           ),
           /* @__PURE__ */ l(
-            pe,
+            fe,
             {
               appearance: "link",
               onClick: () => {
@@ -2637,7 +2675,7 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
       }
     )
   ] }) });
-}, jo = ({ value: e, unit: r }, {
+}, No = ({ value: e, unit: r }, {
   binary: t = !1,
   convertTo: n,
   decimals: a = 2,
@@ -2646,37 +2684,37 @@ const it = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), Eo =
   const s = e < 0, i = Math.abs(e);
   if (i === 0)
     return { value: 0, unit: n || "B" };
-  const f = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], v = c.findIndex((C) => C === r) || 0, b = i * Math.pow(f, v), h = n ? c.findIndex((C) => C === n) : Math.floor(Math.log(b) / Math.log(f));
-  let y = b / Math.pow(f, h);
-  if (y % 1 !== 0) {
-    const C = Math.pow(10, a);
-    y = Math[o](y * C) / C;
+  const f = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], v = c.findIndex((S) => S === r) || 0, g = i * Math.pow(f, v), h = n ? c.findIndex((S) => S === n) : Math.floor(Math.log(g) / Math.log(f));
+  let b = g / Math.pow(f, h);
+  if (b % 1 !== 0) {
+    const S = Math.pow(10, a);
+    b = Math[o](b * S) / S;
   }
   return {
-    value: s ? -y : y,
+    value: s ? -b : b,
     unit: c[h]
   };
 };
 export {
   Be as ContentSection,
-  Do as ExternalLink,
-  _o as FileUpload,
+  Ao as ExternalLink,
+  Eo as FileUpload,
   Io as FileUploadContainer,
   ur as FormSection,
-  Wr as InputGroup,
-  Ur as MainToolbar,
-  It as Meter,
-  Fo as MultiSelect,
-  So as MultiSelectDropdown,
+  Yr as InputGroup,
+  Kr as MainToolbar,
+  Ft as Meter,
+  jo as MultiSelect,
+  Co as MultiSelectDropdown,
   H as Navigation,
   tn as NavigationBar,
-  Ao as NestedFormGroup,
-  gn as Pagination,
-  Po as PaginationContainer,
+  Po as NestedFormGroup,
+  yn as Pagination,
+  Ro as PaginationContainer,
   kt as ProgressIndicator,
-  Ro as Stepper,
-  Oo as defaultFilledColors,
-  jo as formatBytes,
+  Fo as Stepper,
+  Do as defaultFilledColors,
+  No as formatBytes,
   ye as meterColor,
   Ee as testIds
 };