{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "title": "Card",
  "description": "never nest cards; titles sit outside · **flat — a shadow means pressable or floating**",
  "dependencies": [],
  "registryDependencies": [
    "@kit-native/lib-utils",
    "@kit-native/text"
  ],
  "files": [
    {
      "path": "components/ui/card.tsx",
      "content": "import { Text, TextClassContext } from '@/components/ui/text';\nimport { cn } from '@/lib/utils';\nimport { View } from 'react-native';\n\nfunction Card({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>) {\n  return (\n    <TextClassContext.Provider value=\"text-card-foreground\">\n      <View\n        className={cn(\n          'bg-card border-border flex flex-col gap-6 rounded-xl border py-6',\n          className\n        )}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>) {\n  return <View className={cn('flex flex-col gap-1.5 px-6', className)} {...props} />;\n}\n\nfunction CardTitle({\n  className,\n  ref,\n  ...props\n}: React.ComponentProps<typeof Text> & React.RefAttributes<typeof Text>) {\n\n  return (\n    <Text\n      ref={ref}\n      role=\"heading\"\n      aria-level={3}\n      className={cn('font-heading font-semibold leading-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof Text> & React.RefAttributes<typeof Text>) {\n  return <Text className={cn('text-muted-foreground text-sm', className)} {...props} />;\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>) {\n  return <View className={cn('px-6', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>) {\n  return <View className={cn('flex flex-row items-center px-6', className)} {...props} />;\n}\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n",
      "type": "registry:ui",
      "target": "components/ui/card.tsx"
    }
  ],
  "meta": {
    "exports": [
      "Card"
    ],
    "api": "<Card><CardHeader><CardTitle /><CardDescription /></CardHeader><CardContent /><CardFooter /></Card>"
  },
  "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": [
    "layout"
  ],
  "type": "registry:ui"
}