{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-pill",
  "type": "registry:ui",
  "title": "Status pill",
  "description": "A small rounded pill with an optional leading dot that labels the state of a run, deployment, or record.",
  "categories": [
    "atoms"
  ],
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "https://irisui.dev/r/foundation.json",
    "https://irisui.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "src/registry/components/status-pill/status-pill.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst statusPillVariants = cva(\n  \"inline-flex h-6 items-center gap-1.5 rounded-full px-2.5 text-[13px] font-medium leading-none\",\n  {\n    variants: {\n      tone: {\n        green: \"bg-green-tint text-green\",\n        orange: \"bg-orange-tint text-orange\",\n        red: \"bg-red-tint text-red\",\n        accent: \"bg-accent-tint text-accent-ink\",\n        neutral: \"bg-inset text-ink-2\",\n      },\n    },\n    defaultVariants: { tone: \"neutral\" },\n  },\n);\n\ntype Tone = NonNullable<VariantProps<typeof statusPillVariants>[\"tone\"]>;\n\n/* the leading dot lives on a separate element, so its color stays a small lookup */\nconst dotColor: Record<Tone, string> = {\n  green: \"bg-green\",\n  orange: \"bg-orange\",\n  red: \"bg-red\",\n  accent: \"bg-accent\",\n  neutral: \"bg-ink-3\",\n};\n\nexport function StatusPill({\n  tone = \"neutral\",\n  children,\n  dot = true,\n  className,\n}: {\n  tone?: Tone;\n  children: React.ReactNode;\n  dot?: boolean;\n  className?: string;\n}) {\n  return (\n    <span className={cn(statusPillVariants({ tone }), className)}>\n      {dot && <span className={cn(\"size-1.5 rounded-full\", dotColor[tone])} />}\n      {children}\n    </span>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/iris/status-pill/status-pill.tsx"
    }
  ],
  "docs": "Docs and live preview: https://irisui.dev/components/status-pill",
  "meta": {
    "kind": "component",
    "group": "Feedback",
    "export": "StatusPill",
    "docs": "https://irisui.dev/components/status-pill"
  }
}