jcicl 0.0.163 → 0.0.167

package/Accordion/Accordion.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { n, i as u } from "../.chunks/emotion-styled.browser.esm.js";
+import { useState as u } from "react";
+import { n, i as y } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as d } from "../.chunks/emotion-react.browser.esm.js";
 import c from "../theme.js";
 import { Flex as a } from "../Flex/Flex.js";
-import { c as y } from "../.chunks/createSvgIcon.js";
-import { B as b } from "../.chunks/ButtonBase.js";
-const A = y(/* @__PURE__ */ r("path", {
+import { c as b } from "../.chunks/createSvgIcon.js";
+import { B as A } from "../.chunks/ButtonBase.js";
+const j = b(/* @__PURE__ */ r("path", {
   d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
-}), "ArrowForwardIos"), j = n("div")(({ padding: o, shadow: t, width: e }) => ({
+}), "ArrowForwardIos"), B = n("div")(({ padding: o, shadow: t, width: e }) => ({
   ...d`
     h3 {
       margin: 0;
@@ -24,7 +24,7 @@ const A = y(/* @__PURE__ */ r("path", {
     background-color: ${c.colors.white};
     width: ${e};
   `
-})), B = n("div")(({ expanded: o }) => ({
+})), $ = n("div")(({ expanded: o }) => ({
   ...d`
     transition: 313ms all ease-in-out;
     display: grid;
@@ -33,8 +33,8 @@ const A = y(/* @__PURE__ */ r("path", {
       overflow: hidden;
     }
   `
-})), $ = n(b, {
-  shouldForwardProp: (o) => u(o) && typeof o == "string"
+})), v = n(A, {
+  shouldForwardProp: (o) => y(o) && typeof o == "string"
 })(({ expanded: o }) => ({
   ...d`
     transition: 201ms all linear;
@@ -44,27 +44,28 @@ const A = y(/* @__PURE__ */ r("path", {
     height: 24px;
     aspect-ratio: 1;
   `
-})), C = ({
+})), G = ({
   decorativeElement: o,
   title: t,
   children: e,
   padding: l = "1rem 2rem",
   shadow: m = c.boxShadows.darkGreen,
-  width: p = "360px"
+  width: p = "360px",
+  ...f
 }) => {
-  const [s, f] = g(!1), h = { padding: l, shadow: m, width: p }, w = { expanded: s }, x = { expanded: s };
-  return /* @__PURE__ */ i(j, { ...h, children: [
+  const [s, h] = u(!1), w = { padding: l, shadow: m, width: p }, x = { expanded: s }, g = { expanded: s };
+  return /* @__PURE__ */ i(B, { className: "jcAccordion", ...w, ...f, children: [
     /* @__PURE__ */ i(a, { className: "jcAccordionHeader", alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ i(a, { className: "jcAccordionTitle", width: "100%", gap: "1rem", alignItems: "center", children: [
         o && o,
         /* @__PURE__ */ r("h3", { children: t })
       ] }),
-      /* @__PURE__ */ r($, { ...w, onClick: () => f(!s), children: /* @__PURE__ */ r(A, {}) })
+      /* @__PURE__ */ r(v, { ...x, onClick: () => h(!s), children: /* @__PURE__ */ r(j, {}) })
     ] }),
-    /* @__PURE__ */ r(B, { className: "jcAccordionBody", ...x, children: /* @__PURE__ */ r("div", { children: e }) })
+    /* @__PURE__ */ r($, { className: "jcAccordionBody", ...g, children: /* @__PURE__ */ r("div", { children: e }) })
   ] });
 };
 export {
-  C as Accordion,
-  C as default
+  G as Accordion,
+  G as default
 };

package/AppContainer/AppContainer.js

@@ -1,27 +1,27 @@
 import { jsx as a, jsxs as T, Fragment as fe } from "react/jsx-runtime";
 import * as x from "react";
 import { useState as G } from "react";
-import { c as q } from "../.chunks/createSvgIcon.js";
-import { n as v, i as ee } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as se } from "../.chunks/createSvgIcon.js";
+import { n as v, i as q } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as R } from "../.chunks/emotion-react.browser.esm.js";
-import Ae from "../AppHeader/AppHeader.js";
+import Ie from "../AppHeader/AppHeader.js";
 import { Nav as F } from "../Nav/Nav.js";
 import Y from "../ScrollContainer/ScrollContainer.js";
 import { Button as K } from "../Button/Button.js";
 import i from "../theme.js";
-import { l as je } from "../.chunks/jocologo.js";
-import { X as Ue } from "../.chunks/Close.js";
-import { P as t, g as Fe, a as Ve, s as ce, r as We, c as Z, u as Qe, b as _, d as Xe } from "../.chunks/DefaultPropsProvider.js";
-import { u as Ge } from "../.chunks/index.js";
-import { u as Ye, e as _e, H as Je, a as ke, g as Ke, T as Ze, r as qe, b as me } from "../.chunks/Portal.js";
+import { l as Ae } from "../.chunks/jocologo.js";
+import { X as je } from "../.chunks/Close.js";
+import { P as t, g as Ue, a as Fe, s as ce, r as Ve, c as Z, u as We, b as _, d as Qe } from "../.chunks/DefaultPropsProvider.js";
+import { u as Xe } from "../.chunks/index.js";
+import { u as Ge, e as Ye, H as _e, a as ke, g as Je, T as Ke, r as Ze, b as me } from "../.chunks/Portal.js";
 import { m as Ce } from "../.chunks/memoTheme.js";
-import { g as eo, o as Te, d as oo, M as ro, P as to } from "../.chunks/TextField.js";
-import { i as no } from "../.chunks/useSlot.js";
-import { c as io } from "../.chunks/chainPropTypes.js";
-import { a as ao, u as so } from "../.chunks/TransitionGroupContext.js";
-function co(e, o, r, n, c) {
+import { g as qe, o as Te, d as eo, M as oo, P as ro } from "../.chunks/TextField.js";
+import { i as to } from "../.chunks/useSlot.js";
+import { c as no } from "../.chunks/chainPropTypes.js";
+import { a as io, u as ao } from "../.chunks/TransitionGroupContext.js";
+function so(e, o, r, n, c) {
   const [l, u] = x.useState(() => c && r ? r(e).matches : n ? n(e).matches : o);
-  return ao(() => {
+  return io(() => {
     if (!r)
       return;
     const f = r(e), p = () => {
@@ -32,10 +32,10 @@ function co(e, o, r, n, c) {
     };
   }, [e, r]), l;
 }
-const lo = {
+const co = {
   ...x
-}, $e = lo.useSyncExternalStore;
-function po(e, o, r, n, c) {
+}, Pe = co.useSyncExternalStore;
+function lo(e, o, r, n, c) {
   const l = x.useCallback(() => o, [o]), u = x.useMemo(() => {
     if (c && r)
       return () => r(e).matches;
@@ -51,19 +51,19 @@ function po(e, o, r, n, c) {
       return [l, () => () => {
       }];
     const h = r(e);
-    return [() => h.matches, ($) => (h.addEventListener("change", $), () => {
-      h.removeEventListener("change", $);
+    return [() => h.matches, (P) => (h.addEventListener("change", P), () => {
+      h.removeEventListener("change", P);
     })];
   }, [l, r, e]);
-  return $e(p, f, u);
+  return Pe(p, f, u);
 }
 function ge(e, o = {}) {
-  const r = Ye(), n = typeof window < "u" && typeof window.matchMedia < "u", {
+  const r = Ge(), n = typeof window < "u" && typeof window.matchMedia < "u", {
     defaultMatches: c = !1,
     matchMedia: l = n ? window.matchMedia : null,
     ssrMatchMedia: u = null,
     noSsr: f = !1
-  } = eo({
+  } = qe({
     name: "MuiUseMediaQuery",
     props: o,
     theme: r
@@ -72,13 +72,13 @@ function ge(e, o = {}) {
 `));
   let p = typeof e == "function" ? e(r) : e;
   p = p.replace(/^@media( ?)/m, "");
-  const h = ($e !== void 0 ? po : co)(p, c, l, u, f);
+  const h = (Pe !== void 0 ? lo : so)(p, c, l, u, f);
   return process.env.NODE_ENV !== "production" && x.useDebugValue({
     query: p,
     match: h
   }), h;
 }
-function ho(e, o, r) {
+function po(e, o, r) {
   const n = o.getBoundingClientRect(), c = r && r.getBoundingClientRect(), l = Te(o);
   let u;
   if (o.fakeTransform)
@@ -94,11 +94,11 @@ function ho(e, o, r) {
   }
   return e === "left" ? c ? `translateX(${c.right + f - n.left}px)` : `translateX(${l.innerWidth + f - n.left}px)` : e === "right" ? c ? `translateX(-${n.right - c.left - f}px)` : `translateX(-${n.left + n.width - f}px)` : e === "up" ? c ? `translateY(${c.bottom + p - n.top}px)` : `translateY(${l.innerHeight + p - n.top}px)` : c ? `translateY(-${n.top - c.top + n.height - p}px)` : `translateY(-${n.top + n.height - p}px)`;
 }
-function Pe(e) {
+function $e(e) {
   return typeof e == "function" ? e() : e;
 }
 function J(e, o, r) {
-  const n = Pe(r), c = ho(e, o, n);
+  const n = $e(r), c = po(e, o, n);
   c && (o.style.webkitTransform = c, o.style.transform = c);
 }
 const Ee = /* @__PURE__ */ x.forwardRef(function(o, r) {
@@ -114,28 +114,28 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, r) {
     children: p,
     container: b,
     direction: h = "down",
-    easing: $ = c,
-    in: P,
+    easing: P = c,
+    in: $,
     onEnter: A,
     onEntered: z,
     onEntering: j,
     onExit: E,
     onExited: N,
     onExiting: M,
-    style: L,
+    style: O,
     timeout: H = l,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: O = Ze,
+    TransitionComponent: L = Ke,
     ...B
-  } = o, d = x.useRef(null), w = so(Ke(p), d, r), k = (s) => (g) => {
+  } = o, d = x.useRef(null), w = ao(Je(p), d, r), k = (s) => (g) => {
     s && (g === void 0 ? s(d.current) : s(d.current, g));
   }, y = k((s, g) => {
-    J(h, s, b), qe(s), A && A(s, g);
+    J(h, s, b), Ze(s), A && A(s, g);
   }), m = k((s, g) => {
     const W = me({
       timeout: H,
-      style: L,
-      easing: $
+      style: O,
+      easing: P
     }, {
       mode: "enter"
     });
@@ -144,51 +144,51 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, r) {
     }), s.style.transition = n.transitions.create("transform", {
       ...W
     }), s.style.webkitTransform = "none", s.style.transform = "none", j && j(s, g);
-  }), S = k(z), U = k(M), oe = k((s) => {
+  }), S = k(z), U = k(M), ee = k((s) => {
     const g = me({
       timeout: H,
-      style: L,
-      easing: $
+      style: O,
+      easing: P
     }, {
       mode: "exit"
     });
     s.style.webkitTransition = n.transitions.create("-webkit-transform", g), s.style.transition = n.transitions.create("transform", g), J(h, s, b), E && E(s);
-  }), re = k((s) => {
+  }), oe = k((s) => {
     s.style.webkitTransition = "", s.style.transition = "", N && N(s);
-  }), te = (s) => {
+  }), re = (s) => {
     u && u(d.current, s);
   }, D = x.useCallback(() => {
     d.current && J(h, d.current, b);
   }, [h, b]);
   return x.useEffect(() => {
-    if (P || h === "down" || h === "right")
+    if ($ || h === "down" || h === "right")
       return;
-    const s = oo(() => {
+    const s = eo(() => {
       d.current && J(h, d.current, b);
     }), g = Te(d.current);
     return g.addEventListener("resize", s), () => {
       s.clear(), g.removeEventListener("resize", s);
     };
-  }, [h, P, b]), x.useEffect(() => {
-    P || D();
-  }, [P, D]), /* @__PURE__ */ a(O, {
+  }, [h, $, b]), x.useEffect(() => {
+    $ || D();
+  }, [$, D]), /* @__PURE__ */ a(L, {
     nodeRef: d,
     onEnter: y,
     onEntered: S,
     onEntering: m,
-    onExit: oe,
-    onExited: re,
+    onExit: ee,
+    onExited: oe,
     onExiting: U,
-    addEndListener: te,
+    addEndListener: re,
     appear: f,
-    in: P,
+    in: $,
     timeout: H,
     ...B,
     children: (s, g) => /* @__PURE__ */ x.cloneElement(p, {
       ref: w,
       style: {
-        visibility: s === "exited" && !P ? "hidden" : void 0,
-        ...L,
+        visibility: s === "exited" && !$ ? "hidden" : void 0,
+        ...O,
         ...p.props.style
       },
       ...g
@@ -215,14 +215,14 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
   /**
    * A single child content element.
    */
-  children: _e.isRequired,
+  children: Ye.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: io(t.oneOfType([Je, t.func]), (e) => {
+  container: no(t.oneOfType([_e, t.func]), (e) => {
     if (e.open) {
-      const o = Pe(e.container);
+      const o = $e(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)
@@ -297,16 +297,16 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
     exit: t.number
   })])
 });
-function uo(e) {
-  return Fe("MuiDrawer", e);
+function ho(e) {
+  return Ue("MuiDrawer", e);
 }
-Ve("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+Fe("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
 const Me = (e, o) => {
   const {
     ownerState: r
   } = e;
   return [o.root, (r.variant === "permanent" || r.variant === "persistent") && o.docked, o.modal];
-}, fo = (e) => {
+}, uo = (e) => {
   const {
     classes: o,
     anchor: r,
@@ -317,8 +317,8 @@ const Me = (e, o) => {
     modal: ["modal"],
     paper: ["paper", `paperAnchor${Z(r)}`, n !== "temporary" && `paperAnchorDocked${Z(r)}`]
   };
-  return Xe(c, uo, o);
-}, mo = ce(ro, {
+  return Qe(c, ho, o);
+}, fo = ce(oo, {
   name: "MuiDrawer",
   slot: "Root",
   overridesResolver: Me
@@ -327,14 +327,14 @@ const Me = (e, o) => {
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
 }))), be = ce("div", {
-  shouldForwardProp: We,
+  shouldForwardProp: Ve,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
   overridesResolver: Me
 })({
   flex: "0 0 auto"
-}), go = ce(to, {
+}), mo = ce(ro, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
@@ -433,19 +433,19 @@ const Me = (e, o) => {
   top: "down",
   bottom: "up"
 };
-function bo(e) {
+function go(e) {
   return ["left", "right"].includes(e);
 }
-function xo({
+function bo({
   direction: e
 }, o) {
-  return e === "rtl" && bo(o) ? He[o] : o;
+  return e === "rtl" && go(o) ? He[o] : o;
 }
 const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
-  const n = Qe({
+  const n = We({
     props: o,
     name: "MuiDrawer"
-  }), c = ke(), l = Ge(), u = {
+  }), c = ke(), l = Xe(), u = {
     enter: c.transitions.duration.enteringScreen,
     exit: c.transitions.duration.leavingScreen
   }, {
@@ -453,8 +453,8 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
     BackdropProps: p,
     children: b,
     className: h,
-    elevation: $ = 16,
-    hideBackdrop: P = !1,
+    elevation: P = 16,
+    hideBackdrop: $ = !1,
     ModalProps: {
       BackdropProps: A,
       ...z
@@ -464,32 +464,32 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
     PaperProps: N = {},
     SlideProps: M,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: L = Ee,
+    TransitionComponent: O = Ee,
     transitionDuration: H = u,
-    variant: O = "temporary",
+    variant: L = "temporary",
     ...B
   } = n, d = x.useRef(!1);
   x.useEffect(() => {
     d.current = !0;
   }, []);
-  const w = xo({
+  const w = bo({
     direction: l ? "rtl" : "ltr"
   }, f), y = {
     ...n,
     anchor: f,
-    elevation: $,
+    elevation: P,
     open: E,
-    variant: O,
+    variant: L,
     ...B
-  }, m = fo(y), S = /* @__PURE__ */ a(go, {
-    elevation: O === "temporary" ? $ : 0,
+  }, m = uo(y), S = /* @__PURE__ */ a(mo, {
+    elevation: L === "temporary" ? P : 0,
     square: !0,
     ...N,
     className: _(m.paper, N.className),
     ownerState: y,
     children: b
   });
-  if (O === "permanent")
+  if (L === "permanent")
     return /* @__PURE__ */ a(be, {
       className: _(m.root, m.docked, h),
       ownerState: y,
@@ -497,7 +497,7 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
       ...B,
       children: S
     });
-  const U = /* @__PURE__ */ a(L, {
+  const U = /* @__PURE__ */ a(O, {
     in: E,
     direction: He[w],
     timeout: H,
@@ -505,13 +505,13 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
     ...M,
     children: S
   });
-  return O === "persistent" ? /* @__PURE__ */ a(be, {
+  return L === "persistent" ? /* @__PURE__ */ a(be, {
     className: _(m.root, m.docked, h),
     ownerState: y,
     ref: r,
     ...B,
     children: U
-  }) : /* @__PURE__ */ a(mo, {
+  }) : /* @__PURE__ */ a(fo, {
     BackdropProps: {
       ...p,
       ...A,
@@ -521,7 +521,7 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, r) {
     open: E,
     ownerState: y,
     onClose: j,
-    hideBackdrop: P,
+    hideBackdrop: $,
     ref: r,
     ...B,
     ...z,
@@ -558,7 +558,7 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: no,
+  elevation: to,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
@@ -614,16 +614,14 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
    */
   variant: t.oneOf(["permanent", "persistent", "temporary"])
 });
-const xe = q(/* @__PURE__ */ a("path", {
+const xe = se(/* @__PURE__ */ a("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), vo = 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"), ve = q(/* @__PURE__ */ a("path", {
+}), "ArrowForward"), ve = se(/* @__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"), wo = q(/* @__PURE__ */ a("path", {
+}), "Cancel"), xo = se(/* @__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"), yo = v("div", {
-  shouldForwardProp: (e) => ee(e)
+}), "MoreHoriz"), vo = v("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ backgroundColor: e }) => ({
   display: "flex",
   flexDirection: "column",
@@ -633,7 +631,7 @@ const xe = q(/* @__PURE__ */ a("path", {
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), ko = v("div")(
+})), wo = v("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -645,8 +643,8 @@ const xe = q(/* @__PURE__ */ a("path", {
     boxSizing: "border-box",
     minHeight: `calc(100% - ${i.constants.appHeaderHeight}px)`
   })
-), Co = v("div", {
-  shouldForwardProp: (e) => ee(e)
+), yo = v("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: r, backgroundColor: n }) => ({
   display: "flex",
   flexDirection: "column",
@@ -666,7 +664,7 @@ const xe = q(/* @__PURE__ */ a("path", {
   ...!e && {
     border: "none"
   }
-})), To = v(V)(
+})), ko = v(V)(
   ({ shadowColor: e, backgroundColor: o }) => ({
     ...R`
       top: ${i.constants.appHeaderHeight}px;
@@ -714,8 +712,8 @@ const xe = q(/* @__PURE__ */ a("path", {
       }
     }
   `
-})), $o = v("div", {
-  shouldForwardProp: (e) => ee(e)
+})), Co = v("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: r, mobileScreen: n }) => ({
   display: "flex",
   overflow: "hidden",
@@ -737,7 +735,7 @@ const xe = q(/* @__PURE__ */ a("path", {
     borderBottomLeftRadius: 0,
     borderTopLeftRadius: 0
   }
-})), Po = v(V, {
+})), To = v(V, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
   ...R`
@@ -755,7 +753,7 @@ const xe = q(/* @__PURE__ */ a("path", {
       background-color: transparent;
     }
   `
-})), Eo = v(V, {
+})), Po = v(V, {
   shouldForwardProp: (e) => e != "backgroundColor"
 })(({ backgroundColor: e }) => ({
   ...R`
@@ -777,8 +775,8 @@ const xe = q(/* @__PURE__ */ a("path", {
       background-color: transparent;
     }
   `
-})), Mo = v("div", {
-  shouldForwardProp: (e) => ee(e)
+})), $o = v("div", {
+  shouldForwardProp: (e) => q(e)
 })(({ backgroundColor: e, open: o }) => ({
   ...R`
     position: fixed;
@@ -792,14 +790,14 @@ const xe = q(/* @__PURE__ */ a("path", {
     box-sizing: border-box;
     padding: ${o ? "16px" : 0};
   `
-})), Ho = v("h1")(({ color: e }) => ({
+})), Eo = v("h1")(({ color: e }) => ({
   ...R`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), Ro = v(V)(({ backgroundQuaternary: e }) => ({
+})), Mo = v(V)(({ backgroundQuaternary: e }) => ({
   ...R`
     top: ${i.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -819,7 +817,7 @@ const xe = q(/* @__PURE__ */ a("path", {
       background-color: transparent;
     }
   `
-})), So = v("img")(({ width: e, height: o }) => ({
+})), Ho = v("img")(({ width: e, height: o }) => ({
   ...R`
     width: ${e}px;
     height: ${o}px;
@@ -832,7 +830,7 @@ const xe = q(/* @__PURE__ */ a("path", {
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Do = v(V)(() => ({
+})), Ro = v(V)(() => ({
   ...R`
     top: ${i.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -854,7 +852,7 @@ const xe = q(/* @__PURE__ */ a("path", {
       background-color: transparent;
     }
   `
-})), er = ({
+})), Zo = ({
   navProps: e,
   appHeaderProps: o = {},
   userInfo: r,
@@ -866,17 +864,17 @@ const xe = q(/* @__PURE__ */ a("path", {
   children: p,
   themeColors: b = {},
   logoProps: h = {},
-  loggedIn: $,
-  mobileActionsPanelOpen: P
+  loggedIn: P,
+  mobileActionsPanelOpen: $
 }) => {
-  const [A, z] = G(!1), [j, E] = G(!1), [N, M] = G(!1), [L, H] = G(!1), { mobile: O = i.screenSizes.mobile, tablet: B = i.screenSizes.tablet } = f, d = ge(`(max-width: ${O})`), w = ge(`(max-width: ${B})`) && !d, k = !d && !w, {
+  const [A, z] = G(!1), [j, E] = G(!1), [N, M] = G(!1), [O, H] = G(!1), { mobile: L = i.screenSizes.mobile, tablet: B = i.screenSizes.tablet } = f, d = ge(`(max-width: ${L})`), w = ge(`(max-width: ${B})`) && !d, k = !d && !w, {
     backgroundPrimary: y = i.colors.whiteGreen,
     backgroundSecondary: m = i.colors.whiteGreenA,
     backgroundTertiary: S = i.colors.sage,
     highlightPrimary: U = i.colors.sunlight,
-    backgroundQuaternary: oe = i.colors.moss,
-    highlightSecondary: re = i.colors.dandelion,
-    highlightTertiary: te = `${i.colors.dandelion}99`,
+    backgroundQuaternary: ee = i.colors.moss,
+    highlightSecondary: oe = i.colors.dandelion,
+    highlightTertiary: re = `${i.colors.dandelion}99`,
     iconPrimary: D = i.colors.darkGreen,
     shadowPrimary: s = i.colors.darkGreenO99,
     shadowSecondary: g = i.boxShadows.darkGreen,
@@ -884,69 +882,68 @@ const xe = q(/* @__PURE__ */ a("path", {
     borderPrimary: X = i.colors.green,
     scrollColor: I = i.colors.darkGreenO99,
     iconColors: Re
-  } = b, { logoSrc: le = je, logoWidth: pe = 36, logoHeight: de = 50 } = h, Se = {
+  } = b, { logoSrc: le = Ae, logoWidth: pe = 36, logoHeight: de = 50 } = h, Se = {
     backgroundPrimary: y,
     backgroundSecondary: m,
     backgroundTertiary: S,
     highlightPrimary: U,
-    highlightSecondary: re,
-    highlightTertiary: te,
+    highlightSecondary: oe,
+    highlightTertiary: re,
     borderPrimary: X,
     iconPrimary: D,
     shadowPrimary: s,
     shadowSecondary: g,
     shadowTertiary: W,
     scrollColor: I
-  }, De = { logoSrc: le, logoWidth: pe, logoHeight: de }, ne = l != null, ze = { ...o, navWidth: u, loggedIn: $ }, { onLogout: Ne = () => {
-  } } = o, Q = { ...e, themeColors: Se }, Le = {
+  }, De = { logoSrc: le, logoWidth: pe, logoHeight: de }, te = l != null, ze = { ...o, navWidth: u, loggedIn: P }, Q = { ...e, themeColors: Se }, Ne = {
     ...Q,
     navWidth: `${u}px`,
     isMobile: d
   }, he = [
-    { label: "Log Out", icon: /* @__PURE__ */ a(vo, {}), onClick: Ne },
+    // { label: 'Log Out', icon: <LogoutIcon />, onClick: onLogout },
     ...c
   ].map((C) => ({
     ...C,
     onClick: () => {
       C.onClick && C.onClick(), M(!1);
     }
-  })), { navItems: ie } = e, Oe = ie.map((C) => ({
+  })), { navItems: ne } = e, Oe = ne.map((C) => ({
     ...C,
     onClick: () => {
       C.onClick && C.onClick(), z(!1);
     }
-  })), ae = {
+  })), ie = {
     ...Q,
     navWidth: "100%",
     isTablet: !0,
     navItems: Oe
   };
-  let se = ie.map((C) => ({
+  let ae = ne.map((C) => ({
     ...C,
     onClick: () => {
       C.onClick && C.onClick(), H(!1);
     }
   })), ue = [];
-  ie.length > 4 && d && (ue = se.splice(3), se.push({
+  ne.length > 4 && d && (ue = ae.splice(3), ae.push({
     label: "More",
-    icon: /* @__PURE__ */ a(wo, {}),
+    icon: /* @__PURE__ */ a(xo, {}),
     onClick: () => H(!0)
   }));
-  const Be = {
+  const Le = {
     ...Q,
     navWidth: "100%",
-    navItems: se,
+    navItems: ae,
     isMobile: !0,
-    activeRoute: L ? "More" : Q.activeRoute
-  }, Ie = {
+    activeRoute: O ? "More" : Q.activeRoute
+  }, Be = {
     ...Q,
     navWidth: "100%",
     navItems: ue,
     isTablet: !0
   };
-  return /* @__PURE__ */ T(yo, { backgroundColor: m, children: [
+  return /* @__PURE__ */ T(vo, { backgroundColor: m, children: [
     /* @__PURE__ */ a(
-      Ae,
+      Ie,
       {
         ...ze,
         hamburgerMenu: w,
@@ -961,23 +958,23 @@ const xe = q(/* @__PURE__ */ a("path", {
         userSettingsEnabled: n
       }
     ),
-    /* @__PURE__ */ T(ko, { tabletPadding: w, mobile: d, children: [
-      k && /* @__PURE__ */ a(F, { ...Le }),
+    /* @__PURE__ */ T(wo, { tabletPadding: w, mobile: d, children: [
+      k && /* @__PURE__ */ a(F, { ...Ne }),
       d && /* @__PURE__ */ T(fe, { children: [
-        /* @__PURE__ */ a(F, { ...Be }),
+        /* @__PURE__ */ a(F, { ...Le }),
         /* @__PURE__ */ a(
-          Eo,
+          Po,
           {
-            open: L,
+            open: O,
             onClose: () => H(!1),
             backgroundColor: m,
             anchor: "right",
-            children: /* @__PURE__ */ a(F, { ...Ie })
+            children: /* @__PURE__ */ a(F, { ...Be })
           }
         )
       ] }),
       w && /* @__PURE__ */ T(
-        Po,
+        To,
         {
           open: A,
           onClose: () => z(!1),
@@ -985,17 +982,17 @@ const xe = q(/* @__PURE__ */ a("path", {
           shadowColor: s,
           children: [
             /* @__PURE__ */ T(ye, { children: [
-              /* @__PURE__ */ a(So, { src: le, alt: "logo", width: pe, height: de }),
-              /* @__PURE__ */ a(K, { variant: "icon", size: 36, onClick: () => z(!1), color: D, children: /* @__PURE__ */ a(Ue, {}) })
+              /* @__PURE__ */ a(Ho, { src: le, alt: "logo", width: pe, height: de }),
+              /* @__PURE__ */ a(K, { variant: "icon", size: 36, onClick: () => z(!1), color: D, children: /* @__PURE__ */ a(je, {}) })
             ] }),
-            /* @__PURE__ */ a(F, { ...ae })
+            /* @__PURE__ */ a(F, { ...ie })
           ]
         }
       ),
       w && /* @__PURE__ */ T(
-        To,
+        ko,
         {
-          open: j && ne,
+          open: j && te,
           onClose: () => E(!1),
           shadowColor: s,
           backgroundColor: S,
@@ -1017,7 +1014,7 @@ const xe = q(/* @__PURE__ */ a("path", {
         }
       ),
       (w || k) && /* @__PURE__ */ T(
-        Do,
+        Ro,
         {
           anchor: "right",
           open: N,
@@ -1039,7 +1036,7 @@ const xe = q(/* @__PURE__ */ a("path", {
             /* @__PURE__ */ a(
               F,
               {
-                ...ae,
+                ...ie,
                 navItems: he,
                 themeColors: {
                   iconPrimary: i.colors.midnight,
@@ -1055,15 +1052,15 @@ const xe = q(/* @__PURE__ */ a("path", {
       ),
       d && /* @__PURE__ */ T(fe, { children: [
         /* @__PURE__ */ T(
-          Ro,
+          Mo,
           {
             anchor: "right",
             open: N,
             onClose: () => M(!1),
-            backgroundQuaternary: oe,
+            backgroundQuaternary: ee,
             children: [
               /* @__PURE__ */ T(ye, { children: [
-                /* @__PURE__ */ a(Ho, { color: i.colors.midnight, children: "Settings" }),
+                /* @__PURE__ */ a(Eo, { color: i.colors.midnight, children: "Settings" }),
                 /* @__PURE__ */ a(
                   K,
                   {
@@ -1078,7 +1075,7 @@ const xe = q(/* @__PURE__ */ a("path", {
               /* @__PURE__ */ a(
                 F,
                 {
-                  ...ae,
+                  ...ie,
                   navItems: he,
                   themeColors: {
                     iconPrimary: i.colors.midnight,
@@ -1092,12 +1089,12 @@ const xe = q(/* @__PURE__ */ a("path", {
             ]
           }
         ),
-        /* @__PURE__ */ a(Mo, { backgroundColor: S, open: P, children: /* @__PURE__ */ a(Y, { scrollColor: I, direction: "vertical", children: l }) })
+        /* @__PURE__ */ a($o, { backgroundColor: S, open: $, children: /* @__PURE__ */ a(Y, { scrollColor: I, direction: "vertical", children: l }) })
       ] }),
       !d && /* @__PURE__ */ T(
-        Co,
+        yo,
         {
-          withActionsPanel: ne,
+          withActionsPanel: te,
           tablet: w,
           borderColor: X,
           backgroundColor: S,
@@ -1117,9 +1114,9 @@ const xe = q(/* @__PURE__ */ a("path", {
         }
       ),
       /* @__PURE__ */ a(
-        $o,
+        Co,
         {
-          withActionsPanel: ne,
+          withActionsPanel: te,
           borderColor: X,
           backgroundColor: y,
           mobileScreen: d,
@@ -1130,5 +1127,5 @@ const xe = q(/* @__PURE__ */ a("path", {
   ] });
 };
 export {
-  er as default
+  Zo as default
 };

package/AppHeader/AppHeader.d.ts

@@ -24,6 +24,8 @@ export interface AppHeaderProps {
     userName?: string;
     userSettingsEnabled?: boolean;
     searchFilters?: SearchFilterProps[];
+    headerType?: 'search' | 'title' | 'searchAndTitle';
+    appTitle?: string;
 }
 declare const AppHeader: React.FC<AppHeaderProps>;
 export default AppHeader;

package/AppHeader/AppHeader.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as w } from "react/jsx-runtime";
 import * as W from "react";
 import N, { useState as $, useLayoutEffect as Q } from "react";
-import { n as f } from "../.chunks/emotion-styled.browser.esm.js";
+import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as m } from "../.chunks/emotion-react.browser.esm.js";
 import { Search as k } from "../Search/Search.js";
 import { Button as M } from "../Button/Button.js";
 import E from "../Icon/Icon.js";
 import X from "../WithLabel/WithLabel.js";
-import { c as A } from "../.chunks/createSvgIcon.js";
+import { c as j } from "../.chunks/createSvgIcon.js";
 const Y = N[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], Z = (e) => {
   const n = W.useRef(e);
   return W.useEffect(() => {
@@ -39,8 +39,8 @@ function ne(e) {
       for (let s = 0; s < l.length; s++) {
         if (o.has(l[s].target)) continue;
         o.add(l[s].target);
-        const h = c.get(l[s].target);
-        h == null || h.forEach((b) => b(l[s], d));
+        const f = c.get(l[s].target);
+        f == null || f.forEach((b) => b(l[s], d));
       }
       l = [], n = !1;
     }
@@ -67,11 +67,11 @@ function ne(e) {
   };
 }
 let y;
-const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
+const ie = (e) => y || (y = ne(e)), oe = j(/* @__PURE__ */ t("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
-}), "Menu"), H = A(/* @__PURE__ */ t("path", {
+}), "Menu"), H = j(/* @__PURE__ */ t("path", {
   d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
-}), "PersonOutlineOutlined"), I = f("div")(
+}), "PersonOutlineOutlined"), I = h("div")(
   ({ mobile: e, shadowSecondary: n }) => ({
     ...m`
       z-index: 1313;
@@ -85,15 +85,15 @@ const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
       box-shadow: ${e && n};
     `
   })
-), L = f("img")(({ width: e }) => ({
+), L = h("img")(({ width: e }) => ({
   width: `${e}px`
-})), R = f("div")(({ height: e }) => ({
+})), R = h("div")(({ height: e }) => ({
   ...m`
     display: flex;
     gap: 1rem;
     height: ${e}px;
   `
-})), re = f("div")(({ width: e, loggedIn: n }) => ({
+})), re = h("div")(({ width: e, loggedIn: n }) => ({
   ...m`
     width: ${e}px;
     display: flex;
@@ -105,21 +105,29 @@ const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
       white-space: nowrap;
     }
   `
-})), _ = f("div")(({ visible: e }) => ({
+})), _ = h("div")(({ visible: e }) => ({
   ...m`
     z-index: ${e ? 1 : 0};
     opacity: ${e ? 1 : 0};
     pointer-events: ${e ? "auto" : "none"};
     position: ${e ? "relative" : "absolute"};
   `
-})), P = f("div")(() => ({
+})), P = h("div")(() => ({
   ...m`
     display: flex;
     width: 1360px;
     max-width: 100%;
+    align-items: center;
+    justify-content: center;
     .MuiFormControl-root {
       width: 100%;
     }
+
+    h1 {
+      font-size: 32px;
+      line-height: 1;
+      margin: 0;
+    }
   `
 })), me = ({
   isMobile: e,
@@ -132,9 +140,9 @@ const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
   userName: r = "User",
   userSettingsEnabled: o,
   searchFilters: s,
-  onHamburgerMenuClick: h,
+  onHamburgerMenuClick: f,
   onUserMenuClick: b,
-  onLogin: j,
+  onLogin: A,
   onSearch: V = () => {
   },
   searchPlaceholder: F = "Search",
@@ -169,7 +177,7 @@ const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
   ] }) : /* @__PURE__ */ w(I, { children: [
     /* @__PURE__ */ w(R, { height: x, children: [
       /* @__PURE__ */ t(L, { src: z, height: `${x}px`, width: O }),
-      i && /* @__PURE__ */ t(M, { variant: "icon", onClick: h, color: c, children: /* @__PURE__ */ t(oe, {}) })
+      i && /* @__PURE__ */ t(M, { variant: "icon", onClick: f, color: c, children: /* @__PURE__ */ t(oe, {}) })
     ] }),
     /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { ...S }) }),
     /* @__PURE__ */ w(re, { width: v, loggedIn: !!n, children: [
@@ -188,7 +196,7 @@ const ie = (e) => y || (y = ne(e)), oe = A(/* @__PURE__ */ t("path", {
           label: `Hi, ${r}!`
         }
       ) }),
-      /* @__PURE__ */ t(_, { visible: !n, ref: q, children: /* @__PURE__ */ t(M, { id: "loginButtonContainer", onClick: j, children: "Log In" }) })
+      /* @__PURE__ */ t(_, { visible: !n, ref: q, children: /* @__PURE__ */ t(M, { id: "loginButtonContainer", onClick: A, children: "Log In" }) })
     ] })
   ] });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.163",
+  "version": "0.0.167",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",