baaz-custom-components 3.1.2 → 3.1.4

package/dist/index.mjs

@@ -385,27 +385,58 @@ function MenubarSubContent(_a) {
 
 // src/components/custom/navbar/customMenu.tsx
 import { ChevronDown, ChevronUp } from "lucide-react";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function isLeaf(value) {
   return typeof value === "string";
 }
-function MenuItems({ data }) {
+function normalizePath(path) {
+  return path.startsWith("/") ? path : `/${path}`;
+}
+function treeContainsPath(data, pathname) {
+  for (const [, value] of Object.entries(data)) {
+    if (typeof value === "string") {
+      if (normalizePath(value) === pathname) return true;
+    } else if (treeContainsPath(value, pathname)) {
+      return true;
+    }
+  }
+  return false;
+}
+function MenuItems({ data, pathname }) {
   const router = useRouter();
   return /* @__PURE__ */ jsx6(Fragment, { children: Object.entries(data).map(([label, value]) => {
     if (isLeaf(value)) {
+      const active = normalizePath(value) === pathname;
       return /* @__PURE__ */ jsx6(
         MenubarItem,
         {
           onClick: () => router.push(`/${value}`),
+          className: cn(
+            active && "bg-accent text-accent-foreground"
+          ),
           children: label
         },
         label
       );
     }
     return /* @__PURE__ */ jsxs4(MenubarSub, { children: [
-      /* @__PURE__ */ jsx6(MenubarSubTrigger, { children: label }),
-      /* @__PURE__ */ jsx6(MenubarSubContent, { children: /* @__PURE__ */ jsx6(MenuItems, { data: value }) })
+      /* @__PURE__ */ jsx6(
+        MenubarSubTrigger,
+        {
+          className: cn(
+            treeContainsPath(value, pathname) && "bg-accent text-accent-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx6(MenubarSubContent, { children: /* @__PURE__ */ jsx6(
+        MenuItems,
+        {
+          data: value,
+          pathname
+        }
+      ) })
     ] }, label);
   }) });
 }
@@ -413,49 +444,179 @@ function MenuList({
   menuKey,
   menuData
 }) {
+  const pathname = usePathname();
+  const topActive = treeContainsPath(menuData, pathname);
   return /* @__PURE__ */ jsx6(Menubar, { className: "bg-transparent border-none ", children: /* @__PURE__ */ jsxs4(MenubarMenu, { children: [
-    /* @__PURE__ */ jsxs4(MenubarTrigger, { className: "cursor-pointer group inline-flex items-center", children: [
-      menuKey,
-      /* @__PURE__ */ jsx6(
-        ChevronDown,
-        {
-          size: 16,
-          className: "ml-1 group-data-[state=open]:hidden"
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        ChevronUp,
-        {
-          size: 16,
-          className: "ml-1 hidden group-data-[state=open]:inline"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx6(MenubarContent, { children: /* @__PURE__ */ jsx6(MenuItems, { data: menuData }) })
+    /* @__PURE__ */ jsxs4(
+      MenubarTrigger,
+      {
+        className: cn(
+          "cursor-pointer group inline-flex items-center",
+          topActive && "bg-accent text-accent-foreground"
+        ),
+        children: [
+          menuKey,
+          /* @__PURE__ */ jsx6(
+            ChevronDown,
+            {
+              size: 16,
+              className: "ml-1 group-data-[state=open]:hidden"
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            ChevronUp,
+            {
+              size: 16,
+              className: "ml-1 hidden group-data-[state=open]:inline"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(MenubarContent, { children: /* @__PURE__ */ jsx6(MenuItems, { data: menuData, pathname }) })
   ] }) });
 }
 
-// src/components/custom/navbar/menuList.tsx
+// src/components/custom/breadcrumb/index.tsx
+import { Slash } from "lucide-react";
+import { usePathname as usePathname2 } from "next/navigation";
+
+// src/components/ui/breadcrumb.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx7("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx7(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx7(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className)
+    }, props)
+  );
+}
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx7(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx7(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ jsx7(ChevronRight, {})
+    })
+  );
+}
+
+// src/utils/helper.ts
+var buildUrl = (urls, index) => {
+  return `/${urls.slice(0, index + 1).join("/")}`;
+};
+var capitalizeFirstLetter = (text, splitter = "-") => {
+  return text.split(splitter).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+};
+
+// src/components/custom/breadcrumb/index.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var CustomBreadcrumb = ({ layoutName, includeFrom = 0 }) => {
+  const pathname = usePathname2();
+  const completeUrl = pathname.split("/").filter(Boolean);
+  const urls = pathname.split("/").filter(Boolean).slice(includeFrom);
+  const activeClassName = "!text-primary";
+  return /* @__PURE__ */ jsx8(Breadcrumb, { children: /* @__PURE__ */ jsxs6(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx8(BreadcrumbItem, { children: /* @__PURE__ */ jsx8("h2", { className: "text-text !text-xxl font-semibold", children: layoutName }) }),
+    urls.length > 0 && /* @__PURE__ */ jsx8(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx8(Slash, { className: "!h-md !w-md" }) }),
+    urls.map((url, index) => {
+      const href = buildUrl(
+        completeUrl,
+        index + includeFrom
+      );
+      return /* @__PURE__ */ jsxs6(BreadcrumbItem, { children: [
+        /* @__PURE__ */ jsx8(
+          BreadcrumbLink,
+          {
+            href,
+            className: `!font-light !text-md !text-off-white ${index >= urls.length - 1 && activeClassName}`,
+            children: capitalizeFirstLetter(url)
+          }
+        ),
+        index < urls.length - 1 && /* @__PURE__ */ jsx8(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx8(Slash, { className: "!h-md !w-md" }) })
+      ] }, index);
+    })
+  ] }) });
+};
+var breadcrumb_default = CustomBreadcrumb;
+
+// src/components/custom/navbar/menuList.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function DesktopNavbar({
   navbarData,
   userData,
   onLogout
 }) {
-  return /* @__PURE__ */ jsx7("nav", { children: /* @__PURE__ */ jsxs5("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "left flex gap-4 items-center", children: [
-      /* @__PURE__ */ jsx7(Image2, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }),
-      Object.keys(navbarData).map((menuKey) => /* @__PURE__ */ jsx7(
-        MenuList,
-        {
-          menuKey,
-          menuData: navbarData[menuKey]
-        },
-        menuKey
-      ))
+  return /* @__PURE__ */ jsxs7("nav", { className: "", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "left flex gap-4 items-center", children: [
+        /* @__PURE__ */ jsx9(Image2, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }),
+        Object.keys(navbarData).map((menuKey) => {
+          const value = navbarData[menuKey];
+          if (typeof value === "string") return null;
+          return /* @__PURE__ */ jsx9(
+            MenuList,
+            {
+              menuKey,
+              menuData: value
+            },
+            menuKey
+          );
+        })
+      ] }),
+      /* @__PURE__ */ jsx9(user_default2, { userData, onLogout })
     ] }),
-    /* @__PURE__ */ jsx7(user_default2, { userData, onLogout })
-  ] }) });
+    /* @__PURE__ */ jsx9("div", { className: "px-10 py-2", children: /* @__PURE__ */ jsx9(breadcrumb_default, { layoutName: "Navbar Links", includeFrom: 1 }) })
+  ] });
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
@@ -464,21 +625,21 @@ import Image3 from "next/image";
 
 // src/components/ui/sidebar.tsx
 import * as React2 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import { Menu as Menu2, X } from "lucide-react";
 
 // src/components/ui/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -486,7 +647,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -507,9 +668,9 @@ function SheetContent(_a) {
     "children",
     "side"
   ]);
-  return /* @__PURE__ */ jsxs6(SheetPortal, { children: [
-    /* @__PURE__ */ jsx8(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(SheetPortal, { children: [
+    /* @__PURE__ */ jsx10(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs8(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -524,9 +685,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsxs6(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx8(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs8(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx10(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -535,7 +696,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -549,7 +710,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -563,7 +724,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -574,14 +735,14 @@ function SheetDescription(_a) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -591,11 +752,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9(TooltipProvider, { children: /* @__PURE__ */ jsx9(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ jsx11(TooltipProvider, { children: /* @__PURE__ */ jsx11(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx11(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -607,7 +768,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx9(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx11(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -619,14 +780,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx9(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx11(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     })
   ) });
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -707,7 +868,7 @@ function SidebarProvider(_a) {
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx10(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx12(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -740,7 +901,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx12(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -754,7 +915,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx10(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsx12(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs10(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -766,16 +927,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs8(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx10(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx10(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs10(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx12(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx12(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx10("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx12("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -785,7 +946,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -797,7 +958,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -809,7 +970,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx12(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -833,7 +994,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar, openMobile } = useSidebar();
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     "button",
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -848,15 +1009,15 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        openMobile ? /* @__PURE__ */ jsx10(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx10(Menu2, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Toggle Sidebar" })
+        openMobile ? /* @__PURE__ */ jsx12(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx12(Menu2, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
+        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -870,7 +1031,7 @@ function SidebarInset(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -884,7 +1045,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -898,7 +1059,7 @@ function SidebarGroup(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -909,7 +1070,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -954,9 +1115,9 @@ function SidebarMenuButton(_a) {
     "tooltip",
     "className"
   ]);
-  const Comp = asChild ? Slot2 : "button";
+  const Comp = asChild ? Slot3 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx10(
+  const button = /* @__PURE__ */ jsx12(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -977,9 +1138,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs8(Tooltip, { children: [
-    /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10(Tooltip, { children: [
+    /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx12(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -991,7 +1152,7 @@ function SidebarMenuButton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -1010,7 +1171,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -1031,8 +1192,8 @@ function SidebarMenuSubButton(_a) {
     "isActive",
     "className"
   ]);
-  const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx10(
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx12(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -1052,18 +1213,18 @@ function SidebarMenuSubButton(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-import { ChevronRight, CornerDownRight } from "lucide-react";
+import { ChevronRight as ChevronRight2, CornerDownRight } from "lucide-react";
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx13(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1072,7 +1233,7 @@ function CollapsibleTrigger2(_a) {
 }
 function CollapsibleContent2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1081,30 +1242,30 @@ function CollapsibleContent2(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function NavMain({ items }) {
-  return /* @__PURE__ */ jsx12(SidebarGroup, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: renderMenu(items) }) });
+  return /* @__PURE__ */ jsx14(SidebarGroup, { children: /* @__PURE__ */ jsx14(SidebarMenu, { children: renderMenu(items) }) });
 }
 function renderMenu(data) {
   return Object.entries(data).map(([title, value]) => {
     if (typeof value === "string") {
-      return /* @__PURE__ */ jsx12(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx12(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxs9("a", { href: `/${value}`, children: [
-        /* @__PURE__ */ jsx12(CornerDownRight, {}),
-        /* @__PURE__ */ jsx12("span", { className: "font-light text-sm", children: title })
+      return /* @__PURE__ */ jsx14(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx14(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxs11("a", { href: `/${value}`, children: [
+        /* @__PURE__ */ jsx14(CornerDownRight, {}),
+        /* @__PURE__ */ jsx14("span", { className: "font-light text-sm", children: title })
       ] }) }) }, title);
     }
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx14(
       Collapsible,
       {
         asChild: true,
         defaultOpen: false,
         className: "group/collapsible group-data-[state=open]:bg-sidebar-accent group-data-[state=open]:text-sidebar-accent-foreground",
-        children: /* @__PURE__ */ jsxs9(SidebarMenuItem, { children: [
-          /* @__PURE__ */ jsx12(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs9(SidebarMenuButton, { tooltip: title, children: [
-            /* @__PURE__ */ jsx12("span", { className: "font-medium text-lg", children: title }),
-            /* @__PURE__ */ jsx12(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+        children: /* @__PURE__ */ jsxs11(SidebarMenuItem, { children: [
+          /* @__PURE__ */ jsx14(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs11(SidebarMenuButton, { tooltip: title, children: [
+            /* @__PURE__ */ jsx14("span", { className: "font-medium text-lg", children: title }),
+            /* @__PURE__ */ jsx14(ChevronRight2, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
           ] }) }),
-          /* @__PURE__ */ jsx12(CollapsibleContent2, { children: /* @__PURE__ */ jsx12(SidebarMenuSub, { children: renderMenu(value) }) })
+          /* @__PURE__ */ jsx14(CollapsibleContent2, { children: /* @__PURE__ */ jsx14(SidebarMenuSub, { children: renderMenu(value) }) })
         ] })
       },
       title
@@ -1113,32 +1274,32 @@ function renderMenu(data) {
 }
 
 // src/components/custom/navbar/app-sidebar.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function AppSidebar(_a) {
   var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
-  return /* @__PURE__ */ jsx13(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx13(SidebarContent, { children: /* @__PURE__ */ jsx13(NavMain, { items: data }) }) }));
+  return /* @__PURE__ */ jsx15(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx15(SidebarContent, { children: /* @__PURE__ */ jsx15(NavMain, { items: data }) }) }));
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function MobileNavbar({
   navbarData,
   userData,
   onLogout
 }) {
   const safeData = navbarData || {};
-  return /* @__PURE__ */ jsxs10(SidebarProvider, { className: "relative w-full", children: [
-    /* @__PURE__ */ jsxs10("header", { className: "fixed top-0 left-0 right-0 z-50 flex bg-card h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
-      /* @__PURE__ */ jsx14(SidebarTrigger, {}),
-      /* @__PURE__ */ jsx14(Link, { href: "/", children: /* @__PURE__ */ jsx14(Image3, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }) }),
-      /* @__PURE__ */ jsx14(user_default2, { userData, onLogout })
+  return /* @__PURE__ */ jsxs12(SidebarProvider, { className: "relative w-full", children: [
+    /* @__PURE__ */ jsxs12("header", { className: "fixed top-0 left-0 right-0 z-50 flex bg-card h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
+      /* @__PURE__ */ jsx16(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx16(Link, { href: "/", children: /* @__PURE__ */ jsx16(Image3, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }) }),
+      /* @__PURE__ */ jsx16(user_default2, { userData, onLogout })
     ] }),
-    /* @__PURE__ */ jsx14(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx14(AppSidebar, { data: safeData }) })
+    /* @__PURE__ */ jsx16(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx16(AppSidebar, { data: safeData }) })
   ] });
 }
 
 // src/components/custom/navbar/navbar.tsx
-import { Fragment as Fragment2, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17 } from "react/jsx-runtime";
 function Navbar({
   navbarData,
   userData,
@@ -1150,14 +1311,14 @@ function Navbar({
     setMounted(true);
   }, []);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsx15(Fragment2, { children: isMobile ? /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(Fragment2, { children: isMobile ? /* @__PURE__ */ jsx17(
     MobileNavbar,
     {
       navbarData,
       userData,
       onLogout
     }
-  ) : /* @__PURE__ */ jsx15(
+  ) : /* @__PURE__ */ jsx17(
     DesktopNavbar,
     {
       navbarData,