{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pager-dots",
  "title": "Pager dots",
  "description": "Full-width slides: HorizontalPager with itemWidth = screen width.",
  "dependencies": [],
  "registryDependencies": [
    "@kit-native/lib-utils"
  ],
  "files": [
    {
      "path": "components/kit/pager-dots.tsx",
      "content": "import { cn } from '@/lib/utils';\nimport { View } from 'react-native';\n\ntype Props = { count: number; activeIndex: number; className?: string };\n\n/** Page indicator for pagers and intro sliders. Active dot is a short pill. */\nexport function PagerDots({ count, activeIndex, className }: Props) {\n  return (\n    <View className={cn('flex-row items-center justify-center gap-1.5', className)} role=\"img\" accessibilityLabel={`Page ${activeIndex + 1} of ${count}`}>\n      {Array.from({ length: count }).map((_, i) => (\n        <View key={i} className={cn('h-1.5 rounded-full', i === activeIndex ? 'bg-foreground w-4' : 'bg-border w-1.5')} />\n      ))}\n    </View>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/pager-dots.tsx"
    }
  ],
  "meta": {
    "exports": [
      "PagerDots"
    ],
    "api": "<PagerDots count activeIndex /> — HorizontalPager renders them for you"
  },
  "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": [
    "navigation"
  ],
  "type": "registry:component"
}