{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "thinking-indicator",
  "title": "Thinking indicator",
  "description": "the model is working · say what it is doing when you can",
  "dependencies": [
    "cn@^0.4.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/kit/thinking-indicator.tsx",
      "content": "import { cn } from 'cn';\n\ntype Props = { label?: string; className?: string };\n\n/** \"The model is working\": three dots and a label. Still dots under reduced motion. */\nexport function ThinkingIndicator({ label = 'Thinking', className }: Props) {\n  return (\n    <div role=\"status\" className={cn('text-muted-foreground inline-flex items-center gap-2 text-sm', className)}>\n      <span className=\"flex gap-1\" aria-hidden>\n        {[0, 1, 2].map((i) => (\n          <span\n            key={i}\n            className=\"bg-muted-foreground size-1.5 animate-bounce rounded-full motion-reduce:animate-none\"\n            style={{ animationDelay: `${i * 150}ms` }}\n          />\n        ))}\n      </span>\n      {label}\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/thinking-indicator.tsx"
    }
  ],
  "meta": {
    "exports": [
      "ThinkingIndicator"
    ],
    "api": "<ThinkingIndicator label? />"
  },
  "docs": "Needs the kit theme (`@kit/theme`) and a next-themes ThemeProvider (attribute=\"class\") at the root.",
  "categories": [
    "ai"
  ],
  "type": "registry:component"
}