@canonical/maas-react-components 1.20.1 → 1.21.0

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

@@ -42,7 +42,7 @@ var Br = { exports: {} };
   })();
 })(Br);
 var Ot = Br.exports;
-const W = /* @__PURE__ */ Lr(Ot);
+const z = /* @__PURE__ */ Lr(Ot);
 const ve = {
   caution: "#F99B11",
   light: "#F7F7F7",
@@ -77,7 +77,7 @@ const ve = {
   size: o = "regular",
   ...s
 }) => {
-  const i = Ce(null), v = t == null ? void 0 : t.reduce((O, w) => O + w.value, 0), c = n || v, y = t.map((O) => O.value / c * 100), [g, h] = ye(0);
+  const i = Ce(null), m = t == null ? void 0 : t.reduce((O, w) => O + w.value, 0), c = n || m, y = t.map((O) => O.value / c * 100), [g, h] = ye(0);
   he(() => {
     h(a === "segmented" ? yr(i, c) : 0);
   }, [c, a]);
@@ -87,7 +87,7 @@ const ve = {
   return gt(window, S, "resize", !0, a === "segmented"), /* @__PURE__ */ se(
     "div",
     {
-      className: W("p-meter", e, {
+      className: z("p-meter", e, {
         "p-meter--small": o === "small"
       }),
       "aria-label": s == null ? void 0 : s["aria-label"],
@@ -123,13 +123,13 @@ const ve = {
   maximum: t,
   segmentWidth: n
 }) => {
-  const a = () => (e == null ? void 0 : e.reduce((i, v) => i + v.value, 0)) > t, o = (i, v) => ({
+  const a = () => (e == null ? void 0 : e.reduce((i, m) => i + m.value, 0)) > t, o = (i, m) => ({
     backgroundColor: i.color,
     left: `${r == null ? void 0 : r.reduce(
-      (c, y, g) => v > g ? c + y : c,
+      (c, y, g) => m > g ? c + y : c,
       0
     )}%`,
-    width: `${r[v]}%`
+    width: `${r[m]}%`
   }), s = () => ({
     background: `repeating-linear-gradient(
       to right,
@@ -147,14 +147,14 @@ const ve = {
         "data-testid": _e.meteroverflow,
         style: { backgroundColor: zr, width: "100%" }
       }
-    ) : e == null ? void 0 : e.map((i, v) => /* @__PURE__ */ u(
+    ) : e == null ? void 0 : e.map((i, m) => /* @__PURE__ */ u(
       "div",
       {
         className: "p-meter__filled",
         "data-testid": _e.filled,
-        style: o(i, v)
+        style: o(i, m)
       },
-      `meter-${v}`
+      `meter-${m}`
     )),
     n > 0 && /* @__PURE__ */ u(
       "div",
@@ -171,7 +171,7 @@ const ve = {
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: W("p-meter__label", e),
+    className: z("p-meter__label", e),
     "data-testid": _e.label,
     children: r
   }
@@ -198,7 +198,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
       {
         appearance: "base",
         "aria-label": `${e ? "expand" : "collapse"} main navigation`,
-        className: W(
+        className: z(
           "is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",
           t
         ),
@@ -209,24 +209,24 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
       }
     )
   }
-), kt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__content", children: /* @__PURE__ */ u("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__controls u-no-margin--top", children: e }), $t = ({ children: e }) => /* @__PURE__ */ u("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ u("div", { className: "p-panel is-dark", children: e }) }), Mt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__footer", children: e }), Lt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__header", children: e }), Bt = ({ light: e = !0, name: r }) => /* @__PURE__ */ u(ke, { className: "p-side-navigation__icon", light: e, name: r }), zt = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ u("li", { className: W("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Wt = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ u("span", { className: W("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Yt = ({
+), kt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__content", children: /* @__PURE__ */ u("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), Nt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__controls u-no-margin--top", children: e }), $t = ({ children: e }) => /* @__PURE__ */ u("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ u("div", { className: "p-panel is-dark", children: e }) }), Mt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__footer", children: e }), Lt = ({ children: e }) => /* @__PURE__ */ u("div", { className: "p-panel__header", children: e }), Bt = ({ light: e = !0, name: r }) => /* @__PURE__ */ u(ke, { className: "p-side-navigation__icon", light: e, name: r }), zt = ({ children: e, className: r, hasActiveChild: t }) => /* @__PURE__ */ u("li", { className: z("p-side-navigation__item", r, { "has-active-child": t }), children: e }), Wt = ({ children: e, id: r, variant: t = "base" }) => /* @__PURE__ */ u("span", { className: z("p-side-navigation__label", { "p-side-navigation__label--group": t === "group" }), id: r, children: e }), Yt = ({
   as: e,
   ...r
 }) => /* @__PURE__ */ u(
   e || "a",
   {
-    className: W("p-side-navigation__link", r.className),
+    className: z("p-side-navigation__link", r.className),
     ...r
   }
-), qt = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: W("p-side-navigation__list", r), children: e }), Kt = ({
+), qt = ({ children: e, className: r }) => /* @__PURE__ */ u("ul", { className: z("p-side-navigation__list", r), children: e }), Kt = ({
   as: e,
   children: r,
   className: t,
   ...n
-}) => /* @__PURE__ */ u(e || "a", { className: W("p-panel__logo", t), ...n, children: /* @__PURE__ */ u("div", { className: "p-navigation__tagged-logo", children: r }) }), Ht = ({ children: e }) => ft(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Ut = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ u(e || "a", { className: z("p-panel__logo", t), ...n, children: /* @__PURE__ */ u("div", { className: "p-navigation__tagged-logo", children: r }) }), Ht = ({ children: e }) => ft(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), Ut = ({ children: e, variant: r = "base" }) => /* @__PURE__ */ u(
   "div",
   {
-    className: W("p-panel__logo-name is-fading-when-collapsed", {
+    className: z("p-panel__logo-name is-fading-when-collapsed", {
       "p-panel__logo-name--small": r === "small"
     }),
     children: e
@@ -239,7 +239,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
   Ee,
   {
     appearance: "base",
-    className: W(
+    className: z(
       "p-side-navigation__button--menu has-icon is-dark",
       r
     ),
@@ -249,7 +249,7 @@ const To = ({ children: e, to: r, ...t }) => /* @__PURE__ */ u(bt, { ...t, href:
     children: e
   }
 ), Zt = ({ children: e }) => /* @__PURE__ */ u("span", { className: "p-side-navigation__text", children: e });
-const H = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ u("header", { "aria-label": "main navigation", className: W("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), Xt = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ u("div", { className: W("p-panel is-dark", r), children: e }) });
+const H = ({ children: e, className: r, isCollapsed: t }) => /* @__PURE__ */ u("header", { "aria-label": "main navigation", className: z("l-navigation is-maas", r, { "is-collapsed": t, "is-pinned": !t }), children: e }), Xt = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ u("div", { className: z("p-panel is-dark", r), children: e }) });
 H.Header = Lt;
 H.Banner = Ft;
 H.Drawer = $t;
@@ -316,7 +316,7 @@ const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
   return /* @__PURE__ */ u(
     "header",
     {
-      className: W("main-toolbar", {
+      className: z("main-toolbar", {
         "main-toolbar--stacked": n
       }),
       ref: r,
@@ -331,7 +331,7 @@ const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
 }) => /* @__PURE__ */ u(
   e || "h1",
   {
-    className: W("main-toolbar__title p-heading--4", t),
+    className: z("main-toolbar__title p-heading--4", t),
     "data-testid": "main-toolbar-heading",
     ...n,
     children: r
@@ -354,7 +354,7 @@ const Yr = ne.createContext(null), qr = ne.createContext([!1, () => {
     /* @__PURE__ */ u(
       "div",
       {
-        className: W("main-toolbar__controls", {
+        className: z("main-toolbar__controls", {
           "main-toolbar__controls--stacked": t
         }),
         children: e
@@ -371,16 +371,16 @@ const Le = ({
   variant: n = "wide",
   ...a
 }) => {
-  const o = t || "section", s = W("content-section", r);
+  const o = t || "section", s = z("content-section", r);
   return /* @__PURE__ */ u(o, { ...a, className: s, children: /* @__PURE__ */ u(_t, { children: /* @__PURE__ */ u(Et, { size: n === "narrow" ? 6 : 12, children: e }) }) });
 }, cn = ({ children: e, className: r, as: t, ...n }) => /* @__PURE__ */ u(
   t || "h1",
   {
     ...n,
-    className: W("content-section__title p-heading--4", r),
+    className: z("content-section__title p-heading--4", r),
     children: e
   }
-), ln = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { className: W("content-section__header", r), children: e }), un = ({ children: e, className: r }) => /* @__PURE__ */ u("div", { className: W("content-section__body", r), children: e }), fn = ({ children: e, className: r }) => /* @__PURE__ */ u("footer", { className: W("content-section__footer", r), children: e });
+), ln = ({ children: e, className: r }) => /* @__PURE__ */ u("header", { className: z("content-section__header", r), children: e }), un = ({ children: e, className: r }) => /* @__PURE__ */ u("div", { className: z("content-section__body", r), children: e }), fn = ({ children: e, className: r }) => /* @__PURE__ */ u("footer", { className: z("content-section__footer", r), children: e });
 Le.Title = cn;
 Le.Header = ln;
 Le.Content = un;
@@ -392,7 +392,7 @@ const Hr = ({
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: W("fade-in--down", r),
+    className: z("fade-in--down", r),
     "aria-hidden": t ? "false" : "true",
     style: { visibility: t ? "visible" : "hidden" },
     children: e
@@ -402,60 +402,69 @@ const Hr = ({
   ...r
 }) => /* @__PURE__ */ u(Hr, { isVisible: !r["aria-hidden"], children: /* @__PURE__ */ u("div", { className: "p-form__nested-group", ...r, children: e }) });
 const pn = ({
-  currentPage: e,
-  error: r,
-  disabled: t,
-  onInputBlur: n,
-  onInputChange: a,
-  onNextClick: o,
-  onPreviousClick: s,
-  totalPages: i
-}) => /* @__PURE__ */ u("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ se("span", { className: "p-pagination--items", children: [
-  /* @__PURE__ */ u(
-    Ee,
-    {
-      "aria-label": "Previous page",
-      className: "p-pagination__link--previous",
-      disabled: e === 1 || t,
-      onClick: s,
-      type: "button",
-      children: /* @__PURE__ */ u(ke, { name: "chevron-down" })
-    }
-  ),
-  /* @__PURE__ */ u("strong", { children: "Page " }),
-  " ",
-  /* @__PURE__ */ u(
-    wt,
-    {
-      "aria-label": "page number",
-      className: "p-pagination__input",
-      disabled: t,
-      error: r,
-      min: 1,
-      onBlur: n,
-      onChange: a,
-      required: !0,
-      type: "number",
-      value: e
-    }
-  ),
-  " ",
-  /* @__PURE__ */ se("strong", { className: "u-no-wrap", children: [
-    " of ",
-    i
-  ] }),
-  /* @__PURE__ */ u(
-    Ee,
-    {
-      "aria-label": "Next page",
-      className: "p-pagination__link--next",
-      disabled: e === i || t,
-      onClick: o,
-      type: "button",
-      children: /* @__PURE__ */ u(ke, { name: "chevron-up" })
-    }
-  )
-] }) }), Co = ({
+  className: e,
+  currentPage: r,
+  error: t,
+  disabled: n,
+  onInputBlur: a,
+  onInputChange: o,
+  onNextClick: s,
+  onPreviousClick: i,
+  totalPages: m,
+  ...c
+}) => /* @__PURE__ */ u(
+  "nav",
+  {
+    "aria-label": (c == null ? void 0 : c["aria-label"]) || "pagination",
+    className: z("p-pagination", e),
+    children: /* @__PURE__ */ se("span", { className: "p-pagination--items", children: [
+      /* @__PURE__ */ u(
+        Ee,
+        {
+          "aria-label": "Previous page",
+          className: "p-pagination__link--previous",
+          disabled: r === 1 || n,
+          onClick: i,
+          type: "button",
+          children: /* @__PURE__ */ u(ke, { name: "chevron-down" })
+        }
+      ),
+      /* @__PURE__ */ u("strong", { children: "Page " }),
+      " ",
+      /* @__PURE__ */ u(
+        wt,
+        {
+          "aria-label": "page number",
+          className: "p-pagination__input",
+          disabled: n,
+          error: t,
+          min: 1,
+          onBlur: a,
+          onChange: o,
+          required: !0,
+          type: "number",
+          value: r
+        }
+      ),
+      " ",
+      /* @__PURE__ */ se("strong", { className: "u-no-wrap", children: [
+        " of ",
+        m
+      ] }),
+      /* @__PURE__ */ u(
+        Ee,
+        {
+          "aria-label": "Next page",
+          className: "p-pagination__link--next",
+          disabled: r === m || n,
+          onClick: s,
+          type: "button",
+          children: /* @__PURE__ */ u(ke, { name: "chevron-up" })
+        }
+      )
+    ] })
+  }
+), Co = ({
   currentPage: e,
   disabled: r,
   paginate: t,
@@ -491,7 +500,7 @@ const Oo = ({ activeStep: e, items: r }) => /* @__PURE__ */ u("ol", { className:
     "p",
     {
       "aria-label": o ? `${t} (completed)` : t,
-      className: W("stepper__title", {
+      className: z("stepper__title", {
         "stepper__title--is-active": a,
         "stepper__title--is-complete": o
       }),
@@ -513,14 +522,14 @@ function dn() {
   if (gr)
     return F;
   gr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
   function A(f) {
     if (typeof f == "object" && f !== null) {
       var Z = f.$$typeof;
       switch (Z) {
         case r:
           switch (f = f.type, f) {
-            case v:
+            case m:
             case c:
             case n:
             case o:
@@ -547,8 +556,8 @@ function dn() {
   function N(f) {
     return A(f) === c;
   }
-  return F.AsyncMode = v, F.ConcurrentMode = c, F.ContextConsumer = i, F.ContextProvider = s, F.Element = r, F.ForwardRef = y, F.Fragment = n, F.Lazy = O, F.Memo = S, F.Portal = t, F.Profiler = o, F.StrictMode = a, F.Suspense = g, F.isAsyncMode = function(f) {
-    return N(f) || A(f) === v;
+  return F.AsyncMode = m, F.ConcurrentMode = c, F.ContextConsumer = i, F.ContextProvider = s, F.Element = r, F.ForwardRef = y, F.Fragment = n, F.Lazy = O, F.Memo = S, F.Portal = t, F.Profiler = o, F.StrictMode = a, F.Suspense = g, F.isAsyncMode = function(f) {
+    return N(f) || A(f) === m;
   }, F.isConcurrentMode = N, F.isContextConsumer = function(f) {
     return A(f) === i;
   }, F.isContextProvider = function(f) {
@@ -587,7 +596,7 @@ var j = {};
 var br;
 function mn() {
   return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, v = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, L = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
     function A(p) {
       return typeof p == "string" || typeof p == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
       p === n || p === c || p === o || p === a || p === g || p === h || typeof p == "object" && p !== null && (p.$$typeof === O || p.$$typeof === S || p.$$typeof === s || p.$$typeof === i || p.$$typeof === y || p.$$typeof === L || p.$$typeof === k || p.$$typeof === K || p.$$typeof === w);
@@ -599,7 +608,7 @@ function mn() {
           case r:
             var de = p.type;
             switch (de) {
-              case v:
+              case m:
               case c:
               case n:
               case o:
@@ -624,14 +633,14 @@ function mn() {
         }
       }
     }
-    var f = v, Z = c, $ = i, V = s, X = r, ce = y, fe = n, pe = O, le = S, z = t, J = o, te = a, oe = g, ue = !1;
+    var f = m, Z = c, $ = i, V = s, X = r, ce = y, fe = n, pe = O, le = S, W = t, J = o, te = a, oe = g, ue = !1;
     function U(p) {
-      return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(p) || N(p) === v;
+      return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(p) || N(p) === m;
     }
     function l(p) {
       return N(p) === c;
     }
-    function m(p) {
+    function v(p) {
       return N(p) === i;
     }
     function T(p) {
@@ -664,7 +673,7 @@ function mn() {
     function q(p) {
       return N(p) === g;
     }
-    j.AsyncMode = f, j.ConcurrentMode = Z, j.ContextConsumer = $, j.ContextProvider = V, j.Element = X, j.ForwardRef = ce, j.Fragment = fe, j.Lazy = pe, j.Memo = le, j.Portal = z, j.Profiler = J, j.StrictMode = te, j.Suspense = oe, j.isAsyncMode = U, j.isConcurrentMode = l, j.isContextConsumer = m, j.isContextProvider = T, j.isElement = x, j.isForwardRef = _, j.isFragment = P, j.isLazy = E, j.isMemo = C, j.isPortal = I, j.isProfiler = R, j.isStrictMode = D, j.isSuspense = q, j.isValidElementType = A, j.typeOf = N;
+    j.AsyncMode = f, j.ConcurrentMode = Z, j.ContextConsumer = $, j.ContextProvider = V, j.Element = X, j.ForwardRef = ce, j.Fragment = fe, j.Lazy = pe, j.Memo = le, j.Portal = W, j.Profiler = J, j.StrictMode = te, j.Suspense = oe, j.isAsyncMode = U, j.isConcurrentMode = l, j.isContextConsumer = v, j.isContextProvider = T, j.isElement = x, j.isForwardRef = _, j.isFragment = P, j.isLazy = E, j.isMemo = C, j.isPortal = I, j.isProfiler = R, j.isStrictMode = D, j.isSuspense = q, j.isValidElementType = A, j.typeOf = N;
   }()), j;
 }
 var hr;
@@ -696,10 +705,10 @@ function vn() {
         return !1;
       for (var s = {}, i = 0; i < 10; i++)
         s["_" + String.fromCharCode(i)] = i;
-      var v = Object.getOwnPropertyNames(s).map(function(y) {
+      var m = Object.getOwnPropertyNames(s).map(function(y) {
         return s[y];
       });
-      if (v.join("") !== "0123456789")
+      if (m.join("") !== "0123456789")
         return !1;
       var c = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(y) {
@@ -710,17 +719,17 @@ function vn() {
     }
   }
   return Ge = a() ? Object.assign : function(o, s) {
-    for (var i, v = n(o), c, y = 1; y < arguments.length; y++) {
+    for (var i, m = n(o), c, y = 1; y < arguments.length; y++) {
       i = Object(arguments[y]);
       for (var g in i)
-        r.call(i, g) && (v[g] = i[g]);
+        r.call(i, g) && (m[g] = i[g]);
       if (e) {
         c = e(i);
         for (var h = 0; h < c.length; h++)
-          t.call(i, c[h]) && (v[c[h]] = i[c[h]]);
+          t.call(i, c[h]) && (m[c[h]] = i[c[h]]);
       }
     }
-    return v;
+    return m;
   }, Ge;
 }
 var Ve, Er;
@@ -753,7 +762,7 @@ function yn() {
       }
     };
   }
-  function a(o, s, i, v, c) {
+  function a(o, s, i, m, c) {
     if (process.env.NODE_ENV !== "production") {
       for (var y in o)
         if (n(o, y)) {
@@ -761,16 +770,16 @@ function yn() {
           try {
             if (typeof o[y] != "function") {
               var h = Error(
-                (v || "React class") + ": " + i + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (m || "React class") + ": " + i + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw h.name = "Invariant Violation", h;
             }
-            g = o[y](s, y, v, i, null, r);
+            g = o[y](s, y, m, i, null, r);
           } catch (O) {
             g = O;
           }
           if (g && !(g instanceof Error) && e(
-            (v || "React class") + ": type specification of " + i + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (m || "React class") + ": type specification of " + i + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), g instanceof Error && !(g.message in t)) {
             t[g.message] = !0;
             var S = c ? c() : "";
@@ -793,22 +802,22 @@ function gn() {
   var e = Ur(), r = vn(), t = fr(), n = Gr(), a = yn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(i) {
-    var v = "Warning: " + i;
-    typeof console < "u" && console.error(v);
+    var m = "Warning: " + i;
+    typeof console < "u" && console.error(m);
     try {
-      throw new Error(v);
+      throw new Error(m);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return Xe = function(i, v) {
+  return Xe = function(i, m) {
     var c = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
     function g(l) {
-      var m = l && (c && l[c] || l[y]);
-      if (typeof m == "function")
-        return m;
+      var v = l && (c && l[c] || l[y]);
+      if (typeof v == "function")
+        return v;
     }
     var h = "<<anonymous>>", S = {
       array: k("array"),
@@ -831,29 +840,29 @@ function gn() {
       shape: pe,
       exact: le
     };
-    function O(l, m) {
-      return l === m ? l !== 0 || 1 / l === 1 / m : l !== l && m !== m;
+    function O(l, v) {
+      return l === v ? l !== 0 || 1 / l === 1 / v : l !== l && v !== v;
     }
-    function w(l, m) {
-      this.message = l, this.data = m && typeof m == "object" ? m : {}, this.stack = "";
+    function w(l, v) {
+      this.message = l, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
     }
     w.prototype = Error.prototype;
     function L(l) {
       if (process.env.NODE_ENV !== "production")
-        var m = {}, T = 0;
+        var v = {}, T = 0;
       function x(P, E, C, I, R, D, q) {
         if (I = I || h, D = D || C, q !== t) {
-          if (v) {
+          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 Q = I + ":" + C;
-            !m[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !v[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + D + "` prop on `" + I + "`. 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[Q] = !0, T++);
+            ), v[Q] = !0, T++);
           }
         }
         return E[C] == null ? P ? E[C] === null ? new w("The " + R + " `" + D + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new w("The " + R + " `" + D + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : l(E, C, I, R, D);
@@ -862,7 +871,7 @@ function gn() {
       return _.isRequired = x.bind(null, !0), _;
     }
     function k(l) {
-      function m(T, x, _, P, E, C) {
+      function v(T, x, _, P, E, C) {
         var I = T[x], R = te(I);
         if (R !== l) {
           var D = oe(I);
@@ -873,13 +882,13 @@ function gn() {
         }
         return null;
       }
-      return L(m);
+      return L(v);
     }
     function K() {
       return L(s);
     }
     function A(l) {
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         if (typeof l != "function")
           return new w("Property `" + E + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
         var C = T[x];
@@ -894,11 +903,11 @@ function gn() {
         }
         return null;
       }
-      return L(m);
+      return L(v);
     }
     function N() {
-      function l(m, T, x, _, P) {
-        var E = m[T];
+      function l(v, T, x, _, P) {
+        var E = v[T];
         if (!i(E)) {
           var C = te(E);
           return new w("Invalid " + _ + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement."));
@@ -908,8 +917,8 @@ function gn() {
       return L(l);
     }
     function f() {
-      function l(m, T, x, _, P) {
-        var E = m[T];
+      function l(v, T, x, _, P) {
+        var E = v[T];
         if (!e.isValidElementType(E)) {
           var C = te(E);
           return new w("Invalid " + _ + " `" + P + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement type."));
@@ -919,21 +928,21 @@ function gn() {
       return L(l);
     }
     function Z(l) {
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         if (!(T[x] instanceof l)) {
           var C = l.name || h, I = U(T[x]);
           return new w("Invalid " + P + " `" + E + "` of type " + ("`" + I + "` supplied to `" + _ + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
-      return L(m);
+      return L(v);
     }
     function $(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         for (var C = T[x], I = 0; I < l.length; I++)
           if (O(C, l[I]))
             return null;
@@ -943,10 +952,10 @@ function gn() {
         });
         return new w("Invalid " + P + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + _ + "`, expected one of " + R + "."));
       }
-      return L(m);
+      return L(v);
     }
     function V(l) {
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         if (typeof l != "function")
           return new w("Property `" + E + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
         var C = T[x], I = te(C);
@@ -960,16 +969,16 @@ function gn() {
           }
         return null;
       }
-      return L(m);
+      return L(v);
     }
     function X(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var m = 0; m < l.length; m++) {
-        var T = l[m];
+      for (var v = 0; v < l.length; v++) {
+        var T = l[v];
         if (typeof T != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + m + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(T) + " at index " + v + "."
           ), s;
       }
       function x(_, P, E, C, I) {
@@ -985,18 +994,18 @@ function gn() {
       return L(x);
     }
     function ce() {
-      function l(m, T, x, _, P) {
-        return z(m[T]) ? null : new w("Invalid " + _ + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
+      function l(v, T, x, _, P) {
+        return W(v[T]) ? null : new w("Invalid " + _ + " `" + P + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
       }
       return L(l);
     }
-    function fe(l, m, T, x, _) {
+    function fe(l, v, T, x, _) {
       return new w(
-        (l || "React class") + ": " + m + " type `" + T + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+        (l || "React class") + ": " + v + " type `" + T + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
     function pe(l) {
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         var C = T[x], I = te(C);
         if (I !== "object")
           return new w("Invalid " + P + " `" + E + "` of type `" + I + "` " + ("supplied to `" + _ + "`, expected `object`."));
@@ -1010,10 +1019,10 @@ function gn() {
         }
         return null;
       }
-      return L(m);
+      return L(v);
     }
     function le(l) {
-      function m(T, x, _, P, E) {
+      function v(T, x, _, P, E) {
         var C = T[x], I = te(C);
         if (I !== "object")
           return new w("Invalid " + P + " `" + E + "` of type `" + I + "` " + ("supplied to `" + _ + "`, expected `object`."));
@@ -1033,9 +1042,9 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
         }
         return null;
       }
-      return L(m);
+      return L(v);
     }
-    function z(l) {
+    function W(l) {
       switch (typeof l) {
         case "number":
         case "string":
@@ -1045,20 +1054,20 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !l;
         case "object":
           if (Array.isArray(l))
-            return l.every(z);
+            return l.every(W);
           if (l === null || i(l))
             return !0;
-          var m = g(l);
-          if (m) {
-            var T = m.call(l), x;
-            if (m !== l.entries) {
+          var v = g(l);
+          if (v) {
+            var T = v.call(l), x;
+            if (v !== l.entries) {
               for (; !(x = T.next()).done; )
-                if (!z(x.value))
+                if (!W(x.value))
                   return !1;
             } else
               for (; !(x = T.next()).done; ) {
                 var _ = x.value;
-                if (_ && !z(_[1]))
+                if (_ && !W(_[1]))
                   return !1;
               }
           } else
@@ -1068,37 +1077,37 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !1;
       }
     }
-    function J(l, m) {
-      return l === "symbol" ? !0 : m ? m["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && m instanceof Symbol : !1;
+    function J(l, v) {
+      return l === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
     }
     function te(l) {
-      var m = typeof l;
-      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : J(m, l) ? "symbol" : m;
+      var v = typeof l;
+      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : J(v, l) ? "symbol" : v;
     }
     function oe(l) {
       if (typeof l > "u" || l === null)
         return "" + l;
-      var m = te(l);
-      if (m === "object") {
+      var v = te(l);
+      if (v === "object") {
         if (l instanceof Date)
           return "date";
         if (l instanceof RegExp)
           return "regexp";
       }
-      return m;
+      return v;
     }
     function ue(l) {
-      var m = oe(l);
-      switch (m) {
+      var v = oe(l);
+      switch (v) {
         case "array":
         case "object":
-          return "an " + m;
+          return "an " + v;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + m;
+          return "a " + v;
         default:
-          return m;
+          return v;
       }
     }
     function U(l) {
@@ -1118,7 +1127,7 @@ function bn() {
   function t() {
   }
   return t.resetWarningCache = r, Qe = function() {
-    function n(s, i, v, c, y, g) {
+    function n(s, i, m, c, y, g) {
       if (g !== e) {
         var h = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1177,7 +1186,7 @@ function we(e, r, t, n) {
         s(g);
       }
     }
-    function v(y) {
+    function m(y) {
       try {
         c(n.throw(y));
       } catch (g) {
@@ -1185,7 +1194,7 @@ function we(e, r, t, n) {
       }
     }
     function c(y) {
-      y.done ? o(y.value) : a(y.value).then(i, v);
+      y.done ? o(y.value) : a(y.value).then(i, m);
     }
     c((n = n.apply(e, r || [])).next());
   });
@@ -1201,10 +1210,10 @@ function Se(e, r) {
   }), s;
   function i(c) {
     return function(y) {
-      return v([c, y]);
+      return m([c, y]);
     };
   }
-  function v(c) {
+  function m(c) {
     if (n)
       throw new TypeError("Generator is already executing.");
     for (; s && (s = 0, c[0] && (t = 0)), t; )
@@ -1503,7 +1512,7 @@ function Jr(e) {
       var s = this;
       r.readEntries(function(i) {
         return we(s, void 0, void 0, function() {
-          var v, c, y;
+          var m, c, y;
           return Se(this, function(g) {
             switch (g.label) {
               case 0:
@@ -1513,7 +1522,7 @@ function Jr(e) {
               case 1:
                 return g.trys.push([1, 3, , 4]), [4, Promise.all(a)];
               case 2:
-                return v = g.sent(), t(v), [3, 4];
+                return m = g.sent(), t(m), [3, 4];
               case 3:
                 return c = g.sent(), n(c), [3, 4];
               case 4:
@@ -1629,8 +1638,8 @@ function Ln(e, r) {
     try {
       for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (v) {
-      o = !0, i = v;
+    } catch (m) {
+      o = !0, i = m;
     } finally {
       try {
         !a && t.return != null && t.return();
@@ -1691,8 +1700,8 @@ function me(e) {
 }
 function Un(e) {
   var r = e.files, t = e.accept, n = e.minSize, a = e.maxSize, o = e.multiple, s = e.maxFiles, i = e.validator;
-  return !o && r.length > 1 || o && s >= 1 && r.length > s ? !1 : r.every(function(v) {
-    var c = Qr(v, t), y = Oe(c, 1), g = y[0], h = et(v, n, a), S = Oe(h, 1), O = S[0], w = i ? i(v) : null;
+  return !o && r.length > 1 || o && s >= 1 && r.length > s ? !1 : r.every(function(m) {
+    var c = Qr(m, t), y = Oe(c, 1), g = y[0], h = et(m, n, a), S = Oe(h, 1), O = S[0], w = i ? i(m) : null;
     return g && O && !w;
   });
 }
@@ -1816,8 +1825,8 @@ function fo(e, r) {
     try {
       for (t = t.call(e); !(a = (s = t.next()).done) && (n.push(s.value), !(r && n.length === r)); a = !0)
         ;
-    } catch (v) {
-      o = !0, i = v;
+    } catch (m) {
+      o = !0, i = m;
     } finally {
       try {
         !a && t.return != null && t.return();
@@ -2082,7 +2091,7 @@ var cr = {
   fileRejections: []
 };
 function at() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = B(B({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, v = r.maxFiles, c = r.onDragEnter, y = r.onDragLeave, g = r.onDragOver, h = r.onDrop, S = r.onDropAccepted, O = r.onDropRejected, w = r.onFileDialogCancel, L = r.onFileDialogOpen, k = r.useFsAccessApi, K = r.autoFocus, A = r.preventDropOnDocument, N = r.noClick, f = r.noKeyboard, Z = r.noDrag, $ = r.noDragEventsBubbling, V = r.onError, X = r.validator, ce = ie(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = B(B({}, ot), e), t = r.accept, n = r.disabled, a = r.getFilesFromEvent, o = r.maxSize, s = r.minSize, i = r.multiple, m = r.maxFiles, c = r.onDragEnter, y = r.onDragLeave, g = r.onDragOver, h = r.onDrop, S = r.onDropAccepted, O = r.onDropRejected, w = r.onFileDialogCancel, L = r.onFileDialogOpen, k = r.useFsAccessApi, K = r.autoFocus, A = r.preventDropOnDocument, N = r.noClick, f = r.noKeyboard, Z = r.noDrag, $ = r.noDragEventsBubbling, V = r.onError, X = r.validator, ce = ie(function() {
     return Qn(t);
   }, [t]), fe = ie(function() {
     return Xn(t);
@@ -2090,8 +2099,8 @@ function at() {
     return typeof L == "function" ? L : $r;
   }, [L]), le = ie(function() {
     return typeof w == "function" ? w : $r;
-  }, [w]), z = Ce(null), J = Ce(null), te = dt(vo, cr), oe = er(te, 2), ue = oe[0], U = oe[1], l = ue.isFocused, m = ue.isFileDialogActive, T = Ce(typeof window < "u" && window.isSecureContext && k && Zn()), x = function() {
-    !T.current && m && setTimeout(function() {
+  }, [w]), W = Ce(null), J = Ce(null), te = dt(vo, cr), oe = er(te, 2), ue = oe[0], U = oe[1], l = ue.isFocused, v = ue.isFileDialogActive, T = Ce(typeof window < "u" && window.isSecureContext && k && Zn()), x = function() {
+    !T.current && v && setTimeout(function() {
       if (J.current) {
         var b = J.current.files;
         b.length || (U({
@@ -2104,18 +2113,18 @@ function at() {
     return window.addEventListener("focus", x, !1), function() {
       window.removeEventListener("focus", x, !1);
     };
-  }, [J, m, le, T]);
+  }, [J, v, le, T]);
   var _ = Ce([]), P = function(b) {
-    z.current && z.current.contains(b.target) || (b.preventDefault(), _.current = []);
+    W.current && W.current.contains(b.target) || (b.preventDefault(), _.current = []);
   };
   he(function() {
     return A && (document.addEventListener("dragover", kr, !1), document.addEventListener("drop", P, !1)), function() {
       A && (document.removeEventListener("dragover", kr), document.removeEventListener("drop", P));
     };
-  }, [z, A]), he(function() {
-    return !n && K && z.current && z.current.focus(), function() {
+  }, [W, A]), he(function() {
+    return !n && K && W.current && W.current.focus(), function() {
     };
-  }, [z, K, n]);
+  }, [W, K, n]);
   var E = re(function(d) {
     V ? V(d) : console.error(d);
   }, [V]), C = re(function(d) {
@@ -2127,7 +2136,7 @@ function at() {
           minSize: s,
           maxSize: o,
           multiple: i,
-          maxFiles: v,
+          maxFiles: m,
           validator: X
         }), ee = Y > 0 && !G;
         U({
@@ -2140,7 +2149,7 @@ function at() {
     }).catch(function(b) {
       return E(b);
     });
-  }, [a, c, E, $, ce, s, o, i, v, X]), I = re(function(d) {
+  }, [a, c, E, $, ce, s, o, i, m, X]), I = re(function(d) {
     d.preventDefault(), d.persist(), Ie(d);
     var b = je(d);
     if (b && d.dataTransfer)
@@ -2152,7 +2161,7 @@ function at() {
   }, [g, $]), R = re(function(d) {
     d.preventDefault(), d.persist(), Ie(d);
     var b = _.current.filter(function(G) {
-      return z.current && z.current.contains(G);
+      return W.current && W.current.contains(G);
     }), Y = b.indexOf(d.target);
     Y !== -1 && b.splice(Y, 1), _.current = b, !(b.length > 0) && (U({
       type: "setDraggedFiles",
@@ -2160,7 +2169,7 @@ function at() {
       isDragAccept: !1,
       isDragReject: !1
     }), je(d) && y && y(d));
-  }, [z, y, $]), D = re(function(d, b) {
+  }, [W, y, $]), D = re(function(d, b) {
     var Y = [], G = [];
     d.forEach(function(ee) {
       var xe = Qr(ee, ce), be = er(xe, 2), ze = be[0], We = be[1], Ye = et(ee, s, o), Re = er(Ye, 2), qe = Re[0], Ke = Re[1], He = X ? X(ee) : null;
@@ -2175,7 +2184,7 @@ function at() {
           })
         });
       }
-    }), (!i && Y.length > 1 || i && v >= 1 && Y.length > v) && (Y.forEach(function(ee) {
+    }), (!i && Y.length > 1 || i && m >= 1 && Y.length > m) && (Y.forEach(function(ee) {
       G.push({
         file: ee,
         errors: [Hn]
@@ -2185,7 +2194,7 @@ function at() {
       fileRejections: G,
       type: "setFiles"
     }), h && h(Y, G, b), G.length > 0 && O && O(G, b), Y.length > 0 && S && S(Y, b);
-  }, [U, i, ce, s, o, v, h, S, O, X]), q = re(function(d) {
+  }, [U, i, ce, s, o, m, h, S, O, X]), q = re(function(d) {
     d.preventDefault(), d.persist(), Ie(d), _.current = [], je(d) && Promise.resolve(a(d)).then(function(b) {
       $e(d) && !$ || D(b, d);
     }).catch(function(b) {
@@ -2219,8 +2228,8 @@ function at() {
       type: "openDialog"
     }), pe(), J.current.value = null, J.current.click());
   }, [U, pe, le, k, D, E, fe, i]), Q = re(function(d) {
-    !z.current || !z.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), p());
-  }, [z, p]), de = re(function() {
+    !W.current || !W.current.isEqualNode(d.target) || (d.key === " " || d.key === "Enter" || d.keyCode === 32 || d.keyCode === 13) && (d.preventDefault(), p());
+  }, [W, p]), de = re(function() {
     U({
       type: "focus"
     });
@@ -2251,11 +2260,11 @@ function at() {
         onDragLeave: Pe(ae(Re, R)),
         onDrop: Pe(ae(qe, q)),
         role: typeof G == "string" && G !== "" ? G : "presentation"
-      }, Y, z), !n && !f ? {
+      }, Y, W), !n && !f ? {
         tabIndex: 0
       } : {}), Ke);
     };
-  }, [z, Q, de, Te, dr, C, I, R, q, f, Z, n]), st = re(function(d) {
+  }, [W, Q, de, Te, dr, C, I, R, q, f, Z, n]), st = re(function(d) {
     d.stopPropagation();
   }, []), ct = ie(function() {
     return function() {
@@ -2277,7 +2286,7 @@ function at() {
     isFocused: l && !n,
     getRootProps: it,
     getInputProps: ct,
-    rootRef: z,
+    rootRef: W,
     inputRef: J,
     open: ge(p)
   });
@@ -2351,7 +2360,7 @@ const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go =
   isOpen: o,
   footer: s,
   sortFn: i = yo,
-  groupFn: v = bo,
+  groupFn: m = bo,
   ...c
 }) => {
   const y = ie(
@@ -2365,8 +2374,8 @@ const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go =
     o && S(new Set(y));
   }, [o]);
   const O = ie(() => e.some((k) => k.group), [e]), w = ie(
-    () => O ? v(e) : [{ group: "Ungrouped", items: e }],
-    [e, v]
+    () => O ? m(e) : [{ group: "Ungrouped", items: e }],
+    [e, m]
   ), L = (k) => {
     const { checked: K, value: A } = k.target, N = e.find((f) => `${f.value}` === A);
     if (N) {
@@ -2401,7 +2410,7 @@ const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go =
   required: o = !1,
   items: s = [],
   disabledItems: i = [],
-  dropdownHeader: v,
+  dropdownHeader: m,
   dropdownFooter: c,
   variant: y = "search"
 }) => {
@@ -2468,7 +2477,7 @@ const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go =
         ) : s,
         selectedItems: K,
         disabledItems: i,
-        header: v,
+        header: m,
         updateItems: A,
         footer: c || /* @__PURE__ */ se(De, { children: [
           /* @__PURE__ */ u(
@@ -2516,8 +2525,8 @@ const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go =
   const s = e < 0, i = Math.abs(e);
   if (i === 0)
     return { value: 0, unit: n || "B" };
-  const v = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], y = c.findIndex((w) => w === r) || 0, g = i * Math.pow(v, y), h = n ? c.findIndex((w) => w === n) : Math.floor(Math.log(g) / Math.log(v));
-  let S = g / Math.pow(v, h);
+  const m = t ? 1024 : 1e3, c = t ? ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"] : ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], y = c.findIndex((w) => w === r) || 0, g = i * Math.pow(m, y), h = n ? c.findIndex((w) => w === n) : Math.floor(Math.log(g) / Math.log(m));
+  let S = g / Math.pow(m, h);
   if (S % 1 !== 0) {
     const w = Math.pow(10, a);
     S = Math[o](S * w) / w;

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

@@ -2,13 +2,13 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var o="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(o=a(o,t(i)))}return o}function t(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return n.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var s="";for(var i in o)r.call(o,i)&&o[i]&&(s=a(s,i));return s}function a(o,s){return s?o?o+" "+s:o+s:o}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(lr);var tn=lr.exports;const Y=cr(tn),to="",le={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},on=[le.link,le.positive,le.negative,le.caution],an=le.linkFaded,ur=le.caution,Me=le.light,fr=2,pr=1,dr=(e,r)=>{var a,o;const n=((o=(a=e==null?void 0:e.current)==null?void 0:a.getBoundingClientRect())==null?void 0:o.width)||0;return n>r*fr?n/r:fr},pe={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},vr=({className:e,children:r,data:n,max:t,variant:a="regular",size:o="regular",...s})=>{const i=b.useRef(null),v=n==null?void 0:n.reduce((x,S)=>x+S.value,0),l=t||v,g=n.map(x=>x.value/l*100),[m,_]=b.useState(0);b.useEffect(()=>{_(a==="segmented"?dr(i,l):0)},[l,a]);const T=b.useCallback(()=>{_(dr(i,l))},[i,l,_]);return U.useListener(window,T,"resize",!0,a==="segmented"),c.jsxs("div",{className:Y("p-meter",e,{"p-meter--small":o==="small"}),"aria-label":s==null?void 0:s["aria-label"],"data-testid":pe.container,ref:i,children:[c.jsx(sn,{children:c.jsx(cn,{data:n,datumWidths:g,maximum:l,overColor:ur,segmentWidth:m,separatorColor:Me})}),r]})},sn=({children:e})=>c.jsx("div",{className:"p-meter__bar","data-testid":pe.bar,style:{backgroundColor:an},children:e}),cn=({data:e,datumWidths:r,maximum:n,segmentWidth:t})=>{const a=()=>(e==null?void 0:e.reduce((i,v)=>i+v.value,0))>n,o=(i,v)=>({backgroundColor:i.color,left:`${r==null?void 0:r.reduce((l,g,m)=>v>m?l+g:l,0)}%`,width:`${r[v]}%`}),s=()=>({background:`repeating-linear-gradient(
+*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var o="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(o=a(o,t(i)))}return o}function t(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return n.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var s="";for(var i in o)r.call(o,i)&&o[i]&&(s=a(s,i));return s}function a(o,s){return s?o?o+" "+s:o+s:o}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(lr);var tn=lr.exports;const q=cr(tn),to="",le={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},on=[le.link,le.positive,le.negative,le.caution],an=le.linkFaded,ur=le.caution,Me=le.light,fr=2,pr=1,dr=(e,r)=>{var a,o;const n=((o=(a=e==null?void 0:e.current)==null?void 0:a.getBoundingClientRect())==null?void 0:o.width)||0;return n>r*fr?n/r:fr},pe={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},vr=({className:e,children:r,data:n,max:t,variant:a="regular",size:o="regular",...s})=>{const i=b.useRef(null),v=n==null?void 0:n.reduce((x,S)=>x+S.value,0),l=t||v,g=n.map(x=>x.value/l*100),[m,_]=b.useState(0);b.useEffect(()=>{_(a==="segmented"?dr(i,l):0)},[l,a]);const T=b.useCallback(()=>{_(dr(i,l))},[i,l,_]);return U.useListener(window,T,"resize",!0,a==="segmented"),c.jsxs("div",{className:q("p-meter",e,{"p-meter--small":o==="small"}),"aria-label":s==null?void 0:s["aria-label"],"data-testid":pe.container,ref:i,children:[c.jsx(sn,{children:c.jsx(cn,{data:n,datumWidths:g,maximum:l,overColor:ur,segmentWidth:m,separatorColor:Me})}),r]})},sn=({children:e})=>c.jsx("div",{className:"p-meter__bar","data-testid":pe.bar,style:{backgroundColor:an},children:e}),cn=({data:e,datumWidths:r,maximum:n,segmentWidth:t})=>{const a=()=>(e==null?void 0:e.reduce((i,v)=>i+v.value,0))>n,o=(i,v)=>({backgroundColor:i.color,left:`${r==null?void 0:r.reduce((l,g,m)=>v>m?l+g:l,0)}%`,width:`${r[v]}%`}),s=()=>({background:`repeating-linear-gradient(
       to right,
       transparent 0,
       transparent ${t-pr}px,
       ${Me} ${t-pr}px,
       ${Me} ${t}px
-    )`});return c.jsxs(c.Fragment,{children:[a()?c.jsx("div",{className:"p-meter__filled","data-testid":pe.meteroverflow,style:{backgroundColor:ur,width:"100%"}}):e==null?void 0:e.map((i,v)=>c.jsx("div",{className:"p-meter__filled","data-testid":pe.filled,style:o(i,v)},`meter-${v}`)),t>0&&c.jsx("div",{className:"p-meter__separators","data-testid":pe.segments,style:s()})]})},ln=({className:e,children:r})=>c.jsx("div",{className:Y("p-meter__label",e),"data-testid":pe.label,children:r});vr.Label=ln;const un=({children:e,to:r,...n})=>c.jsx(U.Link,{...n,href:r,rel:"noreferrer noopener",target:"_blank",children:e}),fn=({children:e})=>c.jsx(c.Fragment,{children:e}),pn=({isCollapsed:e,setIsCollapsed:r,className:n})=>c.jsx(U.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:c.jsxs(c.Fragment,{children:[e?"expand":"collapse","( ",c.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:c.jsx(U.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:Y("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",n),onClick:t=>{r(!e),t.stopPropagation(),t.currentTarget.blur()},children:c.jsx(U.Icon,{light:!0,name:"sidebar-toggle"})})}),dn=({children:e})=>c.jsx("div",{className:"p-panel__content",children:c.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),vn=({children:e})=>c.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),gn=({children:e})=>c.jsx("div",{className:"l-navigation__drawer",children:c.jsx("div",{className:"p-panel is-dark",children:e})}),yn=({children:e})=>c.jsx("div",{className:"p-panel__footer",children:e}),mn=({children:e})=>c.jsx("div",{className:"p-panel__header",children:e}),bn=({light:e=!0,name:r})=>c.jsx(U.Icon,{className:"p-side-navigation__icon",light:e,name:r}),hn=({children:e,className:r,hasActiveChild:n})=>c.jsx("li",{className:Y("p-side-navigation__item",r,{"has-active-child":n}),children:e}),_n=({children:e,id:r,variant:n="base"})=>c.jsx("span",{className:Y("p-side-navigation__label",{"p-side-navigation__label--group":n==="group"}),id:r,children:e}),En=({as:e,...r})=>{const n=e||"a";return c.jsx(n,{className:Y("p-side-navigation__link",r.className),...r})},wn=({children:e,className:r})=>c.jsx("ul",{className:Y("p-side-navigation__list",r),children:e}),Sn=({as:e,children:r,className:n,...t})=>{const a=e||"a";return c.jsx(a,{className:Y("p-panel__logo",n),...t,children:c.jsx("div",{className:"p-navigation__tagged-logo",children:r})})},Tn=({children:e})=>b.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),On=({children:e,variant:r="base"})=>c.jsx("div",{className:Y("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":r==="small"}),children:e}),Cn=({children:e})=>c.jsx("div",{className:"p-navigation__logo-tag",children:e}),Dn=({children:e})=>c.jsx("span",{className:"p-panel__logo-text",children:e}),xn=({children:e,className:r,onClick:n})=>c.jsx(U.Button,{appearance:"base",className:Y("p-side-navigation__button--menu has-icon is-dark",r),onClick:t=>{n&&n(t),t.stopPropagation(),t.currentTarget.blur()},children:e}),An=({children:e})=>c.jsx("span",{className:"p-side-navigation__text",children:e}),oo="",G=({children:e,className:r,isCollapsed:n})=>c.jsx("header",{"aria-label":"main navigation",className:Y("l-navigation is-maas",r,{"is-collapsed":n,"is-pinned":!n}),children:e}),gr=({children:e,className:r})=>c.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:c.jsx("div",{className:Y("p-panel is-dark",r),children:e})});G.Header=mn,G.Banner=fn,G.Drawer=gn,G.Controls=vn,G.CollapseToggle=pn,G.Content=dn,G.Footer=yn,G.List=wn,G.Item=hn,G.Link=En,G.Text=An,G.Icon=bn,G.Label=_n,G.Logo=Sn,G.LogoTag=Cn,G.LogoIcon=Tn,G.LogoName=On,G.LogoText=Dn,gr.MenuButton=xn;const ao="",Ne=b.createContext(null),$e=({children:e})=>{const r=b.useId();return c.jsx(Ne.Provider,{value:r,children:c.jsx("div",{role:"group","aria-labelledby":`${r}_label`,"aria-describedby":`${r}_description`,className:"p-input-group",children:e})})},Pn=({children:e})=>{const r=b.useContext(Ne);return c.jsx("label",{id:`${r}_label`,children:e})},In=({children:e})=>{const r=b.useContext(Ne);return c.jsx("p",{className:"p-form-help-text",id:`${r}_description`,children:e})};$e.Label=Pn,$e.Description=In;const io="",Ce=({children:e})=>c.jsx("div",{className:"p-form-section",children:e}),Fn=({children:e})=>c.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),jn=({children:e})=>c.jsx("p",{className:"p-form-help-text",children:e}),kn=({children:e})=>c.jsx("div",{className:"p-form-section__content",children:e});Ce.Title=Fn,Ce.Description=jn,Ce.Content=kn;const so="";function Mn(e){const[r,n]=oe.useState(null),t=oe.useRef(null),a=oe.useCallback(()=>{if(e.current){const o=e.current.getBoundingClientRect();n(o)}},[e]);return oe.useEffect(()=>{const o=new ResizeObserver(()=>{t.current&&cancelAnimationFrame(t.current),t.current=requestAnimationFrame(a)});return e.current&&o.observe(e.current),()=>{t.current&&cancelAnimationFrame(t.current),o.disconnect()}},[e,a]),r}const yr=oe.createContext(null),mr=oe.createContext([!1,()=>{}]),Le=({children:e})=>{const r=oe.useRef(null),n=Mn(r),[t,a]=oe.useState(!1);return c.jsx("header",{className:Y("main-toolbar",{"main-toolbar--stacked":t}),ref:r,children:c.jsx(yr.Provider,{value:n,children:c.jsx(mr.Provider,{value:[t,a],children:e})})})},Nn=({as:e,children:r,className:n,...t})=>{const a=e||"h1";return c.jsx(a,{className:Y("main-toolbar__title p-heading--4",n),"data-testid":"main-toolbar-heading",...t,children:r})},$n=({children:e})=>{const r=oe.useContext(yr),[n,t]=oe.useContext(mr),a=oe.useRef(null);return oe.useEffect(()=>{!a.current||!r||t(a.current.getBoundingClientRect().width>r.width)},[t,r,a]),c.jsxs(c.Fragment,{children:[c.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:a,style:{visibility:"hidden",position:"absolute"},children:e}),c.jsx("div",{className:Y("main-toolbar__controls",{"main-toolbar__controls--stacked":n}),children:e})]})};Le.Title=Nn,Le.Controls=$n;const co="",Ee=({children:e,className:r,as:n,variant:t="wide",...a})=>{const o=n||"section",s=Y("content-section",r);return c.jsx(o,{...a,className:s,children:c.jsx(U.Row,{children:c.jsx(U.Col,{size:t==="narrow"?6:12,children:e})})})},Ln=({children:e,className:r,as:n,...t})=>{const a=n||"h1";return c.jsx(a,{...t,className:Y("content-section__title p-heading--4",r),children:e})},Bn=({children:e,className:r})=>c.jsx("header",{className:Y("content-section__header",r),children:e}),zn=({children:e,className:r})=>c.jsx("div",{className:Y("content-section__body",r),children:e}),Wn=({children:e,className:r})=>c.jsx("footer",{className:Y("content-section__footer",r),children:e});Ee.Title=Ln,Ee.Header=Bn,Ee.Content=zn,Ee.Footer=Wn;const lo="",uo="",br=({children:e,className:r,isVisible:n})=>c.jsx("div",{className:Y("fade-in--down",r),"aria-hidden":n?"false":"true",style:{visibility:n?"visible":"hidden"},children:e}),qn=({children:e,...r})=>c.jsx(br,{isVisible:!r["aria-hidden"],children:c.jsx("div",{className:"p-form__nested-group",...r,children:e})}),fo="",hr=({currentPage:e,error:r,disabled:n,onInputBlur:t,onInputChange:a,onNextClick:o,onPreviousClick:s,totalPages:i})=>c.jsx("nav",{"aria-label":"pagination",className:"p-pagination",children:c.jsxs("span",{className:"p-pagination--items",children:[c.jsx(U.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:e===1||n,onClick:s,type:"button",children:c.jsx(U.Icon,{name:"chevron-down"})}),c.jsx("strong",{children:"Page "})," ",c.jsx(U.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:n,error:r,min:1,onBlur:t,onChange:a,required:!0,type:"number",value:e})," ",c.jsxs("strong",{className:"u-no-wrap",children:[" of ",i]}),c.jsx(U.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:e===i||n,onClick:o,type:"button",children:c.jsx(U.Icon,{name:"chevron-up"})})]})}),Yn=({currentPage:e,disabled:r,paginate:n,totalPages:t})=>{const[a,o]=b.useState(e),[s,i]=b.useState(""),v=()=>{o(e),i("")},l=_=>{const{value:T,valueAsNumber:x}=_.target;T?(o(x),x>t||x<1?i(`${x} is not a valid page number.`):(i(""),n(x))):i("Enter a page number.")},g=()=>{o(_=>Number(_)-1),n(Number(e)-1)},m=()=>{o(_=>Number(_)+1),n(Number(e)+1)};return c.jsx(hr,{currentPage:a,error:s,disabled:r,onInputBlur:v,onInputChange:l,onNextClick:m,onPreviousClick:g,totalPages:t})},po="",Kn=({activeStep:e,items:r})=>c.jsx("ol",{className:"stepper",children:r.map((n,t)=>{const a=t===e,o=t<e;return c.jsx("li",{"aria-label":n,className:"stepper__item",children:c.jsx("p",{"aria-label":o?`${n} (completed)`:n,className:Y("stepper__title",{"stepper__title--is-active":a,"stepper__title--is-complete":o}),children:n})},t)})});var Be={exports:{}},De={exports:{}},k={};/** @license React v16.13.1
+    )`});return c.jsxs(c.Fragment,{children:[a()?c.jsx("div",{className:"p-meter__filled","data-testid":pe.meteroverflow,style:{backgroundColor:ur,width:"100%"}}):e==null?void 0:e.map((i,v)=>c.jsx("div",{className:"p-meter__filled","data-testid":pe.filled,style:o(i,v)},`meter-${v}`)),t>0&&c.jsx("div",{className:"p-meter__separators","data-testid":pe.segments,style:s()})]})},ln=({className:e,children:r})=>c.jsx("div",{className:q("p-meter__label",e),"data-testid":pe.label,children:r});vr.Label=ln;const un=({children:e,to:r,...n})=>c.jsx(U.Link,{...n,href:r,rel:"noreferrer noopener",target:"_blank",children:e}),fn=({children:e})=>c.jsx(c.Fragment,{children:e}),pn=({isCollapsed:e,setIsCollapsed:r,className:n})=>c.jsx(U.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:c.jsxs(c.Fragment,{children:[e?"expand":"collapse","( ",c.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:c.jsx(U.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:q("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",n),onClick:t=>{r(!e),t.stopPropagation(),t.currentTarget.blur()},children:c.jsx(U.Icon,{light:!0,name:"sidebar-toggle"})})}),dn=({children:e})=>c.jsx("div",{className:"p-panel__content",children:c.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),vn=({children:e})=>c.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),gn=({children:e})=>c.jsx("div",{className:"l-navigation__drawer",children:c.jsx("div",{className:"p-panel is-dark",children:e})}),yn=({children:e})=>c.jsx("div",{className:"p-panel__footer",children:e}),mn=({children:e})=>c.jsx("div",{className:"p-panel__header",children:e}),bn=({light:e=!0,name:r})=>c.jsx(U.Icon,{className:"p-side-navigation__icon",light:e,name:r}),hn=({children:e,className:r,hasActiveChild:n})=>c.jsx("li",{className:q("p-side-navigation__item",r,{"has-active-child":n}),children:e}),_n=({children:e,id:r,variant:n="base"})=>c.jsx("span",{className:q("p-side-navigation__label",{"p-side-navigation__label--group":n==="group"}),id:r,children:e}),En=({as:e,...r})=>{const n=e||"a";return c.jsx(n,{className:q("p-side-navigation__link",r.className),...r})},wn=({children:e,className:r})=>c.jsx("ul",{className:q("p-side-navigation__list",r),children:e}),Sn=({as:e,children:r,className:n,...t})=>{const a=e||"a";return c.jsx(a,{className:q("p-panel__logo",n),...t,children:c.jsx("div",{className:"p-navigation__tagged-logo",children:r})})},Tn=({children:e})=>b.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),On=({children:e,variant:r="base"})=>c.jsx("div",{className:q("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":r==="small"}),children:e}),Cn=({children:e})=>c.jsx("div",{className:"p-navigation__logo-tag",children:e}),Dn=({children:e})=>c.jsx("span",{className:"p-panel__logo-text",children:e}),xn=({children:e,className:r,onClick:n})=>c.jsx(U.Button,{appearance:"base",className:q("p-side-navigation__button--menu has-icon is-dark",r),onClick:t=>{n&&n(t),t.stopPropagation(),t.currentTarget.blur()},children:e}),An=({children:e})=>c.jsx("span",{className:"p-side-navigation__text",children:e}),oo="",G=({children:e,className:r,isCollapsed:n})=>c.jsx("header",{"aria-label":"main navigation",className:q("l-navigation is-maas",r,{"is-collapsed":n,"is-pinned":!n}),children:e}),gr=({children:e,className:r})=>c.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:c.jsx("div",{className:q("p-panel is-dark",r),children:e})});G.Header=mn,G.Banner=fn,G.Drawer=gn,G.Controls=vn,G.CollapseToggle=pn,G.Content=dn,G.Footer=yn,G.List=wn,G.Item=hn,G.Link=En,G.Text=An,G.Icon=bn,G.Label=_n,G.Logo=Sn,G.LogoTag=Cn,G.LogoIcon=Tn,G.LogoName=On,G.LogoText=Dn,gr.MenuButton=xn;const ao="",Ne=b.createContext(null),$e=({children:e})=>{const r=b.useId();return c.jsx(Ne.Provider,{value:r,children:c.jsx("div",{role:"group","aria-labelledby":`${r}_label`,"aria-describedby":`${r}_description`,className:"p-input-group",children:e})})},Pn=({children:e})=>{const r=b.useContext(Ne);return c.jsx("label",{id:`${r}_label`,children:e})},In=({children:e})=>{const r=b.useContext(Ne);return c.jsx("p",{className:"p-form-help-text",id:`${r}_description`,children:e})};$e.Label=Pn,$e.Description=In;const io="",Ce=({children:e})=>c.jsx("div",{className:"p-form-section",children:e}),Fn=({children:e})=>c.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),jn=({children:e})=>c.jsx("p",{className:"p-form-help-text",children:e}),kn=({children:e})=>c.jsx("div",{className:"p-form-section__content",children:e});Ce.Title=Fn,Ce.Description=jn,Ce.Content=kn;const so="";function Mn(e){const[r,n]=oe.useState(null),t=oe.useRef(null),a=oe.useCallback(()=>{if(e.current){const o=e.current.getBoundingClientRect();n(o)}},[e]);return oe.useEffect(()=>{const o=new ResizeObserver(()=>{t.current&&cancelAnimationFrame(t.current),t.current=requestAnimationFrame(a)});return e.current&&o.observe(e.current),()=>{t.current&&cancelAnimationFrame(t.current),o.disconnect()}},[e,a]),r}const yr=oe.createContext(null),mr=oe.createContext([!1,()=>{}]),Le=({children:e})=>{const r=oe.useRef(null),n=Mn(r),[t,a]=oe.useState(!1);return c.jsx("header",{className:q("main-toolbar",{"main-toolbar--stacked":t}),ref:r,children:c.jsx(yr.Provider,{value:n,children:c.jsx(mr.Provider,{value:[t,a],children:e})})})},Nn=({as:e,children:r,className:n,...t})=>{const a=e||"h1";return c.jsx(a,{className:q("main-toolbar__title p-heading--4",n),"data-testid":"main-toolbar-heading",...t,children:r})},$n=({children:e})=>{const r=oe.useContext(yr),[n,t]=oe.useContext(mr),a=oe.useRef(null);return oe.useEffect(()=>{!a.current||!r||t(a.current.getBoundingClientRect().width>r.width)},[t,r,a]),c.jsxs(c.Fragment,{children:[c.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:a,style:{visibility:"hidden",position:"absolute"},children:e}),c.jsx("div",{className:q("main-toolbar__controls",{"main-toolbar__controls--stacked":n}),children:e})]})};Le.Title=Nn,Le.Controls=$n;const co="",Ee=({children:e,className:r,as:n,variant:t="wide",...a})=>{const o=n||"section",s=q("content-section",r);return c.jsx(o,{...a,className:s,children:c.jsx(U.Row,{children:c.jsx(U.Col,{size:t==="narrow"?6:12,children:e})})})},Ln=({children:e,className:r,as:n,...t})=>{const a=n||"h1";return c.jsx(a,{...t,className:q("content-section__title p-heading--4",r),children:e})},Bn=({children:e,className:r})=>c.jsx("header",{className:q("content-section__header",r),children:e}),zn=({children:e,className:r})=>c.jsx("div",{className:q("content-section__body",r),children:e}),Wn=({children:e,className:r})=>c.jsx("footer",{className:q("content-section__footer",r),children:e});Ee.Title=Ln,Ee.Header=Bn,Ee.Content=zn,Ee.Footer=Wn;const lo="",uo="",br=({children:e,className:r,isVisible:n})=>c.jsx("div",{className:q("fade-in--down",r),"aria-hidden":n?"false":"true",style:{visibility:n?"visible":"hidden"},children:e}),qn=({children:e,...r})=>c.jsx(br,{isVisible:!r["aria-hidden"],children:c.jsx("div",{className:"p-form__nested-group",...r,children:e})}),fo="",hr=({className:e,currentPage:r,error:n,disabled:t,onInputBlur:a,onInputChange:o,onNextClick:s,onPreviousClick:i,totalPages:v,...l})=>c.jsx("nav",{"aria-label":(l==null?void 0:l["aria-label"])||"pagination",className:q("p-pagination",e),children:c.jsxs("span",{className:"p-pagination--items",children:[c.jsx(U.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:r===1||t,onClick:i,type:"button",children:c.jsx(U.Icon,{name:"chevron-down"})}),c.jsx("strong",{children:"Page "})," ",c.jsx(U.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:t,error:n,min:1,onBlur:a,onChange:o,required:!0,type:"number",value:r})," ",c.jsxs("strong",{className:"u-no-wrap",children:[" of ",v]}),c.jsx(U.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:r===v||t,onClick:s,type:"button",children:c.jsx(U.Icon,{name:"chevron-up"})})]})}),Yn=({currentPage:e,disabled:r,paginate:n,totalPages:t})=>{const[a,o]=b.useState(e),[s,i]=b.useState(""),v=()=>{o(e),i("")},l=_=>{const{value:T,valueAsNumber:x}=_.target;T?(o(x),x>t||x<1?i(`${x} is not a valid page number.`):(i(""),n(x))):i("Enter a page number.")},g=()=>{o(_=>Number(_)-1),n(Number(e)-1)},m=()=>{o(_=>Number(_)+1),n(Number(e)+1)};return c.jsx(hr,{currentPage:a,error:s,disabled:r,onInputBlur:v,onInputChange:l,onNextClick:m,onPreviousClick:g,totalPages:t})},po="",Kn=({activeStep:e,items:r})=>c.jsx("ol",{className:"stepper",children:r.map((n,t)=>{const a=t===e,o=t<e;return c.jsx("li",{"aria-label":n,className:"stepper__item",children:c.jsx("p",{"aria-label":o?`${n} (completed)`:n,className:q("stepper__title",{"stepper__title--is-active":a,"stepper__title--is-complete":o}),children:n})},t)})});var Be={exports:{}},De={exports:{}},k={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -31,4 +31,4 @@ Valid keys: `+JSON.stringify(Object.keys(u),null,"  "));var p=V(D,A,E,I,w+"."+A,
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function vt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function gt(e){if(Array.isArray(e))return Ve(e)}function Lr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function Br(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Lr(Object(n),!0).forEach(function(t){zr(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lr(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 bt(e)||mt(e,r)||Wr(e,r)||yt()}function yt(){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 Wr(e,r){if(e){if(typeof e=="string")return Ve(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 Ve(e,r)}}function Ve(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=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function bt(e){if(Array.isArray(e))return e}var ht="file-invalid-type",_t="file-too-large",Et="file-too-small",wt="too-many-files",St=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:ht,message:"File type must be ".concat(n)}},qr=function(r){return{code:_t,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Yr=function(r){return{code:Et,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Tt={code:wt,message:"Too many files"};function Kr(e,r){var n=e.type==="application/x-moz-file"||pt(e,r);return[n,n?null:St(r)]}function Ur(e,r,n){if(de(e.size))if(de(r)&&de(n)){if(e.size>n)return[!1,qr(n)];if(e.size<r)return[!1,Yr(r)]}else{if(de(r)&&e.size<r)return[!1,Yr(r)];if(de(n)&&e.size>n)return[!1,qr(n)]}return[!0,null]}function de(e){return e!=null}function Ot(e){var r=e.files,n=e.accept,t=e.minSize,a=e.maxSize,o=e.multiple,s=e.maxFiles,i=e.validator;return!o&&r.length>1||o&&s>=1&&r.length>s?!1:r.every(function(v){var l=Kr(v,n),g=Se(l,1),m=g[0],_=Ur(v,t,a),T=Se(_,1),x=T[0],S=i?i(v):null;return m&&x&&!S})}function Ae(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 Hr(e){e.preventDefault()}function Ct(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function Dt(e){return e.indexOf("Edge/")!==-1}function xt(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Ct(e)||Dt(e)}function ie(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(t){for(var a=arguments.length,o=new Array(a>1?a-1:0),s=1;s<a;s++)o[s-1]=arguments[s];return r.some(function(i){return!Ae(t)&&i&&i.apply(void 0,[t].concat(o)),Ae(t)})}}function At(){return"showOpenFilePicker"in window}function Pt(e){if(de(e)){var r=Object.entries(e).filter(function(n){var t=Se(n,2),a=t[0],o=t[1],s=!0;return Gr(a)||(console.warn('Skipped "'.concat(a,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),s=!1),(!Array.isArray(o)||!o.every(Vr))&&(console.warn('Skipped "'.concat(a,'" because an invalid file extension was provided.')),s=!1),s}).reduce(function(n,t){var a=Se(t,2),o=a[0],s=a[1];return Br(Br({},n),{},zr({},o,s))},{});return[{description:"Files",accept:r}]}return e}function It(e){if(de(e))return Object.entries(e).reduce(function(r,n){var t=Se(n,2),a=t[0],o=t[1];return[].concat($r(r),[a],$r(o))},[]).filter(function(r){return Gr(r)||Vr(r)}).join(",")}function Ft(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function jt(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function Gr(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function Vr(e){return/^.*\.[\w]+$/.test(e)}var kt=["children"],Mt=["open"],Nt=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],$t=["refKey","onChange","onClick"];function Lt(e){return Wt(e)||zt(e)||Jr(e)||Bt()}function Bt(){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 zt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Wt(e){if(Array.isArray(e))return Ze(e)}function Je(e,r){return Kt(e)||Yt(e,r)||Jr(e,r)||qt()}function qt(){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 Ze(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 Ze(e,r)}}function Ze(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 Yt(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var t=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function Kt(e){if(Array.isArray(e))return e}function Zr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function q(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Zr(Object(n),!0).forEach(function(t){Xe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Xe(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Ie(e,r){if(e==null)return{};var n=Ut(e,r),t,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function Ut(e,r){if(e==null)return{};var n={},t=Object.keys(e),a,o;for(o=0;o<t.length;o++)a=t[o],!(r.indexOf(a)>=0)&&(n[a]=e[a]);return n}var Qe=b.forwardRef(function(e,r){var n=e.children,t=Ie(e,kt),a=Qr(t),o=a.open,s=Ie(a,Mt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(q(q({},s),{},{open:o})))});Qe.displayName="Dropzone";var Xr={disabled:!1,getFilesFromEvent:tt,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};Qe.defaultProps=Xr,Qe.propTypes={children:B.func,accept:B.objectOf(B.arrayOf(B.string)),multiple:B.bool,preventDropOnDocument:B.bool,noClick:B.bool,noKeyboard:B.bool,noDrag:B.bool,noDragEventsBubbling:B.bool,minSize:B.number,maxSize:B.number,maxFiles:B.number,disabled:B.bool,getFilesFromEvent:B.func,onFileDialogCancel:B.func,onFileDialogOpen:B.func,useFsAccessApi:B.bool,autoFocus:B.bool,onDragEnter:B.func,onDragLeave:B.func,onDragOver:B.func,onDrop:B.func,onDropAccepted:B.func,onDropRejected:B.func,onError:B.func,validator:B.func};var Re={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Qr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=q(q({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,s=r.minSize,i=r.multiple,v=r.maxFiles,l=r.onDragEnter,g=r.onDragLeave,m=r.onDragOver,_=r.onDrop,T=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,W=r.onFileDialogOpen,N=r.useFsAccessApi,J=r.autoFocus,P=r.preventDropOnDocument,$=r.noClick,f=r.noKeyboard,ee=r.noDrag,z=r.noDragEventsBubbling,Q=r.onError,re=r.validator,ce=b.useMemo(function(){return It(n)},[n]),ve=b.useMemo(function(){return Pt(n)},[n]),ge=b.useMemo(function(){return typeof W=="function"?W:Rr},[W]),ue=b.useMemo(function(){return typeof S=="function"?S:Rr},[S]),K=b.useRef(null),R=b.useRef(null),ae=b.useReducer(Ht,Re),se=Je(ae,2),fe=se[0],Z=se[1],u=fe.isFocused,y=fe.isFileDialogActive,O=b.useRef(typeof window<"u"&&window.isSecureContext&&N&&At()),C=function(){!O.current&&y&&setTimeout(function(){if(R.current){var h=R.current.files;h.length||(Z({type:"closeDialog"}),ue())}},300)};b.useEffect(function(){return window.addEventListener("focus",C,!1),function(){window.removeEventListener("focus",C,!1)}},[R,y,ue,O]);var E=b.useRef([]),I=function(h){K.current&&K.current.contains(h.target)||(h.preventDefault(),E.current=[])};b.useEffect(function(){return P&&(document.addEventListener("dragover",Hr,!1),document.addEventListener("drop",I,!1)),function(){P&&(document.removeEventListener("dragover",Hr),document.removeEventListener("drop",I))}},[K,P]),b.useEffect(function(){return!t&&J&&K.current&&K.current.focus(),function(){}},[K,J,t]);var w=b.useCallback(function(d){Q?Q(d):console.error(d)},[Q]),D=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[].concat(Lt(E.current),[d.target]),Pe(d)&&Promise.resolve(a(d)).then(function(h){if(!(Ae(d)&&!z)){var H=h.length,X=H>0&&Ot({files:h,accept:ce,minSize:s,maxSize:o,multiple:i,maxFiles:v,validator:re}),te=H>0&&!X;Z({isDragAccept:X,isDragReject:te,isDragActive:!0,type:"setDraggedFiles"}),l&&l(d)}}).catch(function(h){return w(h)})},[a,l,w,z,ce,s,o,i,v,re]),F=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=Pe(d);if(h&&d.dataTransfer)try{d.dataTransfer.dropEffect="copy"}catch{}return h&&m&&m(d),!1},[m,z]),j=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=E.current.filter(function(X){return K.current&&K.current.contains(X)}),H=h.indexOf(d.target);H!==-1&&h.splice(H,1),E.current=h,!(h.length>0)&&(Z({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(d)&&g&&g(d))},[K,g,z]),A=b.useCallback(function(d,h){var H=[],X=[];d.forEach(function(te){var Oe=Kr(te,ce),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Ur(te,s,o),ke=Je(tr,2),or=ke[0],ar=ke[1],ir=re?re(te):null;if(rr&&or&&!ir)H.push(te);else{var sr=[nr,ar];ir&&(sr=sr.concat(ir)),X.push({file:te,errors:sr.filter(function(no){return no})})}}),(!i&&H.length>1||i&&v>=1&&H.length>v)&&(H.forEach(function(te){X.push({file:te,errors:[Tt]})}),H.splice(0)),Z({acceptedFiles:H,fileRejections:X,type:"setFiles"}),_&&_(H,X,h),X.length>0&&x&&x(X,h),H.length>0&&T&&T(H,h)},[Z,i,ce,s,o,v,_,T,x,re]),V=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[],Pe(d)&&Promise.resolve(a(d)).then(function(h){Ae(d)&&!z||A(h,d)}).catch(function(h){return w(h)}),Z({type:"reset"})},[a,A,w,z]),p=b.useCallback(function(){if(O.current){Z({type:"openDialog"}),ge();var d={multiple:i,types:ve};window.showOpenFilePicker(d).then(function(h){return a(h)}).then(function(h){A(h,null),Z({type:"closeDialog"})}).catch(function(h){Ft(h)?(ue(h),Z({type:"closeDialog"})):jt(h)?(O.current=!1,R.current?(R.current.value=null,R.current.click()):w(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):w(h)});return}R.current&&(Z({type:"openDialog"}),ge(),R.current.value=null,R.current.click())},[Z,ge,ue,N,A,w,ve,i]),ne=b.useCallback(function(d){!K.current||!K.current.isEqualNode(d.target)||(d.key===" "||d.key==="Enter"||d.keyCode===32||d.keyCode===13)&&(d.preventDefault(),p())},[K,p]),ye=b.useCallback(function(){Z({type:"focus"})},[]),Te=b.useCallback(function(){Z({type:"blur"})},[]),rn=b.useCallback(function(){$||(xt()?setTimeout(p,0):p())},[$,p]),he=function(h){return t?null:h},er=function(h){return f?null:he(h)},Fe=function(h){return ee?null:he(h)},je=function(h){z&&h.stopPropagation()},Rt=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.role,te=d.onKeyDown,Oe=d.onFocus,_e=d.onBlur,rr=d.onClick,nr=d.onDragEnter,tr=d.onDragOver,ke=d.onDragLeave,or=d.onDrop,ar=Ie(d,Nt);return q(q(Xe({onKeyDown:er(ie(te,ne)),onFocus:er(ie(Oe,ye)),onBlur:er(ie(_e,Te)),onClick:he(ie(rr,rn)),onDragEnter:Fe(ie(nr,D)),onDragOver:Fe(ie(tr,F)),onDragLeave:Fe(ie(ke,j)),onDrop:Fe(ie(or,V)),role:typeof X=="string"&&X!==""?X:"presentation"},H,K),!t&&!f?{tabIndex:0}:{}),ar)}},[K,ne,ye,Te,rn,D,F,j,V,f,ee,t]),eo=b.useCallback(function(d){d.stopPropagation()},[]),ro=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.onChange,te=d.onClick,Oe=Ie(d,$t),_e=Xe({accept:ce,multiple:i,type:"file",style:{display:"none"},onChange:he(ie(X,V)),onClick:he(ie(te,eo)),tabIndex:-1},H,R);return q(q({},_e),Oe)}},[R,n,i,V,t]);return q(q({},fe),{},{isFocused:u&&!t,getRootProps:Rt,getInputProps:ro,rootRef:K,inputRef:R,open:he(p)})}function Ht(e,r){switch(r.type){case"focus":return q(q({},e),{},{isFocused:!0});case"blur":return q(q({},e),{},{isFocused:!1});case"openDialog":return q(q({},Re),{},{isFileDialogActive:!0});case"closeDialog":return q(q({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return q(q({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return q(q({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return q({},Re);default:return e}}function Rr(){}const vo="",Gt=({onFileUpload:e})=>{const{getRootProps:r}=Qr({onDrop:e});return c.jsx("div",{...r(),className:"file-upload","data-testid":"file-upload",children:c.jsx("button",{className:"file-upload__button",type:"button",children:"Drag and drop files here or click to upload"})})},go="",Vt=(e,r)=>e.label.localeCompare(r.label,"en",{numeric:!0}),Jt=e=>(r,n)=>{if(e){const t=e.has(r.value),a=e.has(n.value);if(t&&!a)return-1;if(!t&&a)return 1}return 0},Zt=e=>{const r=new Map;return e.forEach(n=>{const t=n.group||"Ungrouped",a=r.get(t)||[];a.push(n),r.set(t,a)}),Array.from(r,([n,t])=>({group:n,items:t}))},en=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,footer:s,sortFn:i=Vt,groupFn:v=Zt,...l})=>{const g=b.useMemo(()=>new Set(r.map(N=>N.value)),[r]),m=b.useMemo(()=>new Set(n.map(N=>N.value)),[n]),[_,T]=b.useState(new Set(g));b.useEffect(()=>{o&&T(new Set(g))},[o]);const x=b.useMemo(()=>e.some(N=>N.group),[e]),S=b.useMemo(()=>x?v(e):[{group:"Ungrouped",items:e}],[e,v]),W=N=>{const{checked:J,value:P}=N.target,$=e.find(f=>`${f.value}`===P);if($){const f=J?[...r,$]:r.filter(ee=>`${ee.value}`!==P)??[];a(f)}};return c.jsx(br,{isVisible:o,className:"put-above",children:c.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...l,children:[t||null,S.map(({group:N,items:J})=>c.jsxs("div",{className:"multi-select__group",children:[x?c.jsx("h5",{className:"multi-select__dropdown-header",children:N}):null,c.jsx("ul",{className:"multi-select__dropdown-list","aria-label":N,children:J.sort(i).sort(Jt(_)).map(P=>c.jsx("li",{className:"multi-select__dropdown-item",children:c.jsx(U.CheckboxInput,{disabled:m.has(P.value),label:P.label,checked:g.has(P.value),value:P.value,onChange:W},P.value)},P.value))})]},N)),s?c.jsx("div",{className:"multi-select__footer",children:s}):null]})})},Xt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a,required:o=!1,items:s=[],disabledItems:i=[],dropdownHeader:v,dropdownFooter:l,variant:g="search"})=>{const m=U.useClickOutside(()=>{T(!1),S("")});U.useOnEscapePressed(()=>{T(!1),S("")});const[_,T]=b.useState(!1),[x,S]=b.useState("");b.useEffect(()=>{_||S("")},[_]);const[W,N]=b.useState([]),J=r||W,P=z=>{const Q=Array.from(new Set(z));N(Q),t&&t(Q)},$=b.useId(),f=b.useId(),ee=J.filter(z=>s.some(Q=>Q.value===z.value)).map(z=>z.label).join(", ");return c.jsx("div",{ref:m,children:c.jsxs("div",{className:"multi-select",children:[g==="search"?c.jsx(U.SearchBox,{externallyControlled:!0,"aria-controls":$,"aria-expanded":_,id:f,role:"combobox","aria-label":n||a||"Search",disabled:e,autoComplete:"off",onChange:z=>{S(z),T(!0)},onFocus:()=>T(!0),placeholder:a??"Search",required:o,type:"text",value:x,className:"multi-select__input"}):c.jsx("button",{role:"combobox",type:"button","aria-label":n||a||"Select items","aria-controls":$,"aria-expanded":_,className:"multi-select__select-button",onClick:()=>{T(z=>!z)},children:c.jsx("span",{className:"multi-select__condensed-text",children:J.length>0?ee:a??"Select items"})}),c.jsx(en,{id:$,isOpen:_,items:x.length>0?s.filter(z=>z.label.toLowerCase().includes(x.toLowerCase())):s,selectedItems:J,disabledItems:i,header:v,updateItems:P,footer:l||c.jsxs(c.Fragment,{children:[c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=s.filter(Q=>!i.some(re=>re.value===Q.value));P([...J,...z])},type:"button",children:"Select all"}),c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=J.filter(Q=>i.some(re=>re.value===Q.value));P(z)},type:"button",children:"Clear"})]})})]})})},Qt=({value:e,unit:r},{binary:n=!1,convertTo:t,decimals:a=2,roundFunc:o="round"}={})=>{const s=e<0,i=Math.abs(e);if(i===0)return{value:0,unit:t||"B"};const v=n?1024:1e3,l=n?["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],g=l.findIndex(S=>S===r)||0,m=i*Math.pow(v,g),_=t?l.findIndex(S=>S===t):Math.floor(Math.log(m)/Math.log(v));let T=m/Math.pow(v,_);if(T%1!==0){const S=Math.pow(10,a);T=Math[o](T*S)/S}return{value:s?-T:T,unit:l[_]}};L.ContentSection=Ee,L.ExternalLink=un,L.FileUpload=Gt,L.FormSection=Ce,L.InputGroup=$e,L.MainToolbar=Le,L.Meter=vr,L.MultiSelect=Xt,L.MultiSelectDropdown=en,L.Navigation=G,L.NavigationBar=gr,L.NestedFormGroup=qn,L.Pagination=hr,L.PaginationContainer=Yn,L.Stepper=Kn,L.defaultFilledColors=on,L.formatBytes=Qt,L.meterColor=le,L.testIds=pe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});
+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 Ze(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 Ze(e,r)}}function Ze(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 Yt(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var t=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function Kt(e){if(Array.isArray(e))return e}function Zr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function Y(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Zr(Object(n),!0).forEach(function(t){Xe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Xe(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Ie(e,r){if(e==null)return{};var n=Ut(e,r),t,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function Ut(e,r){if(e==null)return{};var n={},t=Object.keys(e),a,o;for(o=0;o<t.length;o++)a=t[o],!(r.indexOf(a)>=0)&&(n[a]=e[a]);return n}var Qe=b.forwardRef(function(e,r){var n=e.children,t=Ie(e,kt),a=Qr(t),o=a.open,s=Ie(a,Mt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(Y(Y({},s),{},{open:o})))});Qe.displayName="Dropzone";var Xr={disabled:!1,getFilesFromEvent:tt,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};Qe.defaultProps=Xr,Qe.propTypes={children:B.func,accept:B.objectOf(B.arrayOf(B.string)),multiple:B.bool,preventDropOnDocument:B.bool,noClick:B.bool,noKeyboard:B.bool,noDrag:B.bool,noDragEventsBubbling:B.bool,minSize:B.number,maxSize:B.number,maxFiles:B.number,disabled:B.bool,getFilesFromEvent:B.func,onFileDialogCancel:B.func,onFileDialogOpen:B.func,useFsAccessApi:B.bool,autoFocus:B.bool,onDragEnter:B.func,onDragLeave:B.func,onDragOver:B.func,onDrop:B.func,onDropAccepted:B.func,onDropRejected:B.func,onError:B.func,validator:B.func};var Re={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Qr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=Y(Y({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,s=r.minSize,i=r.multiple,v=r.maxFiles,l=r.onDragEnter,g=r.onDragLeave,m=r.onDragOver,_=r.onDrop,T=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,W=r.onFileDialogOpen,N=r.useFsAccessApi,J=r.autoFocus,P=r.preventDropOnDocument,$=r.noClick,f=r.noKeyboard,ee=r.noDrag,z=r.noDragEventsBubbling,Q=r.onError,re=r.validator,ce=b.useMemo(function(){return It(n)},[n]),ve=b.useMemo(function(){return Pt(n)},[n]),ge=b.useMemo(function(){return typeof W=="function"?W:Rr},[W]),ue=b.useMemo(function(){return typeof S=="function"?S:Rr},[S]),K=b.useRef(null),R=b.useRef(null),ae=b.useReducer(Ht,Re),se=Je(ae,2),fe=se[0],Z=se[1],u=fe.isFocused,y=fe.isFileDialogActive,O=b.useRef(typeof window<"u"&&window.isSecureContext&&N&&At()),C=function(){!O.current&&y&&setTimeout(function(){if(R.current){var h=R.current.files;h.length||(Z({type:"closeDialog"}),ue())}},300)};b.useEffect(function(){return window.addEventListener("focus",C,!1),function(){window.removeEventListener("focus",C,!1)}},[R,y,ue,O]);var E=b.useRef([]),I=function(h){K.current&&K.current.contains(h.target)||(h.preventDefault(),E.current=[])};b.useEffect(function(){return P&&(document.addEventListener("dragover",Hr,!1),document.addEventListener("drop",I,!1)),function(){P&&(document.removeEventListener("dragover",Hr),document.removeEventListener("drop",I))}},[K,P]),b.useEffect(function(){return!t&&J&&K.current&&K.current.focus(),function(){}},[K,J,t]);var w=b.useCallback(function(d){Q?Q(d):console.error(d)},[Q]),D=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[].concat(Lt(E.current),[d.target]),Pe(d)&&Promise.resolve(a(d)).then(function(h){if(!(Ae(d)&&!z)){var H=h.length,X=H>0&&Ot({files:h,accept:ce,minSize:s,maxSize:o,multiple:i,maxFiles:v,validator:re}),te=H>0&&!X;Z({isDragAccept:X,isDragReject:te,isDragActive:!0,type:"setDraggedFiles"}),l&&l(d)}}).catch(function(h){return w(h)})},[a,l,w,z,ce,s,o,i,v,re]),F=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=Pe(d);if(h&&d.dataTransfer)try{d.dataTransfer.dropEffect="copy"}catch{}return h&&m&&m(d),!1},[m,z]),j=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=E.current.filter(function(X){return K.current&&K.current.contains(X)}),H=h.indexOf(d.target);H!==-1&&h.splice(H,1),E.current=h,!(h.length>0)&&(Z({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(d)&&g&&g(d))},[K,g,z]),A=b.useCallback(function(d,h){var H=[],X=[];d.forEach(function(te){var Oe=Kr(te,ce),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Ur(te,s,o),ke=Je(tr,2),or=ke[0],ar=ke[1],ir=re?re(te):null;if(rr&&or&&!ir)H.push(te);else{var sr=[nr,ar];ir&&(sr=sr.concat(ir)),X.push({file:te,errors:sr.filter(function(no){return no})})}}),(!i&&H.length>1||i&&v>=1&&H.length>v)&&(H.forEach(function(te){X.push({file:te,errors:[Tt]})}),H.splice(0)),Z({acceptedFiles:H,fileRejections:X,type:"setFiles"}),_&&_(H,X,h),X.length>0&&x&&x(X,h),H.length>0&&T&&T(H,h)},[Z,i,ce,s,o,v,_,T,x,re]),V=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[],Pe(d)&&Promise.resolve(a(d)).then(function(h){Ae(d)&&!z||A(h,d)}).catch(function(h){return w(h)}),Z({type:"reset"})},[a,A,w,z]),p=b.useCallback(function(){if(O.current){Z({type:"openDialog"}),ge();var d={multiple:i,types:ve};window.showOpenFilePicker(d).then(function(h){return a(h)}).then(function(h){A(h,null),Z({type:"closeDialog"})}).catch(function(h){Ft(h)?(ue(h),Z({type:"closeDialog"})):jt(h)?(O.current=!1,R.current?(R.current.value=null,R.current.click()):w(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):w(h)});return}R.current&&(Z({type:"openDialog"}),ge(),R.current.value=null,R.current.click())},[Z,ge,ue,N,A,w,ve,i]),ne=b.useCallback(function(d){!K.current||!K.current.isEqualNode(d.target)||(d.key===" "||d.key==="Enter"||d.keyCode===32||d.keyCode===13)&&(d.preventDefault(),p())},[K,p]),ye=b.useCallback(function(){Z({type:"focus"})},[]),Te=b.useCallback(function(){Z({type:"blur"})},[]),rn=b.useCallback(function(){$||(xt()?setTimeout(p,0):p())},[$,p]),he=function(h){return t?null:h},er=function(h){return f?null:he(h)},Fe=function(h){return ee?null:he(h)},je=function(h){z&&h.stopPropagation()},Rt=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.role,te=d.onKeyDown,Oe=d.onFocus,_e=d.onBlur,rr=d.onClick,nr=d.onDragEnter,tr=d.onDragOver,ke=d.onDragLeave,or=d.onDrop,ar=Ie(d,Nt);return Y(Y(Xe({onKeyDown:er(ie(te,ne)),onFocus:er(ie(Oe,ye)),onBlur:er(ie(_e,Te)),onClick:he(ie(rr,rn)),onDragEnter:Fe(ie(nr,D)),onDragOver:Fe(ie(tr,F)),onDragLeave:Fe(ie(ke,j)),onDrop:Fe(ie(or,V)),role:typeof X=="string"&&X!==""?X:"presentation"},H,K),!t&&!f?{tabIndex:0}:{}),ar)}},[K,ne,ye,Te,rn,D,F,j,V,f,ee,t]),eo=b.useCallback(function(d){d.stopPropagation()},[]),ro=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.onChange,te=d.onClick,Oe=Ie(d,$t),_e=Xe({accept:ce,multiple:i,type:"file",style:{display:"none"},onChange:he(ie(X,V)),onClick:he(ie(te,eo)),tabIndex:-1},H,R);return Y(Y({},_e),Oe)}},[R,n,i,V,t]);return Y(Y({},fe),{},{isFocused:u&&!t,getRootProps:Rt,getInputProps:ro,rootRef:K,inputRef:R,open:he(p)})}function Ht(e,r){switch(r.type){case"focus":return Y(Y({},e),{},{isFocused:!0});case"blur":return Y(Y({},e),{},{isFocused:!1});case"openDialog":return Y(Y({},Re),{},{isFileDialogActive:!0});case"closeDialog":return Y(Y({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return Y(Y({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return Y(Y({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return Y({},Re);default:return e}}function Rr(){}const vo="",Gt=({onFileUpload:e})=>{const{getRootProps:r}=Qr({onDrop:e});return c.jsx("div",{...r(),className:"file-upload","data-testid":"file-upload",children:c.jsx("button",{className:"file-upload__button",type:"button",children:"Drag and drop files here or click to upload"})})},go="",Vt=(e,r)=>e.label.localeCompare(r.label,"en",{numeric:!0}),Jt=e=>(r,n)=>{if(e){const t=e.has(r.value),a=e.has(n.value);if(t&&!a)return-1;if(!t&&a)return 1}return 0},Zt=e=>{const r=new Map;return e.forEach(n=>{const t=n.group||"Ungrouped",a=r.get(t)||[];a.push(n),r.set(t,a)}),Array.from(r,([n,t])=>({group:n,items:t}))},en=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,footer:s,sortFn:i=Vt,groupFn:v=Zt,...l})=>{const g=b.useMemo(()=>new Set(r.map(N=>N.value)),[r]),m=b.useMemo(()=>new Set(n.map(N=>N.value)),[n]),[_,T]=b.useState(new Set(g));b.useEffect(()=>{o&&T(new Set(g))},[o]);const x=b.useMemo(()=>e.some(N=>N.group),[e]),S=b.useMemo(()=>x?v(e):[{group:"Ungrouped",items:e}],[e,v]),W=N=>{const{checked:J,value:P}=N.target,$=e.find(f=>`${f.value}`===P);if($){const f=J?[...r,$]:r.filter(ee=>`${ee.value}`!==P)??[];a(f)}};return c.jsx(br,{isVisible:o,className:"put-above",children:c.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...l,children:[t||null,S.map(({group:N,items:J})=>c.jsxs("div",{className:"multi-select__group",children:[x?c.jsx("h5",{className:"multi-select__dropdown-header",children:N}):null,c.jsx("ul",{className:"multi-select__dropdown-list","aria-label":N,children:J.sort(i).sort(Jt(_)).map(P=>c.jsx("li",{className:"multi-select__dropdown-item",children:c.jsx(U.CheckboxInput,{disabled:m.has(P.value),label:P.label,checked:g.has(P.value),value:P.value,onChange:W},P.value)},P.value))})]},N)),s?c.jsx("div",{className:"multi-select__footer",children:s}):null]})})},Xt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a,required:o=!1,items:s=[],disabledItems:i=[],dropdownHeader:v,dropdownFooter:l,variant:g="search"})=>{const m=U.useClickOutside(()=>{T(!1),S("")});U.useOnEscapePressed(()=>{T(!1),S("")});const[_,T]=b.useState(!1),[x,S]=b.useState("");b.useEffect(()=>{_||S("")},[_]);const[W,N]=b.useState([]),J=r||W,P=z=>{const Q=Array.from(new Set(z));N(Q),t&&t(Q)},$=b.useId(),f=b.useId(),ee=J.filter(z=>s.some(Q=>Q.value===z.value)).map(z=>z.label).join(", ");return c.jsx("div",{ref:m,children:c.jsxs("div",{className:"multi-select",children:[g==="search"?c.jsx(U.SearchBox,{externallyControlled:!0,"aria-controls":$,"aria-expanded":_,id:f,role:"combobox","aria-label":n||a||"Search",disabled:e,autoComplete:"off",onChange:z=>{S(z),T(!0)},onFocus:()=>T(!0),placeholder:a??"Search",required:o,type:"text",value:x,className:"multi-select__input"}):c.jsx("button",{role:"combobox",type:"button","aria-label":n||a||"Select items","aria-controls":$,"aria-expanded":_,className:"multi-select__select-button",onClick:()=>{T(z=>!z)},children:c.jsx("span",{className:"multi-select__condensed-text",children:J.length>0?ee:a??"Select items"})}),c.jsx(en,{id:$,isOpen:_,items:x.length>0?s.filter(z=>z.label.toLowerCase().includes(x.toLowerCase())):s,selectedItems:J,disabledItems:i,header:v,updateItems:P,footer:l||c.jsxs(c.Fragment,{children:[c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=s.filter(Q=>!i.some(re=>re.value===Q.value));P([...J,...z])},type:"button",children:"Select all"}),c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=J.filter(Q=>i.some(re=>re.value===Q.value));P(z)},type:"button",children:"Clear"})]})})]})})},Qt=({value:e,unit:r},{binary:n=!1,convertTo:t,decimals:a=2,roundFunc:o="round"}={})=>{const s=e<0,i=Math.abs(e);if(i===0)return{value:0,unit:t||"B"};const v=n?1024:1e3,l=n?["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],g=l.findIndex(S=>S===r)||0,m=i*Math.pow(v,g),_=t?l.findIndex(S=>S===t):Math.floor(Math.log(m)/Math.log(v));let T=m/Math.pow(v,_);if(T%1!==0){const S=Math.pow(10,a);T=Math[o](T*S)/S}return{value:s?-T:T,unit:l[_]}};L.ContentSection=Ee,L.ExternalLink=un,L.FileUpload=Gt,L.FormSection=Ce,L.InputGroup=$e,L.MainToolbar=Le,L.Meter=vr,L.MultiSelect=Xt,L.MultiSelectDropdown=en,L.Navigation=G,L.NavigationBar=gr,L.NestedFormGroup=qn,L.Pagination=hr,L.PaginationContainer=Yn,L.Stepper=Kn,L.defaultFilledColors=on,L.formatBytes=Qt,L.meterColor=le,L.testIds=pe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});

package/dist/src/lib/components/Pagination/Pagination.d.ts

@@ -1,9 +1,10 @@
 import { ChangeEvent } from "react";
-export interface PaginationProps {
+export interface PaginationProps extends React.AriaAttributes {
+    className?: string;
     currentPage: number | undefined;
     error?: string;
-    disabled: boolean;
-    onInputBlur: () => void;
+    disabled?: boolean;
+    onInputBlur?: () => void;
     onInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
     onNextClick: () => void;
     onPreviousClick: () => void;

package/dist/src/utils.d.ts

@@ -1,7 +1,7 @@
 /**
  * Returns a component that renders the result of a util function.
  */
-export declare const getUtilStoryComponent: <T, U extends (...args: T[]) => T>(fn: U) => {
+export declare const getUtilStoryComponent: <T, U extends (...args: T[]) => T>(title: string, fn: U) => {
     (args: T): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "1.20.1",
+  "version": "1.21.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/canonical/maas-react-components.git"