react-shadcn-kit 0.0.5 → 0.0.7

package/dist/index.js

@@ -0,0 +1,349 @@
+import './assets/global.css';/* empty css           */
+import { AppSidebar as t } from "./organisms/app-sidebar.js";
+import { AppNavbar as n } from "./organisms/app-navbar.js";
+import { default as p } from "./default-layout.js";
+import { Accordion as l, AccordionContent as m, AccordionItem as d, AccordionTrigger as b } from "./atoms/accordion.js";
+import { AlertDialog as C, AlertDialogAction as S, AlertDialogCancel as x, AlertDialogContent as M, AlertDialogDescription as D, AlertDialogFooter as T, AlertDialogHeader as f, AlertDialogOverlay as c, AlertDialogPortal as s, AlertDialogTitle as I, AlertDialogTrigger as A } from "./atoms/alert-dialog.js";
+import { Alert as P, AlertDescription as w, AlertTitle as F } from "./atoms/alert.js";
+import { AspectRatio as h } from "./atoms/aspect-ratio.js";
+import { Avatar as L, AvatarFallback as y, AvatarImage as H } from "./atoms/avatar.js";
+import { Badge as N, badgeVariants as k } from "./atoms/badge.js";
+import { Breadcrumb as O, BreadcrumbEllipsis as V, BreadcrumbItem as z, BreadcrumbLink as K, BreadcrumbList as U, BreadcrumbPage as j, BreadcrumbSeparator as q } from "./atoms/breadcrumb.js";
+import { ButtonGroup as Q, ButtonGroupSeparator as W, ButtonGroupText as X, buttonGroupVariants as Y } from "./atoms/button-group.js";
+import { Button as _, buttonVariants as $ } from "./atoms/button.js";
+import { Calendar as re, CalendarDayButton as oe } from "./atoms/calendar.js";
+import { Card as ae, CardAction as ne, CardContent as ie, CardDescription as pe, CardFooter as ue, CardHeader as le, CardTitle as me } from "./atoms/card.js";
+import { Carousel as be, CarouselContent as ge, CarouselItem as Ce, CarouselNext as Se, CarouselPrevious as xe } from "./atoms/carousel.js";
+import { ChartContainer as De, ChartLegend as Te, ChartLegendContent as fe, ChartStyle as ce, ChartTooltip as se, ChartTooltipContent as Ie } from "./atoms/chart.js";
+import { Checkbox as Ge } from "./atoms/checkbox.js";
+import { Collapsible as we, CollapsibleContent as Fe, CollapsibleTrigger as ve } from "./atoms/collapsible.js";
+import { Command as Be, CommandDialog as Le, CommandEmpty as ye, CommandGroup as He, CommandInput as Re, CommandItem as Ne, CommandList as ke, CommandSeparator as Ee, CommandShortcut as Oe } from "./atoms/command.js";
+import { ContextMenu as ze, ContextMenuCheckboxItem as Ke, ContextMenuContent as Ue, ContextMenuGroup as je, ContextMenuItem as qe, ContextMenuLabel as Je, ContextMenuPortal as Qe, ContextMenuRadioGroup as We, ContextMenuRadioItem as Xe, ContextMenuSeparator as Ye, ContextMenuShortcut as Ze, ContextMenuSub as _e, ContextMenuSubContent as $e, ContextMenuSubTrigger as er, ContextMenuTrigger as rr } from "./atoms/context-menu.js";
+import { Dialog as tr, DialogClose as ar, DialogContent as nr, DialogDescription as ir, DialogFooter as pr, DialogHeader as ur, DialogOverlay as lr, DialogPortal as mr, DialogTitle as dr, DialogTrigger as br } from "./atoms/dialog.js";
+import { Drawer as Cr, DrawerClose as Sr, DrawerContent as xr, DrawerDescription as Mr, DrawerFooter as Dr, DrawerHeader as Tr, DrawerOverlay as fr, DrawerPortal as cr, DrawerTitle as sr, DrawerTrigger as Ir } from "./atoms/drawer.js";
+import { DropdownMenu as Gr, DropdownMenuCheckboxItem as Pr, DropdownMenuContent as wr, DropdownMenuGroup as Fr, DropdownMenuItem as vr, DropdownMenuLabel as hr, DropdownMenuPortal as Br, DropdownMenuRadioGroup as Lr, DropdownMenuRadioItem as yr, DropdownMenuSeparator as Hr, DropdownMenuShortcut as Rr, DropdownMenuSub as Nr, DropdownMenuSubContent as kr, DropdownMenuSubTrigger as Er, DropdownMenuTrigger as Or } from "./atoms/dropdown-menu.js";
+import { Empty as zr, EmptyContent as Kr, EmptyDescription as Ur, EmptyHeader as jr, EmptyMedia as qr, EmptyTitle as Jr } from "./atoms/empty.js";
+import { Field as Wr, FieldContent as Xr, FieldDescription as Yr, FieldError as Zr, FieldGroup as _r, FieldLabel as $r, FieldLegend as eo, FieldSeparator as ro, FieldSet as oo, FieldTitle as to } from "./atoms/field.js";
+import { Form as no, FormControl as io, FormDescription as po, FormField as uo, FormItem as lo, FormLabel as mo, FormMessage as bo, useFormField as go } from "./atoms/form.js";
+import { HoverCard as So, HoverCardContent as xo, HoverCardTrigger as Mo } from "./atoms/hover-card.js";
+import { InputGroup as To, InputGroupAddon as fo, InputGroupButton as co, InputGroupInput as so, InputGroupText as Io, InputGroupTextarea as Ao } from "./atoms/input-group.js";
+import { InputOTP as Po, InputOTPGroup as wo, InputOTPSeparator as Fo, InputOTPSlot as vo } from "./atoms/input-otp.js";
+import { Input as Bo } from "./atoms/input.js";
+import { Item as yo, ItemActions as Ho, ItemContent as Ro, ItemDescription as No, ItemFooter as ko, ItemGroup as Eo, ItemHeader as Oo, ItemMedia as Vo, ItemSeparator as zo, ItemTitle as Ko } from "./atoms/item.js";
+import { Kbd as jo, KbdGroup as qo } from "./atoms/kbd.js";
+import { Label as Qo } from "./atoms/label.js";
+import { Menubar as Xo, MenubarCheckboxItem as Yo, MenubarContent as Zo, MenubarGroup as _o, MenubarItem as $o, MenubarLabel as et, MenubarMenu as rt, MenubarPortal as ot, MenubarRadioGroup as tt, MenubarRadioItem as at, MenubarSeparator as nt, MenubarShortcut as it, MenubarSub as pt, MenubarSubContent as ut, MenubarSubTrigger as lt, MenubarTrigger as mt } from "./atoms/menubar.js";
+import { NavigationMenu as bt, NavigationMenuContent as gt, NavigationMenuIndicator as Ct, NavigationMenuItem as St, NavigationMenuLink as xt, NavigationMenuList as Mt, NavigationMenuTrigger as Dt, NavigationMenuViewport as Tt, navigationMenuTriggerStyle as ft } from "./atoms/navigation-menu.js";
+import { Pagination as st, PaginationContent as It, PaginationEllipsis as At, PaginationItem as Gt, PaginationLink as Pt, PaginationNext as wt, PaginationPrevious as Ft } from "./atoms/pagination.js";
+import { Popover as ht, PopoverAnchor as Bt, PopoverContent as Lt, PopoverTrigger as yt } from "./atoms/popover.js";
+import { Progress as Rt } from "./atoms/progress.js";
+import { RadioGroup as kt, RadioGroupItem as Et } from "./atoms/radio-group.js";
+import { ResizableHandle as Vt, ResizablePanel as zt, ResizablePanelGroup as Kt } from "./atoms/resizable.js";
+import { ScrollArea as jt, ScrollBar as qt } from "./atoms/scroll-area.js";
+import { Select as Qt, SelectContent as Wt, SelectGroup as Xt, SelectItem as Yt, SelectLabel as Zt, SelectScrollDownButton as _t, SelectScrollUpButton as $t, SelectSeparator as ea, SelectTrigger as ra, SelectValue as oa } from "./atoms/select.js";
+import { Separator as aa } from "./atoms/separator.js";
+import { Sheet as ia, SheetClose as pa, SheetContent as ua, SheetDescription as la, SheetFooter as ma, SheetHeader as da, SheetTitle as ba, SheetTrigger as ga } from "./atoms/sheet.js";
+import { Sidebar as Sa, SidebarContent as xa, SidebarFooter as Ma, SidebarGroup as Da, SidebarGroupAction as Ta, SidebarGroupContent as fa, SidebarGroupLabel as ca, SidebarHeader as sa, SidebarInput as Ia, SidebarInset as Aa, SidebarMenu as Ga, SidebarMenuAction as Pa, SidebarMenuBadge as wa, SidebarMenuButton as Fa, SidebarMenuItem as va, SidebarMenuSkeleton as ha, SidebarMenuSub as Ba, SidebarMenuSubButton as La, SidebarMenuSubItem as ya, SidebarProvider as Ha, SidebarRail as Ra, SidebarSeparator as Na, SidebarTrigger as ka, useSidebar as Ea } from "./atoms/sidebar.js";
+import { Skeleton as Va } from "./atoms/skeleton.js";
+import { Slider as Ka } from "./atoms/slider.js";
+import { Toaster as ja } from "./atoms/sonner.js";
+import { Spinner as Ja } from "./atoms/spinner.js";
+import { Switch as Wa } from "./atoms/switch.js";
+import { Table as Ya, TableBody as Za, TableCaption as _a, TableCell as $a, TableFooter as en, TableHead as rn, TableHeader as on, TableRow as tn } from "./atoms/table.js";
+import { Tabs as nn, TabsContent as pn, TabsList as un, TabsTrigger as ln } from "./atoms/tabs.js";
+import { Textarea as dn } from "./atoms/textarea.js";
+import { ToggleGroup as gn, ToggleGroupItem as Cn } from "./atoms/toggle-group.js";
+import { Toggle as xn, toggleVariants as Mn } from "./atoms/toggle.js";
+import { Tooltip as Tn, TooltipContent as fn, TooltipProvider as cn, TooltipTrigger as sn } from "./atoms/tooltip.js";
+import { ThemeProvider as An } from "./atoms/theme-provider.js";
+export {
+  l as Accordion,
+  m as AccordionContent,
+  d as AccordionItem,
+  b as AccordionTrigger,
+  P as Alert,
+  w as AlertDescription,
+  C as AlertDialog,
+  S as AlertDialogAction,
+  x as AlertDialogCancel,
+  M as AlertDialogContent,
+  D as AlertDialogDescription,
+  T as AlertDialogFooter,
+  f as AlertDialogHeader,
+  c as AlertDialogOverlay,
+  s as AlertDialogPortal,
+  I as AlertDialogTitle,
+  A as AlertDialogTrigger,
+  F as AlertTitle,
+  n as AppNavbar,
+  t as AppSidebar,
+  h as AspectRatio,
+  L as Avatar,
+  y as AvatarFallback,
+  H as AvatarImage,
+  N as Badge,
+  O as Breadcrumb,
+  V as BreadcrumbEllipsis,
+  z as BreadcrumbItem,
+  K as BreadcrumbLink,
+  U as BreadcrumbList,
+  j as BreadcrumbPage,
+  q as BreadcrumbSeparator,
+  _ as Button,
+  Q as ButtonGroup,
+  W as ButtonGroupSeparator,
+  X as ButtonGroupText,
+  re as Calendar,
+  oe as CalendarDayButton,
+  ae as Card,
+  ne as CardAction,
+  ie as CardContent,
+  pe as CardDescription,
+  ue as CardFooter,
+  le as CardHeader,
+  me as CardTitle,
+  be as Carousel,
+  ge as CarouselContent,
+  Ce as CarouselItem,
+  Se as CarouselNext,
+  xe as CarouselPrevious,
+  De as ChartContainer,
+  Te as ChartLegend,
+  fe as ChartLegendContent,
+  ce as ChartStyle,
+  se as ChartTooltip,
+  Ie as ChartTooltipContent,
+  Ge as Checkbox,
+  we as Collapsible,
+  Fe as CollapsibleContent,
+  ve as CollapsibleTrigger,
+  Be as Command,
+  Le as CommandDialog,
+  ye as CommandEmpty,
+  He as CommandGroup,
+  Re as CommandInput,
+  Ne as CommandItem,
+  ke as CommandList,
+  Ee as CommandSeparator,
+  Oe as CommandShortcut,
+  ze as ContextMenu,
+  Ke as ContextMenuCheckboxItem,
+  Ue as ContextMenuContent,
+  je as ContextMenuGroup,
+  qe as ContextMenuItem,
+  Je as ContextMenuLabel,
+  Qe as ContextMenuPortal,
+  We as ContextMenuRadioGroup,
+  Xe as ContextMenuRadioItem,
+  Ye as ContextMenuSeparator,
+  Ze as ContextMenuShortcut,
+  _e as ContextMenuSub,
+  $e as ContextMenuSubContent,
+  er as ContextMenuSubTrigger,
+  rr as ContextMenuTrigger,
+  p as DefaultLayout,
+  tr as Dialog,
+  ar as DialogClose,
+  nr as DialogContent,
+  ir as DialogDescription,
+  pr as DialogFooter,
+  ur as DialogHeader,
+  lr as DialogOverlay,
+  mr as DialogPortal,
+  dr as DialogTitle,
+  br as DialogTrigger,
+  Cr as Drawer,
+  Sr as DrawerClose,
+  xr as DrawerContent,
+  Mr as DrawerDescription,
+  Dr as DrawerFooter,
+  Tr as DrawerHeader,
+  fr as DrawerOverlay,
+  cr as DrawerPortal,
+  sr as DrawerTitle,
+  Ir as DrawerTrigger,
+  Gr as DropdownMenu,
+  Pr as DropdownMenuCheckboxItem,
+  wr as DropdownMenuContent,
+  Fr as DropdownMenuGroup,
+  vr as DropdownMenuItem,
+  hr as DropdownMenuLabel,
+  Br as DropdownMenuPortal,
+  Lr as DropdownMenuRadioGroup,
+  yr as DropdownMenuRadioItem,
+  Hr as DropdownMenuSeparator,
+  Rr as DropdownMenuShortcut,
+  Nr as DropdownMenuSub,
+  kr as DropdownMenuSubContent,
+  Er as DropdownMenuSubTrigger,
+  Or as DropdownMenuTrigger,
+  zr as Empty,
+  Kr as EmptyContent,
+  Ur as EmptyDescription,
+  jr as EmptyHeader,
+  qr as EmptyMedia,
+  Jr as EmptyTitle,
+  Wr as Field,
+  Xr as FieldContent,
+  Yr as FieldDescription,
+  Zr as FieldError,
+  _r as FieldGroup,
+  $r as FieldLabel,
+  eo as FieldLegend,
+  ro as FieldSeparator,
+  oo as FieldSet,
+  to as FieldTitle,
+  no as Form,
+  io as FormControl,
+  po as FormDescription,
+  uo as FormField,
+  lo as FormItem,
+  mo as FormLabel,
+  bo as FormMessage,
+  So as HoverCard,
+  xo as HoverCardContent,
+  Mo as HoverCardTrigger,
+  Bo as Input,
+  To as InputGroup,
+  fo as InputGroupAddon,
+  co as InputGroupButton,
+  so as InputGroupInput,
+  Io as InputGroupText,
+  Ao as InputGroupTextarea,
+  Po as InputOTP,
+  wo as InputOTPGroup,
+  Fo as InputOTPSeparator,
+  vo as InputOTPSlot,
+  yo as Item,
+  Ho as ItemActions,
+  Ro as ItemContent,
+  No as ItemDescription,
+  ko as ItemFooter,
+  Eo as ItemGroup,
+  Oo as ItemHeader,
+  Vo as ItemMedia,
+  zo as ItemSeparator,
+  Ko as ItemTitle,
+  jo as Kbd,
+  qo as KbdGroup,
+  Qo as Label,
+  Xo as Menubar,
+  Yo as MenubarCheckboxItem,
+  Zo as MenubarContent,
+  _o as MenubarGroup,
+  $o as MenubarItem,
+  et as MenubarLabel,
+  rt as MenubarMenu,
+  ot as MenubarPortal,
+  tt as MenubarRadioGroup,
+  at as MenubarRadioItem,
+  nt as MenubarSeparator,
+  it as MenubarShortcut,
+  pt as MenubarSub,
+  ut as MenubarSubContent,
+  lt as MenubarSubTrigger,
+  mt as MenubarTrigger,
+  bt as NavigationMenu,
+  gt as NavigationMenuContent,
+  Ct as NavigationMenuIndicator,
+  St as NavigationMenuItem,
+  xt as NavigationMenuLink,
+  Mt as NavigationMenuList,
+  Dt as NavigationMenuTrigger,
+  Tt as NavigationMenuViewport,
+  st as Pagination,
+  It as PaginationContent,
+  At as PaginationEllipsis,
+  Gt as PaginationItem,
+  Pt as PaginationLink,
+  wt as PaginationNext,
+  Ft as PaginationPrevious,
+  ht as Popover,
+  Bt as PopoverAnchor,
+  Lt as PopoverContent,
+  yt as PopoverTrigger,
+  Rt as Progress,
+  kt as RadioGroup,
+  Et as RadioGroupItem,
+  Vt as ResizableHandle,
+  zt as ResizablePanel,
+  Kt as ResizablePanelGroup,
+  jt as ScrollArea,
+  qt as ScrollBar,
+  Qt as Select,
+  Wt as SelectContent,
+  Xt as SelectGroup,
+  Yt as SelectItem,
+  Zt as SelectLabel,
+  _t as SelectScrollDownButton,
+  $t as SelectScrollUpButton,
+  ea as SelectSeparator,
+  ra as SelectTrigger,
+  oa as SelectValue,
+  aa as Separator,
+  ia as Sheet,
+  pa as SheetClose,
+  ua as SheetContent,
+  la as SheetDescription,
+  ma as SheetFooter,
+  da as SheetHeader,
+  ba as SheetTitle,
+  ga as SheetTrigger,
+  Sa as Sidebar,
+  xa as SidebarContent,
+  Ma as SidebarFooter,
+  Da as SidebarGroup,
+  Ta as SidebarGroupAction,
+  fa as SidebarGroupContent,
+  ca as SidebarGroupLabel,
+  sa as SidebarHeader,
+  Ia as SidebarInput,
+  Aa as SidebarInset,
+  Ga as SidebarMenu,
+  Pa as SidebarMenuAction,
+  wa as SidebarMenuBadge,
+  Fa as SidebarMenuButton,
+  va as SidebarMenuItem,
+  ha as SidebarMenuSkeleton,
+  Ba as SidebarMenuSub,
+  La as SidebarMenuSubButton,
+  ya as SidebarMenuSubItem,
+  Ha as SidebarProvider,
+  Ra as SidebarRail,
+  Na as SidebarSeparator,
+  ka as SidebarTrigger,
+  Va as Skeleton,
+  Ka as Slider,
+  Ja as Spinner,
+  Wa as Switch,
+  Ya as Table,
+  Za as TableBody,
+  _a as TableCaption,
+  $a as TableCell,
+  en as TableFooter,
+  rn as TableHead,
+  on as TableHeader,
+  tn as TableRow,
+  nn as Tabs,
+  pn as TabsContent,
+  un as TabsList,
+  ln as TabsTrigger,
+  dn as Textarea,
+  An as ThemeProvider,
+  ja as Toaster,
+  xn as Toggle,
+  gn as ToggleGroup,
+  Cn as ToggleGroupItem,
+  Tn as Tooltip,
+  fn as TooltipContent,
+  cn as TooltipProvider,
+  sn as TooltipTrigger,
+  k as badgeVariants,
+  Y as buttonGroupVariants,
+  $ as buttonVariants,
+  ft as navigationMenuTriggerStyle,
+  Mn as toggleVariants,
+  go as useFormField,
+  Ea as useSidebar
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/dist/lib/index.js

@@ -0,0 +1,5 @@
+import { cn as c } from "./utils.js";
+export {
+  c as cn
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/{es/lib → lib}/utils.js

@@ -6,3 +6,4 @@ function n(...r) {
 export {
   n as cn
 };
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["clsx","twMerge","cn","inputs"],"mappings":"AAGO,SAAA,QAAAA,SAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAASC,KAAMC,GAAsB;AAC1C,SAAOF,EAAQD,EAAKG,CAAM,CAAC;AAC7B;"}

package/dist/molecules/index.d.ts

@@ -0,0 +1,3 @@
+export * from './sidebar-theme-toggle';
+export * from './theme-toggle';
+export * from './user-menu';

package/dist/molecules/index.js

@@ -0,0 +1,9 @@
+import { SidebarThemeToggle as r } from "./sidebar-theme-toggle.js";
+import { ThemeToggle as g } from "./theme-toggle.js";
+import { UserMenu as f } from "./user-menu.js";
+export {
+  r as SidebarThemeToggle,
+  g as ThemeToggle,
+  f as UserMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/{es/organisms/app-sidebar-client.js → molecules/sidebar-theme-toggle.js}

@@ -36,3 +36,4 @@ function k() {
 export {
   k as SidebarThemeToggle
 };
+//# sourceMappingURL=sidebar-theme-toggle.js.map

package/dist/molecules/sidebar-theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-theme-toggle.js","sources":["../../src/molecules/sidebar-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, Moon, Sun } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\nimport { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from \"@/atoms/sidebar\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\n\n/**\n * Client-only theme toggle component for sidebar footer.\n * This component uses next-themes hooks and must remain client-side.\n */\nexport function SidebarThemeToggle() {\n  const { setTheme } = useTheme();\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton size=\"lg\">\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <Sun className=\"size-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n                <Moon className=\"absolute size-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">Theme</span>\n                <span className=\"truncate text-xs\">Toggle theme</span>\n              </div>\n              <ChevronDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n            side=\"bottom\"\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuItem onClick={() => setTheme(\"light\")}>Light</DropdownMenuItem>\n            <DropdownMenuItem onClick={() => setTheme(\"dark\")}>Dark</DropdownMenuItem>\n            <DropdownMenuItem onClick={() => setTheme(\"system\")}>System</DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  );\n}\n"],"names":["jsx","jsxs","Sun","Moon","ChevronDown","useTheme","SidebarMenu","SidebarMenuItem","SidebarMenuButton","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","SidebarThemeToggle","setTheme"],"mappings":"AAgBO,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,SAAA,OAAAC,GAAA,QAAAC,GAAA,eAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,SAAA,eAAAC,GAAA,mBAAAC,GAAA,qBAAAC,SAAA;AAAA,SAAA,gBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,oBAAAC,SAAA;AAAA,SAASC,IAAqB;AACnC,QAAM,EAAE,UAAAC,EAAA,IAAaT,EAAA;AAErB,SACE,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,EACC,4BAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAT,EAACU,KAAoB,SAAO,IAC1B,UAAA,gBAAAT,EAACO,GAAA,EAAkB,MAAK,MACtB,UAAA;AAAA,MAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uHACb,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EAAI,WAAU,wEAAA,CAAwE;AAAA,QACvF,gBAAAF,EAACG,GAAA,EAAK,WAAU,gFAAA,CAAgF;AAAA,MAAA,GAClG;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,0BAAyB,UAAA,SAAK;AAAA,QAC9C,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,eAAA,CAAY;AAAA,MAAA,GACjD;AAAA,MACA,gBAAAA,EAACI,GAAA,EAAY,WAAU,iBAAA,CAAiB;AAAA,IAAA,EAAA,CAC1C,EAAA,CACF;AAAA,IACA,gBAAAH;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAX,EAACY,KAAiB,SAAS,MAAME,EAAS,OAAO,GAAG,UAAA,SAAK;AAAA,4BACxDF,GAAA,EAAiB,SAAS,MAAME,EAAS,MAAM,GAAG,UAAA,QAAI;AAAA,4BACtDF,GAAA,EAAiB,SAAS,MAAME,EAAS,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7D,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/{es/molecules → molecules}/theme-toggle.js

@@ -28,3 +28,4 @@ function N({
 export {
   N as ThemeToggle
 };
+//# sourceMappingURL=theme-toggle.js.map

package/dist/molecules/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sources":["../../src/molecules/theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\n\nimport { Button } from \"@/atoms/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface ThemeToggleProps {\n  align?: \"center\" | \"start\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  sideOffset?: number;\n  className?: string;\n  trigger?: React.ReactNode;\n}\n\nexport function ThemeToggle({\n  align = \"end\",\n  side = \"bottom\",\n  sideOffset = 4,\n  className,\n  trigger,\n}: ThemeToggleProps) {\n  const { setTheme } = useTheme();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        {trigger ? (\n          trigger\n        ) : (\n          <Button variant=\"ghost\" size=\"icon\" className={cn(\"h-9 w-9\", className)}>\n            <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n            <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n            <span className=\"sr-only\">Toggle theme</span>\n          </Button>\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} sideOffset={sideOffset}>\n        <DropdownMenuItem onClick={() => setTheme(\"light\")}>Light</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme(\"dark\")}>Dark</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme(\"system\")}>System</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["jsxs","jsx","Sun","Moon","useTheme","Button","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","cn","ThemeToggle","align","side","sideOffset","className","trigger","setTheme"],"mappings":"AAuBO,SAAA,QAAAA,GAAA,OAAAC,SAAA;AAAA,SAAA,OAAAC,GAAA,QAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,SAAA,gBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,oBAAAC,SAAA;AAAA,SAAA,MAAAC,SAAA;AAAA,SAASC,EAAY;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AACF,GAAqB;AACnB,QAAM,EAAE,UAAAC,EAAA,IAAab,EAAA;AAErB,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAoB,SAAO,IACzB,UAAAS,KAGC,gBAAAhB,EAACK,GAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,WAAWK,EAAG,WAAWK,CAAS,GACpE,UAAA;AAAA,MAAA,gBAAAd,EAACC,GAAA,EAAI,WAAU,uFAAA,CAAuF;AAAA,MACtG,gBAAAD,EAACE,GAAA,EAAK,WAAU,+FAAA,CAA+F;AAAA,MAC/G,gBAAAF,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CACxC,EAAA,CAEJ;AAAA,IACA,gBAAAD,EAACQ,GAAA,EAAoB,OAAAI,GAAc,MAAAC,GAAY,YAAAC,GAC7C,UAAA;AAAA,MAAA,gBAAAb,EAACQ,KAAiB,SAAS,MAAMQ,EAAS,OAAO,GAAG,UAAA,SAAK;AAAA,wBACxDR,GAAA,EAAiB,SAAS,MAAMQ,EAAS,MAAM,GAAG,UAAA,QAAI;AAAA,wBACtDR,GAAA,EAAiB,SAAS,MAAMQ,EAAS,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}

package/dist/{es/molecules → molecules}/user-menu.js

@@ -27,3 +27,4 @@ function b({ user: n, items: l, className: i }) {
 export {
   b as UserMenu
 };
+//# sourceMappingURL=user-menu.js.map

package/dist/molecules/user-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","sources":["../../src/molecules/user-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/atoms/avatar\";\nimport { Button } from \"@/atoms/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface UserMenuProps {\n  user: {\n    name: string;\n    email: string;\n    avatar?: string;\n  };\n  items?: Array<{\n    label: string;\n    href?: string;\n    onClick?: () => void;\n    icon?: React.ComponentType<{ className?: string }>;\n  }>;\n  className?: string;\n}\n\nexport function UserMenu({ user, items, className }: UserMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" className={cn(\"rounded-full\", className)}>\n          <Avatar className=\"h-8 w-8\">\n            <AvatarImage src={user.avatar} alt={user.name} />\n            <AvatarFallback>{user.name?.[0] ?? \"U\"}</AvatarFallback>\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel className=\"p-0 font-normal\">\n          <div className=\"flex flex-col space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">{user.name}</p>\n            <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n          </div>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {items?.map((item, i) => (\n          <DropdownMenuItem key={i} asChild>\n            <a href={item.href ?? \"#\"} onClick={item.onClick}>\n              {item.icon && React.createElement(item.icon, { className: \"mr-2 h-4 w-4\" })}\n              <span>{item.label}</span>\n            </a>\n          </DropdownMenuItem>\n        ))}\n        {!items?.length && (\n          <DropdownMenuItem asChild>\n            <a href=\"#profile\">Profile</a>\n          </DropdownMenuItem>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["UserMenu","user","items","className","DropdownMenu","jsx","DropdownMenuTrigger","Button","cn","jsxs","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","item","i","DropdownMenuItem","React"],"mappings":";;;;;;AA8BO,SAASA,EAAS,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,KAA4B;AAClE,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAC1B,UAAA,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,WAAWC,EAAG,gBAAgBL,CAAS,GACzE,UAAA,gBAAAM,EAACC,GAAA,EAAO,WAAU,WAChB,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAY,KAAKV,EAAK,QAAQ,KAAKA,EAAK,MAAM;AAAA,wBAC9CW,GAAA,EAAgB,UAAAX,EAAK,OAAO,CAAC,KAAK,IAAA,CAAI;AAAA,IAAA,EAAA,CACzC,GACF,GACF;AAAA,IACA,gBAAAQ,EAACI,GAAA,EAAoB,OAAM,OACzB,UAAA;AAAA,MAAA,gBAAAR,EAACS,KAAkB,WAAU,mBAC3B,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,gBAAAJ,EAAC,KAAA,EAAE,WAAU,oCAAoC,UAAAJ,EAAK,MAAK;AAAA,QAC3D,gBAAAI,EAAC,KAAA,EAAE,WAAU,8CAA8C,YAAK,MAAA,CAAM;AAAA,MAAA,EAAA,CACxE,EAAA,CACF;AAAA,wBACCU,GAAA,EAAsB;AAAA,MACtBb,GAAO,IAAI,CAACc,GAAMC,wBAChBC,GAAA,EAAyB,SAAO,IAC/B,UAAA,gBAAAT,EAAC,OAAE,MAAMO,EAAK,QAAQ,KAAK,SAASA,EAAK,SACtC,UAAA;AAAA,QAAAA,EAAK,QAAQG,EAAM,cAAcH,EAAK,MAAM,EAAE,WAAW,gBAAgB;AAAA,QAC1E,gBAAAX,EAAC,QAAA,EAAM,UAAAW,EAAK,MAAA,CAAM;AAAA,MAAA,GACpB,EAAA,GAJqBC,CAKvB,CACD;AAAA,MACA,CAACf,GAAO,UACP,gBAAAG,EAACa,GAAA,EAAiB,SAAO,IACvB,UAAA,gBAAAb,EAAC,KAAA,EAAE,MAAK,YAAW,UAAA,UAAA,CAAO,EAAA,CAC5B;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/organisms/app-navbar.d.ts

@@ -1,6 +1,29 @@
-import { NavbarConfig } from '../types/navigation';
+import { UserConfig, BrandingConfig, MenuItem, NotificationsList } from '../default-layout';
+interface NavbarLabels {
+    profile?: string;
+    notifications?: string;
+    noNotifications?: string;
+}
+interface UserMenuItem {
+    label: string;
+    href?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    onClick?: () => void;
+}
 interface AppNavbarProps {
-    config?: Partial<NavbarConfig>;
+    items?: (MenuItem & {
+        icon?: React.ComponentType<{
+            className?: string;
+        }>;
+    })[];
+    searchPlaceholder?: string;
+    user?: UserConfig;
+    userMenuItems?: UserMenuItem[];
+    notifications?: NotificationsList[];
+    branding?: BrandingConfig;
+    labels?: NavbarLabels;
     showSearch?: boolean;
     showSidebarTrigger?: boolean;
     showUserMenu?: boolean;
@@ -9,5 +32,5 @@ interface AppNavbarProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function AppNavbar({ config, showSearch, showSidebarTrigger, showUserMenu, showThemeToggle, showNotifications, className, style, }: AppNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppNavbar({ items, searchPlaceholder, user, userMenuItems, notifications, branding, labels, showSearch, showSidebarTrigger, showUserMenu, showThemeToggle, showNotifications, className, style, }: AppNavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/organisms/app-navbar.js

@@ -0,0 +1,102 @@
+import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { Search as v, Bell as b } from "lucide-react";
+import { Input as M } from "../atoms/input.js";
+import { Button as D } from "../atoms/button.js";
+import { SidebarTrigger as S } from "../atoms/sidebar.js";
+import { Separator as k } from "../atoms/separator.js";
+import { ThemeToggle as y } from "../molecules/theme-toggle.js";
+import { UserMenu as T } from "../molecules/user-menu.js";
+import { DropdownMenu as j, DropdownMenuTrigger as I, DropdownMenuContent as U, DropdownMenuLabel as z, DropdownMenuSeparator as A, DropdownMenuItem as B } from "../atoms/dropdown-menu.js";
+function K({
+  items: c = [],
+  searchPlaceholder: d = "Search...",
+  user: a,
+  userMenuItems: p,
+  notifications: o = [],
+  branding: l,
+  labels: n,
+  showSearch: h = !0,
+  showSidebarTrigger: u = !0,
+  showUserMenu: f = !0,
+  showThemeToggle: g = !0,
+  showNotifications: N = !0,
+  className: m,
+  style: x
+}) {
+  return /* @__PURE__ */ r(
+    "header",
+    {
+      className: "flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50" + (m ? ` ${m}` : ""),
+      style: x,
+      children: [
+        u && /* @__PURE__ */ r(w, { children: [
+          /* @__PURE__ */ e(S, { className: "-ml-1" }),
+          /* @__PURE__ */ e(k, { orientation: "vertical", className: "mr-2 h-4" })
+        ] }),
+        l && /* @__PURE__ */ r("a", { href: "#", className: "flex items-center gap-2 mr-4", children: [
+          l.logoUrl && /* @__PURE__ */ e("img", { src: l.logoUrl, alt: l.logoAlt || "Logo", className: "h-6 w-6" }),
+          l.title && /* @__PURE__ */ e("span", { className: "font-semibold", children: l.title })
+        ] }),
+        /* @__PURE__ */ e("nav", { className: "flex items-center gap-6 text-sm font-medium", children: c?.map((t, s) => {
+          const i = t.icon;
+          return /* @__PURE__ */ r(
+            "a",
+            {
+              href: t.href,
+              className: `transition-colors hover:text-foreground/80 ${t.disabled ? "pointer-events-none opacity-50" : "text-foreground/60"}`,
+              children: [
+                i && /* @__PURE__ */ e(i, { className: "inline-block mr-1 h-4 w-4" }),
+                t.label
+              ]
+            },
+            s
+          );
+        }) }),
+        /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-2", children: [
+          h && /* @__PURE__ */ r("div", { className: "relative", children: [
+            /* @__PURE__ */ e(v, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ e(M, { placeholder: d, className: "pl-8 w-[200px] lg:w-[300px]" })
+          ] }),
+          g && /* @__PURE__ */ e(y, {}),
+          f && a && a.name && a.email && /* @__PURE__ */ e(
+            T,
+            {
+              user: { name: a.name, email: a.email, avatar: a.image },
+              items: p
+            }
+          ),
+          N && o && o.length > 0 && /* @__PURE__ */ r(j, { children: [
+            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ r(D, { variant: "ghost", size: "icon", className: "relative", children: [
+              /* @__PURE__ */ e(b, { className: "h-5 w-5" }),
+              o.some((t) => !t.read) && /* @__PURE__ */ e("span", { className: "absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: n?.notifications || "Notifications" })
+            ] }) }),
+            /* @__PURE__ */ r(U, { align: "end", className: "w-80", children: [
+              /* @__PURE__ */ e(z, { children: n?.notifications || "Notifications" }),
+              /* @__PURE__ */ e(A, {}),
+              o.map((t, s) => /* @__PURE__ */ r(
+                B,
+                {
+                  className: "flex flex-col items-start gap-1 p-3 cursor-pointer",
+                  children: [
+                    /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between", children: [
+                      /* @__PURE__ */ e("span", { className: "font-medium", children: t.title }),
+                      /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: t.date })
+                    ] }),
+                    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: t.description })
+                  ]
+                },
+                s
+              )),
+              o.length === 0 && /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: n?.noNotifications || "No new notifications" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  K as AppNavbar
+};
+//# sourceMappingURL=app-navbar.js.map

package/dist/organisms/app-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-navbar.js","sources":["../../src/organisms/app-navbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Search, Bell } from \"lucide-react\";\nimport { Input } from \"@/atoms/input\";\nimport { Button } from \"@/atoms/button\";\nimport { SidebarTrigger } from \"@/atoms/sidebar\";\nimport { Separator } from \"@/atoms/separator\";\nimport { ThemeToggle } from \"@/molecules/theme-toggle\";\nimport { UserMenu } from \"@/molecules/user-menu\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\nimport type { UserConfig, BrandingConfig, MenuItem, NotificationsList } from \"@/default-layout\";\n\ninterface NavbarLabels {\n  profile?: string;\n  notifications?: string;\n  noNotifications?: string;\n}\n\ninterface UserMenuItem {\n  label: string;\n  href?: string;\n  icon?: React.ComponentType<{ className?: string }>;\n  onClick?: () => void;\n}\n\ninterface AppNavbarProps {\n  items?: (MenuItem & { icon?: React.ComponentType<{ className?: string }> })[];\n  searchPlaceholder?: string;\n  user?: UserConfig;\n  userMenuItems?: UserMenuItem[];\n  notifications?: NotificationsList[];\n  branding?: BrandingConfig;\n  labels?: NavbarLabels;\n  showSearch?: boolean;\n  showSidebarTrigger?: boolean;\n  showUserMenu?: boolean;\n  showThemeToggle?: boolean;\n  showNotifications?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function AppNavbar({\n  items = [],\n  searchPlaceholder = \"Search...\",\n  user,\n  userMenuItems,\n  notifications = [],\n  branding,\n  labels,\n  showSearch = true,\n  showSidebarTrigger = true,\n  showUserMenu = true,\n  showThemeToggle = true,\n  showNotifications = true,\n  className,\n  style,\n}: AppNavbarProps) {\n  return (\n    <header\n      className={\n        \"flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50\" +\n        (className ? ` ${className}` : \"\")\n      }\n      style={style}\n    >\n      {showSidebarTrigger && (\n        <>\n          <SidebarTrigger className=\"-ml-1\" />\n          <Separator orientation=\"vertical\" className=\"mr-2 h-4\" />\n        </>\n      )}\n\n      {branding && (\n        <a href=\"#\" className=\"flex items-center gap-2 mr-4\">\n          {branding.logoUrl && (\n            <img src={branding.logoUrl} alt={branding.logoAlt || \"Logo\"} className=\"h-6 w-6\" />\n          )}\n          {branding.title && <span className=\"font-semibold\">{branding.title}</span>}\n        </a>\n      )}\n\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">\n        {items?.map((item, index) => {\n          const Icon = item.icon;\n          return (\n            <a\n              key={index}\n              href={item.href}\n              className={`transition-colors hover:text-foreground/80 ${\n                item.disabled ? \"pointer-events-none opacity-50\" : \"text-foreground/60\"\n              }`}\n            >\n              {Icon && <Icon className=\"inline-block mr-1 h-4 w-4\" />}\n              {item.label}\n            </a>\n          );\n        })}\n      </nav>\n\n      <div className=\"ml-auto flex items-center gap-2\">\n        {showSearch && (\n          <div className=\"relative\">\n            <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n            <Input placeholder={searchPlaceholder} className=\"pl-8 w-[200px] lg:w-[300px]\" />\n          </div>\n        )}\n\n        {showThemeToggle && <ThemeToggle />}\n        {showUserMenu && user && user.name && user.email && (\n          <UserMenu\n            user={{ name: user.name, email: user.email, avatar: user.image }}\n            items={userMenuItems}\n          />\n        )}\n\n        {showNotifications && notifications && notifications.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"relative\">\n                <Bell className=\"h-5 w-5\" />\n                {notifications.some((n) => !n.read) && (\n                  <span className=\"absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600\" />\n                )}\n                <span className=\"sr-only\">{labels?.notifications || \"Notifications\"}</span>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-80\">\n              <DropdownMenuLabel>{labels?.notifications || \"Notifications\"}</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {notifications.map((notification, index) => (\n                <DropdownMenuItem\n                  key={index}\n                  className=\"flex flex-col items-start gap-1 p-3 cursor-pointer\"\n                >\n                  <div className=\"flex w-full items-center justify-between\">\n                    <span className=\"font-medium\">{notification.title}</span>\n                    <span className=\"text-xs text-muted-foreground\">{notification.date}</span>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                    {notification.description}\n                  </p>\n                </DropdownMenuItem>\n              ))}\n              {notifications.length === 0 && (\n                <div className=\"p-4 text-center text-sm text-muted-foreground\">\n                  {labels?.noNotifications || \"No new notifications\"}\n                </div>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"names":["jsxs","jsx","Fragment","Search","Bell","Input","Button","SidebarTrigger","Separator","ThemeToggle","UserMenu","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","AppNavbar","items","searchPlaceholder","user","userMenuItems","notifications","branding","labels","showSearch","showSidebarTrigger","showUserMenu","showThemeToggle","showNotifications","className","style","item","index","Icon","n","notification"],"mappings":"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"}