jcicl 0.0.343 → 1.0.1

package/AppContainer/AppContainer.js

@@ -1,29 +1,29 @@
-import { jsx as i, jsxs as $, Fragment as ve } from "react/jsx-runtime";
+import { jsx as i, jsxs as $, Fragment as we } from "react/jsx-runtime";
 import * as D from "react";
 import { useState as J } from "react";
 import { c as ce } from "../.chunks/createSvgIcon.js";
 import { n as g, i as Y } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as R } from "../.chunks/emotion-react.browser.esm.js";
-import Ue from "../AppHeader/AppHeader.js";
+import { P as We, A as Ve } from "../.chunks/AppHeader.js";
 import { Nav as A } from "../Nav/Nav.js";
 import K from "../ScrollContainer/ScrollContainer.js";
 import { Button as oe } from "../Button/Button.js";
 import t from "../theme.js";
-import { l as We } from "../.chunks/jocologo.js";
-import { X as Ve } from "../.chunks/Close.js";
-import { P as r, g as Xe, a as Ge, s as pe, r as Ye, c as re, u as _e, b as Z, d as qe } from "../.chunks/DefaultPropsProvider.js";
-import { u as Qe } from "../.chunks/index.js";
-import { a as Re } from "../.chunks/useTheme.js";
-import { m as Me } from "../.chunks/memoTheme.js";
-import { o as He, d as Je, M as Ke } from "../.chunks/TextField.js";
-import { P as Ze } from "../.chunks/Paper.js";
-import { i as eo } from "../.chunks/integerPropType.js";
-import { e as oo, H as ro, g as to, T as no, r as io, a as we } from "../.chunks/Portal.js";
-import { c as ao } from "../.chunks/chainPropTypes.js";
-import { a as so } from "../.chunks/TransitionGroupContext.js";
-import { u as ke } from "../.chunks/useMediaQuery.js";
-function lo(e, o, a) {
-  const n = o.getBoundingClientRect(), l = a && a.getBoundingClientRect(), M = He(o);
+import { l as Ge } from "../.chunks/jocologo.js";
+import { X as Xe } from "../.chunks/Close.js";
+import { P as r, g as Ye, a as _e, s as pe, r as qe, c as re, u as Qe, b as Z, d as Je } from "../.chunks/DefaultPropsProvider.js";
+import { u as Ke } from "../.chunks/index.js";
+import { a as Me } from "../.chunks/useTheme.js";
+import { m as He } from "../.chunks/memoTheme.js";
+import { o as Ee, d as Ze, M as eo } from "../.chunks/TextField.js";
+import { P as oo } from "../.chunks/Paper.js";
+import { i as ro } from "../.chunks/integerPropType.js";
+import { e as to, H as no, g as io, T as ao, r as so, a as ke } from "../.chunks/Portal.js";
+import { c as lo } from "../.chunks/chainPropTypes.js";
+import { a as co } from "../.chunks/TransitionGroupContext.js";
+import { u as ye } from "../.chunks/useMediaQuery.js";
+function po(e, o, a) {
+  const n = o.getBoundingClientRect(), l = a && a.getBoundingClientRect(), M = Ee(o);
   let w;
   if (o.fakeTransform)
     w = o.fakeTransform;
@@ -38,15 +38,15 @@ function lo(e, o, a) {
   }
   return e === "left" ? l ? `translateX(${l.right + p - n.left}px)` : `translateX(${M.innerWidth + p - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - p}px)` : `translateX(-${n.left + n.width - p}px)` : e === "up" ? l ? `translateY(${l.bottom + f - n.top}px)` : `translateY(${M.innerHeight + f - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - f}px)` : `translateY(-${n.top + n.height - f}px)`;
 }
-function Ee(e) {
+function De(e) {
   return typeof e == "function" ? e() : e;
 }
 function ee(e, o, a) {
-  const n = Ee(a), l = lo(e, o, n);
+  const n = De(a), l = po(e, o, n);
   l && (o.style.webkitTransform = l, o.style.transform = l);
 }
-const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
-  const n = Re(), l = {
+const Se = /* @__PURE__ */ D.forwardRef(function(o, a) {
+  const n = Me(), l = {
     enter: n.transitions.easing.easeOut,
     exit: n.transitions.easing.sharp
   }, M = {
@@ -65,18 +65,18 @@ const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
     onEntering: F,
     onExit: C,
     onExited: N,
-    onExiting: I,
+    onExiting: O,
     style: S,
     timeout: k = M,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: H = no,
+    TransitionComponent: H = ao,
     ...P
-  } = o, m = D.useRef(null), V = so(to(f), m, a), d = (s) => (c) => {
+  } = o, m = D.useRef(null), V = co(io(f), m, a), d = (s) => (c) => {
     s && (c === void 0 ? s(m.current) : s(m.current, c));
   }, u = d((s, c) => {
-    ee(b, s, h), io(s), L && L(s, c);
+    ee(b, s, h), so(s), L && L(s, c);
   }), x = d((s, c) => {
-    const j = we({
+    const j = ke({
       timeout: k,
       style: S,
       easing: z
@@ -88,8 +88,8 @@ const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
     }), s.style.transition = n.transitions.create("transform", {
       ...j
     }), s.style.webkitTransform = "none", s.style.transform = "none", F && F(s, c);
-  }), E = d(W), v = d(I), O = d((s) => {
-    const c = we({
+  }), E = d(W), v = d(O), I = d((s) => {
+    const c = ke({
       timeout: k,
       style: S,
       easing: z
@@ -107,9 +107,9 @@ const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
   return D.useEffect(() => {
     if (T || b === "down" || b === "right")
       return;
-    const s = Je(() => {
+    const s = Ze(() => {
       m.current && ee(b, m.current, h);
-    }), c = He(m.current);
+    }), c = Ee(m.current);
     return c.addEventListener("resize", s), () => {
       s.clear(), c.removeEventListener("resize", s);
     };
@@ -120,7 +120,7 @@ const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
     onEnter: u,
     onEntered: E,
     onEntering: x,
-    onExit: O,
+    onExit: I,
     onExited: te,
     onExiting: v,
     addEndListener: ne,
@@ -139,7 +139,7 @@ const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (De.propTypes = {
+process.env.NODE_ENV !== "production" && (Se.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -159,14 +159,14 @@ process.env.NODE_ENV !== "production" && (De.propTypes = {
   /**
    * A single child content element.
    */
-  children: oo.isRequired,
+  children: to.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: ao(r.oneOfType([ro, r.func]), (e) => {
+  container: lo(r.oneOfType([no, r.func]), (e) => {
     if (e.open) {
-      const o = Ee(e.container);
+      const o = De(e.container);
       if (o && o.nodeType === 1) {
         const a = o.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && a.top === 0 && a.left === 0 && a.right === 0 && a.bottom === 0)
@@ -241,16 +241,16 @@ process.env.NODE_ENV !== "production" && (De.propTypes = {
     exit: r.number
   })])
 });
-function co(e) {
-  return Xe("MuiDrawer", e);
+function ho(e) {
+  return Ye("MuiDrawer", e);
 }
-Ge("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const Se = (e, o) => {
+_e("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+const ze = (e, o) => {
   const {
     ownerState: a
   } = e;
   return [o.root, (a.variant === "permanent" || a.variant === "persistent") && o.docked, o.modal];
-}, po = (e) => {
+}, uo = (e) => {
   const {
     classes: o,
     anchor: a,
@@ -261,24 +261,24 @@ const Se = (e, o) => {
     modal: ["modal"],
     paper: ["paper", `paperAnchor${re(a)}`, n !== "temporary" && `paperAnchorDocked${re(a)}`]
   };
-  return qe(l, co, o);
-}, ho = pe(Ke, {
+  return Je(l, ho, o);
+}, fo = pe(eo, {
   name: "MuiDrawer",
   slot: "Root",
-  overridesResolver: Se
-})(Me(({
+  overridesResolver: ze
+})(He(({
   theme: e
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
-}))), ye = pe("div", {
-  shouldForwardProp: Ye,
+}))), Ce = pe("div", {
+  shouldForwardProp: qe,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
-  overridesResolver: Se
+  overridesResolver: ze
 })({
   flex: "0 0 auto"
-}), uo = pe(Ze, {
+}), mo = pe(oo, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
@@ -287,7 +287,7 @@ const Se = (e, o) => {
     } = e;
     return [o.paper, o[`paperAnchor${re(a.anchor)}`], a.variant !== "temporary" && o[`paperAnchorDocked${re(a.anchor)}`]];
   }
-})(Me(({
+})(He(({
   theme: e
 }) => ({
   overflowY: "auto",
@@ -371,25 +371,25 @@ const Se = (e, o) => {
       borderTop: `1px solid ${(e.vars || e).palette.divider}`
     }
   }]
-}))), ze = {
+}))), Ne = {
   left: "right",
   right: "left",
   top: "down",
   bottom: "up"
 };
-function fo(e) {
+function go(e) {
   return ["left", "right"].includes(e);
 }
-function mo({
+function bo({
   direction: e
 }, o) {
-  return e === "rtl" && fo(o) ? ze[o] : o;
+  return e === "rtl" && go(o) ? Ne[o] : o;
 }
 const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
-  const n = _e({
+  const n = Qe({
     props: o,
     name: "MuiDrawer"
-  }), l = Re(), M = Qe(), w = {
+  }), l = Me(), M = Ke(), w = {
     enter: l.transitions.duration.enteringScreen,
     exit: l.transitions.duration.leavingScreen
   }, {
@@ -406,9 +406,9 @@ const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
     onClose: F,
     open: C = !1,
     PaperProps: N = {},
-    SlideProps: I,
+    SlideProps: O,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: S = De,
+    TransitionComponent: S = Se,
     transitionDuration: k = w,
     variant: H = "temporary",
     ...P
@@ -416,7 +416,7 @@ const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
   D.useEffect(() => {
     m.current = !0;
   }, []);
-  const V = mo({
+  const V = bo({
     direction: M ? "rtl" : "ltr"
   }, p), u = {
     ...n,
@@ -425,7 +425,7 @@ const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
     open: C,
     variant: H,
     ...P
-  }, x = po(u), E = /* @__PURE__ */ i(uo, {
+  }, x = uo(u), E = /* @__PURE__ */ i(mo, {
     elevation: H === "temporary" ? z : 0,
     square: !0,
     ...N,
@@ -434,7 +434,7 @@ const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
     children: h
   });
   if (H === "permanent")
-    return /* @__PURE__ */ i(ye, {
+    return /* @__PURE__ */ i(Ce, {
       className: Z(x.root, x.docked, b),
       ownerState: u,
       ref: a,
@@ -443,19 +443,19 @@ const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
     });
   const v = /* @__PURE__ */ i(S, {
     in: C,
-    direction: ze[V],
+    direction: Ne[V],
     timeout: k,
     appear: m.current,
-    ...I,
+    ...O,
     children: E
   });
-  return H === "persistent" ? /* @__PURE__ */ i(ye, {
+  return H === "persistent" ? /* @__PURE__ */ i(Ce, {
     className: Z(x.root, x.docked, b),
     ownerState: u,
     ref: a,
     ...P,
     children: v
-  }) : /* @__PURE__ */ i(ho, {
+  }) : /* @__PURE__ */ i(fo, {
     BackdropProps: {
       ...f,
       ...L,
@@ -502,7 +502,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: eo,
+  elevation: ro,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
@@ -558,13 +558,13 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   variant: r.oneOf(["permanent", "persistent", "temporary"])
 });
-const Ce = ce(/* @__PURE__ */ i("path", {
+const $e = ce(/* @__PURE__ */ i("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), $e = ce(/* @__PURE__ */ i("path", {
+}), "ArrowForward"), Te = ce(/* @__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"), go = ce(/* @__PURE__ */ i("path", {
+}), "Cancel"), xo = ce(/* @__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"), bo = g("div", {
+}), "MoreHoriz"), vo = g("div", {
   shouldForwardProp: (e) => Y(e)
 })(({ backgroundColor: e }) => ({
   display: "flex",
@@ -575,7 +575,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), xo = g("div")(
+})), wo = g("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -587,7 +587,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     boxSizing: "border-box",
     minHeight: `calc(100% - ${t.constants.appHeaderHeight}px)`
   })
-), vo = g("div", {
+), ko = g("div", {
   shouldForwardProp: (e) => Y(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
@@ -608,7 +608,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), wo = g("div", {
+})), yo = g("div", {
   shouldForwardProp: (e) => Y(e)
 })(({ show: e, width: o = t.constants.navDefaultWidth, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
@@ -629,7 +629,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), ko = g(U)(
+})), Co = g(U)(
   ({ shadowColor: e, backgroundColor: o }) => ({
     ...R`
       top: ${t.constants.appHeaderHeight}px;
@@ -653,7 +653,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       }
     `
   })
-), Te = g(oe)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
+), Pe = g(oe)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
   ...R`
     position: absolute;
     top: -0.5rem;
@@ -677,7 +677,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       }
     }
   `
-})), yo = g("div", {
+})), $o = g("div", {
   shouldForwardProp: (e) => Y(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: a, mobileScreen: n }) => ({
   display: "flex",
@@ -700,7 +700,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     borderBottomLeftRadius: 0,
     borderTopLeftRadius: 0
   }
-})), Co = g(U, {
+})), To = g(U, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
   ...R`
@@ -718,7 +718,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), $o = g(U, {
+})), Po = g(U, {
   shouldForwardProp: (e) => e != "backgroundColor"
 })(({ backgroundColor: e }) => ({
   ...R`
@@ -740,7 +740,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), To = g("div", {
+})), Ro = g("div", {
   shouldForwardProp: (e) => Y(e)
 })(({ backgroundColor: e, open: o }) => ({
   ...R`
@@ -755,14 +755,14 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     box-sizing: border-box;
     padding: ${o ? "16px" : 0};
   `
-})), Po = g("h1")(({ color: e }) => ({
+})), Mo = g("h1")(({ color: e }) => ({
   ...R`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), Ro = g(U)(({ backgroundQuaternary: e }) => ({
+})), Ho = g(U)(({ backgroundQuaternary: e }) => ({
   ...R`
     top: ${t.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -782,12 +782,12 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Mo = g("img")(({ width: e, height: o }) => ({
+})), Eo = g("img")(({ width: e, height: o }) => ({
   ...R`
     width: ${e}px;
     height: ${o}px;
   `
-})), Pe = g("div")(({ justifyStart: e }) => ({
+})), Re = g("div")(({ justifyStart: e }) => ({
   ...R`
     display: flex;
     flex-direction: row;
@@ -795,7 +795,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Ho = g(U)(() => ({
+})), Do = g(U)(() => ({
   ...R`
     top: ${t.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -817,7 +817,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), er = ({
+})), rr = ({
   navProps: e,
   subnavItems: o,
   activeSubnavRoute: a,
@@ -834,11 +834,11 @@ const Ce = ce(/* @__PURE__ */ i("path", {
   loggedIn: L,
   mobileActionsPanelOpen: W
 }) => {
-  var xe;
-  const [F, C] = J(!1), [N, I] = J(!1), [S, k] = J(!1), [H, P] = J(!1), { mobile: m = t.screenSizes.mobile, tablet: V = t.screenSizes.tablet } = h, d = ke(`(max-width: ${m})`), u = ke(`(max-width: ${V})`) && !d, x = !d && !u, {
+  var ve;
+  const [F, C] = J(!1), [N, O] = J(!1), [S, k] = J(!1), [H, P] = J(!1), { mobile: m = t.screenSizes.mobile, tablet: V = t.screenSizes.tablet } = h, d = ye(`(max-width: ${m})`), u = ye(`(max-width: ${V})`) && !d, x = !d && !u, {
     backgroundPrimary: E = t.colors.whiteGreen,
     backgroundSecondary: v = t.colors.whiteGreenA,
-    backgroundTertiary: O = t.colors.sage,
+    backgroundTertiary: I = t.colors.sage,
     highlightPrimary: te = t.colors.sunlight,
     backgroundQuaternary: ne = t.colors.moss,
     highlightSecondary: _ = t.colors.dandelion,
@@ -847,31 +847,38 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     shadowPrimary: j = t.colors.darkGreenO99,
     shadowSecondary: q = t.boxShadows.darkGreen,
     shadowTertiary: de = t.boxShadows.darkGreenThick,
-    borderPrimary: X = t.colors.green,
+    borderPrimary: G = t.colors.green,
     scrollColor: B = t.colors.darkGreenO99,
-    iconColors: Ne
-  } = z, { logoSrc: he = We, logoWidth: ue = 36, logoHeight: fe = 50 } = T, me = {
+    loadingColor: Oe = t.colors.green,
+    iconColors: he = {
+      icon: /* @__PURE__ */ i(We, {}),
+      iconColor: t.colors.darkGreen,
+      backgroundColor: t.colors.mint
+    }
+  } = z, { logoSrc: ue = Ge, logoWidth: fe = 36, logoHeight: me = 50 } = T, ge = {
     backgroundPrimary: E,
     backgroundSecondary: v,
-    backgroundTertiary: O,
+    backgroundTertiary: I,
     highlightPrimary: te,
     highlightSecondary: _,
     highlightTertiary: s,
-    borderPrimary: X,
+    borderPrimary: G,
     iconPrimary: c,
     shadowPrimary: j,
     shadowSecondary: q,
     shadowTertiary: de,
-    scrollColor: B
-  }, Ie = { logoSrc: he, logoWidth: ue, logoHeight: fe }, ie = p != null, Oe = { ...n, navWidth: f, loggedIn: L }, G = { ...e, themeColors: me }, Be = {
-    ...G,
+    scrollColor: B,
+    loadingColor: Oe,
+    iconColors: he
+  }, Ie = { logoSrc: ue, logoWidth: fe, logoHeight: me }, ie = p != null, Be = { ...n, navWidth: f, loggedIn: L }, X = { ...e, themeColors: ge }, Ae = {
+    ...X,
     navWidth: `${f}px`,
     isMobile: d
-  }, { navItems: Q } = e, ae = o || ((xe = Q.find((y) => y.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : xe.subnavItems) || [], Ae = {
-    themeColors: me,
+  }, { navItems: Q } = e, ae = o || ((ve = Q.find((y) => y.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : ve.subnavItems) || [], Le = {
+    themeColors: ge,
     activeRoute: a,
     navItems: ae
-  }, ge = [
+  }, be = [
     // { label: 'Log Out', icon: <LogoutIcon />, onClick: onLogout },
     ...w
   ].map((y) => ({
@@ -879,106 +886,106 @@ const Ce = ce(/* @__PURE__ */ i("path", {
     onClick: () => {
       y.onClick && y.onClick(), k(!1);
     }
-  })), Le = Q.map((y) => ({
+  })), Fe = Q.map((y) => ({
     ...y,
     onClick: () => {
       y.onClick && y.onClick(), C(!1);
     }
   })), se = {
-    ...G,
+    ...X,
     navWidth: "100%",
     isTablet: !0,
-    navItems: Le
+    navItems: Fe
   };
   let le = Q.map((y) => ({
     ...y,
     onClick: () => {
       y.onClick && y.onClick(), P(!1);
     }
-  })), be = [];
-  Q.length > 4 && d && (be = le.splice(3), le.push({
+  })), xe = [];
+  Q.length > 4 && d && (xe = le.splice(3), le.push({
     label: "More",
-    icon: /* @__PURE__ */ i(go, {}),
+    icon: /* @__PURE__ */ i(xo, {}),
     onClick: () => P(!0)
   }));
-  const Fe = {
-    ...G,
+  const je = {
+    ...X,
     navWidth: "100%",
     navItems: le,
     isMobile: !0,
-    activeRoute: H ? "More" : G.activeRoute
-  }, je = {
-    ...G,
+    activeRoute: H ? "More" : X.activeRoute
+  }, Ue = {
+    ...X,
     navWidth: "100%",
-    navItems: be,
+    navItems: xe,
     isTablet: !0
   };
-  return /* @__PURE__ */ $(bo, { backgroundColor: v, children: [
+  return /* @__PURE__ */ $(vo, { backgroundColor: v, children: [
     /* @__PURE__ */ i(
-      Ue,
+      Ve,
       {
-        ...Oe,
+        ...Be,
         hamburgerMenu: u,
         onHamburgerMenuClick: () => C(!0),
         onUserMenuClick: () => k(!0),
         logoProps: Ie,
         iconColor: c,
         isMobile: d,
-        themeProps: { shadowSecondary: q, shadowTertiary: de, iconPrimary: c, borderPrimary: X },
-        iconColors: Ne,
+        themeProps: { shadowSecondary: q, shadowTertiary: de, iconPrimary: c, borderPrimary: G },
+        iconColors: he,
         userName: l == null ? void 0 : l.name,
         userSettingsEnabled: M
       }
     ),
-    /* @__PURE__ */ $(xo, { tabletPadding: u, mobile: d, children: [
-      x && /* @__PURE__ */ i(A, { ...Be }),
-      d && /* @__PURE__ */ $(ve, { children: [
-        /* @__PURE__ */ i(A, { ...Fe }),
+    /* @__PURE__ */ $(wo, { tabletPadding: u, mobile: d, children: [
+      x && /* @__PURE__ */ i(A, { ...Ae }),
+      d && /* @__PURE__ */ $(we, { children: [
+        /* @__PURE__ */ i(A, { ...je }),
         /* @__PURE__ */ i(
-          $o,
+          Po,
           {
             open: H,
             onClose: () => P(!1),
             backgroundColor: v,
             anchor: "right",
-            children: /* @__PURE__ */ i(A, { ...je })
+            children: /* @__PURE__ */ i(A, { ...Ue })
           }
         )
       ] }),
       u && /* @__PURE__ */ $(
-        Co,
+        To,
         {
           open: F,
           onClose: () => C(!1),
           backgroundColor: v,
           shadowColor: j,
           children: [
-            /* @__PURE__ */ $(Pe, { children: [
-              /* @__PURE__ */ i(Mo, { src: he, alt: "logo", width: ue, height: fe }),
-              /* @__PURE__ */ i(oe, { variant: "icon", size: 36, onClick: () => C(!1), color: c, children: /* @__PURE__ */ i(Ve, {}) })
+            /* @__PURE__ */ $(Re, { children: [
+              /* @__PURE__ */ i(Eo, { src: ue, alt: "logo", width: fe, height: me }),
+              /* @__PURE__ */ i(oe, { variant: "icon", size: 36, onClick: () => C(!1), color: c, children: /* @__PURE__ */ i(Xe, {}) })
             ] }),
             /* @__PURE__ */ i(A, { ...se })
           ]
         }
       ),
       u && /* @__PURE__ */ $(
-        ko,
+        Co,
         {
           open: N && ie,
-          onClose: () => I(!1),
+          onClose: () => O(!1),
           shadowColor: j,
-          backgroundColor: O,
+          backgroundColor: I,
           children: [
             /* @__PURE__ */ i(
-              Te,
+              Pe,
               {
                 variant: "icon",
                 size: 24,
-                onClick: () => I(!1),
+                onClick: () => O(!1),
                 iconColor: c,
                 highlight1: v,
                 highlight2: v,
-                children: /* @__PURE__ */ i($e, {})
+                children: /* @__PURE__ */ i(Te, {})
               }
             ),
             /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p && p })
@@ -986,14 +993,14 @@ const Ce = ce(/* @__PURE__ */ i("path", {
         }
       ),
       (u || x) && /* @__PURE__ */ $(
-        Ho,
+        Do,
         {
           anchor: "right",
           open: S,
           onClose: () => k(!1),
           children: [
             /* @__PURE__ */ i(
-              Te,
+              Pe,
               {
                 variant: "icon",
                 size: 24,
@@ -1002,14 +1009,14 @@ const Ce = ce(/* @__PURE__ */ i("path", {
                 highlight1: t.colors.white,
                 highlight2: v,
                 rightDrawer: !0,
-                children: /* @__PURE__ */ i($e, {})
+                children: /* @__PURE__ */ i(Te, {})
               }
             ),
             /* @__PURE__ */ i(
               A,
               {
                 ...se,
-                navItems: ge,
+                navItems: be,
                 themeColors: {
                   iconPrimary: t.colors.midnight,
                   highlightPrimary: E,
@@ -1022,17 +1029,17 @@ const Ce = ce(/* @__PURE__ */ i("path", {
           ]
         }
       ),
-      d && /* @__PURE__ */ $(ve, { children: [
+      d && /* @__PURE__ */ $(we, { children: [
         /* @__PURE__ */ $(
-          Ro,
+          Ho,
           {
             anchor: "right",
             open: S,
             onClose: () => k(!1),
             backgroundQuaternary: ne,
             children: [
-              /* @__PURE__ */ $(Pe, { children: [
-                /* @__PURE__ */ i(Po, { color: t.colors.midnight, children: "Settings" }),
+              /* @__PURE__ */ $(Re, { children: [
+                /* @__PURE__ */ i(Mo, { color: t.colors.midnight, children: "Settings" }),
                 /* @__PURE__ */ i(
                   oe,
                   {
@@ -1040,7 +1047,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
                     size: 36,
                     onClick: () => k(!1),
                     color: t.colors.midnight,
-                    children: /* @__PURE__ */ i(Ce, {})
+                    children: /* @__PURE__ */ i($e, {})
                   }
                 )
               ] }),
@@ -1048,7 +1055,7 @@ const Ce = ce(/* @__PURE__ */ i("path", {
                 A,
                 {
                   ...se,
-                  navItems: ge,
+                  navItems: be,
                   themeColors: {
                     iconPrimary: t.colors.midnight,
                     highlightPrimary: E,
@@ -1061,15 +1068,15 @@ const Ce = ce(/* @__PURE__ */ i("path", {
             ]
           }
         ),
-        /* @__PURE__ */ i(To, { backgroundColor: O, open: W, children: /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p }) })
+        /* @__PURE__ */ i(Ro, { backgroundColor: I, open: W, children: /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p }) })
       ] }),
       !d && /* @__PURE__ */ $(
-        vo,
+        ko,
         {
           withActionsPanel: ie,
           tablet: u,
-          borderColor: X,
-          backgroundColor: O,
+          borderColor: G,
+          backgroundColor: I,
           children: [
             x && /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p && p }),
             u && /* @__PURE__ */ i(
@@ -1077,29 +1084,29 @@ const Ce = ce(/* @__PURE__ */ i("path", {
               {
                 variant: "icon",
                 size: 36,
-                onClick: () => I(!0),
+                onClick: () => O(!0),
                 color: c,
-                children: /* @__PURE__ */ i(Ce, {})
+                children: /* @__PURE__ */ i($e, {})
               }
             )
           ]
         }
       ),
       x && /* @__PURE__ */ i(
-        wo,
+        yo,
         {
           show: ae && ae.length > 0,
-          borderColor: X,
-          backgroundColor: O,
+          borderColor: G,
+          backgroundColor: I,
           width: f,
-          children: /* @__PURE__ */ i(A, { ...Ae })
+          children: /* @__PURE__ */ i(A, { ...Le })
         }
       ),
       /* @__PURE__ */ i(
-        yo,
+        $o,
         {
           withActionsPanel: ie,
-          borderColor: X,
+          borderColor: G,
           backgroundColor: E,
           mobileScreen: d,
           children: /* @__PURE__ */ i(K, { scrollColor: B, children: b })
@@ -1109,5 +1116,5 @@ const Ce = ce(/* @__PURE__ */ i("path", {
   ] });
 };
 export {
-  er as default
+  rr as default
 };