{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "card",
	"type": "registry:ui",
	"title": "Card",
	"description": "A card component.",
	"files": [
		{
			"path": "registry/niv/ui/card.tsx",
			"content": "import { cn } from '@/lib/classnames';\nimport type { ComponentProps } from 'react';\n\nfunction CardRoot({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm',\n        className,\n      )}\n      data-slot='card'\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n        className,\n      )}\n      data-slot='card-header'\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('font-semibold leading-none', className)}\n      data-slot='card-title'\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot='card-description'\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className,\n      )}\n      data-slot='card-action'\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('px-6', className)}\n      data-slot='card-content'\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}\n      data-slot='card-footer'\n      {...props}\n    />\n  );\n}\n\nconst Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Action: CardAction,\n  Description: CardDescription,\n  Content: CardContent,\n});\n\nexport { Card };\n",
			"type": "registry:ui"
		}
	]
}