{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-sidebar","title":"Corded Sidebar","description":"Composable sidebar container, header, scrollable content, and footer.","registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-sidebar.tsx","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport function CordedSidebar({ className, ...props }: React.ComponentProps<\"aside\">) {\n  return <aside className={cn(\"flex w-64 min-h-0 shrink-0 flex-col overflow-hidden rounded-xl border border-[var(--border-subtle)] bg-[var(--background-base-low)] text-[var(--text-default)]\", className)} {...props} />\n}\n\nexport function CordedSidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex min-h-14 shrink-0 items-center gap-2 border-b border-[var(--border-subtle)] px-4 font-semibold\", className)} {...props} />\n}\n\nexport function CordedSidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"min-h-0 flex-1 overflow-y-auto p-2\", className)} {...props} />\n}\n\nexport function CordedSidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"flex shrink-0 items-center gap-3 border-t border-[var(--border-subtle)] bg-[var(--background-mod-subtle)] p-3\", className)} {...props} />\n}\n","type":"registry:ui","target":"components/ui/corded-sidebar.tsx"}],"type":"registry:ui"}