{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "account-menu",
  "type": "registry:ui",
  "title": "Account Menu",
  "description": "User account dropdown menu with profile options, settings, and logout functionality.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "registry/ruixenui/account-menu.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  User,\n  Users,\n  Settings,\n  LayoutDashboard,\n  LogOut,\n  ChevronDown,\n  Palette,\n  Bell,\n  Moon,\n  Sun,\n} from \"lucide-react\";\n\nexport default function AccountMenu() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"outline\"\n          className=\"flex items-center gap-2 rounded-xl border-border bg-background px-4 py-2 font-medium text-foreground hover:bg-muted\"\n        >\n          <User className=\"h-5 w-5 text-foreground\" />\n          <span>Srinath G</span>\n          <ChevronDown className=\"ml-1 h-4 w-4 text-muted-foreground\" />\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent className=\"w-64 rounded-xl border-border bg-popover text-popover-foreground shadow-md p-2\">\n        {/* Account Section */}\n        <DropdownMenuLabel className=\"text-sm text-muted-foreground\">\n          Account\n        </DropdownMenuLabel>\n\n        <DropdownMenuItem className=\"flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-muted focus:bg-muted\">\n          <LayoutDashboard className=\"h-4 w-4\" />\n          <span className=\"flex-1\">Dashboard</span>\n        </DropdownMenuItem>\n\n        <DropdownMenuItem className=\"flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-muted focus:bg-muted\">\n          <Users className=\"h-4 w-4\" />\n          <span className=\"flex-1\">Team Space</span>\n        </DropdownMenuItem>\n\n        <DropdownMenuItem className=\"flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-muted focus:bg-muted\">\n          <Settings className=\"h-4 w-4\" />\n          <span className=\"flex-1\">Settings</span>\n        </DropdownMenuItem>\n\n        <DropdownMenuSeparator className=\"my-1\" />\n\n        {/* Preferences Section */}\n        <DropdownMenuLabel className=\"text-sm text-muted-foreground\">\n          Preferences\n        </DropdownMenuLabel>\n\n        {/* Theme Submenu */}\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger className=\"flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-muted focus:bg-muted\">\n            <Palette className=\"h-4 w-4\" />\n            <span className=\"flex-1\">Theme</span>\n          </DropdownMenuSubTrigger>\n\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent className=\"w-44 rounded-lg border-border bg-popover text-popover-foreground shadow-sm p-1\">\n              <DropdownMenuRadioGroup value=\"light\">\n                <DropdownMenuRadioItem\n                  value=\"light\"\n                  className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\"\n                >\n                  <Sun className=\"h-4 w-4\" />\n                  <span className=\"flex-1\">Light</span>\n                </DropdownMenuRadioItem>\n\n                <DropdownMenuRadioItem\n                  value=\"dark\"\n                  className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\"\n                >\n                  <Moon className=\"h-4 w-4\" />\n                  <span className=\"flex-1\">Dark</span>\n                </DropdownMenuRadioItem>\n\n                <DropdownMenuRadioItem\n                  value=\"system\"\n                  className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\"\n                >\n                  <Bell className=\"h-4 w-4\" />\n                  <span className=\"flex-1\">System Default</span>\n                </DropdownMenuRadioItem>\n              </DropdownMenuRadioGroup>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n\n        {/* Notifications Submenu */}\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger className=\"flex items-center gap-2 rounded-lg px-2 py-2 hover:bg-muted focus:bg-muted\">\n            <Bell className=\"h-4 w-4\" />\n            <span className=\"flex-1\">Notifications</span>\n          </DropdownMenuSubTrigger>\n\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent className=\"w-44 rounded-lg border-border bg-popover text-popover-foreground shadow-sm p-1\">\n              <DropdownMenuCheckboxItem className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\">\n                <Bell className=\"h-4 w-4\" />\n                <span className=\"flex-1\">Email Alerts</span>\n              </DropdownMenuCheckboxItem>\n\n              <DropdownMenuCheckboxItem className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\">\n                <Bell className=\"h-4 w-4\" />\n                <span className=\"flex-1\">Push Notifications</span>\n              </DropdownMenuCheckboxItem>\n\n              <DropdownMenuCheckboxItem className=\"flex items-center gap-2 rounded px-2 py-1 hover:bg-muted focus:bg-muted\">\n                <Bell className=\"h-4 w-4\" />\n                <span className=\"flex-1\">SMS Alerts</span>\n              </DropdownMenuCheckboxItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n\n        <DropdownMenuSeparator className=\"my-1\" />\n\n        {/* Actions Section */}\n        <DropdownMenuLabel className=\"text-sm text-muted-foreground\">\n          Actions\n        </DropdownMenuLabel>\n\n        <DropdownMenuItem className=\"flex items-center gap-2 rounded px-2 py-2 text-destructive hover:bg-destructive/10 focus:bg-destructive/10\">\n          <LogOut className=\"h-4 w-4\" />\n          <span className=\"flex-1\">Logout</span>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ruixen/account-menu.tsx"
    }
  ]
}