react-luminus-components 1.0.5 → 1.1.0

package/dist/layout/SideMenu/MenuItem/MenuItem.d.ts

@@ -5,6 +5,7 @@ type Props = {
     menuExpanded: boolean;
     collapsed: boolean;
     onCollapse: () => void;
+    currentPath: string;
 };
-declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse }: Props) => import("react").JSX.Element;
+declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath }: Props) => import("react").JSX.Element;
 export default MenuItem;

package/dist/layout/SideMenu/SideMenu.d.ts

@@ -6,6 +6,7 @@ type Props = {
     secondaryItems: MenuItemType[];
     expanded: boolean;
     setExpanded: (expanded: boolean) => void;
+    currentPath: string;
 };
-declare const SideMenu: ({ headerItem, mainItems, secondaryItems, expanded, setExpanded }: Props) => import("react").JSX.Element;
+declare const SideMenu: ({ headerItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, }: Props) => import("react").JSX.Element;
 export default SideMenu;

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./HomeDashboard.module-BI8obEZ_.js"),d=require("react"),C=require("./SimpleTooltip-HYwwaCn4.js"),x=require("./hasClass-DABt6TfW.js");function _(...n){return n.filter(e=>e!=null).reduce((e,t)=>{if(typeof t!="function")throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");return e===null?t:function(...i){e.apply(this,i),t.apply(this,i)}},null)}const L={height:["marginTop","marginBottom"],width:["marginLeft","marginRight"]};function D(n,e){const t=`offset${n[0].toUpperCase()}${n.slice(1)}`,o=e[t],i=L[n];return o+parseInt(x.style(e,i[0]),10)+parseInt(x.style(e,i[1]),10)}const q={[x.EXITED]:"collapse",[x.EXITING]:"collapsing",[x.ENTERING]:"collapsing",[x.ENTERED]:"collapse show"},F=d.forwardRef(({onEnter:n,onEntering:e,onEntered:t,onExit:o,onExiting:i,className:p,children:r,dimension:j="height",in:u=!1,timeout:m=300,mountOnEnter:w=!1,unmountOnExit:B=!1,appear:y=!1,getDimensionValue:N=D,...R},g)=>{const l=typeof j=="function"?j():j,I=d.useMemo(()=>_(c=>{c.style[l]="0"},n),[l,n]),S=d.useMemo(()=>_(c=>{const E=`scroll${l[0].toUpperCase()}${l.slice(1)}`;c.style[l]=`${c[E]}px`},e),[l,e]),T=d.useMemo(()=>_(c=>{c.style[l]=null},t),[l,t]),$=d.useMemo(()=>_(c=>{c.style[l]=`${N(l,c)}px`,x.triggerBrowserReflow(c)},o),[o,N,l]),k=d.useMemo(()=>_(c=>{c.style[l]=null},i),[l,i]);return s.jsxRuntimeExports.jsx(x.TransitionWrapper,{ref:g,addEndListener:x.transitionEndListener,...R,"aria-expanded":R.role?u:null,onEnter:I,onEntering:S,onEntered:T,onExit:$,onExiting:k,childRef:r.ref,in:u,timeout:m,mountOnEnter:w,unmountOnExit:B,appear:y,children:(c,E)=>d.cloneElement(r,{...E,className:s.classNames(p,r.props.className,q[c],l==="width"&&"collapse-horizontal")})})}),H=F,A="_side-menu-item_8j1cd_1",G="_nav-button_8j1cd_4",O="_child_8j1cd_11",U="_text_8j1cd_14",X="_icon_8j1cd_17",z="_collapse-icon_8j1cd_23",K="_collapsed_8j1cd_33",W="_expanded_8j1cd_40",a={"side-menu-item":"_side-menu-item_8j1cd_1",sideMenuItem:A,"nav-button":"_nav-button_8j1cd_4",navButton:G,child:O,text:U,icon:X,"collapse-icon":"_collapse-icon_8j1cd_23",collapseIcon:z,collapsed:K,expanded:W},f=({item:n,menuExpanded:e,children:t})=>n.tooltip&&!e?s.jsxRuntimeExports.jsx(C.SimpleTooltip,{text:n.tooltip,placement:"right",children:t}):t,b=({item:n,menuExpanded:e,collapsed:t,onCollapse:o})=>{var p;const{LinkComponent:i}=d.useContext(s.LuminusComponentsContext);return n.children?s.jsxRuntimeExports.jsx("li",{className:s.classNames("luminus-side-menu-item",a.sideMenuItem,{[a.expanded]:e}),children:s.jsxRuntimeExports.jsx(f,{item:n,menuExpanded:e,children:s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("button",{type:"button",className:s.classNames("nav-link",a.navButton),onClick:()=>o(),children:[s.jsxRuntimeExports.jsx("div",{className:s.classNames("icon",a.icon),children:n.icon}),e&&s.jsxRuntimeExports.jsx("div",{className:s.classNames("text",a.text,"text-nowrap"),children:n.title}),e&&s.jsxRuntimeExports.jsx("div",{className:s.classNames("collapse-icon",a.collapseIcon,{[a.collapsed]:t}),children:s.jsxRuntimeExports.jsx(C.MdOutlineKeyboardArrowDown,{})})]}),s.jsxRuntimeExports.jsx(H,{in:t,children:s.jsxRuntimeExports.jsx("div",{children:(p=n.children)==null?void 0:p.map(r=>s.jsxRuntimeExports.jsx(i,{to:r.linkTo??"/",className:s.classNames("nav-link",a.navButton,a.child),children:s.jsxRuntimeExports.jsx("div",{className:s.classNames("text",a.text,"text-nowrap"),children:r.title})},r.linkTo))})})]})})}):s.jsxRuntimeExports.jsx("li",{className:s.classNames("luminus-side-menu-item",a.sideMenuItem,{[a.expanded]:e}),children:s.jsxRuntimeExports.jsx(f,{item:n,menuExpanded:e,children:s.jsxRuntimeExports.jsxs(i,{to:n.linkTo??"/",className:s.classNames("nav-link",a.navButton),children:[s.jsxRuntimeExports.jsx("div",{className:s.classNames("icon",a.icon),children:n.icon}),e&&s.jsxRuntimeExports.jsx("div",{className:s.classNames("text",a.text,"text-nowrap"),children:n.title})]})})})},J="_side-menu_s0700_1",P="_sidebar-header_s0700_14",Q="_side-menu-content_s0700_19",V="_expand_s0700_23",h={"side-menu":"_side-menu_s0700_1",sideMenu:J,"sidebar-header":"_sidebar-header_s0700_14",sidebarHeader:P,"side-menu-content":"_side-menu-content_s0700_19",sideMenuContent:Q,expand:V},Y=({headerItem:n,mainItems:e,secondaryItems:t,expanded:o,setExpanded:i})=>{const[p,r]=d.useState(-1),j=u=>{r(u===p?-1:u)};return d.useEffect(()=>{o||r(-1)},[o]),s.jsxRuntimeExports.jsxs("section",{className:s.classNames("luminus-side-menu",h.sideMenu,"shadow",{[h.expand]:o},{expand:o}),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[s.jsxRuntimeExports.jsx("div",{className:s.classNames("sidebar-header",h.sidebarHeader),children:n}),s.jsxRuntimeExports.jsxs("ul",{className:h.sideMenuContent,children:[e.map((u,m)=>s.jsxRuntimeExports.jsx(b,{item:u,menuExpanded:o,collapsed:m===p,onCollapse:()=>j(m)},u.title)),s.jsxRuntimeExports.jsx("hr",{}),t.map((u,m)=>s.jsxRuntimeExports.jsx(b,{item:u,menuExpanded:o,collapsed:m===p,onCollapse:()=>j(m)},u.title))]})]})},Z="_top-bar_4di1c_1",ss="_top-bar-brand_4di1c_13",v={"top-bar":"_top-bar_4di1c_1",topBar:Z,"top-bar-brand":"_top-bar-brand_4di1c_13",topBarBrand:ss},es=({appName:n,leftOffset:e,children:t})=>{const{LinkComponent:o}=d.useContext(s.LuminusComponentsContext);return s.jsxRuntimeExports.jsxs("nav",{className:s.classNames("shadow luminus-top-bar",v.topBar),style:{width:e?`calc(100% - ${e}px)`:void 0,left:e?`${e}px`:void 0},children:[s.jsxRuntimeExports.jsx(o,{to:"/",className:s.classNames("luminus-top-bar-brand",v.topBarBrand),children:n}),s.jsxRuntimeExports.jsx("div",{className:"w-100 d-flex justify-content-end align-items-center gap-2",children:t})]})},ns="_side-content-bar_17kwd_1",ts={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:ns},M=({width:n,children:e})=>s.jsxRuntimeExports.jsx("section",{className:s.classNames("shadow luminus-side-content-bar",ts.sideContentBar),style:{width:`${n}px`},children:e}),os=({children:n,sideContent:e})=>s.jsxRuntimeExports.jsxs("div",{className:"container-fluid p-3",children:[s.jsxRuntimeExports.jsx("div",{style:{paddingRight:e?"250px":void 0},children:n}),e&&s.jsxRuntimeExports.jsx(M,{width:250,children:e})]}),as="_full-screen-container_1c9bu_1",is={"full-screen-container":"_full-screen-container_1c9bu_1",fullScreenContainer:as},ls=({children:n})=>s.jsxRuntimeExports.jsx("div",{className:s.classNames("container-fluid p-3 overflow-hidden luminus-full-screen-container",is.fullScreenContainer),children:n});exports.FullScreenContainer=ls;exports.MainContainer=os;exports.SideContentBar=M;exports.SideMenu=Y;exports.TopBar=es;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./HomeDashboard.module-GdCYxlBo.js"),p=require("react"),N=require("./SimpleTooltip-CGAr8ryR.js"),R="_side-menu-item_9ejxx_1",C="_nav-button_9ejxx_5",E="_child_9ejxx_13",B="_text_9ejxx_16",M="_icon_9ejxx_19",S="_collapse-icon_9ejxx_25",f="_collapsed_9ejxx_35",k="_expanded_9ejxx_42",w="_children-container_9ejxx_48",I="_visible_9ejxx_57",t={"side-menu-item":"_side-menu-item_9ejxx_1",sideMenuItem:R,"nav-button":"_nav-button_9ejxx_5",navButton:C,child:E,text:B,icon:M,"collapse-icon":"_collapse-icon_9ejxx_25",collapseIcon:S,collapsed:f,expanded:k,"children-container":"_children-container_9ejxx_48",childrenContainer:w,visible:I},T=({item:s,menuExpanded:n,children:o})=>s.tooltip&&!n?e.jsxRuntimeExports.jsx(N.SimpleTooltip,{text:s.tooltip,placement:"right",children:o}):o,h=({item:s,menuExpanded:n,collapsed:o,onCollapse:i,currentPath:_})=>{var c,j;const{LinkComponent:l}=p.useContext(e.LuminusComponentsContext),[x,r]=p.useState(!1),[d]=_.split("?"),a=s.linkTo===d||((c=s.children)==null?void 0:c.some(u=>u.linkTo===d));return e.jsxRuntimeExports.jsx("li",{className:e.classNames("luminus-side-menu-item",t.sideMenuItem,{[t.expanded]:n},{active:x||a},{open:o&&s.children}),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:e.jsxRuntimeExports.jsx(T,{item:s,menuExpanded:n,children:s.children?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",t.navButton),onClick:()=>i(),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",t.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",t.text,"text-nowrap"),children:s.title}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",t.collapseIcon,{[t.collapsed]:o}),children:e.jsxRuntimeExports.jsx(N.MdOutlineKeyboardArrowRight,{})})]}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container shadow rounded",t.childrenContainer,{[t.visible]:o}),children:(j=s.children)==null?void 0:j.map(u=>e.jsxRuntimeExports.jsx(l,{to:u.linkTo??"/",className:e.classNames("nav-link child rounded",t.navButton,t.child),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",t.text,"text-nowrap"),children:u.title})},u.linkTo))})]}):e.jsxRuntimeExports.jsxs(l,{to:s.linkTo??"/",className:e.classNames("nav-link",t.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",t.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",t.text,"text-nowrap"),children:s.title})]})})})},g="_side-menu_1hjei_1",y="_sidebar-header_1hjei_13",q="_side-menu-content_1hjei_18",$="_expand_1hjei_22",H="_divider_1hjei_26",m={"side-menu":"_side-menu_1hjei_1",sideMenu:g,"sidebar-header":"_sidebar-header_1hjei_13",sidebarHeader:y,"side-menu-content":"_side-menu-content_1hjei_18",sideMenuContent:q,expand:$,divider:H},L=({headerItem:s,mainItems:n,secondaryItems:o,expanded:i,setExpanded:_,currentPath:l})=>{const[x,r]=p.useState(-1),d=a=>{r(a===x?-1:a)};return p.useEffect(()=>{i||r(-1)},[i]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu",m.sideMenu,{[m.expand]:i},{expand:i}),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",m.sidebarHeader),children:s}),e.jsxRuntimeExports.jsxs("ul",{className:m.sideMenuContent,children:[n.map((a,c)=>e.jsxRuntimeExports.jsx(h,{item:a,menuExpanded:i,collapsed:c===x,onCollapse:()=>d(c),currentPath:l},a.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",m.divider)}),o.map((a,c)=>e.jsxRuntimeExports.jsx(h,{item:a,menuExpanded:i,collapsed:c===x,onCollapse:()=>d(c),currentPath:l},a.title))]})]})},F="_top-bar_1t8hq_1",A="_top-bar-brand_1t8hq_13",v={"top-bar":"_top-bar_1t8hq_1",topBar:F,"top-bar-brand":"_top-bar-brand_1t8hq_13",topBarBrand:A},D=({appName:s,leftOffset:n,children:o})=>{const{LinkComponent:i}=p.useContext(e.LuminusComponentsContext);return e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar",v.topBar),style:{width:n?`calc(100% - ${n}px)`:void 0,left:n?`${n}px`:void 0},children:[e.jsxRuntimeExports.jsx(i,{to:"/",className:e.classNames("luminus-top-bar-brand",v.topBarBrand),children:s}),e.jsxRuntimeExports.jsx("div",{className:"w-100 d-flex justify-content-end align-items-center gap-2",children:o})]})},K="_side-content-bar_17kwd_1",z={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:K},b=({width:s,children:n})=>e.jsxRuntimeExports.jsx("section",{className:e.classNames("luminus-side-content-bar",z.sideContentBar),style:{width:`${s}px`},children:n}),G=({children:s,sideContent:n})=>e.jsxRuntimeExports.jsxs("div",{className:"container-fluid p-3",children:[e.jsxRuntimeExports.jsx("div",{style:{paddingRight:n?"250px":void 0},children:s}),n&&e.jsxRuntimeExports.jsx(b,{width:250,children:n})]}),J="_full-screen-container_1c9bu_1",O={"full-screen-container":"_full-screen-container_1c9bu_1",fullScreenContainer:J},P=({children:s})=>e.jsxRuntimeExports.jsx("div",{className:e.classNames("container-fluid p-3 overflow-hidden luminus-full-screen-container",O.fullScreenContainer),children:s});exports.FullScreenContainer=P;exports.MainContainer=G;exports.SideContentBar=b;exports.SideMenu=L;exports.TopBar=D;

package/dist/layout.es.js

@@ -1,167 +1,96 @@
-import { j as n, e as o, L as M } from "./HomeDashboard.module-CuVVnp4t.mjs";
-import N, { useMemo as x, useContext as g, useState as A, useEffect as F } from "react";
-import { M as G, S as H } from "./SimpleTooltip-C8wTRZNZ.mjs";
-import { T as U, t as X, s as C, E as z, a as K, b as O, c as W, d as q } from "./hasClass-D3KZs5y_.mjs";
-function h(...s) {
-  return s.filter((e) => e != null).reduce((e, t) => {
-    if (typeof t != "function")
-      throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");
-    return e === null ? t : function(...c) {
-      e.apply(this, c), t.apply(this, c);
-    };
-  }, null);
-}
-const J = {
-  height: ["marginTop", "marginBottom"],
-  width: ["marginLeft", "marginRight"]
-};
-function Q(s, e) {
-  const t = `offset${s[0].toUpperCase()}${s.slice(1)}`, a = e[t], c = J[s];
-  return a + // @ts-ignore
-  parseInt(C(e, c[0]), 10) + // @ts-ignore
-  parseInt(C(e, c[1]), 10);
-}
-const V = {
-  [z]: "collapse",
-  [K]: "collapsing",
-  [O]: "collapsing",
-  [W]: "collapse show"
-}, Y = /* @__PURE__ */ N.forwardRef(({
-  onEnter: s,
-  onEntering: e,
-  onEntered: t,
-  onExit: a,
-  onExiting: c,
-  className: p,
-  children: d,
-  dimension: m = "height",
-  in: u = !1,
-  timeout: _ = 300,
-  mountOnEnter: y = !1,
-  unmountOnExit: E = !1,
-  appear: $ = !1,
-  getDimensionValue: v = Q,
-  ...b
-}, T) => {
-  const i = typeof m == "function" ? m() : m, k = x(() => h((r) => {
-    r.style[i] = "0";
-  }, s), [i, s]), S = x(() => h((r) => {
-    const f = `scroll${i[0].toUpperCase()}${i.slice(1)}`;
-    r.style[i] = `${r[f]}px`;
-  }, e), [i, e]), R = x(() => h((r) => {
-    r.style[i] = null;
-  }, t), [i, t]), L = x(() => h((r) => {
-    r.style[i] = `${v(i, r)}px`, q(r);
-  }, a), [a, v, i]), D = x(() => h((r) => {
-    r.style[i] = null;
-  }, c), [i, c]);
-  return /* @__PURE__ */ n.jsx(U, {
-    ref: T,
-    addEndListener: X,
-    ...b,
-    "aria-expanded": b.role ? u : null,
-    onEnter: k,
-    onEntering: S,
-    onEntered: R,
-    onExit: L,
-    onExiting: D,
-    childRef: d.ref,
-    in: u,
-    timeout: _,
-    mountOnEnter: y,
-    unmountOnExit: E,
-    appear: $,
-    children: (r, f) => /* @__PURE__ */ N.cloneElement(d, {
-      ...f,
-      className: o(p, d.props.className, V[r], i === "width" && "collapse-horizontal")
-    })
-  });
-}), Z = Y, P = "_side-menu-item_8j1cd_1", ee = "_nav-button_8j1cd_4", ne = "_child_8j1cd_11", se = "_text_8j1cd_14", te = "_icon_8j1cd_17", oe = "_collapse-icon_8j1cd_23", ae = "_collapsed_8j1cd_33", le = "_expanded_8j1cd_40", l = {
-  "side-menu-item": "_side-menu-item_8j1cd_1",
-  sideMenuItem: P,
-  "nav-button": "_nav-button_8j1cd_4",
-  navButton: ee,
-  child: ne,
-  text: se,
-  icon: te,
-  "collapse-icon": "_collapse-icon_8j1cd_23",
-  collapseIcon: oe,
-  collapsed: ae,
-  expanded: le
-}, w = ({ item: s, menuExpanded: e, children: t }) => s.tooltip && !e ? /* @__PURE__ */ n.jsx(H, { text: s.tooltip, placement: "right", children: t }) : t, B = ({ item: s, menuExpanded: e, collapsed: t, onCollapse: a }) => {
-  var p;
-  const { LinkComponent: c } = g(M);
-  return s.children ? /* @__PURE__ */ n.jsx("li", { className: o("luminus-side-menu-item", l.sideMenuItem, {
-    [l.expanded]: e
-  }), children: /* @__PURE__ */ n.jsx(w, { item: s, menuExpanded: e, children: /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsxs("button", { type: "button", className: o("nav-link", l.navButton), onClick: () => a(), children: [
-      /* @__PURE__ */ n.jsx("div", { className: o("icon", l.icon), children: s.icon }),
-      e && /* @__PURE__ */ n.jsx("div", { className: o("text", l.text, "text-nowrap"), children: s.title }),
-      e && /* @__PURE__ */ n.jsx("div", { className: o("collapse-icon", l.collapseIcon, {
-        [l.collapsed]: t
-      }), children: /* @__PURE__ */ n.jsx(G, {}) })
+import { L as b, j as e, e as t } from "./HomeDashboard.module-PqWrW_dw.mjs";
+import { useContext as C, useState as N, useEffect as B } from "react";
+import { M, S as f } from "./SimpleTooltip-DzBpmL4l.mjs";
+const k = "_side-menu-item_9ejxx_1", w = "_nav-button_9ejxx_5", I = "_child_9ejxx_13", S = "_text_9ejxx_16", g = "_icon_9ejxx_19", T = "_collapse-icon_9ejxx_25", $ = "_collapsed_9ejxx_35", y = "_expanded_9ejxx_42", L = "_children-container_9ejxx_48", H = "_visible_9ejxx_57", o = {
+  "side-menu-item": "_side-menu-item_9ejxx_1",
+  sideMenuItem: k,
+  "nav-button": "_nav-button_9ejxx_5",
+  navButton: w,
+  child: I,
+  text: S,
+  icon: g,
+  "collapse-icon": "_collapse-icon_9ejxx_25",
+  collapseIcon: T,
+  collapsed: $,
+  expanded: y,
+  "children-container": "_children-container_9ejxx_48",
+  childrenContainer: L,
+  visible: H
+}, q = ({ item: n, menuExpanded: s, children: i }) => n.tooltip && !s ? /* @__PURE__ */ e.jsx(f, { text: n.tooltip, placement: "right", children: i }) : i, m = ({ item: n, menuExpanded: s, collapsed: i, onCollapse: a, currentPath: h }) => {
+  var l, j;
+  const { LinkComponent: d } = C(b), [_, r] = N(!1), [u] = h.split("?"), c = n.linkTo === u || ((l = n.children) == null ? void 0 : l.some((x) => x.linkTo === u));
+  return /* @__PURE__ */ e.jsx("li", { className: t("luminus-side-menu-item", o.sideMenuItem, {
+    [o.expanded]: s
+  }, { active: _ || c }, { open: i && n.children }), onMouseEnter: () => r(!0), onMouseLeave: () => r(!1), children: /* @__PURE__ */ e.jsx(q, { item: n, menuExpanded: s, children: n.children ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("button", { type: "button", className: t("nav-link", o.navButton), onClick: () => a(), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", o.icon), children: n.icon }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("text", o.text, "text-nowrap"), children: n.title }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon", o.collapseIcon, {
+        [o.collapsed]: i
+      }), children: /* @__PURE__ */ e.jsx(M, {}) })
     ] }),
-    /* @__PURE__ */ n.jsx(Z, { in: t, children: /* @__PURE__ */ n.jsx("div", { children: (p = s.children) == null ? void 0 : p.map((d) => /* @__PURE__ */ n.jsx(c, { to: d.linkTo ?? "/", className: o("nav-link", l.navButton, l.child), children: /* @__PURE__ */ n.jsx("div", { className: o("text", l.text, "text-nowrap"), children: d.title }) }, d.linkTo)) }) })
-  ] }) }) }) : /* @__PURE__ */ n.jsx("li", { className: o("luminus-side-menu-item", l.sideMenuItem, {
-    [l.expanded]: e
-  }), children: /* @__PURE__ */ n.jsx(w, { item: s, menuExpanded: e, children: /* @__PURE__ */ n.jsxs(c, { to: s.linkTo ?? "/", className: o("nav-link", l.navButton), children: [
-    /* @__PURE__ */ n.jsx("div", { className: o("icon", l.icon), children: s.icon }),
-    e && /* @__PURE__ */ n.jsx("div", { className: o("text", l.text, "text-nowrap"), children: s.title })
+    /* @__PURE__ */ e.jsx("div", { className: t("children-container shadow rounded", o.childrenContainer, {
+      [o.visible]: i
+    }), children: (j = n.children) == null ? void 0 : j.map((x) => /* @__PURE__ */ e.jsx(d, { to: x.linkTo ?? "/", className: t("nav-link child rounded", o.navButton, o.child), children: /* @__PURE__ */ e.jsx("div", { className: t("text", o.text, "text-nowrap"), children: x.title }) }, x.linkTo)) })
+  ] }) : /* @__PURE__ */ e.jsxs(d, { to: n.linkTo ?? "/", className: t("nav-link", o.navButton), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("icon", o.icon), children: n.icon }),
+    s && /* @__PURE__ */ e.jsx("div", { className: t("text", o.text, "text-nowrap"), children: n.title })
   ] }) }) });
-}, ce = "_side-menu_s0700_1", ie = "_sidebar-header_s0700_14", re = "_side-menu-content_s0700_19", de = "_expand_s0700_23", j = {
-  "side-menu": "_side-menu_s0700_1",
-  sideMenu: ce,
-  "sidebar-header": "_sidebar-header_s0700_14",
-  sidebarHeader: ie,
-  "side-menu-content": "_side-menu-content_s0700_19",
-  sideMenuContent: re,
-  expand: de
-}, Ce = ({ headerItem: s, mainItems: e, secondaryItems: t, expanded: a, setExpanded: c }) => {
-  const [p, d] = A(-1), m = (u) => {
-    d(u === p ? -1 : u);
+}, R = "_side-menu_1hjei_1", A = "_sidebar-header_1hjei_13", F = "_side-menu-content_1hjei_18", E = "_expand_1hjei_22", K = "_divider_1hjei_26", p = {
+  "side-menu": "_side-menu_1hjei_1",
+  sideMenu: R,
+  "sidebar-header": "_sidebar-header_1hjei_13",
+  sidebarHeader: A,
+  "side-menu-content": "_side-menu-content_1hjei_18",
+  sideMenuContent: F,
+  expand: E,
+  divider: K
+}, Z = ({ headerItem: n, mainItems: s, secondaryItems: i, expanded: a, setExpanded: h, currentPath: d }) => {
+  const [_, r] = N(-1), u = (c) => {
+    r(c === _ ? -1 : c);
   };
-  return F(() => {
-    a || d(-1);
-  }, [a]), /* @__PURE__ */ n.jsxs("section", { className: o("luminus-side-menu", j.sideMenu, "shadow", {
-    [j.expand]: a
-  }, { expand: a }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), children: [
-    /* @__PURE__ */ n.jsx("div", { className: o("sidebar-header", j.sidebarHeader), children: s }),
-    /* @__PURE__ */ n.jsxs("ul", { className: j.sideMenuContent, children: [
-      e.map((u, _) => /* @__PURE__ */ n.jsx(B, { item: u, menuExpanded: a, collapsed: _ === p, onCollapse: () => m(_) }, u.title)),
-      /* @__PURE__ */ n.jsx("hr", {}),
-      t.map((u, _) => /* @__PURE__ */ n.jsx(B, { item: u, menuExpanded: a, collapsed: _ === p, onCollapse: () => m(_) }, u.title))
+  return B(() => {
+    a || r(-1);
+  }, [a]), /* @__PURE__ */ e.jsxs("section", { className: t("luminus-side-menu", p.sideMenu, {
+    [p.expand]: a
+  }, { expand: a }), onMouseEnter: () => h(!0), onMouseLeave: () => h(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", p.sidebarHeader), children: n }),
+    /* @__PURE__ */ e.jsxs("ul", { className: p.sideMenuContent, children: [
+      s.map((c, l) => /* @__PURE__ */ e.jsx(m, { item: c, menuExpanded: a, collapsed: l === _, onCollapse: () => u(l), currentPath: d }, c.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: t("divider", p.divider) }),
+      i.map((c, l) => /* @__PURE__ */ e.jsx(m, { item: c, menuExpanded: a, collapsed: l === _, onCollapse: () => u(l), currentPath: d }, c.title))
     ] })
   ] });
-}, ue = "_top-bar_4di1c_1", pe = "_top-bar-brand_4di1c_13", I = {
-  "top-bar": "_top-bar_4di1c_1",
-  topBar: ue,
-  "top-bar-brand": "_top-bar-brand_4di1c_13",
-  topBarBrand: pe
-}, we = ({ appName: s, leftOffset: e, children: t }) => {
-  const { LinkComponent: a } = g(M);
-  return /* @__PURE__ */ n.jsxs("nav", { className: o("shadow luminus-top-bar", I.topBar), style: {
-    width: e ? `calc(100% - ${e}px)` : void 0,
-    left: e ? `${e}px` : void 0
+}, z = "_top-bar_1t8hq_1", D = "_top-bar-brand_1t8hq_13", v = {
+  "top-bar": "_top-bar_1t8hq_1",
+  topBar: z,
+  "top-bar-brand": "_top-bar-brand_1t8hq_13",
+  topBarBrand: D
+}, O = ({ appName: n, leftOffset: s, children: i }) => {
+  const { LinkComponent: a } = C(b);
+  return /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar", v.topBar), style: {
+    width: s ? `calc(100% - ${s}px)` : void 0,
+    left: s ? `${s}px` : void 0
   }, children: [
-    /* @__PURE__ */ n.jsx(a, { to: "/", className: o("luminus-top-bar-brand", I.topBarBrand), children: s }),
-    /* @__PURE__ */ n.jsx("div", { className: "w-100 d-flex justify-content-end align-items-center gap-2", children: t })
+    /* @__PURE__ */ e.jsx(a, { to: "/", className: t("luminus-top-bar-brand", v.topBarBrand), children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "w-100 d-flex justify-content-end align-items-center gap-2", children: i })
   ] });
-}, _e = "_side-content-bar_17kwd_1", me = {
+}, G = "_side-content-bar_17kwd_1", J = {
   "side-content-bar": "_side-content-bar_17kwd_1",
-  sideContentBar: _e
-}, xe = ({ width: s, children: e }) => /* @__PURE__ */ n.jsx("section", { className: o("shadow luminus-side-content-bar", me.sideContentBar), style: {
-  width: `${s}px`
-}, children: e }), Be = ({ children: s, sideContent: e }) => /* @__PURE__ */ n.jsxs("div", { className: "container-fluid p-3", children: [
-  /* @__PURE__ */ n.jsx("div", { style: { paddingRight: e ? "250px" : void 0 }, children: s }),
-  e && /* @__PURE__ */ n.jsx(xe, { width: 250, children: e })
-] }), he = "_full-screen-container_1c9bu_1", je = {
+  sideContentBar: G
+}, Q = ({ width: n, children: s }) => /* @__PURE__ */ e.jsx("section", { className: t("luminus-side-content-bar", J.sideContentBar), style: {
+  width: `${n}px`
+}, children: s }), P = ({ children: n, sideContent: s }) => /* @__PURE__ */ e.jsxs("div", { className: "container-fluid p-3", children: [
+  /* @__PURE__ */ e.jsx("div", { style: { paddingRight: s ? "250px" : void 0 }, children: n }),
+  s && /* @__PURE__ */ e.jsx(Q, { width: 250, children: s })
+] }), U = "_full-screen-container_1c9bu_1", V = {
   "full-screen-container": "_full-screen-container_1c9bu_1",
-  fullScreenContainer: he
-}, Ie = ({ children: s }) => /* @__PURE__ */ n.jsx("div", { className: o("container-fluid p-3 overflow-hidden luminus-full-screen-container", je.fullScreenContainer), children: s });
+  fullScreenContainer: U
+}, ee = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: t("container-fluid p-3 overflow-hidden luminus-full-screen-container", V.fullScreenContainer), children: n });
 export {
-  Ie as FullScreenContainer,
-  Be as MainContainer,
-  xe as SideContentBar,
-  Ce as SideMenu,
-  we as TopBar
+  ee as FullScreenContainer,
+  P as MainContainer,
+  Q as SideContentBar,
+  Z as SideMenu,
+  O as TopBar
 };