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:T1153,import { Heading } from "@/components/ui/preskok-ui/heading" import { SidebarInset, SidebarProvider, } from "@/components/ui/preskok-ui/sidebar" import AppSidebar from "./app-sidebar" import AppSidebarNav from "./app-sidebar-nav" export default function SidebarPreskokDemo() { return (

Operations Overview

Keep fulfillment, payments, and support in sync.

Updated 2 minutes ago

Orders Today

148

+12% vs yesterday

Pending Tickets

3 need priority response

Failed Payments

All from one billing region

Recent Activity

Order #3921 packed

Warehouse A

2m ago

Ticket #188 escalated

Shipping delay complaint

11m ago

Payout batch processed

$12,420 settled

43m ago

Team Focus

Review failed payment retries
Confirm tomorrow stock transfer
Prepare weekly support report

) } 51:T11a8,"use client" import { CircleHelpIcon, CreditCardIcon, FileTextIcon, LayoutDashboardIcon, MessageSquareIcon, PackageIcon, SettingsIcon, ShoppingBagIcon, TicketIcon, } from "lucide-react" import { Avatar } from "@/components/ui/preskok-ui/avatar" import { PreskokIcon } from "@/components/ui/preskok-ui/preskok-icon" import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, } from "@/components/ui/preskok-ui/sidebar" const overviewItems = [ { title: "Overview", href: "#overview", icon: LayoutDashboardIcon, isActive: true, }, { title: "Orders", href: "#orders", icon: ShoppingBagIcon, }, { title: "Products", href: "#products", icon: PackageIcon, }, { title: "Payments", href: "#payments", icon: CreditCardIcon, badge: "4", }, ] const supportItems = [ { title: "Tickets", href: "#tickets", icon: TicketIcon }, { title: "Chat Support", href: "#chat", icon: MessageSquareIcon }, { title: "FAQ", href: "#faq", icon: CircleHelpIcon }, { title: "Sales Docs", href: "#sales-docs", icon: FileTextIcon }, ] export default function AppSidebar( props: React.ComponentProps ) { return ( Preskok UI Operations Overview {overviewItems.map((item) => ( {item.title} {item.badge && ( {item.badge} )} ))} Support Support {supportItems.map((item) => ( {item.title} ))} Maya Chen maya@preskok.example ) } 52:T72e,"use client" import { Command, LayoutDashboardIcon, LogOutIcon, SettingsIcon, } from "lucide-react" import { Avatar } from "@/components/ui/preskok-ui/avatar" import { Breadcrumbs, BreadcrumbsItem, } from "@/components/ui/preskok-ui/breadcrumbs" import { Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, } from "@/components/ui/preskok-ui/menu" import { SidebarTrigger } from "@/components/ui/preskok-ui/sidebar" export default function AppSidebarNav() { return ( ) } function UserMenu() { return ( Dashboard Settings Command Menu Log out ) } 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":"@preskok","registryDependencies":["https://ui-three-mu.vercel.app/r/avatar.json","https://ui-three-mu.vercel.app/r/breadcrumbs.json","https://ui-three-mu.vercel.app/r/heading.json","https://ui-three-mu.vercel.app/r/menu.json","https://ui-three-mu.vercel.app/r/preskok-icon.json","https://ui-three-mu.vercel.app/r/sidebar.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/preskok/examples/sidebar-preskok-demo.tsx","content":"$50","type":"registry:example"},{"path":"registry/preskok/examples/app-sidebar.tsx","content":"$51","type":"registry:component"},{"path":"registry/preskok/examples/app-sidebar-nav.tsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]