{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sidebar-section",
  "type": "registry:ui",
  "title": "Sidebar section",
  "description": "Sidebar section that groups nav items under an optional small uppercase heading with tight spacing. Stack several inside the Sidebar to organize app navigation.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/sidebar-section.tsx",
      "type": "registry:ui",
      "target": "components/ui/sidebar-section.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction SidebarSection({\n  title,\n  children,\n  className,\n}: {\n  title?: string\n  children?: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div data-slot=\"sidebar-section\" className={cn(\"space-y-1 px-2 py-3\", className)}>\n      {title ? (\n        <p className=\"px-2 pb-1 text-[11px] font-medium uppercase tracking-[0.01em] text-fg-muted\">{title}</p>\n      ) : null}\n      <div className=\"space-y-0.5\">{children}</div>\n    </div>\n  )\n}\nexport { SidebarSection }\n"
    }
  ]
}