{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "export * from \"./card\";\nexport * as Card from \"./namespace\";\nexport * from \"./styles\";\n",
      "path": "src/registry/ui/card/index.ts",
      "type": "registry:ui"
    },
    {
      "content": "import { CardStyles } from \"./styles\";\n\nexport interface CardRootProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardRoot({ className, ...props }: CardRootProps) {\n  return (\n    <div\n      className={CardStyles.Root({ className })}\n      data-slot=\"card-root\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardHeaderProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardHeader({ className, ...props }: CardHeaderProps) {\n  return (\n    <div\n      className={CardStyles.Header({ className })}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardTitleProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardTitle({ className, ...props }: CardTitleProps) {\n  return (\n    <div\n      className={CardStyles.Title({ className })}\n      data-slot=\"card-title\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardDescriptionProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardDescription({ className, ...props }: CardDescriptionProps) {\n  return (\n    <div\n      className={CardStyles.Description({ className })}\n      data-slot=\"card-description\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardActionProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardAction({ className, ...props }: CardActionProps) {\n  return (\n    <div\n      className={CardStyles.Action({ className })}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardContentProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardContent({ className, ...props }: CardContentProps) {\n  return (\n    <div\n      className={CardStyles.Content({ className })}\n      data-slot=\"card-content\"\n      {...props}\n    />\n  );\n}\n\nexport interface CardFooterProps extends React.ComponentProps<\"div\"> {}\n\nexport function CardFooter({ className, ...props }: CardFooterProps) {\n  return (\n    <div\n      className={CardStyles.Footer({ className })}\n      data-slot=\"card-footer\"\n      {...props}\n    />\n  );\n}\n",
      "path": "src/registry/ui/card/card.tsx",
      "type": "registry:ui"
    },
    {
      "content": "import { cva } from \"~/registry/lib/cva\";\n\nexport const CardStyles = {\n  Action: cva({\n    base: [\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\"],\n  }),\n  Content: cva({\n    base: [\"px-6\"],\n  }),\n  Description: cva({\n    base: [\"text-muted-foreground text-sm\"],\n  }),\n  Footer: cva({\n    base: [\"flex items-center px-6 [.border-t]:pt-6\"],\n  }),\n  Header: cva({\n    base: [\n      \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n    ],\n  }),\n  Root: cva({\n    base: [\n      \"flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm\",\n    ],\n  }),\n  Title: cva({\n    base: [\"font-semibold leading-none\"],\n  }),\n};\n",
      "path": "src/registry/ui/card/styles.ts",
      "type": "registry:ui"
    },
    {
      "content": "export {\n  CardAction as Action,\n  CardContent as Content,\n  CardDescription as Description,\n  CardFooter as Footer,\n  CardHeader as Header,\n  CardRoot as Root,\n  CardTitle as Title,\n} from \"./card\";\n",
      "path": "src/registry/ui/card/namespace.ts",
      "type": "registry:ui"
    }
  ],
  "name": "card",
  "registryDependencies": [
    "@kanpeki/cva",
    "@kanpeki/custom-plugin"
  ],
  "type": "registry:ui"
}