{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-dot",
  "type": "registry:ui",
  "title": "Status dot",
  "description": "Small status dot in neutral, success, warning, danger and accent tones, built with cva. Place it next to labels for online, healthy or failing indicators.",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/status-dot.tsx",
      "type": "registry:ui",
      "target": "components/ui/status-dot.tsx",
      "content": "\"use client\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/lib/utils\"\n\nconst statusDotVariants = cva(\"inline-block size-2 shrink-0 rounded-full\", {\n  variants: {\n    tone: {\n      neutral: \"bg-fg-muted\",\n      success: \"bg-success\",\n      warning: \"bg-warning\",\n      danger: \"bg-danger\",\n      accent: \"bg-accent\",\n    },\n  },\n  defaultVariants: { tone: \"neutral\" },\n})\n\nfunction StatusDot({ className, tone, ...props }: React.ComponentProps<\"span\"> & VariantProps<typeof statusDotVariants>) {\n  return <span data-slot=\"status-dot\" aria-hidden className={cn(statusDotVariants({ tone }), className)} {...props} />\n}\nexport { StatusDot, statusDotVariants }\n"
    }
  ]
}