@canonical/maas-react-components 1.14.1 → 1.16.0

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

@@ -1,11 +1,11 @@
-import { jsxs as N, jsx as t, Fragment as x } from "react/jsx-runtime";
-import * as m from "react";
-import { useRef as G, useState as S, useEffect as z, useCallback as H, cloneElement as q, createContext as W, useId as J, useContext as D } from "react";
-import { useListener as K, Link as Q, Tooltip as U, Button as C, Icon as k, Row as V, Col as X, Input as Y } from "@canonical/react-components";
-function Z(e) {
+import { jsxs as ae, jsx as l, 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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var M = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,37 +13,37 @@ var M = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function o() {
-      for (var a = [], r = 0; r < arguments.length; r++) {
-        var s = arguments[r];
-        if (s) {
-          var u = typeof s;
-          if (u === "string" || u === "number")
-            a.push(s);
-          else if (Array.isArray(s)) {
-            if (s.length) {
-              var i = o.apply(null, s);
-              i && a.push(i);
+    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 (u === "object") {
-            if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
-              a.push(s.toString());
+          } else if (s === "object") {
+            if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
+              t.push(o.toString());
               continue;
             }
-            for (var p in s)
-              n.call(s, p) && s[p] && a.push(p);
+            for (var m in o)
+              r.call(o, m) && o[m] && t.push(m);
           }
         }
       }
-      return a.join(" ");
+      return t.join(" ");
     }
-    e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(M);
-var ee = M.exports;
-const l = /* @__PURE__ */ Z(ee);
-const v = {
+})(Br);
+var Sn = Br.exports;
+const z = /* @__PURE__ */ zr(Sn);
+const me = {
   caution: "#F99B11",
   light: "#F7F7F7",
   linkFaded: "#D3E4ED",
@@ -52,455 +52,2409 @@ const v = {
   positiveFaded: "#B7CCB9",
   positiveMid: "#4DAB4D",
   positive: "#0E8420"
-}, ze = [
-  v.link,
-  v.positive,
-  v.negative,
-  v.caution
-], ne = v.linkFaded, R = v.caution, F = v.light, y = 2, T = 1, B = (e, n) => {
-  var r, s;
-  const o = ((s = (r = e == null ? void 0 : e.current) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : s.width) || 0;
-  return o > n * y ? o / n : y;
-}, b = {
+}, 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;
+}, he = {
   bar: "meter-bar",
   container: "meter-container",
   filled: "meter-filled",
   label: "meter-label",
   meteroverflow: "meter-overflow",
   segments: "meter-segments"
-}, te = ({
+}, An = ({
   className: e,
-  children: n,
-  data: o,
-  max: a,
-  variant: r = "regular",
-  size: s = "regular",
-  ...u
+  children: r,
+  data: n,
+  max: t,
+  variant: i = "regular",
+  size: o = "regular",
+  ...s
 }) => {
-  const i = G(null), p = o == null ? void 0 : o.reduce((_, j) => _ + j.value, 0), d = a || p, h = o.map((_) => _.value / d * 100), [f, g] = S(0);
-  z(() => {
-    g(r === "segmented" ? B(i, d) : 0);
-  }, [d, r]);
-  const w = H(() => {
-    g(B(i, d));
-  }, [i, d, g]);
-  return K(window, w, "resize", !0, r === "segmented"), /* @__PURE__ */ N(
+  const a = Ce(null), m = n == null ? void 0 : n.reduce((R, D) => R + D.value, 0), u = t || m, y = n.map((R) => R.value / u * 100), [g, E] = be(0);
+  xe(() => {
+    E(i === "segmented" ? yr(a, u) : 0);
+  }, [u, i]);
+  const P = X(() => {
+    E(yr(a, u));
+  }, [a, u, E]);
+  return hn(window, P, "resize", !0, i === "segmented"), /* @__PURE__ */ ae(
     "div",
     {
-      className: l("p-meter", e, {
-        "p-meter--small": s === "small"
+      className: z("p-meter", e, {
+        "p-meter--small": o === "small"
       }),
-      "aria-label": u == null ? void 0 : u["aria-label"],
-      "data-testid": b.container,
-      ref: i,
+      "aria-label": s == null ? void 0 : s["aria-label"],
+      "data-testid": he.container,
+      ref: a,
       children: [
-        /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(
-          ae,
+        /* @__PURE__ */ l(Pn, { children: /* @__PURE__ */ l(
+          Rn,
           {
-            data: o,
-            datumWidths: h,
-            maximum: d,
-            overColor: R,
-            segmentWidth: f,
-            separatorColor: F
+            data: n,
+            datumWidths: y,
+            maximum: u,
+            overColor: Wr,
+            segmentWidth: g,
+            separatorColor: nr
           }
         ) }),
-        n
+        r
       ]
     }
   );
-}, oe = ({ children: e }) => /* @__PURE__ */ t(
+}, Pn = ({ children: e }) => /* @__PURE__ */ l(
   "div",
   {
     className: "p-meter__bar",
-    "data-testid": b.bar,
-    style: { backgroundColor: ne },
+    "data-testid": he.bar,
+    style: { backgroundColor: Dn },
     children: e
   }
-), ae = ({
+), Rn = ({
   data: e,
-  datumWidths: n,
-  maximum: o,
-  segmentWidth: a
+  datumWidths: r,
+  maximum: n,
+  segmentWidth: t
 }) => {
-  const r = () => (e == null ? void 0 : e.reduce((i, p) => i + p.value, 0)) > o, s = (i, p) => ({
-    backgroundColor: i.color,
-    left: `${n == null ? void 0 : n.reduce(
-      (d, h, f) => p > f ? d + h : d,
+  const i = () => (e == null ? void 0 : e.reduce((a, m) => a + m.value, 0)) > n, o = (a, m) => ({
+    backgroundColor: a.color,
+    left: `${r == null ? void 0 : r.reduce(
+      (u, y, g) => m > g ? u + y : u,
       0
     )}%`,
-    width: `${n[p]}%`
-  }), u = () => ({
+    width: `${r[m]}%`
+  }), s = () => ({
     background: `repeating-linear-gradient(
       to right,
       transparent 0,
-      transparent ${a - T}px,
-      ${F} ${a - T}px,
-      ${F} ${a}px
+      transparent ${t - vr}px,
+      ${nr} ${t - vr}px,
+      ${nr} ${t}px
     )`
   });
-  return /* @__PURE__ */ N(x, { children: [
-    r() ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ ae(Me, { children: [
+    i() ? /* @__PURE__ */ l(
       "div",
       {
         className: "p-meter__filled",
-        "data-testid": b.meteroverflow,
-        style: { backgroundColor: R, width: "100%" }
+        "data-testid": he.meteroverflow,
+        style: { backgroundColor: Wr, width: "100%" }
       }
-    ) : e == null ? void 0 : e.map((i, p) => /* @__PURE__ */ t(
+    ) : e == null ? void 0 : e.map((a, m) => /* @__PURE__ */ l(
       "div",
       {
         className: "p-meter__filled",
-        "data-testid": b.filled,
-        style: s(i, p)
+        "data-testid": he.filled,
+        style: o(a, m)
       },
-      `meter-${p}`
+      `meter-${m}`
     )),
-    a > 0 && /* @__PURE__ */ t(
+    t > 0 && /* @__PURE__ */ l(
       "div",
       {
         className: "p-meter__separators",
-        "data-testid": b.segments,
-        style: u()
+        "data-testid": he.segments,
+        style: s()
       }
     )
   ] });
-}, se = ({
+}, Fn = ({
   className: e,
-  children: n
-}) => /* @__PURE__ */ t(
+  children: r
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: l("p-meter__label", e),
-    "data-testid": b.label,
-    children: n
+    className: z("p-meter__label", e),
+    "data-testid": he.label,
+    children: r
   }
 );
-te.Label = se;
-const He = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(Q, { ...o, href: n, rel: "noreferrer noopener", target: "_blank", children: e }), re = ({ children: e }) => /* @__PURE__ */ t(x, { children: e }), ie = ({
+An.Label = Fn;
+const _o = ({ children: e, to: r, ...n }) => /* @__PURE__ */ l(_n, { ...n, href: r, rel: "noreferrer noopener", target: "_blank", children: e }), In = ({ children: e }) => /* @__PURE__ */ l(Me, { children: e }), jn = ({
   isCollapsed: e,
-  setIsCollapsed: n,
-  className: o
-}) => /* @__PURE__ */ t(
-  U,
+  setIsCollapsed: r,
+  className: n
+}) => /* @__PURE__ */ l(
+  En,
   {
     className: "p-side-navigation__tooltip-wrapper",
-    message: /* @__PURE__ */ N(x, { children: [
+    message: /* @__PURE__ */ ae(Me, { children: [
       e ? "expand" : "collapse",
       "( ",
-      /* @__PURE__ */ t("code", { children: "[" }),
+      /* @__PURE__ */ l("code", { children: "[" }),
       " )"
     ] }),
     position: "right",
     tooltipClassName: "p-side-navigation__tooltip",
-    children: /* @__PURE__ */ t(
-      C,
+    children: /* @__PURE__ */ l(
+      _e,
       {
         appearance: "base",
         "aria-label": `${e ? "expand" : "collapse"} main navigation`,
-        className: l(
+        className: z(
           "is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",
-          o
+          n
         ),
-        onClick: (a) => {
-          n(!e), a.stopPropagation(), a.currentTarget.blur();
+        onClick: (t) => {
+          r(!e), t.stopPropagation(), t.currentTarget.blur();
         },
-        children: /* @__PURE__ */ t(k, { light: !0, name: "sidebar-toggle" })
+        children: /* @__PURE__ */ l(je, { light: !0, name: "sidebar-toggle" })
       }
     )
   }
-), le = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__content", children: /* @__PURE__ */ t("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__controls u-no-margin--top", children: e }), ue = ({ children: e }) => /* @__PURE__ */ t("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ t("div", { className: "p-panel is-dark", children: e }) }), pe = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__footer", children: e }), me = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__header", children: e }), de = ({ light: e = !0, name: n }) => /* @__PURE__ */ t(k, { className: "p-side-navigation__icon", light: e, name: n }), ge = ({ children: e, className: n, hasActiveChild: o }) => /* @__PURE__ */ t("li", { className: l("p-side-navigation__item", n, { "has-active-child": o }), children: e }), _e = ({ children: e, id: n, variant: o = "base" }) => /* @__PURE__ */ t("span", { className: l("p-side-navigation__label", { "p-side-navigation__label--group": o === "group" }), id: n, children: e }), ve = ({
+), kn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__content", children: /* @__PURE__ */ l("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__controls u-no-margin--top", children: e }), $n = ({ children: e }) => /* @__PURE__ */ l("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ l("div", { className: "p-panel is-dark", children: e }) }), Mn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__footer", children: e }), Ln = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-panel__header", children: e }), zn = ({ light: e = !0, name: r }) => /* @__PURE__ */ l(je, { className: "p-side-navigation__icon", light: e, name: r }), Bn = ({ children: e, className: r, hasActiveChild: n }) => /* @__PURE__ */ l("li", { className: z("p-side-navigation__item", r, { "has-active-child": n }), children: e }), Wn = ({ children: e, id: r, variant: n = "base" }) => /* @__PURE__ */ l("span", { className: z("p-side-navigation__label", { "p-side-navigation__label--group": n === "group" }), id: r, children: e }), Yn = ({
   as: e,
-  ...n
-}) => /* @__PURE__ */ t(
+  ...r
+}) => /* @__PURE__ */ l(
   e || "a",
   {
-    className: l("p-side-navigation__link", n.className),
-    ...n
+    className: z("p-side-navigation__link", r.className),
+    ...r
   }
-), be = ({ children: e, className: n }) => /* @__PURE__ */ t("ul", { className: l("p-side-navigation__list", n), children: e }), Ne = ({
+), qn = ({ children: e, className: r }) => /* @__PURE__ */ l("ul", { className: z("p-side-navigation__list", r), children: e }), Hn = ({
   as: e,
-  children: n,
-  className: o,
-  ...a
-}) => /* @__PURE__ */ t(e || "a", { className: l("p-panel__logo", o), ...a, children: /* @__PURE__ */ t("div", { className: "p-navigation__tagged-logo", children: n }) }), he = ({ children: e }) => q(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), fe = ({ children: e, variant: n = "base" }) => /* @__PURE__ */ t(
+  children: r,
+  className: n,
+  ...t
+}) => /* @__PURE__ */ l(e || "a", { className: z("p-panel__logo", n), ...t, children: /* @__PURE__ */ l("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__ */ l(
   "div",
   {
-    className: l("p-panel__logo-name is-fading-when-collapsed", {
-      "p-panel__logo-name--small": n === "small"
+    className: z("p-panel__logo-name is-fading-when-collapsed", {
+      "p-panel__logo-name--small": r === "small"
     }),
     children: e
   }
-), Ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-navigation__logo-tag", children: e }), ke = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-panel__logo-text", children: e }), xe = ({
+), Gn = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-navigation__logo-tag", children: e }), Vn = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-panel__logo-text", children: e }), Jn = ({
   children: e,
-  className: n,
-  onClick: o
-}) => /* @__PURE__ */ t(
-  C,
+  className: r,
+  onClick: n
+}) => /* @__PURE__ */ l(
+  _e,
   {
     appearance: "base",
-    className: l(
+    className: z(
       "p-side-navigation__button--menu has-icon is-dark",
-      n
+      r
     ),
-    onClick: (a) => {
-      o && o(a), a.stopPropagation(), a.currentTarget.blur();
+    onClick: (t) => {
+      n && n(t), t.stopPropagation(), t.currentTarget.blur();
     },
     children: e
   }
-), $e = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-side-navigation__text", children: e });
-const c = ({ children: e, className: n, isCollapsed: o }) => /* @__PURE__ */ t("header", { "aria-label": "main navigation", className: l("l-navigation is-maas", n, { "is-collapsed": o, "is-pinned": !o }), children: e }), we = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ t("div", { className: l("p-panel is-dark", n), children: e }) });
-c.Header = me;
-c.Banner = re;
-c.Drawer = ue;
-c.Controls = ce;
-c.CollapseToggle = ie;
-c.Content = le;
-c.Footer = pe;
-c.List = be;
-c.Item = ge;
-c.Link = ve;
-c.Text = $e;
-c.Icon = de;
-c.Label = _e;
-c.Logo = Ne;
-c.LogoTag = Ce;
-c.LogoIcon = he;
-c.LogoName = fe;
-c.LogoText = ke;
-we.MenuButton = xe;
-const L = W(null), E = ({ children: e }) => {
-  const n = J();
-  return /* @__PURE__ */ t(L.Provider, { value: n, children: /* @__PURE__ */ t(
+), Xn = ({ children: e }) => /* @__PURE__ */ l("span", { className: "p-side-navigation__text", children: e });
+const Y = ({ children: e, className: r, isCollapsed: n }) => /* @__PURE__ */ l("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__ */ l("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ l("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 }) => {
+  const r = rr();
+  return /* @__PURE__ */ l(lr.Provider, { value: r, children: /* @__PURE__ */ l(
     "div",
     {
       role: "group",
-      "aria-labelledby": `${n}_label`,
-      "aria-describedby": `${n}_description`,
+      "aria-labelledby": `${r}_label`,
+      "aria-describedby": `${r}_description`,
       className: "p-input-group",
       children: e
     }
   ) });
-}, Se = ({ children: e }) => {
-  const n = D(L);
-  return /* @__PURE__ */ t("label", { id: `${n}_label`, children: e });
-}, Fe = ({ children: e }) => {
-  const n = D(L);
-  return /* @__PURE__ */ t("p", { className: "p-form-help-text", id: `${n}_description`, children: e });
+}, Qn = ({ children: e }) => {
+  const r = Mr(lr);
+  return /* @__PURE__ */ l("label", { id: `${r}_label`, children: e });
+}, et = ({ children: e }) => {
+  const r = Mr(lr);
+  return /* @__PURE__ */ l("p", { className: "p-form-help-text", id: `${r}_description`, children: e });
 };
-E.Label = Se;
-E.Description = Fe;
-const I = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section", children: e }), Le = ({ children: e }) => /* @__PURE__ */ t("h5", { className: "p-form-section__title u-no-padding--top", children: e }), Ie = ({ children: e }) => /* @__PURE__ */ t("p", { className: "p-form-help-text", children: e }), ye = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section__content", children: e });
-I.Title = Le;
-I.Description = Ie;
-I.Content = ye;
-function Te(e) {
-  const [n, o] = m.useState(null), a = m.useRef(null), r = m.useCallback(() => {
+Yr.Label = Qn;
+Yr.Description = et;
+const ur = ({ children: e }) => /* @__PURE__ */ l("div", { className: "p-form-section", children: e }), rt = ({ children: e }) => /* @__PURE__ */ l("h5", { className: "p-form-section__title u-no-padding--top", children: e }), nt = ({ children: e }) => /* @__PURE__ */ l("p", { className: "p-form-help-text", children: e }), tt = ({ children: e }) => /* @__PURE__ */ l("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(() => {
     if (e.current) {
-      const s = e.current.getBoundingClientRect();
-      o(s);
+      const o = e.current.getBoundingClientRect();
+      n(o);
     }
   }, [e]);
-  return m.useEffect(() => {
-    const s = new ResizeObserver(() => {
-      a.current && cancelAnimationFrame(a.current), a.current = requestAnimationFrame(r);
+  return Q.useEffect(() => {
+    const o = new ResizeObserver(() => {
+      t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(i);
     });
-    return e.current && s.observe(e.current), () => {
-      a.current && cancelAnimationFrame(a.current), s.disconnect();
+    return e.current && o.observe(e.current), () => {
+      t.current && cancelAnimationFrame(t.current), o.disconnect();
     };
-  }, [e, r]), n;
+  }, [e, i]), r;
 }
-const A = m.createContext(null), O = m.createContext([!1, () => {
-}]), P = ({ children: e }) => {
-  const n = m.useRef(null), o = Te(n), [a, r] = m.useState(!1);
-  return /* @__PURE__ */ t(
+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);
+  return /* @__PURE__ */ l(
     "header",
     {
-      className: l("main-toolbar", {
-        "main-toolbar--stacked": a
+      className: z("main-toolbar", {
+        "main-toolbar--stacked": t
       }),
-      ref: n,
-      children: /* @__PURE__ */ t(A.Provider, { value: o, children: /* @__PURE__ */ t(O.Provider, { value: [a, r], children: e }) })
+      ref: r,
+      children: /* @__PURE__ */ l(qr.Provider, { value: n, children: /* @__PURE__ */ l(Hr.Provider, { value: [t, i], children: e }) })
     }
   );
-}, Be = ({
+}, it = ({
   as: e,
-  children: n,
-  className: o,
-  ...a
-}) => /* @__PURE__ */ t(
+  children: r,
+  className: n,
+  ...t
+}) => /* @__PURE__ */ l(
   e || "h1",
   {
-    className: l("main-toolbar__title p-heading--4", o),
+    className: z("main-toolbar__title p-heading--4", n),
     "data-testid": "main-toolbar-heading",
-    ...a,
-    children: n
-  }
-), De = ({ children: e }) => {
-  const n = m.useContext(A), [o, a] = m.useContext(O), r = m.useRef(null);
-  return m.useEffect(() => {
-    !r.current || !n || a(r.current.getBoundingClientRect().width > n.width);
-  }, [a, n, r]), /* @__PURE__ */ N(x, { children: [
-    /* @__PURE__ */ t(
+    ...t,
+    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: [
+    /* @__PURE__ */ l(
       "div",
       {
         "aria-hidden": "true",
         className: "main-toolbar__controls main-toolbar__controls--observer",
-        ref: r,
+        ref: i,
         style: { visibility: "hidden", position: "absolute" },
         children: e
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ l(
       "div",
       {
-        className: l("main-toolbar__controls", {
-          "main-toolbar__controls--stacked": o
+        className: z("main-toolbar__controls", {
+          "main-toolbar__controls--stacked": n
         }),
         children: e
       }
     )
   ] });
 };
-P.Title = Be;
-P.Controls = De;
-const $ = ({
+Kr.Title = it;
+Kr.Controls = at;
+const Le = ({
   children: e,
-  className: n,
-  as: o,
-  variant: a = "wide",
-  ...r
+  className: r,
+  as: n,
+  variant: t = "wide",
+  ...i
 }) => {
-  const s = o || "section", u = l("content-section", n);
-  return /* @__PURE__ */ t(s, { ...r, className: u, children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(X, { size: a === "narrow" ? 6 : 12, children: e }) }) });
-}, Me = ({ children: e, className: n, as: o, ...a }) => /* @__PURE__ */ t(
-  o || "h1",
+  const o = n || "section", s = z("content-section", r);
+  return /* @__PURE__ */ l(o, { ...i, className: s, children: /* @__PURE__ */ l(wn, { children: /* @__PURE__ */ l(Tn, { size: t === "narrow" ? 6 : 12, children: e }) }) });
+}, st = ({ children: e, className: r, as: n, ...t }) => /* @__PURE__ */ l(
+  n || "h1",
+  {
+    ...t,
+    className: z("content-section__title p-heading--4", r),
+    children: e
+  }
+), ct = ({ children: e, className: r }) => /* @__PURE__ */ l("header", { className: z("content-section__header", r), children: e }), lt = ({ children: e, className: r }) => /* @__PURE__ */ l("div", { className: z("content-section__body", r), children: e }), ut = ({ children: e, className: r }) => /* @__PURE__ */ l("footer", { className: z("content-section__footer", r), children: e });
+Le.Title = st;
+Le.Header = ct;
+Le.Content = lt;
+Le.Footer = ut;
+const Ur = ({
+  children: e,
+  className: r,
+  isVisible: n
+}) => /* @__PURE__ */ l(
+  "div",
   {
-    ...a,
-    className: l("content-section__title p-heading--4", n),
+    className: z("fade-in--down", r),
+    "aria-hidden": n ? "false" : "true",
+    style: { visibility: n ? "visible" : "hidden" },
     children: e
   }
-), Re = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { className: l("content-section__header", n), children: e }), Ee = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: l("content-section__body", n), children: e }), Ae = ({ children: e, className: n }) => /* @__PURE__ */ t("footer", { className: l("content-section__footer", n), children: e });
-$.Title = Me;
-$.Header = Re;
-$.Content = Ee;
-$.Footer = Ae;
-const qe = ({
+), Eo = ({
   children: e,
-  ...n
-}) => /* @__PURE__ */ t("div", { className: "p-form__nested-group", ...n, children: e });
-const Oe = ({
+  ...r
+}) => /* @__PURE__ */ l(Ur, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ l("div", { className: "p-form__nested-group", ...r, children: e }) });
+const ft = ({
   currentPage: e,
-  error: n,
-  disabled: o,
-  onInputBlur: a,
-  onInputChange: r,
-  onNextClick: s,
-  onPreviousClick: u,
-  totalPages: i
-}) => /* @__PURE__ */ t("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ N("span", { className: "p-pagination--items", children: [
-  /* @__PURE__ */ t(
-    C,
+  error: r,
+  disabled: n,
+  onInputBlur: t,
+  onInputChange: i,
+  onNextClick: o,
+  onPreviousClick: s,
+  totalPages: a
+}) => /* @__PURE__ */ l("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ ae("span", { className: "p-pagination--items", children: [
+  /* @__PURE__ */ l(
+    _e,
     {
       "aria-label": "Previous page",
       className: "p-pagination__link--previous",
-      disabled: e === 1 || o,
-      onClick: u,
+      disabled: e === 1 || n,
+      onClick: s,
       type: "button",
-      children: /* @__PURE__ */ t(k, { name: "chevron-down" })
+      children: /* @__PURE__ */ l(je, { name: "chevron-down" })
     }
   ),
-  /* @__PURE__ */ t("strong", { children: "Page " }),
+  /* @__PURE__ */ l("strong", { children: "Page " }),
   " ",
-  /* @__PURE__ */ t(
-    Y,
+  /* @__PURE__ */ l(
+    Lr,
     {
       "aria-label": "page number",
       className: "p-pagination__input",
-      disabled: o,
-      error: n,
+      disabled: n,
+      error: r,
       min: 1,
-      onBlur: a,
-      onChange: r,
+      onBlur: t,
+      onChange: i,
       required: !0,
       type: "number",
       value: e
     }
   ),
   " ",
-  /* @__PURE__ */ N("strong", { className: "u-no-wrap", children: [
+  /* @__PURE__ */ ae("strong", { className: "u-no-wrap", children: [
     " of ",
-    i
+    a
   ] }),
-  /* @__PURE__ */ t(
-    C,
+  /* @__PURE__ */ l(
+    _e,
     {
       "aria-label": "Next page",
       className: "p-pagination__link--next",
-      disabled: e === i || o,
-      onClick: s,
+      disabled: e === a || n,
+      onClick: o,
       type: "button",
-      children: /* @__PURE__ */ t(k, { name: "chevron-up" })
+      children: /* @__PURE__ */ l(je, { name: "chevron-up" })
     }
   )
-] }) }), We = ({
+] }) }), wo = ({
   currentPage: e,
-  disabled: n,
-  paginate: o,
-  totalPages: a
+  disabled: r,
+  paginate: n,
+  totalPages: t
 }) => {
-  const [r, s] = S(e), [u, i] = S("");
-  return /* @__PURE__ */ t(
-    Oe,
+  const [i, o] = be(e), [s, a] = be("");
+  return /* @__PURE__ */ l(
+    ft,
     {
-      currentPage: r,
-      error: u,
-      disabled: n,
+      currentPage: i,
+      error: s,
+      disabled: r,
       onInputBlur: () => {
-        s(e), i("");
+        o(e), a("");
       },
-      onInputChange: (g) => {
-        const { value: w, valueAsNumber: _ } = g.target;
-        w ? (s(_), _ > a || _ < 1 ? i(`${_} is not a valid page number.`) : (i(""), o(_))) : i("Enter a page number.");
+      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.");
       },
       onNextClick: () => {
-        s((g) => Number(g) + 1), o(Number(e) + 1);
+        o((E) => Number(E) + 1), n(Number(e) + 1);
       },
       onPreviousClick: () => {
-        s((g) => Number(g) - 1), o(Number(e) - 1);
+        o((E) => Number(E) - 1), n(Number(e) - 1);
       },
-      totalPages: a
+      totalPages: t
     }
   );
 };
-const Je = ({ activeStep: e, items: n }) => /* @__PURE__ */ t("ol", { className: "stepper", children: n.map((o, a) => {
-  const r = a === e, s = a < e;
-  return /* @__PURE__ */ t("li", { "aria-label": o, className: "stepper__item", children: /* @__PURE__ */ t(
+const To = ({ activeStep: e, items: r }) => /* @__PURE__ */ l("ol", { className: "stepper", children: r.map((n, t) => {
+  const i = t === e, o = t < e;
+  return /* @__PURE__ */ l("li", { "aria-label": n, className: "stepper__item", children: /* @__PURE__ */ l(
     "p",
     {
-      "aria-label": s ? `${o} (completed)` : o,
-      className: l("stepper__title", {
-        "stepper__title--is-active": r,
-        "stepper__title--is-complete": s
+      "aria-label": o ? `${n} (completed)` : n,
+      className: z("stepper__title", {
+        "stepper__title--is-active": i,
+        "stepper__title--is-complete": o
       }),
-      children: o
+      children: n
     }
-  ) }, a);
+  ) }, t);
 }) });
+var tr = { exports: {} }, Fe = { exports: {} }, F = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var gr;
+function pt() {
+  if (gr)
+    return F;
+  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, m = e ? Symbol.for("react.async_mode") : 60111, u = 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) {
+        case r:
+          switch (f = f.type, f) {
+            case m:
+            case u:
+            case t:
+            case o:
+            case i:
+            case g:
+              return f;
+            default:
+              switch (f = f && f.$$typeof, f) {
+                case a:
+                case y:
+                case R:
+                case P:
+                case s:
+                  return f;
+                default:
+                  return G;
+              }
+          }
+        case n:
+          return G;
+      }
+    }
+  }
+  function $(f) {
+    return N(f) === u;
+  }
+  return F.AsyncMode = m, F.ConcurrentMode = u, 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) === m;
+  }, 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 === u || 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 = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var br;
+function dt() {
+  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, m = e ? Symbol.for("react.async_mode") : 60111, u = 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 === u || 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) {
+          case r:
+            var pe = p.type;
+            switch (pe) {
+              case m:
+              case u:
+              case t:
+              case o:
+              case i:
+              case g:
+                return pe;
+              default:
+                var Te = pe && pe.$$typeof;
+                switch (Te) {
+                  case a:
+                  case y:
+                  case R:
+                  case P:
+                  case s:
+                    return Te;
+                  default:
+                    return V;
+                }
+            }
+          case n:
+            return V;
+        }
+      }
+    }
+    var f = m, G = u, 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) === m;
+    }
+    function c(p) {
+      return $(p) === u;
+    }
+    function v(p) {
+      return $(p) === a;
+    }
+    function w(p) {
+      return $(p) === s;
+    }
+    function T(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === r;
+    }
+    function h(p) {
+      return $(p) === y;
+    }
+    function x(p) {
+      return $(p) === t;
+    }
+    function _(p) {
+      return $(p) === R;
+    }
+    function O(p) {
+      return $(p) === P;
+    }
+    function S(p) {
+      return $(p) === n;
+    }
+    function A(p) {
+      return $(p) === o;
+    }
+    function C(p) {
+      return $(p) === i;
+    }
+    function W(p) {
+      return $(p) === 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;
+}
+var hr;
+function Gr() {
+  return hr || (hr = 1, process.env.NODE_ENV === "production" ? Fe.exports = pt() : Fe.exports = dt()), Fe.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var Ge, _r;
+function mt() {
+  if (_r)
+    return Ge;
+  _r = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+  function t(o) {
+    if (o == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(o);
+  }
+  function i() {
+    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 m = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
+      });
+      if (m.join("") !== "0123456789")
+        return !1;
+      var u = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        u[y] = y;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Ge = i() ? Object.assign : function(o, s) {
+    for (var a, m = t(o), u, y = 1; y < arguments.length; y++) {
+      a = Object(arguments[y]);
+      for (var g in a)
+        r.call(a, g) && (m[g] = a[g]);
+      if (e) {
+        u = e(a);
+        for (var E = 0; E < u.length; E++)
+          n.call(a, u[E]) && (m[u[E]] = a[u[E]]);
+      }
+    }
+    return m;
+  }, Ge;
+}
+var Ve, Er;
+function fr() {
+  if (Er)
+    return Ve;
+  Er = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ve = e, Ve;
+}
+var Je, wr;
+function Vr() {
+  return wr || (wr = 1, Je = Function.call.bind(Object.prototype.hasOwnProperty)), Je;
+}
+var Xe, Tr;
+function vt() {
+  if (Tr)
+    return Xe;
+  Tr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = fr(), n = {}, t = Vr();
+    e = function(o) {
+      var s = "Warning: " + o;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function i(o, s, a, m, u) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var y in o)
+        if (t(o, y)) {
+          var g;
+          try {
+            if (typeof o[y] != "function") {
+              var E = Error(
+                (m || "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`."
+              );
+              throw E.name = "Invariant Violation", E;
+            }
+            g = o[y](s, y, m, a, null, r);
+          } catch (R) {
+            g = R;
+          }
+          if (g && !(g instanceof Error) && e(
+            (m || "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 = u ? u() : "";
+            e(
+              "Failed " + a + " type: " + g.message + (P ?? "")
+            );
+          }
+        }
+    }
+  }
+  return i.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (n = {});
+  }, Xe = i, Xe;
+}
+var Ze, Or;
+function yt() {
+  if (Or)
+    return Ze;
+  Or = 1;
+  var e = Gr(), r = mt(), n = fr(), t = Vr(), i = vt(), o = function() {
+  };
+  process.env.NODE_ENV !== "production" && (o = function(a) {
+    var m = "Warning: " + a;
+    typeof console < "u" && console.error(m);
+    try {
+      throw new Error(m);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return Ze = function(a, m) {
+    var u = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function g(c) {
+      var v = c && (u && c[u] || 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
+    };
+    function R(c, v) {
+      return c === v ? c !== 0 || 1 / c === 1 / v : c !== c && v !== v;
+    }
+    function D(c, v) {
+      this.message = c, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
+    }
+    D.prototype = Error.prototype;
+    function k(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 (m) {
+            var p = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw p.name = "Invariant Violation", p;
+          } 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++);
+          }
+        }
+        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);
+      }
+      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 + "`."),
+            { expectedType: c }
+          );
+        }
+        return null;
+      }
+      return k(v);
+    }
+    function re() {
+      return k(s);
+    }
+    function N(c) {
+      function v(w, T, h, x, _) {
+        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."));
+        }
+        for (var A = 0; A < O.length; A++) {
+          var C = c(O, A, h, x, _ + "[" + A + "]", n);
+          if (C instanceof Error)
+            return C;
+        }
+        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 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 null;
+      }
+      return k(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 + "`."));
+        }
+        return null;
+      }
+      return k(v);
+    }
+    function ee(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]))
+            return null;
+        var A = JSON.stringify(c, function(W, p) {
+          var V = ne(p);
+          return V === "symbol" ? String(p) : p;
+        });
+        return new D("Invalid " + x + " `" + _ + "` of value `" + String(O) + "` " + ("supplied to `" + h + "`, expected one of " + A + "."));
+      }
+      return k(v);
+    }
+    function le(c) {
+      function v(w, T, h, x, _) {
+        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 null;
+      }
+      return k(v);
+    }
+    function oe(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")
+          return o(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(w) + " at index " + v + "."
+          ), 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)
+            return null;
+          p.data && t(p.data, "expectedType") && A.push(p.data.expectedType);
+        }
+        var V = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
+        return new D("Invalid " + O + " `" + S + "` supplied to " + ("`" + _ + "`" + V + "."));
+      }
+      return k(T);
+    }
+    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."));
+      }
+      return k(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) {
+      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;
+        }
+        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, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
+            );
+          var p = W(O, C, h, x, _ + "." + C, n);
+          if (p)
+            return p;
+        }
+        return null;
+      }
+      return k(v);
+    }
+    function L(c) {
+      switch (typeof c) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !c;
+        case "object":
+          if (Array.isArray(c))
+            return c.every(L);
+          if (c === null || a(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))
+                  return !1;
+            } else
+              for (; !(T = w.next()).done; ) {
+                var h = T.value;
+                if (h && !L(h[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function U(c, v) {
+      return c === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v 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 ne(c) {
+      if (typeof c > "u" || c === null)
+        return "" + c;
+      var v = Z(c);
+      if (v === "object") {
+        if (c instanceof Date)
+          return "date";
+        if (c instanceof RegExp)
+          return "regexp";
+      }
+      return v;
+    }
+    function ce(c) {
+      var v = ne(c);
+      switch (v) {
+        case "array":
+        case "object":
+          return "an " + v;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + v;
+        default:
+          return v;
+      }
+    }
+    function H(c) {
+      return !c.constructor || !c.constructor.name ? E : c.constructor.name;
+    }
+    return P.checkPropTypes = i, P.resetWarningCache = i.resetWarningCache, P.PropTypes = P, P;
+  }, Ze;
+}
+var Qe, Cr;
+function gt() {
+  if (Cr)
+    return Qe;
+  Cr = 1;
+  var e = fr();
+  function r() {
+  }
+  function n() {
+  }
+  return n.resetWarningCache = r, Qe = function() {
+    function t(s, a, m, u, y, g) {
+      if (g !== e) {
+        var E = 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;
+      }
+    }
+    t.isRequired = t;
+    function i() {
+      return t;
+    }
+    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,
+      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);
+} 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) {
+      s(o);
+    });
+  }
+  return new (n || (n = Promise))(function(o, s) {
+    function a(y) {
+      try {
+        u(t.next(y));
+      } catch (g) {
+        s(g);
+      }
+    }
+    function m(y) {
+      try {
+        u(t.throw(y));
+      } catch (g) {
+        s(g);
+      }
+    }
+    function u(y) {
+      y.done ? o(y.value) : i(y.value).then(a, m);
+    }
+    u((t = t.apply(e, r || [])).next());
+  });
+}
+function we(e, r) {
+  var n = { 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() {
+    return this;
+  }), s;
+  function a(u) {
+    return function(y) {
+      return m([u, y]);
+    };
+  }
+  function m(u) {
+    if (t)
+      throw new TypeError("Generator is already executing.");
+    for (; s && (s = 0, u[0] && (n = 0)), n; )
+      try {
+        if (t = 1, i && (o = u[0] & 2 ? i.return : u[0] ? i.throw || ((o = i.return) && o.call(i), 0) : i.next) && !(o = o.call(i, u[1])).done)
+          return o;
+        switch (i = 0, o && (u = [u[0] & 2, o.value]), u[0]) {
+          case 0:
+          case 1:
+            o = u;
+            break;
+          case 4:
+            return n.label++, { value: u[1], done: !1 };
+          case 5:
+            n.label++, i = u[1], u = [0];
+            continue;
+          case 7:
+            u = n.ops.pop(), n.trys.pop();
+            continue;
+          default:
+            if (o = n.trys, !(o = o.length > 0 && o[o.length - 1]) && (u[0] === 6 || u[0] === 2)) {
+              n = 0;
+              continue;
+            }
+            if (u[0] === 3 && (!o || u[1] > o[0] && u[1] < o[3])) {
+              n.label = u[1];
+              break;
+            }
+            if (u[0] === 6 && n.label < o[1]) {
+              n.label = o[1], o = u;
+              break;
+            }
+            if (o && n.label < o[2]) {
+              n.label = o[2], n.ops.push(u);
+              break;
+            }
+            o[2] && n.ops.pop(), n.trys.pop();
+            continue;
+        }
+        u = r.call(e, n);
+      } catch (y) {
+        u = [6, y], i = 0;
+      } finally {
+        t = o = 0;
+      }
+    if (u[0] & 5)
+      throw u[1];
+    return { value: u[0] ? u[1] : void 0, done: !0 };
+  }
+}
+function xr(e, r) {
+  var n = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!n)
+    return e;
+  var t = n.call(e), i, o = [], s;
+  try {
+    for (; (r === void 0 || r-- > 0) && !(i = t.next()).done; )
+      o.push(i.value);
+  } catch (a) {
+    s = { error: a };
+  } finally {
+    try {
+      i && !i.done && (n = t.return) && n.call(t);
+    } finally {
+      if (s)
+        throw s.error;
+    }
+  }
+  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]);
+  return e.concat(o || Array.prototype.slice.call(r));
+}
+var Et = /* @__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"],
+  ["arc", "application/x-freearc"],
+  ["avif", "image/avif"],
+  ["avi", "video/x-msvideo"],
+  ["azw", "application/vnd.amazon.ebook"],
+  ["bin", "application/octet-stream"],
+  ["bmp", "image/bmp"],
+  ["bz", "application/x-bzip"],
+  ["bz2", "application/x-bzip2"],
+  ["cda", "application/x-cdf"],
+  ["csh", "application/x-csh"],
+  ["css", "text/css"],
+  ["csv", "text/csv"],
+  ["doc", "application/msword"],
+  ["docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+  ["eot", "application/vnd.ms-fontobject"],
+  ["epub", "application/epub+zip"],
+  ["gz", "application/gzip"],
+  ["gif", "image/gif"],
+  ["heic", "image/heic"],
+  ["heif", "image/heif"],
+  ["htm", "text/html"],
+  ["html", "text/html"],
+  ["ico", "image/vnd.microsoft.icon"],
+  ["ics", "text/calendar"],
+  ["jar", "application/java-archive"],
+  ["jpeg", "image/jpeg"],
+  ["jpg", "image/jpeg"],
+  ["js", "text/javascript"],
+  ["json", "application/json"],
+  ["jsonld", "application/ld+json"],
+  ["mid", "audio/midi"],
+  ["midi", "audio/midi"],
+  ["mjs", "text/javascript"],
+  ["mp3", "audio/mpeg"],
+  ["mp4", "video/mp4"],
+  ["mpeg", "video/mpeg"],
+  ["mpkg", "application/vnd.apple.installer+xml"],
+  ["odp", "application/vnd.oasis.opendocument.presentation"],
+  ["ods", "application/vnd.oasis.opendocument.spreadsheet"],
+  ["odt", "application/vnd.oasis.opendocument.text"],
+  ["oga", "audio/ogg"],
+  ["ogv", "video/ogg"],
+  ["ogx", "application/ogg"],
+  ["opus", "audio/opus"],
+  ["otf", "font/otf"],
+  ["png", "image/png"],
+  ["pdf", "application/pdf"],
+  ["php", "application/x-httpd-php"],
+  ["ppt", "application/vnd.ms-powerpoint"],
+  ["pptx", "application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+  ["rar", "application/vnd.rar"],
+  ["rtf", "application/rtf"],
+  ["sh", "application/x-sh"],
+  ["svg", "image/svg+xml"],
+  ["swf", "application/x-shockwave-flash"],
+  ["tar", "application/x-tar"],
+  ["tif", "image/tiff"],
+  ["tiff", "image/tiff"],
+  ["ts", "video/mp2t"],
+  ["ttf", "font/ttf"],
+  ["txt", "text/plain"],
+  ["vsd", "application/vnd.visio"],
+  ["wav", "audio/wav"],
+  ["weba", "audio/webm"],
+  ["webm", "video/webm"],
+  ["webp", "image/webp"],
+  ["woff", "font/woff"],
+  ["woff2", "font/woff2"],
+  ["xhtml", "application/xhtml+xml"],
+  ["xls", "application/vnd.ms-excel"],
+  ["xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+  ["xml", "application/xml"],
+  ["xul", "application/vnd.mozilla.xul+xml"],
+  ["zip", "application/zip"],
+  ["7z", "application/x-7z-compressed"],
+  // Others
+  ["mkv", "video/x-matroska"],
+  ["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,
+      writable: !1,
+      configurable: !1,
+      enumerable: !0
+    });
+  }
+  return n;
+}
+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,
+      writable: !1,
+      configurable: !1,
+      enumerable: !0
+    });
+  }
+  return e;
+}
+var Tt = [
+  // Thumbnail cache files for macOS and Windows
+  ".DS_Store",
+  "Thumbs.db"
+  // Windows
+];
+function Ot(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, []];
+    });
+  });
+}
+function Ct(e) {
+  return ke(e);
+}
+function xt(e) {
+  return ke(e) && ke(e.target);
+}
+function ke(e) {
+  return typeof e == "object" && e !== null;
+}
+function St(e) {
+  return or(e.target.files).map(function(r) {
+    return De(r);
+  });
+}
+function Dt(e) {
+  return Ee(this, void 0, void 0, function() {
+    var r;
+    return we(this, function(n) {
+      switch (n.label) {
+        case 0:
+          return [4, Promise.all(e.map(function(t) {
+            return t.getFile();
+          }))];
+        case 1:
+          return r = n.sent(), [2, r.map(function(t) {
+            return De(t);
+          })];
+      }
+    });
+  });
+}
+function At(e, r) {
+  return Ee(this, void 0, void 0, function() {
+    var n, t;
+    return we(this, function(i) {
+      switch (i.label) {
+        case 0:
+          return e.items ? (n = or(e.items).filter(function(o) {
+            return o.kind === "file";
+          }), r !== "drop" ? [2, n] : [4, Promise.all(n.map(Pt))]) : [3, 2];
+        case 1:
+          return t = i.sent(), [2, Dr(Jr(t))];
+        case 2:
+          return [2, Dr(or(e.files).map(function(o) {
+            return De(o);
+          }))];
+      }
+    });
+  });
+}
+function Dr(e) {
+  return e.filter(function(r) {
+    return Tt.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);
+  }
+  return r;
+}
+function Pt(e) {
+  if (typeof e.webkitGetAsEntry != "function")
+    return Ar(e);
+  var r = e.webkitGetAsEntry();
+  return r && r.isDirectory ? Xr(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 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);
+}
+function Rt(e) {
+  return Ee(this, void 0, void 0, function() {
+    return we(this, function(r) {
+      return [2, e.isDirectory ? Xr(e) : Ft(e)];
+    });
+  });
+}
+function Xr(e) {
+  var r = e.createReader();
+  return new Promise(function(n, t) {
+    var i = [];
+    function o() {
+      var s = this;
+      r.readEntries(function(a) {
+        return Ee(s, void 0, void 0, function() {
+          var m, u, y;
+          return we(this, function(g) {
+            switch (g.label) {
+              case 0:
+                if (a.length)
+                  return [3, 5];
+                g.label = 1;
+              case 1:
+                return g.trys.push([1, 3, , 4]), [4, Promise.all(i)];
+              case 2:
+                return m = g.sent(), n(m), [3, 4];
+              case 3:
+                return u = g.sent(), t(u), [3, 4];
+              case 4:
+                return [3, 6];
+              case 5:
+                y = Promise.all(a.map(Rt)), i.push(y), o(), g.label = 6;
+              case 6:
+                return [
+                  2
+                  /*return*/
+                ];
+            }
+          });
+        });
+      }, function(a) {
+        t(a);
+      });
+    }
+    o();
+  });
+}
+function Ft(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);
+        });
+      })];
+    });
+  });
+}
+var It = 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;
+    });
+  }
+  return !0;
+};
+function Pr(e) {
+  return Nt(e) || kt(e) || Qr(e) || jt();
+}
+function jt() {
+  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) {
+  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
+    return Array.from(e);
+}
+function Nt(e) {
+  if (Array.isArray(e))
+    return ir(e);
+}
+function Rr(e, r) {
+  var n = 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);
+  }
+  return n;
+}
+function Fr(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));
+    });
+  }
+  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 Se(e, r) {
+  return Lt(e) || Mt(e, r) || Qr(e, r) || $t();
+}
+function $t() {
+  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) {
+  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 Array.from(e);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return ir(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;
+}
+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;
+    try {
+      for (n = n.call(e); !(i = (s = n.next()).done) && (t.push(s.value), !(r && t.length === r)); i = !0)
+        ;
+    } catch (m) {
+      o = !0, a = m;
+    } finally {
+      try {
+        !i && n.return != null && n.return();
+      } finally {
+        if (o)
+          throw a;
+      }
+    }
+    return t;
+  }
+}
+function Lt(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) {
+  r = Array.isArray(r) && r.length === 1 ? r[0] : r;
+  var n = Array.isArray(r) ? "one of ".concat(r.join(", ")) : r;
+  return {
+    code: zt,
+    message: "File type must be ".concat(n)
+  };
+}, Ir = function(r) {
+  return {
+    code: Bt,
+    message: "File is larger than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
+  };
+}, jr = function(r) {
+  return {
+    code: Wt,
+    message: "File is smaller than ".concat(r, " ").concat(r === 1 ? "byte" : "bytes")
+  };
+}, Ht = {
+  code: Yt,
+  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)];
+      if (e.size < r)
+        return [!1, jr(r)];
+    } else {
+      if (de(r) && e.size < r)
+        return [!1, jr(r)];
+      if (de(n) && e.size > n)
+        return [!1, Ir(n)];
+    }
+  return [!0, null];
+}
+function de(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(m) {
+    var u = en(m, n), y = Se(u, 1), g = y[0], E = rn(m, t, i), P = Se(E, 1), R = P[0], D = a ? a(m) : null;
+    return g && R && !D;
+  });
+}
+function Ne(e) {
+  return typeof e.isPropagationStopped == "function" ? e.isPropagationStopped() : typeof e.cancelBubble < "u" ? e.cancelBubble : !1;
+}
+function Ie(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;
+}
+function kr(e) {
+  e.preventDefault();
+}
+function Ut(e) {
+  return e.indexOf("MSIE") !== -1 || e.indexOf("Trident/") !== -1;
+}
+function Gt(e) {
+  return e.indexOf("Edge/") !== -1;
+}
+function Vt() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
+  return Ut(e) || Gt(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++)
+      o[s - 1] = arguments[s];
+    return r.some(function(a) {
+      return !Ne(t) && a && a.apply(void 0, [t].concat(o)), Ne(t);
+    });
+  };
+}
+function Jt() {
+  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));
+    }, {});
+    return [{
+      // description is required due to https://crbug.com/1264708
+      description: "Files",
+      accept: r
+    }];
+  }
+  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));
+    }, []).filter(function(r) {
+      return nn(r) || tn(r);
+    }).join(",");
+}
+function Qt(e) {
+  return e instanceof DOMException && (e.name === "AbortError" || e.code === e.ABORT_ERR);
+}
+function eo(e) {
+  return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
+}
+function nn(e) {
+  return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
+}
+function tn(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"];
+function io(e) {
+  return co(e) || so(e) || on(e) || ao();
+}
+function ao() {
+  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) {
+  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null)
+    return Array.from(e);
+}
+function co(e) {
+  if (Array.isArray(e))
+    return ar(e);
+}
+function er(e, r) {
+  return fo(e) || uo(e, r) || on(e, r) || lo();
+}
+function lo() {
+  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) {
+  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 Array.from(e);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return ar(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;
+}
+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;
+    try {
+      for (n = n.call(e); !(i = (s = n.next()).done) && (t.push(s.value), !(r && t.length === r)); i = !0)
+        ;
+    } catch (m) {
+      o = !0, a = m;
+    } finally {
+      try {
+        !i && n.return != null && n.return();
+      } finally {
+        if (o)
+          throw a;
+      }
+    }
+    return t;
+  }
+}
+function fo(e) {
+  if (Array.isArray(e))
+    return e;
+}
+function Nr(e, r) {
+  var n = 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);
+  }
+  return n;
+}
+function M(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));
+    });
+  }
+  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 $e(e, r) {
+  if (e == null)
+    return {};
+  var n = po(e, r), t, i;
+  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]);
+  }
+  return n;
+}
+function po(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 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() {
+    return {
+      open: o
+    };
+  }, [o]), /* @__PURE__ */ pn.createElement(bn, null, n(M(M({}, s), {}, {
+    open: o
+  })));
+});
+pr.displayName = "Dropzone";
+var an = {
+  disabled: !1,
+  getFilesFromEvent: Ot,
+  maxSize: 1 / 0,
+  minSize: 0,
+  multiple: !0,
+  maxFiles: 0,
+  preventDropOnDocument: !0,
+  noClick: !1,
+  noKeyboard: !1,
+  noDrag: !1,
+  noDragEventsBubbling: !1,
+  validator: null,
+  useFsAccessApi: !0,
+  autoFocus: !1
+};
+pr.defaultProps = an;
+pr.propTypes = {
+  /**
+   * Render function that exposes the dropzone state and prop getter fns
+   *
+   * @param {object} params
+   * @param {Function} params.getRootProps Returns the props you should apply to the root drop container you render
+   * @param {Function} params.getInputProps Returns the props you should apply to hidden file input you render
+   * @param {Function} params.open Open the native file selection dialog
+   * @param {boolean} params.isFocused Dropzone area is in focus
+   * @param {boolean} params.isFileDialogActive File dialog is opened
+   * @param {boolean} params.isDragActive Active drag is in progress
+   * @param {boolean} params.isDragAccept Dragged files are accepted
+   * @param {boolean} params.isDragReject Some dragged files are rejected
+   * @param {File[]} params.acceptedFiles Accepted files
+   * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
+   */
+  children: j.func,
+  /**
+   * Set accepted file types.
+   * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
+   * Keep in mind that mime type determination is not reliable across platforms. CSV files,
+   * 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)),
+  /**
+   * Allow drag 'n' drop (or selection from the file dialog) of multiple files
+   */
+  multiple: j.bool,
+  /**
+   * If false, allow dropped items to take over the current browser window
+   */
+  preventDropOnDocument: j.bool,
+  /**
+   * If true, disables click to open the native file selection dialog
+   */
+  noClick: j.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,
+  /**
+   * If true, disables drag 'n' drop
+   */
+  noDrag: j.bool,
+  /**
+   * If true, stops drag event propagation to parents
+   */
+  noDragEventsBubbling: j.bool,
+  /**
+   * Minimum file size (in bytes)
+   */
+  minSize: j.number,
+  /**
+   * Maximum file size (in bytes)
+   */
+  maxSize: j.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,
+  /**
+   * Enable/disable the dropzone
+   */
+  disabled: j.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,
+  /**
+   * Cb for when closing the file dialog with no selection
+   */
+  onFileDialogCancel: j.func,
+  /**
+   * Cb for when opening the file dialog
+   */
+  onFileDialogOpen: j.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,
+  /**
+   * Set to true to focus the root element on render
+   */
+  autoFocus: j.bool,
+  /**
+   * Cb for when the `dragenter` event occurs.
+   *
+   * @param {DragEvent} event
+   */
+  onDragEnter: j.func,
+  /**
+   * Cb for when the `dragleave` event occurs
+   *
+   * @param {DragEvent} event
+   */
+  onDragLeave: j.func,
+  /**
+   * Cb for when the `dragover` event occurs
+   *
+   * @param {DragEvent} event
+   */
+  onDragOver: j.func,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
+   *
+   * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
+   * `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.
+   * If `multiple` is set to false and additional files are dropped,
+   * all files besides the first will be rejected.
+   * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
+   *
+   * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
+   * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
+   *
+   * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
+   * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
+   *
+   * ```js
+   * function onDrop(acceptedFiles) {
+   *   const req = request.post('/upload')
+   *   acceptedFiles.forEach(file => {
+   *     req.attach(file.name, file)
+   *   })
+   *   req.end(callback)
+   * }
+   * ```
+   *
+   * @param {File[]} acceptedFiles
+   * @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,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that if no files are accepted, this callback is not invoked.
+   *
+   * @param {File[]} files
+   * @param {(DragEvent|Event)} event
+   */
+  onDropAccepted: j.func,
+  /**
+   * Cb for when the `drop` event occurs.
+   * Note that if no files are rejected, this callback is not invoked.
+   *
+   * @param {FileRejection[]} fileRejections
+   * @param {(DragEvent|Event)} event
+   */
+  onDropRejected: j.func,
+  /**
+   * Cb for when there's some error from any of the promises.
+   *
+   * @param {Error} error
+   */
+  onError: j.func,
+  /**
+   * Custom validation function. It must return null if there's no errors.
+   * @param {File} file
+   * @returns {FileError|FileError[]|null}
+   */
+  validator: j.func
+};
+var cr = {
+  isFocused: !1,
+  isFileDialogActive: !1,
+  isDragActive: !1,
+  isDragAccept: !1,
+  isDragReject: !1,
+  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, m = r.maxFiles, u = 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({
+          type: "closeDialog"
+        }), se());
+      }
+    }, 300);
+  };
+  xe(function() {
+    return window.addEventListener("focus", T, !1), function() {
+      window.removeEventListener("focus", T, !1);
+    };
+  }, [U, v, se, w]);
+  var h = Ce([]), x = function(b) {
+    L.current && L.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));
+    };
+  }, [L, N]), xe(function() {
+    return !t && re && L.current && L.current.focus(), function() {
+    };
+  }, [L, re, t]);
+  var _ = X(function(d) {
+    le ? le(d) : console.error(d);
+  }, [le]), O = X(function(d) {
+    d.preventDefault(), d.persist(), Pe(d), h.current = [].concat(io(h.current), [d.target]), Ie(d) && Promise.resolve(i(d)).then(function(b) {
+      if (!(Ne(d) && !ee)) {
+        var B = b.length, K = B > 0 && Kt({
+          files: b,
+          accept: ie,
+          minSize: s,
+          maxSize: o,
+          multiple: a,
+          maxFiles: m,
+          validator: oe
+        }), J = B > 0 && !K;
+        H({
+          isDragAccept: K,
+          isDragReject: J,
+          isDragActive: !0,
+          type: "setDraggedFiles"
+        }), u && u(d);
+      }
+    }).catch(function(b) {
+      return _(b);
+    });
+  }, [i, u, _, ee, ie, s, o, a, m, oe]), S = X(function(d) {
+    d.preventDefault(), d.persist(), Pe(d);
+    var b = Ie(d);
+    if (b && d.dataTransfer)
+      try {
+        d.dataTransfer.dropEffect = "copy";
+      } catch {
+      }
+    return b && g && g(d), !1;
+  }, [g, ee]), A = X(function(d) {
+    d.preventDefault(), d.persist(), Pe(d);
+    var b = h.current.filter(function(K) {
+      return L.current && L.current.contains(K);
+    }), B = b.indexOf(d.target);
+    B !== -1 && b.splice(B, 1), h.current = b, !(b.length > 0) && (H({
+      type: "setDraggedFiles",
+      isDragActive: !1,
+      isDragAccept: !1,
+      isDragReject: !1
+    }), Ie(d) && y && y(d));
+  }, [L, y, ee]), C = X(function(d, b) {
+    var B = [], K = [];
+    d.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;
+      if (Be && qe && !Ke)
+        B.push(J);
+      else {
+        var Ue = [We, He];
+        Ke && (Ue = Ue.concat(Ke)), K.push({
+          file: J,
+          errors: Ue.filter(function(fn) {
+            return fn;
+          })
+        });
+      }
+    }), (!a && B.length > 1 || a && m >= 1 && B.length > m) && (B.forEach(function(J) {
+      K.push({
+        file: J,
+        errors: [Ht]
+      });
+    }), B.splice(0)), H({
+      acceptedFiles: B,
+      fileRejections: K,
+      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, m, E, P, R, oe]), W = X(function(d) {
+    d.preventDefault(), d.persist(), Pe(d), h.current = [], Ie(d) && Promise.resolve(i(d)).then(function(b) {
+      Ne(d) && !ee || C(b, d);
+    }).catch(function(b) {
+      return _(b);
+    }), H({
+      type: "reset"
+    });
+  }, [i, C, _, ee]), p = X(function() {
+    if (w.current) {
+      H({
+        type: "openDialog"
+      }), fe();
+      var d = {
+        multiple: a,
+        types: ue
+      };
+      window.showOpenFilePicker(d).then(function(b) {
+        return i(b);
+      }).then(function(b) {
+        C(b, null), H({
+          type: "closeDialog"
+        });
+      }).catch(function(b) {
+        Qt(b) ? (se(b), H({
+          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);
+      });
+      return;
+    }
+    U.current && (H({
+      type: "openDialog"
+    }), fe(), U.current.value = null, U.current.click());
+  }, [H, fe, se, q, C, _, ue, a]), V = X(function(d) {
+    !L.current || !L.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), p());
+  }, [L, p]), pe = X(function() {
+    H({
+      type: "focus"
+    });
+  }, []), Te = X(function() {
+    H({
+      type: "blur"
+    });
+  }, []), dr = X(function() {
+    $ || (Vt() ? setTimeout(p, 0) : p());
+  }, [$, p]), ve = function(b) {
+    return t ? null : b;
+  }, ze = function(b) {
+    return f ? null : ve(b);
+  }, Ae = function(b) {
+    return G ? null : ve(b);
+  }, Pe = function(b) {
+    ee && b.stopPropagation();
+  }, cn = ge(function() {
+    return function() {
+      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, B = b === void 0 ? "ref" : b, K = d.role, J = d.onKeyDown, Oe = d.onFocus, ye = d.onBlur, Be = d.onClick, We = d.onDragEnter, Ye = d.onDragOver, Re = d.onDragLeave, qe = d.onDrop, He = $e(d, 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 ? {
+        tabIndex: 0
+      } : {}), He);
+    };
+  }, [L, V, pe, Te, dr, O, S, A, W, f, G, t]), ln = X(function(d) {
+    d.stopPropagation();
+  }, []), un = ge(function() {
+    return function() {
+      var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, b = d.refKey, B = b === void 0 ? "ref" : b, K = d.onChange, J = d.onClick, Oe = $e(d, oo), ye = sr({
+        accept: ie,
+        multiple: a,
+        type: "file",
+        style: {
+          display: "none"
+        },
+        onChange: ve(te(K, W)),
+        onClick: ve(te(J, ln)),
+        tabIndex: -1
+      }, B, U);
+      return M(M({}, ye), Oe);
+    };
+  }, [U, n, a, W, t]);
+  return M(M({}, ce), {}, {
+    isFocused: c && !t,
+    getRootProps: cn,
+    getInputProps: un,
+    rootRef: L,
+    inputRef: U,
+    open: ve(p)
+  });
+}
+function mo(e, r) {
+  switch (r.type) {
+    case "focus":
+      return M(M({}, e), {}, {
+        isFocused: !0
+      });
+    case "blur":
+      return M(M({}, e), {}, {
+        isFocused: !1
+      });
+    case "openDialog":
+      return M(M({}, cr), {}, {
+        isFileDialogActive: !0
+      });
+    case "closeDialog":
+      return M(M({}, e), {}, {
+        isFileDialogActive: !1
+      });
+    case "setDraggedFiles":
+      return M(M({}, e), {}, {
+        isDragActive: r.isDragActive,
+        isDragAccept: r.isDragAccept,
+        isDragReject: r.isDragReject
+      });
+    case "setFiles":
+      return M(M({}, e), {}, {
+        acceptedFiles: r.acceptedFiles,
+        fileRejections: r.fileRejections
+      });
+    case "reset":
+      return M({}, cr);
+    default:
+      return e;
+  }
+}
+function $r() {
+}
+const Oo = ({
+  onFileUpload: e
+}) => {
+  const { getRootProps: r } = sn({
+    onDrop: e
+  });
+  return /* @__PURE__ */ l("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ l("button", { className: "file-upload__button", children: "Drag and drop files here or click to upload" }) });
+};
+const vo = ({
+  items: e,
+  selectedItems: r,
+  disabledItems: n,
+  header: t,
+  updateItems: i,
+  isOpen: o,
+  ...s
+}) => /* @__PURE__ */ l(Ur, { isVisible: o, children: /* @__PURE__ */ ae("div", { className: "multi-select__dropdown", role: "listbox", ...s, children: [
+  t && /* @__PURE__ */ l("h5", { className: "multi-select__dropdown-header", children: t }),
+  /* @__PURE__ */ l("ul", { className: "multi-select__dropdown-list", children: e.map((a) => /* @__PURE__ */ l("li", { className: "multi-select__dropdown-item", children: /* @__PURE__ */ l(
+    On,
+    {
+      disabled: n.includes(a),
+      label: a,
+      checked: r.includes(a),
+      onChange: () => i(
+        r.includes(a) ? r.filter((m) => m !== a) : [...r, a]
+      )
+    }
+  ) }, a)) }),
+  /* @__PURE__ */ ae("div", { className: "multi-select__buttons", children: [
+    /* @__PURE__ */ l(
+      _e,
+      {
+        appearance: "link",
+        onClick: () => {
+          const a = e.filter(
+            (m) => !n.includes(m)
+          );
+          i([...r, ...a]);
+        },
+        type: "button",
+        children: "Select all"
+      }
+    ),
+    /* @__PURE__ */ l(
+      _e,
+      {
+        appearance: "link",
+        onClick: () => {
+          const a = r.filter(
+            (m) => n.includes(m)
+          );
+          i(a);
+        },
+        type: "button",
+        children: "Clear"
+      }
+    )
+  ] })
+] }) }), Co = ({
+  disabled: e,
+  selectedItems: r = [],
+  label: n,
+  onItemsUpdate: t,
+  placeholder: i = "Select items",
+  required: o = !1,
+  items: s = [],
+  disabledItems: a = [],
+  header: m
+}) => {
+  const u = Cn(() => {
+    g(!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.map((f) => /* @__PURE__ */ l("li", { className: "multi-select__selected-item", "aria-label": f, children: f }, f)), N = rr(), $ = rr();
+  return /* @__PURE__ */ l("div", { ref: u, children: /* @__PURE__ */ ae("div", { className: "multi-select", children: [
+    k.length > 0 && /* @__PURE__ */ l("ul", { className: "multi-select__selected-list", "aria-label": "selected", children: re }),
+    /* @__PURE__ */ l(
+      Lr,
+      {
+        "aria-controls": N,
+        "aria-expanded": y,
+        id: $,
+        role: "combobox",
+        label: n,
+        disabled: e,
+        autoComplete: "off",
+        onChange: (f) => P(f.target.value),
+        onFocus: () => g(!0),
+        placeholder: i,
+        required: o,
+        type: "text",
+        value: E,
+        className: "multi-select__input"
+      }
+    ),
+    /* @__PURE__ */ l(
+      vo,
+      {
+        id: N,
+        isOpen: y,
+        items: E.length > 0 ? s.filter((f) => f.includes(E)) : s,
+        selectedItems: k,
+        disabledItems: a,
+        header: m,
+        updateItems: q
+      }
+    )
+  ] }) });
+};
 export {
-  $ as ContentSection,
-  He as ExternalLink,
-  I as FormSection,
-  E as InputGroup,
-  P as MainToolbar,
-  te as Meter,
-  c as Navigation,
-  we as NavigationBar,
-  qe as NestedFormGroup,
-  Oe as Pagination,
-  We as PaginationContainer,
-  Je as Stepper,
-  ze as defaultFilledColors,
-  v as meterColor,
-  b as testIds
+  Le as ContentSection,
+  _o as ExternalLink,
+  Oo 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,
+  he as testIds
 };