baaz-custom-components 3.0.6 → 3.0.8

package/dist/index.mjs

@@ -217,6 +217,9 @@ function NavigationMenuLink(_a) {
 // 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";
@@ -336,43 +339,11 @@ function Button(_a) {
   );
 }
 
-// src/components/ui/avatar.tsx
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Avatar(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx5(
-    AvatarPrimitive.Root,
-    __spreadValues({
-      "data-slot": "avatar",
-      className: cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      )
-    }, props)
-  );
-}
-function AvatarImage(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx5(
-    AvatarPrimitive.Image,
-    __spreadValues({
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className)
-    }, props)
-  );
-}
+// src/assets/svg/user.svg
+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 jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var User = ({ userData, onLogout }) => {
   var _a;
   const safeUserData = userData || {
@@ -393,11 +364,11 @@ var User = ({ userData, onLogout }) => {
     );
   };
   return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(Avatar, { children: /* @__PURE__ */ jsx6(AvatarImage, { src: "/svg/user.svg", alt: "Profile" }) }) }),
-    /* @__PURE__ */ jsx6(DropdownMenuContent, { className: "w-56", align: "start", children: /* @__PURE__ */ jsxs3("div", { className: "p-4", children: [
-      /* @__PURE__ */ jsx6("h1", { className: "font-semibold", children: safeUserData.name }),
-      /* @__PURE__ */ jsx6("h3", { className: "text-primary text-sm", children: safeUserData.role }),
-      /* @__PURE__ */ jsx6(Separator2, { className: "my-4" }),
+    /* @__PURE__ */ jsx5(DropdownMenuTrigger, { 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" }),
       (_a = [
         { icon: Mail, text: safeUserData.email },
         { icon: Phone, text: safeUserData.phone },
@@ -407,58 +378,65 @@ var User = ({ userData, onLogout }) => {
         {
           className: "flex items-center gap-2 text-sm py-1",
           children: [
-            /* @__PURE__ */ jsx6(Icon, { size: 12 }),
+            /* @__PURE__ */ jsx5(Icon, { size: 12 }),
             " ",
             text
           ]
         },
         i
       )),
-      /* @__PURE__ */ jsx6(Button, { className: "w-full mt-4", onClick: handleLogout, children: "Logout" })
+      /* @__PURE__ */ jsx5(Button, { className: "w-full mt-4", onClick: handleLogout, children: "Logout" })
     ] }) })
   ] });
 };
-var user_default = User;
+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 jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function DesktopNavbar({
   navbarData,
   userData,
   onLogout
 }) {
-  return /* @__PURE__ */ jsx7("nav", { children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between px-10 py-2 bg-card items-center", children: [
+  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__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         Image2,
         {
-          src: "/svg/sidebarIcon.svg",
+          src: sidebarIcon_default,
           alt: "Logo",
           width: 72,
           height: 18
         }
       ),
-      /* @__PURE__ */ jsx7(NavigationMenu, { viewport: false, children: /* @__PURE__ */ jsxs4(NavigationMenuList, { children: [
+      /* @__PURE__ */ jsx6(NavigationMenu, { viewport: false, children: /* @__PURE__ */ jsxs4(NavigationMenuList, { children: [
         /* @__PURE__ */ jsxs4(NavigationMenuItem, { children: [
-          /* @__PURE__ */ jsx7(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Hub Tool" }),
-          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
-            /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Components" }) }),
-            /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Documentation" }) })
+          /* @__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__ */ jsx7(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Admin" }),
-          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
-            /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Components" }) }),
-            /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Documentation" }) })
+          /* @__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" }) })
           ] }) }) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx7(user_default, { userData, onLogout })
+    /* @__PURE__ */ jsx6(user_default2, { userData, onLogout })
   ] }) });
 }
 
+// src/components/custom/navbar/mobileNavbar.tsx
+import Link3 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";
@@ -468,14 +446,14 @@ import { Menu, X } from "lucide-react";
 // src/components/ui/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx7(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx7(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -483,7 +461,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -505,7 +483,7 @@ function SheetContent(_a) {
     "side"
   ]);
   return /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-    /* @__PURE__ */ jsx8(SheetOverlay, {}),
+    /* @__PURE__ */ jsx7(SheetOverlay, {}),
     /* @__PURE__ */ jsxs5(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -522,8 +500,8 @@ function SheetContent(_a) {
         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__ */ jsx8(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx7(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -532,7 +510,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -546,7 +524,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -560,7 +538,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -571,14 +549,14 @@ function SheetDescription(_a) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -588,11 +566,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9(TooltipProvider, { children: /* @__PURE__ */ jsx9(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ jsx8(TooltipProvider, { children: /* @__PURE__ */ jsx8(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -604,7 +582,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx9(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -616,14 +594,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx9(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     })
   ) });
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -704,7 +682,7 @@ function SidebarProvider(_a) {
       toggleSidebar
     ]
   );
-  return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx10(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx9(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -737,7 +715,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -751,7 +729,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx10(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsx9(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs7(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -764,10 +742,10 @@ function Sidebar(_a) {
         side,
         children: [
           /* @__PURE__ */ jsxs7(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx10(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx10(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx9(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx9(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx10("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
@@ -782,7 +760,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -794,7 +772,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -806,7 +784,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx9(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -845,15 +823,15 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        openMobile ? /* @__PURE__ */ jsx10(X, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }) : /* @__PURE__ */ jsx10(Menu, { className: "size-[clamp(1.5rem,1.5rem,1.5rem)]" }),
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Toggle Sidebar" })
+        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" })
       ]
     })
   );
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -867,7 +845,7 @@ function SidebarInset(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -881,7 +859,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -895,7 +873,7 @@ function SidebarGroup(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -906,7 +884,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -953,7 +931,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot2 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx10(
+  const button = /* @__PURE__ */ jsx9(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -975,8 +953,8 @@ function SidebarMenuButton(_a) {
     };
   }
   return /* @__PURE__ */ jsxs7(Tooltip, { children: [
-    /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx9(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -988,7 +966,7 @@ function SidebarMenuButton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -1007,7 +985,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -1029,7 +1007,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -1053,14 +1031,14 @@ import { ChevronRight, CornerDownRight } from "lucide-react";
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx10(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1069,7 +1047,7 @@ function CollapsibleTrigger2(_a) {
 }
 function CollapsibleContent2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1078,30 +1056,30 @@ function CollapsibleContent2(_a) {
 }
 
 // src/components/custom/navbar/nav-main.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function NavMain({ items }) {
-  return /* @__PURE__ */ jsx12(SidebarGroup, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: renderMenu(items) }) });
+  return /* @__PURE__ */ jsx11(SidebarGroup, { children: /* @__PURE__ */ jsx11(SidebarMenu, { children: renderMenu(items) }) });
 }
 function renderMenu(data) {
   return Object.entries(data).map(([title, value]) => {
     if (typeof value === "string") {
-      return /* @__PURE__ */ jsx12(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx12(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxs8("a", { href: `/${value}`, children: [
-        /* @__PURE__ */ jsx12(CornerDownRight, {}),
-        /* @__PURE__ */ jsx12("span", { className: "font-light text-sm", children: title })
+      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 })
       ] }) }) }, title);
     }
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       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__ */ jsx12(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs8(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(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" })
           ] }) }),
-          /* @__PURE__ */ jsx12(CollapsibleContent2, { children: /* @__PURE__ */ jsx12(SidebarMenuSub, { children: renderMenu(value) }) })
+          /* @__PURE__ */ jsx11(CollapsibleContent2, { children: /* @__PURE__ */ jsx11(SidebarMenuSub, { children: renderMenu(value) }) })
         ] })
       },
       title
@@ -1110,16 +1088,14 @@ function renderMenu(data) {
 }
 
 // src/components/custom/navbar/app-sidebar.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function AppSidebar(_a) {
   var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
-  return /* @__PURE__ */ jsx13(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx13(SidebarContent, { children: /* @__PURE__ */ jsx13(NavMain, { items: data }) }) }));
+  return /* @__PURE__ */ jsx12(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: /* @__PURE__ */ jsx12(SidebarContent, { children: /* @__PURE__ */ jsx12(NavMain, { items: data }) }) }));
 }
 
 // src/components/custom/navbar/mobileNavbar.tsx
-import Image3 from "next/image";
-import Link3 from "next/link";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function MobileNavbar({
   navbarData,
   userData,
@@ -1128,38 +1104,38 @@ function MobileNavbar({
   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__ */ jsx14(SidebarTrigger, {}),
-      /* @__PURE__ */ jsx14(Link3, { href: "/", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx13(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx13(Link3, { href: "/", children: /* @__PURE__ */ jsx13(
         Image3,
         {
-          src: "/svg/sidebarIcon.svg",
+          src: sidebarIcon_default,
           alt: "Logo",
           width: 72,
           height: 18
         }
       ) }),
-      /* @__PURE__ */ jsx14(user_default, { userData, onLogout })
+      /* @__PURE__ */ jsx13(user_default2, { userData, onLogout })
     ] }),
-    /* @__PURE__ */ jsx14(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx14(AppSidebar, { data: safeData }) })
+    /* @__PURE__ */ jsx13(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx13(AppSidebar, { data: safeData }) })
   ] });
 }
 
 // src/components/custom/navbar/navbar.tsx
-import { Fragment, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
 function Navbar({
   navbarData,
   userData,
   onLogout
 }) {
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx15(Fragment, { children: isMobile ? /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(Fragment, { children: isMobile ? /* @__PURE__ */ jsx14(
     MobileNavbar,
     {
       navbarData,
       userData,
       onLogout
     }
-  ) : /* @__PURE__ */ jsx15(
+  ) : /* @__PURE__ */ jsx14(
     DesktopNavbar,
     {
       navbarData,
@@ -1174,5 +1150,5 @@ export {
   MobileNavbar,
   NavMain,
   Navbar,
-  user_default as User
+  user_default2 as User
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "3.0.6",
+    "version": "3.0.8",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",
@@ -19,6 +19,7 @@
         "dev": "next dev --turbopack",
         "build:css": "npx @tailwindcss/cli -i ./src/index.css -o ./dist/styles.css --minify",
         "build": "tsup && npm run build:css",
+        "postbuild": "cp -r src/assets dist/assets",
         "start": "next start",
         "lint": "eslint",
         "release": "sh release.sh"