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/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"] 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/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"] 51:T14d7,"use client"; import { useState } from "react"; import { Bell, BookMarked, Layers } from "lucide-react"; import { Sidebar001, Sidebar001Content, Sidebar001Footer, Sidebar001Group, Sidebar001Header, Sidebar001Item, Sidebar001Section, } from "@/components/unlumen-ui/sidebar-001"; const NAV = [ { label: "Getting Started", items: [ { href: "/docs/introduction", label: "Introduction" }, { href: "/docs/installation", label: "Installation" }, { href: "/docs/theming", label: "Theming", isNew: true }, { href: "/docs/changelog", label: "Changelog" }, { href: "/docs/faq", label: "FAQ" }, ], }, { label: "Components", items: [ { href: "/docs/button", label: "Button" }, { href: "/docs/card", label: "Card" }, { href: "/docs/input", label: "Input", isNew: true }, { href: "/docs/tabs", label: "Tabs" }, { href: "/docs/badge", label: "Badge" }, { href: "/docs/avatar", label: "Avatar" }, ], groups: [ { label: "Overlays", defaultOpen: true, icon: , items: [ { href: "/docs/dialog", label: "Dialog" }, { href: "/docs/drawer", label: "Drawer", isNew: true }, { href: "/docs/popover", label: "Popover" }, { href: "/docs/tooltip", label: "Tooltip" }, { href: "/docs/dropdown", label: "Dropdown" }, { href: "/docs/modal", label: "Modal" }, ], }, { label: "Feedback", defaultOpen: false, icon: , items: [ { href: "/docs/toast", label: "Toast", isNew: true }, { href: "/docs/alert", label: "Alert" }, { href: "/docs/progress", label: "Progress" }, { href: "/docs/skeleton", label: "Skeleton" }, { href: "/docs/spinner", label: "Spinner" }, ], }, ], }, { label: "Utilities", items: [ { href: "/docs/animations", label: "Animations" }, { href: "/docs/colors", label: "Colors" }, { href: "/docs/typography", label: "Typography" }, { href: "/docs/spacing", label: "Spacing" }, ], }, { label: "Resources", items: [ { href: "/docs/accessibility", label: "Accessibility" }, { href: "/docs/performance", label: "Performance" }, { href: "/docs/best-practices", label: "Best Practices" }, { href: "/docs/examples", label: "Examples" }, ], }, ]; export default function Sidebar001Demo() { const [active, setActive] = useState("/docs/introduction"); return (

Docs

{NAV.map((section) => ( {section.items.map((item) => ( { e.preventDefault(); setActive(item.href); }} /> ))} {section.groups?.map((group) => ( {group.items.map((item) => ( { e.preventDefault(); setActive(item.href); }} /> ))} ))} ))} v1.0.0

); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@unlumen-ui","registryDependencies":["@unlumen-ui/sidebar-001"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/demo/components/unlumen/sidebar-001/index.tsx","content":"$51","type":"registry:example"}],"className":"h-[70svh] min-h-80"}]]}]