{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "navbar-user-menu",
  "type": "registry:ui",
  "title": "Navbar User Menu",
  "description": "A navigation bar with user avatar, dropdown menu, and notification bell.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "avatar",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "registry/ruixenui/navbar-user-menu.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { Bell, ChevronDown, LogOut, Settings, User } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\n\nexport interface NavbarUserMenuProps {\n  logo?: React.ReactNode;\n  links?: { label: string; href: string; active?: boolean }[];\n  user?: {\n    name: string;\n    email: string;\n    avatar?: string;\n    initials?: string;\n  };\n  notificationCount?: number;\n  onLogout?: () => void;\n  className?: string;\n}\n\nexport default function NavbarUserMenu({\n  logo = <span className=\"font-semibold\">Logo</span>,\n  links = [\n    { label: \"Dashboard\", href: \"#\", active: true },\n    { label: \"Projects\", href: \"#\" },\n    { label: \"Team\", href: \"#\" },\n  ],\n  user = {\n    name: \"John Doe\",\n    email: \"john@example.com\",\n    initials: \"JD\",\n  },\n  notificationCount = 0,\n  onLogout,\n  className,\n}: NavbarUserMenuProps) {\n  return (\n    <header className={cn(\"w-full border-b\", className)}>\n      <div className=\"flex h-14 items-center justify-between px-4\">\n        <div className=\"flex items-center gap-6\">\n          <Link href=\"/\" className=\"flex items-center\">\n            {logo}\n          </Link>\n          <nav className=\"hidden items-center gap-6 md:flex\">\n            {links.map((link) => (\n              <Link\n                key={link.href + link.label}\n                href={link.href}\n                className={cn(\n                  \"text-sm transition-colors hover:text-foreground\",\n                  link.active ? \"text-foreground\" : \"text-muted-foreground\",\n                )}\n              >\n                {link.label}\n              </Link>\n            ))}\n          </nav>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"icon\" className=\"relative\">\n            <Bell className=\"size-4\" />\n            {notificationCount > 0 && (\n              <span className=\"absolute -right-0.5 -top-0.5 flex size-4 items-center justify-center rounded-full bg-destructive text-[10px] font-medium text-destructive-foreground\">\n                {notificationCount > 9 ? \"9+\" : notificationCount}\n              </span>\n            )}\n          </Button>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" className=\"gap-2 pl-2 pr-1\">\n                <Avatar className=\"size-6\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"text-xs\">\n                    {user.initials}\n                  </AvatarFallback>\n                </Avatar>\n                <span className=\"hidden text-sm md:inline\">{user.name}</span>\n                <ChevronDown className=\"size-4 text-muted-foreground\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-56\">\n              <div className=\"px-2 py-1.5\">\n                <p className=\"text-sm font-medium\">{user.name}</p>\n                <p className=\"text-xs text-muted-foreground\">{user.email}</p>\n              </div>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem>\n                <User className=\"mr-2 size-4\" />\n                Profile\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Settings className=\"mr-2 size-4\" />\n                Settings\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={onLogout} className=\"text-destructive\">\n                <LogOut className=\"mr-2 size-4\" />\n                Log out\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n    </header>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ruixen/navbar-user-menu.tsx"
    }
  ]
}