{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "type": "registry:ui",
  "files": [
    {
      "path": "ui/card.tsx",
      "content": "import type { Component, ComponentProps } from \"solid-js\"\nimport { mergeProps, splitProps } from \"solid-js\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype CardProps = ComponentProps<\"div\"> & {\n  size?: \"default\" | \"sm\"\n}\n\nconst Card: Component<CardProps> = (rawProps) => {\n  const props = mergeProps({ size: \"default\" as const }, rawProps)\n  const [local, others] = splitProps(props, [\"class\", \"size\"])\n  return (\n    <div\n      class={cn(\"cn-card group/card flex flex-col\", local.class)}\n      data-size={local.size}\n      data-slot=\"card\"\n      {...others}\n    />\n  )\n}\n\nconst CardHeader: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return (\n    <div\n      class={cn(\n        \"cn-card-header group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\n        local.class\n      )}\n      data-slot=\"card-header\"\n      {...others}\n    />\n  )\n}\n\nconst CardTitle: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return <div class={cn(\"cn-card-title\", local.class)} data-slot=\"card-title\" {...others} />\n}\n\nconst CardDescription: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return (\n    <div class={cn(\"cn-card-description\", local.class)} data-slot=\"card-description\" {...others} />\n  )\n}\n\nconst CardAction: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return (\n    <div\n      class={cn(\n        \"cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        local.class\n      )}\n      data-slot=\"card-action\"\n      {...others}\n    />\n  )\n}\n\nconst CardContent: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return <div class={cn(\"cn-card-content\", local.class)} data-slot=\"card-content\" {...others} />\n}\n\nconst CardFooter: Component<ComponentProps<\"div\">> = (props) => {\n  const [local, others] = splitProps(props, [\"class\"])\n  return (\n    <div\n      class={cn(\"cn-card-footer flex items-center\", local.class)}\n      data-slot=\"card-footer\"\n      {...others}\n    />\n  )\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent }\n",
      "type": "registry:ui"
    }
  ]
}