feat: add chat-indicator component

Author: thomasyuill-livekit

components/demos/ChatIndicator.tsx

@@ -0,0 +1,10 @@
+import { Container } from '../docs/container';
+import { ChatIndicator } from '../livekit/chat-indicator';
+
+export default function ChatIndicatorDemo() {
+  return (
+    <Container componentName="ChatIndicator">
+      <ChatIndicator />
+    </Container>
+  );
+}

components/livekit/chat-indicator.tsx

@@ -0,0 +1,15 @@
+import { type VariantProps, cva } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+export const chatIndicatorVariants = cva([
+  'inline-block size-2.5 animate-pulse rounded-full',
+  'bg-muted-foreground',
+]);
+
+export interface ChatIndicatorProps extends VariantProps<typeof chatIndicatorVariants> {
+  className?: string;
+}
+
+export function ChatIndicator({ className }: ChatIndicatorProps) {
+  return <span className={cn(chatIndicatorVariants(), className)} />;
+}