jcicl 1.0.49 → 1.0.51

package/.chunks/AppHeader.js

@@ -129,6 +129,9 @@ const ce = (e) => S || (S = re(e)), se = F(/* @__PURE__ */ t("path", {
       line-height: 1;
       margin: 0;
       margin-left: calc(${L.constants.navDefaultWidth}px * 2);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     @media screen and (max-width: ${L.screenSizes.tablet}) {

package/AppContainer/AppContainer.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as y, Fragment as ke } from "react/jsx-runtime";
-import * as z from "react";
+import * as D from "react";
 import { useState as K } from "react";
 import { c as de } from "../.chunks/createSvgIcon.js";
 import { n as m, i as _ } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as T } from "../.chunks/emotion-react.browser.esm.js";
+import { c as P } from "../.chunks/emotion-react.browser.esm.js";
 import { P as Ve, A as Ge } from "../.chunks/AppHeader.js";
 import { Nav as L } from "../Nav/Nav.js";
 import Z from "../ScrollContainer/ScrollContainer.js";
@@ -22,88 +22,88 @@ import { c as co } from "../.chunks/chainPropTypes.js";
 import { u as po } from "../.chunks/TransitionGroupContext.js";
 import { u as Ce } from "../.chunks/useMediaQuery.js";
 function ho(e, o, a) {
-  const n = o.getBoundingClientRect(), l = a && a.getBoundingClientRect(), P = Se(o);
+  const n = o.getBoundingClientRect(), l = a && a.getBoundingClientRect(), T = Se(o);
   let x;
   if (o.fakeTransform)
     x = o.fakeTransform;
   else {
-    const u = P.getComputedStyle(o);
+    const u = T.getComputedStyle(o);
     x = u.getPropertyValue("-webkit-transform") || u.getPropertyValue("transform");
   }
-  let c = 0, g = 0;
+  let d = 0, g = 0;
   if (x && x !== "none" && typeof x == "string") {
     const u = x.split("(")[1].split(")")[0].split(",");
-    c = parseInt(u[4], 10), g = parseInt(u[5], 10);
+    d = parseInt(u[4], 10), g = parseInt(u[5], 10);
   }
-  return e === "left" ? l ? `translateX(${l.right + c - n.left}px)` : `translateX(${P.innerWidth + c - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - c}px)` : `translateX(-${n.left + n.width - c}px)` : e === "up" ? l ? `translateY(${l.bottom + g - n.top}px)` : `translateY(${P.innerHeight + g - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - g}px)` : `translateY(-${n.top + n.height - g}px)`;
+  return e === "left" ? l ? `translateX(${l.right + d - n.left}px)` : `translateX(${T.innerWidth + d - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - d}px)` : `translateX(-${n.left + n.width - d}px)` : e === "up" ? l ? `translateY(${l.bottom + g - n.top}px)` : `translateY(${T.innerHeight + g - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - g}px)` : `translateY(-${n.top + n.height - g}px)`;
 }
-function De(e) {
+function ze(e) {
   return typeof e == "function" ? e() : e;
 }
 function oe(e, o, a) {
-  const n = De(a), l = ho(e, o, n);
+  const n = ze(a), l = ho(e, o, n);
   l && (o.style.webkitTransform = l, o.style.transform = l);
 }
-const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
+const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
   const n = He(), l = {
     enter: n.transitions.easing.easeOut,
     exit: n.transitions.easing.sharp
-  }, P = {
+  }, T = {
     enter: n.transitions.duration.enteringScreen,
     exit: n.transitions.duration.leavingScreen
   }, {
     addEndListener: x,
-    appear: c = !0,
+    appear: d = !0,
     children: g,
     container: u,
     direction: b = "down",
-    easing: B = l,
+    easing: O = l,
     in: C,
     onEnter: F,
     onEntered: W,
     onEntering: j,
-    onExit: N,
+    onExit: I,
     onExited: $,
     onExiting: V,
     style: R,
-    timeout: M = P,
+    timeout: M = T,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: v = to,
     ...H
-  } = o, h = z.useRef(null), G = po(ro(g), h, a), E = (s) => (f) => {
+  } = o, h = D.useRef(null), G = po(ro(g), h, a), E = (s) => (f) => {
     s && (f === void 0 ? s(h.current) : s(h.current, f));
-  }, d = E((s, f) => {
+  }, c = E((s, f) => {
     oe(b, s, u), no(s), F && F(s, f);
   }), p = E((s, f) => {
-    const D = ye({
+    const z = ye({
       timeout: M,
       style: R,
-      easing: B
+      easing: O
     }, {
       mode: "enter"
     });
     s.style.webkitTransition = n.transitions.create("-webkit-transform", {
-      ...D
+      ...z
     }), s.style.transition = n.transitions.create("transform", {
-      ...D
+      ...z
     }), s.style.webkitTransform = "none", s.style.transform = "none", j && j(s, f);
-  }), O = E(W), S = E(V), k = E((s) => {
+  }), N = E(W), S = E(V), k = E((s) => {
     const f = ye({
       timeout: M,
       style: R,
-      easing: B
+      easing: O
     }, {
       mode: "exit"
     });
-    s.style.webkitTransition = n.transitions.create("-webkit-transform", f), s.style.transition = n.transitions.create("transform", f), oe(b, s, u), N && N(s);
-  }), I = E((s) => {
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", f), s.style.transition = n.transitions.create("transform", f), oe(b, s, u), I && I(s);
+  }), B = E((s) => {
     s.style.webkitTransition = "", s.style.transition = "", $ && $(s);
   }), ne = (s) => {
     x && x(h.current, s);
-  }, q = z.useCallback(() => {
+  }, q = D.useCallback(() => {
     h.current && oe(b, h.current, u);
   }, [b, u]);
-  return z.useEffect(() => {
+  return D.useEffect(() => {
     if (C || b === "down" || b === "right")
       return;
     const s = io(() => {
@@ -112,22 +112,22 @@ const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
     return f.addEventListener("resize", s), () => {
       s.clear(), f.removeEventListener("resize", s);
     };
-  }, [b, C, u]), z.useEffect(() => {
+  }, [b, C, u]), D.useEffect(() => {
     C || q();
   }, [C, q]), /* @__PURE__ */ i(v, {
     nodeRef: h,
-    onEnter: d,
-    onEntered: O,
+    onEnter: c,
+    onEntered: N,
     onEntering: p,
     onExit: k,
-    onExited: I,
+    onExited: B,
     onExiting: S,
     addEndListener: ne,
-    appear: c,
+    appear: d,
     in: C,
     timeout: M,
     ...H,
-    children: (s, f) => /* @__PURE__ */ z.cloneElement(g, {
+    children: (s, f) => /* @__PURE__ */ D.cloneElement(g, {
       ref: G,
       style: {
         visibility: s === "exited" && !C ? "hidden" : void 0,
@@ -138,7 +138,7 @@ const ze = /* @__PURE__ */ z.forwardRef(function(o, a) {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ze.propTypes = {
+process.env.NODE_ENV !== "production" && (De.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -165,7 +165,7 @@ process.env.NODE_ENV !== "production" && (ze.propTypes = {
    */
   container: co(t.oneOfType([oo, t.func]), (e) => {
     if (e.open) {
-      const o = De(e.container);
+      const o = ze(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)
@@ -244,7 +244,7 @@ function uo(e) {
   return _e("MuiDrawer", e);
 }
 qe("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const Ne = (e, o) => {
+const Ie = (e, o) => {
   const {
     ownerState: a
   } = e;
@@ -264,7 +264,7 @@ const Ne = (e, o) => {
 }, go = pe(ao, {
   name: "MuiDrawer",
   slot: "Root",
-  overridesResolver: Ne
+  overridesResolver: Ie
 })(Ee(({
   theme: e
 }) => ({
@@ -274,7 +274,7 @@ const Ne = (e, o) => {
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
-  overridesResolver: Ne
+  overridesResolver: Ie
 })({
   flex: "0 0 auto"
 }), mo = pe(so, {
@@ -370,7 +370,7 @@ const Ne = (e, o) => {
       borderTop: `1px solid ${(e.vars || e).palette.divider}`
     }
   }]
-}))), Oe = {
+}))), Ne = {
   left: "right",
   right: "left",
   top: "down",
@@ -382,75 +382,75 @@ function bo(e) {
 function xo({
   direction: e
 }, o) {
-  return e === "rtl" && bo(o) ? Oe[o] : o;
+  return e === "rtl" && bo(o) ? Ne[o] : o;
 }
-const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
+const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
   const n = Je({
     props: o,
     name: "MuiDrawer"
-  }), l = He(), P = Ze(), x = {
+  }), l = He(), T = Ze(), x = {
     enter: l.transitions.duration.enteringScreen,
     exit: l.transitions.duration.leavingScreen
   }, {
-    anchor: c = "left",
+    anchor: d = "left",
     BackdropProps: g,
     children: u,
     className: b,
-    elevation: B = 16,
+    elevation: O = 16,
     hideBackdrop: C = !1,
     ModalProps: {
       BackdropProps: F,
       ...W
     } = {},
     onClose: j,
-    open: N = !1,
+    open: I = !1,
     PaperProps: $ = {},
     SlideProps: V,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: R = ze,
+    TransitionComponent: R = De,
     transitionDuration: M = x,
     variant: v = "temporary",
     ...H
-  } = n, h = z.useRef(!1);
-  z.useEffect(() => {
+  } = n, h = D.useRef(!1);
+  D.useEffect(() => {
     h.current = !0;
   }, []);
   const G = xo({
-    direction: P ? "rtl" : "ltr"
-  }, c), d = {
+    direction: T ? "rtl" : "ltr"
+  }, d), c = {
     ...n,
-    anchor: c,
-    elevation: B,
-    open: N,
+    anchor: d,
+    elevation: O,
+    open: I,
     variant: v,
     ...H
-  }, p = fo(d), O = /* @__PURE__ */ i(mo, {
-    elevation: v === "temporary" ? B : 0,
+  }, p = fo(c), N = /* @__PURE__ */ i(mo, {
+    elevation: v === "temporary" ? O : 0,
     square: !0,
     ...$,
     className: ee(p.paper, $.className),
-    ownerState: d,
+    ownerState: c,
     children: u
   });
   if (v === "permanent")
     return /* @__PURE__ */ i($e, {
       className: ee(p.root, p.docked, b),
-      ownerState: d,
+      ownerState: c,
       ref: a,
       ...H,
-      children: O
+      children: N
     });
   const S = /* @__PURE__ */ i(R, {
-    in: N,
-    direction: Oe[G],
+    in: I,
+    direction: Ne[G],
     timeout: M,
     appear: h.current,
     ...V,
-    children: O
+    children: N
   });
   return v === "persistent" ? /* @__PURE__ */ i($e, {
     className: ee(p.root, p.docked, b),
-    ownerState: d,
+    ownerState: c,
     ref: a,
     ...H,
     children: S
@@ -461,8 +461,8 @@ const U = /* @__PURE__ */ z.forwardRef(function(o, a) {
       transitionDuration: M
     },
     className: ee(p.root, p.modal, b),
-    open: N,
-    ownerState: d,
+    open: I,
+    ownerState: c,
     onClose: j,
     hideBackdrop: C,
     ref: a,
@@ -557,9 +557,9 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   variant: t.oneOf(["permanent", "persistent", "temporary"])
 });
-const Te = de(/* @__PURE__ */ i("path", {
+const Pe = de(/* @__PURE__ */ i("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), Pe = de(/* @__PURE__ */ i("path", {
+}), "ArrowForward"), Te = de(/* @__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"), vo = de(/* @__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"
@@ -589,6 +589,7 @@ const Te = de(/* @__PURE__ */ i("path", {
 ), yo = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: a, backgroundColor: n }) => ({
+  zIndex: 108,
   display: "flex",
   flexDirection: "column",
   opacity: e ? 1 : 0,
@@ -610,10 +611,12 @@ const Te = de(/* @__PURE__ */ i("path", {
 })), Co = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ show: e, width: o = r.constants.navDefaultWidth, borderColor: a, backgroundColor: n }) => ({
+  zIndex: 108,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   overflow: "hidden",
+  flexShrink: 0,
   opacity: e ? 1 : 0,
   border: `1px solid ${a}`,
   borderRight: 0,
@@ -630,7 +633,7 @@ const Te = de(/* @__PURE__ */ i("path", {
   }
 })), $o = m(U)(
   ({ shadowColor: e, backgroundColor: o }) => ({
-    ...T`
+    ...P`
       top: ${r.constants.appHeaderHeight}px;
       font-family: 'Roboto';
 
@@ -653,7 +656,7 @@ const Te = de(/* @__PURE__ */ i("path", {
     `
   })
 ), Re = m(re)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
-  ...T`
+  ...P`
     position: absolute;
     top: -0.5rem;
     ${!n && { right: "-0.5rem" }};
@@ -676,33 +679,34 @@ const Te = de(/* @__PURE__ */ i("path", {
       }
     }
   `
-})), To = m("div", {
+})), Po = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: a, mobileScreen: n }) => ({
   display: "flex",
   overflow: "hidden",
   backgroundColor: a,
-  borderRadius: "4px",
-  borderBottomLeftRadius: e ? 0 : "4px",
-  borderTopLeftRadius: e ? 0 : "4px",
-  border: `1px solid ${o}`,
   width: "100%",
-  height: "calc(100% + 2px)",
   boxSizing: "border-box",
   padding: "0 9px",
   h1: {
     margin: 0
   },
-  ...n && {
+  ...n ? {
+    flex: 1,
+    minHeight: 0,
     border: "none",
-    borderRadius: 0,
-    borderBottomLeftRadius: 0,
-    borderTopLeftRadius: 0
+    borderRadius: 0
+  } : {
+    height: "calc(100% + 2px)",
+    border: `1px solid ${o}`,
+    borderRadius: "4px",
+    borderBottomLeftRadius: e ? 0 : "4px",
+    borderTopLeftRadius: e ? 0 : "4px"
   }
-})), Po = m(U, {
+})), To = m(U, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
-  ...T`
+  ...P`
     z-index: 1327;
 
     .MuiDrawer-paper {
@@ -720,7 +724,7 @@ const Te = de(/* @__PURE__ */ i("path", {
 })), Ro = m(U, {
   shouldForwardProp: (e) => e != "backgroundColor"
 })(({ backgroundColor: e }) => ({
-  ...T`
+  ...P`
     z-index: 1300;
 
     .MuiDrawer-paper {
@@ -742,7 +746,7 @@ const Te = de(/* @__PURE__ */ i("path", {
 })), Mo = m("div", {
   shouldForwardProp: (e) => _(e)
 })(({ backgroundColor: e, open: o }) => ({
-  ...T`
+  ...P`
     position: fixed;
     transition: height 201ms cubic-bezier(0, 0, 0.2, 1);
     z-index: 1300;
@@ -755,14 +759,14 @@ const Te = de(/* @__PURE__ */ i("path", {
     padding: ${o ? "16px" : 0};
   `
 })), Ho = m("h1")(({ color: e }) => ({
-  ...T`
+  ...P`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
 })), Eo = m(U)(({ backgroundQuaternary: e }) => ({
-  ...T`
+  ...P`
     top: ${r.constants.appHeaderHeight}px;
     font-family: 'Roboto';
     z-index: 1336;
@@ -782,20 +786,20 @@ const Te = de(/* @__PURE__ */ i("path", {
     }
   `
 })), So = m("img")(({ width: e, height: o }) => ({
-  ...T`
+  ...P`
     width: ${e}px;
     height: ${o}px;
   `
 })), Me = m("div")(({ justifyStart: e }) => ({
-  ...T`
+  ...P`
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Do = m(U)(() => ({
-  ...T`
+})), zo = m(U)(() => ({
+  ...P`
     top: ${r.constants.appHeaderHeight}px;
     font-family: 'Roboto';
 
@@ -822,58 +826,58 @@ const Te = de(/* @__PURE__ */ i("path", {
   activeSubnavRoute: a,
   appHeaderProps: n = {},
   userInfo: l,
-  userSettingsEnabled: P = !0,
+  userSettingsEnabled: T = !0,
   userProfileMenuItems: x = [],
-  actionsPanelContent: c,
+  actionsPanelContent: d,
   navWidth: g = r.constants.navDefaultWidth,
   breakpoints: u = { mobile: r.screenSizes.mobile, tablet: r.screenSizes.tablet },
   children: b,
-  themeColors: B = {},
+  themeColors: O = {},
   logoProps: C = {},
   loggedIn: F,
   mobileActionsPanelOpen: W,
   hasSiteBanner: j = !1
 }) => {
   var we;
-  const [N, $] = K(!1), [V, R] = K(!1), [M, v] = K(!1), [H, h] = K(!1), { mobile: G = r.screenSizes.mobile, tablet: E = r.screenSizes.tablet } = u, d = Ce(`(max-width: ${G})`), p = Ce(`(max-width: ${E})`) && !d, O = !d && !p, {
+  const [I, $] = K(!1), [V, R] = K(!1), [M, v] = K(!1), [H, h] = K(!1), { mobile: G = r.screenSizes.mobile, tablet: E = r.screenSizes.tablet } = u, c = Ce(`(max-width: ${G})`), p = Ce(`(max-width: ${E})`) && !c, N = !c && !p, {
     backgroundPrimary: S = r.colors.whiteGreen,
     backgroundSecondary: k = r.colors.whiteGreenA,
-    backgroundTertiary: I = r.colors.sage,
+    backgroundTertiary: B = r.colors.sage,
     highlightPrimary: ne = r.colors.sunlight,
     backgroundQuaternary: q = r.colors.moss,
     highlightSecondary: s = r.colors.dandelion,
     highlightTertiary: f = `${r.colors.dandelion}99`,
-    iconPrimary: D = r.colors.darkGreen,
+    iconPrimary: z = r.colors.darkGreen,
     shadowPrimary: ie = r.colors.darkGreenO99,
     shadowSecondary: Q = r.boxShadows.darkGreen,
     shadowTertiary: he = r.boxShadows.darkGreenThick,
     borderPrimary: X = r.colors.green,
     scrollColor: A = r.colors.darkGreenO99,
-    loadingColor: Be = r.colors.green,
+    loadingColor: Oe = r.colors.green,
     iconColors: ue = {
       icon: /* @__PURE__ */ i(Ve, {}),
       iconColor: r.colors.darkGreen,
       backgroundColor: r.colors.mint
     }
-  } = B, { logoSrc: fe = Xe, logoWidth: ge = 36, logoHeight: me = 50 } = C, be = {
+  } = O, { logoSrc: fe = Xe, logoWidth: ge = 36, logoHeight: me = 50 } = C, be = {
     backgroundPrimary: S,
     backgroundSecondary: k,
-    backgroundTertiary: I,
+    backgroundTertiary: B,
     highlightPrimary: ne,
     highlightSecondary: s,
     highlightTertiary: f,
     borderPrimary: X,
-    iconPrimary: D,
+    iconPrimary: z,
     shadowPrimary: ie,
     shadowSecondary: Q,
     shadowTertiary: he,
     scrollColor: A,
-    loadingColor: Be,
+    loadingColor: Oe,
     iconColors: ue
-  }, Ie = { logoSrc: fe, logoWidth: ge, logoHeight: me }, ae = c != null, Ae = { ...n, navWidth: g, loggedIn: F }, Y = { ...e, themeColors: be }, Le = {
+  }, Be = { logoSrc: fe, logoWidth: ge, logoHeight: me }, ae = d != null, Ae = { ...n, navWidth: g, loggedIn: F }, Y = { ...e, themeColors: be }, Le = {
     ...Y,
     navWidth: `${g}px`,
-    isMobile: d
+    isMobile: c
   }, { navItems: J } = e, se = o || ((we = J.find((w) => w.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : we.subnavItems) || [], Fe = {
     themeColors: be,
     activeRoute: a,
@@ -903,7 +907,7 @@ const Te = de(/* @__PURE__ */ i("path", {
       w.onClick && w.onClick(), h(!1);
     }
   })), ve = [];
-  J.length > 4 && d && (ve = ce.splice(3), ce.push({
+  J.length > 4 && c && (ve = ce.splice(3), ce.push({
     label: "More",
     icon: /* @__PURE__ */ i(vo, {}),
     onClick: () => h(!0)
@@ -928,18 +932,18 @@ const Te = de(/* @__PURE__ */ i("path", {
         hamburgerMenu: p,
         onHamburgerMenuClick: () => $(!0),
         onUserMenuClick: () => v(!0),
-        logoProps: Ie,
-        iconColor: D,
-        isMobile: d,
-        themeProps: { shadowSecondary: Q, shadowTertiary: he, iconPrimary: D, borderPrimary: X },
+        logoProps: Be,
+        iconColor: z,
+        isMobile: c,
+        themeProps: { shadowSecondary: Q, shadowTertiary: he, iconPrimary: z, borderPrimary: X },
         iconColors: ue,
         userName: l == null ? void 0 : l.name,
-        userSettingsEnabled: P
+        userSettingsEnabled: T
       }
     ),
-    /* @__PURE__ */ y(ko, { tabletPadding: p, mobile: d, children: [
-      O && /* @__PURE__ */ i(L, { ...Le }),
-      d && /* @__PURE__ */ y(ke, { children: [
+    /* @__PURE__ */ y(ko, { tabletPadding: p, mobile: c, children: [
+      N && /* @__PURE__ */ i(L, { ...Le }),
+      c && /* @__PURE__ */ y(ke, { children: [
         /* @__PURE__ */ i(L, { ...Ue }),
         /* @__PURE__ */ i(
           Ro,
@@ -953,16 +957,16 @@ const Te = de(/* @__PURE__ */ i("path", {
         )
       ] }),
       p && /* @__PURE__ */ y(
-        Po,
+        To,
         {
-          open: N,
+          open: I,
           onClose: () => $(!1),
           backgroundColor: k,
           shadowColor: ie,
           children: [
             /* @__PURE__ */ y(Me, { children: [
               /* @__PURE__ */ i(So, { src: fe, alt: "logo", width: ge, height: me }),
-              /* @__PURE__ */ i(re, { variant: "icon", size: 36, onClick: () => $(!1), color: D, children: /* @__PURE__ */ i(Ye, {}) })
+              /* @__PURE__ */ i(re, { variant: "icon", size: 36, onClick: () => $(!1), color: z, children: /* @__PURE__ */ i(Ye, {}) })
             ] }),
             /* @__PURE__ */ i(L, { ...le })
           ]
@@ -974,7 +978,7 @@ const Te = de(/* @__PURE__ */ i("path", {
           open: V && ae,
           onClose: () => R(!1),
           shadowColor: ie,
-          backgroundColor: I,
+          backgroundColor: B,
           children: [
             /* @__PURE__ */ i(
               Re,
@@ -982,18 +986,18 @@ const Te = de(/* @__PURE__ */ i("path", {
                 variant: "icon",
                 size: 24,
                 onClick: () => R(!1),
-                iconColor: D,
+                iconColor: z,
                 highlight1: k,
                 highlight2: k,
-                children: /* @__PURE__ */ i(Pe, {})
+                children: /* @__PURE__ */ i(Te, {})
               }
             ),
-            /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: c && c })
+            /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: d && d })
           ]
         }
       ),
-      (p || O) && /* @__PURE__ */ y(
-        Do,
+      (p || N) && /* @__PURE__ */ y(
+        zo,
         {
           anchor: "right",
           open: M,
@@ -1009,7 +1013,7 @@ const Te = de(/* @__PURE__ */ i("path", {
                 highlight1: r.colors.white,
                 highlight2: k,
                 rightDrawer: !0,
-                children: /* @__PURE__ */ i(Pe, {})
+                children: /* @__PURE__ */ i(Te, {})
               }
             ),
             /* @__PURE__ */ i(
@@ -1029,7 +1033,7 @@ const Te = de(/* @__PURE__ */ i("path", {
           ]
         }
       ),
-      d && /* @__PURE__ */ y(ke, { children: [
+      c && /* @__PURE__ */ y(ke, { children: [
         /* @__PURE__ */ y(
           Eo,
           {
@@ -1047,7 +1051,7 @@ const Te = de(/* @__PURE__ */ i("path", {
                     size: 36,
                     onClick: () => v(!1),
                     color: r.colors.midnight,
-                    children: /* @__PURE__ */ i(Te, {})
+                    children: /* @__PURE__ */ i(Pe, {})
                   }
                 )
               ] }),
@@ -1068,47 +1072,47 @@ const Te = de(/* @__PURE__ */ i("path", {
             ]
           }
         ),
-        /* @__PURE__ */ i(Mo, { backgroundColor: I, open: W, children: /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: c }) })
+        /* @__PURE__ */ i(Mo, { backgroundColor: B, open: W, children: /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: d }) })
       ] }),
-      !d && /* @__PURE__ */ y(
+      !c && /* @__PURE__ */ y(
         yo,
         {
           withActionsPanel: ae,
           tablet: p,
           borderColor: X,
-          backgroundColor: I,
+          backgroundColor: B,
           children: [
-            O && /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: c && c }),
+            N && /* @__PURE__ */ i(Z, { scrollColor: A, direction: "vertical", children: d && d }),
             p && /* @__PURE__ */ i(
               re,
               {
                 variant: "icon",
                 size: 36,
                 onClick: () => R(!0),
-                color: D,
-                children: /* @__PURE__ */ i(Te, {})
+                color: z,
+                children: /* @__PURE__ */ i(Pe, {})
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ i(
+      !c && /* @__PURE__ */ i(
         Co,
         {
           show: se && se.length > 0,
           borderColor: X,
-          backgroundColor: I,
+          backgroundColor: B,
           width: g,
           children: /* @__PURE__ */ i(L, { ...Fe })
         }
       ),
       /* @__PURE__ */ i(
-        To,
+        Po,
         {
           withActionsPanel: ae,
           borderColor: X,
           backgroundColor: S,
-          mobileScreen: d,
+          mobileScreen: c,
           children: /* @__PURE__ */ i(Z, { scrollColor: A, children: b })
         }
       )

package/Table/Table.js

@@ -19065,6 +19065,19 @@ const lf = Ht("div")(() => ({
     background-color: ${Dn.colors.white};
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+
+    thead tr:first-of-type th:first-of-type {
+      border-top-left-radius: 8px;
+    }
+    thead tr:first-of-type th:last-of-type {
+      border-top-right-radius: 8px;
+    }
+    tbody tr:last-of-type td:first-of-type {
+      border-bottom-left-radius: 8px;
+    }
+    tbody tr:last-of-type td:last-of-type {
+      border-bottom-right-radius: 8px;
+    }
   `
 })), gf = Ht("div", {
   shouldForwardProp: (se) => se !== "stickyCount"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "1.0.49",
+  "version": "1.0.51",
   "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",