4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T53c,import { SidebarLeft } from "@/components/sidebar-left"; import { SidebarRight } from "@/components/sidebar-right"; import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, } from "@/components/ui/breadcrumb"; import { Separator } from "@/components/ui/separator"; import { SidebarInset, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar"; export default function Page() { return (

Project Management & Task Tracking

); } 51:T82f,"use client"; import { CheckIcon, ChevronRightIcon } from "lucide-react"; import * as React from "react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarSeparator, } from "@/components/ui/sidebar"; export function Calendars({ calendars, }: { calendars: { name: string; items: string[]; }[]; }) { return ( <> {calendars.map((calendar, index) => ( } > {calendar.name}{" "} {calendar.items.map((item, index) => (

{item} ))} ))} ); } 52:T968,"use client"; import { ArrowUpRightIcon, LinkIcon, MoreHorizontalIcon, StarOffIcon, Trash2Icon, } from "lucide-react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar"; export function NavFavorites({ favorites, }: { favorites: { name: string; url: string; emoji: string; }[]; }) { const { isMobile } = useSidebar(); return ( Favorites {favorites.map((item) => ( }> {item.emoji} {item.name} } > More Remove from Favorites Copy Link Open in New Tab Delete ))} More ); } 53:Tb0a,"use client"; import { BadgeCheckIcon, BellIcon, ChevronsUpDownIcon, CreditCardIcon, LogOutIcon, SparklesIcon, } from "lucide-react"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar"; export function NavUser({ user, }: { user: { name: string; email: string; avatar: string; }; }) { const { isMobile } = useSidebar(); return ( } > CN

{user.name} {user.email}

Upgrade to Pro Account Billing Notifications Log out ); } 54:T826,"use client"; import { ChevronRightIcon, MoreHorizontalIcon, PlusIcon } from "lucide-react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/components/ui/sidebar"; export function NavWorkspaces({ workspaces, }: { workspaces: { name: string; emoji: React.ReactNode; pages: { name: string; emoji: React.ReactNode; }[]; }[]; }) { return ( Workspaces {workspaces.map((workspace) => ( }> {workspace.emoji} {workspace.name} } className="left-2 bg-sidebar-accent text-sidebar-accent-foreground data-open:rotate-90" showOnHover > {workspace.pages.map((page) => ( }> {page.emoji} {page.name} ))} ))} More ); } 55:T12ee,"use client"; import { AudioLinesIcon, BlocksIcon, CalendarIcon, HomeIcon, InboxIcon, MessageCircleQuestionIcon, SearchIcon, Settings2Icon, SparklesIcon, TerminalIcon, Trash2Icon, } from "lucide-react"; import type * as React from "react"; import { NavFavorites } from "@/components/nav-favorites"; import { NavMain } from "@/components/nav-main"; import { NavSecondary } from "@/components/nav-secondary"; import { NavWorkspaces } from "@/components/nav-workspaces"; import { TeamSwitcher } from "@/components/team-switcher"; import { Sidebar, SidebarContent, SidebarHeader, SidebarRail, } from "@/components/ui/sidebar"; // This is sample data. const data = { teams: [ { name: "Acme Inc", logo: , plan: "Enterprise", }, { name: "Acme Corp.", logo: , plan: "Startup", }, { name: "Evil Corp.", logo: , plan: "Free", }, ], navMain: [ { title: "Search", url: "#", icon: , }, { title: "Ask AI", url: "#", icon: , }, { title: "Home", url: "#", icon: , isActive: true, }, { title: "Inbox", url: "#", icon: , badge: "10", }, ], navSecondary: [ { title: "Calendar", url: "#", icon: , }, { title: "Settings", url: "#", icon: , }, { title: "Templates", url: "#", icon: , }, { title: "Trash", url: "#", icon: , }, { title: "Help", url: "#", icon: , }, ], favorites: [ { name: "Project Management & Task Tracking", url: "#", emoji: "📊", }, { name: "Family Recipe Collection & Meal Planning", url: "#", emoji: "🍳", }, { name: "Fitness Tracker & Workout Routines", url: "#", emoji: "💪", }, { name: "Book Notes & Reading List", url: "#", emoji: "📚", }, { name: "Sustainable Gardening Tips & Plant Care", url: "#", emoji: "🌱", }, { name: "Language Learning Progress & Resources", url: "#", emoji: "🗣️", }, { name: "Home Renovation Ideas & Budget Tracker", url: "#", emoji: "🏠", }, { name: "Personal Finance & Investment Portfolio", url: "#", emoji: "💰", }, { name: "Movie & TV Show Watchlist with Reviews", url: "#", emoji: "🎬", }, { name: "Daily Habit Tracker & Goal Setting", url: "#", emoji: "✅", }, ], workspaces: [ { name: "Personal Life Management", emoji: "🏠", pages: [ { name: "Daily Journal & Reflection", url: "#", emoji: "📔", }, { name: "Health & Wellness Tracker", url: "#", emoji: "🍏", }, { name: "Personal Growth & Learning Goals", url: "#", emoji: "🌟", }, ], }, { name: "Professional Development", emoji: "💼", pages: [ { name: "Career Objectives & Milestones", url: "#", emoji: "🎯", }, { name: "Skill Acquisition & Training Log", url: "#", emoji: "🧠", }, { name: "Networking Contacts & Events", url: "#", emoji: "🤝", }, ], }, { name: "Creative Projects", emoji: "🎨", pages: [ { name: "Writing Ideas & Story Outlines", url: "#", emoji: "✍️", }, { name: "Art & Design Portfolio", url: "#", emoji: "🖼️", }, { name: "Music Composition & Practice Log", url: "#", emoji: "🎵", }, ], }, { name: "Home Management", emoji: "🏡", pages: [ { name: "Household Budget & Expense Tracking", url: "#", emoji: "💰", }, { name: "Home Maintenance Schedule & Tasks", url: "#", emoji: "🔧", }, { name: "Family Calendar & Event Planning", url: "#", emoji: "📅", }, ], }, { name: "Travel & Adventure", emoji: "🧳", pages: [ { name: "Trip Planning & Itineraries", url: "#", emoji: "🗺️", }, { name: "Travel Bucket List & Inspiration", url: "#", emoji: "🌎", }, { name: "Travel Journal & Photo Gallery", url: "#", emoji: "📸", }, ], }, ], }; export function SidebarLeft({ ...props }: React.ComponentProps) { return ( ); } 56:T607,"use client"; import { PlusIcon } from "lucide-react"; import type * as React from "react"; import { Calendars } from "@/components/calendars"; import { DatePicker } from "@/components/date-picker"; import { NavUser } from "@/components/nav-user"; import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarSeparator, } from "@/components/ui/sidebar"; // This is sample data. const data = { user: { name: "Maqed", email: "maqed@example.com", avatar: "https://github.com/maqed.png", }, calendars: [ { name: "My Calendars", items: ["Personal", "Work", "Family"], }, { name: "Favorites", items: ["Holidays", "Birthdays"], }, { name: "Other", items: ["Travel", "Reminders", "Deadlines"], }, ], }; export function SidebarRight({ ...props }: React.ComponentProps) { return ( New Calendar ); } 57:T932,"use client"; import { ChevronDownIcon, PlusIcon } from "lucide-react"; import * as React from "react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/components/ui/sidebar"; export function TeamSwitcher({ teams, }: { teams: { name: string; logo: React.ReactNode; plan: string; }[]; }) { const [activeTeam, setActiveTeam] = React.useState(teams[0]); if (!activeTeam) { return null; } return ( } >

{activeTeam.logo}

{activeTeam.name} Teams {teams.map((team, index) => ( setActiveTeam(team)} className="gap-2 p-2" >

{team.logo}

{team.name} ⌘{index + 1} ))}

Add team

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@herocn","registryDependencies":["@herocn/sidebar","@herocn/breadcrumb","@herocn/separator","@herocn/popover","@herocn/collapsible","@herocn/dropdown-menu","@herocn/calendar","@herocn/avatar"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"page.tsx","content":"$50","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"components/calendars.tsx","content":"$51","type":"registry:component","target":"components/calendars.tsx"},{"path":"components/date-picker.tsx","content":"import * as React from \"react\";\n\nimport { Calendar } from \"@/components/ui/calendar\";\nimport {\n\tSidebarGroup,\n\tSidebarGroupContent,\n} from \"@/components/ui/sidebar\";\n\nexport function DatePicker() {\n\tconst [date, setDate] = React.useState(\n\t\tnew Date(new Date().getFullYear(), new Date().getMonth(), 12),\n\t);\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n","type":"registry:component","target":"components/date-picker.tsx"},{"path":"components/nav-favorites.tsx","content":"$52","type":"registry:component","target":"components/nav-favorites.tsx"},{"path":"components/nav-main.tsx","content":"\"use client\";\n\nimport {\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\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}[];\n}) {\n\treturn (\n\t\t\n\t\t\t{items.map((item) => (\n\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t))}\n\t\t\n\t);\n}\n","type":"registry:component","target":"components/nav-main.tsx"},{"path":"components/nav-secondary.tsx","content":"\"use client\";\n\nimport type React from \"react\";\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupContent,\n\tSidebarMenu,\n\tSidebarMenuBadge,\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\tbadge?: React.ReactNode;\n\t}[];\n} & React.ComponentPropsWithoutRef) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{item.badge && {item.badge}}\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n","type":"registry:component","target":"components/nav-secondary.tsx"},{"path":"components/nav-user.tsx","content":"$53","type":"registry:component","target":"components/nav-user.tsx"},{"path":"components/nav-workspaces.tsx","content":"$54","type":"registry:component","target":"components/nav-workspaces.tsx"},{"path":"components/sidebar-left.tsx","content":"$55","type":"registry:component","target":"components/sidebar-left.tsx"},{"path":"components/sidebar-right.tsx","content":"$56","type":"registry:component","target":"components/sidebar-right.tsx"},{"path":"components/team-switcher.tsx","content":"$57","type":"registry:component","target":"components/team-switcher.tsx"}],"className":"h-[70svh] min-h-80"}]]}]