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