@canonical/maas-react-components 1.18.1 → 1.19.1

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

@@ -1,11 +1,11 @@
 import { jsxs as se, jsx as u, Fragment as De } from "react/jsx-runtime";
 import * as ne from "react";
-import ut, { useRef as Ce, useState as be, useEffect as Oe, 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 St, useOnEscapePressed as Ct, SearchBox as Ot } from "@canonical/react-components";
+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";
 function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var zr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,9 +40,9 @@ var zr = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(zr);
-var xt = zr.exports;
-const W = /* @__PURE__ */ Lr(xt);
+})(Br);
+var Ot = Br.exports;
+const W = /* @__PURE__ */ Lr(Ot);
 const ve = {
   caution: "#F99B11",
   light: "#F7F7F7",
@@ -57,7 +57,7 @@ const ve = {
   ve.positive,
   ve.negative,
   ve.caution
-], Dt = ve.linkFaded, Br = ve.caution, tr = ve.light, mr = 2, vr = 1, yr = (e, r) => {
+], Dt = ve.linkFaded, zr = ve.caution, tr = ve.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;
@@ -77,14 +77,14 @@ const ve = {
   size: o = "regular",
   ...s
 }) => {
-  const i = Ce(null), y = t == null ? void 0 : t.reduce((D, _) => D + _.value, 0), l = n || y, v = t.map((D) => D.value / l * 100), [g, w] = be(0);
-  Oe(() => {
-    w(a === "segmented" ? yr(i, l) : 0);
-  }, [l, a]);
-  const O = ee(() => {
-    w(yr(i, l));
-  }, [i, l, w]);
-  return gt(window, O, "resize", !0, a === "segmented"), /* @__PURE__ */ se(
+  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);
+  }, [c, a]);
+  const T = ee(() => {
+    _(yr(i, c));
+  }, [i, c, _]);
+  return gt(window, T, "resize", !0, a === "segmented"), /* @__PURE__ */ se(
     "div",
     {
       className: W("p-meter", e, {
@@ -98,9 +98,9 @@ const ve = {
           Rt,
           {
             data: t,
-            datumWidths: v,
-            maximum: l,
-            overColor: Br,
+            datumWidths: y,
+            maximum: c,
+            overColor: zr,
             segmentWidth: g,
             separatorColor: tr
           }
@@ -123,13 +123,13 @@ const ve = {
   maximum: t,
   segmentWidth: n
 }) => {
-  const a = () => (e == null ? void 0 : e.reduce((i, y) => i + y.value, 0)) > t, o = (i, y) => ({
+  const a = () => (e == null ? void 0 : e.reduce((i, v) => i + v.value, 0)) > t, o = (i, v) => ({
     backgroundColor: i.color,
     left: `${r == null ? void 0 : r.reduce(
-      (l, v, g) => y > g ? l + v : l,
+      (c, y, g) => v > g ? c + y : c,
       0
     )}%`,
-    width: `${r[y]}%`
+    width: `${r[v]}%`
   }), s = () => ({
     background: `repeating-linear-gradient(
       to right,
@@ -145,16 +145,16 @@ const ve = {
       {
         className: "p-meter__filled",
         "data-testid": he.meteroverflow,
-        style: { backgroundColor: Br, width: "100%" }
+        style: { backgroundColor: zr, width: "100%" }
       }
-    ) : e == null ? void 0 : e.map((i, y) => /* @__PURE__ */ u(
+    ) : e == null ? void 0 : e.map((i, v) => /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__filled",
         "data-testid": he.filled,
-        style: o(i, y)
+        style: o(i, v)
       },
-      `meter-${y}`
+      `meter-${v}`
     )),
     n > 0 && /* @__PURE__ */ u(
       "div",
@@ -209,7 +209,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
       }
     )
   }
-), kt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__content", children: /* @__PURE__ */ u("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__controls u-no-margin--top", children: e }), $t = ({ children: e }) => /* @__PURE__ */ u("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ u("div", { className: "p-panel is-dark", children: e }) }), Mt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__footer", children: e }), Lt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__header", children: e }), zt = ({ light: e = !0, name: r }) => /* @__PURE__ */ u(ke, { className: "p-side-navigation__icon", light: e, name: r }), Bt = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ u("li", { className: W("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Wt = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ u("span", { className: W("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Yt = ({
+), kt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__content", children: /* @__PURE__ */ u("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__controls u-no-margin--top", children: e }), $t = ({ children: e }) => /* @__PURE__ */ u("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ u("div", { className: "p-panel is-dark", children: e }) }), Mt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__footer", children: e }), Lt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__header", children: e }), Bt = ({ light: e = !0, name: r }) => /* @__PURE__ */ u(ke, { className: "p-side-navigation__icon", light: e, name: r }), zt = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ u("li", { className: W("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Wt = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ u("span", { className: W("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Yt = ({
   as: e,
   ...r
 }) => /* @__PURE__ */ u(
@@ -218,12 +218,12 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
     className: W("p-side-navigation__link", r.className),
     ...r
   }
-), qt = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: W("p-side-navigation__list", r), children: e }), Ht = ({
+), qt = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: W("p-side-navigation__list", r), children: e }), Kt = ({
   as: e,
   children: r,
   className: t,
   ...n
-}) => /* @__PURE__ */ u(e || "a", { className: W("p-panel__logo", t), ...n, children: /* @__PURE__ */ u("div", { className: "p-navigation__tagged-logo", children: r }) }), Kt = ({ children: e }) => ft(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Ut = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ u(e || "a", { className: W("p-panel__logo", t), ...n, children: /* @__PURE__ */ u("div", { className: "p-navigation__tagged-logo", children: r }) }), Ht = ({ children: e }) => ft(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Ut = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ u(
   "div",
   {
     className: W("p-panel__logo-name is-fading-when-collapsed", {
@@ -248,27 +248,27 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
     },
     children: e
   }
-), Xt = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-side-navigation__text", children: e });
-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 }), Zt = ({ 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 = Bt;
-H.Link = Yt;
-H.Text = Xt;
-H.Icon = zt;
-H.Label = Wt;
-H.Logo = Ht;
-H.LogoTag = Gt;
-H.LogoIcon = Kt;
-H.LogoName = Ut;
-H.LogoText = Vt;
-Zt.MenuButton = Jt;
+), 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;
+Xt.MenuButton = Jt;
 const lr = pt(null), Wr = ({ children: e }) => {
   const r = rr();
   return /* @__PURE__ */ u(lr.Provider, { value: r, children: /* @__PURE__ */ u(
@@ -311,7 +311,7 @@ function on(e) {
   }, [e, a]), r;
 }
 const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
-}]), Hr = ({ children: e }) => {
+}]), Kr = ({ children: e }) => {
   const r = ne.useRef(null), t = on(r), [n, a] = ne.useState(!1);
   return /* @__PURE__ */ u(
     "header",
@@ -362,8 +362,8 @@ const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
     )
   ] });
 };
-Hr.Title = an;
-Hr.Controls = sn;
+Kr.Title = an;
+Kr.Controls = sn;
 const Le = ({
   children: e,
   className: r,
@@ -385,7 +385,7 @@ Le.Title = cn;
 Le.Header = ln;
 Le.Content = un;
 Le.Footer = fn;
-const Kr = ({
+const Hr = ({
   children: e,
   className: r,
   isVisible: t
@@ -397,10 +397,10 @@ const Kr = ({
     style: { visibility: t ? "visible" : "hidden" },
     children: e
   }
-), So = ({
+), xo = ({
   children: e,
   ...r
-}) => /* @__PURE__ */ u(Kr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ u("div", { className: "p-form__nested-group", ...r, children: e }) });
+}) => /* @__PURE__ */ u(Hr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ u("div", { className: "p-form__nested-group", ...r, children: e }) });
 const pn = ({
   currentPage: e,
   error: r,
@@ -455,7 +455,7 @@ const pn = ({
       children: /* @__PURE__ */ u(ke, { name: "chevron-up" })
     }
   )
-] }) }), Co = ({
+] }) }), So = ({
   currentPage: e,
   disabled: r,
   paginate: t,
@@ -471,21 +471,21 @@ const pn = ({
       onInputBlur: () => {
         o(e), i("");
       },
-      onInputChange: (w) => {
-        const { value: O, valueAsNumber: D } = w.target;
-        O ? (o(D), D > n || D < 1 ? i(`${D} is not a valid page number.`) : (i(""), t(D))) : i("Enter a page number.");
+      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.");
       },
       onNextClick: () => {
-        o((w) => Number(w) + 1), t(Number(e) + 1);
+        o((_) => Number(_) + 1), t(Number(e) + 1);
       },
       onPreviousClick: () => {
-        o((w) => Number(w) - 1), t(Number(e) - 1);
+        o((_) => Number(_) - 1), t(Number(e) - 1);
       },
       totalPages: n
     }
   );
 };
-const Oo = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className: "stepper", children: r.map((t, n) => {
+const Co = ({ 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",
@@ -513,15 +513,15 @@ function dn() {
   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, y = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, O = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, _ = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, L = e ? Symbol.for("react.responder") : 60118, K = 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, 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) {
         case r:
           switch (p = p.type, p) {
-            case y:
-            case l:
+            case v:
+            case c:
             case n:
             case o:
             case a:
@@ -530,9 +530,9 @@ function dn() {
             default:
               switch (p = p && p.$$typeof, p) {
                 case i:
-                case v:
+                case y:
                 case D:
-                case O:
+                case T:
                 case s:
                   return p;
                 default:
@@ -545,10 +545,10 @@ function dn() {
     }
   }
   function k(p) {
-    return j(p) === l;
+    return j(p) === c;
   }
-  return I.AsyncMode = y, I.ConcurrentMode = l, I.ContextConsumer = i, I.ContextProvider = s, I.Element = r, I.ForwardRef = v, I.Fragment = n, I.Lazy = D, I.Memo = O, I.Portal = t, I.Profiler = o, I.StrictMode = a, I.Suspense = g, I.isAsyncMode = function(p) {
-    return k(p) || j(p) === y;
+  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) {
@@ -556,13 +556,13 @@ function dn() {
   }, I.isElement = function(p) {
     return typeof p == "object" && p !== null && p.$$typeof === r;
   }, I.isForwardRef = function(p) {
-    return j(p) === v;
+    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) === O;
+    return j(p) === T;
   }, I.isPortal = function(p) {
     return j(p) === t;
   }, I.isProfiler = function(p) {
@@ -572,7 +572,7 @@ function dn() {
   }, I.isSuspense = function(p) {
     return j(p) === g;
   }, I.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === n || p === l || p === o || p === a || p === g || p === w || typeof p == "object" && p !== null && (p.$$typeof === D || p.$$typeof === O || p.$$typeof === s || p.$$typeof === i || p.$$typeof === v || p.$$typeof === M || p.$$typeof === L || p.$$typeof === K || p.$$typeof === _);
+    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 = {};
@@ -587,20 +587,20 @@ 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, y = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, O = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, _ = e ? Symbol.for("react.block") : 60121, M = e ? Symbol.for("react.fundamental") : 60117, L = e ? Symbol.for("react.responder") : 60118, K = 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, 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 === l || f === o || f === a || f === g || f === w || typeof f == "object" && f !== null && (f.$$typeof === D || f.$$typeof === O || f.$$typeof === s || f.$$typeof === i || f.$$typeof === v || f.$$typeof === M || f.$$typeof === L || f.$$typeof === K || f.$$typeof === _);
+      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 Z = f.$$typeof;
-        switch (Z) {
+        var X = f.$$typeof;
+        switch (X) {
           case r:
             var de = f.type;
             switch (de) {
-              case y:
-              case l:
+              case v:
+              case c:
               case n:
               case o:
               case a:
@@ -610,47 +610,47 @@ function mn() {
                 var Te = de && de.$$typeof;
                 switch (Te) {
                   case i:
-                  case v:
+                  case y:
                   case D:
-                  case O:
+                  case T:
                   case s:
                     return Te;
                   default:
-                    return Z;
+                    return X;
                 }
             }
           case t:
-            return Z;
+            return X;
         }
       }
     }
-    var p = y, re = l, $ = i, V = s, X = r, ce = v, fe = n, pe = D, le = O, B = t, J = o, te = a, ae = g, ue = !1;
+    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.")), c(f) || k(f) === y;
+      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;
     }
-    function c(f) {
-      return k(f) === l;
+    function l(f) {
+      return k(f) === c;
     }
     function m(f) {
       return k(f) === i;
     }
-    function T(f) {
+    function x(f) {
       return k(f) === s;
     }
     function S(f) {
       return typeof f == "object" && f !== null && f.$$typeof === r;
     }
-    function h(f) {
-      return k(f) === v;
+    function E(f) {
+      return k(f) === y;
     }
     function A(f) {
       return k(f) === n;
     }
-    function E(f) {
+    function w(f) {
       return k(f) === D;
     }
     function C(f) {
-      return k(f) === O;
+      return k(f) === T;
     }
     function P(f) {
       return k(f) === t;
@@ -658,13 +658,13 @@ function mn() {
     function R(f) {
       return k(f) === o;
     }
-    function x(f) {
+    function O(f) {
       return k(f) === a;
     }
     function q(f) {
       return k(f) === g;
     }
-    F.AsyncMode = p, F.ConcurrentMode = re, F.ContextConsumer = $, F.ContextProvider = V, F.Element = X, F.ForwardRef = ce, F.Fragment = fe, F.Lazy = pe, F.Memo = le, F.Portal = B, F.Profiler = J, F.StrictMode = te, F.Suspense = ae, F.isAsyncMode = U, F.isConcurrentMode = c, F.isContextConsumer = m, F.isContextProvider = T, F.isElement = S, F.isForwardRef = h, F.isFragment = A, F.isLazy = E, F.isMemo = C, F.isPortal = P, F.isProfiler = R, F.isStrictMode = x, F.isSuspense = q, F.isValidElementType = j, F.typeOf = k;
+    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;
 }
 var hr;
@@ -696,31 +696,31 @@ function vn() {
         return !1;
       for (var s = {}, i = 0; i < 10; i++)
         s["_" + String.fromCharCode(i)] = i;
-      var y = Object.getOwnPropertyNames(s).map(function(v) {
-        return s[v];
+      var v = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
       });
-      if (y.join("") !== "0123456789")
+      if (v.join("") !== "0123456789")
         return !1;
-      var l = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
-        l[v] = v;
-      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
+      var c = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        c[y] = y;
+      }), Object.keys(Object.assign({}, c)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return Ge = a() ? Object.assign : function(o, s) {
-    for (var i, y = n(o), l, v = 1; v < arguments.length; v++) {
-      i = Object(arguments[v]);
+    for (var i, v = n(o), c, y = 1; y < arguments.length; y++) {
+      i = Object(arguments[y]);
       for (var g in i)
-        r.call(i, g) && (y[g] = i[g]);
+        r.call(i, g) && (v[g] = i[g]);
       if (e) {
-        l = e(i);
-        for (var w = 0; w < l.length; w++)
-          t.call(i, l[w]) && (y[l[w]] = i[l[w]]);
+        c = e(i);
+        for (var _ = 0; _ < c.length; _++)
+          t.call(i, c[_]) && (v[c[_]] = i[c[_]]);
       }
     }
-    return y;
+    return v;
   }, Ge;
 }
 var Ve, Er;
@@ -735,10 +735,10 @@ var Je, wr;
 function Gr() {
   return wr || (wr = 1, Je = Function.call.bind(Object.prototype.hasOwnProperty)), Je;
 }
-var Xe, Tr;
+var Ze, Tr;
 function yn() {
   if (Tr)
-    return Xe;
+    return Ze;
   Tr = 1;
   var e = function() {
   };
@@ -753,29 +753,29 @@ function yn() {
       }
     };
   }
-  function a(o, s, i, y, l) {
+  function a(o, s, i, v, c) {
     if (process.env.NODE_ENV !== "production") {
-      for (var v in o)
-        if (n(o, v)) {
+      for (var y in o)
+        if (n(o, y)) {
           var g;
           try {
-            if (typeof o[v] != "function") {
-              var w = Error(
-                (y || "React class") + ": " + i + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof o[y] != "function") {
+              var _ = 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 w.name = "Invariant Violation", w;
+              throw _.name = "Invariant Violation", _;
             }
-            g = o[v](s, v, y, i, null, r);
+            g = o[y](s, y, v, i, null, r);
           } catch (D) {
             g = D;
           }
           if (g && !(g instanceof Error) && e(
-            (y || "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)."
+            (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 O = l ? l() : "";
+            var T = c ? c() : "";
             e(
-              "Failed " + i + " type: " + g.message + (O ?? "")
+              "Failed " + i + " type: " + g.message + (T ?? "")
             );
           }
         }
@@ -783,34 +783,34 @@ function yn() {
   }
   return a.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Xe = a, Xe;
+  }, Ze = a, Ze;
 }
-var Ze, Sr;
+var Xe, xr;
 function gn() {
-  if (Sr)
-    return Ze;
-  Sr = 1;
+  if (xr)
+    return Xe;
+  xr = 1;
   var e = Ur(), r = vn(), t = fr(), n = Gr(), a = yn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
-    var y = "Warning: " + i;
-    typeof console < "u" && console.error(y);
+    var v = "Warning: " + i;
+    typeof console < "u" && console.error(v);
     try {
-      throw new Error(y);
+      throw new Error(v);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return Ze = function(i, y) {
-    var l = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
-    function g(c) {
-      var m = c && (l && c[l] || c[v]);
+  return Xe = function(i, v) {
+    var c = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function g(l) {
+      var m = l && (c && l[c] || l[y]);
       if (typeof m == "function")
         return m;
     }
-    var w = "<<anonymous>>", O = {
+    var _ = "<<anonymous>>", T = {
       array: L("array"),
       bigint: L("bigint"),
       bool: L("boolean"),
@@ -819,7 +819,7 @@ function gn() {
       object: L("object"),
       string: L("string"),
       symbol: L("symbol"),
-      any: K(),
+      any: H(),
       arrayOf: j,
       element: k(),
       elementType: p(),
@@ -827,184 +827,184 @@ function gn() {
       node: ce(),
       objectOf: V,
       oneOf: $,
-      oneOfType: X,
+      oneOfType: Z,
       shape: pe,
       exact: le
     };
-    function D(c, m) {
-      return c === m ? c !== 0 || 1 / c === 1 / m : c !== c && m !== m;
+    function D(l, m) {
+      return l === m ? l !== 0 || 1 / l === 1 / m : l !== l && m !== m;
     }
-    function _(c, m) {
-      this.message = c, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
+    function b(l, m) {
+      this.message = l, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
     }
-    _.prototype = Error.prototype;
-    function M(c) {
+    b.prototype = Error.prototype;
+    function M(l) {
       if (process.env.NODE_ENV !== "production")
-        var m = {}, T = 0;
-      function S(A, E, C, P, R, x, q) {
-        if (P = P || w, x = x || C, q !== t) {
-          if (y) {
+        var m = {}, x = 0;
+      function S(A, w, C, P, R, O, q) {
+        if (P = P || _, O = O || C, q !== t) {
+          if (v) {
             var f = 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;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = P + ":" + C;
-            !m[Z] && // 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 `" + x + "` 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[Z] = !0, T++);
+            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++);
           }
         }
-        return E[C] == null ? A ? E[C] === null ? new _("The " + R + " `" + x + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new _("The " + R + " `" + x + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : c(E, C, P, R, x);
+        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);
       }
-      var h = S.bind(null, !1);
-      return h.isRequired = S.bind(null, !0), h;
-    }
-    function L(c) {
-      function m(T, S, h, A, E, C) {
-        var P = T[S], R = te(P);
-        if (R !== c) {
-          var x = ae(P);
-          return new _(
-            "Invalid " + A + " `" + E + "` of type " + ("`" + x + "` supplied to `" + h + "`, expected ") + ("`" + c + "`."),
-            { expectedType: c }
+      var E = S.bind(null, !1);
+      return E.isRequired = S.bind(null, !0), E;
+    }
+    function L(l) {
+      function m(x, S, E, A, w, C) {
+        var P = x[S], R = te(P);
+        if (R !== l) {
+          var O = ae(P);
+          return new b(
+            "Invalid " + A + " `" + w + "` of type " + ("`" + O + "` supplied to `" + E + "`, expected ") + ("`" + l + "`."),
+            { expectedType: l }
           );
         }
         return null;
       }
       return M(m);
     }
-    function K() {
+    function H() {
       return M(s);
     }
-    function j(c) {
-      function m(T, S, h, A, E) {
-        if (typeof c != "function")
-          return new _("Property `" + E + "` of component `" + h + "` has invalid PropType notation inside arrayOf.");
-        var C = T[S];
+    function j(l) {
+      function m(x, S, E, A, w) {
+        if (typeof l != "function")
+          return new b("Property `" + w + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
+        var C = x[S];
         if (!Array.isArray(C)) {
           var P = te(C);
-          return new _("Invalid " + A + " `" + E + "` of type " + ("`" + P + "` supplied to `" + h + "`, expected an array."));
+          return new b("Invalid " + A + " `" + w + "` of type " + ("`" + P + "` supplied to `" + E + "`, expected an array."));
         }
         for (var R = 0; R < C.length; R++) {
-          var x = c(C, R, h, A, E + "[" + R + "]", t);
-          if (x instanceof Error)
-            return x;
+          var O = l(C, R, E, A, w + "[" + R + "]", t);
+          if (O instanceof Error)
+            return O;
         }
         return null;
       }
       return M(m);
     }
     function k() {
-      function c(m, T, S, h, A) {
-        var E = m[T];
-        if (!i(E)) {
-          var C = te(E);
-          return new _("Invalid " + h + " `" + A + "` of type " + ("`" + C + "` supplied to `" + S + "`, expected a single ReactElement."));
+      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 null;
       }
-      return M(c);
+      return M(l);
     }
     function p() {
-      function c(m, T, S, h, A) {
-        var E = m[T];
-        if (!e.isValidElementType(E)) {
-          var C = te(E);
-          return new _("Invalid " + h + " `" + A + "` of type " + ("`" + C + "` supplied to `" + S + "`, expected a single ReactElement type."));
+      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 null;
       }
-      return M(c);
+      return M(l);
     }
-    function re(c) {
-      function m(T, S, h, A, E) {
-        if (!(T[S] instanceof c)) {
-          var C = c.name || w, P = U(T[S]);
-          return new _("Invalid " + A + " `" + E + "` of type " + ("`" + P + "` supplied to `" + h + "`, expected ") + ("instance of `" + C + "`."));
+    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 + "`."));
         }
         return null;
       }
       return M(m);
     }
-    function $(c) {
-      if (!Array.isArray(c))
+    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(T, S, h, A, E) {
-        for (var C = T[S], P = 0; P < c.length; P++)
-          if (D(C, c[P]))
+      function m(x, S, E, A, w) {
+        for (var C = x[S], P = 0; P < l.length; P++)
+          if (D(C, l[P]))
             return null;
-        var R = JSON.stringify(c, function(q, f) {
-          var Z = ae(f);
-          return Z === "symbol" ? String(f) : f;
+        var R = JSON.stringify(l, function(q, f) {
+          var X = ae(f);
+          return X === "symbol" ? String(f) : f;
         });
-        return new _("Invalid " + A + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + h + "`, expected one of " + R + "."));
+        return new b("Invalid " + A + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + E + "`, expected one of " + R + "."));
       }
       return M(m);
     }
-    function V(c) {
-      function m(T, S, h, A, E) {
-        if (typeof c != "function")
-          return new _("Property `" + E + "` of component `" + h + "` has invalid PropType notation inside objectOf.");
-        var C = T[S], P = te(C);
+    function V(l) {
+      function m(x, S, E, A, w) {
+        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 _("Invalid " + A + " `" + E + "` of type " + ("`" + P + "` supplied to `" + h + "`, expected an object."));
+          return new b("Invalid " + A + " `" + w + "` of type " + ("`" + P + "` supplied to `" + E + "`, expected an object."));
         for (var R in C)
           if (n(C, R)) {
-            var x = c(C, R, h, A, E + "." + R, t);
-            if (x instanceof Error)
-              return x;
+            var O = l(C, R, E, A, w + "." + R, t);
+            if (O instanceof Error)
+              return O;
           }
         return null;
       }
       return M(m);
     }
-    function X(c) {
-      if (!Array.isArray(c))
+    function Z(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 < c.length; m++) {
-        var T = c[m];
-        if (typeof T != "function")
+      for (var m = 0; m < l.length; m++) {
+        var x = l[m];
+        if (typeof x != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + m + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(x) + " at index " + m + "."
           ), s;
       }
-      function S(h, A, E, C, P) {
-        for (var R = [], x = 0; x < c.length; x++) {
-          var q = c[x], f = q(h, A, E, C, P, t);
+      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)
             return null;
           f.data && n(f.data, "expectedType") && R.push(f.data.expectedType);
         }
-        var Z = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
-        return new _("Invalid " + C + " `" + P + "` supplied to " + ("`" + E + "`" + Z + "."));
+        var X = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
+        return new b("Invalid " + C + " `" + P + "` supplied to " + ("`" + w + "`" + X + "."));
       }
       return M(S);
     }
     function ce() {
-      function c(m, T, S, h, A) {
-        return B(m[T]) ? null : new _("Invalid " + h + " `" + A + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+      function l(m, x, S, E, A) {
+        return z(m[x]) ? null : new b("Invalid " + E + " `" + A + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
-      return M(c);
+      return M(l);
     }
-    function fe(c, m, T, S, h) {
-      return new _(
-        (c || "React class") + ": " + m + " type `" + T + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
+    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 pe(c) {
-      function m(T, S, h, A, E) {
-        var C = T[S], P = te(C);
+    function pe(l) {
+      function m(x, S, E, A, w) {
+        var C = x[S], P = te(C);
         if (P !== "object")
-          return new _("Invalid " + A + " `" + E + "` of type `" + P + "` " + ("supplied to `" + h + "`, expected `object`."));
-        for (var R in c) {
-          var x = c[R];
-          if (typeof x != "function")
-            return fe(h, A, E, R, ae(x));
-          var q = x(C, R, h, A, E + "." + R, t);
+          return new b("Invalid " + A + " `" + w + "` of type `" + P + "` " + ("supplied to `" + E + "`, 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);
           if (q)
             return q;
         }
@@ -1012,22 +1012,22 @@ function gn() {
       }
       return M(m);
     }
-    function le(c) {
-      function m(T, S, h, A, E) {
-        var C = T[S], P = te(C);
+    function le(l) {
+      function m(x, S, E, A, w) {
+        var C = x[S], P = te(C);
         if (P !== "object")
-          return new _("Invalid " + A + " `" + E + "` of type `" + P + "` " + ("supplied to `" + h + "`, expected `object`."));
-        var R = r({}, T[S], c);
-        for (var x in R) {
-          var q = c[x];
-          if (n(c, x) && typeof q != "function")
-            return fe(h, A, E, x, ae(q));
+          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));
           if (!q)
-            return new _(
-              "Invalid " + A + " `" + E + "` key `" + x + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(T[S], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
+            return new b(
+              "Invalid " + A + " `" + w + "` key `" + O + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(x[S], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
-          var f = q(C, x, h, A, E + "." + x, t);
+          var f = q(C, O, E, A, w + "." + O, t);
           if (f)
             return f;
         }
@@ -1035,30 +1035,30 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
       }
       return M(m);
     }
-    function B(c) {
-      switch (typeof c) {
+    function z(l) {
+      switch (typeof l) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !c;
+          return !l;
         case "object":
-          if (Array.isArray(c))
-            return c.every(B);
-          if (c === null || i(c))
+          if (Array.isArray(l))
+            return l.every(z);
+          if (l === null || i(l))
             return !0;
-          var m = g(c);
+          var m = g(l);
           if (m) {
-            var T = m.call(c), S;
-            if (m !== c.entries) {
-              for (; !(S = T.next()).done; )
-                if (!B(S.value))
+            var x = m.call(l), S;
+            if (m !== l.entries) {
+              for (; !(S = x.next()).done; )
+                if (!z(S.value))
                   return !1;
             } else
-              for (; !(S = T.next()).done; ) {
-                var h = S.value;
-                if (h && !B(h[1]))
+              for (; !(S = x.next()).done; ) {
+                var E = S.value;
+                if (E && !z(E[1]))
                   return !1;
               }
           } else
@@ -1068,27 +1068,27 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
           return !1;
       }
     }
-    function J(c, m) {
-      return c === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
+    function J(l, m) {
+      return l === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
     }
-    function te(c) {
-      var m = typeof c;
-      return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : J(m, c) ? "symbol" : m;
+    function te(l) {
+      var m = typeof l;
+      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : J(m, l) ? "symbol" : m;
     }
-    function ae(c) {
-      if (typeof c > "u" || c === null)
-        return "" + c;
-      var m = te(c);
+    function ae(l) {
+      if (typeof l > "u" || l === null)
+        return "" + l;
+      var m = te(l);
       if (m === "object") {
-        if (c instanceof Date)
+        if (l instanceof Date)
           return "date";
-        if (c instanceof RegExp)
+        if (l instanceof RegExp)
           return "regexp";
       }
       return m;
     }
-    function ue(c) {
-      var m = ae(c);
+    function ue(l) {
+      var m = ae(l);
       switch (m) {
         case "array":
         case "object":
@@ -1101,29 +1101,29 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
           return m;
       }
     }
-    function U(c) {
-      return !c.constructor || !c.constructor.name ? w : c.constructor.name;
+    function U(l) {
+      return !l.constructor || !l.constructor.name ? _ : l.constructor.name;
     }
-    return O.checkPropTypes = a, O.resetWarningCache = a.resetWarningCache, O.PropTypes = O, O;
-  }, Ze;
+    return T.checkPropTypes = a, T.resetWarningCache = a.resetWarningCache, T.PropTypes = T, T;
+  }, Xe;
 }
-var Qe, Cr;
+var Qe, Sr;
 function bn() {
-  if (Cr)
+  if (Sr)
     return Qe;
-  Cr = 1;
+  Sr = 1;
   var e = fr();
   function r() {
   }
   function t() {
   }
   return t.resetWarningCache = r, Qe = function() {
-    function n(s, i, y, l, v, g) {
+    function n(s, i, v, c, y, g) {
       if (g !== e) {
-        var w = new Error(
+        var _ = 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 w.name = "Invariant Violation", w;
+        throw _.name = "Invariant Violation", _;
       }
     }
     n.isRequired = n;
@@ -1170,24 +1170,24 @@ function Ee(e, r, t, n) {
     });
   }
   return new (t || (t = Promise))(function(o, s) {
-    function i(v) {
+    function i(y) {
       try {
-        l(n.next(v));
+        c(n.next(y));
       } catch (g) {
         s(g);
       }
     }
-    function y(v) {
+    function v(y) {
       try {
-        l(n.throw(v));
+        c(n.throw(y));
       } catch (g) {
         s(g);
       }
     }
-    function l(v) {
-      v.done ? o(v.value) : a(v.value).then(i, y);
+    function c(y) {
+      y.done ? o(y.value) : a(y.value).then(i, v);
     }
-    l((n = n.apply(e, r || [])).next());
+    c((n = n.apply(e, r || [])).next());
   });
 }
 function we(e, r) {
@@ -1199,63 +1199,63 @@ function we(e, r) {
   return s = { next: i(0), throw: i(1), return: i(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
     return this;
   }), s;
-  function i(l) {
-    return function(v) {
-      return y([l, v]);
+  function i(c) {
+    return function(y) {
+      return v([c, y]);
     };
   }
-  function y(l) {
+  function v(c) {
     if (n)
       throw new TypeError("Generator is already executing.");
-    for (; s && (s = 0, l[0] && (t = 0)), t; )
+    for (; s && (s = 0, c[0] && (t = 0)), t; )
       try {
-        if (n = 1, a && (o = l[0] & 2 ? a.return : l[0] ? a.throw || ((o = a.return) && o.call(a), 0) : a.next) && !(o = o.call(a, l[1])).done)
+        if (n = 1, a && (o = c[0] & 2 ? a.return : c[0] ? a.throw || ((o = a.return) && o.call(a), 0) : a.next) && !(o = o.call(a, c[1])).done)
           return o;
-        switch (a = 0, o && (l = [l[0] & 2, o.value]), l[0]) {
+        switch (a = 0, o && (c = [c[0] & 2, o.value]), c[0]) {
           case 0:
           case 1:
-            o = l;
+            o = c;
             break;
           case 4:
-            return t.label++, { value: l[1], done: !1 };
+            return t.label++, { value: c[1], done: !1 };
           case 5:
-            t.label++, a = l[1], l = [0];
+            t.label++, a = c[1], c = [0];
             continue;
           case 7:
-            l = t.ops.pop(), t.trys.pop();
+            c = t.ops.pop(), t.trys.pop();
             continue;
           default:
-            if (o = t.trys, !(o = o.length > 0 && o[o.length - 1]) && (l[0] === 6 || l[0] === 2)) {
+            if (o = t.trys, !(o = o.length > 0 && o[o.length - 1]) && (c[0] === 6 || c[0] === 2)) {
               t = 0;
               continue;
             }
-            if (l[0] === 3 && (!o || l[1] > o[0] && l[1] < o[3])) {
-              t.label = l[1];
+            if (c[0] === 3 && (!o || c[1] > o[0] && c[1] < o[3])) {
+              t.label = c[1];
               break;
             }
-            if (l[0] === 6 && t.label < o[1]) {
-              t.label = o[1], o = l;
+            if (c[0] === 6 && t.label < o[1]) {
+              t.label = o[1], o = c;
               break;
             }
             if (o && t.label < o[2]) {
-              t.label = o[2], t.ops.push(l);
+              t.label = o[2], t.ops.push(c);
               break;
             }
             o[2] && t.ops.pop(), t.trys.pop();
             continue;
         }
-        l = r.call(e, t);
-      } catch (v) {
-        l = [6, v], a = 0;
+        c = r.call(e, t);
+      } catch (y) {
+        c = [6, y], a = 0;
       } finally {
         n = o = 0;
       }
-    if (l[0] & 5)
-      throw l[1];
-    return { value: l[0] ? l[1] : void 0, done: !0 };
+    if (c[0] & 5)
+      throw c[1];
+    return { value: c[0] ? c[1] : void 0, done: !0 };
   }
 }
-function Or(e, r) {
+function Cr(e, r) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t)
     return e;
@@ -1275,7 +1275,7 @@ function Or(e, r) {
   }
   return o;
 }
-function xr(e, r, t) {
+function Or(e, r, t) {
   if (t || arguments.length === 2)
     for (var n = 0, a = r.length, o; n < a; n++)
       (o || !(n in r)) && (o || (o = Array.prototype.slice.call(r, 0, n)), o[n] = r[n]);
@@ -1391,25 +1391,25 @@ function Tn(e) {
   }
   return e;
 }
-var Sn = [
+var xn = [
   // Thumbnail cache files for macOS and Windows
   ".DS_Store",
   "Thumbs.db"
   // Windows
 ];
-function Cn(e) {
+function Sn(e) {
   return Ee(this, void 0, void 0, function() {
     return we(this, function(r) {
-      return Ne(e) && On(e.dataTransfer) ? [2, Pn(e.dataTransfer, e.type)] : xn(e) ? [2, Dn(e)] : Array.isArray(e) && e.every(function(t) {
+      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, []];
     });
   });
 }
-function On(e) {
+function Cn(e) {
   return Ne(e);
 }
-function xn(e) {
+function On(e) {
   return Ne(e) && Ne(e.target);
 }
 function Ne(e) {
@@ -1458,7 +1458,7 @@ function Pn(e, r) {
 }
 function Dr(e) {
   return e.filter(function(r) {
-    return Sn.indexOf(r.name) === -1;
+    return xn.indexOf(r.name) === -1;
   });
 }
 function or(e) {
@@ -1478,7 +1478,7 @@ function Rn(e) {
 }
 function Vr(e) {
   return e.reduce(function(r, t) {
-    return xr(xr([], Or(r), !1), Or(Array.isArray(t) ? Vr(t) : [t]), !1);
+    return Or(Or([], Cr(r), !1), Cr(Array.isArray(t) ? Vr(t) : [t]), !1);
   }, []);
 }
 function Ar(e) {
@@ -1503,7 +1503,7 @@ function Jr(e) {
       var s = this;
       r.readEntries(function(i) {
         return Ee(s, void 0, void 0, function() {
-          var y, l, v;
+          var v, c, y;
           return we(this, function(g) {
             switch (g.label) {
               case 0:
@@ -1513,13 +1513,13 @@ function Jr(e) {
               case 1:
                 return g.trys.push([1, 3, , 4]), [4, Promise.all(a)];
               case 2:
-                return y = g.sent(), t(y), [3, 4];
+                return v = g.sent(), t(v), [3, 4];
               case 3:
-                return l = g.sent(), n(l), [3, 4];
+                return c = g.sent(), n(c), [3, 4];
               case 4:
                 return [3, 6];
               case 5:
-                v = Promise.all(i.map(In)), a.push(v), o(), g.label = 6;
+                y = Promise.all(i.map(In)), a.push(y), o(), g.label = 6;
               case 6:
                 return [
                   2
@@ -1560,7 +1560,7 @@ var jn = function(e, r) {
   return !0;
 };
 function Pr(e) {
-  return $n(e) || Nn(e) || Zr(e) || kn();
+  return $n(e) || Nn(e) || Xr(e) || kn();
 }
 function kn() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1588,24 +1588,24 @@ function Ir(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) {
-      Xr(e, n, t[n]);
+      Zr(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 Xr(e, r, t) {
+function Zr(e, r, t) {
   return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
-function xe(e, r) {
-  return zn(e) || Ln(e, r) || Zr(e, r) || Mn();
+function Oe(e, r) {
+  return Bn(e) || Ln(e, r) || Xr(e, r) || Mn();
 }
 function Mn() {
   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 Zr(e, r) {
+function Xr(e, r) {
   if (e) {
     if (typeof e == "string")
       return ar(e, r);
@@ -1629,8 +1629,8 @@ function Ln(e, r) {
     try {
       for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (y) {
-      o = !0, i = y;
+    } catch (v) {
+      o = !0, i = v;
     } finally {
       try {
         !a && t.return != null && t.return();
@@ -1642,15 +1642,15 @@ function Ln(e, r) {
     return n;
   }
 }
-function zn(e) {
+function Bn(e) {
   if (Array.isArray(e))
     return e;
 }
-var Bn = "file-invalid-type", Wn = "file-too-large", Yn = "file-too-small", qn = "too-many-files", Hn = function(r) {
+var zn = "file-invalid-type", Wn = "file-too-large", Yn = "file-too-small", qn = "too-many-files", Kn = function(r) {
   r = Array.isArray(r) && r.length === 1 ? r[0] : r;
   var t = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
   return {
-    code: Bn,
+    code: zn,
     message: "File type must be ".concat(t)
   };
 }, Fr = function(r) {
@@ -1663,13 +1663,13 @@ var Bn = "file-invalid-type", Wn = "file-too-large", Yn = "file-too-small", qn =
     code: Yn,
     message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
-}, Kn = {
+}, Hn = {
   code: qn,
   message: "Too many files"
 };
 function Qr(e, r) {
   var t = e.type === "application/x-moz-file" || jn(e, r);
-  return [t, t ? null : Hn(r)];
+  return [t, t ? null : Kn(r)];
 }
 function et(e, r, t) {
   if (me(e.size))
@@ -1691,9 +1691,9 @@ 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(y) {
-    var l = Qr(y, t), v = xe(l, 1), g = v[0], w = et(y, n, a), O = xe(w, 1), D = O[0], _ = i ? i(y) : null;
-    return g && D && !_;
+  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;
   });
 }
 function $e(e) {
@@ -1728,17 +1728,17 @@ function ie() {
     });
   };
 }
-function Xn() {
+function Zn() {
   return "showOpenFilePicker" in window;
 }
-function Zn(e) {
+function Xn(e) {
   if (me(e)) {
     var r = Object.entries(e).filter(function(t) {
-      var n = xe(t, 2), a = n[0], o = n[1], s = !0;
+      var n = Oe(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;
     }).reduce(function(t, n) {
-      var a = xe(n, 2), o = a[0], s = a[1];
-      return Ir(Ir({}, t), {}, Xr({}, o, s));
+      var a = Oe(n, 2), o = a[0], s = a[1];
+      return Ir(Ir({}, t), {}, Zr({}, o, s));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -1751,7 +1751,7 @@ function Zn(e) {
 function Qn(e) {
   if (me(e))
     return Object.entries(e).reduce(function(r, t) {
-      var n = xe(t, 2), a = n[0], o = n[1];
+      var n = Oe(t, 2), a = n[0], o = n[1];
       return [].concat(Pr(r), [a], Pr(o));
     }, []).filter(function(r) {
       return rt(r) || tt(r);
@@ -1816,8 +1816,8 @@ function fo(e, r) {
     try {
       for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (y) {
-      o = !0, i = y;
+    } catch (v) {
+      o = !0, i = v;
     } finally {
       try {
         !a && t.return != null && t.return();
@@ -1843,7 +1843,7 @@ function Nr(e, r) {
   }
   return t;
 }
-function z(e) {
+function B(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
     r % 2 ? Nr(Object(t), !0).forEach(function(n) {
@@ -1882,14 +1882,14 @@ var pr = /* @__PURE__ */ mt(function(e, r) {
     return {
       open: o
     };
-  }, [o]), /* @__PURE__ */ ut.createElement(yt, null, t(z(z({}, s), {}, {
+  }, [o]), /* @__PURE__ */ ut.createElement(yt, null, t(B(B({}, s), {}, {
     open: o
   })));
 });
 pr.displayName = "Dropzone";
 var ot = {
   disabled: !1,
-  getFilesFromEvent: Cn,
+  getFilesFromEvent: Sn,
   maxSize: 1 / 0,
   minSize: 0,
   multiple: !0,
@@ -2082,119 +2082,119 @@ var cr = {
   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, y = r.maxFiles, l = r.onDragEnter, v = r.onDragLeave, g = r.onDragOver, w = r.onDrop, O = r.onDropAccepted, D = r.onDropRejected, _ = r.onFileDialogCancel, M = r.onFileDialogOpen, L = r.useFsAccessApi, K = r.autoFocus, j = r.preventDropOnDocument, k = r.noClick, p = r.noKeyboard, re = r.noDrag, $ = r.noDragEventsBubbling, V = r.onError, X = 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, _ = 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() {
     return Qn(t);
   }, [t]), fe = oe(function() {
-    return Zn(t);
+    return Xn(t);
   }, [t]), pe = oe(function() {
     return typeof M == "function" ? M : $r;
   }, [M]), le = oe(function() {
-    return typeof _ == "function" ? _ : $r;
-  }, [_]), B = Ce(null), J = Ce(null), te = dt(vo, cr), ae = er(te, 2), ue = ae[0], U = ae[1], c = ue.isFocused, m = ue.isFileDialogActive, T = Ce(typeof window < "u" && window.isSecureContext && L && Xn()), S = function() {
-    !T.current && m && setTimeout(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() {
       if (J.current) {
-        var b = J.current.files;
-        b.length || (U({
+        var h = J.current.files;
+        h.length || (U({
           type: "closeDialog"
         }), le());
       }
     }, 300);
   };
-  Oe(function() {
+  Ce(function() {
     return window.addEventListener("focus", S, !1), function() {
       window.removeEventListener("focus", S, !1);
     };
-  }, [J, m, le, T]);
-  var h = Ce([]), A = function(b) {
-    B.current && B.current.contains(b.target) || (b.preventDefault(), h.current = []);
+  }, [J, m, le, x]);
+  var E = Se([]), A = function(h) {
+    z.current && z.current.contains(h.target) || (h.preventDefault(), E.current = []);
   };
-  Oe(function() {
+  Ce(function() {
     return j && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", A, !1)), function() {
       j && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", A));
     };
-  }, [B, j]), Oe(function() {
-    return !n && K && B.current && B.current.focus(), function() {
+  }, [z, j]), Ce(function() {
+    return !n && H && z.current && z.current.focus(), function() {
     };
-  }, [B, K, n]);
-  var E = ee(function(d) {
+  }, [z, H, n]);
+  var w = ee(function(d) {
     V ? V(d) : console.error(d);
   }, [V]), C = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d), h.current = [].concat(io(h.current), [d.target]), je(d) && Promise.resolve(a(d)).then(function(b) {
+    d.preventDefault(), d.persist(), Re(d), E.current = [].concat(io(E.current), [d.target]), je(d) && Promise.resolve(a(d)).then(function(h) {
       if (!($e(d) && !$)) {
-        var Y = b.length, G = Y > 0 && Un({
-          files: b,
+        var Y = h.length, G = Y > 0 && Un({
+          files: h,
           accept: ce,
           minSize: s,
           maxSize: o,
           multiple: i,
-          maxFiles: y,
-          validator: X
+          maxFiles: v,
+          validator: Z
         }), Q = Y > 0 && !G;
         U({
           isDragAccept: G,
           isDragReject: Q,
           isDragActive: !0,
           type: "setDraggedFiles"
-        }), l && l(d);
+        }), c && c(d);
       }
-    }).catch(function(b) {
-      return E(b);
+    }).catch(function(h) {
+      return w(h);
     });
-  }, [a, l, E, $, ce, s, o, i, y, X]), P = ee(function(d) {
+  }, [a, c, w, $, ce, s, o, i, v, Z]), P = ee(function(d) {
     d.preventDefault(), d.persist(), Re(d);
-    var b = je(d);
-    if (b && d.dataTransfer)
+    var h = je(d);
+    if (h && d.dataTransfer)
       try {
         d.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return b && g && g(d), !1;
+    return h && g && g(d), !1;
   }, [g, $]), R = ee(function(d) {
     d.preventDefault(), d.persist(), Re(d);
-    var b = h.current.filter(function(G) {
-      return B.current && B.current.contains(G);
-    }), Y = b.indexOf(d.target);
-    Y !== -1 && b.splice(Y, 1), h.current = b, !(b.length > 0) && (U({
+    var h = E.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({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
-    }), je(d) && v && v(d));
-  }, [B, v, $]), x = ee(function(d, b) {
+    }), je(d) && y && y(d));
+  }, [z, y, $]), O = ee(function(d, h) {
     var Y = [], G = [];
     d.forEach(function(Q) {
-      var Se = Qr(Q, ce), ge = er(Se, 2), Be = ge[0], We = ge[1], Ye = et(Q, s, o), Ie = er(Ye, 2), qe = Ie[0], He = Ie[1], Ke = X ? X(Q) : null;
-      if (Be && qe && !Ke)
+      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;
+      if (ze && qe && !He)
         Y.push(Q);
       else {
-        var Ue = [We, He];
-        Ke && (Ue = Ue.concat(Ke)), G.push({
+        var Ue = [We, Ke];
+        He && (Ue = Ue.concat(He)), G.push({
           file: Q,
           errors: Ue.filter(function(lt) {
             return lt;
           })
         });
       }
-    }), (!i && Y.length > 1 || i && y >= 1 && Y.length > y) && (Y.forEach(function(Q) {
+    }), (!i && Y.length > 1 || i && v >= 1 && Y.length > v) && (Y.forEach(function(Q) {
       G.push({
         file: Q,
-        errors: [Kn]
+        errors: [Hn]
       });
     }), Y.splice(0)), U({
       acceptedFiles: Y,
       fileRejections: G,
       type: "setFiles"
-    }), w && w(Y, G, b), G.length > 0 && D && D(G, b), Y.length > 0 && O && O(Y, b);
-  }, [U, i, ce, s, o, y, w, O, D, X]), q = ee(function(d) {
-    d.preventDefault(), d.persist(), Re(d), h.current = [], je(d) && Promise.resolve(a(d)).then(function(b) {
-      $e(d) && !$ || x(b, d);
-    }).catch(function(b) {
-      return E(b);
+    }), _ && _(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);
     }), U({
       type: "reset"
     });
-  }, [a, x, E, $]), f = ee(function() {
-    if (T.current) {
+  }, [a, O, w, $]), f = ee(function() {
+    if (x.current) {
       U({
         type: "openDialog"
       }), pe();
@@ -2202,25 +2202,25 @@ function at() {
         multiple: i,
         types: fe
       };
-      window.showOpenFilePicker(d).then(function(b) {
-        return a(b);
-      }).then(function(b) {
-        x(b, null), U({
+      window.showOpenFilePicker(d).then(function(h) {
+        return a(h);
+      }).then(function(h) {
+        O(h, null), U({
           type: "closeDialog"
         });
-      }).catch(function(b) {
-        eo(b) ? (le(b), U({
+      }).catch(function(h) {
+        eo(h) ? (le(h), U({
           type: "closeDialog"
-        })) : 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);
+        })) : 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);
       });
       return;
     }
     J.current && (U({
       type: "openDialog"
     }), pe(), J.current.value = null, J.current.click());
-  }, [U, pe, le, L, x, E, fe, i]), Z = ee(function(d) {
-    !B.current || !B.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), f());
-  }, [B, f]), de = ee(function() {
+  }, [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({
       type: "focus"
     });
@@ -2230,36 +2230,36 @@ function at() {
     });
   }, []), dr = ee(function() {
     k || (Jn() ? setTimeout(f, 0) : f());
-  }, [k, f]), ye = function(b) {
-    return n ? null : b;
-  }, ze = function(b) {
-    return p ? null : ye(b);
-  }, Pe = function(b) {
-    return re ? null : ye(b);
-  }, Re = function(b) {
-    $ && b.stopPropagation();
+  }, [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() {
     return function() {
-      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, Y = b === void 0 ? "ref" : b, G = d.role, Q = d.onKeyDown, Se = d.onFocus, ge = d.onBlur, Be = d.onClick, We = d.onDragEnter, Ye = d.onDragOver, Ie = d.onDragLeave, qe = d.onDrop, He = Me(d, oo);
-      return z(z(sr({
-        onKeyDown: ze(ie(Q, Z)),
-        onFocus: ze(ie(Se, de)),
-        onBlur: ze(ie(ge, Te)),
-        onClick: ye(ie(Be, dr)),
+      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);
+      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)),
         role: typeof G == "string" && G !== "" ? G : "presentation"
-      }, Y, B), !n && !p ? {
+      }, Y, z), !n && !p ? {
         tabIndex: 0
-      } : {}), He);
+      } : {}), Ke);
     };
-  }, [B, Z, de, Te, dr, C, P, R, q, p, re, n]), st = ee(function(d) {
+  }, [z, X, de, Te, dr, C, P, R, q, p, re, n]), st = ee(function(d) {
     d.stopPropagation();
   }, []), ct = oe(function() {
     return function() {
-      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, Y = b === void 0 ? "ref" : b, G = d.onChange, Q = d.onClick, Se = Me(d, ao), ge = sr({
+      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({
         accept: ce,
         multiple: i,
         type: "file",
@@ -2270,14 +2270,14 @@ function at() {
         onClick: ye(ie(Q, st)),
         tabIndex: -1
       }, Y, J);
-      return z(z({}, ge), Se);
+      return B(B({}, ge), xe);
     };
   }, [J, t, i, q, n]);
-  return z(z({}, ue), {}, {
-    isFocused: c && !n,
+  return B(B({}, ue), {}, {
+    isFocused: l && !n,
     getRootProps: it,
     getInputProps: ct,
-    rootRef: B,
+    rootRef: z,
     inputRef: J,
     open: ye(f)
   });
@@ -2285,41 +2285,41 @@ function at() {
 function vo(e, r) {
   switch (r.type) {
     case "focus":
-      return z(z({}, e), {}, {
+      return B(B({}, e), {}, {
         isFocused: !0
       });
     case "blur":
-      return z(z({}, e), {}, {
+      return B(B({}, e), {}, {
         isFocused: !1
       });
     case "openDialog":
-      return z(z({}, cr), {}, {
+      return B(B({}, cr), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
-      return z(z({}, e), {}, {
+      return B(B({}, e), {}, {
         isFileDialogActive: !1
       });
     case "setDraggedFiles":
-      return z(z({}, e), {}, {
+      return B(B({}, e), {}, {
         isDragActive: r.isDragActive,
         isDragAccept: r.isDragAccept,
         isDragReject: r.isDragReject
       });
     case "setFiles":
-      return z(z({}, e), {}, {
+      return B(B({}, e), {}, {
         acceptedFiles: r.acceptedFiles,
         fileRejections: r.fileRejections
       });
     case "reset":
-      return z({}, cr);
+      return B({}, cr);
     default:
       return e;
   }
 }
 function $r() {
 }
-const xo = ({
+const Oo = ({
   onFileUpload: e
 }) => {
   const { getRootProps: r } = at({
@@ -2344,40 +2344,40 @@ const yo = (e) => [...e].sort(
   isOpen: o,
   footer: s,
   sortFn: i = yo,
-  groupFn: y = go,
-  ...l
+  groupFn: v = go,
+  ...c
 }) => {
-  const v = oe(() => e.some((_) => _.group), [e]), g = oe(() => i(e), [e, i]), w = oe(
-    () => v ? y(g) : { Ungrouped: g },
-    [e, y]
-  ), O = oe(
-    () => new Set(r.map((_) => _.value)),
+  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)),
     [r]
   ), D = oe(
-    () => new Set(t.map((_) => _.value)),
+    () => new Set(t.map((b) => b.value)),
     [t]
   );
-  return /* @__PURE__ */ u(Kr, { isVisible: o, className: "put-above", children: /* @__PURE__ */ se("div", { className: "multi-select__dropdown", role: "listbox", ...l, children: [
+  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(w).map(([_, M]) => /* @__PURE__ */ se("div", { className: "multi-select__group", children: [
-      v ? /* @__PURE__ */ u("h5", { className: "multi-select__dropdown-header", children: _ }) : null,
-      /* @__PURE__ */ u("ul", { className: "multi-select__dropdown-list", "aria-label": _, children: M.map((L) => {
-        const K = O.has(L.value), j = D.has(L.value);
+    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: K,
+            checked: H,
             onChange: () => a(
-              K ? r.filter(
+              H ? r.filter(
                 (k) => k.value !== L.value
               ) : [...r, L]
             )
           }
         ) }, L.value);
       }) })
-    ] }, _)),
+    ] }, b)),
     s ? /* @__PURE__ */ u("div", { className: "multi-select__footer", children: s }) : null
   ] }) });
 }, Do = ({
@@ -2389,42 +2389,42 @@ const yo = (e) => [...e].sort(
   required: o = !1,
   items: s = [],
   disabledItems: i = [],
-  dropdownHeader: y,
-  dropdownFooter: l,
-  variant: v = "search"
+  dropdownHeader: v,
+  dropdownFooter: c,
+  variant: y = "search"
 }) => {
-  const g = St(() => {
-    O(!1), _("");
+  const g = xt(() => {
+    T(!1), b("");
   });
-  Ct(() => {
-    O(!1), _("");
+  St(() => {
+    T(!1), b("");
   });
-  const [w, O] = be(!1), [D, _] = be("");
-  Oe(() => {
-    w || _("");
-  }, [w]);
-  const [M, L] = be([]), K = r || M, j = ($) => {
+  const [_, T] = be(!1), [D, b] = be("");
+  Ce(() => {
+    _ || b("");
+  }, [_]);
+  const [M, L] = be([]), H = r || M, j = ($) => {
     const V = Array.from(new Set($));
     L(V), n && n(V);
-  }, k = rr(), p = rr(), re = K.filter(
+  }, k = rr(), p = rr(), re = H.filter(
     ($) => s.some((V) => V.value === $.value)
   ).map(($) => $.label).join(", ");
   return /* @__PURE__ */ u("div", { ref: g, children: /* @__PURE__ */ se("div", { className: "multi-select", children: [
-    v === "search" ? /* @__PURE__ */ u(
-      Ot,
+    y === "search" ? /* @__PURE__ */ u(
+      Ct,
       {
         externallyControlled: !0,
         "aria-controls": k,
-        "aria-expanded": w,
+        "aria-expanded": _,
         id: p,
         role: "combobox",
         "aria-label": t || a || "Search",
         disabled: e,
         autoComplete: "off",
         onChange: ($) => {
-          _($), O(!0);
+          b($), T(!0);
         },
-        onFocus: () => O(!0),
+        onFocus: () => T(!0),
         placeholder: a ?? "Search",
         required: o,
         type: "text",
@@ -2438,26 +2438,26 @@ const yo = (e) => [...e].sort(
         type: "button",
         "aria-label": t || a || "Select items",
         "aria-controls": k,
-        "aria-expanded": w,
+        "aria-expanded": _,
         className: "multi-select__select-button",
-        onFocus: () => O(!0),
-        onClick: () => O(!0),
-        children: K.length > 0 ? re : a ?? "Select items"
+        onFocus: () => T(!0),
+        onClick: () => T(!0),
+        children: /* @__PURE__ */ u("span", { className: "multi-select__condensed-text", children: H.length > 0 ? re : a ?? "Select items" })
       }
     ),
     /* @__PURE__ */ u(
       bo,
       {
         id: k,
-        isOpen: w,
+        isOpen: _,
         items: D.length > 0 ? s.filter(
           ($) => $.label.toLowerCase().includes(D.toLowerCase())
         ) : s,
-        selectedItems: K,
+        selectedItems: H,
         disabledItems: i,
-        header: y,
+        header: v,
         updateItems: j,
-        footer: l || /* @__PURE__ */ se(De, { children: [
+        footer: c || /* @__PURE__ */ se(De, { children: [
           /* @__PURE__ */ u(
             _e,
             {
@@ -2465,10 +2465,10 @@ const yo = (e) => [...e].sort(
               onClick: () => {
                 const $ = s.filter(
                   (V) => !i.some(
-                    (X) => X.value === V.value
+                    (Z) => Z.value === V.value
                   )
                 );
-                j([...K, ...$]);
+                j([...H, ...$]);
               },
               type: "button",
               children: "Select all"
@@ -2479,9 +2479,9 @@ const yo = (e) => [...e].sort(
             {
               appearance: "link",
               onClick: () => {
-                const $ = K.filter(
+                const $ = H.filter(
                   (V) => i.some(
-                    (X) => X.value === V.value
+                    (Z) => Z.value === V.value
                   )
                 );
                 j($);
@@ -2494,24 +2494,44 @@ const yo = (e) => [...e].sort(
       }
     )
   ] }) });
+}, Ao = ({ value: e, unit: r }, {
+  binary: t = !1,
+  convertTo: n,
+  decimals: a = 2,
+  roundFunc: o = "round"
+} = {}) => {
+  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;
+  }
+  return {
+    value: s ? -T : T,
+    unit: c[_]
+  };
 };
 export {
   Le as ContentSection,
   To as ExternalLink,
-  xo as FileUpload,
+  Oo as FileUpload,
   ur as FormSection,
   Wr as InputGroup,
-  Hr as MainToolbar,
+  Kr as MainToolbar,
   At as Meter,
   Do as MultiSelect,
   bo as MultiSelectDropdown,
-  H as Navigation,
-  Zt as NavigationBar,
-  So as NestedFormGroup,
+  K as Navigation,
+  Xt as NavigationBar,
+  xo as NestedFormGroup,
   pn as Pagination,
-  Co as PaginationContainer,
-  Oo as Stepper,
+  So as PaginationContainer,
+  Co as Stepper,
   wo as defaultFilledColors,
+  Ao as formatBytes,
   ve as meterColor,
   he as testIds
 };