react-luminus-components 2.0.3-beta.r19-15 → 2.0.3-beta.r19-17

package/dist/layout.es.js

@@ -1,144 +1,290 @@
-import { jsxs as u, jsx as n, Fragment as S } from "react/jsx-runtime";
-import { aQ as $, c as l, _ as T, aD as j, bv as D, aF as q, bG as F, bH as G } from "./nivo-bar-FuUHRilH.js";
-import { at as Te, bI as Le } from "./nivo-bar-FuUHRilH.js";
-import { useState as A, useRef as O, useMemo as w, useEffect as H } from "react";
-import { Link as I } from "react-router";
+import { jsxs as B, jsx as i, Fragment as ie } from "react/jsx-runtime";
+import { aR as de, a as u, $ as le, c as te, aE as me, bw as pe, aG as ue, bH as fe, bI as _e } from "./nivo-bar-BSVvzf0n.js";
+import { aC as ot, bJ as it } from "./nivo-bar-BSVvzf0n.js";
+import { useState as ae, useRef as re, useEffect as he } from "react";
+import { Link as ee } from "react-router";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
 import "@tanstack/react-query";
 import "react-dom";
-const K = "_side-menu-item_o72rm_1", z = "_disabled_o72rm_6", Q = "_hidden_o72rm_10", U = "_nav-button_o72rm_13", W = "_child_o72rm_21", E = "_text_o72rm_26", J = "_icon_o72rm_36", V = "_collapse-icon_o72rm_42", X = "_collapsed_o72rm_52", Y = "_collapse-icon-mini_o72rm_55", Z = "_expanded_o72rm_86", ee = "_children-container_o72rm_92", ne = "_visible_o72rm_100", oe = "_children_o72rm_92", ie = "_mobile_o72rm_112", o = {
-  sideMenuItem: K,
-  disabled: z,
-  hidden: Q,
-  navButton: U,
-  child: W,
-  text: E,
-  icon: J,
-  collapseIcon: V,
-  collapsed: X,
-  collapseIconMini: Y,
-  expanded: Z,
-  childrenContainer: ee,
-  visible: ne,
-  children: oe,
-  mobile: ie
-}, se = ({ item: e, menuExpanded: t, useTooltips: a, children: m }) => e.tooltip && !t && a ? /* @__PURE__ */ n(j, { text: e.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ n("div", { children: m }) }) : m, L = ({ item: e, menuExpanded: t, collapsed: a, onCollapse: m, currentPath: v, useHover: d, useTooltips: N, isMobile: P, disableMode: c }) => {
-  var M, k, g, x;
-  const [B, h] = A(!1), [y] = v.split("?"), f = e.linkTo === y || ((M = e.children) == null ? void 0 : M.some((s) => s.linkTo === y)), _ = O(null);
-  return $([_], () => a && m()), /* @__PURE__ */ u("li", { ref: _, className: l("luminus-side-menu-item", o.sideMenuItem, { [o.mobile]: P }, {
-    [o.expanded]: t
-  }, { active: B || f }, { open: a && e.children }, {
-    [c === "disable" ? o.disabled : o.hidden]: e.disabled || e.notPermitted || ((k = e.children) == null ? void 0 : k.every((s) => s.notPermitted || s.disabled))
+const be = "_side-menu-item_o72rm_1", ve = "_disabled_o72rm_6", xe = "_hidden_o72rm_10", ye = "_nav-button_o72rm_13", Me = "_child_o72rm_21", Ne = "_text_o72rm_26", Ie = "_icon_o72rm_36", ke = "_collapse-icon_o72rm_42", ge = "_collapsed_o72rm_52", Ce = "_collapse-icon-mini_o72rm_55", Pe = "_expanded_o72rm_86", Be = "_children-container_o72rm_92", we = "_visible_o72rm_100", Te = "_children_o72rm_92", Se = "_mobile_o72rm_112", r = {
+  sideMenuItem: be,
+  disabled: ve,
+  hidden: xe,
+  navButton: ye,
+  child: Me,
+  text: Ne,
+  icon: Ie,
+  collapseIcon: ke,
+  collapsed: ge,
+  collapseIconMini: Ce,
+  expanded: Pe,
+  childrenContainer: Be,
+  visible: we,
+  children: Te,
+  mobile: Se
+}, He = (s) => {
+  const e = te.c(6), {
+    item: m,
+    menuExpanded: h,
+    useTooltips: x,
+    children: N
+  } = s;
+  if (m.tooltip && !h && x) {
+    let I;
+    e[0] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+      show: 1e3,
+      hide: 0
+    }, e[0] = I) : I = e[0];
+    let t;
+    e[1] !== N ? (t = /* @__PURE__ */ i("div", { children: N }), e[1] = N, e[2] = t) : t = e[2];
+    let d;
+    return e[3] !== m.tooltip || e[4] !== t ? (d = /* @__PURE__ */ i(me, { text: m.tooltip, placement: "top", delay: I, children: t }), e[3] = m.tooltip, e[4] = t, e[5] = d) : d = e[5], d;
+  }
+  return N;
+}, se = ({
+  item: s,
+  menuExpanded: e,
+  collapsed: m,
+  onCollapse: h,
+  currentPath: x,
+  useHover: N,
+  useTooltips: I,
+  isMobile: t,
+  disableMode: d
+}) => {
+  var c, y, p, v;
+  const [b, n] = ae(!1), [f] = x.split("?"), k = s.linkTo === f || ((c = s.children) == null ? void 0 : c.some((l) => l.linkTo === f)), a = re(null);
+  return de([a], () => m && h()), /* @__PURE__ */ B("li", { ref: a, className: u("luminus-side-menu-item", r.sideMenuItem, {
+    [r.mobile]: t
   }, {
-    [c === "disable" ? "disabled" : "hidden"]: e.disabled || e.notPermitted || ((g = e.children) == null ? void 0 : g.every((s) => s.notPermitted || s.disabled))
-  }), onMouseEnter: () => h(!0), onMouseLeave: () => h(!1), children: [
-    /* @__PURE__ */ n(se, { item: e, menuExpanded: t, useTooltips: N, children: e.children ? /* @__PURE__ */ n(S, { children: /* @__PURE__ */ u("button", { type: "button", className: l("nav-link", o.navButton), onClick: () => {
-      m();
+    [r.expanded]: e
+  }, {
+    active: b || k
+  }, {
+    open: m && s.children
+  }, {
+    [d === "disable" ? r.disabled : r.hidden]: s.disabled || s.notPermitted || ((y = s.children) == null ? void 0 : y.every((l) => l.notPermitted || l.disabled))
+  }, {
+    [d === "disable" ? "disabled" : "hidden"]: s.disabled || s.notPermitted || ((p = s.children) == null ? void 0 : p.every((l) => l.notPermitted || l.disabled))
+  }), onMouseEnter: () => n(!0), onMouseLeave: () => n(!1), children: [
+    /* @__PURE__ */ i(He, { item: s, menuExpanded: e, useTooltips: I, children: s.children ? /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ B("button", { type: "button", className: u("nav-link", r.navButton), onClick: () => {
+      h();
     }, children: [
-      /* @__PURE__ */ n("div", { className: l("icon", o.icon), children: e.icon }),
-      !d && !t && /* @__PURE__ */ n("div", { className: l("collapse-icon-mini rounded", o.collapseIconMini, {
-        [o.collapsed]: a
-      }), children: /* @__PURE__ */ n(T, {}) }),
-      t && /* @__PURE__ */ n("div", { className: l("text", o.text, "text-nowrap"), children: e.title }),
-      t && /* @__PURE__ */ n("div", { className: l("collapse-icon", o.collapseIcon, {
-        [o.collapsed]: a
-      }), children: /* @__PURE__ */ n(T, {}) })
-    ] }) }) : /* @__PURE__ */ u(I, { to: e.disabled || e.notPermitted ? "/" : e.linkTo ?? "/", className: l("nav-link", o.navButton), children: [
-      /* @__PURE__ */ n("div", { className: l("icon", o.icon), children: e.icon }),
-      t && /* @__PURE__ */ n("div", { className: l("text", o.text, "text-nowrap"), children: e.title })
+      /* @__PURE__ */ i("div", { className: u("icon", r.icon), children: s.icon }),
+      !N && !e && /* @__PURE__ */ i("div", { className: u("collapse-icon-mini rounded", r.collapseIconMini, {
+        [r.collapsed]: m
+      }), children: /* @__PURE__ */ i(le, {}) }),
+      e && /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: s.title }),
+      e && /* @__PURE__ */ i("div", { className: u("collapse-icon", r.collapseIcon, {
+        [r.collapsed]: m
+      }), children: /* @__PURE__ */ i(le, {}) })
+    ] }) }) : /* @__PURE__ */ B(ee, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: u("nav-link", r.navButton), children: [
+      /* @__PURE__ */ i("div", { className: u("icon", r.icon), children: s.icon }),
+      e && /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: s.title })
     ] }) }),
-    /* @__PURE__ */ n("div", { className: l("children-container", o.childrenContainer, {
-      [o.visible]: a
-    }), children: /* @__PURE__ */ n("div", { className: l("shadow rounded children", o.children), children: (x = e.children) == null ? void 0 : x.map((s) => /* @__PURE__ */ n(I, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: l("nav-link child rounded", o.navButton, o.child, {
-      [c === "disable" ? o.disabled : o.hidden]: s.disabled || s.notPermitted
+    /* @__PURE__ */ i("div", { className: u("children-container", r.childrenContainer, {
+      [r.visible]: m
+    }), children: /* @__PURE__ */ i("div", { className: u("shadow rounded children", r.children), children: (v = s.children) == null ? void 0 : v.map((l) => /* @__PURE__ */ i(ee, { to: l.disabled || l.notPermitted ? "/" : l.linkTo ?? "/", className: u("nav-link child rounded", r.navButton, r.child, {
+      [d === "disable" ? r.disabled : r.hidden]: l.disabled || l.notPermitted
     }, {
-      [c === "disable" ? "disabled" : "hidden"]: s.disabled || s.notPermitted
-    }), onClick: m, children: /* @__PURE__ */ n("div", { className: l("text", o.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
-  ] });
-}, le = "_side-menu_12rky_1", te = "_sidebar-header_12rky_15", re = "_side-menu-content_12rky_22", ae = "_no-top-margin_12rky_28", de = "_expand_12rky_34", ce = "_only-logo_12rky_38", me = "_mobile_12rky_41", _e = "_divider_12rky_56", b = {
-  sideMenu: le,
-  sidebarHeader: te,
-  sideMenuContent: re,
-  noTopMargin: ae,
-  expand: de,
-  onlyLogo: ce,
-  mobile: me,
-  divider: _e
-}, pe = 14, Be = ({ headerItem: e, searchItem: t, shortcutsItem: a, mainItems: m, secondaryItems: v, expanded: d, setExpanded: N, currentPath: P, useHover: c, useTooltips: B, disableMode: h = "disable" }) => {
-  const [y, f] = A(-1), { checkUserHasPermissions: _ } = D(), M = w(() => m.map((i) => {
-    var r;
-    return {
-      ...i,
-      notPermitted: !_(i.permissions ?? [], "any"),
-      children: (r = i.children) == null ? void 0 : r.map((p) => ({
-        ...p,
-        notPermitted: !_(p.permissions ?? [], "any"),
-        disabled: i.disabled || p.disabled
-      }))
-    };
-  }), [m, _]), k = w(() => v.map((i) => {
-    var r;
-    return {
-      ...i,
-      notPermitted: !_(i.permissions ?? [], "any"),
-      children: (r = i.children) == null ? void 0 : r.map((p) => ({
-        ...p,
-        notPermitted: !_(p.permissions ?? [], "any")
-      }))
-    };
-  }), [v, _]), g = (i) => {
-    f(i === y ? -1 : i);
-  };
-  H(() => {
-    d || f(-1);
-  }, [d]);
-  const x = O(null);
-  $([x], () => N(!1));
-  const s = w(() => [...M, ...k].filter((i) => {
-    var r;
-    return h === "hide" ? !i.disabled && !i.notPermitted && (((r = i.children) == null ? void 0 : r.filter((p) => !p.disabled && !p.notPermitted)) ?? []).length > 0 : !0;
-  }), [M, k, h]), { isMobile: C } = q();
-  return /* @__PURE__ */ u("section", { ref: x, className: l("luminus-side-menu shadow", b.sideMenu, { [b.mobile]: C }, {
-    [b.expand]: d
-  }, { expand: d }), onMouseEnter: () => c && N(!0), onMouseLeave: () => c && N(!1), children: [
-    /* @__PURE__ */ n("div", { className: l("sidebar-header", b.sidebarHeader, {
-      [b.onlyLogo]: c
-    }), role: c ? void 0 : "button", onClick: c ? void 0 : () => N(!d), children: c ? e : d ? /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(F, {}),
-      e
-    ] }) : /* @__PURE__ */ n(G, {}) }),
-    d && (t || a) ? /* @__PURE__ */ u("div", { className: "mb-3 d-flex flex-column gap-3", children: [
-      a && d ? a : null,
-      t && d ? t : null
-    ] }) : null,
-    /* @__PURE__ */ u("ul", { className: l(b.sideMenuContent, {
-      [b.noTopMargin]: s.length > pe
-    }), children: [
-      M.map((i, r) => /* @__PURE__ */ n(L, { item: i, menuExpanded: d, collapsed: r === y, onCollapse: () => g(r), currentPath: P, useHover: c, useTooltips: B, isMobile: C, disableMode: h }, i.title)),
-      /* @__PURE__ */ n("hr", { className: l("divider", b.divider) }),
-      k.map((i, r) => /* @__PURE__ */ n(L, { item: i, menuExpanded: d, collapsed: r === y, onCollapse: () => g(r), currentPath: P, useHover: c, useTooltips: B, isMobile: C, disableMode: h }, i.title))
-    ] })
+      [d === "disable" ? "disabled" : "hidden"]: l.disabled || l.notPermitted
+    }), onClick: h, children: /* @__PURE__ */ i("div", { className: u("text", r.text, "text-nowrap"), children: l.title }) }, l.linkTo)) }) })
   ] });
-}, ue = "_top-bar_lnmq0_1", be = "_top-bar-brand_lnmq0_12", R = {
-  topBar: ue,
-  topBarBrand: be
-}, Ce = ({ appName: e, leftOffset: t, leftContent: a, centerContent: m, rightContent: v }) => /* @__PURE__ */ n("nav", { className: l("luminus-top-bar shadow", R.topBar), style: {
-  width: t ? `calc(100% - ${t}px)` : void 0,
-  left: t ? `${t}px` : void 0
-}, children: /* @__PURE__ */ u("div", { className: "w-100 row g-0", children: [
-  /* @__PURE__ */ u("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
-    /* @__PURE__ */ n(I, { to: "/", className: l("luminus-top-bar-brand", R.topBarBrand), children: e }),
-    a
-  ] }),
-  /* @__PURE__ */ n("div", { className: "col-4 d-flex align-items-center", children: m ?? null }),
-  /* @__PURE__ */ n("div", { className: "col-4 d-flex justify-content-end align-items-center", children: v ?? null })
-] }) });
+}, Re = "_side-menu_12rky_1", $e = "_sidebar-header_12rky_15", Le = "_side-menu-content_12rky_22", Oe = "_no-top-margin_12rky_28", Ee = "_expand_12rky_34", Ae = "_only-logo_12rky_38", je = "_mobile_12rky_41", qe = "_divider_12rky_56", w = {
+  sideMenu: Re,
+  sidebarHeader: $e,
+  sideMenuContent: Le,
+  noTopMargin: Oe,
+  expand: Ee,
+  onlyLogo: Ae,
+  mobile: je,
+  divider: qe
+}, De = 14, tt = (s) => {
+  const e = te.c(100), {
+    headerItem: m,
+    searchItem: h,
+    shortcutsItem: x,
+    mainItems: N,
+    secondaryItems: I,
+    expanded: t,
+    setExpanded: d,
+    currentPath: b,
+    useHover: n,
+    useTooltips: f,
+    disableMode: k
+  } = s, a = k === void 0 ? "disable" : k, [c, y] = ae(-1), {
+    checkUserHasPermissions: p
+  } = pe();
+  let v;
+  if (e[0] !== p || e[1] !== N) {
+    let o;
+    e[3] !== p ? (o = (_) => {
+      var g;
+      return {
+        ..._,
+        notPermitted: !p(_.permissions ?? [], "any"),
+        children: (g = _.children) == null ? void 0 : g.map((K) => ({
+          ...K,
+          notPermitted: !p(K.permissions ?? [], "any"),
+          disabled: _.disabled || K.disabled
+        }))
+      };
+    }, e[3] = p, e[4] = o) : o = e[4], v = N.map(o), e[0] = p, e[1] = N, e[2] = v;
+  } else
+    v = e[2];
+  const l = v;
+  let P;
+  if (e[5] !== p || e[6] !== I) {
+    let o;
+    e[8] !== p ? (o = (_) => {
+      var g;
+      return {
+        ..._,
+        notPermitted: !p(_.permissions ?? [], "any"),
+        children: (g = _.children) == null ? void 0 : g.map((K) => ({
+          ...K,
+          notPermitted: !p(K.permissions ?? [], "any")
+        }))
+      };
+    }, e[8] = p, e[9] = o) : o = e[9], P = I.map(o), e[5] = p, e[6] = I, e[7] = P;
+  } else
+    P = e[7];
+  const T = P;
+  let z;
+  e[10] !== c ? (z = (o) => {
+    y(o === c ? -1 : o);
+  }, e[10] = c, e[11] = z) : z = e[11];
+  const C = z;
+  let F, J;
+  e[12] !== t ? (F = () => {
+    t || y(-1);
+  }, J = [t], e[12] = t, e[13] = F, e[14] = J) : (F = e[13], J = e[14]), he(F, J);
+  const ne = re(null);
+  let U;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (U = [ne], e[15] = U) : U = e[15];
+  let W;
+  e[16] !== d ? (W = () => d(!1), e[16] = d, e[17] = W) : W = e[17], de(U, W);
+  let Q;
+  e[18] !== a || e[19] !== l || e[20] !== T ? (Q = [...l, ...T].filter((o) => {
+    var _;
+    return a === "hide" ? !o.disabled && !o.notPermitted && (((_ = o.children) == null ? void 0 : _.filter(Ge)) ?? []).length > 0 : !0;
+  }), e[18] = a, e[19] = l, e[20] = T, e[21] = Q) : Q = e[21];
+  const ce = Q, {
+    isMobile: M
+  } = ue();
+  let S;
+  e[22] !== t || e[23] !== M ? (S = u("luminus-side-menu shadow", w.sideMenu, {
+    [w.mobile]: M
+  }, {
+    [w.expand]: t
+  }, {
+    expand: t
+  }), e[22] = t, e[23] = M, e[24] = S) : S = e[24];
+  let H, R;
+  e[25] !== d || e[26] !== n ? (H = () => n && d(!0), R = () => n && d(!1), e[25] = d, e[26] = n, e[27] = H, e[28] = R) : (H = e[27], R = e[28]);
+  let $;
+  e[29] !== n ? ($ = u("sidebar-header", w.sidebarHeader, {
+    [w.onlyLogo]: n
+  }), e[29] = n, e[30] = $) : $ = e[30];
+  const Y = n ? void 0 : "button";
+  let L;
+  e[31] !== t || e[32] !== d || e[33] !== n ? (L = n ? void 0 : () => d(!t), e[31] = t, e[32] = d, e[33] = n, e[34] = L) : L = e[34];
+  let O;
+  e[35] !== t || e[36] !== m || e[37] !== n ? (O = n ? m : t ? /* @__PURE__ */ B(ie, { children: [
+    /* @__PURE__ */ i(fe, {}),
+    m
+  ] }) : /* @__PURE__ */ i(_e, {}), e[35] = t, e[36] = m, e[37] = n, e[38] = O) : O = e[38];
+  let E;
+  e[39] !== $ || e[40] !== Y || e[41] !== L || e[42] !== O ? (E = /* @__PURE__ */ i("div", { className: $, role: Y, onClick: L, children: O }), e[39] = $, e[40] = Y, e[41] = L, e[42] = O, e[43] = E) : E = e[43];
+  let A;
+  e[44] !== t || e[45] !== h || e[46] !== x ? (A = t && (h || x) ? /* @__PURE__ */ B("div", { className: "mb-3 d-flex flex-column gap-3", children: [
+    x && t ? x : null,
+    h && t ? h : null
+  ] }) : null, e[44] = t, e[45] = h, e[46] = x, e[47] = A) : A = e[47];
+  const Z = ce.length > De;
+  let j;
+  e[48] !== Z ? (j = u(w.sideMenuContent, {
+    [w.noTopMargin]: Z
+  }), e[48] = Z, e[49] = j) : j = e[49];
+  let q;
+  if (e[50] !== c || e[51] !== b || e[52] !== a || e[53] !== t || e[54] !== M || e[55] !== l || e[56] !== C || e[57] !== n || e[58] !== f) {
+    let o;
+    e[60] !== c || e[61] !== b || e[62] !== a || e[63] !== t || e[64] !== M || e[65] !== C || e[66] !== n || e[67] !== f ? (o = (_, g) => /* @__PURE__ */ i(se, { item: _, menuExpanded: t, collapsed: g === c, onCollapse: () => C(g), currentPath: b, useHover: n, useTooltips: f, isMobile: M, disableMode: a }, _.title), e[60] = c, e[61] = b, e[62] = a, e[63] = t, e[64] = M, e[65] = C, e[66] = n, e[67] = f, e[68] = o) : o = e[68], q = l.map(o), e[50] = c, e[51] = b, e[52] = a, e[53] = t, e[54] = M, e[55] = l, e[56] = C, e[57] = n, e[58] = f, e[59] = q;
+  } else
+    q = e[59];
+  let V;
+  e[69] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ i("hr", { className: u("divider", w.divider) }), e[69] = V) : V = e[69];
+  let D;
+  if (e[70] !== c || e[71] !== b || e[72] !== a || e[73] !== t || e[74] !== M || e[75] !== C || e[76] !== T || e[77] !== n || e[78] !== f) {
+    let o;
+    e[80] !== c || e[81] !== b || e[82] !== a || e[83] !== t || e[84] !== M || e[85] !== C || e[86] !== n || e[87] !== f ? (o = (_, g) => /* @__PURE__ */ i(se, { item: _, menuExpanded: t, collapsed: g === c, onCollapse: () => C(g), currentPath: b, useHover: n, useTooltips: f, isMobile: M, disableMode: a }, _.title), e[80] = c, e[81] = b, e[82] = a, e[83] = t, e[84] = M, e[85] = C, e[86] = n, e[87] = f, e[88] = o) : o = e[88], D = T.map(o), e[70] = c, e[71] = b, e[72] = a, e[73] = t, e[74] = M, e[75] = C, e[76] = T, e[77] = n, e[78] = f, e[79] = D;
+  } else
+    D = e[79];
+  let G;
+  e[89] !== j || e[90] !== q || e[91] !== D ? (G = /* @__PURE__ */ B("ul", { className: j, children: [
+    q,
+    V,
+    D
+  ] }), e[89] = j, e[90] = q, e[91] = D, e[92] = G) : G = e[92];
+  let X;
+  return e[93] !== S || e[94] !== H || e[95] !== R || e[96] !== E || e[97] !== A || e[98] !== G ? (X = /* @__PURE__ */ B("section", { ref: ne, className: S, onMouseEnter: H, onMouseLeave: R, children: [
+    E,
+    A,
+    G
+  ] }), e[93] = S, e[94] = H, e[95] = R, e[96] = E, e[97] = A, e[98] = G, e[99] = X) : X = e[99], X;
+};
+function Ge(s) {
+  return !s.disabled && !s.notPermitted;
+}
+const Ke = "_top-bar_lnmq0_1", ze = "_top-bar-brand_lnmq0_12", oe = {
+  topBar: Ke,
+  topBarBrand: ze
+}, nt = (s) => {
+  const e = te.c(21), {
+    appName: m,
+    leftOffset: h,
+    leftContent: x,
+    centerContent: N,
+    rightContent: I
+  } = s;
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = u("luminus-top-bar shadow", oe.topBar), e[0] = t) : t = e[0];
+  const d = h ? `calc(100% - ${h}px)` : void 0, b = h ? `${h}px` : void 0;
+  let n;
+  e[1] !== d || e[2] !== b ? (n = {
+    width: d,
+    left: b
+  }, e[1] = d, e[2] = b, e[3] = n) : n = e[3];
+  let f;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (f = u("luminus-top-bar-brand", oe.topBarBrand), e[4] = f) : f = e[4];
+  let k;
+  e[5] !== m ? (k = /* @__PURE__ */ i(ee, { to: "/", className: f, children: m }), e[5] = m, e[6] = k) : k = e[6];
+  let a;
+  e[7] !== x || e[8] !== k ? (a = /* @__PURE__ */ B("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
+    k,
+    x
+  ] }), e[7] = x, e[8] = k, e[9] = a) : a = e[9];
+  const c = N ?? null;
+  let y;
+  e[10] !== c ? (y = /* @__PURE__ */ i("div", { className: "col-4 d-flex align-items-center", children: c }), e[10] = c, e[11] = y) : y = e[11];
+  const p = I ?? null;
+  let v;
+  e[12] !== p ? (v = /* @__PURE__ */ i("div", { className: "col-4 d-flex justify-content-end align-items-center", children: p }), e[12] = p, e[13] = v) : v = e[13];
+  let l;
+  e[14] !== v || e[15] !== a || e[16] !== y ? (l = /* @__PURE__ */ B("div", { className: "w-100 row g-0", children: [
+    a,
+    y,
+    v
+  ] }), e[14] = v, e[15] = a, e[16] = y, e[17] = l) : l = e[17];
+  let P;
+  return e[18] !== l || e[19] !== n ? (P = /* @__PURE__ */ i("nav", { className: t, style: n, children: l }), e[18] = l, e[19] = n, e[20] = P) : P = e[20], P;
+};
 export {
-  Te as PageContainer,
-  Le as SideContentBar,
-  Be as SideMenu,
-  Ce as TopBar
+  ot as PageContainer,
+  it as SideContentBar,
+  tt as SideMenu,
+  nt as TopBar
 };

package/dist/{localStorageUtils-B7BmbR_u.js → localStorageUtils-CZ4HDRzi.js}

@@ -17,16 +17,26 @@ const l = (r, t, o = !0) => Object.keys(r).reduce((e, n) => {
 }, {}), f = (r, t) => {
   const o = t != null && t.query ? new URLSearchParams(l(t.query, (e) => (e == null ? void 0 : e.toString()) ?? "")) : null;
   return `${u(r, t != null && t.path ? l(t.path, (e) => (e == null ? void 0 : e.toString()) ?? null) : void 0)}${o && o.size > 0 ? `?${o.toString()}` : ""}`;
-}, s = [
-  { key: "msal", mode: "includes" },
-  { key: "token", mode: "exact" },
-  { key: "user", mode: "exact" },
-  { key: "user-delegation", mode: "exact" }
-], d = (r = !0) => {
+}, s = [{
+  key: "msal",
+  mode: "includes"
+}, {
+  key: "token",
+  mode: "exact"
+}, {
+  key: "user",
+  mode: "exact"
+}, {
+  key: "user-delegation",
+  mode: "exact"
+}], d = (r = !0) => {
   const t = {};
   for (let o = 0; o < localStorage.length; o++) {
     const e = localStorage.key(o);
-    if (e && !(r && s.some(({ key: n, mode: c }) => c === "includes" ? e.includes(n) : e === n)))
+    if (e && !(r && s.some(({
+      key: n,
+      mode: c
+    }) => c === "includes" ? e.includes(n) : e === n)))
       try {
         t[e] = JSON.parse(localStorage.getItem(e));
       } catch {