{
  "name": "card",
  "type": "registry:component",
  "description": "Container card with size variants",
  "files": [
    {
      "path": "ui/Card.astro",
      "type": "registry:component",
      "content": "---\n// @stylepack\n// Do not edit. Tightly coupled to Pablo’s StylePack (proprietary). Customize via props/CSS vars only.\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nconst sizeVariants = cva('card-base', {\n  variants: {\n    size: {\n      sm: 'p-3',\n      md: 'p-4',\n      lg: 'p-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ninterface Props extends VariantProps<typeof sizeVariants> {\n  type?: 'primary' | 'secondary';\n  className?: string;\n}\n\nconst { type = 'primary', size, className = '', ...attrs } = Astro.props;\n---\n\n<div\n  {...attrs}\n  class={`${sizeVariants({ size })} card-base rounded-card ${className}`}\n  data-type={type}\n  data-scheme={type === \"primary\" ? \"card-primary\" : \"card-secondary\"}\n>\n  <slot />\n</div>\n\n<style>\n  @layer components {\n    .card-base {\n      position: relative;\n      overflow: hidden;\n    }\n  }\n\n  .card-base::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: var(--background-image-noise);\n    background-size: 200px;\n    opacity: 0.05;\n    pointer-events: none;\n    z-index: 0;\n  }\n</style>\n"
    }
  ],
  "category": "ui"
}