50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T665,import { AppSidebar } from "@/registry/base-vega/blocks/sidebar-02/components/app-sidebar" import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/registry/base-vega/ui/breadcrumb" import { Separator } from "@/registry/base-vega/ui/separator" import { SidebarInset, SidebarProvider, SidebarTrigger, } from "@/registry/base-vega/ui/sidebar" export default function Page() { return (

Build Your Application Data Fetching

{Array.from({ length: 24 }).map((_, index) => (

))}

) } 53:T145c,"use client" import * as React from "react" import { SearchForm } from "@/registry/base-vega/blocks/sidebar-02/components/search-form" import { VersionSwitcher } from "@/registry/base-vega/blocks/sidebar-02/components/version-switcher" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/registry/base-vega/ui/collapsible" import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarRail, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" // This is sample data. const data = { versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"], navMain: [ { title: "Getting Started", url: "#", items: [ { title: "Installation", url: "#", }, { title: "Project Structure", url: "#", }, ], }, { title: "Build Your Application", url: "#", items: [ { title: "Routing", url: "#", }, { title: "Data Fetching", url: "#", isActive: true, }, { title: "Rendering", url: "#", }, { title: "Caching", url: "#", }, { title: "Styling", url: "#", }, { title: "Optimizing", url: "#", }, { title: "Configuring", url: "#", }, { title: "Testing", url: "#", }, { title: "Authentication", url: "#", }, { title: "Deploying", url: "#", }, { title: "Upgrading", url: "#", }, { title: "Examples", url: "#", }, ], }, { title: "API Reference", url: "#", items: [ { title: "Components", url: "#", }, { title: "File Conventions", url: "#", }, { title: "Functions", url: "#", }, { title: "next.config.js Options", url: "#", }, { title: "CLI", url: "#", }, { title: "Edge Runtime", url: "#", }, ], }, { title: "Architecture", url: "#", items: [ { title: "Accessibility", url: "#", }, { title: "Fast Refresh", url: "#", }, { title: "Next.js Compiler", url: "#", }, { title: "Supported Browsers", url: "#", }, { title: "Turbopack", url: "#", }, ], }, { title: "Community", url: "#", items: [ { title: "Contribution Guide", url: "#", }, ], }, ], } export function AppSidebar({ ...props }: React.ComponentProps) { return ( {/* We create a collapsible SidebarGroup for each parent. */} {data.navMain.map((item) => ( } > {item.title}{" "} {item.items.map((item) => ( } > {item.title} ))} ))} ) } 54:T437,"use client" import { Label } from "@/registry/base-vega/ui/label" import { SidebarGroup, SidebarGroupContent, SidebarInput, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" export function SearchForm({ ...props }: React.ComponentProps<"form">) { return ( ) } 55:Ta65,"use client" import * as React from "react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/registry/base-vega/ui/dropdown-menu" import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" export function VersionSwitcher({ versions, defaultVersion, }: { versions: string[] defaultVersion: string }) { const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion) return ( } >

Documentation v{selectedVersion}

{versions.map((version) => ( setSelectedVersion(version)} > v{version}{" "} {version === selectedVersion && ( )} ))} ) } 4f:["$","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,["$","$L50",null,{"namespace":"@catalogs","registryDependencies":["sidebar","breadcrumb","separator","label","dropdown-menu"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/base-vega/blocks/sidebar-02/page.tsx","content":"$52","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"registry/base-vega/blocks/sidebar-02/components/app-sidebar.tsx","content":"$53","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-02/components/search-form.tsx","content":"$54","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-02/components/version-switcher.tsx","content":"$55","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]