baaz-custom-components 3.1.2 → 3.1.4

package/dist/index.js

@@ -428,22 +428,53 @@ var import_jsx_runtime6 = require("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 = (0, import_navigation.useRouter)();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: Object.entries(data).map(([label, value]) => {
     if (isLeaf(value)) {
+      const active = normalizePath(value) === pathname;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         MenubarItem,
         {
           onClick: () => router.push(`/${value}`),
+          className: cn(
+            active && "bg-accent text-accent-foreground"
+          ),
           children: label
         },
         label
       );
     }
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenubarSub, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenubarSubTrigger, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenubarSubContent, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuItems, { data: value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        MenubarSubTrigger,
+        {
+          className: cn(
+            treeContainsPath(value, pathname) && "bg-accent text-accent-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenubarSubContent, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        MenuItems,
+        {
+          data: value,
+          pathname
+        }
+      ) })
     ] }, label);
   }) });
 }
@@ -451,49 +482,179 @@ function MenuList({
   menuKey,
   menuData
 }) {
+  const pathname = (0, import_navigation.usePathname)();
+  const topActive = treeContainsPath(menuData, pathname);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Menubar, { className: "bg-transparent border-none ", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenubarMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(MenubarTrigger, { className: "cursor-pointer group inline-flex items-center", children: [
-      menuKey,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_lucide_react4.ChevronDown,
-        {
-          size: 16,
-          className: "ml-1 group-data-[state=open]:hidden"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_lucide_react4.ChevronUp,
-        {
-          size: 16,
-          className: "ml-1 hidden group-data-[state=open]:inline"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenubarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuItems, { data: menuData }) })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      MenubarTrigger,
+      {
+        className: cn(
+          "cursor-pointer group inline-flex items-center",
+          topActive && "bg-accent text-accent-foreground"
+        ),
+        children: [
+          menuKey,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_lucide_react4.ChevronDown,
+            {
+              size: 16,
+              className: "ml-1 group-data-[state=open]:hidden"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_lucide_react4.ChevronUp,
+            {
+              size: 16,
+              className: "ml-1 hidden group-data-[state=open]:inline"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenubarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuItems, { data: menuData, pathname }) })
   ] }) });
 }
 
-// src/components/custom/navbar/menuList.tsx
+// src/components/custom/breadcrumb/index.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_navigation2 = require("next/navigation");
+
+// src/components/ui/breadcrumb.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "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__ */ (0, import_jsx_runtime7.jsx)(
+    "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 ? import_react_slot2.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    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__ */ (0, import_jsx_runtime7.jsx)(
+    "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.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
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CustomBreadcrumb = ({ layoutName, includeFrom = 0 }) => {
+  const pathname = (0, import_navigation2.usePathname)();
+  const completeUrl = pathname.split("/").filter(Boolean);
+  const urls = pathname.split("/").filter(Boolean).slice(includeFrom);
+  const activeClassName = "!text-primary";
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(BreadcrumbList, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-text !text-xxl font-semibold", children: layoutName }) }),
+    urls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Slash, { className: "!h-md !w-md" }) }),
+    urls.map((url, index) => {
+      const href = buildUrl(
+        completeUrl,
+        index + includeFrom
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(BreadcrumbItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          BreadcrumbLink,
+          {
+            href,
+            className: `!font-light !text-md !text-off-white ${index >= urls.length - 1 && activeClassName}`,
+            children: capitalizeFirstLetter(url)
+          }
+        ),
+        index < urls.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Slash, { className: "!h-md !w-md" }) })
+      ] }, index);
+    })
+  ] }) });
+};
+var breadcrumb_default = CustomBreadcrumb;
+
+// src/components/custom/navbar/menuList.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function DesktopNavbar({
   navbarData,
   userData,
   onLogout
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "left flex gap-4 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_image2.default, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }),
-      Object.keys(navbarData).map((menuKey) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        MenuList,
-        {
-          menuKey,
-          menuData: navbarData[menuKey]
-        },
-        menuKey
-      ))
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("nav", { className: "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "left flex gap-4 items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_image2.default, { 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__ */ (0, import_jsx_runtime9.jsx)(
+            MenuList,
+            {
+              menuKey,
+              menuData: value
+            },
+            menuKey
+          );
+        })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(user_default2, { userData, onLogout })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(user_default2, { userData, onLogout })
-  ] }) });
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "px-10 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(breadcrumb_default, { layoutName: "Navbar Links", includeFrom: 1 }) })
+  ] });
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
@@ -502,21 +663,21 @@ var import_image3 = __toESM(require("next/image"));
 
 // src/components/ui/sidebar.tsx
 var React2 = __toESM(require("react"));
-var import_react_slot2 = require("@radix-ui/react-slot");
+var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 
 // src/components/ui/sheet.tsx
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -524,7 +685,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -545,9 +706,9 @@ function SheetContent(_a) {
     "children",
     "side"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -562,9 +723,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(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__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(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__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -573,7 +734,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -587,7 +748,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -601,7 +762,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -612,14 +773,14 @@ function SheetDescription(_a) {
 
 // src/components/ui/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -629,11 +790,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -645,7 +806,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -657,14 +818,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(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
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -745,7 +906,7 @@ function SidebarProvider(_a) {
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -778,7 +939,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -792,7 +953,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -804,16 +965,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -823,7 +984,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -835,7 +996,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -847,7 +1008,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -871,7 +1032,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar, openMobile } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "button",
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -886,15 +1047,15 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        openMobile ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react6.Menu, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        openMobile ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react8.X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react8.Menu, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -908,7 +1069,7 @@ function SidebarInset(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -922,7 +1083,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -936,7 +1097,7 @@ function SidebarGroup(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -947,7 +1108,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -992,9 +1153,9 @@ function SidebarMenuButton(_a) {
     "tooltip",
     "className"
   ]);
-  const Comp = asChild ? import_react_slot2.Slot : "button";
+  const Comp = asChild ? import_react_slot3.Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -1015,9 +1176,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -1029,7 +1190,7 @@ function SidebarMenuButton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -1048,7 +1209,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -1069,8 +1230,8 @@ function SidebarMenuSubButton(_a) {
     "isActive",
     "className"
   ]);
-  const Comp = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const Comp = asChild ? import_react_slot3.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -1090,18 +1251,18 @@ function SidebarMenuSubButton(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 
 // src/components/ui/collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1110,7 +1271,7 @@ function CollapsibleTrigger2(_a) {
 }
 function CollapsibleContent2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1119,30 +1280,30 @@ function CollapsibleContent2(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function NavMain({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarMenu, { children: renderMenu(items) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarMenu, { children: renderMenu(items) }) });
 }
 function renderMenu(data) {
   return Object.entries(data).map(([title, value]) => {
     if (typeof value === "string") {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarMenuSubItem, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("a", { href: `/${value}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react7.CornerDownRight, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-light text-sm", children: title })
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarMenuSubItem, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: `/${value}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.CornerDownRight, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-light text-sm", children: title })
       ] }) }) }, title);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       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__ */ (0, import_jsx_runtime12.jsxs)(SidebarMenuItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SidebarMenuButton, { tooltip: title, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium text-lg", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react7.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SidebarMenuItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SidebarMenuButton, { tooltip: title, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-medium text-lg", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollapsibleContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarMenuSub, { children: renderMenu(value) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollapsibleContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarMenuSub, { children: renderMenu(value) }) })
         ] })
       },
       title
@@ -1151,32 +1312,32 @@ function renderMenu(data) {
 }
 
 // src/components/custom/navbar/app-sidebar.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function AppSidebar(_a) {
   var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NavMain, { items: data }) }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(NavMain, { items: data }) }) }));
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function MobileNavbar({
   navbarData,
   userData,
   onLogout
 }) {
   const safeData = navbarData || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SidebarProvider, { className: "relative w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(SidebarTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_image3.default, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(user_default2, { userData, onLogout })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SidebarProvider, { className: "relative w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(SidebarTrigger, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_link.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_image3.default, { src: sidebarIcon_default, alt: "Logo", width: 72, height: 18 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(user_default2, { userData, onLogout })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AppSidebar, { data: safeData }) })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppSidebar, { data: safeData }) })
   ] });
 }
 
 // src/components/custom/navbar/navbar.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Navbar({
   navbarData,
   userData,
@@ -1188,14 +1349,14 @@ function Navbar({
     setMounted(true);
   }, []);
   if (!mounted) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     MobileNavbar,
     {
       navbarData,
       userData,
       onLogout
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DesktopNavbar,
     {
       navbarData,