4f: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/2ntfcxrkfxczh.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"] 50: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/2ntfcxrkfxczh.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"] 51:T4ab,import { AppSidebar } from "@/components/app-sidebar"; 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 (

October 2024

{Array.from({ length: 20 }).map((_, i) => (

))}

); } 52:T5cf,"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, SidebarRail, 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 AppSidebar({ ...props }: React.ComponentProps) { return ( New Calendar ); } 53: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} ))} ))} ); } 54:Tad1,"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 ); } 4e:["$","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,["$","$L4f",null,{"namespace":"@herocn","registryDependencies":["@herocn/sidebar","@herocn/breadcrumb","@herocn/separator","@herocn/collapsible","@herocn/calendar","@herocn/dropdown-menu","@herocn/avatar"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"page.tsx","content":"$51","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"components/app-sidebar.tsx","content":"$52","type":"registry:component","target":"components/app-sidebar.tsx"},{"path":"components/calendars.tsx","content":"$53","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-user.tsx","content":"$54","type":"registry:component","target":"components/nav-user.tsx"}],"className":"h-[70svh] min-h-80"}]]}]