baaz-custom-components 3.2.10 → 3.2.12

package/dist/index.mjs

@@ -704,12 +704,13 @@ function buildFullHref(base, child) {
   return new URL(child, base).toString();
 }
 function isRouteActive(fullHref, currentPathname) {
-  const hrefPath = extractPathname(fullHref);
+  const hrefPathRaw = extractPathname(fullHref);
   const hrefOrigin = extractOrigin(fullHref);
   const currentOrigin = getCurrentOrigin();
   if (hrefOrigin && currentOrigin && hrefOrigin !== currentOrigin) {
     return false;
   }
+  const hrefPath = hrefPathRaw.endsWith("/-") ? hrefPathRaw.slice(0, -2) : hrefPathRaw;
   return currentPathname === hrefPath || currentPathname.startsWith(hrefPath + "/");
 }
 function treeContainsPath({
@@ -748,9 +749,63 @@ function treeContainsPath({
   }
   return false;
 }
+function getDeepestActiveChildren(data, base, pathname) {
+  let result = null;
+  function dfs(routes, parentBase) {
+    for (const node of routes) {
+      if (typeof node.routes === "string") {
+        const full = buildFullHref(parentBase, node.routes);
+        let hrefPath = extractPathname(full);
+        if (hrefPath.endsWith("/-")) hrefPath = hrefPath.slice(0, -2);
+        if (pathname === hrefPath || pathname.startsWith(hrefPath + "/")) {
+        }
+      } else {
+        const firstChild = node.routes[0];
+        const maybePath = typeof firstChild.routes === "string" ? firstChild.routes : "";
+        const full = buildFullHref(parentBase, maybePath);
+        let hrefPath = extractPathname(full);
+        if (hrefPath.endsWith("/-")) hrefPath = hrefPath.slice(0, -2);
+        if (pathname.startsWith(hrefPath)) {
+          result = { base: parentBase, children: node.routes };
+          dfs(node.routes, parentBase);
+        }
+      }
+    }
+  }
+  dfs(data, base);
+  return result;
+}
+
+// src/components/custom/navbar/sub-nav.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function SubNav({
+  base,
+  childrenRoutes,
+  router
+}) {
+  const pathname = typeof window !== "undefined" ? window.location.pathname : "";
+  if (!childrenRoutes || childrenRoutes.length === 0) return null;
+  return /* @__PURE__ */ jsx9("div", { className: "bg-transparent border rounded-md px-2 py-1 shadow-lg flex gap-2", children: childrenRoutes.map((child) => {
+    if (typeof child.routes !== "string") return null;
+    const href = buildFullHref(base, child.routes);
+    const active = isRouteActive(href, pathname);
+    return /* @__PURE__ */ jsx9(
+      "button",
+      {
+        onClick: () => router.push(href),
+        className: cn(
+          "px-3 py-1 text-sm rounded-md whitespace-nowrap cursor-pointer",
+          active ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-primary"
+        ),
+        children: child.label
+      },
+      child.label
+    );
+  }) });
+}
 
 // src/components/custom/navbar/customMenu.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function isLeaf(value) {
   return typeof value === "string";
 }
@@ -759,11 +814,11 @@ function MenuItems({
   base,
   router
 }) {
-  return /* @__PURE__ */ jsx9(Fragment, { children: data.map((value) => {
+  return /* @__PURE__ */ jsx10(Fragment, { children: data.map((value) => {
     if (isLeaf(value.routes)) {
       const fullPath = buildFullHref(base, value.routes);
       const active = isRouteActive(fullPath, router.pathname);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         MenubarItem,
         {
           onClick: () => router.push(fullPath),
@@ -782,7 +837,7 @@ function MenuItems({
       pathname: router.pathname
     });
     return /* @__PURE__ */ jsxs7(MenubarSub, { children: [
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         MenubarSubTrigger,
         {
           className: cn(
@@ -791,7 +846,7 @@ function MenuItems({
           children: value.label
         }
       ),
-      /* @__PURE__ */ jsx9(MenubarSubContent, { children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(MenubarSubContent, { children: /* @__PURE__ */ jsx10(
         MenuItems,
         {
           data: value.routes,
@@ -807,56 +862,68 @@ function MenuList({
   router
 }) {
   const { name, url, routes } = entry;
+  const pathname = router.pathname;
   const isGroupActive = treeContainsPath({
     data: routes,
     base: url,
-    pathname: router.pathname
+    pathname
   });
-  return /* @__PURE__ */ jsx9(Menubar, { className: "bg-transparent border-none", children: /* @__PURE__ */ jsxs7(MenubarMenu, { children: [
-    /* @__PURE__ */ jsxs7(
-      MenubarTrigger,
+  const sub = getDeepestActiveChildren(routes, url, pathname);
+  return /* @__PURE__ */ jsxs7("div", { className: "relative inline-block", children: [
+    /* @__PURE__ */ jsx10(Menubar, { className: "bg-transparent border-none", children: /* @__PURE__ */ jsxs7(MenubarMenu, { children: [
+      /* @__PURE__ */ jsxs7(
+        MenubarTrigger,
+        {
+          className: cn(
+            "cursor-pointer group inline-flex items-center",
+            isGroupActive && "bg-accent text-accent-foreground"
+          ),
+          children: [
+            name,
+            /* @__PURE__ */ jsx10(ChevronDown, { size: 16, className: "ml-1 inline-block" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx10(MenubarContent, { children: /* @__PURE__ */ jsx10(MenuItems, { data: routes, base: url, router }) })
+    ] }) }),
+    sub ? /* @__PURE__ */ jsx10("div", { className: "absolute left-0 top-12 z-40", children: /* @__PURE__ */ jsx10(
+      SubNav,
       {
-        className: cn(
-          "cursor-pointer group inline-flex items-center",
-          isGroupActive && "bg-accent text-accent-foreground"
-        ),
-        children: [
-          name,
-          /* @__PURE__ */ jsx9(ChevronDown, { size: 16, className: "ml-1 inline-block" })
-        ]
+        base: sub.base,
+        childrenRoutes: sub.children,
+        router
       }
-    ),
-    /* @__PURE__ */ jsx9(MenubarContent, { children: /* @__PURE__ */ jsx9(MenuItems, { data: routes, base: url, router }) })
-  ] }) });
+    ) }) : null
+  ] });
 }
 
 // src/components/custom/navbar/notifications.tsx
 import { BellDot } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var Notifications = ({
   notificationData,
   notificationHandler
 }) => {
   return /* @__PURE__ */ jsxs8(DropdownMenu, { onOpenChange: (open) => open && notificationHandler(), children: [
-    /* @__PURE__ */ jsx10(DropdownMenuTrigger, { className: "cursor-pointer", asChild: true, children: /* @__PURE__ */ jsx10(BellDot, { size: 24 }) }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11(DropdownMenuTrigger, { className: "cursor-pointer", asChild: true, children: /* @__PURE__ */ jsx11(BellDot, { size: 24 }) }),
+    /* @__PURE__ */ jsx11(
       DropdownMenuContent,
       {
         className: "w-80 h-96 bg-card-foreground",
         align: "start",
-        children: /* @__PURE__ */ jsx10(ScrollArea, { className: "w-full h-full", children: (notificationData == null ? void 0 : notificationData.length) == 0 ? /* @__PURE__ */ jsx10("h1", { className: "text-center flex items-center justify-center h-80 w-full", children: "No Notifications" }) : notificationData == null ? void 0 : notificationData.map((data, index) => /* @__PURE__ */ jsxs8("div", { children: [
+        children: /* @__PURE__ */ jsx11(ScrollArea, { className: "w-full h-full", children: (notificationData == null ? void 0 : notificationData.length) == 0 ? /* @__PURE__ */ jsx11("h1", { className: "text-center flex items-center justify-center h-80 w-full", children: "No Notifications" }) : notificationData == null ? void 0 : notificationData.map((data, index) => /* @__PURE__ */ jsxs8("div", { children: [
           /* @__PURE__ */ jsxs8("div", { className: "flex py-4 px-5 gap-6", children: [
-            /* @__PURE__ */ jsx10("div", { className: "w-3 h-3 mt-2 bg-accent rounded-full flex-shrink-0" }),
+            /* @__PURE__ */ jsx11("div", { className: "w-3 h-3 mt-2 bg-accent rounded-full flex-shrink-0" }),
             /* @__PURE__ */ jsxs8("div", { className: " flex gap-2 flex-col text-sm", children: [
-              /* @__PURE__ */ jsx10("h2", { className: "font-semibold text-base", children: data == null ? void 0 : data.topic }),
-              /* @__PURE__ */ jsx10("h3", { children: data == null ? void 0 : data.heading }),
-              /* @__PURE__ */ jsx10("h2", { children: data == null ? void 0 : data.trail }),
-              /* @__PURE__ */ jsx10("h1", { className: " bg-background rounded-sm p-2", children: data == null ? void 0 : data.body }),
-              /* @__PURE__ */ jsx10("h3", { className: "bg-white/10 rounded-sm p-1 px-3 w-fit text-md font-semibold text-accent tracking-[0.25rem]", children: data == null ? void 0 : data.otp }),
-              /* @__PURE__ */ jsx10("h4", { className: "text-xs", children: formatDateAndTime(data == null ? void 0 : data.time) })
+              /* @__PURE__ */ jsx11("h2", { className: "font-semibold text-base", children: data == null ? void 0 : data.topic }),
+              /* @__PURE__ */ jsx11("h3", { children: data == null ? void 0 : data.heading }),
+              /* @__PURE__ */ jsx11("h2", { children: data == null ? void 0 : data.trail }),
+              /* @__PURE__ */ jsx11("h1", { className: " bg-background rounded-sm p-2", children: data == null ? void 0 : data.body }),
+              /* @__PURE__ */ jsx11("h3", { className: "bg-white/10 rounded-sm p-1 px-3 w-fit text-md font-semibold text-accent tracking-[0.25rem]", children: data == null ? void 0 : data.otp }),
+              /* @__PURE__ */ jsx11("h4", { className: "text-xs", children: formatDateAndTime(data == null ? void 0 : data.time) })
             ] })
           ] }),
-          index < (notificationData == null ? void 0 : notificationData.length) - 1 && /* @__PURE__ */ jsx10(Separator2, { className: "my-2" })
+          index < (notificationData == null ? void 0 : notificationData.length) - 1 && /* @__PURE__ */ jsx11(Separator2, { className: "my-2" })
         ] }, data.otp)) })
       }
     )
@@ -865,7 +932,7 @@ var Notifications = ({
 var notifications_default = Notifications;
 
 // src/components/custom/navbar/desktopNavbar.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function DesktopNavbar({
   navbarData,
   userData,
@@ -877,9 +944,9 @@ function DesktopNavbar({
   hubIdEnable,
   hubIdChangeHandler
 }) {
-  return /* @__PURE__ */ jsx11("nav", { children: /* @__PURE__ */ jsxs9("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
+  return /* @__PURE__ */ jsx12("nav", { children: /* @__PURE__ */ jsxs9("div", { className: "flex justify-between px-10 py-2 bg-card items-center border-b-1", children: [
     /* @__PURE__ */ jsxs9("div", { className: "left flex gap-4 items-center", children: [
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         "img",
         {
           src: sidebarIcon_default.src || sidebarIcon_default,
@@ -888,7 +955,7 @@ function DesktopNavbar({
           height: 18
         }
       ),
-      navbarData == null ? void 0 : navbarData.map((entry) => /* @__PURE__ */ jsx11(
+      navbarData == null ? void 0 : navbarData.map((entry) => /* @__PURE__ */ jsx12(
         MenuList,
         {
           entry,
@@ -898,8 +965,8 @@ function DesktopNavbar({
       ))
     ] }),
     /* @__PURE__ */ jsxs9("div", { className: "flex gap-4 items-center", children: [
-      /* @__PURE__ */ jsx11(notifications_default, { notificationData, notificationHandler }),
-      /* @__PURE__ */ jsx11(user_default2, { userData, onLogout, hubIdChangeHandler, hubDetails, hubIdEnable })
+      /* @__PURE__ */ jsx12(notifications_default, { notificationData, notificationHandler }),
+      /* @__PURE__ */ jsx12(user_default2, { userData, onLogout, hubIdChangeHandler, hubDetails, hubIdEnable })
     ] })
   ] }) });
 }
@@ -913,14 +980,14 @@ 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 jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx13(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx13(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -928,7 +995,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -950,7 +1017,7 @@ function SheetContent(_a) {
     "side"
   ]);
   return /* @__PURE__ */ jsxs10(SheetPortal, { children: [
-    /* @__PURE__ */ jsx12(SheetOverlay, {}),
+    /* @__PURE__ */ jsx13(SheetOverlay, {}),
     /* @__PURE__ */ jsxs10(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -967,8 +1034,8 @@ function SheetContent(_a) {
         children: [
           children,
           /* @__PURE__ */ jsxs10(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__ */ jsx12(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx13(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -977,7 +1044,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -991,7 +1058,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -1005,7 +1072,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -1016,14 +1083,14 @@ function SheetDescription(_a) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -1033,11 +1100,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx13(TooltipProvider, { children: /* @__PURE__ */ jsx13(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ jsx14(TooltipProvider, { children: /* @__PURE__ */ jsx14(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -1049,7 +1116,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx13(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx14(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -1061,14 +1128,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx13(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx14(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 jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -1149,7 +1216,7 @@ function SidebarProvider(_a) {
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ jsx14(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx15(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx15(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -1182,7 +1249,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -1196,7 +1263,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx14(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsx15(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs12(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1209,10 +1276,10 @@ function Sidebar(_a) {
         side,
         children: [
           /* @__PURE__ */ jsxs12(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx14(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx14(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx15(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx15(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx14("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx15("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
@@ -1227,7 +1294,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1239,7 +1306,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -1251,7 +1318,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx14(
+            children: /* @__PURE__ */ jsx15(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1290,15 +1357,15 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        openMobile ? /* @__PURE__ */ jsx14(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx14(Menu2, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
-        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Toggle Sidebar" })
+        openMobile ? /* @__PURE__ */ jsx15(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx15(Menu2, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
+        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -1312,7 +1379,7 @@ function SidebarInset(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -1326,7 +1393,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -1340,7 +1407,7 @@ function SidebarGroup(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -1351,7 +1418,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -1398,7 +1465,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot2 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx14(
+  const button = /* @__PURE__ */ jsx15(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -1420,8 +1487,8 @@ function SidebarMenuButton(_a) {
     };
   }
   return /* @__PURE__ */ jsxs12(Tooltip, { children: [
-    /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx15(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -1433,7 +1500,7 @@ function SidebarMenuButton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -1452,7 +1519,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -1474,7 +1541,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -1498,14 +1565,14 @@ import { ChevronRight, CornerDownRight } from "lucide-react";
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx16(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1514,7 +1581,7 @@ function CollapsibleTrigger2(_a) {
 }
 function CollapsibleContent2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1523,36 +1590,36 @@ function CollapsibleContent2(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function NavMain({
   items,
   router
 }) {
-  return /* @__PURE__ */ jsx16(SidebarGroup, { children: /* @__PURE__ */ jsx16(SidebarMenu, { children: items.map((entry) => {
+  return /* @__PURE__ */ jsx17(SidebarGroup, { children: /* @__PURE__ */ jsx17(SidebarMenu, { children: items.map((entry) => {
     const isGroupActive = treeContainsPath({
       data: entry.routes,
       base: entry.url,
       pathname: router.pathname
     });
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       Collapsible,
       {
         asChild: true,
         defaultOpen: isGroupActive,
         className: "group/collapsible group-data-[state=open]:bg-sidebar-accent group-data-[state=open]:text-sidebar-accent-foreground",
         children: /* @__PURE__ */ jsxs13(SidebarMenuItem, { children: [
-          /* @__PURE__ */ jsx16(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx17(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs13(
             SidebarMenuButton,
             {
               tooltip: entry.name,
               className: isGroupActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : void 0,
               children: [
-                /* @__PURE__ */ jsx16("span", { className: "font-medium text-lg", children: entry.name }),
-                /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+                /* @__PURE__ */ jsx17("span", { className: "font-medium text-lg", children: entry.name }),
+                /* @__PURE__ */ jsx17(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx16(CollapsibleContent2, { children: /* @__PURE__ */ jsx16(SidebarMenuSub, { children: renderMenu(
+          /* @__PURE__ */ jsx17(CollapsibleContent2, { children: /* @__PURE__ */ jsx17(SidebarMenuSub, { children: renderMenu(
             entry.routes,
             entry.url,
             router
@@ -1569,30 +1636,30 @@ function renderMenu(data, base, router) {
     if (typeof routes === "string") {
       const fullPath = buildFullHref(base, routes);
       const active = isRouteActive(fullPath, router.pathname);
-      return /* @__PURE__ */ jsx16(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsx17(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs13(
         SidebarMenuSubButton,
         {
           onClick: () => router.push(fullPath),
           className: `cursor-pointer ${active ? "bg-sidebar-accent text-sidebar-accent-foreground" : ""}`,
           children: [
-            /* @__PURE__ */ jsx16(CornerDownRight, {}),
-            /* @__PURE__ */ jsx16("span", { className: "font-light text-sm", children: label })
+            /* @__PURE__ */ jsx17(CornerDownRight, {}),
+            /* @__PURE__ */ jsx17("span", { className: "font-light text-sm", children: label })
           ]
         }
       ) }, label);
     }
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       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__ */ jsxs13(SidebarMenuItem, { children: [
-          /* @__PURE__ */ jsx16(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs13(SidebarMenuButton, { tooltip: label, children: [
-            /* @__PURE__ */ jsx16("span", { className: "font-medium text-base", children: label }),
-            /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+          /* @__PURE__ */ jsx17(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs13(SidebarMenuButton, { tooltip: label, children: [
+            /* @__PURE__ */ jsx17("span", { className: "font-medium text-base", children: label }),
+            /* @__PURE__ */ jsx17(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
           ] }) }),
-          /* @__PURE__ */ jsx16(CollapsibleContent2, { children: /* @__PURE__ */ jsx16(SidebarMenuSub, { children: renderMenu(routes, base, router) }) })
+          /* @__PURE__ */ jsx17(CollapsibleContent2, { children: /* @__PURE__ */ jsx17(SidebarMenuSub, { children: renderMenu(routes, base, router) }) })
         ] })
       },
       label
@@ -1601,14 +1668,14 @@ function renderMenu(data, base, router) {
 }
 
 // src/components/custom/navbar/app-sidebar.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function AppSidebar(_a) {
   var _b = _a, { data, router } = _b, props = __objRest(_b, ["data", "router"]);
-  return /* @__PURE__ */ jsx17(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx17(SidebarContent, { children: /* @__PURE__ */ jsx17(NavMain, { items: data, router }) }) }));
+  return /* @__PURE__ */ jsx18(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx18(SidebarContent, { children: /* @__PURE__ */ jsx18(NavMain, { items: data, router }) }) }));
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function MobileNavbar({
   navbarData,
   userData,
@@ -1624,8 +1691,8 @@ function MobileNavbar({
   const safeData = navbarData || {};
   return /* @__PURE__ */ jsxs14(SidebarProvider, { className: "relative w-full", children: [
     /* @__PURE__ */ jsxs14("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__ */ jsx18(SidebarTrigger, {}),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx19(
         "img",
         {
           src: ((_a = sidebarIcon_default) == null ? void 0 : _a.src) || sidebarIcon_default,
@@ -1635,16 +1702,16 @@ function MobileNavbar({
         }
       ),
       /* @__PURE__ */ jsxs14("div", { className: "flex gap-4 items-center", children: [
-        /* @__PURE__ */ jsx18(notifications_default, { notificationData, notificationHandler }),
-        /* @__PURE__ */ jsx18(user_default2, { userData, onLogout, hubIdChangeHandler, hubDetails, hubIdEnable })
+        /* @__PURE__ */ jsx19(notifications_default, { notificationData, notificationHandler }),
+        /* @__PURE__ */ jsx19(user_default2, { userData, onLogout, hubIdChangeHandler, hubDetails, hubIdEnable })
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx18(AppSidebar, { data: safeData, router }) })
+    /* @__PURE__ */ jsx19(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx19(AppSidebar, { data: safeData, router }) })
   ] });
 }
 
 // src/components/custom/navbar/navbar.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Navbar({
   navbarData,
   userData,
@@ -1662,7 +1729,7 @@ function Navbar({
     setMounted(true);
   }, []);
   if (!mounted) return null;
-  return /* @__PURE__ */ jsx19("div", { className: "baaz-custom-components-navbar", children: isMobile ? /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { className: "baaz-custom-components-navbar", children: isMobile ? /* @__PURE__ */ jsx20(
     MobileNavbar,
     {
       navbarData,
@@ -1675,7 +1742,7 @@ function Navbar({
       hubIdChangeHandler,
       notificationHandler
     }
-  ) : /* @__PURE__ */ jsx19(
+  ) : /* @__PURE__ */ jsx20(
     DesktopNavbar,
     {
       navbarData,
@@ -1697,14 +1764,14 @@ import { Slash } from "lucide-react";
 // src/components/ui/breadcrumb.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  return /* @__PURE__ */ jsx21("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "ol",
     __spreadValues({
       "data-slot": "breadcrumb-list",
@@ -1717,7 +1784,7 @@ function BreadcrumbList(_a) {
 }
 function BreadcrumbItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "li",
     __spreadValues({
       "data-slot": "breadcrumb-item",
@@ -1734,7 +1801,7 @@ function BreadcrumbLink(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot3 : "a";
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
@@ -1750,7 +1817,7 @@ function BreadcrumbSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-separator",
@@ -1758,13 +1825,13 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ jsx20(ChevronRight2, {})
+      children: children != null ? children : /* @__PURE__ */ jsx21(ChevronRight2, {})
     })
   );
 }
 
 // src/components/custom/breadcrumb/index.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var CustomBreadcrumb = ({
   layoutName,
   includeFrom = 0,
@@ -1773,16 +1840,16 @@ var CustomBreadcrumb = ({
   const completeUrl = pathname.split("/").filter(Boolean);
   const urls = pathname.split("/").filter(Boolean).slice(includeFrom);
   const activeClassName = "text-primary";
-  return /* @__PURE__ */ jsx21(Breadcrumb, { children: /* @__PURE__ */ jsxs16(BreadcrumbList, { children: [
-    /* @__PURE__ */ jsx21(BreadcrumbItem, { children: /* @__PURE__ */ jsx21("h2", { className: "text-base", children: capitalizeFirstLetter(layoutName) }) }),
-    urls.length > 0 && /* @__PURE__ */ jsx21(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx21(Slash, { className: "!h-md !w-md" }) }),
+  return /* @__PURE__ */ jsx22(Breadcrumb, { children: /* @__PURE__ */ jsxs16(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx22(BreadcrumbItem, { children: /* @__PURE__ */ jsx22("h2", { className: "text-base", children: capitalizeFirstLetter(layoutName) }) }),
+    urls.length > 0 && /* @__PURE__ */ jsx22(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx22(Slash, { className: "!h-md !w-md" }) }),
     urls.map((url, index) => {
       const href = buildUrl(
         completeUrl,
         index + includeFrom
       );
       return /* @__PURE__ */ jsxs16(BreadcrumbItem, { children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           BreadcrumbLink,
           {
             href,
@@ -1790,7 +1857,7 @@ var CustomBreadcrumb = ({
             children: capitalizeFirstLetter(url)
           }
         ),
-        index < urls.length - 1 && /* @__PURE__ */ jsx21(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx21(Slash, { className: "!h-md !w-md" }) })
+        index < urls.length - 1 && /* @__PURE__ */ jsx22(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx22(Slash, { className: "!h-md !w-md" }) })
       ] }, index);
     })
   ] }) });