{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-indicator",
  "title": "Status Indicator",
  "description": "Text-backed status indicator with domain-neutral tones and presentations.",
  "registryDependencies": ["askyourpolicy/ss-registry/stitch-base"],
  "files": [
    {
      "path": "src/components/ui/status-indicator.tsx",
      "content": "import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype StatusIndicatorTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\ntype StatusIndicatorPresentation = \"dot\" | \"badge\";\n\ntype StatusIndicatorProps = Omit<ComponentProps<\"span\">, \"children\"> & {\n  label: ReactNode;\n  presentation?: StatusIndicatorPresentation;\n  tone?: StatusIndicatorTone;\n};\n\nconst toneClasses: Record<\n  StatusIndicatorTone,\n  {\n    badge: string;\n    dot: string;\n  }\n> = {\n  neutral: {\n    badge: \"border-border-subtle bg-muted text-muted-foreground\",\n    dot: \"bg-muted-foreground/60 dark:bg-muted-foreground/80\",\n  },\n  info: {\n    badge: \"border-status-info/25 bg-status-info-muted text-status-info-muted-foreground\",\n    dot: \"bg-status-info/60 dark:bg-status-info/80\",\n  },\n  success: {\n    badge: \"border-status-success/25 bg-status-success-muted text-status-success-muted-foreground\",\n    dot: \"bg-status-success/60 dark:bg-status-success/80\",\n  },\n  warning: {\n    badge: \"border-status-warning/25 bg-status-warning-muted text-status-warning-muted-foreground\",\n    dot: \"bg-status-warning/60 dark:bg-status-warning/80\",\n  },\n  destructive: {\n    badge: \"border-destructive/20 bg-destructive/10 text-destructive\",\n    dot: \"bg-destructive/60 dark:bg-destructive/80\",\n  },\n};\n\nfunction StatusIndicator({\n  className,\n  label,\n  presentation = \"dot\",\n  tone = \"neutral\",\n  ...props\n}: StatusIndicatorProps) {\n  const styles = toneClasses[tone];\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex w-fit max-w-full items-center gap-1.5 text-sm leading-snug font-medium\",\n        presentation === \"badge\" && \"rounded-full border px-2 py-0.5 text-xs whitespace-nowrap\",\n        presentation === \"badge\" && styles.badge,\n        className,\n      )}\n      data-presentation={presentation}\n      data-slot=\"status-indicator\"\n      data-tone={tone}\n      {...props}\n    >\n      <span aria-hidden=\"true\" className={cn(\"size-2 shrink-0 rounded-full\", styles.dot)} />\n      <span className=\"min-w-0 text-balance\">{label}</span>\n    </span>\n  );\n}\n\nexport {\n  StatusIndicator,\n  type StatusIndicatorPresentation,\n  type StatusIndicatorProps,\n  type StatusIndicatorTone,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}