{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pill-nav-demo",
  "title": "Pill Nav Demo",
  "description": "Example showing a pill navigation with animated indicator.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://pioneerui.com/r/pill-nav"
  ],
  "files": [
    {
      "path": "registry/example/pill-nav-demo.tsx",
      "content": "import { PillNav } from \"../pioneerui/pill-nav\"\n\nconst HomeIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} className=\"h-3.5 w-3.5\">\n    <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/>\n    <polyline points=\"9 22 9 12 15 12 15 22\"/>\n  </svg>\n)\n\nconst SearchIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} className=\"h-3.5 w-3.5\">\n    <circle cx=\"11\" cy=\"11\" r=\"8\"/>\n    <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\n  </svg>\n)\n\nconst BellIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} className=\"h-3.5 w-3.5\">\n    <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"/>\n    <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"/>\n  </svg>\n)\n\nexport default function PillNavDemo() {\n  return (\n    <div className=\"flex flex-col items-center gap-6 p-8\">\n      <PillNav\n        items={[\n          { value: \"home\", label: \"Home\", icon: <HomeIcon /> },\n          { value: \"explore\", label: \"Explore\", icon: <SearchIcon /> },\n          { value: \"notifications\", label: \"Alerts\", icon: <BellIcon />, badge: 3 },\n        ]}\n        defaultValue=\"home\"\n      />\n      <PillNav\n        items={[\n          { value: \"all\", label: \"All\" },\n          { value: \"backgrounds\", label: \"Backgrounds\" },\n          { value: \"buttons\", label: \"Buttons\" },\n          { value: \"cards\", label: \"Cards\" },\n        ]}\n        defaultValue=\"all\"\n        size=\"sm\"\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example",
      "target": "components/pill-nav-demo.tsx"
    }
  ],
  "type": "registry:example"
}