[{"data":1,"prerenderedAt":67},["ShallowReactive",2],{"$f-q1VIo2_Co4Wm40KbQCu1HXUffUd7gTwMvCn4FC-K1k":3},{"item":4,"tree":37,"highlightedFiles":56},{"name":5,"description":6,"registryDependencies":7,"files":15,"categories":34,"type":36},"sidebar-12","A sidebar with a calendar.",[8,9,10,11,12,13,14],"breadcrumb","separator","sidebar","collapsible","calendar","avatar","dropdown-menu",[16,21,25,28,31],{"path":17,"content":18,"type":19,"target":20},"page.vue","\u003Cscript lang=\"ts\">\nexport const description = \"A sidebar with a calendar.\"\nexport const iframeHeight = \"800px\"\n\u003C/script>\n\n\u003Cscript setup lang=\"ts\">\nimport AppSidebar from \"@/components/AppSidebar.vue\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbList,\n  BreadcrumbPage,\n} from \"@/components/ui/breadcrumb\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/components/ui/sidebar\"\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CSidebarProvider>\n    \u003CAppSidebar />\n    \u003CSidebarInset>\n      \u003Cheader class=\"bg-background sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b px-4\">\n        \u003CSidebarTrigger class=\"-ml-1\" />\n        \u003CSeparator\n          orientation=\"vertical\"\n          class=\"mr-2 data-[orientation=vertical]:h-4\"\n        />\n        \u003CBreadcrumb>\n          \u003CBreadcrumbList>\n            \u003CBreadcrumbItem>\n              \u003CBreadcrumbPage>October 2024\u003C/BreadcrumbPage>\n            \u003C/BreadcrumbItem>\n          \u003C/BreadcrumbList>\n        \u003C/Breadcrumb>\n      \u003C/header>\n      \u003Cdiv class=\"flex flex-1 flex-col gap-4 p-4\">\n        \u003Cdiv class=\"grid auto-rows-min gap-4 md:grid-cols-5\">\n          \u003Cdiv v-for=\"i in 20\" :key=\"i\" class=\"aspect-square rounded-xl bg-muted/50\" />\n        \u003C/div>\n      \u003C/div>\n    \u003C/SidebarInset>\n  \u003C/SidebarProvider>\n\u003C/template>\n","registry:page","pages/sidebar/index.vue",{"path":22,"content":23,"type":24,"target":22},"components/AppSidebar.vue","\u003Cscript setup lang=\"ts\">\nimport type { SidebarProps } from \"@/components/ui/sidebar\"\n\nimport Calendars from \"@/components/Calendars.vue\"\nimport DatePicker from \"@/components/DatePicker.vue\"\nimport NavUser from \"@/components/NavUser.vue\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarSeparator,\n} from \"@/components/ui/sidebar\"\n\nconst props = defineProps\u003CSidebarProps>()\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  calendars: [\n    {\n      name: \"My Calendars\",\n      items: [\"Personal\", \"Work\", \"Family\"],\n    },\n    {\n      name: \"Favorites\",\n      items: [\"Holidays\", \"Birthdays\"],\n    },\n    {\n      name: \"Other\",\n      items: [\"Travel\", \"Reminders\", \"Deadlines\"],\n    },\n  ],\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CSidebar v-bind=\"props\">\n    \u003CSidebarHeader class=\"h-16 border-b border-sidebar-border\">\n      \u003CNavUser :user=\"data.user\" />\n    \u003C/SidebarHeader>\n    \u003CSidebarContent>\n      \u003CDatePicker />\n      \u003CSidebarSeparator class=\"mx-0\" />\n      \u003CCalendars :calendars=\"data.calendars\" />\n    \u003C/SidebarContent>\n    \u003CSidebarFooter>\n      \u003CSidebarMenu>\n        \u003CSidebarMenuItem>\n          \u003CSidebarMenuButton>\n            \u003CPlus />\n            \u003Cspan>New Calendar\u003C/span>\n          \u003C/SidebarMenuButton>\n        \u003C/SidebarMenuItem>\n      \u003C/SidebarMenu>\n    \u003C/SidebarFooter>\n    \u003CSidebarRail />\n  \u003C/Sidebar>\n\u003C/template>\n","registry:component",{"path":26,"content":27,"type":24,"target":26},"components/Calendars.vue","\u003Cscript setup lang=\"ts\">\nimport { Check, ChevronRight } from \"lucide-vue-next\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarSeparator,\n} from \"@/components/ui/sidebar\"\n\nconst props = defineProps\u003C{\n  calendars: {\n    name: string\n    items: string[]\n  }[]\n}>()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Ctemplate v-for=\"(calendar, index) in calendars\" :key=\"calendar.name\">\n    \u003CSidebarGroup class=\"py-0\">\n      \u003CCollapsible\n        :default-open=\"index === 0\"\n        class=\"group/collapsible\"\n      >\n        \u003CSidebarGroupLabel\n          as-child\n          class=\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n        >\n          \u003CCollapsibleTrigger>\n            {{ calendar.name }}\n            \u003CChevronRight class=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n          \u003C/CollapsibleTrigger>\n        \u003C/SidebarGroupLabel>\n        \u003CCollapsibleContent>\n          \u003CSidebarGroupContent>\n            \u003CSidebarMenu>\n              \u003CSidebarMenuItem v-for=\"(item, index) in calendar.items\" :key=\"item\">\n                \u003CSidebarMenuButton>\n                  \u003Cdiv\n                    :data-active=\"index \u003C 2\"\n                    class=\"group/calendar-item border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border\"\n                  >\n                    \u003CCheck class=\"hidden size-3 group-data-[active=true]/calendar-item:block\" />\n                  \u003C/div>\n                  {{ item }}\n                \u003C/SidebarMenuButton>\n              \u003C/SidebarMenuItem>\n            \u003C/SidebarMenu>\n          \u003C/SidebarGroupContent>\n        \u003C/CollapsibleContent>\n      \u003C/Collapsible>\n    \u003C/SidebarGroup>\n    \u003CSidebarSeparator class=\"mx-0\" />\n  \u003C/template>\n\u003C/template>\n",{"path":29,"content":30,"type":24,"target":29},"components/DatePicker.vue","\u003Cscript setup lang=\"ts\">\nimport { Calendar } from \"@/components/ui/calendar\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n} from \"@/components/ui/sidebar\"\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CSidebarGroup class=\"px-0\">\n    \u003CSidebarGroupContent>\n      \u003CCalendar class=\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\" />\n    \u003C/SidebarGroupContent>\n  \u003C/SidebarGroup>\n\u003C/template>\n",{"path":32,"content":33,"type":24,"target":32},"components/NavUser.vue","\u003Cscript setup lang=\"ts\">\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-vue-next\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/components/ui/sidebar\"\n\nconst props = defineProps\u003C{\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}>()\n\nconst { isMobile } = useSidebar()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CSidebarMenu>\n    \u003CSidebarMenuItem>\n      \u003CDropdownMenu>\n        \u003CDropdownMenuTrigger as-child>\n          \u003CSidebarMenuButton\n            size=\"lg\"\n            class=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n          >\n            \u003CAvatar class=\"h-8 w-8 rounded-lg\">\n              \u003CAvatarImage :src=\"user.avatar\" :alt=\"user.name\" />\n              \u003CAvatarFallback class=\"rounded-lg\">\n                CN\n              \u003C/AvatarFallback>\n            \u003C/Avatar>\n            \u003Cdiv class=\"grid flex-1 text-left text-sm leading-tight\">\n              \u003Cspan class=\"truncate font-medium\">{{ user.name }}\u003C/span>\n              \u003Cspan class=\"truncate text-xs\">{{ user.email }}\u003C/span>\n            \u003C/div>\n            \u003CChevronsUpDown class=\"ml-auto size-4\" />\n          \u003C/SidebarMenuButton>\n        \u003C/DropdownMenuTrigger>\n        \u003CDropdownMenuContent\n          class=\"w-(--reka-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n          :side=\"isMobile ? 'bottom' : 'right'\"\n          align=\"start\"\n          :side-offset=\"4\"\n        >\n          \u003CDropdownMenuLabel class=\"p-0 font-normal\">\n            \u003Cdiv class=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n              \u003CAvatar class=\"h-8 w-8 rounded-lg\">\n                \u003CAvatarImage :src=\"user.avatar\" :alt=\"user.name\" />\n                \u003CAvatarFallback class=\"rounded-lg\">\n                  CN\n                \u003C/AvatarFallback>\n              \u003C/Avatar>\n              \u003Cdiv class=\"grid flex-1 text-left text-sm leading-tight\">\n                \u003Cspan class=\"truncate font-medium\">{{ user.name }}\u003C/span>\n                \u003Cspan class=\"truncate text-xs\">{{ user.email }}\u003C/span>\n              \u003C/div>\n            \u003C/div>\n          \u003C/DropdownMenuLabel>\n          \u003CDropdownMenuSeparator />\n          \u003CDropdownMenuGroup>\n            \u003CDropdownMenuItem>\n              \u003CSparkles />\n              Upgrade to Pro\n            \u003C/DropdownMenuItem>\n          \u003C/DropdownMenuGroup>\n          \u003CDropdownMenuSeparator />\n          \u003CDropdownMenuGroup>\n            \u003CDropdownMenuItem>\n              \u003CBadgeCheck />\n              Account\n            \u003C/DropdownMenuItem>\n            \u003CDropdownMenuItem>\n              \u003CCreditCard />\n              Billing\n            \u003C/DropdownMenuItem>\n            \u003CDropdownMenuItem>\n              \u003CBell />\n              Notifications\n            \u003C/DropdownMenuItem>\n          \u003C/DropdownMenuGroup>\n          \u003CDropdownMenuSeparator />\n          \u003CDropdownMenuItem>\n            \u003CLogOut />\n            Log out\n          \u003C/DropdownMenuItem>\n        \u003C/DropdownMenuContent>\n      \u003C/DropdownMenu>\n    \u003C/SidebarMenuItem>\n  \u003C/SidebarMenu>\n\u003C/template>\n",[10,35],"dashboard","registry:block",[38,45],{"name":39,"children":40},"pages",[41],{"name":10,"children":42},[43],{"name":44,"path":20},"index.vue",{"name":46,"children":47},"components",[48,50,52,54],{"name":49,"path":22},"AppSidebar.vue",{"name":51,"path":26},"Calendars.vue",{"name":53,"path":29},"DatePicker.vue",{"name":55,"path":32},"NavUser.vue",[57,59,61,63,65],{"path":17,"content":18,"type":19,"target":20,"highlightedContent":58},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">export\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> description\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"A sidebar with a calendar.\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">export\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> iframeHeight\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"800px\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> AppSidebar \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/AppSidebar.vue\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Breadcrumb,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbItem,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbList,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbPage,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/breadcrumb\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { Separator } \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/separator\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarInset,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarProvider,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarTrigger,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarProvider\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AppSidebar\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarInset\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">header\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"bg-background sticky top-0 flex h-16 shrink-0 items-center gap-2 border-b px-4\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarTrigger\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"-ml-1\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Separator\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          orientation\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"vertical\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"mr-2 data-[orientation=vertical]:h-4\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Breadcrumb\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbList\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbPage\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>October 2024</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbPage\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbList\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Breadcrumb\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">header\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"flex flex-1 flex-col gap-4 p-4\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"grid auto-rows-min gap-4 md:grid-cols-5\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> v-for\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"i in 20\"\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :key\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"i\"\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"aspect-square rounded-xl bg-muted/50\"\u003C/span>\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\"> /\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarInset\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarProvider\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\u003C/code>\u003C/pre>",{"path":22,"content":23,"type":24,"target":22,"highlightedContent":60},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> type\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { SidebarProps } \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> Calendars \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/Calendars.vue\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> DatePicker \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/DatePicker.vue\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> NavUser \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/NavUser.vue\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Sidebar,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarContent,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarFooter,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarHeader,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenu,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuButton,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuItem,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarRail,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarSeparator,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> props\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> defineProps\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#953800;--shiki-dark:#B392F0\">SidebarProps\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>()\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#6E7781;--shiki-dark:#6A737D\">// This is sample data.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> data\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  user: {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    name: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"shadcn\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    email: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"m@example.com\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    avatar: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"/avatars/shadcn.jpg\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  },\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  calendars: [\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      name: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"My Calendars\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      items: [\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Personal\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Work\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Family\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">],\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      name: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Favorites\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      items: [\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Holidays\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Birthdays\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">],\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      name: \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Other\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      items: [\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Travel\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Reminders\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"Deadlines\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">],\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  ],\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Sidebar\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> v-bind\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"props\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarHeader\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"h-16 border-b border-sidebar-border\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">NavUser\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :user\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"data.user\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarHeader\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DatePicker\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarSeparator\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"mx-0\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Calendars\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :calendars\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"data.calendars\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarFooter\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Plus\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>New Calendar</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarFooter\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarRail\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Sidebar\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\u003C/code>\u003C/pre>",{"path":26,"content":27,"type":24,"target":26,"highlightedContent":62},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { Check, ChevronRight } \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"lucide-vue-next\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Collapsible,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CollapsibleContent,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CollapsibleTrigger,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/collapsible\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroup,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroupContent,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroupLabel,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenu,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuButton,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuItem,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarSeparator,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> props\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> defineProps\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><{\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">  calendars\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">    name\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">    items\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">[]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  }[]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">}>()\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> v-for\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">(calendar, index) \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">in\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> calendars\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">key\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">calendar.name\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"py-0\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Collapsible\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">        :default-open\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"index === 0\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">        class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"group/collapsible\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      >\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          as-child\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        >\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleTrigger\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            {{ calendar.name }}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">ChevronRight\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleTrigger\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> v-for\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"(item, index) in calendar.items\"\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :key\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"item\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">                    :data-active\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"index < 2\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">                    class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"group/calendar-item border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                  >\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Check\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hidden size-3 group-data-[active=true]/calendar-item:block\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                  {{ item }}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Collapsible\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarSeparator\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"mx-0\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\u003C/code>\u003C/pre>",{"path":29,"content":30,"type":24,"target":29,"highlightedContent":64},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { Calendar } \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/calendar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroup,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroupContent,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"px-0\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Calendar\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\u003C/code>\u003C/pre>",{"path":32,"content":33,"type":24,"target":32,"highlightedContent":66},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BadgeCheck,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Bell,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  ChevronsUpDown,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CreditCard,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  LogOut,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Sparkles,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"lucide-vue-next\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Avatar,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  AvatarFallback,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  AvatarImage,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/avatar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenu,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuContent,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuGroup,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuItem,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuLabel,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuSeparator,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  DropdownMenuTrigger,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/dropdown-menu\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenu,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuButton,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuItem,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  useSidebar,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@/components/ui/sidebar\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> props\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> defineProps\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><{\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">  user\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">    name\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">    email\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">    avatar\u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  }\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">}>()\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { \u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">isMobile\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> } \u003C/span>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">=\u003C/span>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> useSidebar\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">()\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuTrigger\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> as-child\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">            size\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"lg\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">            class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          >\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Avatar\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"h-8 w-8 rounded-lg\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarImage\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :src\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"user.avatar\"\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :alt\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"user.name\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarFallback\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"rounded-lg\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                CN\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarFallback\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Avatar\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"grid flex-1 text-left text-sm leading-tight\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"truncate font-medium\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>{{ user.name }}</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"truncate text-xs\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>{{ user.email }}</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">ChevronsUpDown\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ml-auto size-4\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuTrigger\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuContent\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"w-(--reka-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          :side\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"isMobile ? 'bottom' : 'right'\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\">          align\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"start\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          :side-offset\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"4\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        >\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuLabel\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"p-0 font-normal\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Avatar\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"h-8 w-8 rounded-lg\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarImage\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :src\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"user.avatar\"\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> :alt\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"user.name\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarFallback\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"rounded-lg\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                  CN\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AvatarFallback\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Avatar\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"grid flex-1 text-left text-sm leading-tight\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"truncate font-medium\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>{{ user.name }}</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"truncate text-xs\"\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>{{ user.email }}</\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">span\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuLabel\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuSeparator\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Sparkles\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Upgrade to Pro\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuSeparator\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BadgeCheck\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Account\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CreditCard\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Billing\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Bell\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Notifications\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuGroup\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuSeparator\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">LogOut\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            Log out\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenuContent\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">DropdownMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C/span>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\" data-line=\"\">\u003C/span>\u003C/code>\u003C/pre>",1775650063643]