{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "title": "Card",
  "description": "A glass tile for grouping related content.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "card/Card.css",
      "content": ".cr-card {\n  display: grid;\n  align-content: start;\n  gap: var(--cr-space-2);\n  padding: var(--cr-space-5);\n  border-radius: var(--cr-radius-lg);\n  color: var(--cr-color-text-default);\n  font-family: var(--cr-font-family-sans);\n  font-size: var(--cr-font-size-md);\n}\n",
      "type": "registry:file",
      "target": "@components/creance/card/Card.css"
    },
    {
      "path": "card/Card.tsx",
      "content": "import { forwardRef, type HTMLAttributes } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport './Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLElement> {\n  /** `article` for self-contained items in a list; `section` for a titled region; `div` otherwise. */\n  as?: 'div' | 'article' | 'section';\n}\n\n/** A glass tile for grouping related content inside a window. */\nexport const Card = forwardRef<HTMLElement, CardProps>(function Card({ as: Tag = 'div', className, ...props }, ref) {\n  return <Tag ref={ref as never} className={cx('cr-card cr-surface', className)} {...props} />;\n});\n",
      "type": "registry:ui",
      "target": "@components/creance/card/Card.tsx"
    }
  ],
  "categories": [
    "molecule",
    "data-display"
  ],
  "type": "registry:ui"
}