{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "check-run-list",
  "type": "registry:ui",
  "title": "Check run list",
  "description": "List of CI check runs with success, failed or running icons, monospaced job names and a status label. Looks like the checks section of a pull request.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/check-run-list.tsx",
      "type": "registry:ui",
      "target": "components/ui/check-run-list.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { CheckIcon, LoaderCircleIcon, XIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\ntype Run = { name: string; status: \"success\" | \"failed\" | \"running\" }\n\nfunction CheckRunList({\n  runs = [\n    { name: \"build\", status: \"success\" },\n    { name: \"audit\", status: \"success\" },\n    { name: \"e2e\", status: \"running\" },\n  ],\n  className,\n}: {\n  runs?: Run[]\n  className?: string\n}) {\n  return (\n    <ul data-slot=\"check-run-list\" className={cn(\"divide-y divide-border rounded-xl border border-border bg-surface\", className)}>\n      {runs.map((r) => (\n        <li key={r.name} className=\"flex items-center gap-2 px-3 py-2.5 text-sm\">\n          {r.status === \"success\" ? <CheckIcon className=\"size-4 text-success\" /> : null}\n          {r.status === \"failed\" ? <XIcon className=\"size-4 text-danger\" /> : null}\n          {r.status === \"running\" ? <LoaderCircleIcon className=\"size-4 animate-spin text-accent\" /> : null}\n          <span className=\"flex-1 font-mono text-fg\">{r.name}</span>\n          <span className=\"text-xs capitalize text-fg-muted\">{r.status}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\nexport { CheckRunList }\n"
    }
  ]
}