jcicl 1.0.76 → 1.0.77

package/AppContainer/AppContainer.js

@@ -1,144 +1,144 @@
-import { jsx as i, jsxs as C, Fragment as ye } from "react/jsx-runtime";
+import { jsx as i, jsxs as C, Fragment as Ce } from "react/jsx-runtime";
 import * as D from "react";
-import { useState as ee } from "react";
-import { c as pe } from "../.chunks/createSvgIcon.js";
-import { n as m, i as _ } from "../.chunks/emotion-styled.browser.esm.js";
+import { useState as oe } from "react";
+import { c as he } from "../.chunks/createSvgIcon.js";
+import { n as g, i as q } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as T } from "../.chunks/emotion-react.browser.esm.js";
-import { P as Ge, A as Xe } from "../.chunks/AppHeader.js";
-import { Nav as j } from "../Nav/Nav.js";
-import oe from "../ScrollContainer/ScrollContainer.js";
-import { Button as ne } from "../Button/Button.js";
+import { P as Xe, A as Ye } from "../.chunks/AppHeader.js";
+import { Nav as U } from "../Nav/Nav.js";
+import re from "../ScrollContainer/ScrollContainer.js";
+import { Button as ie } from "../Button/Button.js";
 import a from "../theme.js";
-import { l as Ye } from "../.chunks/jocologo.js";
-import { X as Qe } from "../.chunks/Close.js";
-import { P as r, g as _e, a as qe, s as he, r as Je, b as ie, u as Ke, c as re, d as Ze } from "../.chunks/DefaultPropsProvider.js";
-import { u as eo } from "../.chunks/index.js";
-import { e as oo, H as ro, u as ze, g as to, T as no, r as io, b as Ce } from "../.chunks/Portal.js";
-import { m as De } from "../.chunks/memoTheme.js";
-import { o as Se, d as ao, M as so } from "../.chunks/TextField.js";
-import { P as lo } from "../.chunks/Paper.js";
-import { i as co } from "../.chunks/integerPropType.js";
-import { c as po } from "../.chunks/chainPropTypes.js";
-import { u as ho } from "../.chunks/TransitionGroupContext.js";
-import { u as Pe } from "../.chunks/useMediaQuery.js";
-function uo(e, o, t) {
-  const n = o.getBoundingClientRect(), l = t && t.getBoundingClientRect(), R = Se(o);
-  let b;
+import { l as Qe } from "../.chunks/jocologo.js";
+import { X as _e } from "../.chunks/Close.js";
+import { P as r, g as qe, a as Je, s as ue, r as Ke, b as ae, u as Ze, c as te, d as eo } from "../.chunks/DefaultPropsProvider.js";
+import { u as oo } from "../.chunks/index.js";
+import { e as ro, H as to, u as De, g as no, T as io, r as ao, b as Pe } from "../.chunks/Portal.js";
+import { m as Se } from "../.chunks/memoTheme.js";
+import { o as Ie, d as so, M as lo } from "../.chunks/TextField.js";
+import { P as co } from "../.chunks/Paper.js";
+import { i as po } from "../.chunks/integerPropType.js";
+import { c as ho } from "../.chunks/chainPropTypes.js";
+import { u as uo } from "../.chunks/TransitionGroupContext.js";
+import { u as $e } from "../.chunks/useMediaQuery.js";
+function fo(e, o, t) {
+  const n = o.getBoundingClientRect(), l = t && t.getBoundingClientRect(), R = Ie(o);
+  let x;
   if (o.fakeTransform)
-    b = o.fakeTransform;
+    x = o.fakeTransform;
   else {
     const p = R.getComputedStyle(o);
-    b = p.getPropertyValue("-webkit-transform") || p.getPropertyValue("transform");
+    x = p.getPropertyValue("-webkit-transform") || p.getPropertyValue("transform");
   }
-  let d = 0, f = 0;
-  if (b && b !== "none" && typeof b == "string") {
-    const p = b.split("(")[1].split(")")[0].split(",");
-    d = parseInt(p[4], 10), f = parseInt(p[5], 10);
+  let d = 0, m = 0;
+  if (x && x !== "none" && typeof x == "string") {
+    const p = x.split("(")[1].split(")")[0].split(",");
+    d = parseInt(p[4], 10), m = parseInt(p[5], 10);
   }
-  return e === "left" ? l ? `translateX(${l.right + d - n.left}px)` : `translateX(${R.innerWidth + d - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - d}px)` : `translateX(-${n.left + n.width - d}px)` : e === "up" ? l ? `translateY(${l.bottom + f - n.top}px)` : `translateY(${R.innerHeight + f - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - f}px)` : `translateY(-${n.top + n.height - f}px)`;
+  return e === "left" ? l ? `translateX(${l.right + d - n.left}px)` : `translateX(${R.innerWidth + d - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - d}px)` : `translateX(-${n.left + n.width - d}px)` : e === "up" ? l ? `translateY(${l.bottom + m - n.top}px)` : `translateY(${R.innerHeight + m - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - m}px)` : `translateY(-${n.top + n.height - m}px)`;
 }
-function Ie(e) {
+function Ne(e) {
   return typeof e == "function" ? e() : e;
 }
-function te(e, o, t) {
-  const n = Ie(t), l = uo(e, o, n);
+function ne(e, o, t) {
+  const n = Ne(t), l = fo(e, o, n);
   l && (o.style.webkitTransform = l, o.style.transform = l);
 }
-const Ne = /* @__PURE__ */ D.forwardRef(function(o, t) {
-  const n = ze(), l = {
+const Oe = /* @__PURE__ */ D.forwardRef(function(o, t) {
+  const n = De(), l = {
     enter: n.transitions.easing.easeOut,
     exit: n.transitions.easing.sharp
   }, R = {
     enter: n.transitions.duration.enteringScreen,
     exit: n.transitions.duration.leavingScreen
   }, {
-    addEndListener: b,
+    addEndListener: x,
     appear: d = !0,
-    children: f,
+    children: m,
     container: p,
-    direction: g = "down",
-    easing: N = l,
+    direction: b = "down",
+    easing: O = l,
     in: P,
-    onEnter: U,
-    onEntered: X,
-    onEntering: O,
+    onEnter: W,
+    onEntered: Y,
+    onEntering: B,
     onExit: k,
-    onExited: B,
+    onExited: H,
     onExiting: S,
-    style: H,
+    style: A,
     timeout: $ = R,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: M = no,
-    ...x
-  } = o, h = D.useRef(null), A = ho(to(f), h, t), E = (s) => (u) => {
+    TransitionComponent: M = io,
+    ...v
+  } = o, h = D.useRef(null), L = uo(no(m), h, t), E = (s) => (u) => {
     s && (u === void 0 ? s(h.current) : s(h.current, u));
   }, z = E((s, u) => {
-    te(g, s, p), io(s), U && U(s, u);
+    ne(b, s, p), ao(s), W && W(s, u);
   }), c = E((s, u) => {
-    const J = Ce({
+    const K = Pe({
       timeout: $,
-      style: H,
-      easing: N
+      style: A,
+      easing: O
     }, {
       mode: "enter"
     });
     s.style.webkitTransition = n.transitions.create("-webkit-transform", {
-      ...J
+      ...K
     }), s.style.transition = n.transitions.create("transform", {
-      ...J
-    }), s.style.webkitTransform = "none", s.style.transform = "none", O && O(s, u);
-  }), v = E(X), I = E(S), W = E((s) => {
-    const u = Ce({
+      ...K
+    }), s.style.webkitTransform = "none", s.style.transform = "none", B && B(s, u);
+  }), w = E(Y), I = E(S), V = E((s) => {
+    const u = Pe({
       timeout: $,
-      style: H,
-      easing: N
+      style: A,
+      easing: O
     }, {
       mode: "exit"
     });
-    s.style.webkitTransition = n.transitions.create("-webkit-transform", u), s.style.transition = n.transitions.create("transform", u), te(g, s, p), k && k(s);
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", u), s.style.transition = n.transitions.create("transform", u), ne(b, s, p), k && k(s);
   }), y = E((s) => {
-    s.style.webkitTransition = "", s.style.transition = "", B && B(s);
-  }), L = (s) => {
-    b && b(h.current, s);
-  }, q = D.useCallback(() => {
-    h.current && te(g, h.current, p);
-  }, [g, p]);
+    s.style.webkitTransition = "", s.style.transition = "", H && H(s);
+  }), F = (s) => {
+    x && x(h.current, s);
+  }, J = D.useCallback(() => {
+    h.current && ne(b, h.current, p);
+  }, [b, p]);
   return D.useEffect(() => {
-    if (P || g === "down" || g === "right")
+    if (P || b === "down" || b === "right")
       return;
-    const s = ao(() => {
-      h.current && te(g, h.current, p);
-    }), u = Se(h.current);
+    const s = so(() => {
+      h.current && ne(b, h.current, p);
+    }), u = Ie(h.current);
     return u.addEventListener("resize", s), () => {
       s.clear(), u.removeEventListener("resize", s);
     };
-  }, [g, P, p]), D.useEffect(() => {
-    P || q();
-  }, [P, q]), /* @__PURE__ */ i(M, {
+  }, [b, P, p]), D.useEffect(() => {
+    P || J();
+  }, [P, J]), /* @__PURE__ */ i(M, {
     nodeRef: h,
     onEnter: z,
-    onEntered: v,
+    onEntered: w,
     onEntering: c,
-    onExit: W,
+    onExit: V,
     onExited: y,
     onExiting: I,
-    addEndListener: L,
+    addEndListener: F,
     appear: d,
     in: P,
     timeout: $,
-    ...x,
-    children: (s, u) => /* @__PURE__ */ D.cloneElement(f, {
-      ref: A,
+    ...v,
+    children: (s, u) => /* @__PURE__ */ D.cloneElement(m, {
+      ref: L,
       style: {
         visibility: s === "exited" && !P ? "hidden" : void 0,
-        ...H,
-        ...f.props.style
+        ...A,
+        ...m.props.style
       },
       ...u
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Ne.propTypes = {
+process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -158,14 +158,14 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   /**
    * A single child content element.
    */
-  children: oo.isRequired,
+  children: ro.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: po(r.oneOfType([ro, r.func]), (e) => {
+  container: ho(r.oneOfType([to, r.func]), (e) => {
     if (e.open) {
-      const o = Ie(e.container);
+      const o = Ne(e.container);
       if (o && o.nodeType === 1) {
         const t = o.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && t.top === 0 && t.left === 0 && t.right === 0 && t.bottom === 0)
@@ -240,16 +240,16 @@ process.env.NODE_ENV !== "production" && (Ne.propTypes = {
     exit: r.number
   })])
 });
-function fo(e) {
-  return _e("MuiDrawer", e);
+function mo(e) {
+  return qe("MuiDrawer", e);
 }
-qe("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const Oe = (e, o) => {
+Je("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+const Be = (e, o) => {
   const {
     ownerState: t
   } = e;
   return [o.root, (t.variant === "permanent" || t.variant === "persistent") && o.docked, o.modal];
-}, mo = (e) => {
+}, go = (e) => {
   const {
     classes: o,
     anchor: t,
@@ -258,35 +258,35 @@ const Oe = (e, o) => {
     root: ["root"],
     docked: [(n === "permanent" || n === "persistent") && "docked"],
     modal: ["modal"],
-    paper: ["paper", `paperAnchor${ie(t)}`, n !== "temporary" && `paperAnchorDocked${ie(t)}`]
+    paper: ["paper", `paperAnchor${ae(t)}`, n !== "temporary" && `paperAnchorDocked${ae(t)}`]
   };
-  return Ze(l, fo, o);
-}, go = he(so, {
+  return eo(l, mo, o);
+}, bo = ue(lo, {
   name: "MuiDrawer",
   slot: "Root",
-  overridesResolver: Oe
-})(De(({
+  overridesResolver: Be
+})(Se(({
   theme: e
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
-}))), $e = he("div", {
-  shouldForwardProp: Je,
+}))), Te = ue("div", {
+  shouldForwardProp: Ke,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
-  overridesResolver: Oe
+  overridesResolver: Be
 })({
   flex: "0 0 auto"
-}), bo = he(lo, {
+}), xo = ue(co, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
     const {
       ownerState: t
     } = e;
-    return [o.paper, o[`paperAnchor${ie(t.anchor)}`], t.variant !== "temporary" && o[`paperAnchorDocked${ie(t.anchor)}`]];
+    return [o.paper, o[`paperAnchor${ae(t.anchor)}`], t.variant !== "temporary" && o[`paperAnchorDocked${ae(t.anchor)}`]];
   }
-})(De(({
+})(Se(({
   theme: e
 }) => ({
   overflowY: "auto",
@@ -370,108 +370,108 @@ const Oe = (e, o) => {
       borderTop: `1px solid ${(e.vars || e).palette.divider}`
     }
   }]
-}))), Be = {
+}))), He = {
   left: "right",
   right: "left",
   top: "down",
   bottom: "up"
 };
-function xo(e) {
+function vo(e) {
   return ["left", "right"].includes(e);
 }
-function vo({
+function wo({
   direction: e
 }, o) {
-  return e === "rtl" && xo(o) ? Be[o] : o;
+  return e === "rtl" && vo(o) ? He[o] : o;
 }
-const G = /* @__PURE__ */ D.forwardRef(function(o, t) {
-  const n = Ke({
+const X = /* @__PURE__ */ D.forwardRef(function(o, t) {
+  const n = Ze({
     props: o,
     name: "MuiDrawer"
-  }), l = ze(), R = eo(), b = {
+  }), l = De(), R = oo(), x = {
     enter: l.transitions.duration.enteringScreen,
     exit: l.transitions.duration.leavingScreen
   }, {
     anchor: d = "left",
-    BackdropProps: f,
+    BackdropProps: m,
     children: p,
-    className: g,
-    elevation: N = 16,
+    className: b,
+    elevation: O = 16,
     hideBackdrop: P = !1,
     ModalProps: {
-      BackdropProps: U,
-      ...X
+      BackdropProps: W,
+      ...Y
     } = {},
-    onClose: O,
+    onClose: B,
     open: k = !1,
-    PaperProps: B = {},
+    PaperProps: H = {},
     SlideProps: S,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: H = Ne,
-    transitionDuration: $ = b,
+    TransitionComponent: A = Oe,
+    transitionDuration: $ = x,
     variant: M = "temporary",
-    ...x
+    ...v
   } = n, h = D.useRef(!1);
   D.useEffect(() => {
     h.current = !0;
   }, []);
-  const A = vo({
+  const L = wo({
     direction: R ? "rtl" : "ltr"
   }, d), z = {
     ...n,
     anchor: d,
-    elevation: N,
+    elevation: O,
     open: k,
     variant: M,
-    ...x
-  }, c = mo(z), v = /* @__PURE__ */ i(bo, {
-    elevation: M === "temporary" ? N : 0,
+    ...v
+  }, c = go(z), w = /* @__PURE__ */ i(xo, {
+    elevation: M === "temporary" ? O : 0,
     square: !0,
-    ...B,
-    className: re(c.paper, B.className),
+    ...H,
+    className: te(c.paper, H.className),
     ownerState: z,
     children: p
   });
   if (M === "permanent")
-    return /* @__PURE__ */ i($e, {
-      className: re(c.root, c.docked, g),
+    return /* @__PURE__ */ i(Te, {
+      className: te(c.root, c.docked, b),
       ownerState: z,
       ref: t,
-      ...x,
-      children: v
+      ...v,
+      children: w
     });
-  const I = /* @__PURE__ */ i(H, {
+  const I = /* @__PURE__ */ i(A, {
     in: k,
-    direction: Be[A],
+    direction: He[L],
     timeout: $,
     appear: h.current,
     ...S,
-    children: v
+    children: w
   });
-  return M === "persistent" ? /* @__PURE__ */ i($e, {
-    className: re(c.root, c.docked, g),
+  return M === "persistent" ? /* @__PURE__ */ i(Te, {
+    className: te(c.root, c.docked, b),
     ownerState: z,
     ref: t,
-    ...x,
+    ...v,
     children: I
-  }) : /* @__PURE__ */ i(go, {
+  }) : /* @__PURE__ */ i(bo, {
     BackdropProps: {
-      ...f,
-      ...U,
+      ...m,
+      ...W,
       transitionDuration: $
     },
-    className: re(c.root, c.modal, g),
+    className: te(c.root, c.modal, b),
     open: k,
     ownerState: z,
-    onClose: O,
+    onClose: B,
     hideBackdrop: P,
     ref: t,
-    ...x,
-    ...X,
+    ...v,
+    ...Y,
     children: I
   });
 });
-process.env.NODE_ENV !== "production" && (G.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -501,7 +501,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: co,
+  elevation: po,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
@@ -557,14 +557,14 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    */
   variant: r.oneOf(["permanent", "persistent", "temporary"])
 });
-const Te = pe(/* @__PURE__ */ i("path", {
+const Re = he(/* @__PURE__ */ i("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), Re = pe(/* @__PURE__ */ i("path", {
+}), "ArrowForward"), Me = he(/* @__PURE__ */ i("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
-}), "Cancel"), wo = pe(/* @__PURE__ */ i("path", {
+}), "Cancel"), ko = he(/* @__PURE__ */ i("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
-}), "MoreHoriz"), ko = m("div", {
-  shouldForwardProp: (e) => _(e) && e !== "hasSiteBanner"
+}), "MoreHoriz"), yo = g("div", {
+  shouldForwardProp: (e) => q(e) && e !== "hasSiteBanner"
 })(({ backgroundColor: e, hasSiteBanner: o }) => ({
   display: "flex",
   flexDirection: "column",
@@ -574,7 +574,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
   height: o ? `calc(100vh - ${a.constants.siteBannerHeight}px)` : "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), yo = m("div")(
+})), Co = g("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -586,8 +586,8 @@ const Te = pe(/* @__PURE__ */ i("path", {
     boxSizing: "border-box",
     height: `calc(100% - ${a.constants.appHeaderHeight}px)`
   })
-), Co = m("div", {
-  shouldForwardProp: (e) => _(e)
+), Po = g("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: t, backgroundColor: n }) => ({
   zIndex: 108,
   display: "flex",
@@ -608,8 +608,8 @@ const Te = pe(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), Po = m("div", {
-  shouldForwardProp: (e) => _(e)
+})), $o = g("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ show: e, width: o = a.constants.navDefaultWidth, borderColor: t, backgroundColor: n }) => ({
   zIndex: 108,
   display: "flex",
@@ -631,7 +631,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), $o = m(G, {
+})), To = g(X, {
   shouldForwardProp: (e) => !["$topOffset"].includes(e)
 })(
   ({ shadowColor: e, backgroundColor: o, $topOffset: t }) => ({
@@ -657,7 +657,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
       }
     `
   })
-), Me = m(ne)(({ iconColor: e, highlight1: o, highlight2: t, rightDrawer: n = !1 }) => ({
+), Ee = g(ie)(({ iconColor: e, highlight1: o, highlight2: t, rightDrawer: n = !1 }) => ({
   ...T`
     position: absolute;
     top: -0.5rem;
@@ -681,8 +681,8 @@ const Te = pe(/* @__PURE__ */ i("path", {
       }
     }
   `
-})), To = m("div", {
-  shouldForwardProp: (e) => _(e)
+})), Ro = g("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: t, mobileScreen: n }) => ({
   display: "flex",
   overflow: "hidden",
@@ -705,7 +705,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
     borderBottomLeftRadius: e ? 0 : "4px",
     borderTopLeftRadius: e ? 0 : "4px"
   }
-})), Ro = m(G, {
+})), Mo = g(X, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
   ...T`
@@ -723,7 +723,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Mo = m(G, {
+})), Eo = g(X, {
   shouldForwardProp: (e) => !["backgroundColor", "$topOffset"].includes(e)
 })(({ backgroundColor: e, $topOffset: o }) => ({
   ...T`
@@ -745,8 +745,8 @@ const Te = pe(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Eo = m("div", {
-  shouldForwardProp: (e) => _(e) && e !== "$topOffset"
+})), zo = g("div", {
+  shouldForwardProp: (e) => q(e) && e !== "$topOffset"
 })(({ backgroundColor: e, open: o, $topOffset: t }) => ({
   ...T`
     position: fixed;
@@ -760,14 +760,14 @@ const Te = pe(/* @__PURE__ */ i("path", {
     box-sizing: border-box;
     padding: ${o ? "16px" : 0};
   `
-})), zo = m("h1")(({ color: e }) => ({
+})), Do = g("h1")(({ color: e }) => ({
   ...T`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), Do = m(G, {
+})), So = g(X, {
   shouldForwardProp: (e) => !["backgroundQuaternary", "$topOffset"].includes(e)
 })(({ backgroundQuaternary: e, $topOffset: o }) => ({
   ...T`
@@ -789,12 +789,12 @@ const Te = pe(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), So = m("img")(({ width: e, height: o }) => ({
+})), Io = g("img")(({ width: e, height: o }) => ({
   ...T`
     width: ${e}px;
     height: ${o}px;
   `
-})), Ee = m("div")(({ justifyStart: e }) => ({
+})), ze = g("div")(({ justifyStart: e }) => ({
   ...T`
     display: flex;
     flex-direction: row;
@@ -802,7 +802,7 @@ const Te = pe(/* @__PURE__ */ i("path", {
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Io = m(G, {
+})), No = g(X, {
   shouldForwardProp: (e) => e !== "$topOffset"
 })(({ $topOffset: e }) => ({
   ...T`
@@ -830,256 +830,259 @@ const Te = pe(/* @__PURE__ */ i("path", {
       z-index: 9200;
     }
   `
-})), tr = ({
+})), nr = ({
   navProps: e,
   subnavItems: o,
   activeSubnavRoute: t,
   appHeaderProps: n = {},
   userInfo: l,
   userSettingsEnabled: R = !0,
-  userProfileMenuItems: b = [],
+  userProfileMenuItems: x = [],
   actionsPanelContent: d,
-  navWidth: f = a.constants.navDefaultWidth,
+  navWidth: m = a.constants.navDefaultWidth,
   breakpoints: p = { mobile: a.screenSizes.mobile, tablet: a.screenSizes.tablet },
-  children: g,
-  themeColors: N = {},
+  children: b,
+  themeColors: O = {},
   logoProps: P = {},
-  loggedIn: U,
-  mobileActionsPanelOpen: X,
-  hasSiteBanner: O = !1
+  loggedIn: W,
+  mobileActionsPanelOpen: Y,
+  hasSiteBanner: B = !1
 }) => {
-  var ke;
-  const k = O ? a.constants.appHeaderHeight + a.constants.siteBannerHeight : a.constants.appHeaderHeight, [B, S] = ee(!1), [H, $] = ee(!1), [M, x] = ee(!1), [h, A] = ee(!1), { mobile: E = a.screenSizes.mobile, tablet: z = a.screenSizes.tablet } = p, c = Pe(`(max-width: ${E})`), v = Pe(`(max-width: ${z})`) && !c, I = !c && !v, {
-    backgroundPrimary: W = a.colors.whiteGreen,
+  var ye;
+  const k = B ? a.constants.appHeaderHeight + a.constants.siteBannerHeight : a.constants.appHeaderHeight, [H, S] = oe(!1), [A, $] = oe(!1), [M, v] = oe(!1), [h, L] = oe(!1), { mobile: E = a.screenSizes.mobile, tablet: z = a.screenSizes.tablet } = p, c = $e(`(max-width: ${E})`), w = $e(`(max-width: ${z})`) && !c, I = !c && !w, {
+    backgroundPrimary: V = a.colors.whiteGreen,
     backgroundSecondary: y = a.colors.whiteGreenA,
-    backgroundTertiary: L = a.colors.sage,
-    highlightPrimary: q = a.colors.sunlight,
+    backgroundTertiary: F = a.colors.sage,
+    highlightPrimary: J = a.colors.sunlight,
     backgroundQuaternary: s = a.colors.moss,
     highlightSecondary: u = a.colors.dandelion,
-    highlightTertiary: J = `${a.colors.dandelion}99`,
-    iconPrimary: V = a.colors.darkGreen,
-    shadowPrimary: ae = a.colors.darkGreenO99,
-    shadowSecondary: K = a.boxShadows.darkGreen,
-    shadowTertiary: ue = a.boxShadows.darkGreenThick,
-    borderPrimary: Y = a.colors.green,
-    scrollColor: F = a.colors.darkGreenO99,
-    loadingColor: He = a.colors.green,
-    iconColors: fe = {
-      icon: /* @__PURE__ */ i(Ge, {}),
+    highlightTertiary: K = `${a.colors.dandelion}99`,
+    iconPrimary: G = a.colors.darkGreen,
+    shadowPrimary: se = a.colors.darkGreenO99,
+    shadowSecondary: Z = a.boxShadows.darkGreen,
+    shadowTertiary: fe = a.boxShadows.darkGreenThick,
+    borderPrimary: Q = a.colors.green,
+    scrollColor: j = a.colors.darkGreenO99,
+    loadingColor: Ae = a.colors.green,
+    iconColors: me = {
+      icon: /* @__PURE__ */ i(Xe, {}),
       iconColor: a.colors.darkGreen,
       backgroundColor: a.colors.mint
     }
-  } = N, { logoSrc: me = Ye, logoWidth: ge = 36, logoHeight: be = 50 } = P, xe = {
-    backgroundPrimary: W,
+  } = O, { logoSrc: ge = Qe, logoWidth: be = 36, logoHeight: xe = 50 } = P, ve = {
+    backgroundPrimary: V,
     backgroundSecondary: y,
-    backgroundTertiary: L,
-    highlightPrimary: q,
+    backgroundTertiary: F,
+    highlightPrimary: J,
     highlightSecondary: u,
-    highlightTertiary: J,
-    borderPrimary: Y,
-    iconPrimary: V,
-    shadowPrimary: ae,
-    shadowSecondary: K,
-    shadowTertiary: ue,
-    scrollColor: F,
-    loadingColor: He,
-    iconColors: fe
-  }, Ae = { logoSrc: me, logoWidth: ge, logoHeight: be }, se = d != null, Le = { ...n, navWidth: f, loggedIn: U }, Q = { ...e, themeColors: xe }, Fe = {
-    ...Q,
-    navWidth: `${f}px`,
+    highlightTertiary: K,
+    borderPrimary: Q,
+    iconPrimary: G,
+    shadowPrimary: se,
+    shadowSecondary: Z,
+    shadowTertiary: fe,
+    scrollColor: j,
+    loadingColor: Ae,
+    iconColors: me
+  }, Le = { logoSrc: ge, logoWidth: be, logoHeight: xe }, le = d != null, Fe = { ...n, navWidth: m, loggedIn: W }, _ = { ...e, themeColors: ve }, je = {
+    ..._,
+    navWidth: `${m}px`,
     isMobile: c
-  }, { navItems: Z } = e, le = o || ((ke = Z.find((w) => w.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : ke.subnavItems) || [], je = {
-    themeColors: xe,
+  }, { navItems: ee } = e, ce = o || ((ye = ee.find((f) => f.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : ye.subnavItems) || [], Ue = {
+    themeColors: ve,
     activeRoute: t,
-    navItems: le
-  }, ve = [
+    navItems: ce
+  }, we = [
     // { label: 'Log Out', icon: <LogoutIcon />, onClick: onLogout },
-    ...b
-  ].map((w) => ({
-    ...w,
+    ...x
+  ].map((f) => ({
+    ...f,
     onClick: () => {
-      w.onClick && w.onClick(), x(!1);
+      var N;
+      (N = f.onClick) == null || N.call(f), v(!1);
     }
-  })), Ue = Z.map((w) => ({
-    ...w,
+  })), We = ee.map((f) => ({
+    ...f,
     onClick: () => {
-      w.onClick && w.onClick(), S(!1);
+      var N;
+      (N = f.onClick) == null || N.call(f), S(!1);
     }
-  })), ce = {
-    ...Q,
+  })), de = {
+    ..._,
     navWidth: "100%",
     isTablet: !0,
-    navItems: Ue
-  };
-  let de = Z.map((w) => ({
-    ...w,
+    navItems: We
+  }, pe = ee.map((f) => ({
+    ...f,
     onClick: () => {
-      w.onClick && w.onClick(), A(!1);
+      var N;
+      (N = f.onClick) == null || N.call(f), L(!1);
     }
-  })), we = [];
-  Z.length > 4 && c && (we = de.splice(3), de.push({
+  }));
+  let ke = [];
+  ee.length > 4 && c && (ke = pe.splice(3), pe.push({
     label: "More",
-    icon: /* @__PURE__ */ i(wo, {}),
-    onClick: () => A(!0)
+    icon: /* @__PURE__ */ i(ko, {}),
+    onClick: () => L(!0)
   }));
-  const We = {
-    ...Q,
+  const Ve = {
+    ..._,
     navWidth: "100%",
-    navItems: de,
+    navItems: pe,
     isMobile: !0,
-    activeRoute: h ? "More" : Q.activeRoute
-  }, Ve = {
-    ...Q,
+    activeRoute: h ? "More" : _.activeRoute
+  }, Ge = {
+    ..._,
     navWidth: "100%",
-    navItems: we,
+    navItems: ke,
     isTablet: !0
   };
-  return /* @__PURE__ */ C(ko, { backgroundColor: y, hasSiteBanner: O, children: [
+  return /* @__PURE__ */ C(yo, { backgroundColor: y, hasSiteBanner: B, children: [
     /* @__PURE__ */ i(
-      Xe,
+      Ye,
       {
-        ...Le,
-        hamburgerMenu: v,
+        ...Fe,
+        hamburgerMenu: w,
         onHamburgerMenuClick: () => S(!0),
-        onUserMenuClick: () => x(!0),
-        logoProps: Ae,
-        iconColor: V,
+        onUserMenuClick: () => v(!0),
+        logoProps: Le,
+        iconColor: G,
         isMobile: c,
-        themeProps: { shadowSecondary: K, shadowTertiary: ue, iconPrimary: V, borderPrimary: Y },
-        iconColors: fe,
+        themeProps: { shadowSecondary: Z, shadowTertiary: fe, iconPrimary: G, borderPrimary: Q },
+        iconColors: me,
         userName: l == null ? void 0 : l.name,
         userSettingsEnabled: R
       }
     ),
-    /* @__PURE__ */ C(yo, { tabletPadding: v, mobile: c, children: [
-      I && /* @__PURE__ */ i(j, { ...Fe }),
-      c && /* @__PURE__ */ C(ye, { children: [
-        /* @__PURE__ */ i(j, { ...We }),
+    /* @__PURE__ */ C(Co, { tabletPadding: w, mobile: c, children: [
+      I && /* @__PURE__ */ i(U, { ...je }),
+      c && /* @__PURE__ */ C(Ce, { children: [
+        /* @__PURE__ */ i(U, { ...Ve }),
         /* @__PURE__ */ i(
-          Mo,
+          Eo,
           {
             open: h,
-            onClose: () => A(!1),
+            onClose: () => L(!1),
             backgroundColor: y,
             $topOffset: k,
             anchor: "right",
-            children: /* @__PURE__ */ i(j, { ...Ve })
+            children: /* @__PURE__ */ i(U, { ...Ge })
           }
         )
       ] }),
-      v && /* @__PURE__ */ C(
-        Ro,
+      w && /* @__PURE__ */ C(
+        Mo,
         {
-          open: B,
+          open: H,
           onClose: () => S(!1),
           backgroundColor: y,
-          shadowColor: ae,
+          shadowColor: se,
           children: [
-            /* @__PURE__ */ C(Ee, { children: [
-              /* @__PURE__ */ i(So, { src: me, alt: "logo", width: ge, height: be }),
-              /* @__PURE__ */ i(ne, { variant: "icon", size: 36, onClick: () => S(!1), color: V, children: /* @__PURE__ */ i(Qe, {}) })
+            /* @__PURE__ */ C(ze, { children: [
+              /* @__PURE__ */ i(Io, { src: ge, alt: "logo", width: be, height: xe }),
+              /* @__PURE__ */ i(ie, { variant: "icon", size: 36, onClick: () => S(!1), color: G, children: /* @__PURE__ */ i(_e, {}) })
             ] }),
-            /* @__PURE__ */ i(j, { ...ce })
+            /* @__PURE__ */ i(U, { ...de })
           ]
         }
       ),
-      v && /* @__PURE__ */ C(
-        $o,
+      w && /* @__PURE__ */ C(
+        To,
         {
-          open: H && se,
+          open: A && le,
           onClose: () => $(!1),
-          shadowColor: ae,
+          shadowColor: se,
           $topOffset: k,
-          backgroundColor: L,
+          backgroundColor: F,
           children: [
             /* @__PURE__ */ i(
-              Me,
+              Ee,
               {
                 variant: "icon",
                 size: 24,
                 onClick: () => $(!1),
-                iconColor: V,
+                iconColor: G,
                 highlight1: y,
                 highlight2: y,
-                children: /* @__PURE__ */ i(Re, {})
+                children: /* @__PURE__ */ i(Me, {})
               }
             ),
-            /* @__PURE__ */ i(oe, { scrollColor: F, direction: "vertical", children: d && d })
+            /* @__PURE__ */ i(re, { scrollColor: j, direction: "vertical", children: d && d })
           ]
         }
       ),
-      (v || I) && /* @__PURE__ */ C(
-        Io,
+      (w || I) && /* @__PURE__ */ C(
+        No,
         {
           anchor: "right",
           open: M,
-          onClose: () => x(!1),
+          onClose: () => v(!1),
           $topOffset: k,
           children: [
             /* @__PURE__ */ i(
-              Me,
+              Ee,
               {
                 variant: "icon",
                 size: 24,
-                onClick: () => x(!1),
+                onClick: () => v(!1),
                 iconColor: a.colors.midnight,
                 highlight1: a.colors.white,
                 highlight2: y,
                 rightDrawer: !0,
-                children: /* @__PURE__ */ i(Re, {})
+                children: /* @__PURE__ */ i(Me, {})
               }
             ),
             /* @__PURE__ */ i(
-              j,
+              U,
               {
-                ...ce,
-                navItems: ve,
+                ...de,
+                navItems: we,
                 themeColors: {
                   iconPrimary: a.colors.midnight,
-                  highlightPrimary: W,
+                  highlightPrimary: V,
                   highlightTertiary: y,
-                  shadowSecondary: K,
-                  scrollColor: F
+                  shadowSecondary: Z,
+                  scrollColor: j
                 }
               }
             )
           ]
         }
       ),
-      c && /* @__PURE__ */ C(ye, { children: [
+      c && /* @__PURE__ */ C(Ce, { children: [
         /* @__PURE__ */ C(
-          Do,
+          So,
           {
             anchor: "right",
             open: M,
-            onClose: () => x(!1),
+            onClose: () => v(!1),
             $topOffset: k,
             backgroundQuaternary: s,
             children: [
-              /* @__PURE__ */ C(Ee, { children: [
-                /* @__PURE__ */ i(zo, { color: a.colors.midnight, children: "Settings" }),
+              /* @__PURE__ */ C(ze, { children: [
+                /* @__PURE__ */ i(Do, { color: a.colors.midnight, children: "Settings" }),
                 /* @__PURE__ */ i(
-                  ne,
+                  ie,
                   {
                     variant: "icon",
                     size: 36,
-                    onClick: () => x(!1),
+                    onClick: () => v(!1),
                     color: a.colors.midnight,
-                    children: /* @__PURE__ */ i(Te, {})
+                    children: /* @__PURE__ */ i(Re, {})
                   }
                 )
               ] }),
               /* @__PURE__ */ i(
-                j,
+                U,
                 {
-                  ...ce,
-                  navItems: ve,
+                  ...de,
+                  navItems: we,
                   themeColors: {
                     iconPrimary: a.colors.midnight,
-                    highlightPrimary: W,
+                    highlightPrimary: V,
                     highlightTertiary: y,
-                    shadowSecondary: K,
-                    scrollColor: F
+                    shadowSecondary: Z,
+                    scrollColor: j
                   }
                 }
               )
@@ -1087,60 +1090,60 @@ const Te = pe(/* @__PURE__ */ i("path", {
           }
         ),
         /* @__PURE__ */ i(
-          Eo,
+          zo,
           {
-            backgroundColor: L,
-            open: X,
+            backgroundColor: F,
+            open: Y,
             $topOffset: k,
-            children: /* @__PURE__ */ i(oe, { scrollColor: F, direction: "vertical", children: d })
+            children: /* @__PURE__ */ i(re, { scrollColor: j, direction: "vertical", children: d })
           }
         )
       ] }),
       !c && /* @__PURE__ */ C(
-        Co,
+        Po,
         {
-          withActionsPanel: se,
-          tablet: v,
-          borderColor: Y,
-          backgroundColor: L,
+          withActionsPanel: le,
+          tablet: w,
+          borderColor: Q,
+          backgroundColor: F,
           children: [
-            I && /* @__PURE__ */ i(oe, { scrollColor: F, direction: "vertical", children: d && d }),
-            v && /* @__PURE__ */ i(
-              ne,
+            I && /* @__PURE__ */ i(re, { scrollColor: j, direction: "vertical", children: d && d }),
+            w && /* @__PURE__ */ i(
+              ie,
               {
                 variant: "icon",
                 size: 36,
                 onClick: () => $(!0),
-                color: V,
-                children: /* @__PURE__ */ i(Te, {})
+                color: G,
+                children: /* @__PURE__ */ i(Re, {})
               }
             )
           ]
         }
       ),
       !c && /* @__PURE__ */ i(
-        Po,
+        $o,
         {
-          show: le && le.length > 0,
-          borderColor: Y,
-          backgroundColor: L,
-          width: f,
-          children: /* @__PURE__ */ i(j, { ...je })
+          show: ce && ce.length > 0,
+          borderColor: Q,
+          backgroundColor: F,
+          width: m,
+          children: /* @__PURE__ */ i(U, { ...Ue })
         }
       ),
       /* @__PURE__ */ i(
-        To,
+        Ro,
         {
-          withActionsPanel: se,
-          borderColor: Y,
-          backgroundColor: W,
+          withActionsPanel: le,
+          borderColor: Q,
+          backgroundColor: V,
           mobileScreen: c,
-          children: /* @__PURE__ */ i(oe, { scrollColor: F, children: g })
+          children: /* @__PURE__ */ i(re, { scrollColor: j, children: b })
         }
       )
     ] })
   ] });
 };
 export {
-  tr as default
+  nr as default
 };