react-luminus-components 1.1.11 → 1.1.13

package/dist/layout/FullScreenContainer/FullScreenContainer.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ContainerProps } from '@models/index';
-declare const FullScreenContainer: ({ children }: ContainerProps) => import("react").JSX.Element;
+declare const FullScreenContainer: ({ title, children }: ContainerProps) => import("react").JSX.Element;
 export default FullScreenContainer;

package/dist/layout/MainContainer/MainContainer.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ContainerProps } from '@models/index';
-declare const MainContainer: ({ children, sideContent }: ContainerProps) => import("react").JSX.Element;
+declare const MainContainer: ({ title, children, sideContent }: ContainerProps) => import("react").JSX.Element;
 export default MainContainer;

package/dist/layout/PageTitle/PageTitle.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type Props = {
+    title: string | ReactNode;
+};
+declare const PageTitle: ({ title }: Props) => import("react").JSX.Element;
+export default PageTitle;

package/dist/layout/TopBar/TopBar.d.ts

@@ -2,7 +2,8 @@
 type Props = {
     appName: string;
     leftOffset?: number;
-    children?: React.ReactNode;
+    centerContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
 };
-declare const TopBar: ({ appName, leftOffset, children }: Props) => import("react").JSX.Element;
+declare const TopBar: ({ appName, leftOffset, centerContent, rightContent }: Props) => import("react").JSX.Element;
 export default TopBar;

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SimplePicker.module-RQNGS1Wc.js"),p=require("react"),b=require("./SimpleTooltip-jdUmgMPW.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",k="_collapsed_9ejxx_35",f="_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:k,expanded:f,"children-container":"_children-container_9ejxx_48",childrenContainer:w,visible:I},T=({item:s,menuExpanded:n,children:o})=>s.tooltip&&!n?e.jsxRuntimeExports.jsx(b.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(e.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",L="_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:L},H=({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},K=({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})]})},P="_side-content-bar_17kwd_1",z={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:P},N=({width:s,children:n})=>e.jsxRuntimeExports.jsx("section",{className:e.classNames("luminus-side-content-bar",z.sideContentBar),style:{width:`${s}px`},children:n}),D=({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(N,{width:250,children:n})]}),G="_full-screen-container_1c9bu_1",J={"full-screen-container":"_full-screen-container_1c9bu_1",fullScreenContainer:G},O=({children:s})=>e.jsxRuntimeExports.jsx("div",{className:e.classNames("container-fluid p-3 overflow-hidden luminus-full-screen-container",J.fullScreenContainer),children:s});exports.FullScreenContainer=O;exports.MainContainer=D;exports.SideContentBar=N;exports.SideMenu=H;exports.TopBar=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useAxios-DuhvBHuH.cjs"),_=require("react"),R=require("./SimpleTooltip-CLfGg88p.cjs"),E=require("./hasClass-C0uHVOLl.cjs"),C="_side-menu-item_9ejxx_1",B="_nav-button_9ejxx_5",M="_child_9ejxx_13",k="_text_9ejxx_16",S="_icon_9ejxx_19",f="_collapse-icon_9ejxx_25",g="_collapsed_9ejxx_35",I="_expanded_9ejxx_42",T="_children-container_9ejxx_48",w="_visible_9ejxx_57",o={"side-menu-item":"_side-menu-item_9ejxx_1",sideMenuItem:C,"nav-button":"_nav-button_9ejxx_5",navButton:B,child:M,text:k,icon:S,"collapse-icon":"_collapse-icon_9ejxx_25",collapseIcon:f,collapsed:g,expanded:I,"children-container":"_children-container_9ejxx_48",childrenContainer:T,visible:w},y=({item:s,menuExpanded:n,children:t})=>s.tooltip&&!n?e.jsxRuntimeExports.jsx(R.SimpleTooltip,{text:s.tooltip,placement:"right",children:t}):t,h=({item:s,menuExpanded:n,collapsed:t,onCollapse:i,currentPath:c})=>{var r,j;const{LinkComponent:x}=_.useContext(e.LuminusComponentsContext),[d,l]=_.useState(!1),[u]=c.split("?"),a=s.linkTo===u||((r=s.children)==null?void 0:r.some(m=>m.linkTo===u));return e.jsxRuntimeExports.jsx("li",{className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.expanded]:n},{active:d||a},{open:t&&s.children}),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:e.jsxRuntimeExports.jsx(y,{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",o.navButton),onClick:()=>i(),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:t}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container shadow rounded",o.childrenContainer,{[o.visible]:t}),children:(j=s.children)==null?void 0:j.map(m=>e.jsxRuntimeExports.jsx(x,{to:m.linkTo??"/",className:e.classNames("nav-link child rounded",o.navButton,o.child),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:m.title})},m.linkTo))})]}):e.jsxRuntimeExports.jsxs(x,{to:s.linkTo??"/",className:e.classNames("nav-link",o.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:s.icon}),n&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})]})})})},$="_side-menu_n1hvm_1",L="_sidebar-header_n1hvm_13",H="_side-menu-content_n1hvm_18",q="_expand_n1hvm_22",A="_divider_n1hvm_26",p={"side-menu":"_side-menu_n1hvm_1",sideMenu:$,"sidebar-header":"_sidebar-header_n1hvm_13",sidebarHeader:L,"side-menu-content":"_side-menu-content_n1hvm_18",sideMenuContent:H,expand:q,divider:A},F=({headerItem:s,mainItems:n,secondaryItems:t,expanded:i,setExpanded:c,currentPath:x})=>{const[d,l]=_.useState(-1),u=a=>{l(a===d?-1:a)};return _.useEffect(()=>{i||l(-1)},[i]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu",p.sideMenu,{[p.expand]:i},{expand:i}),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",p.sidebarHeader),children:s}),e.jsxRuntimeExports.jsxs("ul",{className:p.sideMenuContent,children:[n.map((a,r)=>e.jsxRuntimeExports.jsx(h,{item:a,menuExpanded:i,collapsed:r===d,onCollapse:()=>u(r),currentPath:x},a.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",p.divider)}),t.map((a,r)=>e.jsxRuntimeExports.jsx(h,{item:a,menuExpanded:i,collapsed:r===d,onCollapse:()=>u(r),currentPath:x},a.title))]})]})},K="_top-bar_1lk80_1",P="_top-bar-brand_1lk80_14",v={"top-bar":"_top-bar_1lk80_1",topBar:K,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:P},z=({appName:s,leftOffset:n,centerContent:t,rightContent:i})=>{const{LinkComponent:c}=_.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(c,{to:"/",className:e.classNames("luminus-top-bar-brand",v.topBarBrand),children:s}),t&&e.jsxRuntimeExports.jsx("div",{children:t}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:i??null})]})},D="_side-content-bar_17kwd_1",G={"side-content-bar":"_side-content-bar_17kwd_1",sideContentBar:D},N=({width:s,children:n})=>e.jsxRuntimeExports.jsx("section",{className:e.classNames("luminus-side-content-bar",G.sideContentBar),style:{width:`${s}px`},children:n}),b=({title:s})=>e.jsxRuntimeExports.jsx("div",{className:"mb-3",children:typeof s=="string"?e.jsxRuntimeExports.jsx(E.Typography,{variant:"h3",children:s}):s}),J=({title:s,children:n,sideContent:t})=>e.jsxRuntimeExports.jsxs("div",{className:"container-fluid p-3",children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:t?"250px":void 0},children:[s?e.jsxRuntimeExports.jsx(b,{title:s}):null,n]}),t&&e.jsxRuntimeExports.jsx(N,{width:250,children:t})]}),O="_full-screen-container_1c9bu_1",Q={"full-screen-container":"_full-screen-container_1c9bu_1",fullScreenContainer:O},U=({title:s,children:n})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid p-3 overflow-hidden luminus-full-screen-container",Q.fullScreenContainer),children:[s?e.jsxRuntimeExports.jsx(b,{title:s}):null,n]});exports.FullScreenContainer=U;exports.MainContainer=J;exports.SideContentBar=N;exports.SideMenu=F;exports.TopBar=z;

package/dist/layout.es.js

@@ -1,96 +1,104 @@
-import { L as b, j as e, d as t, M as B } from "./SimplePicker.module-CfYkCM-_.mjs";
-import { useContext as C, useState as N, useEffect as M } from "react";
-import { S as f } from "./SimpleTooltip-DPtdCueR.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 = {
+import { L as b, j as e, d as t, M } from "./useAxios-Co2Q-JSk.js";
+import { useContext as C, useState as N, useEffect as f } from "react";
+import { S as k } from "./SimpleTooltip-DV3SQ0iz.js";
+import { T as I } from "./hasClass-cZEMP5cn.js";
+const w = "_side-menu-item_9ejxx_1", g = "_nav-button_9ejxx_5", T = "_child_9ejxx_13", y = "_text_9ejxx_16", S = "_icon_9ejxx_19", $ = "_collapse-icon_9ejxx_25", L = "_collapsed_9ejxx_35", H = "_expanded_9ejxx_42", R = "_children-container_9ejxx_48", A = "_visible_9ejxx_57", i = {
   "side-menu-item": "_side-menu-item_9ejxx_1",
-  sideMenuItem: k,
+  sideMenuItem: w,
   "nav-button": "_nav-button_9ejxx_5",
-  navButton: w,
-  child: I,
-  text: S,
-  icon: g,
+  navButton: g,
+  child: T,
+  text: y,
+  icon: S,
   "collapse-icon": "_collapse-icon_9ejxx_25",
-  collapseIcon: T,
-  collapsed: $,
-  expanded: y,
+  collapseIcon: $,
+  collapsed: L,
+  expanded: H,
   "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(B, {}) })
+  childrenContainer: R,
+  visible: A
+}, F = ({ item: n, menuExpanded: s, children: o }) => n.tooltip && !s ? /* @__PURE__ */ e.jsx(k, { text: n.tooltip, placement: "right", children: o }) : o, v = ({ item: n, menuExpanded: s, collapsed: o, onCollapse: a, currentPath: r }) => {
+  var l, h;
+  const { LinkComponent: _ } = C(b), [x, d] = N(!1), [u] = r.split("?"), c = n.linkTo === u || ((l = n.children) == null ? void 0 : l.some((p) => p.linkTo === u));
+  return /* @__PURE__ */ e.jsx("li", { className: t("luminus-side-menu-item", i.sideMenuItem, {
+    [i.expanded]: s
+  }, { active: x || c }, { open: o && n.children }), onMouseEnter: () => d(!0), onMouseLeave: () => d(!1), children: /* @__PURE__ */ e.jsx(F, { item: n, menuExpanded: s, children: n.children ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("button", { type: "button", className: t("nav-link", i.navButton), onClick: () => a(), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title }),
+      s && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon", i.collapseIcon, {
+        [i.collapsed]: o
+      }), children: /* @__PURE__ */ e.jsx(M, {}) })
     ] }),
-    /* @__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 })
+    /* @__PURE__ */ e.jsx("div", { className: t("children-container shadow rounded", i.childrenContainer, {
+      [i.visible]: o
+    }), children: (h = n.children) == null ? void 0 : h.map((p) => /* @__PURE__ */ e.jsx(_, { to: p.linkTo ?? "/", className: t("nav-link child rounded", i.navButton, i.child), children: /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: p.title }) }, p.linkTo)) })
+  ] }) : /* @__PURE__ */ e.jsxs(_, { to: n.linkTo ?? "/", className: t("nav-link", i.navButton), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+    s && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title })
   ] }) }) });
-}, 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);
+}, E = "_side-menu_n1hvm_1", K = "_sidebar-header_n1hvm_13", q = "_side-menu-content_n1hvm_18", z = "_expand_n1hvm_22", D = "_divider_n1hvm_26", m = {
+  "side-menu": "_side-menu_n1hvm_1",
+  sideMenu: E,
+  "sidebar-header": "_sidebar-header_n1hvm_13",
+  sidebarHeader: K,
+  "side-menu-content": "_side-menu-content_n1hvm_18",
+  sideMenuContent: q,
+  expand: z,
+  divider: D
+}, ee = ({ headerItem: n, mainItems: s, secondaryItems: o, expanded: a, setExpanded: r, currentPath: _ }) => {
+  const [x, d] = N(-1), u = (c) => {
+    d(c === x ? -1 : c);
   };
-  return M(() => {
-    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))
+  return f(() => {
+    a || d(-1);
+  }, [a]), /* @__PURE__ */ e.jsxs("section", { className: t("luminus-side-menu", m.sideMenu, {
+    [m.expand]: a
+  }, { expand: a }), onMouseEnter: () => r(!0), onMouseLeave: () => r(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", m.sidebarHeader), children: n }),
+    /* @__PURE__ */ e.jsxs("ul", { className: m.sideMenuContent, children: [
+      s.map((c, l) => /* @__PURE__ */ e.jsx(v, { item: c, menuExpanded: a, collapsed: l === x, onCollapse: () => u(l), currentPath: _ }, c.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: t("divider", m.divider) }),
+      o.map((c, l) => /* @__PURE__ */ e.jsx(v, { item: c, menuExpanded: a, collapsed: l === x, onCollapse: () => u(l), currentPath: _ }, c.title))
     ] })
   ] });
-}, 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: {
+}, G = "_top-bar_1lk80_1", J = "_top-bar-brand_1lk80_14", j = {
+  "top-bar": "_top-bar_1lk80_1",
+  topBar: G,
+  "top-bar-brand": "_top-bar-brand_1lk80_14",
+  topBarBrand: J
+}, ne = ({ appName: n, leftOffset: s, centerContent: o, rightContent: a }) => {
+  const { LinkComponent: r } = C(b);
+  return /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar", j.topBar), style: {
     width: s ? `calc(100% - ${s}px)` : void 0,
     left: s ? `${s}px` : void 0
   }, children: [
-    /* @__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 })
+    /* @__PURE__ */ e.jsx(r, { to: "/", className: t("luminus-top-bar-brand", j.topBarBrand), children: n }),
+    o && /* @__PURE__ */ e.jsx("div", { children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: a ?? null })
   ] });
-}, G = "_side-content-bar_17kwd_1", J = {
+}, P = "_side-content-bar_17kwd_1", Q = {
   "side-content-bar": "_side-content-bar_17kwd_1",
-  sideContentBar: G
-}, Q = ({ width: n, children: s }) => /* @__PURE__ */ e.jsx("section", { className: t("luminus-side-content-bar", J.sideContentBar), style: {
+  sideContentBar: P
+}, U = ({ width: n, children: s }) => /* @__PURE__ */ e.jsx("section", { className: t("luminus-side-content-bar", Q.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 = {
+}, children: s }), B = ({ title: n }) => /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: typeof n == "string" ? /* @__PURE__ */ e.jsx(I, { variant: "h3", children: n }) : n }), se = ({ title: n, children: s, sideContent: o }) => /* @__PURE__ */ e.jsxs("div", { className: "container-fluid p-3", children: [
+  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: o ? "250px" : void 0 }, children: [
+    n ? /* @__PURE__ */ e.jsx(B, { title: n }) : null,
+    s
+  ] }),
+  o && /* @__PURE__ */ e.jsx(U, { width: 250, children: o })
+] }), V = "_full-screen-container_1c9bu_1", W = {
   "full-screen-container": "_full-screen-container_1c9bu_1",
-  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 });
+  fullScreenContainer: V
+}, te = ({ title: n, children: s }) => /* @__PURE__ */ e.jsxs("div", { className: t("container-fluid p-3 overflow-hidden luminus-full-screen-container", W.fullScreenContainer), children: [
+  n ? /* @__PURE__ */ e.jsx(B, { title: n }) : null,
+  s
+] });
 export {
-  ee as FullScreenContainer,
-  P as MainContainer,
-  Q as SideContentBar,
-  Z as SideMenu,
-  O as TopBar
+  te as FullScreenContainer,
+  se as MainContainer,
+  U as SideContentBar,
+  ee as SideMenu,
+  ne as TopBar
 };