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:T2fe4,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { BarChart2, BookOpen, Calendar, ChevronLeft, ChevronRight, CircleDollarSign, Code2, FileText, Home, Inbox, LayoutDashboard, LifeBuoy, Menu, Settings, Star, Users, X, Zap, } from "lucide-react"; import { cn } from "@/lib/utils"; type NavItem = { label: string; icon: React.ReactNode; badge?: string; active?: boolean; }; const PRIMARY_NAV: NavItem[] = [ { label: "Home", icon: , active: true }, { label: "Inbox", icon: , badge: "4" }, { label: "Dashboard", icon: }, { label: "Analytics", icon: }, { label: "Projects", icon: }, { label: "Team", icon: }, { label: "Calendar", icon: }, { label: "Starred", icon: }, { label: "Settings", icon: }, ]; const SECONDARY_NAV: NavItem[] = [ { label: "Documentation", icon: }, { label: "API Reference", icon: }, { label: "Changelog", icon: }, { label: "Support", icon: }, { label: "Sponsor", icon: }, ]; function NavLink({ item, collapsed }: { item: NavItem; collapsed: boolean }) { return ( {item.icon} {collapsed && item.badge && ( {item.badge} )} {!collapsed && ( {item.label} {item.badge && ( {item.badge} )} )} ); } function BentoPlaceholder() { return (

Total Revenue $48,295

Active Users 3,842

Conversion 5.27%

); } export default function CollapsibleSidebar() { const reduce = useReducedMotion(); const [collapsed, setCollapsed] = React.useState(false); const [hovered, setHovered] = React.useState(false); const [isMobile, setIsMobile] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const check = () => setIsMobile(window.innerWidth < 768); check(); window.addEventListener("resize", check); return () => window.removeEventListener("resize", check); }, []); return (

{/* Mobile overlay */} {isMobile && mobileOpen && ( setMobileOpen(false)} /> )} {/* Sidebar */} !isMobile && setHovered(true)} onMouseLeave={() => !isMobile && setHovered(false)} > {/* Collapse toggle (desktop only) */} {!isMobile && hovered && ( setCollapsed((v) => !v)} className="absolute right-2.5 top-4 z-10 flex size-6 items-center justify-center rounded-full border border-neutral-200 bg-white text-neutral-500 shadow-sm hover:text-neutral-900 dark:border-white/10 dark:bg-neutral-900 dark:text-neutral-400 dark:hover:text-white" > {collapsed ? : } )}

{/* Brand */}

{(isMobile || !collapsed) && ( Nexus Labs {isMobile && ( )} )}

{/* Primary nav */} {/* Divider */}

{/* Secondary nav */}

{/* User profile */}

{(isMobile || !collapsed) && (

Alex Morgan

alex@nexuslabs.io

)}

{/* Main content */}

{isMobile && (

Nexus Labs

)}

); } 51:T473d,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { Archive, BarChart2, Bell, BookOpen, Calendar, ChevronDown, ChevronLeft, ChevronRight, CreditCard, FileText, Folder, Home, Inbox, LayoutDashboard, LifeBuoy, Menu, Shield, Sparkles, Table2, Users, UserSquare2, X, Zap, } from "lucide-react"; import { cn } from "@/lib/utils"; type ChildItem = { label: string; icon: React.ReactNode; active?: boolean; }; type NavGroup = { id: string; label: string; icon: React.ReactNode; children: ChildItem[]; }; type FlatItem = { label: string; icon: React.ReactNode; badge?: string; active?: boolean; }; const FLAT_TOP: FlatItem[] = [ { label: "Home", icon: , active: true }, { label: "Inbox", icon: , badge: "6" }, { label: "Notifications", icon: , badge: "2" }, ]; const NAV_GROUPS: NavGroup[] = [ { id: "platform", label: "Platform", icon: , children: [ { label: "Dashboard", icon: }, { label: "Analytics", icon: , active: true }, { label: "Reports", icon: }, { label: "Automation", icon: }, ], }, { id: "workspace", label: "Workspace", icon: , children: [ { label: "Projects", icon: }, { label: "Calendar", icon: }, { label: "Archives", icon: }, { label: "Documents", icon: }, ], }, { id: "team", label: "Team", icon: , children: [ { label: "Members", icon: }, { label: "Roles & Permissions", icon: }, { label: "Support", icon: }, { label: "Billing", icon: }, ], }, ]; function FlatNavLink({ item, collapsed, }: { item: FlatItem; collapsed: boolean; }) { return ( {item.icon} {collapsed && item.badge && ( {item.badge} )} {!collapsed && ( {item.label} {item.badge && ( {item.badge} )} )} ); } function GroupRow({ group, collapsed, open, onToggle, }: { group: NavGroup; collapsed: boolean; open: boolean; onToggle: () => void; }) { const anyChildActive = group.children.some((c) => c.active); return (

{/* Group header */} {group.icon} {!collapsed && ( {group.label} )} {/* Children — icons-only when sidebar is collapsed, full rows when expanded */} {collapsed ? (

{group.children.map((child) => ( {child.icon} ))}

) : ( {open && (

{group.children.map((child) => ( {child.icon} {child.label} ))}

)} )}

); } function BentoPlaceholder() { return (

Total Revenue $48,295

Active Users 3,842

Conversion 5.27%

); } export default function GroupedSidebar() { const reduce = useReducedMotion(); const [collapsed, setCollapsed] = React.useState(false); const [hovered, setHovered] = React.useState(false); const [openGroups, setOpenGroups] = React.useState>( new Set(["platform"]), ); const [isMobile, setIsMobile] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const check = () => setIsMobile(window.innerWidth < 768); check(); window.addEventListener("resize", check); return () => window.removeEventListener("resize", check); }, []); function toggleGroup(id: string) { setOpenGroups((prev) => { const next = new Set(prev); if (next.has(id)) next.delete(id); else next.add(id); return next; }); } const isCollapsed = !isMobile && collapsed; return (

{/* Brand */}

{!isCollapsed && ( Nexus Labs {isMobile && ( )} )}

{/* Flat top items */} {/* Divider */}

{/* Grouped nav */}

{/* User profile */}

{!isCollapsed && (

Alex Morgan

alex@nexuslabs.io

)}

{/* Main content */}

{isMobile && (

Nexus Labs

)}

); } 52:T2147,"use client"; import * as React from "react"; import { AnimatePresence, motion } from "framer-motion"; import { BarChart2, BookOpen, Calendar, CircleDollarSign, Code2, FileText, Home, Inbox, LayoutDashboard, LifeBuoy, Menu, Settings, Star, Users, X, Zap, } from "lucide-react"; import { cn } from "@/lib/utils"; type NavItem = { label: string; icon: React.ReactNode; badge?: string; active?: boolean; }; const PRIMARY_NAV: NavItem[] = [ { label: "Home", icon: , active: true }, { label: "Inbox", icon: , badge: "4" }, { label: "Dashboard", icon: }, { label: "Analytics", icon: }, { label: "Projects", icon: }, { label: "Team", icon: }, { label: "Calendar", icon: }, { label: "Starred", icon: }, { label: "Settings", icon: }, ]; const SECONDARY_NAV: NavItem[] = [ { label: "Documentation", icon: }, { label: "API Reference", icon: }, { label: "Changelog", icon: }, { label: "Support", icon: }, { label: "Sponsor", icon: }, ]; function NavLink({ item }: { item: NavItem }) { return ( {item.icon} {item.label} {item.badge && ( {item.badge} )} ); } function BentoPlaceholder() { return (

Total Revenue $48,295

Active Users 3,842

Conversion 5.27%

); } export default function SimpleSidebar() { const [isMobile, setIsMobile] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const check = () => setIsMobile(window.innerWidth < 768); check(); window.addEventListener("resize", check); return () => window.removeEventListener("resize", check); }, []); const sidebarContent = ( <> {/* Brand */}

Nexus Labs

{isMobile && ( )}

{/* Primary nav */} {/* Divider */}

{/* Secondary nav */} {/* User profile */}

Alex Morgan

alex@nexuslabs.io

); return (

{/* Mobile overlay */} {isMobile && mobileOpen && ( setMobileOpen(false)} /> )} {/* Sidebar */} {sidebarContent} {/* Main content */}

{/* Mobile header */} {isMobile && (

Nexus Labs

)}

); } 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/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":"react"}]]}]}],["$","li","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","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":"framer-motion"}]]}]}],["$","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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"next-ui/blocks/sidebar/collapsible-sidebar.tsx","content":"$50","type":"registry:component","target":"components/blocks/sidebar/collapsible-sidebar.tsx"},{"path":"next-ui/blocks/sidebar/grouped-sidebar.tsx","content":"$51","type":"registry:component","target":"components/blocks/sidebar/grouped-sidebar.tsx"},{"path":"next-ui/blocks/sidebar/simple-sidebar.tsx","content":"$52","type":"registry:component","target":"components/blocks/sidebar/simple-sidebar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]