4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/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"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/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"] 51:T6e6,import { AppSidebar } from "@/components/app-sidebar"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/components/ui/breadcrumbs"; import { Separator } from "@/components/ui/separator"; import { SidebarInset, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar"; export default function Sidebar01Page() { return (

Build Your Application Data Fetching

); } 52:T1147,import * as React from "react"; import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarRail, } from "@/components/ui/sidebar"; import { SearchForm } from "./search-form"; import { VersionSwitcher } from "./version-switcher"; const data = { versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"], navMain: [ { title: "Getting Started", url: "#", items: [ { title: "Installation", url: "/docs/installation", }, { title: "Project Structure", url: "/docs/extending", }, ], }, { title: "Build Your Application", url: "#", items: [ { title: "Routing", url: "/docs", }, { title: "Data Fetching", url: "/blocks/sidebar-01", isActive: true, }, { title: "Rendering", url: "/blocks/sidebar-01/preview", }, { title: "Caching", url: "/docs/llms", }, { title: "Theming", url: "/docs/theming", }, { title: "Optimizing", url: "/docs/components", }, { title: "Configuring", url: "/docs/installation", }, { title: "Testing", url: "/blocks?category=sidebar", }, { title: "Authentication", url: "/blocks?category=sidebar", }, { title: "Deploying", url: "/docs/extending", }, { title: "Upgrading", url: "/docs/components/button", }, { title: "Examples", url: "/blocks", }, ], }, { title: "API Reference", url: "#", items: [ { title: "Components", url: "/docs/components", }, { title: "File Conventions", url: "/docs/extending", }, { title: "Functions", url: "/docs/llms", }, { title: "next.config.js Options", url: "/docs/installation", }, { title: "CLI", url: "/blocks", }, { title: "Edge Runtime", url: "/docs/theming", }, ], }, { title: "Architecture", url: "#", items: [ { title: "Accessibility", url: "/docs/components", }, { title: "Fast Refresh", url: "/blocks/sidebar-01", }, { title: "Next.js Compiler", url: "/docs/extending", }, { title: "Supported Browsers", url: "/docs", }, { title: "Turbopack", url: "/docs/installation", }, ], }, ], }; export function AppSidebar({ ...props }: React.ComponentProps) { return ( {data.navMain.map((item) => ( {item.title} {item.items.map((item) => ( ( {props.children} )} isActive={item.isActive} > {item.title} ))} ))} ); } 53:T7fd,"use client"; import { CheckIcon, ChevronsUpDownIcon, GalleryVerticalEndIcon, } from "lucide-react"; import * as React from "react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/components/ui/sidebar"; 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 && ( ))} ); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@iandefined","registryDependencies":["https://ui.shadcn.com/r/styles/base-luma/sidebar.json","https://ui.iandefined.com/r/breadcrumbs.json","https://ui.iandefined.com/r/separator.json","https://ui.iandefined.com/r/label.json","https://ui.iandefined.com/r/dropdown-menu.json"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/base/blocks/sidebar/01/page.tsx","content":"$51","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"src/registry/base/blocks/sidebar/01/components/app-sidebar.tsx","content":"$52","type":"registry:component","target":"components/app-sidebar.tsx"},{"path":"src/registry/base/blocks/sidebar/01/components/search-form.tsx","content":"import { SearchIcon } from \"lucide-react\";\n\nimport { Label } from \"@/components/ui/label\";\nimport {\n SidebarGroup,\n SidebarGroupContent,\n SidebarInput,\n} from \"@/components/ui/sidebar\";\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n return (\n \n );\n}\n","type":"registry:component","target":"components/search-form.tsx"},{"path":"src/registry/base/blocks/sidebar/01/components/version-switcher.tsx","content":"$53","type":"registry:component","target":"components/version-switcher.tsx"}],"className":"h-[70svh] min-h-80"}]]}]