{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "typing-indicator",
  "type": "registry:ui",
  "title": "Typing indicator",
  "description": "Tailwind typing indicator with three pulsing dots in a rounded pill, staggered by 120ms, with role status and a Typing label. Shows someone is replying in chat.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/typing-indicator.tsx",
      "type": "registry:ui",
      "target": "components/ui/typing-indicator.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction TypingIndicator({ className, label = \"Typing\" }: { className?: string; label?: string }) {\n  return (\n    <div\n      data-slot=\"typing-indicator\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(\"inline-flex items-center gap-1 rounded-full border border-border bg-sunken px-2.5 py-1.5\", className)}\n    >\n      {[0, 1, 2].map((i) => (\n        <span\n          key={i}\n          className=\"size-1.5 animate-pulse rounded-full bg-fg-muted\"\n          style={{ animationDelay: `${i * 120}ms` }}\n        />\n      ))}\n    </div>\n  )\n}\nexport { TypingIndicator }\n"
    }
  ]
}