{"name":"sidebar-08","description":"An inset sidebar with secondary navigation.","registryDependencies":["@herocn/sidebar","@herocn/breadcrumb","@herocn/separator","@herocn/collapsible","@herocn/dropdown-menu","@herocn/avatar"],"files":[{"path":"page.tsx","content":"import { AppSidebar } from \"@/components/app-sidebar\";\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n\tSidebarInset,\n\tSidebarProvider,\n\tSidebarTrigger,\n} from \"@/components/ui/sidebar\";\n\nexport default function Page() {\n\treturn (\n\t\t<SidebarProvider>\n\t\t\t<AppSidebar />\n\t\t\t<SidebarInset>\n\t\t\t\t<header className=\"flex h-16 shrink-0 items-center gap-2\">\n\t\t\t\t\t<div className=\"flex items-center gap-2 px-4\">\n\t\t\t\t\t\t<SidebarTrigger className=\"-ml-1\" />\n\t\t\t\t\t\t<Separator\n\t\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\t\tclassName=\"mr-2 data-vertical:h-4 data-vertical:self-auto\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Breadcrumb>\n\t\t\t\t\t\t\t<BreadcrumbList>\n\t\t\t\t\t\t\t\t<BreadcrumbItem className=\"hidden md:block\">\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink href=\"#\">\n\t\t\t\t\t\t\t\t\t\tBuild Your Application\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator className=\"hidden md:block\" />\n\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>Data Fetching</BreadcrumbPage>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t</BreadcrumbList>\n\t\t\t\t\t\t</Breadcrumb>\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t\t<div className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n\t\t\t\t\t<div className=\"grid auto-rows-min gap-4 md:grid-cols-3\">\n\t\t\t\t\t\t<div className=\"aspect-video rounded-xl bg-muted/50\" />\n\t\t\t\t\t\t<div className=\"aspect-video rounded-xl bg-muted/50\" />\n\t\t\t\t\t\t<div className=\"aspect-video rounded-xl bg-muted/50\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"min-h-screen flex-1 rounded-xl bg-muted/50 md:min-h-min\" />\n\t\t\t\t</div>\n\t\t\t</SidebarInset>\n\t\t</SidebarProvider>\n\t);\n}\n","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"components/app-sidebar.tsx","content":"\"use client\";\n\nimport {\n\tBookOpenIcon,\n\tBotIcon,\n\tFrameIcon,\n\tLifeBuoyIcon,\n\tMapIcon,\n\tPieChartIcon,\n\tSendIcon,\n\tSettings2Icon,\n\tTerminalIcon,\n\tTerminalSquareIcon,\n} from \"lucide-react\";\n\nimport type * as React from \"react\";\n\nimport { NavMain } from \"@/components/nav-main\";\nimport { NavProjects } from \"@/components/nav-projects\";\nimport { NavSecondary } from \"@/components/nav-secondary\";\nimport { NavUser } from \"@/components/nav-user\";\nimport {\n\tSidebar,\n\tSidebarContent,\n\tSidebarFooter,\n\tSidebarHeader,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from \"@/components/ui/sidebar\";\n\nconst data = {\n\tuser: {\n\t\tname: \"Maqed\",\n\t\temail: \"maqed@example.com\",\n\t\tavatar: \"https://github.com/maqed.png\",\n\t},\n\tnavMain: [\n\t\t{\n\t\t\ttitle: \"Playground\",\n\t\t\turl: \"#\",\n\t\t\ticon: <TerminalSquareIcon />,\n\t\t\tisActive: true,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\ttitle: \"History\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Starred\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Settings\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: \"Models\",\n\t\t\turl: \"#\",\n\t\t\ticon: <BotIcon />,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Genesis\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Explorer\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Quantum\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: \"Documentation\",\n\t\t\turl: \"#\",\n\t\t\ticon: <BookOpenIcon />,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Introduction\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Get Started\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Tutorials\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Changelog\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\ttitle: \"Settings\",\n\t\t\turl: \"#\",\n\t\t\ticon: <Settings2Icon />,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\ttitle: \"General\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Team\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Billing\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttitle: \"Limits\",\n\t\t\t\t\turl: \"#\",\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t],\n\tnavSecondary: [\n\t\t{\n\t\t\ttitle: \"Support\",\n\t\t\turl: \"#\",\n\t\t\ticon: <LifeBuoyIcon />,\n\t\t},\n\t\t{\n\t\t\ttitle: \"Feedback\",\n\t\t\turl: \"#\",\n\t\t\ticon: <SendIcon />,\n\t\t},\n\t],\n\tprojects: [\n\t\t{\n\t\t\tname: \"Design Engineering\",\n\t\t\turl: \"#\",\n\t\t\ticon: <FrameIcon />,\n\t\t},\n\t\t{\n\t\t\tname: \"Sales & Marketing\",\n\t\t\turl: \"#\",\n\t\t\ticon: <PieChartIcon />,\n\t\t},\n\t\t{\n\t\t\tname: \"Travel\",\n\t\t\turl: \"#\",\n\t\t\ticon: <MapIcon />,\n\t\t},\n\t],\n};\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n\treturn (\n\t\t<Sidebar variant=\"inset\" {...props}>\n\t\t\t<SidebarHeader>\n\t\t\t\t<SidebarMenu>\n\t\t\t\t\t<SidebarMenuItem>\n\t\t\t\t\t\t<SidebarMenuButton size=\"lg\" render={<a href=\"#\" />}>\n\t\t\t\t\t\t\t<div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n\t\t\t\t\t\t\t\t<TerminalIcon className=\"size-4\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"grid flex-1 text-left text-sm leading-tight\">\n\t\t\t\t\t\t\t\t<span className=\"truncate font-medium\">Acme Inc</span>\n\t\t\t\t\t\t\t\t<span className=\"truncate text-xs\">Enterprise</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t</SidebarMenu>\n\t\t\t</SidebarHeader>\n\t\t\t<SidebarContent>\n\t\t\t\t<NavMain items={data.navMain} />\n\t\t\t\t<NavProjects projects={data.projects} />\n\t\t\t\t<NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n\t\t\t</SidebarContent>\n\t\t\t<SidebarFooter>\n\t\t\t\t<NavUser user={data.user} />\n\t\t\t</SidebarFooter>\n\t\t</Sidebar>\n\t);\n}\n","type":"registry:component","target":"components/app-sidebar.tsx"},{"path":"components/nav-main.tsx","content":"\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\n\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport {\n\tSidebarGroup,\n\tSidebarGroupLabel,\n\tSidebarMenu,\n\tSidebarMenuAction,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tSidebarMenuSub,\n\tSidebarMenuSubButton,\n\tSidebarMenuSubItem,\n} from \"@/components/ui/sidebar\";\n\nexport function NavMain({\n\titems,\n}: {\n\titems: {\n\t\ttitle: string;\n\t\turl: string;\n\t\ticon: React.ReactNode;\n\t\tisActive?: boolean;\n\t\titems?: {\n\t\t\ttitle: string;\n\t\t\turl: string;\n\t\t}[];\n\t}[];\n}) {\n\treturn (\n\t\t<SidebarGroup>\n\t\t\t<SidebarGroupLabel>Platform</SidebarGroupLabel>\n\t\t\t<SidebarMenu>\n\t\t\t\t{items.map((item) => (\n\t\t\t\t\t<Collapsible\n\t\t\t\t\t\tkey={item.title}\n\t\t\t\t\t\tdefaultOpen={item.isActive}\n\t\t\t\t\t\trender={<SidebarMenuItem />}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SidebarMenuButton\n\t\t\t\t\t\t\ttooltip={item.title}\n\t\t\t\t\t\t\trender={<a href={item.url} />}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t<span>{item.title}</span>\n\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t\t{item.items?.length ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<CollapsibleTrigger\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<SidebarMenuAction className=\"aria-expanded:rotate-90\" />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ChevronRightIcon />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Toggle</span>\n\t\t\t\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t\t\t\t<CollapsibleContent>\n\t\t\t\t\t\t\t\t\t<SidebarMenuSub>\n\t\t\t\t\t\t\t\t\t\t{item.items?.map((subItem) => (\n\t\t\t\t\t\t\t\t\t\t\t<SidebarMenuSubItem key={subItem.title}>\n\t\t\t\t\t\t\t\t\t\t\t\t<SidebarMenuSubButton render={<a href={subItem.url} />}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{subItem.title}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</SidebarMenuSubButton>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarMenuSubItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</SidebarMenuSub>\n\t\t\t\t\t\t\t\t</CollapsibleContent>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</Collapsible>\n\t\t\t\t))}\n\t\t\t</SidebarMenu>\n\t\t</SidebarGroup>\n\t);\n}\n","type":"registry:component","target":"components/nav-main.tsx"},{"path":"components/nav-projects.tsx","content":"\"use client\";\n\nimport {\n\tFolderIcon,\n\tMoreHorizontalIcon,\n\tShareIcon,\n\tTrash2Icon,\n} from \"lucide-react\";\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n\tSidebarGroup,\n\tSidebarGroupLabel,\n\tSidebarMenu,\n\tSidebarMenuAction,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tuseSidebar,\n} from \"@/components/ui/sidebar\";\n\nexport function NavProjects({\n\tprojects,\n}: {\n\tprojects: {\n\t\tname: string;\n\t\turl: string;\n\t\ticon: React.ReactNode;\n\t}[];\n}) {\n\tconst { isMobile } = useSidebar();\n\treturn (\n\t\t<SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n\t\t\t<SidebarGroupLabel>Projects</SidebarGroupLabel>\n\t\t\t<SidebarMenu>\n\t\t\t\t{projects.map((item) => (\n\t\t\t\t\t<SidebarMenuItem key={item.name}>\n\t\t\t\t\t\t<SidebarMenuButton render={<a href={item.url} />}>\n\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t<span>{item.name}</span>\n\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<SidebarMenuAction\n\t\t\t\t\t\t\t\t\t\tshowOnHover\n\t\t\t\t\t\t\t\t\t\tclassName=\"aria-expanded:bg-muted\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MoreHorizontalIcon />\n\t\t\t\t\t\t\t\t<span className=\"sr-only\">More</span>\n\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t<DropdownMenuContent\n\t\t\t\t\t\t\t\tclassName=\"w-48\"\n\t\t\t\t\t\t\t\tside={isMobile ? \"bottom\" : \"right\"}\n\t\t\t\t\t\t\t\talign={isMobile ? \"end\" : \"start\"}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t<FolderIcon className=\"text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t<span>View Project</span>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t<ShareIcon className=\"text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t<span>Share Project</span>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t<Trash2Icon className=\"text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t<span>Delete Project</span>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t))}\n\t\t\t\t<SidebarMenuItem>\n\t\t\t\t\t<SidebarMenuButton>\n\t\t\t\t\t\t<MoreHorizontalIcon />\n\t\t\t\t\t\t<span>More</span>\n\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t</SidebarMenuItem>\n\t\t\t</SidebarMenu>\n\t\t</SidebarGroup>\n\t);\n}\n","type":"registry:component","target":"components/nav-projects.tsx"},{"path":"components/nav-secondary.tsx","content":"\"use client\";\n\nimport type * as React from \"react\";\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupContent,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from \"@/components/ui/sidebar\";\n\nexport function NavSecondary({\n\titems,\n\t...props\n}: {\n\titems: {\n\t\ttitle: string;\n\t\turl: string;\n\t\ticon: React.ReactNode;\n\t}[];\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n\treturn (\n\t\t<SidebarGroup {...props}>\n\t\t\t<SidebarGroupContent>\n\t\t\t\t<SidebarMenu>\n\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t<SidebarMenuItem key={item.title}>\n\t\t\t\t\t\t\t<SidebarMenuButton size=\"sm\" render={<a href={item.url} />}>\n\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t<span>{item.title}</span>\n\t\t\t\t\t\t\t</SidebarMenuButton>\n\t\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</SidebarMenu>\n\t\t\t</SidebarGroupContent>\n\t\t</SidebarGroup>\n\t);\n}\n","type":"registry:component","target":"components/nav-secondary.tsx"},{"path":"components/nav-user.tsx","content":"\"use client\";\n\nimport {\n\tBadgeCheckIcon,\n\tBellIcon,\n\tChevronsUpDownIcon,\n\tCreditCardIcon,\n\tLogOutIcon,\n\tSparklesIcon,\n} from \"lucide-react\";\n\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"@/components/ui/avatar\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tuseSidebar,\n} from \"@/components/ui/sidebar\";\n\nexport function NavUser({\n\tuser,\n}: {\n\tuser: {\n\t\tname: string;\n\t\temail: string;\n\t\tavatar: string;\n\t};\n}) {\n\tconst { isMobile } = useSidebar();\n\treturn (\n\t\t<SidebarMenu>\n\t\t\t<SidebarMenuItem>\n\t\t\t\t<DropdownMenu>\n\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<SidebarMenuButton size=\"lg\" className=\"aria-expanded:bg-muted\" />\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Avatar>\n\t\t\t\t\t\t\t<AvatarImage src={user.avatar} alt={user.name} />\n\t\t\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t<div className=\"grid flex-1 text-left text-sm leading-tight\">\n\t\t\t\t\t\t\t<span className=\"truncate font-medium\">{user.name}</span>\n\t\t\t\t\t\t\t<span className=\"truncate text-xs\">{user.email}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<ChevronsUpDownIcon className=\"ml-auto size-4\" />\n\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t<DropdownMenuContent\n\t\t\t\t\t\tside={isMobile ? \"bottom\" : \"right\"}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tsideOffset={4}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t<DropdownMenuLabel className=\"p-0 font-normal\">\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n\t\t\t\t\t\t\t\t\t<Avatar>\n\t\t\t\t\t\t\t\t\t\t<AvatarImage src={user.avatar} alt={user.name} />\n\t\t\t\t\t\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t<div className=\"grid flex-1 text-left text-sm leading-tight\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"truncate font-medium\">{user.name}</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"truncate text-xs\">{user.email}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</DropdownMenuLabel>\n\t\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<SparklesIcon />\n\t\t\t\t\t\t\t\tUpgrade to Pro\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<BadgeCheckIcon />\n\t\t\t\t\t\t\t\tAccount\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<CreditCardIcon />\n\t\t\t\t\t\t\t\tBilling\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<BellIcon />\n\t\t\t\t\t\t\t\tNotifications\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t<LogOutIcon />\n\t\t\t\t\t\t\tLog out\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t</DropdownMenu>\n\t\t\t</SidebarMenuItem>\n\t\t</SidebarMenu>\n\t);\n}\n","type":"registry:component","target":"components/nav-user.tsx"}],"categories":["sidebar","dashboard"],"type":"registry:block"}