{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stat-tile",
  "title": "Stat tile",
  "description": "KPI tile with delta",
  "dependencies": [
    "lucide-react-native@^1.21.0"
  ],
  "registryDependencies": [
    "@kit-native/icon",
    "@kit-native/lib-utils",
    "@kit-native/percent-change",
    "@kit-native/text"
  ],
  "files": [
    {
      "path": "components/kit/stat-tile.tsx",
      "content": "import { PercentChange } from '@/components/kit/percent-change';\nimport { Icon } from '@/components/ui/icon';\nimport { Text } from '@/components/ui/text';\nimport { cn } from '@/lib/utils';\nimport type { LucideIcon } from 'lucide-react-native';\nimport { View } from 'react-native';\n\ntype Props = {\n  label: string;\n  value: string;\n  /** Percentage delta shown under the value. */\n  delta?: number;\n  icon?: LucideIcon;\n  className?: string;\n};\n\n/** Compact KPI tile for dashboards. Put 2–3 in a row with gap-3. */\nexport function StatTile({ label, value, delta, icon, className }: Props) {\n  return (\n    <View className={cn('bg-card border-border flex-1 gap-1 rounded-lg border p-4', className)}>\n      <View className=\"flex-row items-center justify-between\">\n        <Text className=\"text-muted-foreground text-xs font-medium uppercase tracking-wide\">{label}</Text>\n        {icon ? <Icon as={icon} size={16} className=\"text-muted-foreground\" /> : null}\n      </View>\n      <Text className=\"text-2xl font-semibold\">{value}</Text>\n      {delta !== undefined ? <PercentChange value={delta} /> : null}\n    </View>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/stat-tile.tsx"
    }
  ],
  "meta": {
    "exports": [
      "StatTile"
    ],
    "api": "<StatTile label value delta? icon? />"
  },
  "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"
}