{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "seat-manager",
  "type": "registry:ui",
  "title": "Seat manager",
  "description": "Team seat manager card showing seats used out of the plan, an Invite button, and a member list with name, email and role badge. Built in React for billing.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/badge.json",
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/seat-manager.tsx",
      "type": "registry:ui",
      "target": "components/ui/seat-manager.tsx",
      "content": "\"use client\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\nconst SEATS = [\n  { name: \"Aman Kaushik\", email: \"aman@minidev.pro\", role: \"Owner\" },\n  { name: \"Sam Rivera\", email: \"sam@acme.co\", role: \"Admin\" },\n  { name: \"Lee Park\", email: \"lee@north.io\", role: \"Member\" },\n]\n\nfunction SeatManager({ className }: { className?: string }) {\n  return (\n    <div data-slot=\"seat-manager\" className={cn(\"overflow-hidden rounded-2xl border border-border bg-surface shadow-highlight\", className)}>\n      <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n        <div>\n          <h3 className=\"text-sm font-medium text-fg\">Seats</h3>\n          <p className=\"text-xs text-fg-muted\">3 of 10 used</p>\n        </div>\n        <Button size=\"sm\">Invite</Button>\n      </div>\n      <ul>\n        {SEATS.map((s) => (\n          <li key={s.email} className=\"flex flex-wrap items-center justify-between gap-2 border-b border-border px-4 py-3 last:border-b-0\">\n            <div>\n              <p className=\"text-sm font-medium text-fg\">{s.name}</p>\n              <p className=\"text-xs text-fg-muted\">{s.email}</p>\n            </div>\n            <Badge variant=\"outline\">{s.role}</Badge>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\nexport { SeatManager }\n"
    }
  ]
}