{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card",
  "title": "Card",
  "description": "Raised surface; dark variant for code.",
  "registryDependencies": [
    "@jbm/tokens"
  ],
  "files": [
    {
      "path": "registry/jbm/ui/card.tsx",
      "content": "import * as React from \"react\";\nimport { color, radius, shadow, surfaceBorder } from \"../lib/tokens\";\n\n/** Raised surface with a fine border, layered depth, and inset edge light. */\nexport function Card({ children, style, dark }: { children: React.ReactNode; style?: React.CSSProperties; dark?: boolean }) {\n  return (\n    <div\n      style={{\n        background: dark ? color.codeBg : color.card,\n        border: dark ? surfaceBorder.cardDark : surfaceBorder.card,\n        borderRadius: radius.card,\n        padding: 40,\n        boxShadow: dark ? shadow.cardDark : shadow.card,\n        boxSizing: \"border-box\",\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/jbm/ui/card.tsx"
    }
  ],
  "type": "registry:ui"
}