{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-dot",
  "title": "Status dot",
  "description": "",
  "dependencies": [
    "class-variance-authority@^0.7.1"
  ],
  "registryDependencies": [
    "@kit-native/lib-utils"
  ],
  "files": [
    {
      "path": "components/kit/status-dot.tsx",
      "content": "import { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { View } from 'react-native';\n\nconst dotVariants = cva('rounded-full', {\n  variants: {\n    tone: {\n      success: 'bg-success',\n      warning: 'bg-warning',\n      destructive: 'bg-destructive',\n      info: 'bg-info',\n      primary: 'bg-primary',\n      muted: 'bg-muted-foreground',\n    },\n    size: { sm: 'size-2', md: 'size-2.5', lg: 'size-3' },\n  },\n  defaultVariants: { tone: 'success', size: 'md' },\n});\n\ntype Props = React.ComponentProps<typeof View> & VariantProps<typeof dotVariants>;\n\n/** Small semantic status indicator (online, pending, error). */\nexport function StatusDot({ tone, size, className, ...props }: Props) {\n  return <View className={cn(dotVariants({ tone, size }), className)} {...props} />;\n}\n",
      "type": "registry:component",
      "target": "components/kit/status-dot.tsx"
    }
  ],
  "meta": {
    "exports": [
      "StatusDot"
    ],
    "api": "<StatusDot tone size />"
  },
  "docs": "Run `npx expo install --fix` afterwards so Expo SDK packages match your SDK. Needs the kit theme (`@kit-native/theme`) and `KitThemeProvider` from `@kit-native/lib-theme-context` at the root.",
  "categories": [
    "data"
  ],
  "type": "registry:component"
}