@shadow-library/ui 0.1.1 → 0.1.2

package/components/AppLayout/AppLayout.d.ts

@@ -1,19 +1,21 @@
 import { type ReactNode } from 'react';
-import { type Alphabet } from '../Logo/index.js';
-import { type FooterConfig, type NavItem, type NotificationsConfig, type UserInfo } from './layout.types.js';
+import { type NavGroup, type NavItem, type NotificationsConfig, type UserInfo } from './layout.types';
 /**
  * Defining types
  */
 interface AppLayoutProps {
-    children: ReactNode;
-    productName: Alphabet[];
     appName: string;
-    navItems: NavItem[];
+    children: ReactNode;
+    navItems: (NavItem | NavGroup)[];
+    headerContent?: ReactNode;
     user?: UserInfo;
     notifications?: NotificationsConfig;
-    footer?: FooterConfig;
+    footer?: ReactNode;
     showThemeToggle?: boolean;
     defaultCollapsed?: boolean;
 }
-export declare function AppLayout({ children, appName, productName, navItems, user, notifications, footer, showThemeToggle, defaultCollapsed }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Declaring the constants
+ */
+export declare function AppLayout({ children, appName, navItems, headerContent, user, notifications, footer, showThemeToggle, defaultCollapsed }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/AppLayout/AppLayout.js

@@ -1,28 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Importing npm packages
- */
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { AppShell } from '@mantine/core';
-/**
- * Importing user defined packages
- */
-import styles from './AppLayout.module.css';
+import styles from './AppLayout.module.css.js';
 import { ContentFooter } from './ContentFooter.js';
 import { useLayoutState } from './hooks/use-layout-state.js';
 import { SideNavbar } from './SideNavbar.js';
 import { TopNavbar } from './TopNavbar.js';
-/**
- * Declaring the constants
- */
-const HEADER_HEIGHT = 56;
-const NAVBAR_WIDTH_EXPANDED = 260;
-const NAVBAR_WIDTH_COLLAPSED = 72;
-export function AppLayout({ children, appName, productName, navItems, user, notifications, footer, showThemeToggle = true, defaultCollapsed = false }) {
-    const { collapsed, toggleCollapsed, mobileOpened, toggleMobile, closeMobile } = useLayoutState({ defaultCollapsed });
-    return (_jsxs(AppShell, { layout: 'alt', header: { height: HEADER_HEIGHT }, navbar: {
-            width: collapsed ? NAVBAR_WIDTH_COLLAPSED : NAVBAR_WIDTH_EXPANDED,
-            breakpoint: 'sm',
-            collapsed: { mobile: !mobileOpened },
-        }, padding: 'md', transitionDuration: 200, children: [_jsx(AppShell.Header, { children: _jsx(TopNavbar, { user: user, notifications: notifications, showThemeToggle: showThemeToggle, mobileOpened: mobileOpened, onToggleMobile: toggleMobile }) }), _jsx(AppShell.Navbar, { children: _jsx(SideNavbar, { items: navItems, collapsed: collapsed, onToggleCollapsed: toggleCollapsed, onNavigate: closeMobile, productName: productName, onCloseMobile: closeMobile }) }), _jsxs(AppShell.Main, { className: styles.main, children: [_jsx("div", { className: styles.mainContent, children: children }), _jsx(ContentFooter, { appName: appName, footer: footer })] })] }));
+
+function AppLayout({ children, appName, navItems, headerContent, user, notifications, footer, showThemeToggle, defaultCollapsed }) {
+  const { collapsed, toggleCollapsed, mobileOpened, toggleMobile, closeMobile } = useLayoutState({ defaultCollapsed });
+  return /* @__PURE__ */ jsxs(AppShell, { layout: "alt", header: { height: 56 }, navbar: { width: collapsed ? 56 : 260, breakpoint: "sm", collapsed: { mobile: !mobileOpened } }, padding: "md", children: [
+    /* @__PURE__ */ jsx(AppShell.Header, { children: /* @__PURE__ */ jsx(
+      TopNavbar,
+      {
+        navItems,
+        headerContent,
+        user,
+        notifications,
+        showThemeToggle,
+        mobileOpened,
+        onToggleMobile: toggleMobile
+      }
+    ) }),
+    /* @__PURE__ */ jsx(AppShell.Navbar, { children: /* @__PURE__ */ jsx(SideNavbar, { items: navItems, collapsed, onToggleCollapsed: toggleCollapsed, onNavigate: closeMobile, appName, onCloseMobile: closeMobile }) }),
+    /* @__PURE__ */ jsxs(AppShell.Main, { className: styles.main, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.mainContent, children }),
+      footer && /* @__PURE__ */ jsx(ContentFooter, { content: footer })
+    ] })
+  ] });
 }
-//# sourceMappingURL=AppLayout.js.map
+
+export { AppLayout };
+//# sourceMappingURL=AppLayout.js.map

package/components/AppLayout/AppLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../../src/components/AppLayout/AppLayout.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC;;GAEG;AACH,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAkBxC;;GAEG;AACH,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAElC,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,EAAE,gBAAgB,GAAG,KAAK,EAAkB;IACnK,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAErH,OAAO,CACL,MAAC,QAAQ,IACP,MAAM,EAAC,KAAK,EACZ,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EACjC,MAAM,EAAE;YACN,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB;YACjE,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,YAAY,EAAE;SACrC,EACD,OAAO,EAAC,IAAI,EACZ,kBAAkB,EAAE,GAAG,aAEvB,KAAC,QAAQ,CAAC,MAAM,cACd,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,GAAI,GACnI,EAElB,KAAC,QAAQ,CAAC,MAAM,cACd,KAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,GAAI,GACxJ,EAElB,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,QAAQ,GAAO,EACpD,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,IACrC,IACP,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AppLayout.js","sources":["../../../src/components/AppLayout/AppLayout.tsx"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { AppShell } from '@mantine/core';\nimport { type ReactNode } from 'react';\n\n/**\n * Importing user defined packages\n */\nimport styles from './AppLayout.module.css';\nimport { ContentFooter } from './ContentFooter';\nimport { useLayoutState } from './hooks/use-layout-state';\nimport { type NavGroup, type NavItem, type NotificationsConfig, type UserInfo } from './layout.types';\nimport { SideNavbar } from './SideNavbar';\nimport { TopNavbar } from './TopNavbar';\n\n/**\n * Defining types\n */\n\ninterface AppLayoutProps {\n  appName: string;\n  children: ReactNode;\n  navItems: (NavItem | NavGroup)[];\n  headerContent?: ReactNode;\n  user?: UserInfo;\n  notifications?: NotificationsConfig;\n  footer?: ReactNode;\n  showThemeToggle?: boolean;\n  defaultCollapsed?: boolean;\n}\n\n/**\n * Declaring the constants\n */\n\nexport function AppLayout({ children, appName, navItems, headerContent, user, notifications, footer, showThemeToggle, defaultCollapsed }: AppLayoutProps) {\n  const { collapsed, toggleCollapsed, mobileOpened, toggleMobile, closeMobile } = useLayoutState({ defaultCollapsed });\n\n  return (\n    <AppShell layout='alt' header={{ height: 56 }} navbar={{ width: collapsed ? 56 : 260, breakpoint: 'sm', collapsed: { mobile: !mobileOpened } }} padding='md'>\n      <AppShell.Header>\n        <TopNavbar\n          navItems={navItems}\n          headerContent={headerContent}\n          user={user}\n          notifications={notifications}\n          showThemeToggle={showThemeToggle}\n          mobileOpened={mobileOpened}\n          onToggleMobile={toggleMobile}\n        />\n      </AppShell.Header>\n\n      <AppShell.Navbar>\n        <SideNavbar items={navItems} collapsed={collapsed} onToggleCollapsed={toggleCollapsed} onNavigate={closeMobile} appName={appName} onCloseMobile={closeMobile} />\n      </AppShell.Navbar>\n\n      <AppShell.Main className={styles.main}>\n        <div className={styles.mainContent}>{children}</div>\n        {footer && <ContentFooter content={footer} />}\n      </AppShell.Main>\n    </AppShell>\n  );\n}\n"],"names":[],"mappings":"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"}

package/components/AppLayout/AppLayout.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"main":"AppLayout-module_main__NgNhZ","mainContent":"AppLayout-module_mainContent__gYUmE","logoSection":"AppLayout-module_logoSection__rOoy-","brandIcon":"AppLayout-module_brandIcon__40dPn","navToggleSection":"AppLayout-module_navToggleSection__gaGZd","navToggleSectionCollapsed":"AppLayout-module_navToggleSectionCollapsed__K7Np2","navGroupDivider":"AppLayout-module_navGroupDivider__q7CSz","collapsedItem":"AppLayout-module_collapsedItem__D3Jai","childNavLink":"AppLayout-module_childNavLink__ppVJS","footer":"AppLayout-module_footer__GpgvI"};
+
+export { styles as default };
+//# sourceMappingURL=AppLayout.module.css.js.map

package/components/AppLayout/AppLayout.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/AppLayout/ContentFooter.d.ts

@@ -1,13 +1,12 @@
-import { type FooterConfig } from './layout.types.js';
+import { type ReactNode } from 'react';
 /**
  * Defining types
  */
 interface ContentFooterProps {
-    appName: string;
-    footer?: FooterConfig;
+    content: ReactNode;
 }
 /**
  * Declaring the constants
  */
-export declare function ContentFooter({ appName, footer }: ContentFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentFooter({ content }: ContentFooterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/AppLayout/ContentFooter.js

@@ -1,16 +1,11 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Importing npm packages
- */
-import { Box, Text } from '@mantine/core';
-/**
- * Importing user defined packages
- */
-import styles from './AppLayout.module.css';
-/**
- * Declaring the constants
- */
-export function ContentFooter({ appName, footer }) {
-    return (_jsx(Box, { component: 'footer', mt: 'xl', py: 'xs', className: styles.footer, children: footer?.content ?? (_jsxs(Text, { size: 'xs', c: 'dimmed', ta: 'center', children: [appName, footer?.version ? ` \u00B7 ${footer.version}` : ''] })) }));
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@mantine/core';
+import styles from './AppLayout.module.css.js';
+
+function ContentFooter({ content }) {
+  return /* @__PURE__ */ jsx(Box, { component: "footer", mt: "xl", py: "xs", className: styles.footer, children: content });
 }
-//# sourceMappingURL=ContentFooter.js.map
+
+export { ContentFooter };
+//# sourceMappingURL=ContentFooter.js.map

package/components/AppLayout/ContentFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentFooter.js","sourceRoot":"","sources":["../../../src/components/AppLayout/ContentFooter.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C;;GAEG;AACH,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAY5C;;GAEG;AAEH,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAsB;IACnE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC7D,MAAM,EAAE,OAAO,IAAI,CAClB,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,aACnC,OAAO,EACP,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAC9C,CACR,GACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContentFooter.js","sources":["../../../src/components/AppLayout/ContentFooter.tsx"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { Box } from '@mantine/core';\nimport { type ReactNode } from 'react';\n\n/**\n * Importing user defined packages\n */\nimport styles from './AppLayout.module.css';\n\n/**\n * Defining types\n */\n\ninterface ContentFooterProps {\n  content: ReactNode;\n}\n\n/**\n * Declaring the constants\n */\n\nexport function ContentFooter({ content }: ContentFooterProps) {\n  return (\n    <Box component='footer' mt='xl' py='xs' className={styles.footer}>\n      {content}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;AAuBO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAuB,CAAA;AAC7D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH,CAAA,CAAA;AAEJ,CAAA;;"}

package/components/AppLayout/SideNavbar.d.ts

@@ -1,21 +1,21 @@
 /**
  * Importing user defined packages
  */
-import { type Alphabet } from '../Logo/index.js';
-import { type NavItem } from './layout.types.js';
+import { type VoidFn } from '../../types';
+import { type NavGroup, type NavItem } from './layout.types';
 /**
  * Defining types
  */
 interface SideNavbarProps {
-    items: NavItem[];
+    items: (NavItem | NavGroup)[];
     collapsed: boolean;
-    onToggleCollapsed: () => void;
-    onNavigate?: () => void;
-    productName?: Alphabet[];
-    onCloseMobile?: () => void;
+    onToggleCollapsed: VoidFn;
+    onNavigate?: VoidFn;
+    onCloseMobile?: VoidFn;
+    appName?: string;
 }
 /**
  * Declaring the constants
  */
-export declare function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, productName, onCloseMobile }: SideNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, onCloseMobile, appName }: SideNavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/AppLayout/SideNavbar.js

@@ -1,19 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Importing npm packages
- */
-import { ActionIcon, AppShell, CloseButton, Group, ScrollArea, Stack, Tooltip } from '@mantine/core';
-import { ChevronsLeft, ChevronsRight } from 'lucide-react';
-/**
- * Importing user defined packages
- */
-import { Logo } from '../Logo/index.js';
-import styles from './AppLayout.module.css';
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMantineTheme, AppShell, Group, Title, CloseButton, ScrollArea, Stack, Tooltip, ActionIcon } from '@mantine/core';
+import { useMediaQuery } from '@mantine/hooks';
+import { clsx } from 'clsx/lite';
+import { ChevronsRight, ChevronsLeft } from 'lucide-react';
+import '../Logo/Alphabets.js';
+import { Logo } from '../Logo/Logo.js';
+import styles from './AppLayout.module.css.js';
+import { isNavGroup } from './app-layout.utils.js';
+import { SideNavbarGroup } from './SideNavbarGroup.js';
 import { SideNavbarItem } from './SideNavbarItem.js';
-/**
- * Declaring the constants
- */
-export function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, productName, onCloseMobile }) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppShell.Section, { className: styles.logoSection, p: collapsed ? 'xs' : 'sm', children: _jsxs(Group, { justify: 'space-between', w: '100%', h: '100%', wrap: 'nowrap', children: [_jsx("div", { className: styles.logoContainer, children: _jsx(Logo, { variant: 'icon', productName: collapsed ? undefined : productName }) }), _jsx(CloseButton, { hiddenFrom: 'sm', onClick: onCloseMobile, "aria-label": 'Close navigation' })] }) }), _jsx(AppShell.Section, { grow: true, component: ScrollArea, scrollbarSize: 6, children: _jsx(Stack, { gap: 4, p: collapsed ? 'xs' : 'sm', align: collapsed ? 'center' : 'stretch', children: items.map(item => (_jsx(SideNavbarItem, { item: item, collapsed: collapsed, onNavigate: onNavigate }, item.key ?? item.path ?? item.label))) }) }), _jsx(AppShell.Section, { p: collapsed ? 'xs' : 'sm', className: `${styles.navToggleSection} ${collapsed ? styles.navToggleSectionCollapsed : ''}`, hiddenFrom: undefined, visibleFrom: 'sm', children: _jsx(Tooltip, { label: collapsed ? 'Expand sidebar' : 'Collapse sidebar', position: 'right', children: _jsx(ActionIcon, { onClick: onToggleCollapsed, size: 'md', "aria-label": 'Toggle sidebar', children: collapsed ? _jsx(ChevronsRight, { size: 16 }) : _jsx(ChevronsLeft, { size: 16 }) }) }) })] }));
+
+function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, onCloseMobile, appName }) {
+  const theme = useMantineTheme();
+  const isDesktop = useMediaQuery(`(min-width: ${theme.breakpoints.sm})`);
+  const effectiveCollapsed = isDesktop !== false && collapsed;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AppShell.Section, { className: styles.logoSection, p: effectiveCollapsed ? "xs" : "sm", children: /* @__PURE__ */ jsxs(Group, { justify: effectiveCollapsed ? "center" : "space-between", w: "100%", h: "100%", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", align: "center", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.brandIcon, children: /* @__PURE__ */ jsx(Logo, { variant: "icon", height: "35px" }) }),
+        /* @__PURE__ */ jsx(Title, { order: 1, tt: "uppercase", lineClamp: 1, c: "cyan", lts: 5, children: appName })
+      ] }),
+      /* @__PURE__ */ jsx(CloseButton, { hiddenFrom: "sm", onClick: onCloseMobile, "aria-label": "Close navigation" })
+    ] }) }),
+    /* @__PURE__ */ jsx(AppShell.Section, { grow: true, component: ScrollArea, scrollbarSize: 6, children: /* @__PURE__ */ jsx(Stack, { gap: 4, p: effectiveCollapsed ? "xs" : "sm", align: effectiveCollapsed ? "center" : "stretch", children: items.map(
+      (entry, index) => isNavGroup(entry) ? /* @__PURE__ */ jsx(SideNavbarGroup, { group: entry, collapsed: effectiveCollapsed, showDivider: index > 0, onNavigate }, entry.group) : /* @__PURE__ */ jsx(SideNavbarItem, { item: entry, collapsed: effectiveCollapsed, onNavigate }, entry.key ?? entry.path ?? entry.label)
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      AppShell.Section,
+      {
+        p: effectiveCollapsed ? "xs" : "sm",
+        className: clsx(styles.navToggleSection, effectiveCollapsed && styles.navToggleSectionCollapsed),
+        hiddenFrom: void 0,
+        visibleFrom: "sm",
+        children: /* @__PURE__ */ jsx(Tooltip, { label: effectiveCollapsed ? "Expand sidebar" : "Collapse sidebar", position: "right", children: /* @__PURE__ */ jsx(ActionIcon, { onClick: onToggleCollapsed, size: "md", "aria-label": "Toggle sidebar", children: effectiveCollapsed ? /* @__PURE__ */ jsx(ChevronsRight, { size: 16 }) : /* @__PURE__ */ jsx(ChevronsLeft, { size: 16 }) }) })
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=SideNavbar.js.map
+
+export { SideNavbar };
+//# sourceMappingURL=SideNavbar.js.map

package/components/AppLayout/SideNavbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavbar.js","sourceRoot":"","sources":["../../../src/components/AppLayout/SideNavbar.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAiB,IAAI,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAelD;;GAEG;AAEH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAmB;IACzH,OAAO,CACL,8BACE,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YACzE,MAAC,KAAK,IAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,aAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAClC,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAI,GACrE,EACN,KAAC,WAAW,IAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,gBAAa,kBAAkB,GAAG,IAC/E,GACS,EAEnB,KAAC,QAAQ,CAAC,OAAO,IAAC,IAAI,QAAC,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,YAC5D,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAC/E,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,cAAc,IAA2C,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,IAA7F,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAA8D,CACvH,CAAC,GACI,GACS,EAEnB,KAAC,QAAQ,CAAC,OAAO,IACf,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC1B,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5F,UAAU,EAAE,SAAS,EACrB,WAAW,EAAC,IAAI,YAEhB,KAAC,OAAO,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,EAAE,QAAQ,EAAC,OAAO,YACjF,KAAC,UAAU,IAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAC,IAAI,gBAAY,gBAAgB,YAC1E,SAAS,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GAC1D,GACL,GACO,IAClB,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SideNavbar.js","sources":["../../../src/components/AppLayout/SideNavbar.tsx"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { ActionIcon, AppShell, CloseButton, Group, ScrollArea, Stack, Title, Tooltip, useMantineTheme } from '@mantine/core';\nimport { useMediaQuery } from '@mantine/hooks';\nimport { clsx } from 'clsx/lite';\nimport { ChevronsLeft, ChevronsRight } from 'lucide-react';\n\n/**\n * Importing user defined packages\n */\nimport { type VoidFn } from '@/types';\n\nimport { Logo } from '../Logo';\nimport styles from './AppLayout.module.css';\nimport { isNavGroup } from './app-layout.utils';\nimport { type NavGroup, type NavItem } from './layout.types';\nimport { SideNavbarGroup } from './SideNavbarGroup';\nimport { SideNavbarItem } from './SideNavbarItem';\n\n/**\n * Defining types\n */\n\ninterface SideNavbarProps {\n  items: (NavItem | NavGroup)[];\n  collapsed: boolean;\n  onToggleCollapsed: VoidFn;\n  onNavigate?: VoidFn;\n  onCloseMobile?: VoidFn;\n  appName?: string;\n}\n\n/**\n * Declaring the constants\n */\n\nexport function SideNavbar({ items, collapsed, onToggleCollapsed, onNavigate, onCloseMobile, appName }: SideNavbarProps) {\n  const theme = useMantineTheme();\n  const isDesktop = useMediaQuery(`(min-width: ${theme.breakpoints.sm})`);\n  const effectiveCollapsed = isDesktop !== false && collapsed;\n\n  return (\n    <>\n      <AppShell.Section className={styles.logoSection} p={effectiveCollapsed ? 'xs' : 'sm'}>\n        <Group justify={effectiveCollapsed ? 'center' : 'space-between'} w='100%' h='100%' wrap='nowrap'>\n          <Group gap='sm' wrap='nowrap' align='center' style={{ minWidth: 0 }}>\n            <div className={styles.brandIcon}>\n              <Logo variant='icon' height='35px' />\n            </div>\n            <Title order={1} tt='uppercase' lineClamp={1} c='cyan' lts={5}>\n              {appName}\n            </Title>\n          </Group>\n          <CloseButton hiddenFrom='sm' onClick={onCloseMobile} aria-label='Close navigation' />\n        </Group>\n      </AppShell.Section>\n\n      <AppShell.Section grow component={ScrollArea} scrollbarSize={6}>\n        <Stack gap={4} p={effectiveCollapsed ? 'xs' : 'sm'} align={effectiveCollapsed ? 'center' : 'stretch'}>\n          {items.map((entry, index) =>\n            isNavGroup(entry) ? (\n              <SideNavbarGroup key={entry.group} group={entry} collapsed={effectiveCollapsed} showDivider={index > 0} onNavigate={onNavigate} />\n            ) : (\n              <SideNavbarItem key={entry.key ?? entry.path ?? entry.label} item={entry} collapsed={effectiveCollapsed} onNavigate={onNavigate} />\n            ),\n          )}\n        </Stack>\n      </AppShell.Section>\n\n      <AppShell.Section\n        p={effectiveCollapsed ? 'xs' : 'sm'}\n        className={clsx(styles.navToggleSection, effectiveCollapsed && styles.navToggleSectionCollapsed)}\n        hiddenFrom={undefined}\n        visibleFrom='sm'\n      >\n        <Tooltip label={effectiveCollapsed ? 'Expand sidebar' : 'Collapse sidebar'} position='right'>\n          <ActionIcon onClick={onToggleCollapsed} size='md' aria-label='Toggle sidebar'>\n            {effectiveCollapsed ? <ChevronsRight size={16} /> : <ChevronsLeft size={16} />}\n          </ActionIcon>\n        </Tooltip>\n      </AppShell.Section>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/components/AppLayout/SideNavbarGroup.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Importing user defined packages
+ */
+import { type VoidFn } from '../../types';
+import { type NavGroup } from './layout.types';
+/**
+ * Defining types
+ */
+interface SideNavbarGroupProps {
+    group: NavGroup;
+    collapsed: boolean;
+    showDivider: boolean;
+    onNavigate?: VoidFn;
+}
+/**
+ * Declaring the constants
+ */
+export declare function SideNavbarGroup({ group, collapsed, showDivider, onNavigate }: SideNavbarGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/AppLayout/SideNavbarGroup.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Stack, Divider, Text } from '@mantine/core';
+import styles from './AppLayout.module.css.js';
+import { SideNavbarItem } from './SideNavbarItem.js';
+
+function SideNavbarGroup({ group, collapsed, showDivider, onNavigate }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    showDivider && /* @__PURE__ */ jsx(Divider, { className: styles.navGroupDivider }),
+    !collapsed && /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", px: 4, pt: 4, style: { letterSpacing: "0.07em" }, children: group.group }),
+    group.items.map((item) => /* @__PURE__ */ jsx(SideNavbarItem, { item, collapsed, onNavigate }, item.key ?? item.path ?? item.label))
+  ] });
+}
+
+export { SideNavbarGroup };
+//# sourceMappingURL=SideNavbarGroup.js.map

package/components/AppLayout/SideNavbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavbarGroup.js","sources":["../../../src/components/AppLayout/SideNavbarGroup.tsx"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { Divider, Stack, Text } from '@mantine/core';\n\n/**\n * Importing user defined packages\n */\nimport { type VoidFn } from '@/types';\n\nimport styles from './AppLayout.module.css';\nimport { type NavGroup } from './layout.types';\nimport { SideNavbarItem } from './SideNavbarItem';\n\n/**\n * Defining types\n */\n\ninterface SideNavbarGroupProps {\n  group: NavGroup;\n  collapsed: boolean;\n  showDivider: boolean;\n  onNavigate?: VoidFn;\n}\n\n/**\n * Declaring the constants\n */\n\nexport function SideNavbarGroup({ group, collapsed, showDivider, onNavigate }: SideNavbarGroupProps) {\n  return (\n    <Stack gap={4}>\n      {showDivider && <Divider className={styles.navGroupDivider} />}\n      {!collapsed && (\n        <Text size='xs' fw={600} c='dimmed' tt='uppercase' px={4} pt={4} style={{ letterSpacing: '0.07em' }}>\n          {group.group}\n        </Text>\n      )}\n      {group.items.map(item => (\n        <SideNavbarItem key={item.key ?? item.path ?? item.label} item={item} collapsed={collapsed} onNavigate={onNavigate} />\n      ))}\n    </Stack>\n  );\n}\n"],"names":[],"mappings":"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"}

package/components/AppLayout/SideNavbarItem.d.ts

@@ -1,14 +1,19 @@
-import { type NavItem } from './layout.types.js';
+/**
+ * Importing user defined packages
+ */
+import { type VoidFn } from '../../types';
+import { type NavItem } from './layout.types';
 /**
  * Defining types
  */
 interface SideNavbarItemProps {
     item: NavItem;
     collapsed: boolean;
-    onNavigate?: () => void;
+    isChild?: boolean;
+    onNavigate?: VoidFn;
 }
 /**
  * Declaring the constants
  */
-export declare function SideNavbarItem({ item, collapsed, onNavigate }: SideNavbarItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideNavbarItem({ item, collapsed, isChild, onNavigate }: SideNavbarItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/AppLayout/SideNavbarItem.js

@@ -1,31 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Importing npm packages
- */
-import { ActionIcon, Menu, NavLink, Tooltip } from '@mantine/core';
-/**
- * Importing user defined packages
- */
-import styles from './AppLayout.module.css';
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Menu, ActionIcon, Tooltip, NavLink } from '@mantine/core';
+import { Link } from '@tanstack/react-router';
+import styles from './AppLayout.module.css.js';
 import { useSideNavbarItem } from './hooks/use-side-navbar-item.js';
-/**
- * Declaring the constants
- */
-export function SideNavbarItem({ item, collapsed, onNavigate }) {
-    const { isActive, hasChildren, hasActiveChild, handleClick, navigate } = useSideNavbarItem(item, onNavigate);
-    /** Collapsed mode — icon only */
-    if (collapsed) {
-        if (hasChildren) {
-            return (_jsxs(Menu, { trigger: 'hover', position: 'right-start', offset: 4, children: [_jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: hasActiveChild ? 'light' : 'subtle', size: 'xl', onClick: handleClick, disabled: item.disabled, className: styles.collapsedItem, children: _jsx(item.icon, { size: 20 }) }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Label, { children: item.label }), item.children?.map(child => (_jsx(Menu.Item, { leftSection: _jsx(child.icon, { size: 16 }), disabled: child.disabled, onClick: () => {
-                                    child.onClick?.();
-                                    if (child.path)
-                                        navigate({ to: child.path });
-                                    onNavigate?.();
-                                }, children: child.label }, child.key ?? child.path ?? child.label)))] })] }));
-        }
-        return (_jsx(Tooltip, { label: item.label, position: 'right', offset: 8, children: _jsx(ActionIcon, { variant: isActive ? 'light' : 'subtle', size: 'xl', onClick: handleClick, disabled: item.disabled, className: styles.collapsedItem, children: _jsx(item.icon, { size: 20 }) }) }));
+
+function SideNavbarItem({ item, collapsed, isChild, onNavigate }) {
+  const { isActive, hasChildren, hasActiveChild, onClick } = useSideNavbarItem(item, onNavigate);
+  const routeProps = item.path ? { component: Link, to: item.path } : {};
+  if (collapsed) {
+    if (hasChildren) {
+      return /* @__PURE__ */ jsxs(Menu, { trigger: "hover", position: "right-start", offset: 4, children: [
+        /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            variant: hasActiveChild ? "light" : "subtle",
+            size: "xl",
+            onClick,
+            disabled: item.disabled,
+            className: styles.collapsedItem,
+            "aria-label": item.label,
+            ...routeProps,
+            children: /* @__PURE__ */ jsx(item.icon, { size: 20 })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+          /* @__PURE__ */ jsx(Menu.Label, { children: item.label }),
+          item.children?.map((child) => /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              leftSection: /* @__PURE__ */ jsx(child.icon, { size: 16 }),
+              disabled: child.disabled,
+              onClick,
+              ...child.path ? { component: Link, to: child.path } : {},
+              children: child.label
+            },
+            child.key ?? child.path ?? child.label
+          ))
+        ] })
+      ] });
     }
-    /** Expanded mode */
-    return (_jsx(NavLink, { label: item.label, leftSection: _jsx(item.icon, { size: 18 }), active: isActive || hasActiveChild, disabled: item.disabled, onClick: hasChildren ? undefined : handleClick, defaultOpened: hasActiveChild, href: item.path, children: hasChildren && item.children?.map(child => _jsx(SideNavbarItem, { item: child, collapsed: false, onNavigate: onNavigate }, child.key ?? child.path ?? child.label)) }));
+    return /* @__PURE__ */ jsx(Tooltip, { label: item.label, position: "right", offset: 8, children: /* @__PURE__ */ jsx(
+      ActionIcon,
+      {
+        variant: isActive ? "light" : "subtle",
+        size: "xl",
+        onClick,
+        disabled: item.disabled,
+        className: styles.collapsedItem,
+        "aria-label": item.label,
+        ...routeProps,
+        children: /* @__PURE__ */ jsx(item.icon, { size: 20 })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    NavLink,
+    {
+      label: item.label,
+      leftSection: /* @__PURE__ */ jsx(item.icon, { size: 18 }),
+      active: isActive || hasActiveChild,
+      disabled: item.disabled,
+      onClick: hasChildren ? void 0 : onClick,
+      defaultOpened: hasActiveChild,
+      className: isChild ? styles.childNavLink : void 0,
+      ...routeProps,
+      children: hasChildren && item.children?.map((child) => /* @__PURE__ */ jsx(SideNavbarItem, { item: child, collapsed: false, isChild: true, onNavigate }, child.key ?? child.path ?? child.label))
+    }
+  );
 }
-//# sourceMappingURL=SideNavbarItem.js.map
+
+export { SideNavbarItem };
+//# sourceMappingURL=SideNavbarItem.js.map

package/components/AppLayout/SideNavbarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavbarItem.js","sourceRoot":"","sources":["../../../src/components/AppLayout/SideNavbarItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SideNavbarItem.js","sources":["../../../src/components/AppLayout/SideNavbarItem.tsx"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { ActionIcon, Menu, NavLink, Tooltip } from '@mantine/core';\nimport { Link } from '@tanstack/react-router';\n\n/**\n * Importing user defined packages\n */\nimport { type VoidFn } from '@/types';\n\nimport styles from './AppLayout.module.css';\nimport { useSideNavbarItem } from './hooks/use-side-navbar-item';\nimport { type NavItem } from './layout.types';\n\n/**\n * Defining types\n */\n\ninterface SideNavbarItemProps {\n  item: NavItem;\n  collapsed: boolean;\n  isChild?: boolean;\n  onNavigate?: VoidFn;\n}\n\n/**\n * Declaring the constants\n */\n\nexport function SideNavbarItem({ item, collapsed, isChild, onNavigate }: SideNavbarItemProps) {\n  const { isActive, hasChildren, hasActiveChild, onClick } = useSideNavbarItem(item, onNavigate);\n  const routeProps = item.path ? { component: Link, to: item.path } : {};\n\n  /** Collapsed mode — icon only */\n  if (collapsed) {\n    if (hasChildren) {\n      return (\n        <Menu trigger='hover' position='right-start' offset={4}>\n          <Menu.Target>\n            <ActionIcon\n              variant={hasActiveChild ? 'light' : 'subtle'}\n              size='xl'\n              onClick={onClick}\n              disabled={item.disabled}\n              className={styles.collapsedItem}\n              aria-label={item.label}\n              {...routeProps}\n            >\n              <item.icon size={20} />\n            </ActionIcon>\n          </Menu.Target>\n          <Menu.Dropdown>\n            <Menu.Label>{item.label}</Menu.Label>\n            {item.children?.map(child => (\n              <Menu.Item\n                key={child.key ?? child.path ?? child.label}\n                leftSection={<child.icon size={16} />}\n                disabled={child.disabled}\n                onClick={onClick}\n                {...(child.path ? { component: Link, to: child.path } : {})}\n              >\n                {child.label}\n              </Menu.Item>\n            ))}\n          </Menu.Dropdown>\n        </Menu>\n      );\n    }\n\n    return (\n      <Tooltip label={item.label} position='right' offset={8}>\n        <ActionIcon\n          variant={isActive ? 'light' : 'subtle'}\n          size='xl'\n          onClick={onClick}\n          disabled={item.disabled}\n          className={styles.collapsedItem}\n          aria-label={item.label}\n          {...routeProps}\n        >\n          <item.icon size={20} />\n        </ActionIcon>\n      </Tooltip>\n    );\n  }\n\n  /** Expanded mode */\n  return (\n    <NavLink\n      label={item.label}\n      leftSection={<item.icon size={18} />}\n      active={isActive || hasActiveChild}\n      disabled={item.disabled}\n      onClick={hasChildren ? undefined : onClick}\n      defaultOpened={hasActiveChild}\n      className={isChild ? styles.childNavLink : undefined}\n      {...routeProps}\n    >\n      {hasChildren && item.children?.map(child => <SideNavbarItem key={child.key ?? child.path ?? child.label} item={child} collapsed={false} isChild onNavigate={onNavigate} />)}\n    </NavLink>\n  );\n}\n"],"names":[],"mappings":"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"}

package/components/AppLayout/TopNavbar.d.ts

@@ -1,16 +1,20 @@
-import { type NotificationsConfig, type UserInfo } from './layout.types.js';
+import { type ReactNode } from 'react';
+import { type VoidFn } from '../../types';
+import { type NavGroup, type NavItem, type NotificationsConfig, type UserInfo } from './layout.types';
 /**
  * Defining types
  */
 interface TopNavbarProps {
+    navItems: (NavItem | NavGroup)[];
+    headerContent?: ReactNode;
     user?: UserInfo;
     notifications?: NotificationsConfig;
     showThemeToggle?: boolean;
     mobileOpened: boolean;
-    onToggleMobile: () => void;
+    onToggleMobile: VoidFn;
 }
 /**
  * Declaring the constants
  */
-export declare function TopNavbar({ user, notifications, showThemeToggle, mobileOpened, onToggleMobile }: TopNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNavbar({ navItems, headerContent, user, notifications, showThemeToggle, mobileOpened, onToggleMobile }: TopNavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};