jcicl 0.0.120 → 0.0.124

package/AppContainer/AppContainer.js

@@ -1,40 +1,40 @@
-import { jsx as s, jsxs as R, Fragment as ze } from "react/jsx-runtime";
-import * as v from "react";
+import { jsx as a, jsxs as P, Fragment as he } from "react/jsx-runtime";
+import * as w from "react";
 import { useState as Y } from "react";
 import { c as q } from "../.chunks/createSvgIcon.js";
-import { n as k } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as z } from "../.chunks/emotion-react.browser.esm.js";
-import Le from "../AppHeader/AppHeader.js";
+import { n as y, i as ee } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as H } from "../.chunks/emotion-react.browser.esm.js";
+import Oe from "../AppHeader/AppHeader.js";
 import { Nav as V } from "../Nav/Nav.js";
-import ne from "../ScrollContainer/ScrollContainer.js";
+import ie from "../ScrollContainer/ScrollContainer.js";
 import { Button as K } from "../Button/Button.js";
 import i from "../theme.js";
-import { l as Ne } from "../.chunks/jocologo.js";
-import { X as Oe } from "../.chunks/Close.js";
-import { P as n, g as Ie, a as Be, s as ie, r as Ae, c as Z, u as je, b as _, d as Ue } from "../.chunks/DefaultPropsProvider.js";
-import { u as Ve, e as We, H as Fe, a as be, g as Xe, T as Ge, r as Qe, b as pe, c as Ye } from "../.chunks/Portal.js";
-import { m as xe } from "../.chunks/memoTheme.js";
-import { g as _e, o as ve, d as Je, M as Ke, P as Ze, i as qe } from "../.chunks/Input.js";
-import { c as eo } from "../.chunks/chainPropTypes.js";
-import { u as oo, a as to } from "../.chunks/TransitionGroupContext.js";
-function ro(e, o, r, t, c) {
-  const [u, h] = v.useState(() => c && r ? r(e).matches : t ? t(e).matches : o);
-  return oo(() => {
+import { l as Ie } from "../.chunks/jocologo.js";
+import { X as Be } from "../.chunks/Close.js";
+import { P as n, g as Ae, a as je, s as ae, r as Ue, c as Z, u as Ve, b as _, d as Fe } from "../.chunks/DefaultPropsProvider.js";
+import { u as We, e as Xe, H as Ge, a as we, g as Qe, T as Ye, r as _e, b as ue, c as Je } from "../.chunks/Portal.js";
+import { m as ye } from "../.chunks/memoTheme.js";
+import { g as Ke, o as ke, d as Ze, M as qe, P as eo, i as oo } from "../.chunks/Input.js";
+import { c as to } from "../.chunks/chainPropTypes.js";
+import { u as ro, a as no } from "../.chunks/TransitionGroupContext.js";
+function io(e, o, r, t, c) {
+  const [f, u] = w.useState(() => c && r ? r(e).matches : t ? t(e).matches : o);
+  return ro(() => {
     if (!r)
       return;
-    const d = r(e), l = () => {
-      h(d.matches);
+    const h = r(e), l = () => {
+      u(h.matches);
     };
-    return l(), d.addEventListener("change", l), () => {
-      d.removeEventListener("change", l);
+    return l(), h.addEventListener("change", l), () => {
+      h.removeEventListener("change", l);
     };
-  }, [e, r]), u;
+  }, [e, r]), f;
 }
-const no = {
-  ...v
-}, we = no.useSyncExternalStore;
-function io(e, o, r, t, c) {
-  const u = v.useCallback(() => o, [o]), h = v.useMemo(() => {
+const ao = {
+  ...w
+}, Ce = ao.useSyncExternalStore;
+function so(e, o, r, t, c) {
+  const f = w.useCallback(() => o, [o]), u = w.useMemo(() => {
     if (c && r)
       return () => r(e).matches;
     if (t !== null) {
@@ -43,25 +43,25 @@ function io(e, o, r, t, c) {
       } = t(e);
       return () => p;
     }
-    return u;
-  }, [u, e, t, c, r]), [d, l] = v.useMemo(() => {
+    return f;
+  }, [f, e, t, c, r]), [h, l] = w.useMemo(() => {
     if (r === null)
-      return [u, () => () => {
+      return [f, () => () => {
       }];
     const p = r(e);
-    return [() => p.matches, (w) => (p.addEventListener("change", w), () => {
-      p.removeEventListener("change", w);
+    return [() => p.matches, (M) => (p.addEventListener("change", M), () => {
+      p.removeEventListener("change", M);
     })];
-  }, [u, r, e]);
-  return we(l, d, h);
+  }, [f, r, e]);
+  return Ce(l, h, u);
 }
-function de(e, o = {}) {
-  const r = Ve(), t = typeof window < "u" && typeof window.matchMedia < "u", {
+function fe(e, o = {}) {
+  const r = We(), t = typeof window < "u" && typeof window.matchMedia < "u", {
     defaultMatches: c = !1,
-    matchMedia: u = t ? window.matchMedia : null,
-    ssrMatchMedia: h = null,
-    noSsr: d = !1
-  } = _e({
+    matchMedia: f = t ? window.matchMedia : null,
+    ssrMatchMedia: u = null,
+    noSsr: h = !1
+  } = Ke({
     name: "MuiUseMediaQuery",
     props: o,
     theme: r
@@ -70,130 +70,130 @@ function de(e, o = {}) {
 `));
   let l = typeof e == "function" ? e(r) : e;
   l = l.replace(/^@media( ?)/m, "");
-  const p = (we !== void 0 ? io : ro)(l, c, u, h, d);
-  return process.env.NODE_ENV !== "production" && v.useDebugValue({
+  const p = (Ce !== void 0 ? so : io)(l, c, f, u, h);
+  return process.env.NODE_ENV !== "production" && w.useDebugValue({
     query: l,
     match: p
   }), p;
 }
-function ao(e, o, r) {
-  const t = o.getBoundingClientRect(), c = r && r.getBoundingClientRect(), u = ve(o);
-  let h;
+function co(e, o, r) {
+  const t = o.getBoundingClientRect(), c = r && r.getBoundingClientRect(), f = ke(o);
+  let u;
   if (o.fakeTransform)
-    h = o.fakeTransform;
+    u = o.fakeTransform;
   else {
-    const f = u.getComputedStyle(o);
-    h = f.getPropertyValue("-webkit-transform") || f.getPropertyValue("transform");
+    const m = f.getComputedStyle(o);
+    u = m.getPropertyValue("-webkit-transform") || m.getPropertyValue("transform");
   }
-  let d = 0, l = 0;
-  if (h && h !== "none" && typeof h == "string") {
-    const f = h.split("(")[1].split(")")[0].split(",");
-    d = parseInt(f[4], 10), l = parseInt(f[5], 10);
+  let h = 0, l = 0;
+  if (u && u !== "none" && typeof u == "string") {
+    const m = u.split("(")[1].split(")")[0].split(",");
+    h = parseInt(m[4], 10), l = parseInt(m[5], 10);
   }
-  return e === "left" ? c ? `translateX(${c.right + d - t.left}px)` : `translateX(${u.innerWidth + d - t.left}px)` : e === "right" ? c ? `translateX(-${t.right - c.left - d}px)` : `translateX(-${t.left + t.width - d}px)` : e === "up" ? c ? `translateY(${c.bottom + l - t.top}px)` : `translateY(${u.innerHeight + l - t.top}px)` : c ? `translateY(-${t.top - c.top + t.height - l}px)` : `translateY(-${t.top + t.height - l}px)`;
+  return e === "left" ? c ? `translateX(${c.right + h - t.left}px)` : `translateX(${f.innerWidth + h - t.left}px)` : e === "right" ? c ? `translateX(-${t.right - c.left - h}px)` : `translateX(-${t.left + t.width - h}px)` : e === "up" ? c ? `translateY(${c.bottom + l - t.top}px)` : `translateY(${f.innerHeight + l - t.top}px)` : c ? `translateY(-${t.top - c.top + t.height - l}px)` : `translateY(-${t.top + t.height - l}px)`;
 }
-function ye(e) {
+function Te(e) {
   return typeof e == "function" ? e() : e;
 }
 function J(e, o, r) {
-  const t = ye(r), c = ao(e, o, t);
+  const t = Te(r), c = co(e, o, t);
   c && (o.style.webkitTransform = c, o.style.transform = c);
 }
-const ke = /* @__PURE__ */ v.forwardRef(function(o, r) {
-  const t = be(), c = {
+const $e = /* @__PURE__ */ w.forwardRef(function(o, r) {
+  const t = we(), c = {
     enter: t.transitions.easing.easeOut,
     exit: t.transitions.easing.sharp
-  }, u = {
+  }, f = {
     enter: t.transitions.duration.enteringScreen,
     exit: t.transitions.duration.leavingScreen
   }, {
-    addEndListener: h,
-    appear: d = !0,
+    addEndListener: u,
+    appear: h = !0,
     children: l,
-    container: f,
+    container: m,
     direction: p = "down",
-    easing: w = c,
-    in: P,
-    onEnter: L,
-    onEntered: B,
-    onEntering: C,
-    onExit: N,
-    onExited: S,
-    onExiting: A,
-    style: O,
-    timeout: g = u,
+    easing: M = c,
+    in: k,
+    onEnter: B,
+    onEntered: L,
+    onEntering: N,
+    onExit: C,
+    onExited: R,
+    onExiting: O,
+    style: I,
+    timeout: S = f,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: x = Ge,
-    ...H
-  } = o, m = v.useRef(null), y = to(Xe(l), m, r), T = (a) => (b) => {
-    a && (b === void 0 ? a(m.current) : a(m.current, b));
-  }, D = T((a, b) => {
-    J(p, a, f), Qe(a), L && L(a, b);
-  }), E = T((a, b) => {
-    const X = pe({
-      timeout: g,
-      style: O,
-      easing: w
+    TransitionComponent: g = Ye,
+    ...v
+  } = o, b = w.useRef(null), D = no(Qe(l), b, r), x = (s) => (d) => {
+    s && (d === void 0 ? s(b.current) : s(b.current, d));
+  }, T = x((s, d) => {
+    J(p, s, m), _e(s), B && B(s, d);
+  }), $ = x((s, d) => {
+    const Q = ue({
+      timeout: S,
+      style: I,
+      easing: M
     }, {
       mode: "enter"
     });
-    a.style.webkitTransition = t.transitions.create("-webkit-transform", {
-      ...X
-    }), a.style.transition = t.transitions.create("transform", {
-      ...X
-    }), a.style.webkitTransform = "none", a.style.transform = "none", C && C(a, b);
-  }), j = T(B), $ = T(A), F = T((a) => {
-    const b = pe({
-      timeout: g,
-      style: O,
-      easing: w
+    s.style.webkitTransition = t.transitions.create("-webkit-transform", {
+      ...Q
+    }), s.style.transition = t.transitions.create("transform", {
+      ...Q
+    }), s.style.webkitTransform = "none", s.style.transform = "none", N && N(s, d);
+  }), A = x(L), j = x(O), z = x((s) => {
+    const d = ue({
+      timeout: S,
+      style: I,
+      easing: M
     }, {
       mode: "exit"
     });
-    a.style.webkitTransition = t.transitions.create("-webkit-transform", b), a.style.transition = t.transitions.create("transform", b), J(p, a, f), N && N(a);
-  }), U = T((a) => {
-    a.style.webkitTransition = "", a.style.transition = "", S && S(a);
-  }), G = (a) => {
-    h && h(m.current, a);
-  }, I = v.useCallback(() => {
-    m.current && J(p, m.current, f);
-  }, [p, f]);
-  return v.useEffect(() => {
-    if (P || p === "down" || p === "right")
+    s.style.webkitTransition = t.transitions.create("-webkit-transform", d), s.style.transition = t.transitions.create("transform", d), J(p, s, m), C && C(s);
+  }), W = x((s) => {
+    s.style.webkitTransition = "", s.style.transition = "", R && R(s);
+  }), U = (s) => {
+    u && u(b.current, s);
+  }, X = w.useCallback(() => {
+    b.current && J(p, b.current, m);
+  }, [p, m]);
+  return w.useEffect(() => {
+    if (k || p === "down" || p === "right")
       return;
-    const a = Je(() => {
-      m.current && J(p, m.current, f);
-    }), b = ve(m.current);
-    return b.addEventListener("resize", a), () => {
-      a.clear(), b.removeEventListener("resize", a);
+    const s = Ze(() => {
+      b.current && J(p, b.current, m);
+    }), d = ke(b.current);
+    return d.addEventListener("resize", s), () => {
+      s.clear(), d.removeEventListener("resize", s);
     };
-  }, [p, P, f]), v.useEffect(() => {
-    P || I();
-  }, [P, I]), /* @__PURE__ */ s(x, {
-    nodeRef: m,
-    onEnter: D,
-    onEntered: j,
-    onEntering: E,
-    onExit: F,
-    onExited: U,
-    onExiting: $,
-    addEndListener: G,
-    appear: d,
-    in: P,
-    timeout: g,
-    ...H,
-    children: (a, b) => /* @__PURE__ */ v.cloneElement(l, {
-      ref: y,
+  }, [p, k, m]), w.useEffect(() => {
+    k || X();
+  }, [k, X]), /* @__PURE__ */ a(g, {
+    nodeRef: b,
+    onEnter: T,
+    onEntered: A,
+    onEntering: $,
+    onExit: z,
+    onExited: W,
+    onExiting: j,
+    addEndListener: U,
+    appear: h,
+    in: k,
+    timeout: S,
+    ...v,
+    children: (s, d) => /* @__PURE__ */ w.cloneElement(l, {
+      ref: D,
       style: {
-        visibility: a === "exited" && !P ? "hidden" : void 0,
-        ...O,
+        visibility: s === "exited" && !k ? "hidden" : void 0,
+        ...I,
         ...l.props.style
       },
-      ...b
+      ...d
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+process.env.NODE_ENV !== "production" && ($e.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -213,14 +213,14 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   /**
    * A single child content element.
    */
-  children: We.isRequired,
+  children: Xe.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: eo(n.oneOfType([Fe, n.func]), (e) => {
+  container: to(n.oneOfType([Ge, n.func]), (e) => {
     if (e.open) {
-      const o = ye(e.container);
+      const o = Te(e.container);
       if (o && o.nodeType === 1) {
         const r = o.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && r.top === 0 && r.left === 0 && r.right === 0 && r.bottom === 0)
@@ -295,16 +295,16 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
     exit: n.number
   })])
 });
-function so(e) {
-  return Ie("MuiDrawer", e);
+function lo(e) {
+  return Ae("MuiDrawer", e);
 }
-Be("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const Ce = (e, o) => {
+je("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+const Ee = (e, o) => {
   const {
     ownerState: r
   } = e;
   return [o.root, (r.variant === "permanent" || r.variant === "persistent") && o.docked, o.modal];
-}, co = (e) => {
+}, po = (e) => {
   const {
     classes: o,
     anchor: r,
@@ -315,24 +315,24 @@ const Ce = (e, o) => {
     modal: ["modal"],
     paper: ["paper", `paperAnchor${Z(r)}`, t !== "temporary" && `paperAnchorDocked${Z(r)}`]
   };
-  return Ue(c, so, o);
-}, lo = ie(Ke, {
+  return Fe(c, lo, o);
+}, ho = ae(qe, {
   name: "MuiDrawer",
   slot: "Root",
-  overridesResolver: Ce
-})(xe(({
+  overridesResolver: Ee
+})(ye(({
   theme: e
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
-}))), he = ie("div", {
-  shouldForwardProp: Ae,
+}))), me = ae("div", {
+  shouldForwardProp: Ue,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
-  overridesResolver: Ce
+  overridesResolver: Ee
 })({
   flex: "0 0 auto"
-}), po = ie(Ze, {
+}), uo = ae(eo, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
@@ -341,7 +341,7 @@ const Ce = (e, o) => {
     } = e;
     return [o.paper, o[`paperAnchor${Z(r.anchor)}`], r.variant !== "temporary" && o[`paperAnchorDocked${Z(r.anchor)}`]];
   }
-})(xe(({
+})(ye(({
   theme: e
 }) => ({
   overflowY: "auto",
@@ -425,108 +425,108 @@ const Ce = (e, o) => {
       borderTop: `1px solid ${(e.vars || e).palette.divider}`
     }
   }]
-}))), Te = {
+}))), Pe = {
   left: "right",
   right: "left",
   top: "down",
   bottom: "up"
 };
-function ho(e) {
+function fo(e) {
   return ["left", "right"].includes(e);
 }
-function uo({
+function mo({
   direction: e
 }, o) {
-  return e === "rtl" && ho(o) ? Te[o] : o;
+  return e === "rtl" && fo(o) ? Pe[o] : o;
 }
-const W = /* @__PURE__ */ v.forwardRef(function(o, r) {
-  const t = je({
+const F = /* @__PURE__ */ w.forwardRef(function(o, r) {
+  const t = Ve({
     props: o,
     name: "MuiDrawer"
-  }), c = be(), u = Ye(), h = {
+  }), c = we(), f = Je(), u = {
     enter: c.transitions.duration.enteringScreen,
     exit: c.transitions.duration.leavingScreen
   }, {
-    anchor: d = "left",
+    anchor: h = "left",
     BackdropProps: l,
-    children: f,
+    children: m,
     className: p,
-    elevation: w = 16,
-    hideBackdrop: P = !1,
+    elevation: M = 16,
+    hideBackdrop: k = !1,
     ModalProps: {
-      BackdropProps: L,
-      ...B
+      BackdropProps: B,
+      ...L
     } = {},
-    onClose: C,
-    open: N = !1,
-    PaperProps: S = {},
-    SlideProps: A,
+    onClose: N,
+    open: C = !1,
+    PaperProps: R = {},
+    SlideProps: O,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: O = ke,
-    transitionDuration: g = h,
-    variant: x = "temporary",
-    ...H
-  } = t, m = v.useRef(!1);
-  v.useEffect(() => {
-    m.current = !0;
+    TransitionComponent: I = $e,
+    transitionDuration: S = u,
+    variant: g = "temporary",
+    ...v
+  } = t, b = w.useRef(!1);
+  w.useEffect(() => {
+    b.current = !0;
   }, []);
-  const y = uo({
-    direction: u ? "rtl" : "ltr"
-  }, d), D = {
+  const D = mo({
+    direction: f ? "rtl" : "ltr"
+  }, h), T = {
     ...t,
-    anchor: d,
-    elevation: w,
-    open: N,
-    variant: x,
-    ...H
-  }, E = co(D), j = /* @__PURE__ */ s(po, {
-    elevation: x === "temporary" ? w : 0,
+    anchor: h,
+    elevation: M,
+    open: C,
+    variant: g,
+    ...v
+  }, $ = po(T), A = /* @__PURE__ */ a(uo, {
+    elevation: g === "temporary" ? M : 0,
     square: !0,
-    ...S,
-    className: _(E.paper, S.className),
-    ownerState: D,
-    children: f
+    ...R,
+    className: _($.paper, R.className),
+    ownerState: T,
+    children: m
   });
-  if (x === "permanent")
-    return /* @__PURE__ */ s(he, {
-      className: _(E.root, E.docked, p),
-      ownerState: D,
+  if (g === "permanent")
+    return /* @__PURE__ */ a(me, {
+      className: _($.root, $.docked, p),
+      ownerState: T,
       ref: r,
-      ...H,
-      children: j
+      ...v,
+      children: A
     });
-  const $ = /* @__PURE__ */ s(O, {
-    in: N,
-    direction: Te[y],
-    timeout: g,
-    appear: m.current,
-    ...A,
-    children: j
+  const j = /* @__PURE__ */ a(I, {
+    in: C,
+    direction: Pe[D],
+    timeout: S,
+    appear: b.current,
+    ...O,
+    children: A
   });
-  return x === "persistent" ? /* @__PURE__ */ s(he, {
-    className: _(E.root, E.docked, p),
-    ownerState: D,
+  return g === "persistent" ? /* @__PURE__ */ a(me, {
+    className: _($.root, $.docked, p),
+    ownerState: T,
     ref: r,
-    ...H,
-    children: $
-  }) : /* @__PURE__ */ s(lo, {
+    ...v,
+    children: j
+  }) : /* @__PURE__ */ a(ho, {
     BackdropProps: {
       ...l,
-      ...L,
-      transitionDuration: g
+      ...B,
+      transitionDuration: S
     },
-    className: _(E.root, E.modal, p),
-    open: N,
-    ownerState: D,
-    onClose: C,
-    hideBackdrop: P,
+    className: _($.root, $.modal, p),
+    open: C,
+    ownerState: T,
+    onClose: N,
+    hideBackdrop: k,
     ref: r,
-    ...H,
-    ...B,
-    children: $
+    ...v,
+    ...L,
+    children: j
   });
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -556,7 +556,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: qe,
+  elevation: oo,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
@@ -612,15 +612,17 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   variant: n.oneOf(["permanent", "persistent", "temporary"])
 });
-const ue = q(/* @__PURE__ */ s("path", {
+const ge = q(/* @__PURE__ */ a("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), fo = q(/* @__PURE__ */ s("path", {
+}), "ArrowForward"), go = q(/* @__PURE__ */ a("path", {
   d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
-}), "Logout"), fe = q(/* @__PURE__ */ s("path", {
+}), "Logout"), be = q(/* @__PURE__ */ a("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"), mo = q(/* @__PURE__ */ s("path", {
+}), "Cancel"), bo = q(/* @__PURE__ */ a("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"), go = k("div")(({ backgroundColor: e }) => ({
+}), "MoreHoriz"), xo = y("div", {
+  shouldForwardProp: (e) => ee(e)
+})(({ backgroundColor: e }) => ({
   display: "flex",
   flexDirection: "column",
   width: "100vw",
@@ -629,7 +631,7 @@ const ue = q(/* @__PURE__ */ s("path", {
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), bo = k("div")(
+})), vo = y("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -641,7 +643,9 @@ const ue = q(/* @__PURE__ */ s("path", {
     boxSizing: "border-box",
     minHeight: `calc(100% - ${i.constants.appHeaderHeight}px)`
   })
-), xo = k("div")(({ withActionsPanel: e, tablet: o, borderColor: r, backgroundColor: t }) => ({
+), wo = y("div", {
+  shouldForwardProp: (e) => ee(e)
+})(({ withActionsPanel: e, tablet: o, borderColor: r, backgroundColor: t }) => ({
   display: "flex",
   flexDirection: "column",
   opacity: e ? 1 : 0,
@@ -660,9 +664,9 @@ const ue = q(/* @__PURE__ */ s("path", {
   ...!e && {
     border: "none"
   }
-})), vo = k(W)(
+})), yo = y(F)(
   ({ shadowColor: e, backgroundColor: o }) => ({
-    ...z`
+    ...H`
       top: ${i.constants.appHeaderHeight}px;
       font-family: 'Roboto';
 
@@ -684,8 +688,8 @@ const ue = q(/* @__PURE__ */ s("path", {
       }
     `
   })
-), me = k(K)(({ iconColor: e, highlight1: o, highlight2: r, rightDrawer: t = !1 }) => ({
-  ...z`
+), xe = y(K)(({ iconColor: e, highlight1: o, highlight2: r, rightDrawer: t = !1 }) => ({
+  ...H`
     position: absolute;
     top: -0.5rem;
     ${!t && { right: "-0.5rem" }};
@@ -708,7 +712,9 @@ const ue = q(/* @__PURE__ */ s("path", {
       }
     }
   `
-})), wo = k("div")(({ withActionsPanel: e, borderColor: o, backgroundColor: r, mobileScreen: t }) => ({
+})), ko = y("div", {
+  shouldForwardProp: (e) => ee(e)
+})(({ withActionsPanel: e, borderColor: o, backgroundColor: r, mobileScreen: t }) => ({
   display: "flex",
   overflow: "hidden",
   backgroundColor: r,
@@ -729,9 +735,9 @@ const ue = q(/* @__PURE__ */ s("path", {
     borderBottomLeftRadius: 0,
     borderTopLeftRadius: 0
   }
-})), yo = k(W)(
+})), Co = y(F)(
   ({ backgroundColor: e, shadowColor: o }) => ({
-    ...z`
+    ...H`
       z-index: 1327;
 
       .MuiDrawer-paper {
@@ -747,11 +753,12 @@ const ue = q(/* @__PURE__ */ s("path", {
       }
     `
   })
-), ko = k(W)(({ backgroundColor: e }) => ({
-  ...z`
+), To = y(F)(({ backgroundColor: e }) => ({
+  ...H`
     z-index: 1300;
 
     .MuiDrawer-paper {
+      z-index: 1300;
       width: 100vw;
       top: ${i.constants.appHeaderHeight}px;
       height: calc(100vh - ${i.constants.appHeaderHeight}px - 72px);
@@ -760,20 +767,35 @@ const ue = q(/* @__PURE__ */ s("path", {
     }
 
     .MuiBackdrop-root {
+      z-index: 1300;
       top: ${i.constants.appHeaderHeight}px;
       height: calc(100vh - ${i.constants.appHeaderHeight}px);
       background-color: transparent;
     }
   `
-})), Co = k("h1")(({ color: e }) => ({
-  ...z`
+})), $o = y("div", {
+  shouldForwardProp: (e) => ee(e)
+})(({ backgroundColor: e, open: o }) => ({
+  ...H`
+    position: fixed;
+    transition: height 201ms cubic-bezier(0, 0, 0.2, 1);
+    z-index: 1300;
+    bottom: 72px;
+    width: 100vw;
+    height: ${o ? `calc(100vh - ${i.constants.appHeaderHeight}px - 72px)` : 0};
+    overflow: hidden;
+    background-color: ${e};
+    box-sizing: border-box;
+  `
+})), Eo = y("h1")(({ color: e }) => ({
+  ...H`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), To = k(W)(() => ({
-  ...z`
+})), Po = y(F)(() => ({
+  ...H`
     top: ${i.constants.appHeaderHeight}px;
     font-family: 'Roboto';
     z-index: 1336;
@@ -792,21 +814,21 @@ const ue = q(/* @__PURE__ */ s("path", {
       background-color: transparent;
     }
   `
-})), Eo = k("img")(({ width: e, height: o }) => ({
-  ...z`
+})), Mo = y("img")(({ width: e, height: o }) => ({
+  ...H`
     width: ${e}px;
     height: ${o}px;
   `
-})), ge = k("div")(({ justifyStart: e }) => ({
-  ...z`
+})), ve = y("div")(({ justifyStart: e }) => ({
+  ...H`
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), $o = k(W)(() => ({
-  ...z`
+})), Ho = y(F)(() => ({
+  ...H`
     top: ${i.constants.appHeaderHeight}px;
     font-family: 'Roboto';
 
@@ -827,270 +849,275 @@ const ue = q(/* @__PURE__ */ s("path", {
       background-color: transparent;
     }
   `
-})), Go = ({
+})), _o = ({
   navProps: e,
   appHeaderProps: o = {},
   userProfileMenuItems: r = [],
   actionsPanelContent: t,
   navWidth: c = i.constants.navDefaultWidth,
-  breakpoints: u = { mobile: i.screenSizes.mobile, tablet: i.screenSizes.tablet },
-  children: h,
-  themeColors: d = {},
+  breakpoints: f = { mobile: i.screenSizes.mobile, tablet: i.screenSizes.tablet },
+  children: u,
+  themeColors: h = {},
   logoProps: l = {},
-  loggedIn: f
+  loggedIn: m,
+  mobileActionsPanelOpen: p
 }) => {
-  const [p, w] = Y(!1), [P, L] = Y(!1), [B, C] = Y(!1), [N, S] = Y(!1), { mobile: A = i.screenSizes.mobile, tablet: O = i.screenSizes.tablet } = u, g = de(`(max-width: ${A})`), x = de(`(max-width: ${O})`) && !g, H = !g && !x, {
-    backgroundPrimary: m = i.colors.whiteGreen,
-    backgroundSecondary: y = i.colors.whiteGreenA,
+  const [M, k] = Y(!1), [B, L] = Y(!1), [N, C] = Y(!1), [R, O] = Y(!1), { mobile: I = i.screenSizes.mobile, tablet: S = i.screenSizes.tablet } = f, g = fe(`(max-width: ${I})`), v = fe(`(max-width: ${S})`) && !g, b = !g && !v, {
+    backgroundPrimary: D = i.colors.whiteGreen,
+    backgroundSecondary: x = i.colors.whiteGreenA,
     backgroundTertiary: T = i.colors.sage,
-    highlightPrimary: D = i.colors.sunlight,
-    highlightSecondary: E = i.colors.dandelion,
+    highlightPrimary: $ = i.colors.sunlight,
+    highlightSecondary: A = i.colors.dandelion,
     highlightTertiary: j = `${i.colors.dandelion}99`,
-    iconPrimary: $ = i.colors.darkGreen,
-    shadowPrimary: F = i.colors.darkGreenO99,
+    iconPrimary: z = i.colors.darkGreen,
+    shadowPrimary: W = i.colors.darkGreenO99,
     shadowSecondary: U = i.boxShadows.darkGreen,
-    shadowTertiary: G = i.boxShadows.darkGreenThick,
-    borderPrimary: I = i.colors.green,
-    scrollColor: a = i.colors.darkGreenO99,
-    avatarColors: b
-  } = d, { logoSrc: X = Ne, logoWidth: ae = 36, logoHeight: se = 50 } = l, Ee = {
-    backgroundPrimary: m,
-    backgroundSecondary: y,
+    shadowTertiary: X = i.boxShadows.darkGreenThick,
+    borderPrimary: s = i.colors.green,
+    scrollColor: d = i.colors.darkGreenO99,
+    avatarColors: Q
+  } = h, { logoSrc: se = Ie, logoWidth: ce = 36, logoHeight: le = 50 } = l, Me = {
+    backgroundPrimary: D,
+    backgroundSecondary: x,
     backgroundTertiary: T,
-    highlightPrimary: D,
-    highlightSecondary: E,
+    highlightPrimary: $,
+    highlightSecondary: A,
     highlightTertiary: j,
-    borderPrimary: I,
-    iconPrimary: $,
-    shadowPrimary: F,
+    borderPrimary: s,
+    iconPrimary: z,
+    shadowPrimary: W,
     shadowSecondary: U,
-    shadowTertiary: G,
-    scrollColor: a
-  }, $e = { logoSrc: X, logoWidth: ae, logoHeight: se }, ee = t != null, Me = { ...o, navWidth: c, loggedIn: f }, { onLogout: Pe = () => {
-  } } = o, Q = { ...e, themeColors: Ee }, He = {
-    ...Q,
+    shadowTertiary: X,
+    scrollColor: d
+  }, He = { logoSrc: se, logoWidth: ce, logoHeight: le }, oe = t != null, Re = { ...o, navWidth: c, loggedIn: m }, { onLogout: Se = () => {
+  } } = o, G = { ...e, themeColors: Me }, De = {
+    ...G,
     navWidth: `${c}px`,
     isMobile: g
-  }, ce = [
-    { label: "Log Out", icon: /* @__PURE__ */ s(fo, {}), onClick: Pe },
+  }, pe = [
+    { label: "Log Out", icon: /* @__PURE__ */ a(go, {}), onClick: Se },
     ...r
-  ].map((M) => ({
-    ...M,
+  ].map((E) => ({
+    ...E,
     onClick: () => {
-      M.onClick && M.onClick(), C(!1);
+      E.onClick && E.onClick(), C(!1);
     }
-  })), { navItems: oe } = e, Re = oe.map((M) => ({
-    ...M,
+  })), { navItems: te } = e, ze = te.map((E) => ({
+    ...E,
     onClick: () => {
-      M.onClick && M.onClick(), w(!1);
+      E.onClick && E.onClick(), k(!1);
     }
-  })), te = {
-    ...Q,
+  })), re = {
+    ...G,
     navWidth: "100%",
     isTablet: !0,
-    navItems: Re
+    navItems: ze
   };
-  let re = oe.map((M) => ({
-    ...M,
+  let ne = te.map((E) => ({
+    ...E,
     onClick: () => {
-      M.onClick && M.onClick(), S(!1);
+      E.onClick && E.onClick(), O(!1);
     }
-  })), le = [];
-  oe.length > 4 && g && (le = re.splice(3), re.push({
+  })), de = [];
+  te.length > 4 && g && (de = ne.splice(3), ne.push({
     label: "More",
-    icon: /* @__PURE__ */ s(mo, {}),
-    onClick: () => S(!0)
+    icon: /* @__PURE__ */ a(bo, {}),
+    onClick: () => O(!0)
   }));
-  const Se = {
-    ...Q,
+  const Le = {
+    ...G,
     navWidth: "100%",
-    navItems: re,
-    isMobile: !0
-  }, De = {
-    ...Q,
+    navItems: ne,
+    isMobile: !0,
+    activeRoute: R ? "More" : G.activeRoute
+  }, Ne = {
+    ...G,
     navWidth: "100%",
-    navItems: le,
+    navItems: de,
     isTablet: !0
   };
-  return /* @__PURE__ */ R(go, { backgroundColor: y, children: [
-    /* @__PURE__ */ s(
-      Le,
+  return /* @__PURE__ */ P(xo, { backgroundColor: x, children: [
+    /* @__PURE__ */ a(
+      Oe,
       {
-        ...Me,
-        hamburgerMenu: x,
-        onHamburgerMenuClick: () => w(!0),
+        ...Re,
+        hamburgerMenu: v,
+        onHamburgerMenuClick: () => k(!0),
         onUserMenuClick: () => C(!0),
-        logoProps: $e,
-        iconColor: $,
+        logoProps: He,
+        iconColor: z,
         isMobile: g,
-        themeProps: { shadowSecondary: U, shadowTertiary: G, iconPrimary: $, borderPrimary: I },
-        avatarColors: b
+        themeProps: { shadowSecondary: U, shadowTertiary: X, iconPrimary: z, borderPrimary: s },
+        avatarColors: Q
       }
     ),
-    /* @__PURE__ */ R(bo, { tabletPadding: x, mobile: g, children: [
-      H && /* @__PURE__ */ s(V, { ...He }),
-      g && /* @__PURE__ */ R(ze, { children: [
-        /* @__PURE__ */ s(V, { ...Se }),
-        /* @__PURE__ */ s(
-          ko,
+    /* @__PURE__ */ P(vo, { tabletPadding: v, mobile: g, children: [
+      b && /* @__PURE__ */ a(V, { ...De }),
+      g && /* @__PURE__ */ P(he, { children: [
+        /* @__PURE__ */ a(V, { ...Le }),
+        /* @__PURE__ */ a(
+          To,
           {
-            open: N,
-            onClose: () => S(!1),
-            backgroundColor: y,
+            open: R,
+            onClose: () => O(!1),
+            backgroundColor: x,
             anchor: "right",
-            children: /* @__PURE__ */ s(V, { ...De })
+            children: /* @__PURE__ */ a(V, { ...Ne })
           }
         )
       ] }),
-      x && /* @__PURE__ */ R(
-        yo,
+      v && /* @__PURE__ */ P(
+        Co,
         {
-          open: p,
-          onClose: () => w(!1),
-          backgroundColor: y,
-          shadowColor: F,
+          open: M,
+          onClose: () => k(!1),
+          backgroundColor: x,
+          shadowColor: W,
           children: [
-            /* @__PURE__ */ R(ge, { children: [
-              /* @__PURE__ */ s(Eo, { src: X, alt: "logo", width: ae, height: se }),
-              /* @__PURE__ */ s(K, { variant: "icon", size: 36, onClick: () => w(!1), color: $, children: /* @__PURE__ */ s(Oe, {}) })
+            /* @__PURE__ */ P(ve, { children: [
+              /* @__PURE__ */ a(Mo, { src: se, alt: "logo", width: ce, height: le }),
+              /* @__PURE__ */ a(K, { variant: "icon", size: 36, onClick: () => k(!1), color: z, children: /* @__PURE__ */ a(Be, {}) })
             ] }),
-            /* @__PURE__ */ s(V, { ...te })
+            /* @__PURE__ */ a(V, { ...re })
           ]
         }
       ),
-      x && /* @__PURE__ */ R(
-        vo,
+      v && /* @__PURE__ */ P(
+        yo,
         {
-          open: P && ee,
+          open: B && oe,
           onClose: () => L(!1),
-          shadowColor: F,
+          shadowColor: W,
           backgroundColor: T,
           children: [
-            /* @__PURE__ */ s(
-              me,
+            /* @__PURE__ */ a(
+              xe,
               {
                 variant: "icon",
                 size: 24,
                 onClick: () => L(!1),
-                iconColor: $,
-                highlight1: y,
-                highlight2: y,
-                children: /* @__PURE__ */ s(fe, {})
+                iconColor: z,
+                highlight1: x,
+                highlight2: x,
+                children: /* @__PURE__ */ a(be, {})
               }
             ),
-            /* @__PURE__ */ s(ne, { scrollColor: a, direction: "vertical", children: t && t })
+            /* @__PURE__ */ a(ie, { scrollColor: d, direction: "vertical", children: t && t })
           ]
         }
       ),
-      (x || H) && /* @__PURE__ */ R(
-        $o,
+      (v || b) && /* @__PURE__ */ P(
+        Ho,
         {
           anchor: "right",
-          open: B,
+          open: N,
           onClose: () => C(!1),
           children: [
-            /* @__PURE__ */ s(
-              me,
+            /* @__PURE__ */ a(
+              xe,
               {
                 variant: "icon",
                 size: 24,
                 onClick: () => C(!1),
                 iconColor: i.colors.midnight,
                 highlight1: i.colors.white,
-                highlight2: y,
+                highlight2: x,
                 rightDrawer: !0,
-                children: /* @__PURE__ */ s(fe, {})
+                children: /* @__PURE__ */ a(be, {})
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               V,
               {
-                ...te,
-                navItems: ce,
+                ...re,
+                navItems: pe,
                 themeColors: {
                   iconPrimary: i.colors.midnight,
-                  highlightPrimary: m,
-                  highlightTertiary: y,
+                  highlightPrimary: D,
+                  highlightTertiary: x,
                   shadowSecondary: U,
-                  scrollColor: a
+                  scrollColor: d
                 }
               }
             )
           ]
         }
       ),
-      g && /* @__PURE__ */ R(
-        To,
-        {
-          anchor: "right",
-          open: B,
-          onClose: () => C(!1),
-          children: [
-            /* @__PURE__ */ R(ge, { children: [
-              /* @__PURE__ */ s(Co, { color: i.colors.midnight, children: "Settings" }),
-              /* @__PURE__ */ s(
-                K,
+      g && /* @__PURE__ */ P(he, { children: [
+        /* @__PURE__ */ P(
+          Po,
+          {
+            anchor: "right",
+            open: N,
+            onClose: () => C(!1),
+            children: [
+              /* @__PURE__ */ P(ve, { children: [
+                /* @__PURE__ */ a(Eo, { color: i.colors.midnight, children: "Settings" }),
+                /* @__PURE__ */ a(
+                  K,
+                  {
+                    variant: "icon",
+                    size: 36,
+                    onClick: () => C(!1),
+                    color: i.colors.midnight,
+                    children: /* @__PURE__ */ a(ge, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a(
+                V,
                 {
-                  variant: "icon",
-                  size: 36,
-                  onClick: () => C(!1),
-                  color: i.colors.midnight,
-                  children: /* @__PURE__ */ s(ue, {})
+                  ...re,
+                  navItems: pe,
+                  themeColors: {
+                    iconPrimary: i.colors.midnight,
+                    highlightPrimary: D,
+                    highlightTertiary: x,
+                    shadowSecondary: U,
+                    scrollColor: d
+                  }
                 }
               )
-            ] }),
-            /* @__PURE__ */ s(
-              V,
-              {
-                ...te,
-                navItems: ce,
-                themeColors: {
-                  iconPrimary: i.colors.midnight,
-                  highlightPrimary: m,
-                  highlightTertiary: y,
-                  shadowSecondary: U,
-                  scrollColor: a
-                }
-              }
-            )
-          ]
-        }
-      ),
-      !A && /* @__PURE__ */ R(
-        xo,
+            ]
+          }
+        ),
+        /* @__PURE__ */ a($o, { backgroundColor: T, open: p, children: t })
+      ] }),
+      !g && /* @__PURE__ */ P(
+        wo,
         {
-          withActionsPanel: ee,
-          tablet: x,
-          borderColor: I,
+          withActionsPanel: oe,
+          tablet: v,
+          borderColor: s,
           backgroundColor: T,
           children: [
-            H && /* @__PURE__ */ s(ne, { scrollColor: a, direction: "vertical", children: t && t }),
-            x && /* @__PURE__ */ s(
+            b && /* @__PURE__ */ a(ie, { scrollColor: d, direction: "vertical", children: t && t }),
+            v && /* @__PURE__ */ a(
               K,
               {
                 variant: "icon",
                 size: 36,
                 onClick: () => L(!0),
-                color: $,
-                children: /* @__PURE__ */ s(ue, {})
+                color: z,
+                children: /* @__PURE__ */ a(ge, {})
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ s(
-        wo,
+      /* @__PURE__ */ a(
+        ko,
         {
-          withActionsPanel: ee,
-          borderColor: I,
-          backgroundColor: m,
+          withActionsPanel: oe,
+          borderColor: s,
+          backgroundColor: D,
           mobileScreen: g,
-          children: /* @__PURE__ */ s(ne, { scrollColor: a, children: h })
+          children: /* @__PURE__ */ a(ie, { scrollColor: d, children: u })
         }
       )
     ] })
   ] });
 };
 export {
-  Go as default
+  _o as default
 };