@canonical/maas-react-components 1.17.1 → 1.18.1

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

@@ -1,11 +1,11 @@
-import { jsxs as ae, jsx as u, Fragment as Me } from "react/jsx-runtime";
-import * as Q from "react";
-import pn, { useRef as Ce, useState as be, useEffect as xe, useCallback as X, cloneElement as dn, createContext as mn, useId as rr, useContext as Mr, useMemo as ge, useReducer as vn, forwardRef as yn, useImperativeHandle as gn, Fragment as bn } from "react";
-import { useListener as hn, Link as _n, Tooltip as En, Button as _e, Icon as je, Row as wn, Col as Tn, Input as Lr, CheckboxInput as On, useClickOutside as Cn, useOnEscapePressed as xn } from "@canonical/react-components";
-function zr(e) {
+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";
+function Lr(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
@@ -14,36 +14,36 @@ var Br = { exports: {} };
 (function(e) {
   (function() {
     var r = {}.hasOwnProperty;
-    function n() {
-      for (var t = [], i = 0; i < arguments.length; i++) {
-        var o = arguments[i];
-        if (o) {
-          var s = typeof o;
-          if (s === "string" || s === "number")
-            t.push(o);
-          else if (Array.isArray(o)) {
-            if (o.length) {
-              var a = n.apply(null, o);
-              a && t.push(a);
-            }
-          } else if (s === "object") {
-            if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-              t.push(o.toString());
-              continue;
-            }
-            for (var d in o)
-              r.call(o, d) && o[d] && t.push(d);
-          }
-        }
+    function t() {
+      for (var o = "", s = 0; s < arguments.length; s++) {
+        var i = arguments[s];
+        i && (o = a(o, n(i)));
       }
-      return t.join(" ");
-    }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+      return o;
+    }
+    function n(o) {
+      if (typeof o == "string" || typeof o == "number")
+        return o;
+      if (typeof o != "object")
+        return "";
+      if (Array.isArray(o))
+        return t.apply(null, o);
+      if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+        return o.toString();
+      var s = "";
+      for (var i in o)
+        r.call(o, i) && o[i] && (s = a(s, i));
+      return s;
+    }
+    function a(o, s) {
+      return s ? o ? o + " " + s : o + s : o;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Br);
-var Sn = Br.exports;
-const z = /* @__PURE__ */ zr(Sn);
-const me = {
+})(zr);
+var xt = zr.exports;
+const W = /* @__PURE__ */ Lr(xt);
+const ve = {
   caution: "#F99B11",
   light: "#F7F7F7",
   linkFaded: "#D3E4ED",
@@ -52,15 +52,15 @@ const me = {
   positiveFaded: "#B7CCB9",
   positiveMid: "#4DAB4D",
   positive: "#0E8420"
-}, ho = [
-  me.link,
-  me.positive,
-  me.negative,
-  me.caution
-], Dn = me.linkFaded, Wr = me.caution, nr = me.light, mr = 2, vr = 1, yr = (e, r) => {
-  var i, o;
-  const n = ((o = (i = e == null ? void 0 : e.current) == null ? void 0 : i.getBoundingClientRect()) == null ? void 0 : o.width) || 0;
-  return n > r * mr ? n / r : mr;
+}, wo = [
+  ve.link,
+  ve.positive,
+  ve.negative,
+  ve.caution
+], Dt = ve.linkFaded, Br = 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;
 }, he = {
   bar: "meter-bar",
   container: "meter-container",
@@ -68,95 +68,95 @@ const me = {
   label: "meter-label",
   meteroverflow: "meter-overflow",
   segments: "meter-segments"
-}, An = ({
+}, At = ({
   className: e,
   children: r,
-  data: n,
-  max: t,
-  variant: i = "regular",
+  data: t,
+  max: n,
+  variant: a = "regular",
   size: o = "regular",
   ...s
 }) => {
-  const a = Ce(null), d = n == null ? void 0 : n.reduce((R, D) => R + D.value, 0), l = t || d, y = n.map((R) => R.value / l * 100), [g, E] = be(0);
-  xe(() => {
-    E(i === "segmented" ? yr(a, l) : 0);
-  }, [l, i]);
-  const P = X(() => {
-    E(yr(a, l));
-  }, [a, l, E]);
-  return hn(window, P, "resize", !0, i === "segmented"), /* @__PURE__ */ ae(
+  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(
     "div",
     {
-      className: z("p-meter", e, {
+      className: W("p-meter", e, {
         "p-meter--small": o === "small"
       }),
       "aria-label": s == null ? void 0 : s["aria-label"],
       "data-testid": he.container,
-      ref: a,
+      ref: i,
       children: [
-        /* @__PURE__ */ u(Pn, { children: /* @__PURE__ */ u(
-          Rn,
+        /* @__PURE__ */ u(Pt, { children: /* @__PURE__ */ u(
+          Rt,
           {
-            data: n,
-            datumWidths: y,
+            data: t,
+            datumWidths: v,
             maximum: l,
-            overColor: Wr,
+            overColor: Br,
             segmentWidth: g,
-            separatorColor: nr
+            separatorColor: tr
           }
         ) }),
         r
       ]
     }
   );
-}, Pn = ({ children: e }) => /* @__PURE__ */ u(
+}, Pt = ({ children: e }) => /* @__PURE__ */ u(
   "div",
   {
     className: "p-meter__bar",
     "data-testid": he.bar,
-    style: { backgroundColor: Dn },
+    style: { backgroundColor: Dt },
     children: e
   }
-), Rn = ({
+), Rt = ({
   data: e,
   datumWidths: r,
-  maximum: n,
-  segmentWidth: t
+  maximum: t,
+  segmentWidth: n
 }) => {
-  const i = () => (e == null ? void 0 : e.reduce((a, d) => a + d.value, 0)) > n, o = (a, d) => ({
-    backgroundColor: a.color,
+  const a = () => (e == null ? void 0 : e.reduce((i, y) => i + y.value, 0)) > t, o = (i, y) => ({
+    backgroundColor: i.color,
     left: `${r == null ? void 0 : r.reduce(
-      (l, y, g) => d > g ? l + y : l,
+      (l, v, g) => y > g ? l + v : l,
       0
     )}%`,
-    width: `${r[d]}%`
+    width: `${r[y]}%`
   }), s = () => ({
     background: `repeating-linear-gradient(
       to right,
       transparent 0,
-      transparent ${t - vr}px,
-      ${nr} ${t - vr}px,
-      ${nr} ${t}px
+      transparent ${n - vr}px,
+      ${tr} ${n - vr}px,
+      ${tr} ${n}px
     )`
   });
-  return /* @__PURE__ */ ae(Me, { children: [
-    i() ? /* @__PURE__ */ u(
+  return /* @__PURE__ */ se(De, { children: [
+    a() ? /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__filled",
         "data-testid": he.meteroverflow,
-        style: { backgroundColor: Wr, width: "100%" }
+        style: { backgroundColor: Br, width: "100%" }
       }
-    ) : e == null ? void 0 : e.map((a, d) => /* @__PURE__ */ u(
+    ) : e == null ? void 0 : e.map((i, y) => /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__filled",
         "data-testid": he.filled,
-        style: o(a, d)
+        style: o(i, y)
       },
-      `meter-${d}`
+      `meter-${y}`
     )),
-    t > 0 && /* @__PURE__ */ u(
+    n > 0 && /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__separators",
@@ -165,27 +165,27 @@ const me = {
       }
     )
   ] });
-}, Fn = ({
+}, It = ({
   className: e,
   children: r
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: z("p-meter__label", e),
+    className: W("p-meter__label", e),
     "data-testid": he.label,
     children: r
   }
 );
-An.Label = Fn;
-const _o = ({ children: e, to: r, ...n }) => /* @__PURE__ */ u(_n, { ...n, href: r, rel: "noreferrer noopener", target: "_blank", children: e }), In = ({ children: e }) => /* @__PURE__ */ u(Me, { children: e }), jn = ({
+At.Label = It;
+const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href: r, rel: "noreferrer noopener", target: "_blank", children: e }), Ft = ({ children: e }) => /* @__PURE__ */ u(De, { children: e }), jt = ({
   isCollapsed: e,
   setIsCollapsed: r,
-  className: n
+  className: t
 }) => /* @__PURE__ */ u(
-  En,
+  ht,
   {
     className: "p-side-navigation__tooltip-wrapper",
-    message: /* @__PURE__ */ ae(Me, { children: [
+    message: /* @__PURE__ */ se(De, { children: [
       e ? "expand" : "collapse",
       "( ",
       /* @__PURE__ */ u("code", { children: "[" }),
@@ -198,78 +198,78 @@ const _o = ({ children: e, to: r, ...n }) => /* @__PURE__ */ u(_n, { ...n, href:
       {
         appearance: "base",
         "aria-label": `${e ? "expand" : "collapse"} main navigation`,
-        className: z(
+        className: W(
           "is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",
-          n
+          t
         ),
-        onClick: (t) => {
-          r(!e), t.stopPropagation(), t.currentTarget.blur();
+        onClick: (n) => {
+          r(!e), n.stopPropagation(), n.currentTarget.blur();
         },
-        children: /* @__PURE__ */ u(je, { light: !0, name: "sidebar-toggle" })
+        children: /* @__PURE__ */ u(ke, { light: !0, name: "sidebar-toggle" })
       }
     )
   }
-), kn = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__content", children: /* @__PURE__ */ u("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nn = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__controls u-no-margin--top", children: e }), $n = ({ children: e }) => /* @__PURE__ */ u("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ u("div", { className: "p-panel is-dark", children: e }) }), Mn = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__footer", children: e }), Ln = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__header", children: e }), zn = ({ light: e = !0, name: r }) => /* @__PURE__ */ u(je, { className: "p-side-navigation__icon", light: e, name: r }), Bn = ({ children: e, className: r, hasActiveChild: n }) => /* @__PURE__ */ u("li", { className: z("p-side-navigation__item", r, { "has-active-child": n }), children: e }), Wn = ({ children: e, id: r, variant: n = "base" }) => /* @__PURE__ */ u("span", { className: z("p-side-navigation__label", { "p-side-navigation__label--group": n === "group" }), id: r, children: e }), Yn = ({
+), 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 = ({
   as: e,
   ...r
 }) => /* @__PURE__ */ u(
   e || "a",
   {
-    className: z("p-side-navigation__link", r.className),
+    className: W("p-side-navigation__link", r.className),
     ...r
   }
-), qn = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: z("p-side-navigation__list", r), children: e }), Hn = ({
+), qt = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: W("p-side-navigation__list", r), children: e }), Ht = ({
   as: e,
   children: r,
-  className: n,
-  ...t
-}) => /* @__PURE__ */ u(e || "a", { className: z("p-panel__logo", n), ...t, children: /* @__PURE__ */ u("div", { className: "p-navigation__tagged-logo", children: r }) }), Kn = ({ children: e }) => dn(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Un = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ u(
+  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(
   "div",
   {
-    className: z("p-panel__logo-name is-fading-when-collapsed", {
+    className: W("p-panel__logo-name is-fading-when-collapsed", {
       "p-panel__logo-name--small": r === "small"
     }),
     children: e
   }
-), Gn = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-navigation__logo-tag", children: e }), Vn = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-panel__logo-text", children: e }), Jn = ({
+), Gt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-navigation__logo-tag", children: e }), Vt = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-panel__logo-text", children: e }), Jt = ({
   children: e,
   className: r,
-  onClick: n
+  onClick: t
 }) => /* @__PURE__ */ u(
   _e,
   {
     appearance: "base",
-    className: z(
+    className: W(
       "p-side-navigation__button--menu has-icon is-dark",
       r
     ),
-    onClick: (t) => {
-      n && n(t), t.stopPropagation(), t.currentTarget.blur();
+    onClick: (n) => {
+      t && t(n), n.stopPropagation(), n.currentTarget.blur();
     },
     children: e
   }
-), Xn = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-side-navigation__text", children: e });
-const Y = ({ children: e, className: r, isCollapsed: n }) => /* @__PURE__ */ u("header", { "aria-label": "main navigation", className: z("l-navigation is-maas", r, { "is-collapsed": n, "is-pinned": !n }), children: e }), Zn = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ u("div", { className: z("p-panel is-dark", r), children: e }) });
-Y.Header = Ln;
-Y.Banner = In;
-Y.Drawer = $n;
-Y.Controls = Nn;
-Y.CollapseToggle = jn;
-Y.Content = kn;
-Y.Footer = Mn;
-Y.List = qn;
-Y.Item = Bn;
-Y.Link = Yn;
-Y.Text = Xn;
-Y.Icon = zn;
-Y.Label = Wn;
-Y.Logo = Hn;
-Y.LogoTag = Gn;
-Y.LogoIcon = Kn;
-Y.LogoName = Un;
-Y.LogoText = Vn;
-Zn.MenuButton = Jn;
-const lr = mn(null), Yr = ({ 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;
+const lr = pt(null), Wr = ({ children: e }) => {
   const r = rr();
   return /* @__PURE__ */ u(lr.Provider, { value: r, children: /* @__PURE__ */ u(
     "div",
@@ -281,72 +281,72 @@ const lr = mn(null), Yr = ({ children: e }) => {
       children: e
     }
   ) });
-}, Qn = ({ children: e }) => {
+}, Qt = ({ children: e }) => {
   const r = Mr(lr);
   return /* @__PURE__ */ u("label", { id: `${r}_label`, children: e });
-}, et = ({ children: e }) => {
+}, en = ({ children: e }) => {
   const r = Mr(lr);
   return /* @__PURE__ */ u("p", { className: "p-form-help-text", id: `${r}_description`, children: e });
 };
-Yr.Label = Qn;
-Yr.Description = et;
-const ur = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-form-section", children: e }), rt = ({ children: e }) => /* @__PURE__ */ u("h5", { className: "p-form-section__title u-no-padding--top", children: e }), nt = ({ children: e }) => /* @__PURE__ */ u("p", { className: "p-form-help-text", children: e }), tt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-form-section__content", children: e });
-ur.Title = rt;
-ur.Description = nt;
-ur.Content = tt;
-function ot(e) {
-  const [r, n] = Q.useState(null), t = Q.useRef(null), i = Q.useCallback(() => {
+Wr.Label = Qt;
+Wr.Description = en;
+const ur = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-form-section", children: e }), rn = ({ children: e }) => /* @__PURE__ */ u("h5", { className: "p-form-section__title u-no-padding--top", children: e }), tn = ({ children: e }) => /* @__PURE__ */ u("p", { className: "p-form-help-text", children: e }), nn = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-form-section__content", children: e });
+ur.Title = rn;
+ur.Description = tn;
+ur.Content = nn;
+function on(e) {
+  const [r, t] = ne.useState(null), n = ne.useRef(null), a = ne.useCallback(() => {
     if (e.current) {
       const o = e.current.getBoundingClientRect();
-      n(o);
+      t(o);
     }
   }, [e]);
-  return Q.useEffect(() => {
+  return ne.useEffect(() => {
     const o = new ResizeObserver(() => {
-      t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(i);
+      n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(a);
     });
     return e.current && o.observe(e.current), () => {
-      t.current && cancelAnimationFrame(t.current), o.disconnect();
+      n.current && cancelAnimationFrame(n.current), o.disconnect();
     };
-  }, [e, i]), r;
+  }, [e, a]), r;
 }
-const qr = Q.createContext(null), Hr = Q.createContext([!1, () => {
-}]), Kr = ({ children: e }) => {
-  const r = Q.useRef(null), n = ot(r), [t, i] = Q.useState(!1);
+const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
+}]), Hr = ({ children: e }) => {
+  const r = ne.useRef(null), t = on(r), [n, a] = ne.useState(!1);
   return /* @__PURE__ */ u(
     "header",
     {
-      className: z("main-toolbar", {
-        "main-toolbar--stacked": t
+      className: W("main-toolbar", {
+        "main-toolbar--stacked": n
       }),
       ref: r,
-      children: /* @__PURE__ */ u(qr.Provider, { value: n, children: /* @__PURE__ */ u(Hr.Provider, { value: [t, i], children: e }) })
+      children: /* @__PURE__ */ u(Yr.Provider, { value: t, children: /* @__PURE__ */ u(qr.Provider, { value: [n, a], children: e }) })
     }
   );
-}, it = ({
+}, an = ({
   as: e,
   children: r,
-  className: n,
-  ...t
+  className: t,
+  ...n
 }) => /* @__PURE__ */ u(
   e || "h1",
   {
-    className: z("main-toolbar__title p-heading--4", n),
+    className: W("main-toolbar__title p-heading--4", t),
     "data-testid": "main-toolbar-heading",
-    ...t,
+    ...n,
     children: r
   }
-), at = ({ children: e }) => {
-  const r = Q.useContext(qr), [n, t] = Q.useContext(Hr), i = Q.useRef(null);
-  return Q.useEffect(() => {
-    !i.current || !r || t(i.current.getBoundingClientRect().width > r.width);
-  }, [t, r, i]), /* @__PURE__ */ ae(Me, { children: [
+), sn = ({ children: e }) => {
+  const r = ne.useContext(Yr), [t, n] = ne.useContext(qr), a = ne.useRef(null);
+  return ne.useEffect(() => {
+    !a.current || !r || n(a.current.getBoundingClientRect().width > r.width);
+  }, [n, r, a]), /* @__PURE__ */ se(De, { children: [
     /* @__PURE__ */ u(
       "div",
       {
         "aria-hidden": "true",
         className: "main-toolbar__controls main-toolbar__controls--observer",
-        ref: i,
+        ref: a,
         style: { visibility: "hidden", position: "absolute" },
         children: e
       }
@@ -354,152 +354,152 @@ const qr = Q.createContext(null), Hr = Q.createContext([!1, () => {
     /* @__PURE__ */ u(
       "div",
       {
-        className: z("main-toolbar__controls", {
-          "main-toolbar__controls--stacked": n
+        className: W("main-toolbar__controls", {
+          "main-toolbar__controls--stacked": t
         }),
         children: e
       }
     )
   ] });
 };
-Kr.Title = it;
-Kr.Controls = at;
+Hr.Title = an;
+Hr.Controls = sn;
 const Le = ({
   children: e,
   className: r,
-  as: n,
-  variant: t = "wide",
-  ...i
+  as: t,
+  variant: n = "wide",
+  ...a
 }) => {
-  const o = n || "section", s = z("content-section", r);
-  return /* @__PURE__ */ u(o, { ...i, className: s, children: /* @__PURE__ */ u(wn, { children: /* @__PURE__ */ u(Tn, { size: t === "narrow" ? 6 : 12, children: e }) }) });
-}, st = ({ children: e, className: r, as: n, ...t }) => /* @__PURE__ */ u(
-  n || "h1",
+  const o = t || "section", s = W("content-section", r);
+  return /* @__PURE__ */ u(o, { ...a, className: s, children: /* @__PURE__ */ u(_t, { children: /* @__PURE__ */ u(Et, { size: n === "narrow" ? 6 : 12, children: e }) }) });
+}, cn = ({ children: e, className: r, as: t, ...n }) => /* @__PURE__ */ u(
+  t || "h1",
   {
-    ...t,
-    className: z("content-section__title p-heading--4", r),
+    ...n,
+    className: W("content-section__title p-heading--4", r),
     children: e
   }
-), ct = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { className: z("content-section__header", r), children: e }), lt = ({ children: e, className: r }) => /* @__PURE__ */ u("div", { className: z("content-section__body", r), children: e }), ut = ({ children: e, className: r }) => /* @__PURE__ */ u("footer", { className: z("content-section__footer", r), children: e });
-Le.Title = st;
-Le.Header = ct;
-Le.Content = lt;
-Le.Footer = ut;
-const Ur = ({
+), ln = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { className: W("content-section__header", r), children: e }), un = ({ children: e, className: r }) => /* @__PURE__ */ u("div", { className: W("content-section__body", r), children: e }), fn = ({ children: e, className: r }) => /* @__PURE__ */ u("footer", { className: W("content-section__footer", r), children: e });
+Le.Title = cn;
+Le.Header = ln;
+Le.Content = un;
+Le.Footer = fn;
+const Kr = ({
   children: e,
   className: r,
-  isVisible: n
+  isVisible: t
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: z("fade-in--down", r),
-    "aria-hidden": n ? "false" : "true",
-    style: { visibility: n ? "visible" : "hidden" },
+    className: W("fade-in--down", r),
+    "aria-hidden": t ? "false" : "true",
+    style: { visibility: t ? "visible" : "hidden" },
     children: e
   }
-), Eo = ({
+), So = ({
   children: e,
   ...r
-}) => /* @__PURE__ */ u(Ur, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ u("div", { className: "p-form__nested-group", ...r, children: e }) });
-const ft = ({
+}) => /* @__PURE__ */ u(Kr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ u("div", { className: "p-form__nested-group", ...r, children: e }) });
+const pn = ({
   currentPage: e,
   error: r,
-  disabled: n,
-  onInputBlur: t,
-  onInputChange: i,
+  disabled: t,
+  onInputBlur: n,
+  onInputChange: a,
   onNextClick: o,
   onPreviousClick: s,
-  totalPages: a
-}) => /* @__PURE__ */ u("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ ae("span", { className: "p-pagination--items", children: [
+  totalPages: i
+}) => /* @__PURE__ */ u("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ se("span", { className: "p-pagination--items", children: [
   /* @__PURE__ */ u(
     _e,
     {
       "aria-label": "Previous page",
       className: "p-pagination__link--previous",
-      disabled: e === 1 || n,
+      disabled: e === 1 || t,
       onClick: s,
       type: "button",
-      children: /* @__PURE__ */ u(je, { name: "chevron-down" })
+      children: /* @__PURE__ */ u(ke, { name: "chevron-down" })
     }
   ),
   /* @__PURE__ */ u("strong", { children: "Page " }),
   " ",
   /* @__PURE__ */ u(
-    Lr,
+    wt,
     {
       "aria-label": "page number",
       className: "p-pagination__input",
-      disabled: n,
+      disabled: t,
       error: r,
       min: 1,
-      onBlur: t,
-      onChange: i,
+      onBlur: n,
+      onChange: a,
       required: !0,
       type: "number",
       value: e
     }
   ),
   " ",
-  /* @__PURE__ */ ae("strong", { className: "u-no-wrap", children: [
+  /* @__PURE__ */ se("strong", { className: "u-no-wrap", children: [
     " of ",
-    a
+    i
   ] }),
   /* @__PURE__ */ u(
     _e,
     {
       "aria-label": "Next page",
       className: "p-pagination__link--next",
-      disabled: e === a || n,
+      disabled: e === i || t,
       onClick: o,
       type: "button",
-      children: /* @__PURE__ */ u(je, { name: "chevron-up" })
+      children: /* @__PURE__ */ u(ke, { name: "chevron-up" })
     }
   )
-] }) }), wo = ({
+] }) }), Co = ({
   currentPage: e,
   disabled: r,
-  paginate: n,
-  totalPages: t
+  paginate: t,
+  totalPages: n
 }) => {
-  const [i, o] = be(e), [s, a] = be("");
+  const [a, o] = be(e), [s, i] = be("");
   return /* @__PURE__ */ u(
-    ft,
+    pn,
     {
-      currentPage: i,
+      currentPage: a,
       error: s,
       disabled: r,
       onInputBlur: () => {
-        o(e), a("");
+        o(e), i("");
       },
-      onInputChange: (E) => {
-        const { value: P, valueAsNumber: R } = E.target;
-        P ? (o(R), R > t || R < 1 ? a(`${R} is not a valid page number.`) : (a(""), n(R))) : a("Enter a page number.");
+      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.");
       },
       onNextClick: () => {
-        o((E) => Number(E) + 1), n(Number(e) + 1);
+        o((w) => Number(w) + 1), t(Number(e) + 1);
       },
       onPreviousClick: () => {
-        o((E) => Number(E) - 1), n(Number(e) - 1);
+        o((w) => Number(w) - 1), t(Number(e) - 1);
       },
-      totalPages: t
+      totalPages: n
     }
   );
 };
-const To = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className: "stepper", children: r.map((n, t) => {
-  const i = t === e, o = t < e;
-  return /* @__PURE__ */ u("li", { "aria-label": n, className: "stepper__item", children: /* @__PURE__ */ u(
+const Oo = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className: "stepper", children: r.map((t, n) => {
+  const a = n === e, o = n < e;
+  return /* @__PURE__ */ u("li", { "aria-label": t, className: "stepper__item", children: /* @__PURE__ */ u(
     "p",
     {
-      "aria-label": o ? `${n} (completed)` : n,
-      className: z("stepper__title", {
-        "stepper__title--is-active": i,
+      "aria-label": o ? `${t} (completed)` : t,
+      className: W("stepper__title", {
+        "stepper__title--is-active": a,
         "stepper__title--is-complete": o
       }),
-      children: n
+      children: t
     }
-  ) }, t);
+  ) }, n);
 }) });
-var tr = { exports: {} }, Fe = { exports: {} }, F = {};
+var nr = { exports: {} }, Fe = { exports: {} }, I = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -509,73 +509,73 @@ var tr = { exports: {} }, Fe = { exports: {} }, F = {};
  * LICENSE file in the root directory of this source tree.
  */
 var gr;
-function pt() {
+function dn() {
   if (gr)
-    return F;
+    return I;
   gr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, k = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, re = e ? Symbol.for("react.scope") : 60119;
-  function N(f) {
-    if (typeof f == "object" && f !== null) {
-      var G = f.$$typeof;
-      switch (G) {
+  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;
+  function j(p) {
+    if (typeof p == "object" && p !== null) {
+      var re = p.$$typeof;
+      switch (re) {
         case r:
-          switch (f = f.type, f) {
-            case d:
+          switch (p = p.type, p) {
+            case y:
             case l:
-            case t:
+            case n:
             case o:
-            case i:
+            case a:
             case g:
-              return f;
+              return p;
             default:
-              switch (f = f && f.$$typeof, f) {
-                case a:
-                case y:
-                case R:
-                case P:
+              switch (p = p && p.$$typeof, p) {
+                case i:
+                case v:
+                case D:
+                case O:
                 case s:
-                  return f;
+                  return p;
                 default:
-                  return G;
+                  return re;
               }
           }
-        case n:
-          return G;
+        case t:
+          return re;
       }
     }
   }
-  function $(f) {
-    return N(f) === l;
+  function k(p) {
+    return j(p) === l;
   }
-  return F.AsyncMode = d, F.ConcurrentMode = l, F.ContextConsumer = a, F.ContextProvider = s, F.Element = r, F.ForwardRef = y, F.Fragment = t, F.Lazy = R, F.Memo = P, F.Portal = n, F.Profiler = o, F.StrictMode = i, F.Suspense = g, F.isAsyncMode = function(f) {
-    return $(f) || N(f) === d;
-  }, F.isConcurrentMode = $, F.isContextConsumer = function(f) {
-    return N(f) === a;
-  }, F.isContextProvider = function(f) {
-    return N(f) === s;
-  }, F.isElement = function(f) {
-    return typeof f == "object" && f !== null && f.$$typeof === r;
-  }, F.isForwardRef = function(f) {
-    return N(f) === y;
-  }, F.isFragment = function(f) {
-    return N(f) === t;
-  }, F.isLazy = function(f) {
-    return N(f) === R;
-  }, F.isMemo = function(f) {
-    return N(f) === P;
-  }, F.isPortal = function(f) {
-    return N(f) === n;
-  }, F.isProfiler = function(f) {
-    return N(f) === o;
-  }, F.isStrictMode = function(f) {
-    return N(f) === i;
-  }, F.isSuspense = function(f) {
-    return N(f) === g;
-  }, F.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === t || f === l || f === o || f === i || f === g || f === E || typeof f == "object" && f !== null && (f.$$typeof === R || f.$$typeof === P || f.$$typeof === s || f.$$typeof === a || f.$$typeof === y || f.$$typeof === k || f.$$typeof === q || f.$$typeof === re || f.$$typeof === D);
-  }, F.typeOf = N, F;
-}
-var I = {};
+  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;
+  }, I.isConcurrentMode = k, I.isContextConsumer = function(p) {
+    return j(p) === i;
+  }, I.isContextProvider = function(p) {
+    return j(p) === s;
+  }, I.isElement = function(p) {
+    return typeof p == "object" && p !== null && p.$$typeof === r;
+  }, I.isForwardRef = function(p) {
+    return j(p) === v;
+  }, I.isFragment = function(p) {
+    return j(p) === n;
+  }, I.isLazy = function(p) {
+    return j(p) === D;
+  }, I.isMemo = function(p) {
+    return j(p) === O;
+  }, I.isPortal = function(p) {
+    return j(p) === t;
+  }, I.isProfiler = function(p) {
+    return j(p) === o;
+  }, I.isStrictMode = function(p) {
+    return j(p) === a;
+  }, I.isSuspense = function(p) {
+    return j(p) === g;
+  }, I.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === n || p === 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 === _);
+  }, I.typeOf = j, I;
+}
+var F = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -585,91 +585,91 @@ var I = {};
  * LICENSE file in the root directory of this source tree.
  */
 var br;
-function dt() {
+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, n = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, E = e ? Symbol.for("react.suspense_list") : 60120, P = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, k = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, re = e ? Symbol.for("react.scope") : 60119;
-    function N(p) {
-      return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      p === t || p === l || p === o || p === i || p === g || p === E || typeof p == "object" && p !== null && (p.$$typeof === R || p.$$typeof === P || p.$$typeof === s || p.$$typeof === a || p.$$typeof === y || p.$$typeof === k || p.$$typeof === q || p.$$typeof === re || p.$$typeof === D);
-    }
-    function $(p) {
-      if (typeof p == "object" && p !== null) {
-        var V = p.$$typeof;
-        switch (V) {
+    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;
+    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 === _);
+    }
+    function k(f) {
+      if (typeof f == "object" && f !== null) {
+        var Z = f.$$typeof;
+        switch (Z) {
           case r:
-            var pe = p.type;
-            switch (pe) {
-              case d:
+            var de = f.type;
+            switch (de) {
+              case y:
               case l:
-              case t:
+              case n:
               case o:
-              case i:
+              case a:
               case g:
-                return pe;
+                return de;
               default:
-                var Te = pe && pe.$$typeof;
+                var Te = de && de.$$typeof;
                 switch (Te) {
-                  case a:
-                  case y:
-                  case R:
-                  case P:
+                  case i:
+                  case v:
+                  case D:
+                  case O:
                   case s:
                     return Te;
                   default:
-                    return V;
+                    return Z;
                 }
             }
-          case n:
-            return V;
+          case t:
+            return Z;
         }
       }
     }
-    var f = d, G = l, ee = a, le = s, oe = r, ie = y, ue = t, fe = R, se = P, L = n, U = o, Z = i, ne = g, ce = !1;
-    function H(p) {
-      return ce || (ce = !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(p) || $(p) === d;
+    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;
+    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;
     }
-    function c(p) {
-      return $(p) === l;
+    function c(f) {
+      return k(f) === l;
     }
-    function v(p) {
-      return $(p) === a;
+    function m(f) {
+      return k(f) === i;
     }
-    function w(p) {
-      return $(p) === s;
+    function T(f) {
+      return k(f) === s;
     }
-    function T(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === r;
+    function S(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === r;
     }
-    function h(p) {
-      return $(p) === y;
+    function h(f) {
+      return k(f) === v;
     }
-    function x(p) {
-      return $(p) === t;
+    function A(f) {
+      return k(f) === n;
     }
-    function _(p) {
-      return $(p) === R;
+    function E(f) {
+      return k(f) === D;
     }
-    function O(p) {
-      return $(p) === P;
+    function C(f) {
+      return k(f) === O;
     }
-    function S(p) {
-      return $(p) === n;
+    function P(f) {
+      return k(f) === t;
     }
-    function A(p) {
-      return $(p) === o;
+    function R(f) {
+      return k(f) === o;
     }
-    function C(p) {
-      return $(p) === i;
+    function x(f) {
+      return k(f) === a;
     }
-    function W(p) {
-      return $(p) === g;
+    function q(f) {
+      return k(f) === g;
     }
-    I.AsyncMode = f, I.ConcurrentMode = G, I.ContextConsumer = ee, I.ContextProvider = le, I.Element = oe, I.ForwardRef = ie, I.Fragment = ue, I.Lazy = fe, I.Memo = se, I.Portal = L, I.Profiler = U, I.StrictMode = Z, I.Suspense = ne, I.isAsyncMode = H, I.isConcurrentMode = c, I.isContextConsumer = v, I.isContextProvider = w, I.isElement = T, I.isForwardRef = h, I.isFragment = x, I.isLazy = _, I.isMemo = O, I.isPortal = S, I.isProfiler = A, I.isStrictMode = C, I.isSuspense = W, I.isValidElementType = N, I.typeOf = $;
-  }()), I;
+    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;
 }
 var hr;
-function Gr() {
-  return hr || (hr = 1, process.env.NODE_ENV === "production" ? Fe.exports = pt() : Fe.exports = dt()), Fe.exports;
+function Ur() {
+  return hr || (hr = 1, process.env.NODE_ENV === "production" ? Fe.exports = dn() : Fe.exports = mn()), Fe.exports;
 }
 /*
 object-assign
@@ -677,50 +677,50 @@ object-assign
 @license MIT
 */
 var Ge, _r;
-function mt() {
+function vn() {
   if (_r)
     return Ge;
   _r = 1;
-  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function t(o) {
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(o) {
     if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(o);
   }
-  function i() {
+  function a() {
     try {
       if (!Object.assign)
         return !1;
       var o = new String("abc");
       if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var s = {}, a = 0; a < 10; a++)
-        s["_" + String.fromCharCode(a)] = a;
-      var d = Object.getOwnPropertyNames(s).map(function(y) {
-        return s[y];
+      for (var s = {}, i = 0; i < 10; i++)
+        s["_" + String.fromCharCode(i)] = i;
+      var y = Object.getOwnPropertyNames(s).map(function(v) {
+        return s[v];
       });
-      if (d.join("") !== "0123456789")
+      if (y.join("") !== "0123456789")
         return !1;
       var l = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        l[y] = y;
+      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
+        l[v] = v;
       }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Ge = i() ? Object.assign : function(o, s) {
-    for (var a, d = t(o), l, y = 1; y < arguments.length; y++) {
-      a = Object(arguments[y]);
-      for (var g in a)
-        r.call(a, g) && (d[g] = a[g]);
+  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 g in i)
+        r.call(i, g) && (y[g] = i[g]);
       if (e) {
-        l = e(a);
-        for (var E = 0; E < l.length; E++)
-          n.call(a, l[E]) && (d[l[E]] = a[l[E]]);
+        l = e(i);
+        for (var w = 0; w < l.length; w++)
+          t.call(i, l[w]) && (y[l[w]] = i[l[w]]);
       }
     }
-    return d;
+    return y;
   }, Ge;
 }
 var Ve, Er;
@@ -732,18 +732,18 @@ function fr() {
   return Ve = e, Ve;
 }
 var Je, wr;
-function Vr() {
+function Gr() {
   return wr || (wr = 1, Je = Function.call.bind(Object.prototype.hasOwnProperty)), Je;
 }
 var Xe, Tr;
-function vt() {
+function yn() {
   if (Tr)
     return Xe;
   Tr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = fr(), n = {}, t = Vr();
+    var r = fr(), t = {}, n = Gr();
     e = function(o) {
       var s = "Warning: " + o;
       typeof console < "u" && console.error(s);
@@ -753,289 +753,289 @@ function vt() {
       }
     };
   }
-  function i(o, s, a, d, l) {
+  function a(o, s, i, y, l) {
     if (process.env.NODE_ENV !== "production") {
-      for (var y in o)
-        if (t(o, y)) {
+      for (var v in o)
+        if (n(o, v)) {
           var g;
           try {
-            if (typeof o[y] != "function") {
-              var E = Error(
-                (d || "React class") + ": " + a + " 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`."
+            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`."
               );
-              throw E.name = "Invariant Violation", E;
+              throw w.name = "Invariant Violation", w;
             }
-            g = o[y](s, y, d, a, null, r);
-          } catch (R) {
-            g = R;
+            g = o[v](s, v, y, i, null, r);
+          } catch (D) {
+            g = D;
           }
           if (g && !(g instanceof Error) && e(
-            (d || "React class") + ": type specification of " + a + " `" + 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 n)) {
-            n[g.message] = !0;
-            var P = l ? l() : "";
+            (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)."
+          ), g instanceof Error && !(g.message in t)) {
+            t[g.message] = !0;
+            var O = l ? l() : "";
             e(
-              "Failed " + a + " type: " + g.message + (P ?? "")
+              "Failed " + i + " type: " + g.message + (O ?? "")
             );
           }
         }
     }
   }
-  return i.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (n = {});
-  }, Xe = i, Xe;
+  return a.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, Xe = a, Xe;
 }
-var Ze, Or;
-function yt() {
-  if (Or)
+var Ze, Sr;
+function gn() {
+  if (Sr)
     return Ze;
-  Or = 1;
-  var e = Gr(), r = mt(), n = fr(), t = Vr(), i = vt(), o = function() {
+  Sr = 1;
+  var e = Ur(), r = vn(), t = fr(), n = Gr(), a = yn(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(a) {
-    var d = "Warning: " + a;
-    typeof console < "u" && console.error(d);
+  process.env.NODE_ENV !== "production" && (o = function(i) {
+    var y = "Warning: " + i;
+    typeof console < "u" && console.error(y);
     try {
-      throw new Error(d);
+      throw new Error(y);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return Ze = function(a, d) {
-    var l = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+  return Ze = function(i, y) {
+    var l = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
     function g(c) {
-      var v = c && (l && c[l] || c[y]);
-      if (typeof v == "function")
-        return v;
-    }
-    var E = "<<anonymous>>", P = {
-      array: q("array"),
-      bigint: q("bigint"),
-      bool: q("boolean"),
-      func: q("function"),
-      number: q("number"),
-      object: q("object"),
-      string: q("string"),
-      symbol: q("symbol"),
-      any: re(),
-      arrayOf: N,
-      element: $(),
-      elementType: f(),
-      instanceOf: G,
-      node: ie(),
-      objectOf: le,
-      oneOf: ee,
-      oneOfType: oe,
-      shape: fe,
-      exact: se
+      var m = c && (l && c[l] || c[v]);
+      if (typeof m == "function")
+        return m;
+    }
+    var w = "<<anonymous>>", O = {
+      array: L("array"),
+      bigint: L("bigint"),
+      bool: L("boolean"),
+      func: L("function"),
+      number: L("number"),
+      object: L("object"),
+      string: L("string"),
+      symbol: L("symbol"),
+      any: K(),
+      arrayOf: j,
+      element: k(),
+      elementType: p(),
+      instanceOf: re,
+      node: ce(),
+      objectOf: V,
+      oneOf: $,
+      oneOfType: X,
+      shape: pe,
+      exact: le
     };
-    function R(c, v) {
-      return c === v ? c !== 0 || 1 / c === 1 / v : c !== c && v !== v;
+    function D(c, m) {
+      return c === m ? c !== 0 || 1 / c === 1 / m : c !== c && m !== m;
     }
-    function D(c, v) {
-      this.message = c, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
+    function _(c, m) {
+      this.message = c, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
     }
-    D.prototype = Error.prototype;
-    function k(c) {
+    _.prototype = Error.prototype;
+    function M(c) {
       if (process.env.NODE_ENV !== "production")
-        var v = {}, w = 0;
-      function T(x, _, O, S, A, C, W) {
-        if (S = S || E, C = C || O, W !== n) {
-          if (d) {
-            var p = new Error(
+        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 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 p.name = "Invariant Violation", p;
+            throw f.name = "Invariant Violation", f;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var V = S + ":" + O;
-            !v[V] && // Avoid spamming the console because they are often not actionable except for lib authors
-            w < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + C + "` prop on `" + S + "`. 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."
-            ), v[V] = !0, w++);
+            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++);
           }
         }
-        return _[O] == null ? x ? _[O] === null ? new D("The " + A + " `" + C + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new D("The " + A + " `" + C + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : c(_, O, S, A, C);
+        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);
       }
-      var h = T.bind(null, !1);
-      return h.isRequired = T.bind(null, !0), h;
-    }
-    function q(c) {
-      function v(w, T, h, x, _, O) {
-        var S = w[T], A = Z(S);
-        if (A !== c) {
-          var C = ne(S);
-          return new D(
-            "Invalid " + x + " `" + _ + "` of type " + ("`" + C + "` supplied to `" + h + "`, expected ") + ("`" + c + "`."),
+      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 }
           );
         }
         return null;
       }
-      return k(v);
+      return M(m);
     }
-    function re() {
-      return k(s);
+    function K() {
+      return M(s);
     }
-    function N(c) {
-      function v(w, T, h, x, _) {
+    function j(c) {
+      function m(T, S, h, A, E) {
         if (typeof c != "function")
-          return new D("Property `" + _ + "` of component `" + h + "` has invalid PropType notation inside arrayOf.");
-        var O = w[T];
-        if (!Array.isArray(O)) {
-          var S = Z(O);
-          return new D("Invalid " + x + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + h + "`, expected an array."));
+          return new _("Property `" + E + "` of component `" + h + "` has invalid PropType notation inside arrayOf.");
+        var C = T[S];
+        if (!Array.isArray(C)) {
+          var P = te(C);
+          return new _("Invalid " + A + " `" + E + "` of type " + ("`" + P + "` supplied to `" + h + "`, expected an array."));
         }
-        for (var A = 0; A < O.length; A++) {
-          var C = c(O, A, h, x, _ + "[" + A + "]", n);
-          if (C instanceof Error)
-            return C;
+        for (var R = 0; R < C.length; R++) {
+          var x = c(C, R, h, A, E + "[" + R + "]", t);
+          if (x instanceof Error)
+            return x;
         }
         return null;
       }
-      return k(v);
-    }
-    function $() {
-      function c(v, w, T, h, x) {
-        var _ = v[w];
-        if (!a(_)) {
-          var O = Z(_);
-          return new D("Invalid " + h + " `" + x + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected a single ReactElement."));
+      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."));
         }
         return null;
       }
-      return k(c);
-    }
-    function f() {
-      function c(v, w, T, h, x) {
-        var _ = v[w];
-        if (!e.isValidElementType(_)) {
-          var O = Z(_);
-          return new D("Invalid " + h + " `" + x + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected a single ReactElement type."));
+      return M(c);
+    }
+    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."));
         }
         return null;
       }
-      return k(c);
+      return M(c);
     }
-    function G(c) {
-      function v(w, T, h, x, _) {
-        if (!(w[T] instanceof c)) {
-          var O = c.name || E, S = H(w[T]);
-          return new D("Invalid " + x + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + h + "`, expected ") + ("instance of `" + O + "`."));
+    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 + "`."));
         }
         return null;
       }
-      return k(v);
+      return M(m);
     }
-    function ee(c) {
+    function $(c) {
       if (!Array.isArray(c))
         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 v(w, T, h, x, _) {
-        for (var O = w[T], S = 0; S < c.length; S++)
-          if (R(O, c[S]))
+      function m(T, S, h, A, E) {
+        for (var C = T[S], P = 0; P < c.length; P++)
+          if (D(C, c[P]))
             return null;
-        var A = JSON.stringify(c, function(W, p) {
-          var V = ne(p);
-          return V === "symbol" ? String(p) : p;
+        var R = JSON.stringify(c, function(q, f) {
+          var Z = ae(f);
+          return Z === "symbol" ? String(f) : f;
         });
-        return new D("Invalid " + x + " `" + _ + "` of value `" + String(O) + "` " + ("supplied to `" + h + "`, expected one of " + A + "."));
+        return new _("Invalid " + A + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + h + "`, expected one of " + R + "."));
       }
-      return k(v);
+      return M(m);
     }
-    function le(c) {
-      function v(w, T, h, x, _) {
+    function V(c) {
+      function m(T, S, h, A, E) {
         if (typeof c != "function")
-          return new D("Property `" + _ + "` of component `" + h + "` has invalid PropType notation inside objectOf.");
-        var O = w[T], S = Z(O);
-        if (S !== "object")
-          return new D("Invalid " + x + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + h + "`, expected an object."));
-        for (var A in O)
-          if (t(O, A)) {
-            var C = c(O, A, h, x, _ + "." + A, n);
-            if (C instanceof Error)
-              return C;
+          return new _("Property `" + E + "` of component `" + h + "` has invalid PropType notation inside objectOf.");
+        var C = T[S], P = te(C);
+        if (P !== "object")
+          return new _("Invalid " + A + " `" + E + "` of type " + ("`" + P + "` supplied to `" + h + "`, 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;
           }
         return null;
       }
-      return k(v);
+      return M(m);
     }
-    function oe(c) {
+    function X(c) {
       if (!Array.isArray(c))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var v = 0; v < c.length; v++) {
-        var w = c[v];
-        if (typeof w != "function")
+      for (var m = 0; m < c.length; m++) {
+        var T = c[m];
+        if (typeof T != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(w) + " at index " + v + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + m + "."
           ), s;
       }
-      function T(h, x, _, O, S) {
-        for (var A = [], C = 0; C < c.length; C++) {
-          var W = c[C], p = W(h, x, _, O, S, n);
-          if (p == null)
+      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);
+          if (f == null)
             return null;
-          p.data && t(p.data, "expectedType") && A.push(p.data.expectedType);
+          f.data && n(f.data, "expectedType") && R.push(f.data.expectedType);
         }
-        var V = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
-        return new D("Invalid " + O + " `" + S + "` supplied to " + ("`" + _ + "`" + V + "."));
+        var Z = R.length > 0 ? ", expected one of type [" + R.join(", ") + "]" : "";
+        return new _("Invalid " + C + " `" + P + "` supplied to " + ("`" + E + "`" + Z + "."));
       }
-      return k(T);
+      return M(S);
     }
-    function ie() {
-      function c(v, w, T, h, x) {
-        return L(v[w]) ? null : new D("Invalid " + h + " `" + x + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
+    function ce() {
+      function c(m, T, S, h, A) {
+        return B(m[T]) ? null : new _("Invalid " + h + " `" + A + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
-      return k(c);
+      return M(c);
     }
-    function ue(c, v, w, T, h) {
-      return new D(
-        (c || "React class") + ": " + v + " type `" + w + "." + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
+    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(c) {
-      function v(w, T, h, x, _) {
-        var O = w[T], S = Z(O);
-        if (S !== "object")
-          return new D("Invalid " + x + " `" + _ + "` of type `" + S + "` " + ("supplied to `" + h + "`, expected `object`."));
-        for (var A in c) {
-          var C = c[A];
-          if (typeof C != "function")
-            return ue(h, x, _, A, ne(C));
-          var W = C(O, A, h, x, _ + "." + A, n);
-          if (W)
-            return W;
+    function pe(c) {
+      function m(T, S, h, A, E) {
+        var C = T[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);
+          if (q)
+            return q;
         }
         return null;
       }
-      return k(v);
-    }
-    function se(c) {
-      function v(w, T, h, x, _) {
-        var O = w[T], S = Z(O);
-        if (S !== "object")
-          return new D("Invalid " + x + " `" + _ + "` of type `" + S + "` " + ("supplied to `" + h + "`, expected `object`."));
-        var A = r({}, w[T], c);
-        for (var C in A) {
-          var W = c[C];
-          if (t(c, C) && typeof W != "function")
-            return ue(h, x, _, C, ne(W));
-          if (!W)
-            return new D(
-              "Invalid " + x + " `" + _ + "` key `" + C + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(w[T], null, "  ") + `
+      return M(m);
+    }
+    function le(c) {
+      function m(T, S, h, A, E) {
+        var C = T[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));
+          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, "  ")
             );
-          var p = W(O, C, h, x, _ + "." + C, n);
-          if (p)
-            return p;
+          var f = q(C, x, h, A, E + "." + x, t);
+          if (f)
+            return f;
         }
         return null;
       }
-      return k(v);
+      return M(m);
     }
-    function L(c) {
+    function B(c) {
       switch (typeof c) {
         case "number":
         case "string":
@@ -1045,20 +1045,20 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
           return !c;
         case "object":
           if (Array.isArray(c))
-            return c.every(L);
-          if (c === null || a(c))
+            return c.every(B);
+          if (c === null || i(c))
             return !0;
-          var v = g(c);
-          if (v) {
-            var w = v.call(c), T;
-            if (v !== c.entries) {
-              for (; !(T = w.next()).done; )
-                if (!L(T.value))
+          var m = g(c);
+          if (m) {
+            var T = m.call(c), S;
+            if (m !== c.entries) {
+              for (; !(S = T.next()).done; )
+                if (!B(S.value))
                   return !1;
             } else
-              for (; !(T = w.next()).done; ) {
-                var h = T.value;
-                if (h && !L(h[1]))
+              for (; !(S = T.next()).done; ) {
+                var h = S.value;
+                if (h && !B(h[1]))
                   return !1;
               }
           } else
@@ -1068,206 +1068,206 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
           return !1;
       }
     }
-    function U(c, v) {
-      return c === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
+    function J(c, m) {
+      return c === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
     }
-    function Z(c) {
-      var v = typeof c;
-      return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : U(v, c) ? "symbol" : v;
+    function te(c) {
+      var m = typeof c;
+      return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : J(m, c) ? "symbol" : m;
     }
-    function ne(c) {
+    function ae(c) {
       if (typeof c > "u" || c === null)
         return "" + c;
-      var v = Z(c);
-      if (v === "object") {
+      var m = te(c);
+      if (m === "object") {
         if (c instanceof Date)
           return "date";
         if (c instanceof RegExp)
           return "regexp";
       }
-      return v;
+      return m;
     }
-    function ce(c) {
-      var v = ne(c);
-      switch (v) {
+    function ue(c) {
+      var m = ae(c);
+      switch (m) {
         case "array":
         case "object":
-          return "an " + v;
+          return "an " + m;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + v;
+          return "a " + m;
         default:
-          return v;
+          return m;
       }
     }
-    function H(c) {
-      return !c.constructor || !c.constructor.name ? E : c.constructor.name;
+    function U(c) {
+      return !c.constructor || !c.constructor.name ? w : c.constructor.name;
     }
-    return P.checkPropTypes = i, P.resetWarningCache = i.resetWarningCache, P.PropTypes = P, P;
+    return O.checkPropTypes = a, O.resetWarningCache = a.resetWarningCache, O.PropTypes = O, O;
   }, Ze;
 }
 var Qe, Cr;
-function gt() {
+function bn() {
   if (Cr)
     return Qe;
   Cr = 1;
   var e = fr();
   function r() {
   }
-  function n() {
+  function t() {
   }
-  return n.resetWarningCache = r, Qe = function() {
-    function t(s, a, d, l, y, g) {
+  return t.resetWarningCache = r, Qe = function() {
+    function n(s, i, y, l, v, g) {
       if (g !== e) {
-        var E = new Error(
+        var w = 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 E.name = "Invariant Violation", E;
+        throw w.name = "Invariant Violation", w;
       }
     }
-    t.isRequired = t;
-    function i() {
-      return t;
+    n.isRequired = n;
+    function a() {
+      return n;
     }
     var o = {
-      array: t,
-      bigint: t,
-      bool: t,
-      func: t,
-      number: t,
-      object: t,
-      string: t,
-      symbol: t,
-      any: t,
-      arrayOf: i,
-      element: t,
-      elementType: t,
-      instanceOf: i,
-      node: t,
-      objectOf: i,
-      oneOf: i,
-      oneOfType: i,
-      shape: i,
-      exact: i,
-      checkPropTypes: n,
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: a,
+      element: n,
+      elementType: n,
+      instanceOf: a,
+      node: n,
+      objectOf: a,
+      oneOf: a,
+      oneOfType: a,
+      shape: a,
+      exact: a,
+      checkPropTypes: t,
       resetWarningCache: r
     };
     return o.PropTypes = o, o;
   }, Qe;
 }
 if (process.env.NODE_ENV !== "production") {
-  var bt = Gr(), ht = !0;
-  tr.exports = yt()(bt.isElement, ht);
+  var hn = Ur(), _n = !0;
+  nr.exports = gn()(hn.isElement, _n);
 } else
-  tr.exports = gt()();
-var _t = tr.exports;
-const j = /* @__PURE__ */ zr(_t);
-function Ee(e, r, n, t) {
-  function i(o) {
-    return o instanceof n ? o : new n(function(s) {
+  nr.exports = bn()();
+var En = nr.exports;
+const N = /* @__PURE__ */ Lr(En);
+function Ee(e, r, t, n) {
+  function a(o) {
+    return o instanceof t ? o : new t(function(s) {
       s(o);
     });
   }
-  return new (n || (n = Promise))(function(o, s) {
-    function a(y) {
+  return new (t || (t = Promise))(function(o, s) {
+    function i(v) {
       try {
-        l(t.next(y));
+        l(n.next(v));
       } catch (g) {
         s(g);
       }
     }
-    function d(y) {
+    function y(v) {
       try {
-        l(t.throw(y));
+        l(n.throw(v));
       } catch (g) {
         s(g);
       }
     }
-    function l(y) {
-      y.done ? o(y.value) : i(y.value).then(a, d);
+    function l(v) {
+      v.done ? o(v.value) : a(v.value).then(i, y);
     }
-    l((t = t.apply(e, r || [])).next());
+    l((n = n.apply(e, r || [])).next());
   });
 }
 function we(e, r) {
-  var n = { label: 0, sent: function() {
+  var t = { label: 0, sent: function() {
     if (o[0] & 1)
       throw o[1];
     return o[1];
-  }, trys: [], ops: [] }, t, i, o, s;
-  return s = { next: a(0), throw: a(1), return: a(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, n, a, o, s;
+  return s = { next: i(0), throw: i(1), return: i(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
     return this;
   }), s;
-  function a(l) {
-    return function(y) {
-      return d([l, y]);
+  function i(l) {
+    return function(v) {
+      return y([l, v]);
     };
   }
-  function d(l) {
-    if (t)
+  function y(l) {
+    if (n)
       throw new TypeError("Generator is already executing.");
-    for (; s && (s = 0, l[0] && (n = 0)), n; )
+    for (; s && (s = 0, l[0] && (t = 0)), t; )
       try {
-        if (t = 1, i && (o = l[0] & 2 ? i.return : l[0] ? i.throw || ((o = i.return) && o.call(i), 0) : i.next) && !(o = o.call(i, l[1])).done)
+        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)
           return o;
-        switch (i = 0, o && (l = [l[0] & 2, o.value]), l[0]) {
+        switch (a = 0, o && (l = [l[0] & 2, o.value]), l[0]) {
           case 0:
           case 1:
             o = l;
             break;
           case 4:
-            return n.label++, { value: l[1], done: !1 };
+            return t.label++, { value: l[1], done: !1 };
           case 5:
-            n.label++, i = l[1], l = [0];
+            t.label++, a = l[1], l = [0];
             continue;
           case 7:
-            l = n.ops.pop(), n.trys.pop();
+            l = t.ops.pop(), t.trys.pop();
             continue;
           default:
-            if (o = n.trys, !(o = o.length > 0 && o[o.length - 1]) && (l[0] === 6 || l[0] === 2)) {
-              n = 0;
+            if (o = t.trys, !(o = o.length > 0 && o[o.length - 1]) && (l[0] === 6 || l[0] === 2)) {
+              t = 0;
               continue;
             }
             if (l[0] === 3 && (!o || l[1] > o[0] && l[1] < o[3])) {
-              n.label = l[1];
+              t.label = l[1];
               break;
             }
-            if (l[0] === 6 && n.label < o[1]) {
-              n.label = o[1], o = l;
+            if (l[0] === 6 && t.label < o[1]) {
+              t.label = o[1], o = l;
               break;
             }
-            if (o && n.label < o[2]) {
-              n.label = o[2], n.ops.push(l);
+            if (o && t.label < o[2]) {
+              t.label = o[2], t.ops.push(l);
               break;
             }
-            o[2] && n.ops.pop(), n.trys.pop();
+            o[2] && t.ops.pop(), t.trys.pop();
             continue;
         }
-        l = r.call(e, n);
-      } catch (y) {
-        l = [6, y], i = 0;
+        l = r.call(e, t);
+      } catch (v) {
+        l = [6, v], a = 0;
       } finally {
-        t = o = 0;
+        n = o = 0;
       }
     if (l[0] & 5)
       throw l[1];
     return { value: l[0] ? l[1] : void 0, done: !0 };
   }
 }
-function xr(e, r) {
-  var n = typeof Symbol == "function" && e[Symbol.iterator];
-  if (!n)
+function Or(e, r) {
+  var t = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!t)
     return e;
-  var t = n.call(e), i, o = [], s;
+  var n = t.call(e), a, o = [], s;
   try {
-    for (; (r === void 0 || r-- > 0) && !(i = t.next()).done; )
-      o.push(i.value);
-  } catch (a) {
-    s = { error: a };
+    for (; (r === void 0 || r-- > 0) && !(a = n.next()).done; )
+      o.push(a.value);
+  } catch (i) {
+    s = { error: i };
   } finally {
     try {
-      i && !i.done && (n = t.return) && n.call(t);
+      a && !a.done && (t = n.return) && t.call(n);
     } finally {
       if (s)
         throw s.error;
@@ -1275,13 +1275,13 @@ function xr(e, r) {
   }
   return o;
 }
-function Sr(e, r, n) {
-  if (n || arguments.length === 2)
-    for (var t = 0, i = r.length, o; t < i; t++)
-      (o || !(t in r)) && (o || (o = Array.prototype.slice.call(r, 0, t)), o[t] = r[t]);
+function xr(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]);
   return e.concat(o || Array.prototype.slice.call(r));
 }
-var Et = /* @__PURE__ */ new Map([
+var wn = /* @__PURE__ */ new Map([
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
   ["aac", "audio/aac"],
   ["abw", "application/x-abiword"],
@@ -1365,25 +1365,25 @@ var Et = /* @__PURE__ */ new Map([
   ["mov", "video/quicktime"],
   ["msg", "application/vnd.ms-outlook"]
 ]);
-function De(e, r) {
-  var n = wt(e);
-  if (typeof n.path != "string") {
-    var t = e.webkitRelativePath;
-    Object.defineProperty(n, "path", {
-      value: typeof r == "string" ? r : typeof t == "string" && t.length > 0 ? t : e.name,
+function Ae(e, r) {
+  var t = Tn(e);
+  if (typeof t.path != "string") {
+    var n = e.webkitRelativePath;
+    Object.defineProperty(t, "path", {
+      value: typeof r == "string" ? r : typeof n == "string" && n.length > 0 ? n : e.name,
       writable: !1,
       configurable: !1,
       enumerable: !0
     });
   }
-  return n;
+  return t;
 }
-function wt(e) {
-  var r = e.name, n = r && r.lastIndexOf(".") !== -1;
-  if (n && !e.type) {
-    var t = r.split(".").pop().toLowerCase(), i = Et.get(t);
-    i && Object.defineProperty(e, "type", {
-      value: i,
+function Tn(e) {
+  var r = e.name, t = r && r.lastIndexOf(".") !== -1;
+  if (t && !e.type) {
+    var n = r.split(".").pop().toLowerCase(), a = wn.get(n);
+    a && Object.defineProperty(e, "type", {
+      value: a,
       writable: !1,
       configurable: !1,
       enumerable: !0
@@ -1391,66 +1391,66 @@ function wt(e) {
   }
   return e;
 }
-var Tt = [
+var Sn = [
   // Thumbnail cache files for macOS and Windows
   ".DS_Store",
   "Thumbs.db"
   // Windows
 ];
-function Ot(e) {
+function Cn(e) {
   return Ee(this, void 0, void 0, function() {
     return we(this, function(r) {
-      return ke(e) && Ct(e.dataTransfer) ? [2, At(e.dataTransfer, e.type)] : xt(e) ? [2, St(e)] : Array.isArray(e) && e.every(function(n) {
-        return "getFile" in n && typeof n.getFile == "function";
-      }) ? [2, Dt(e)] : [2, []];
+      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 "getFile" in t && typeof t.getFile == "function";
+      }) ? [2, An(e)] : [2, []];
     });
   });
 }
-function Ct(e) {
-  return ke(e);
+function On(e) {
+  return Ne(e);
 }
-function xt(e) {
-  return ke(e) && ke(e.target);
+function xn(e) {
+  return Ne(e) && Ne(e.target);
 }
-function ke(e) {
+function Ne(e) {
   return typeof e == "object" && e !== null;
 }
-function St(e) {
+function Dn(e) {
   return or(e.target.files).map(function(r) {
-    return De(r);
+    return Ae(r);
   });
 }
-function Dt(e) {
+function An(e) {
   return Ee(this, void 0, void 0, function() {
     var r;
-    return we(this, function(n) {
-      switch (n.label) {
+    return we(this, function(t) {
+      switch (t.label) {
         case 0:
-          return [4, Promise.all(e.map(function(t) {
-            return t.getFile();
+          return [4, Promise.all(e.map(function(n) {
+            return n.getFile();
           }))];
         case 1:
-          return r = n.sent(), [2, r.map(function(t) {
-            return De(t);
+          return r = t.sent(), [2, r.map(function(n) {
+            return Ae(n);
           })];
       }
     });
   });
 }
-function At(e, r) {
+function Pn(e, r) {
   return Ee(this, void 0, void 0, function() {
-    var n, t;
-    return we(this, function(i) {
-      switch (i.label) {
+    var t, n;
+    return we(this, function(a) {
+      switch (a.label) {
         case 0:
-          return e.items ? (n = or(e.items).filter(function(o) {
+          return e.items ? (t = or(e.items).filter(function(o) {
             return o.kind === "file";
-          }), r !== "drop" ? [2, n] : [4, Promise.all(n.map(Pt))]) : [3, 2];
+          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(Rn))]) : [3, 2];
         case 1:
-          return t = i.sent(), [2, Dr(Jr(t))];
+          return n = a.sent(), [2, Dr(Vr(n))];
         case 2:
           return [2, Dr(or(e.files).map(function(o) {
-            return De(o);
+            return Ae(o);
           }))];
       }
     });
@@ -1458,68 +1458,68 @@ function At(e, r) {
 }
 function Dr(e) {
   return e.filter(function(r) {
-    return Tt.indexOf(r.name) === -1;
+    return Sn.indexOf(r.name) === -1;
   });
 }
 function or(e) {
   if (e === null)
     return [];
-  for (var r = [], n = 0; n < e.length; n++) {
-    var t = e[n];
-    r.push(t);
+  for (var r = [], t = 0; t < e.length; t++) {
+    var n = e[t];
+    r.push(n);
   }
   return r;
 }
-function Pt(e) {
+function Rn(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return Ar(e);
   var r = e.webkitGetAsEntry();
-  return r && r.isDirectory ? Xr(r) : Ar(e);
+  return r && r.isDirectory ? Jr(r) : Ar(e);
 }
-function Jr(e) {
-  return e.reduce(function(r, n) {
-    return Sr(Sr([], xr(r), !1), xr(Array.isArray(n) ? Jr(n) : [n]), !1);
+function Vr(e) {
+  return e.reduce(function(r, t) {
+    return xr(xr([], Or(r), !1), Or(Array.isArray(t) ? Vr(t) : [t]), !1);
   }, []);
 }
 function Ar(e) {
   var r = e.getAsFile();
   if (!r)
     return Promise.reject("".concat(e, " is not a File"));
-  var n = De(r);
-  return Promise.resolve(n);
+  var t = Ae(r);
+  return Promise.resolve(t);
 }
-function Rt(e) {
+function In(e) {
   return Ee(this, void 0, void 0, function() {
     return we(this, function(r) {
-      return [2, e.isDirectory ? Xr(e) : Ft(e)];
+      return [2, e.isDirectory ? Jr(e) : Fn(e)];
     });
   });
 }
-function Xr(e) {
+function Jr(e) {
   var r = e.createReader();
-  return new Promise(function(n, t) {
-    var i = [];
+  return new Promise(function(t, n) {
+    var a = [];
     function o() {
       var s = this;
-      r.readEntries(function(a) {
+      r.readEntries(function(i) {
         return Ee(s, void 0, void 0, function() {
-          var d, l, y;
+          var y, l, v;
           return we(this, function(g) {
             switch (g.label) {
               case 0:
-                if (a.length)
+                if (i.length)
                   return [3, 5];
                 g.label = 1;
               case 1:
-                return g.trys.push([1, 3, , 4]), [4, Promise.all(i)];
+                return g.trys.push([1, 3, , 4]), [4, Promise.all(a)];
               case 2:
-                return d = g.sent(), n(d), [3, 4];
+                return y = g.sent(), t(y), [3, 4];
               case 3:
-                return l = g.sent(), t(l), [3, 4];
+                return l = g.sent(), n(l), [3, 4];
               case 4:
                 return [3, 6];
               case 5:
-                y = Promise.all(a.map(Rt)), i.push(y), o(), g.label = 6;
+                v = Promise.all(i.map(In)), a.push(v), o(), g.label = 6;
               case 6:
                 return [
                   2
@@ -1528,178 +1528,178 @@ function Xr(e) {
             }
           });
         });
-      }, function(a) {
-        t(a);
+      }, function(i) {
+        n(i);
       });
     }
     o();
   });
 }
-function Ft(e) {
+function Fn(e) {
   return Ee(this, void 0, void 0, function() {
     return we(this, function(r) {
-      return [2, new Promise(function(n, t) {
-        e.file(function(i) {
-          var o = De(i, e.fullPath);
-          n(o);
-        }, function(i) {
-          t(i);
+      return [2, new Promise(function(t, n) {
+        e.file(function(a) {
+          var o = Ae(a, e.fullPath);
+          t(o);
+        }, function(a) {
+          n(a);
         });
       })];
     });
   });
 }
-var It = function(e, r) {
+var jn = function(e, r) {
   if (e && r) {
-    var n = Array.isArray(r) ? r : r.split(","), t = e.name || "", i = (e.type || "").toLowerCase(), o = i.replace(/\/.*$/, "");
-    return n.some(function(s) {
-      var a = s.trim().toLowerCase();
-      return a.charAt(0) === "." ? t.toLowerCase().endsWith(a) : a.endsWith("/*") ? o === a.replace(/\/.*$/, "") : i === a;
+    var t = Array.isArray(r) ? r : r.split(","), n = e.name || "", a = (e.type || "").toLowerCase(), o = a.replace(/\/.*$/, "");
+    return t.some(function(s) {
+      var i = s.trim().toLowerCase();
+      return i.charAt(0) === "." ? n.toLowerCase().endsWith(i) : i.endsWith("/*") ? o === i.replace(/\/.*$/, "") : a === i;
     });
   }
   return !0;
 };
 function Pr(e) {
-  return Nt(e) || kt(e) || Qr(e) || jt();
+  return $n(e) || Nn(e) || Zr(e) || kn();
 }
-function jt() {
+function kn() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function kt(e) {
+function Nn(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
     return Array.from(e);
 }
-function Nt(e) {
+function $n(e) {
   if (Array.isArray(e))
-    return ir(e);
+    return ar(e);
 }
 function Rr(e, r) {
-  var n = Object.keys(e);
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    r && (t = t.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), n.push.apply(n, t);
+    var n = Object.getOwnPropertySymbols(e);
+    r && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), t.push.apply(t, n);
   }
-  return n;
+  return t;
 }
-function Fr(e) {
+function Ir(e) {
   for (var r = 1; r < arguments.length; r++) {
-    var n = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Rr(Object(n), !0).forEach(function(t) {
-      Zr(e, t, n[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Rr(Object(n)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Rr(Object(t), !0).forEach(function(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, n) {
-  return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+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 Se(e, r) {
-  return Lt(e) || Mt(e, r) || Qr(e, r) || $t();
+function xe(e, r) {
+  return zn(e) || Ln(e, r) || Zr(e, r) || Mn();
 }
-function $t() {
+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 Qr(e, r) {
+function Zr(e, r) {
   if (e) {
     if (typeof e == "string")
-      return ir(e, r);
-    var n = Object.prototype.toString.call(e).slice(8, -1);
-    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set")
+      return ar(e, r);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set")
       return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return ir(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))
+      return ar(e, r);
   }
 }
-function ir(e, r) {
+function ar(e, r) {
   (r == null || r > e.length) && (r = e.length);
-  for (var n = 0, t = new Array(r); n < r; n++)
-    t[n] = e[n];
-  return t;
+  for (var t = 0, n = new Array(r); t < r; t++)
+    n[t] = e[t];
+  return n;
 }
-function Mt(e, r) {
-  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (n != null) {
-    var t = [], i = !0, o = !1, s, a;
+function Ln(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;
     try {
-      for (n = n.call(e); !(i = (s = n.next()).done) && (t.push(s.value), !(r && t.length === r)); i = !0)
+      for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (d) {
-      o = !0, a = d;
+    } catch (y) {
+      o = !0, i = y;
     } finally {
       try {
-        !i && n.return != null && n.return();
+        !a && t.return != null && t.return();
       } finally {
         if (o)
-          throw a;
+          throw i;
       }
     }
-    return t;
+    return n;
   }
 }
-function Lt(e) {
+function zn(e) {
   if (Array.isArray(e))
     return e;
 }
-var zt = "file-invalid-type", Bt = "file-too-large", Wt = "file-too-small", Yt = "too-many-files", qt = function(r) {
+var Bn = "file-invalid-type", Wn = "file-too-large", Yn = "file-too-small", qn = "too-many-files", Hn = function(r) {
   r = Array.isArray(r) && r.length === 1 ? r[0] : r;
-  var n = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
+  var t = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
   return {
-    code: zt,
-    message: "File type must be ".concat(n)
+    code: Bn,
+    message: "File type must be ".concat(t)
   };
-}, Ir = function(r) {
+}, Fr = function(r) {
   return {
-    code: Bt,
+    code: Wn,
     message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
 }, jr = function(r) {
   return {
-    code: Wt,
+    code: Yn,
     message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
   };
-}, Ht = {
-  code: Yt,
+}, Kn = {
+  code: qn,
   message: "Too many files"
 };
-function en(e, r) {
-  var n = e.type === "application/x-moz-file" || It(e, r);
-  return [n, n ? null : qt(r)];
-}
-function rn(e, r, n) {
-  if (de(e.size))
-    if (de(r) && de(n)) {
-      if (e.size > n)
-        return [!1, Ir(n)];
+function Qr(e, r) {
+  var t = e.type === "application/x-moz-file" || jn(e, r);
+  return [t, t ? null : Hn(r)];
+}
+function et(e, r, t) {
+  if (me(e.size))
+    if (me(r) && me(t)) {
+      if (e.size > t)
+        return [!1, Fr(t)];
       if (e.size < r)
         return [!1, jr(r)];
     } else {
-      if (de(r) && e.size < r)
+      if (me(r) && e.size < r)
         return [!1, jr(r)];
-      if (de(n) && e.size > n)
-        return [!1, Ir(n)];
+      if (me(t) && e.size > t)
+        return [!1, Fr(t)];
     }
   return [!0, null];
 }
-function de(e) {
+function me(e) {
   return e != null;
 }
-function Kt(e) {
-  var r = e.files, n = e.accept, t = e.minSize, i = e.maxSize, o = e.multiple, s = e.maxFiles, a = e.validator;
-  return !o && r.length > 1 || o && s >= 1 && r.length > s ? !1 : r.every(function(d) {
-    var l = en(d, n), y = Se(l, 1), g = y[0], E = rn(d, t, i), P = Se(E, 1), R = P[0], D = a ? a(d) : null;
-    return g && R && !D;
+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 && !_;
   });
 }
-function Ne(e) {
+function $e(e) {
   return typeof e.isPropagationStopped == "function" ? e.isPropagationStopped() : typeof e.cancelBubble < "u" ? e.cancelBubble : !1;
 }
-function Ie(e) {
+function je(e) {
   return e.dataTransfer ? Array.prototype.some.call(e.dataTransfer.types, function(r) {
     return r === "Files" || r === "application/x-moz-file";
   }) : !!e.target && !!e.target.files;
@@ -1707,38 +1707,38 @@ function Ie(e) {
 function kr(e) {
   e.preventDefault();
 }
-function Ut(e) {
+function Gn(e) {
   return e.indexOf("MSIE") !== -1 || e.indexOf("Trident/") !== -1;
 }
-function Gt(e) {
+function Vn(e) {
   return e.indexOf("Edge/") !== -1;
 }
-function Vt() {
+function Jn() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
-  return Ut(e) || Gt(e);
+  return Gn(e) || Vn(e);
 }
-function te() {
-  for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
-    r[n] = arguments[n];
-  return function(t) {
-    for (var i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
+function ie() {
+  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
+    r[t] = arguments[t];
+  return function(n) {
+    for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), s = 1; s < a; s++)
       o[s - 1] = arguments[s];
-    return r.some(function(a) {
-      return !Ne(t) && a && a.apply(void 0, [t].concat(o)), Ne(t);
+    return r.some(function(i) {
+      return !$e(n) && i && i.apply(void 0, [n].concat(o)), $e(n);
     });
   };
 }
-function Jt() {
+function Xn() {
   return "showOpenFilePicker" in window;
 }
-function Xt(e) {
-  if (de(e)) {
-    var r = Object.entries(e).filter(function(n) {
-      var t = Se(n, 2), i = t[0], o = t[1], s = !0;
-      return nn(i) || (console.warn('Skipped "'.concat(i, '" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')), s = !1), (!Array.isArray(o) || !o.every(tn)) && (console.warn('Skipped "'.concat(i, '" because an invalid file extension was provided.')), s = !1), s;
-    }).reduce(function(n, t) {
-      var i = Se(t, 2), o = i[0], s = i[1];
-      return Fr(Fr({}, n), {}, Zr({}, o, s));
+function Zn(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;
+      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));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -1748,148 +1748,148 @@ function Xt(e) {
   }
   return e;
 }
-function Zt(e) {
-  if (de(e))
-    return Object.entries(e).reduce(function(r, n) {
-      var t = Se(n, 2), i = t[0], o = t[1];
-      return [].concat(Pr(r), [i], Pr(o));
+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];
+      return [].concat(Pr(r), [a], Pr(o));
     }, []).filter(function(r) {
-      return nn(r) || tn(r);
+      return rt(r) || tt(r);
     }).join(",");
 }
-function Qt(e) {
+function eo(e) {
   return e instanceof DOMException && (e.name === "AbortError" || e.code === e.ABORT_ERR);
 }
-function eo(e) {
+function ro(e) {
   return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
 }
-function nn(e) {
+function rt(e) {
   return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
 }
-function tn(e) {
+function tt(e) {
   return /^.*\.[\w]+$/.test(e);
 }
-var ro = ["children"], no = ["open"], to = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], oo = ["refKey", "onChange", "onClick"];
+var to = ["children"], no = ["open"], oo = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], ao = ["refKey", "onChange", "onClick"];
 function io(e) {
-  return co(e) || so(e) || on(e) || ao();
+  return lo(e) || co(e) || nt(e) || so();
 }
-function ao() {
+function so() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function so(e) {
+function co(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
     return Array.from(e);
 }
-function co(e) {
+function lo(e) {
   if (Array.isArray(e))
-    return ar(e);
+    return ir(e);
 }
 function er(e, r) {
-  return fo(e) || uo(e, r) || on(e, r) || lo();
+  return po(e) || fo(e, r) || nt(e, r) || uo();
 }
-function lo() {
+function uo() {
   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 on(e, r) {
+function nt(e, r) {
   if (e) {
     if (typeof e == "string")
-      return ar(e, r);
-    var n = Object.prototype.toString.call(e).slice(8, -1);
-    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set")
+      return ir(e, r);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set")
       return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return ar(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))
+      return ir(e, r);
   }
 }
-function ar(e, r) {
+function ir(e, r) {
   (r == null || r > e.length) && (r = e.length);
-  for (var n = 0, t = new Array(r); n < r; n++)
-    t[n] = e[n];
-  return t;
+  for (var t = 0, n = new Array(r); t < r; t++)
+    n[t] = e[t];
+  return n;
 }
-function uo(e, r) {
-  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (n != null) {
-    var t = [], i = !0, o = !1, s, a;
+function fo(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;
     try {
-      for (n = n.call(e); !(i = (s = n.next()).done) && (t.push(s.value), !(r && t.length === r)); i = !0)
+      for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (d) {
-      o = !0, a = d;
+    } catch (y) {
+      o = !0, i = y;
     } finally {
       try {
-        !i && n.return != null && n.return();
+        !a && t.return != null && t.return();
       } finally {
         if (o)
-          throw a;
+          throw i;
       }
     }
-    return t;
+    return n;
   }
 }
-function fo(e) {
+function po(e) {
   if (Array.isArray(e))
     return e;
 }
 function Nr(e, r) {
-  var n = Object.keys(e);
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    r && (t = t.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), n.push.apply(n, t);
+    var n = Object.getOwnPropertySymbols(e);
+    r && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), t.push.apply(t, n);
   }
-  return n;
+  return t;
 }
-function M(e) {
+function z(e) {
   for (var r = 1; r < arguments.length; r++) {
-    var n = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Nr(Object(n), !0).forEach(function(t) {
-      sr(e, t, n[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Nr(Object(n)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Nr(Object(t), !0).forEach(function(n) {
+      sr(e, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Nr(Object(t)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function sr(e, r, n) {
-  return r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+function sr(e, r, t) {
+  return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
 }
-function $e(e, r) {
+function Me(e, r) {
   if (e == null)
     return {};
-  var n = po(e, r), t, i;
+  var t = mo(e, r), n, a;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < o.length; i++)
-      t = o[i], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+    for (a = 0; a < o.length; a++)
+      n = o[a], !(r.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
   }
-  return n;
+  return t;
 }
-function po(e, r) {
+function mo(e, r) {
   if (e == null)
     return {};
-  var n = {}, t = Object.keys(e), i, o;
-  for (o = 0; o < t.length; o++)
-    i = t[o], !(r.indexOf(i) >= 0) && (n[i] = e[i]);
-  return n;
+  var t = {}, n = Object.keys(e), a, o;
+  for (o = 0; o < n.length; o++)
+    a = n[o], !(r.indexOf(a) >= 0) && (t[a] = e[a]);
+  return t;
 }
-var pr = /* @__PURE__ */ yn(function(e, r) {
-  var n = e.children, t = $e(e, ro), i = sn(t), o = i.open, s = $e(i, no);
-  return gn(r, function() {
+var pr = /* @__PURE__ */ mt(function(e, r) {
+  var t = e.children, n = Me(e, to), a = at(n), o = a.open, s = Me(a, no);
+  return vt(r, function() {
     return {
       open: o
     };
-  }, [o]), /* @__PURE__ */ pn.createElement(bn, null, n(M(M({}, s), {}, {
+  }, [o]), /* @__PURE__ */ ut.createElement(yt, null, t(z(z({}, s), {}, {
     open: o
   })));
 });
 pr.displayName = "Dropzone";
-var an = {
+var ot = {
   disabled: !1,
-  getFilesFromEvent: Ot,
+  getFilesFromEvent: Cn,
   maxSize: 1 / 0,
   minSize: 0,
   multiple: !0,
@@ -1903,7 +1903,7 @@ var an = {
   useFsAccessApi: !0,
   autoFocus: !1
 };
-pr.defaultProps = an;
+pr.defaultProps = ot;
 pr.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
@@ -1920,7 +1920,7 @@ pr.propTypes = {
    * @param {File[]} params.acceptedFiles Accepted files
    * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
    */
-  children: j.func,
+  children: N.func,
   /**
    * Set accepted file types.
    * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
@@ -1928,90 +1928,90 @@ pr.propTypes = {
    * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
    * Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).
    */
-  accept: j.objectOf(j.arrayOf(j.string)),
+  accept: N.objectOf(N.arrayOf(N.string)),
   /**
    * Allow drag 'n' drop (or selection from the file dialog) of multiple files
    */
-  multiple: j.bool,
+  multiple: N.bool,
   /**
    * If false, allow dropped items to take over the current browser window
    */
-  preventDropOnDocument: j.bool,
+  preventDropOnDocument: N.bool,
   /**
    * If true, disables click to open the native file selection dialog
    */
-  noClick: j.bool,
+  noClick: N.bool,
   /**
    * If true, disables SPACE/ENTER to open the native file selection dialog.
    * Note that it also stops tracking the focus state.
    */
-  noKeyboard: j.bool,
+  noKeyboard: N.bool,
   /**
    * If true, disables drag 'n' drop
    */
-  noDrag: j.bool,
+  noDrag: N.bool,
   /**
    * If true, stops drag event propagation to parents
    */
-  noDragEventsBubbling: j.bool,
+  noDragEventsBubbling: N.bool,
   /**
    * Minimum file size (in bytes)
    */
-  minSize: j.number,
+  minSize: N.number,
   /**
    * Maximum file size (in bytes)
    */
-  maxSize: j.number,
+  maxSize: N.number,
   /**
    * Maximum accepted number of files
    * The default value is 0 which means there is no limitation to how many files are accepted.
    */
-  maxFiles: j.number,
+  maxFiles: N.number,
   /**
    * Enable/disable the dropzone
    */
-  disabled: j.bool,
+  disabled: N.bool,
   /**
    * Use this to provide a custom file aggregator
    *
    * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
    */
-  getFilesFromEvent: j.func,
+  getFilesFromEvent: N.func,
   /**
    * Cb for when closing the file dialog with no selection
    */
-  onFileDialogCancel: j.func,
+  onFileDialogCancel: N.func,
   /**
    * Cb for when opening the file dialog
    */
-  onFileDialogOpen: j.func,
+  onFileDialogOpen: N.func,
   /**
    * Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API
    * to open the file picker instead of using an `<input type="file">` click event.
    */
-  useFsAccessApi: j.bool,
+  useFsAccessApi: N.bool,
   /**
    * Set to true to focus the root element on render
    */
-  autoFocus: j.bool,
+  autoFocus: N.bool,
   /**
    * Cb for when the `dragenter` event occurs.
    *
    * @param {DragEvent} event
    */
-  onDragEnter: j.func,
+  onDragEnter: N.func,
   /**
    * Cb for when the `dragleave` event occurs
    *
    * @param {DragEvent} event
    */
-  onDragLeave: j.func,
+  onDragLeave: N.func,
   /**
    * Cb for when the `dragover` event occurs
    *
    * @param {DragEvent} event
    */
-  onDragOver: j.func,
+  onDragOver: N.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
@@ -2042,7 +2042,7 @@ pr.propTypes = {
    * @param {FileRejection[]} fileRejections
    * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
    */
-  onDrop: j.func,
+  onDrop: N.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that if no files are accepted, this callback is not invoked.
@@ -2050,7 +2050,7 @@ pr.propTypes = {
    * @param {File[]} files
    * @param {(DragEvent|Event)} event
    */
-  onDropAccepted: j.func,
+  onDropAccepted: N.func,
   /**
    * Cb for when the `drop` event occurs.
    * Note that if no files are rejected, this callback is not invoked.
@@ -2058,19 +2058,19 @@ pr.propTypes = {
    * @param {FileRejection[]} fileRejections
    * @param {(DragEvent|Event)} event
    */
-  onDropRejected: j.func,
+  onDropRejected: N.func,
   /**
    * Cb for when there's some error from any of the promises.
    *
    * @param {Error} error
    */
-  onError: j.func,
+  onError: N.func,
   /**
    * Custom validation function. It must return null if there's no errors.
    * @param {File} file
    * @returns {FileError|FileError[]|null}
    */
-  validator: j.func
+  validator: N.func
 };
 var cr = {
   isFocused: !1,
@@ -2081,380 +2081,437 @@ var cr = {
   acceptedFiles: [],
   fileRejections: []
 };
-function sn() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = M(M({}, an), e), n = r.accept, t = r.disabled, i = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, a = r.multiple, d = r.maxFiles, l = r.onDragEnter, y = r.onDragLeave, g = r.onDragOver, E = r.onDrop, P = r.onDropAccepted, R = r.onDropRejected, D = r.onFileDialogCancel, k = r.onFileDialogOpen, q = r.useFsAccessApi, re = r.autoFocus, N = r.preventDropOnDocument, $ = r.noClick, f = r.noKeyboard, G = r.noDrag, ee = r.noDragEventsBubbling, le = r.onError, oe = r.validator, ie = ge(function() {
-    return Zt(n);
-  }, [n]), ue = ge(function() {
-    return Xt(n);
-  }, [n]), fe = ge(function() {
-    return typeof k == "function" ? k : $r;
-  }, [k]), se = ge(function() {
-    return typeof D == "function" ? D : $r;
-  }, [D]), L = Ce(null), U = Ce(null), Z = vn(mo, cr), ne = er(Z, 2), ce = ne[0], H = ne[1], c = ce.isFocused, v = ce.isFileDialogActive, w = Ce(typeof window < "u" && window.isSecureContext && q && Jt()), T = function() {
-    !w.current && v && setTimeout(function() {
-      if (U.current) {
-        var b = U.current.files;
-        b.length || (H({
+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() {
+    return Qn(t);
+  }, [t]), fe = oe(function() {
+    return Zn(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() {
+      if (J.current) {
+        var b = J.current.files;
+        b.length || (U({
           type: "closeDialog"
-        }), se());
+        }), le());
       }
     }, 300);
   };
-  xe(function() {
-    return window.addEventListener("focus", T, !1), function() {
-      window.removeEventListener("focus", T, !1);
+  Oe(function() {
+    return window.addEventListener("focus", S, !1), function() {
+      window.removeEventListener("focus", S, !1);
     };
-  }, [U, v, se, w]);
-  var h = Ce([]), x = function(b) {
-    L.current && L.current.contains(b.target) || (b.preventDefault(), h.current = []);
+  }, [J, m, le, T]);
+  var h = Ce([]), A = function(b) {
+    B.current && B.current.contains(b.target) || (b.preventDefault(), h.current = []);
   };
-  xe(function() {
-    return N && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", x, !1)), function() {
-      N && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", x));
+  Oe(function() {
+    return j && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", A, !1)), function() {
+      j && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", A));
     };
-  }, [L, N]), xe(function() {
-    return !t && re && L.current && L.current.focus(), function() {
+  }, [B, j]), Oe(function() {
+    return !n && K && B.current && B.current.focus(), function() {
     };
-  }, [L, re, t]);
-  var _ = X(function(m) {
-    le ? le(m) : console.error(m);
-  }, [le]), O = X(function(m) {
-    m.preventDefault(), m.persist(), Pe(m), h.current = [].concat(io(h.current), [m.target]), Ie(m) && Promise.resolve(i(m)).then(function(b) {
-      if (!(Ne(m) && !ee)) {
-        var B = b.length, K = B > 0 && Kt({
+  }, [B, K, n]);
+  var E = 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) {
+      if (!($e(d) && !$)) {
+        var Y = b.length, G = Y > 0 && Un({
           files: b,
-          accept: ie,
+          accept: ce,
           minSize: s,
           maxSize: o,
-          multiple: a,
-          maxFiles: d,
-          validator: oe
-        }), J = B > 0 && !K;
-        H({
-          isDragAccept: K,
-          isDragReject: J,
+          multiple: i,
+          maxFiles: y,
+          validator: X
+        }), Q = Y > 0 && !G;
+        U({
+          isDragAccept: G,
+          isDragReject: Q,
           isDragActive: !0,
           type: "setDraggedFiles"
-        }), l && l(m);
+        }), l && l(d);
       }
     }).catch(function(b) {
-      return _(b);
+      return E(b);
     });
-  }, [i, l, _, ee, ie, s, o, a, d, oe]), S = X(function(m) {
-    m.preventDefault(), m.persist(), Pe(m);
-    var b = Ie(m);
-    if (b && m.dataTransfer)
+  }, [a, l, E, $, ce, s, o, i, y, X]), P = ee(function(d) {
+    d.preventDefault(), d.persist(), Re(d);
+    var b = je(d);
+    if (b && d.dataTransfer)
       try {
-        m.dataTransfer.dropEffect = "copy";
+        d.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return b && g && g(m), !1;
-  }, [g, ee]), A = X(function(m) {
-    m.preventDefault(), m.persist(), Pe(m);
-    var b = h.current.filter(function(K) {
-      return L.current && L.current.contains(K);
-    }), B = b.indexOf(m.target);
-    B !== -1 && b.splice(B, 1), h.current = b, !(b.length > 0) && (H({
+    return b && 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({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
-    }), Ie(m) && y && y(m));
-  }, [L, y, ee]), C = X(function(m, b) {
-    var B = [], K = [];
-    m.forEach(function(J) {
-      var Oe = en(J, ie), ye = er(Oe, 2), Be = ye[0], We = ye[1], Ye = rn(J, s, o), Re = er(Ye, 2), qe = Re[0], He = Re[1], Ke = oe ? oe(J) : null;
+    }), je(d) && v && v(d));
+  }, [B, v, $]), x = ee(function(d, b) {
+    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)
-        B.push(J);
+        Y.push(Q);
       else {
         var Ue = [We, He];
-        Ke && (Ue = Ue.concat(Ke)), K.push({
-          file: J,
-          errors: Ue.filter(function(fn) {
-            return fn;
+        Ke && (Ue = Ue.concat(Ke)), G.push({
+          file: Q,
+          errors: Ue.filter(function(lt) {
+            return lt;
           })
         });
       }
-    }), (!a && B.length > 1 || a && d >= 1 && B.length > d) && (B.forEach(function(J) {
-      K.push({
-        file: J,
-        errors: [Ht]
+    }), (!i && Y.length > 1 || i && y >= 1 && Y.length > y) && (Y.forEach(function(Q) {
+      G.push({
+        file: Q,
+        errors: [Kn]
       });
-    }), B.splice(0)), H({
-      acceptedFiles: B,
-      fileRejections: K,
+    }), Y.splice(0)), U({
+      acceptedFiles: Y,
+      fileRejections: G,
       type: "setFiles"
-    }), E && E(B, K, b), K.length > 0 && R && R(K, b), B.length > 0 && P && P(B, b);
-  }, [H, a, ie, s, o, d, E, P, R, oe]), W = X(function(m) {
-    m.preventDefault(), m.persist(), Pe(m), h.current = [], Ie(m) && Promise.resolve(i(m)).then(function(b) {
-      Ne(m) && !ee || C(b, m);
+    }), 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 _(b);
-    }), H({
+      return E(b);
+    }), U({
       type: "reset"
     });
-  }, [i, C, _, ee]), p = X(function() {
-    if (w.current) {
-      H({
+  }, [a, x, E, $]), f = ee(function() {
+    if (T.current) {
+      U({
         type: "openDialog"
-      }), fe();
-      var m = {
-        multiple: a,
-        types: ue
+      }), pe();
+      var d = {
+        multiple: i,
+        types: fe
       };
-      window.showOpenFilePicker(m).then(function(b) {
-        return i(b);
+      window.showOpenFilePicker(d).then(function(b) {
+        return a(b);
       }).then(function(b) {
-        C(b, null), H({
+        x(b, null), U({
           type: "closeDialog"
         });
       }).catch(function(b) {
-        Qt(b) ? (se(b), H({
+        eo(b) ? (le(b), U({
           type: "closeDialog"
-        })) : eo(b) ? (w.current = !1, U.current ? (U.current.value = null, U.current.click()) : _(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."))) : _(b);
+        })) : ro(b) ? (T.current = !1, J.current ? (J.current.value = null, J.current.click()) : E(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : E(b);
       });
       return;
     }
-    U.current && (H({
+    J.current && (U({
       type: "openDialog"
-    }), fe(), U.current.value = null, U.current.click());
-  }, [H, fe, se, q, C, _, ue, a]), V = X(function(m) {
-    !L.current || !L.current.isEqualNode(m.target) || (m.key === " " || m.key === "Enter" || m.keyCode === 32 || m.keyCode === 13) && (m.preventDefault(), p());
-  }, [L, p]), pe = X(function() {
-    H({
+    }), 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({
       type: "focus"
     });
-  }, []), Te = X(function() {
-    H({
+  }, []), Te = ee(function() {
+    U({
       type: "blur"
     });
-  }, []), dr = X(function() {
-    $ || (Vt() ? setTimeout(p, 0) : p());
-  }, [$, p]), ve = function(b) {
-    return t ? null : b;
+  }, []), dr = ee(function() {
+    k || (Jn() ? setTimeout(f, 0) : f());
+  }, [k, f]), ye = function(b) {
+    return n ? null : b;
   }, ze = function(b) {
-    return f ? null : ve(b);
-  }, Ae = function(b) {
-    return G ? null : ve(b);
+    return p ? null : ye(b);
   }, Pe = function(b) {
-    ee && b.stopPropagation();
-  }, cn = ge(function() {
+    return re ? null : ye(b);
+  }, Re = function(b) {
+    $ && b.stopPropagation();
+  }, it = oe(function() {
     return function() {
-      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = m.refKey, B = b === void 0 ? "ref" : b, K = m.role, J = m.onKeyDown, Oe = m.onFocus, ye = m.onBlur, Be = m.onClick, We = m.onDragEnter, Ye = m.onDragOver, Re = m.onDragLeave, qe = m.onDrop, He = $e(m, to);
-      return M(M(sr({
-        onKeyDown: ze(te(J, V)),
-        onFocus: ze(te(Oe, pe)),
-        onBlur: ze(te(ye, Te)),
-        onClick: ve(te(Be, dr)),
-        onDragEnter: Ae(te(We, O)),
-        onDragOver: Ae(te(Ye, S)),
-        onDragLeave: Ae(te(Re, A)),
-        onDrop: Ae(te(qe, W)),
-        role: typeof K == "string" && K !== "" ? K : "presentation"
-      }, B, L), !t && !f ? {
+      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)),
+        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 ? {
         tabIndex: 0
       } : {}), He);
     };
-  }, [L, V, pe, Te, dr, O, S, A, W, f, G, t]), ln = X(function(m) {
-    m.stopPropagation();
-  }, []), un = ge(function() {
+  }, [B, Z, de, Te, dr, C, P, R, q, p, re, n]), st = ee(function(d) {
+    d.stopPropagation();
+  }, []), ct = oe(function() {
     return function() {
-      var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = m.refKey, B = b === void 0 ? "ref" : b, K = m.onChange, J = m.onClick, Oe = $e(m, oo), ye = sr({
-        accept: ie,
-        multiple: a,
+      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({
+        accept: ce,
+        multiple: i,
         type: "file",
         style: {
           display: "none"
         },
-        onChange: ve(te(K, W)),
-        onClick: ve(te(J, ln)),
+        onChange: ye(ie(G, q)),
+        onClick: ye(ie(Q, st)),
         tabIndex: -1
-      }, B, U);
-      return M(M({}, ye), Oe);
+      }, Y, J);
+      return z(z({}, ge), Se);
     };
-  }, [U, n, a, W, t]);
-  return M(M({}, ce), {}, {
-    isFocused: c && !t,
-    getRootProps: cn,
-    getInputProps: un,
-    rootRef: L,
-    inputRef: U,
-    open: ve(p)
+  }, [J, t, i, q, n]);
+  return z(z({}, ue), {}, {
+    isFocused: c && !n,
+    getRootProps: it,
+    getInputProps: ct,
+    rootRef: B,
+    inputRef: J,
+    open: ye(f)
   });
 }
-function mo(e, r) {
+function vo(e, r) {
   switch (r.type) {
     case "focus":
-      return M(M({}, e), {}, {
+      return z(z({}, e), {}, {
         isFocused: !0
       });
     case "blur":
-      return M(M({}, e), {}, {
+      return z(z({}, e), {}, {
         isFocused: !1
       });
     case "openDialog":
-      return M(M({}, cr), {}, {
+      return z(z({}, cr), {}, {
         isFileDialogActive: !0
       });
     case "closeDialog":
-      return M(M({}, e), {}, {
+      return z(z({}, e), {}, {
         isFileDialogActive: !1
       });
     case "setDraggedFiles":
-      return M(M({}, e), {}, {
+      return z(z({}, e), {}, {
         isDragActive: r.isDragActive,
         isDragAccept: r.isDragAccept,
         isDragReject: r.isDragReject
       });
     case "setFiles":
-      return M(M({}, e), {}, {
+      return z(z({}, e), {}, {
         acceptedFiles: r.acceptedFiles,
         fileRejections: r.fileRejections
       });
     case "reset":
-      return M({}, cr);
+      return z({}, cr);
     default:
       return e;
   }
 }
 function $r() {
 }
-const Oo = ({
+const xo = ({
   onFileUpload: e
 }) => {
-  const { getRootProps: r } = sn({
+  const { getRootProps: r } = at({
     onDrop: e
   });
   return /* @__PURE__ */ u("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ u("button", { className: "file-upload__button", children: "Drag and drop files here or click to upload" }) });
 };
-const vo = ({
+const yo = (e) => [...e].sort(
+  (r, t) => r.label.localeCompare(t.label, "en", { numeric: !0 })
+), go = (e) => e.reduce(
+  (r, t) => {
+    const n = t.group || "Ungrouped";
+    return r[n] = r[n] || [], r[n].push(t), r;
+  },
+  {}
+), bo = ({
   items: e,
   selectedItems: r,
-  disabledItems: n,
-  header: t,
-  updateItems: i,
+  disabledItems: t,
+  header: n,
+  updateItems: a,
   isOpen: o,
-  ...s
-}) => /* @__PURE__ */ u(Ur, { isVisible: o, children: /* @__PURE__ */ ae("div", { className: "multi-select__dropdown", role: "listbox", ...s, children: [
-  t && /* @__PURE__ */ u("h5", { className: "multi-select__dropdown-header", children: t }),
-  /* @__PURE__ */ u("ul", { className: "multi-select__dropdown-list", children: e.map((a) => /* @__PURE__ */ u("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ u(
-    On,
-    {
-      disabled: n.some((d) => d.value === a.value),
-      label: a.label,
-      checked: r.some((d) => d.value === a.value),
-      onChange: () => i(
-        r.some((d) => d.value === a.value) ? r.filter((d) => d.value !== a.value) : [...r, a]
-      )
-    }
-  ) }, a.value)) }),
-  /* @__PURE__ */ ae("div", { className: "multi-select__buttons", children: [
-    /* @__PURE__ */ u(
-      _e,
-      {
-        appearance: "link",
-        onClick: () => {
-          const a = e.filter(
-            (d) => !n.some((l) => l.value === d.value)
-          );
-          i([...r, ...a]);
-        },
-        type: "button",
-        children: "Select all"
-      }
-    ),
-    /* @__PURE__ */ u(
-      _e,
-      {
-        appearance: "link",
-        onClick: () => {
-          const a = r.filter(
-            (d) => n.some((l) => l.value === d.value)
-          );
-          i(a);
-        },
-        type: "button",
-        children: "Clear"
-      }
-    )
-  ] })
-] }) }), Co = ({
+  footer: s,
+  sortFn: i = yo,
+  groupFn: y = go,
+  ...l
+}) => {
+  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)),
+    [r]
+  ), D = oe(
+    () => new Set(t.map((_) => _.value)),
+    [t]
+  );
+  return /* @__PURE__ */ u(Kr, { isVisible: o, className: "put-above", children: /* @__PURE__ */ se("div", { className: "multi-select__dropdown", role: "listbox", ...l, 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);
+        return /* @__PURE__ */ u("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ u(
+          Tt,
+          {
+            disabled: j,
+            label: L.label,
+            checked: K,
+            onChange: () => a(
+              K ? r.filter(
+                (k) => k.value !== L.value
+              ) : [...r, L]
+            )
+          }
+        ) }, L.value);
+      }) })
+    ] }, _)),
+    s ? /* @__PURE__ */ u("div", { className: "multi-select__footer", children: s }) : null
+  ] }) });
+}, Do = ({
   disabled: e,
   selectedItems: r = [],
-  label: n,
-  onItemsUpdate: t,
-  placeholder: i = "Select items",
+  label: t,
+  onItemsUpdate: n,
+  placeholder: a,
   required: o = !1,
   items: s = [],
-  disabledItems: a = [],
-  header: d
+  disabledItems: i = [],
+  dropdownHeader: y,
+  dropdownFooter: l,
+  variant: v = "search"
 }) => {
-  const l = Cn(() => {
-    g(!1);
+  const g = St(() => {
+    O(!1), _("");
   });
-  xn(() => g(!1));
-  const [y, g] = be(!1), [E, P] = be("");
-  xe(() => {
-    y || P("");
-  }, [y]);
-  const [R, D] = be(
-    []
-  ), k = r || R, q = (f) => {
-    const G = Array.from(new Set(f));
-    D(G), t && t(G);
-  }, re = k.filter((f) => s.some((G) => G.value === f.value)).map((f) => /* @__PURE__ */ u("li", { className: "multi-select__selected-item", "aria-label": f.label, children: f.label }, f.value)), N = rr(), $ = rr();
-  return /* @__PURE__ */ u("div", { ref: l, children: /* @__PURE__ */ ae("div", { className: "multi-select", children: [
-    k.length > 0 && /* @__PURE__ */ u("ul", { className: "multi-select__selected-list", "aria-label": "selected", children: re }),
-    /* @__PURE__ */ u(
-      Lr,
+  Ct(() => {
+    O(!1), _("");
+  });
+  const [w, O] = be(!1), [D, _] = be("");
+  Oe(() => {
+    w || _("");
+  }, [w]);
+  const [M, L] = be([]), K = r || M, j = ($) => {
+    const V = Array.from(new Set($));
+    L(V), n && n(V);
+  }, k = rr(), p = rr(), re = K.filter(
+    ($) => s.some((V) => V.value === $.value)
+  ).map(($) => $.label).join(", ");
+  return /* @__PURE__ */ u("div", { ref: g, children: /* @__PURE__ */ se("div", { className: "multi-select", children: [
+    v === "search" ? /* @__PURE__ */ u(
+      Ot,
       {
-        "aria-controls": N,
-        "aria-expanded": y,
-        id: $,
+        externallyControlled: !0,
+        "aria-controls": k,
+        "aria-expanded": w,
+        id: p,
         role: "combobox",
-        label: n,
+        "aria-label": t || a || "Search",
         disabled: e,
         autoComplete: "off",
-        onChange: (f) => P(f.target.value),
-        onFocus: () => g(!0),
-        placeholder: i,
+        onChange: ($) => {
+          _($), O(!0);
+        },
+        onFocus: () => O(!0),
+        placeholder: a ?? "Search",
         required: o,
         type: "text",
-        value: E,
+        value: D,
         className: "multi-select__input"
       }
+    ) : /* @__PURE__ */ u(
+      "button",
+      {
+        role: "combobox",
+        type: "button",
+        "aria-label": t || a || "Select items",
+        "aria-controls": k,
+        "aria-expanded": w,
+        className: "multi-select__select-button",
+        onFocus: () => O(!0),
+        onClick: () => O(!0),
+        children: K.length > 0 ? re : a ?? "Select items"
+      }
     ),
     /* @__PURE__ */ u(
-      vo,
+      bo,
       {
-        id: N,
-        isOpen: y,
-        items: E.length > 0 ? s.filter((f) => f.label.includes(E)) : s,
-        selectedItems: k,
-        disabledItems: a,
-        header: d,
-        updateItems: q
+        id: k,
+        isOpen: w,
+        items: D.length > 0 ? s.filter(
+          ($) => $.label.toLowerCase().includes(D.toLowerCase())
+        ) : s,
+        selectedItems: K,
+        disabledItems: i,
+        header: y,
+        updateItems: j,
+        footer: l || /* @__PURE__ */ se(De, { children: [
+          /* @__PURE__ */ u(
+            _e,
+            {
+              appearance: "link",
+              onClick: () => {
+                const $ = s.filter(
+                  (V) => !i.some(
+                    (X) => X.value === V.value
+                  )
+                );
+                j([...K, ...$]);
+              },
+              type: "button",
+              children: "Select all"
+            }
+          ),
+          /* @__PURE__ */ u(
+            _e,
+            {
+              appearance: "link",
+              onClick: () => {
+                const $ = K.filter(
+                  (V) => i.some(
+                    (X) => X.value === V.value
+                  )
+                );
+                j($);
+              },
+              type: "button",
+              children: "Clear"
+            }
+          )
+        ] })
       }
     )
   ] }) });
 };
 export {
   Le as ContentSection,
-  _o as ExternalLink,
-  Oo as FileUpload,
+  To as ExternalLink,
+  xo as FileUpload,
   ur as FormSection,
-  Yr as InputGroup,
-  Kr as MainToolbar,
-  An as Meter,
-  Co as MultiSelect,
-  vo as MultiSelectDropdown,
-  Y as Navigation,
-  Zn as NavigationBar,
-  Eo as NestedFormGroup,
-  ft as Pagination,
-  wo as PaginationContainer,
-  To as Stepper,
-  ho as defaultFilledColors,
-  me as meterColor,
+  Wr as InputGroup,
+  Hr as MainToolbar,
+  At as Meter,
+  Do as MultiSelect,
+  bo as MultiSelectDropdown,
+  H as Navigation,
+  Zt as NavigationBar,
+  So as NestedFormGroup,
+  pn as Pagination,
+  Co as PaginationContainer,
+  Oo as Stepper,
+  wo as defaultFilledColors,
+  ve as meterColor,
   he as testIds
 };