{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "navigation-list",
  "type": "registry:block",
  "title": "Navigation List",
  "description": "A vertical list of navigation items for a sidebar.",
  "files": [
    {
      "path": "src/components/deso/navigation-list.tsx",
      "content": "import * as React from 'react';\nimport Link from 'next/link';\nimport { cn } from '@/lib/utils/deso';\nimport { LucideIcon } from 'lucide-react';\nimport { Badge } from '@/components/ui/badge';\n\nexport interface NavigationItemProps {\n  href: string;\n  icon: LucideIcon;\n  label: string;\n  isActive?: boolean;\n  unreadCount?: number;\n}\n\nexport function NavigationItem({\n  href,\n  icon: Icon,\n  label,\n  isActive = false,\n  unreadCount,\n}: NavigationItemProps) {\n  return (\n    <li>\n      <Link\n        href={href}\n        className={cn(\n          'flex items-center gap-3 rounded-full px-4 py-2 text-lg font-normal transition-colors',\n          isActive\n            ? 'bg-accent text-accent-foreground'\n            : 'hover:bg-accent/50 text-muted-foreground hover:text-accent-foreground'\n        )}\n      >\n        <Icon className=\"h-6 w-6\" />\n        <span>{label}</span>\n        {unreadCount && unreadCount > 0 && (\n          <Badge variant=\"destructive\" className=\"ml-auto rounded-full\">\n            {unreadCount > 99 ? '99+' : unreadCount}\n          </Badge>\n        )}\n      </Link>\n    </li>\n  );\n}\n\nexport interface NavigationListProps {\n  items: NavigationItemProps[];\n  className?: string;\n}\n\nexport function NavigationList({ items, className }: NavigationListProps) {\n  return (\n    <nav className={cn('w-full', className)}>\n      <ul className=\"space-y-1\">\n        {items.map((item) => (\n          <NavigationItem key={item.href} {...item} />\n        ))}\n      </ul>\n    </nav>\n  );\n} ",
      "type": "registry:component",
      "target": "src/components/deso-ui/navigation-list.tsx"
    }
  ]
}