baaz-custom-components 3.1.0 → 3.1.2

package/dist/index.mjs

@@ -50,13 +50,15 @@ function useIsMobile() {
 // src/components/custom/navbar/navbar.tsx
 import { useEffect as useEffect3, useState as useState3 } from "react";
 
-// src/components/custom/navbar/desktopNavbar.tsx
-import Link2 from "next/link";
+// src/components/custom/navbar/menuList.tsx
+import Image2 from "next/image";
 
-// src/components/ui/navigation-menu.tsx
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
-import { ChevronDownIcon } from "lucide-react";
+// src/components/custom/navbar/user.tsx
+import Image from "next/image";
+
+// src/components/ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -65,175 +67,15 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/components/ui/navigation-menu.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function NavigationMenu(_a) {
-  var _b = _a, {
-    className,
-    children,
-    viewport = true
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "viewport"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Root,
-    __spreadProps(__spreadValues({
-      "data-slot": "navigation-menu",
-      "data-viewport": viewport,
-      className: cn(
-        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
-      ]
-    })
-  );
-}
-function NavigationMenuList(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.List,
-    __spreadValues({
-      "data-slot": "navigation-menu-list",
-      className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      )
-    }, props)
-  );
-}
-function NavigationMenuItem(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Item,
-    __spreadValues({
-      "data-slot": "navigation-menu-item",
-      className: cn("relative", className)
-    }, props)
-  );
-}
-var navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
-);
-function NavigationMenuTrigger(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Trigger,
-    __spreadProps(__spreadValues({
-      "data-slot": "navigation-menu-trigger",
-      className: cn(navigationMenuTriggerStyle(), "group", className)
-    }, props), {
-      children: [
-        children,
-        " ",
-        /* @__PURE__ */ jsx(
-          ChevronDownIcon,
-          {
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    })
-  );
-}
-function NavigationMenuContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Content,
-    __spreadValues({
-      "data-slot": "navigation-menu-content",
-      className: cn(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
-        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
-        className
-      )
-    }, props)
-  );
-}
-function NavigationMenuViewport(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "absolute top-full left-0 isolate z-50 flex justify-center"
-      ),
-      children: /* @__PURE__ */ jsx(
-        NavigationMenuPrimitive.Viewport,
-        __spreadValues({
-          "data-slot": "navigation-menu-viewport",
-          className: cn(
-            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
-            className
-          )
-        }, props)
-      )
-    }
-  );
-}
-function NavigationMenuLink(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Link,
-    __spreadValues({
-      "data-slot": "navigation-menu-link",
-      className: cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props)
-  );
-}
-
-// src/components/custom/navbar/desktopNavbar.tsx
-import Image2 from "next/image";
-
-// src/components/custom/navbar/user.tsx
-import Image from "next/image";
-
 // src/components/ui/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -248,7 +90,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -266,7 +108,7 @@ import { Mail, MapPin, Phone } from "lucide-react";
 
 // src/components/ui/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Separator2(_a) {
   var _b = _a, {
     className,
@@ -277,7 +119,7 @@ function Separator2(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -293,9 +135,9 @@ function Separator2(_a) {
 
 // src/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var buttonVariants = cva2(
+import { cva } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -333,7 +175,7 @@ function Button(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Comp,
     __spreadValues({
       "data-slot": "button",
@@ -346,7 +188,7 @@ function Button(_a) {
 var user_default = 'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_3747_24298)">%0A<circle cx="12" cy="12" r="12" fill="%2348546B"/>%0A<path d="M7.5 9.5C7.5 11.981 9.519 14 12 14C14.481 14 16.5 11.981 16.5 9.5C16.5 7.019 14.481 5 12 5C9.519 5 7.5 7.019 7.5 9.5ZM20 24H21V23C21 19.141 17.859 16 14 16H10C6.14 16 3 19.141 3 23V24H20Z" fill="%236E7DFF"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_3747_24298">%0A<rect width="24" height="24" rx="12" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
 
 // src/components/custom/navbar/user.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var User = ({ userData, onLogout }) => {
   var _a;
   const safeUserData = userData || {
@@ -366,29 +208,29 @@ var User = ({ userData, onLogout }) => {
       "Logout clicked - please provide onLogout prop for custom behavior"
     );
   };
-  return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx5(DropdownMenuTrigger, { className: "cursor-pointer", asChild: true, children: /* @__PURE__ */ jsx5(Image, { src: user_default, alt: "Profile", width: 32, height: 32 }) }),
-    /* @__PURE__ */ jsx5(DropdownMenuContent, { className: "w-56", align: "start", children: /* @__PURE__ */ jsxs3("div", { className: "p-4", children: [
-      /* @__PURE__ */ jsx5("h1", { className: "font-semibold", children: safeUserData.name }),
-      /* @__PURE__ */ jsx5("h3", { className: "text-primary text-sm", children: safeUserData.role }),
-      /* @__PURE__ */ jsx5(Separator2, { className: "my-4" }),
+  return /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { className: "cursor-pointer", asChild: true, children: /* @__PURE__ */ jsx4(Image, { src: user_default, alt: "Profile", width: 32, height: 32 }) }),
+    /* @__PURE__ */ jsx4(DropdownMenuContent, { className: "w-56", align: "start", children: /* @__PURE__ */ jsxs2("div", { className: "p-4", children: [
+      /* @__PURE__ */ jsx4("h1", { className: "font-semibold", children: safeUserData.name }),
+      /* @__PURE__ */ jsx4("h3", { className: "text-primary text-sm", children: safeUserData.role }),
+      /* @__PURE__ */ jsx4(Separator2, { className: "my-4" }),
       (_a = [
         { icon: Mail, text: safeUserData.email },
         { icon: Phone, text: safeUserData.phone },
         { icon: MapPin, text: safeUserData.location }
-      ]) == null ? void 0 : _a.map(({ icon: Icon, text }, i) => /* @__PURE__ */ jsxs3(
+      ]) == null ? void 0 : _a.map(({ icon: Icon, text }, i) => /* @__PURE__ */ jsxs2(
         "p",
         {
           className: "flex items-center gap-2 text-sm py-1",
           children: [
-            /* @__PURE__ */ jsx5(Icon, { size: 12 }),
+            /* @__PURE__ */ jsx4(Icon, { size: 12 }),
             " ",
             text
           ]
         },
         i
       )),
-      /* @__PURE__ */ jsx5(Button, { className: "w-full mt-4", onClick: handleLogout, children: "Logout" })
+      /* @__PURE__ */ jsx4(Button, { className: "w-full mt-4", onClick: handleLogout, children: "Logout" })
     ] }) })
   ] });
 };
@@ -397,66 +239,246 @@ var user_default2 = User;
 // src/assets/svg/sidebarIcon.svg
 var sidebarIcon_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="13" viewBox="0 0 48 13" fill="none">%0A  <path d="M23.9953 12.5C27.3257 12.5 30.0255 9.81371 30.0255 6.5C30.0255 3.18629 27.3257 0.5 23.9953 0.5C20.6649 0.5 17.9651 3.18629 17.9651 6.5C17.9651 9.81371 20.6649 12.5 23.9953 12.5Z" fill="%23F7941D"/>%0A  <path d="M15.2876 6.49978C15.2876 7.27496 15.3922 8.0248 15.584 8.73994C15.592 8.76796 15.5665 8.79331 15.5384 8.7853C10.428 7.39104 5.31906 5.99678 0.210065 4.60385C-0.11042 4.51579 -0.0473957 4.04614 0.285158 4.04614H15.5866C15.6135 4.04614 15.6296 4.06749 15.6229 4.09417C15.4432 4.74528 15.3654 5.28297 15.3292 5.65655C15.2903 6.05815 15.2876 6.38637 15.2876 6.49844V6.49978Z" fill="white"/>%0A  <path d="M32.7098 6.49953C32.7098 7.27472 32.6052 8.02455 32.4135 8.7397C32.4054 8.76771 32.4309 8.79306 32.459 8.78506C37.568 7.39079 42.6784 5.99653 47.7874 4.6036C48.1078 4.51554 48.0448 4.0459 47.7123 4.0459H32.4108C32.384 4.0459 32.3679 4.06725 32.3746 4.09393C32.5543 4.74503 32.632 5.28272 32.6682 5.65631C32.7071 6.05791 32.7098 6.38613 32.7098 6.4982V6.49953Z" fill="white"/>%0A</svg>';
 
-// src/components/custom/navbar/desktopNavbar.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+// src/components/ui/menubar.tsx
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon2, CircleIcon as CircleIcon2 } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function Menubar(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    MenubarPrimitive.Root,
+    __spreadValues({
+      "data-slot": "menubar",
+      className: cn(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        className
+      )
+    }, props)
+  );
+}
+function MenubarMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+}
+function MenubarPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+}
+function MenubarTrigger(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    MenubarPrimitive.Trigger,
+    __spreadValues({
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        className
+      )
+    }, props)
+  );
+}
+function MenubarContent(_a) {
+  var _b = _a, {
+    className,
+    align = "start",
+    alignOffset = -4,
+    sideOffset = 8
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "alignOffset",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ jsx5(MenubarPortal, { children: /* @__PURE__ */ jsx5(
+    MenubarPrimitive.Content,
+    __spreadValues({
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        className
+      )
+    }, props)
+  ) });
+}
+function MenubarItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    MenubarPrimitive.Item,
+    __spreadValues({
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function MenubarSub(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+}
+function MenubarSubTrigger(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs3(
+    MenubarPrimitive.SubTrigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx5(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
+      ]
+    })
+  );
+}
+function MenubarSubContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    MenubarPrimitive.SubContent,
+    __spreadValues({
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/custom/navbar/customMenu.tsx
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { 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 }) {
+  const router = useRouter();
+  return /* @__PURE__ */ jsx6(Fragment, { children: Object.entries(data).map(([label, value]) => {
+    if (isLeaf(value)) {
+      return /* @__PURE__ */ jsx6(
+        MenubarItem,
+        {
+          onClick: () => router.push(`/${value}`),
+          children: label
+        },
+        label
+      );
+    }
+    return /* @__PURE__ */ jsxs4(MenubarSub, { children: [
+      /* @__PURE__ */ jsx6(MenubarSubTrigger, { children: label }),
+      /* @__PURE__ */ jsx6(MenubarSubContent, { children: /* @__PURE__ */ jsx6(MenuItems, { data: value }) })
+    ] }, label);
+  }) });
+}
+function MenuList({
+  menuKey,
+  menuData
+}) {
+  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 }) })
+  ] }) });
+}
+
+// src/components/custom/navbar/menuList.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function DesktopNavbar({
   navbarData,
   userData,
   onLogout
 }) {
-  return /* @__PURE__ */ jsx6("nav", { children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between px-10 py-2 bg-card items-center", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "left flex gap-2", children: [
-      /* @__PURE__ */ jsx6(
-        Image2,
+  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,
         {
-          src: sidebarIcon_default,
-          alt: "Logo",
-          width: 72,
-          height: 18
-        }
-      ),
-      /* @__PURE__ */ jsx6(NavigationMenu, { viewport: false, children: /* @__PURE__ */ jsxs4(NavigationMenuList, { children: [
-        /* @__PURE__ */ jsxs4(NavigationMenuItem, { children: [
-          /* @__PURE__ */ jsx6(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Hub Tool" }),
-          /* @__PURE__ */ jsx6(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx6("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
-            /* @__PURE__ */ jsx6(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx6(Link2, { href: "#", children: "Components" }) }),
-            /* @__PURE__ */ jsx6(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx6(Link2, { href: "#", children: "Documentation" }) })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ jsxs4(NavigationMenuItem, { children: [
-          /* @__PURE__ */ jsx6(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Admin" }),
-          /* @__PURE__ */ jsx6(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx6("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
-            /* @__PURE__ */ jsx6(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx6(Link2, { href: "#", children: "Components" }) }),
-            /* @__PURE__ */ jsx6(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx6(Link2, { href: "#", children: "Documentation" }) })
-          ] }) }) })
-        ] })
-      ] }) })
+          menuKey,
+          menuData: navbarData[menuKey]
+        },
+        menuKey
+      ))
     ] }),
-    /* @__PURE__ */ jsx6(user_default2, { userData, onLogout })
+    /* @__PURE__ */ jsx7(user_default2, { userData, onLogout })
   ] }) });
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-import Link3 from "next/link";
+import Link from "next/link";
 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 { cva as cva3 } from "class-variance-authority";
-import { Menu, X } from "lucide-react";
+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 jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx7(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx7(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -464,7 +486,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -485,9 +507,9 @@ function SheetContent(_a) {
     "children",
     "side"
   ]);
-  return /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-    /* @__PURE__ */ jsx7(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(SheetPortal, { children: [
+    /* @__PURE__ */ jsx8(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs6(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -502,9 +524,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsxs5(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__ */ jsx7(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Close" })
+          /* @__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" })
           ] })
         ]
       })
@@ -513,7 +535,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -527,7 +549,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -541,7 +563,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -552,14 +574,14 @@ function SheetDescription(_a) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -569,11 +591,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(TooltipProvider, { children: /* @__PURE__ */ jsx8(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ jsx9(TooltipProvider, { children: /* @__PURE__ */ jsx9(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx9(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -585,7 +607,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx9(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -597,14 +619,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx9(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 jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -685,7 +707,7 @@ function SidebarProvider(_a) {
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx10(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx10(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -718,7 +740,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -732,7 +754,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx9(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsx10(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs8(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -744,16 +766,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs7(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx9(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx9(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs8(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx10(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx10(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx10("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -763,7 +785,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -775,7 +797,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -787,7 +809,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -811,7 +833,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar, openMobile } = useSidebar();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "button",
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -826,15 +848,15 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        openMobile ? /* @__PURE__ */ jsx9(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx9(Menu, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Toggle Sidebar" })
+        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" })
       ]
     })
   );
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -848,7 +870,7 @@ function SidebarInset(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -862,7 +884,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -876,7 +898,7 @@ function SidebarGroup(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -887,7 +909,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -896,7 +918,7 @@ function SidebarMenuItem(_a) {
     }, props)
   );
 }
-var sidebarMenuButtonVariants = cva3(
+var sidebarMenuButtonVariants = cva2(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -934,7 +956,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot2 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx9(
+  const button = /* @__PURE__ */ jsx10(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -955,9 +977,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs7(Tooltip, { children: [
-    /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8(Tooltip, { children: [
+    /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx10(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -969,7 +991,7 @@ function SidebarMenuButton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -988,7 +1010,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -1010,7 +1032,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -1034,14 +1056,14 @@ import { ChevronRight, CornerDownRight } from "lucide-react";
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx10(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1050,7 +1072,7 @@ function CollapsibleTrigger2(_a) {
 }
 function CollapsibleContent2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1059,30 +1081,30 @@ function CollapsibleContent2(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function NavMain({ items }) {
-  return /* @__PURE__ */ jsx11(SidebarGroup, { children: /* @__PURE__ */ jsx11(SidebarMenu, { children: renderMenu(items) }) });
+  return /* @__PURE__ */ jsx12(SidebarGroup, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: renderMenu(items) }) });
 }
 function renderMenu(data) {
   return Object.entries(data).map(([title, value]) => {
     if (typeof value === "string") {
-      return /* @__PURE__ */ jsx11(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx11(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxs8("a", { href: `/${value}`, children: [
-        /* @__PURE__ */ jsx11(CornerDownRight, {}),
-        /* @__PURE__ */ jsx11("span", { className: "font-light text-sm", children: title })
+      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 })
       ] }) }) }, title);
     }
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       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__ */ jsxs8(SidebarMenuItem, { children: [
-          /* @__PURE__ */ jsx11(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs8(SidebarMenuButton, { tooltip: title, children: [
-            /* @__PURE__ */ jsx11("span", { className: "font-medium text-lg", children: title }),
-            /* @__PURE__ */ jsx11(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+        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" })
           ] }) }),
-          /* @__PURE__ */ jsx11(CollapsibleContent2, { children: /* @__PURE__ */ jsx11(SidebarMenuSub, { children: renderMenu(value) }) })
+          /* @__PURE__ */ jsx12(CollapsibleContent2, { children: /* @__PURE__ */ jsx12(SidebarMenuSub, { children: renderMenu(value) }) })
         ] })
       },
       title
@@ -1091,32 +1113,32 @@ function renderMenu(data) {
 }
 
 // src/components/custom/navbar/app-sidebar.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function AppSidebar(_a) {
   var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
-  return /* @__PURE__ */ jsx12(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx12(SidebarContent, { children: /* @__PURE__ */ jsx12(NavMain, { items: data }) }) }));
+  return /* @__PURE__ */ jsx13(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx13(SidebarContent, { children: /* @__PURE__ */ jsx13(NavMain, { items: data }) }) }));
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function MobileNavbar({
   navbarData,
   userData,
   onLogout
 }) {
   const safeData = navbarData || {};
-  return /* @__PURE__ */ jsxs9(SidebarProvider, { className: "relative w-full", children: [
-    /* @__PURE__ */ jsxs9("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__ */ jsx13(SidebarTrigger, {}),
-      /* @__PURE__ */ jsx13(Link3, { href: "/", children: /* @__PURE__ */ jsx13(Image3, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }) }),
-      /* @__PURE__ */ jsx13(user_default2, { userData, onLogout })
+  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 })
     ] }),
-    /* @__PURE__ */ jsx13(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx13(AppSidebar, { data: safeData }) })
+    /* @__PURE__ */ jsx14(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx14(AppSidebar, { data: safeData }) })
   ] });
 }
 
 // src/components/custom/navbar/navbar.tsx
-import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15 } from "react/jsx-runtime";
 function Navbar({
   navbarData,
   userData,
@@ -1128,14 +1150,14 @@ function Navbar({
     setMounted(true);
   }, []);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsx14(Fragment, { children: isMobile ? /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(Fragment2, { children: isMobile ? /* @__PURE__ */ jsx15(
     MobileNavbar,
     {
       navbarData,
       userData,
       onLogout
     }
-  ) : /* @__PURE__ */ jsx14(
+  ) : /* @__PURE__ */ jsx15(
     DesktopNavbar,
     {
       navbarData,