4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T850,import { cookies } from "next/headers"; import type { Layout } from "react-resizable-panels"; import { AppSidebar } from "@/registry/blocks/sidebar-02/components/app-sidebar"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/registry/ui/breadcrumb"; import { Separator } from "@/registry/ui/separator"; import { MainContent, SidebarProvider, SidebarTrigger, } from "@/registry/ui/sidebar"; const GROUP_ID = "main-layout-persistence"; export default async function Page() { const cookieStore = await cookies(); const layoutCookie = cookieStore.get(GROUP_ID); const defaultLayout: Layout = layoutCookie ? JSON.parse(layoutCookie.value) : undefined; return (

Dashboard Financial Performance

); } 51:Teb7,import { ScrollArea } from "@/registry/ui/scroll-area"; import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/registry/ui/sidebar"; import { NavMain } from "./nav-main"; import { VersionSwitcher } from "./version-switcher"; export function AppSidebar() { return ( {data.navMain.map((item) => ( {item.title} {item.items.map((item) => ( {item.title}} tooltip={{ children: "hello", }} /> ))} ))} ); } const data = { navMain: [ { items: [ { title: "Overview", url: "#", }, { isActive: true, title: "Analytics", url: "#", }, { title: "Reports", url: "#", }, ], title: "Dashboard", url: "#", }, { items: [ { title: "All Users", url: "#", }, { title: "Roles & Permissions", url: "#", }, { title: "Teams", url: "#", }, { title: "Invitations", url: "#", }, { title: "Activity Logs", url: "#", }, ], title: "User Management", url: "#", }, { items: [ { title: "All Projects", url: "#", }, { title: "Active Projects", url: "#", }, { title: "Archived", url: "#", }, { title: "Templates", url: "#", }, ], title: "Projects", url: "#", }, { items: [ { title: "Transactions", url: "#", }, { title: "Subscriptions", url: "#", }, { title: "Invoices", url: "#", }, { title: "Billing", url: "#", }, { title: "Payment Methods", url: "#", }, ], title: "Sales & Revenue", url: "#", }, { items: [ { title: "General", url: "#", }, { title: "Security", url: "#", }, { title: "Integrations", url: "#", }, { title: "Notifications", url: "#", }, { title: "API Keys", url: "#", }, { title: "Webhooks", url: "#", }, ], title: "Settings", url: "#", }, ], user: { email: "m@example.com", name: "Lumi UI", }, versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"], }; 52:T8ce,"use client"; import { ChevronRight, type LucideIcon } from "lucide-react"; import { Collapsible, CollapsiblePanel, CollapsibleTrigger, } from "@/registry/ui/collapsible"; import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/registry/ui/sidebar"; export function NavMain({ items, }: { items: { title: string; url: string; icon?: LucideIcon; isActive?: boolean; items?: { title: string; url: string; }[]; }[]; }) { return ( {items.map((item) => ( {item.icon && } {item.title} } /> {item.items?.map((subItem) => ( {subItem.title} } /> ))} ))} ); } 53:T809,"use client"; import { BadgeCheckIcon, ChevronsUpDown, GalleryVerticalEnd, } from "lucide-react"; import * as React from "react"; import { DropdownMenu, DropdownMenuCheckboxItemContent, DropdownMenuContent, DropdownMenuTrigger, } from "@/registry/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/registry/ui/sidebar"; export function VersionSwitcher({ versions, defaultVersion, }: { versions: string[]; defaultVersion: string; }) { const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion); return (

Documentation v{selectedVersion}

} /> {versions.map((version) => ( } indicatorPlacement="end" key={version} onCheckedChange={() => setSelectedVersion(version)} > v{version} ))} ); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@lumiui","registryDependencies":["@lumi-ui/sidebar","@lumi-ui/separator","@lumi-ui/scroll-area","@lumi-ui/dropdown-menu","@lumi-ui/chart","@lumi-ui/collapsible"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/sidebar-02/page.tsx","content":"$50","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"registry/blocks/sidebar-02/components/app-sidebar.tsx","content":"$51","type":"registry:component"},{"path":"registry/blocks/sidebar-02/components/nav-main.tsx","content":"$52","type":"registry:component"},{"path":"registry/blocks/sidebar-02/components/version-switcher.tsx","content":"$53","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]