{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"typing-indicator","type":"registry:ui","title":"Typing Indicator","description":"Three dots that bob in turn while someone is typing.","dependencies":["motion@^14.0.0"],"files":[{"path":"components/ui/typing-indicator.tsx","type":"registry:ui","content":"\"use client\";\n\nimport { motion } from \"motion/react\";\nimport * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction TypingIndicator({ label = \"Typing\", className, ...props }: React.ComponentProps<\"span\"> & { label?: string }) {\n  return (\n    <span\n      data-slot=\"typing-indicator\"\n      role=\"status\"\n      aria-label={label}\n      className={cn(\"inline-flex h-2 items-center gap-1\", className)}\n      {...props}\n    >\n      {[0, 1, 2].map((dot) => (\n        <motion.span\n          key={dot}\n          aria-hidden\n          className=\"size-1.5 rounded-full bg-current\"\n          initial={{ y: 0, opacity: 0.35 }}\n          animate={{ y: [0, -3, 0], opacity: [0.35, 1, 0.35] }}\n          transition={{ duration: 0.9, ease: \"easeInOut\", repeat: Infinity, delay: dot * 0.15 }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport { TypingIndicator };\n"}]}