{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-card",
  "title": "Pricing Card",
  "description": "Feature list + CTA pricing tier card with highlighted variant",
  "files": [
    {
      "path": "registry/pioneerui/pricing-card.tsx",
      "content": "import React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface PricingFeature {\n  text: string\n  included: boolean\n}\n\nexport interface PricingCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  description?: string\n  price: string | number\n  period?: string\n  features: PricingFeature[]\n  cta?: string\n  onCtaClick?: () => void\n  highlighted?: boolean\n  badge?: string\n}\n\nexport function PricingCard({\n  name,\n  description,\n  price,\n  period = \"/month\",\n  features,\n  cta = \"Get started\",\n  onCtaClick,\n  highlighted = false,\n  badge,\n  className,\n  ...props\n}: PricingCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex flex-col rounded-2xl p-8\",\n        highlighted\n          ? \"border-2 border-primary bg-primary text-primary-foreground shadow-xl shadow-primary/20\"\n          : \"border bg-card text-card-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {badge && (\n        <div\n          className={cn(\n            \"absolute -top-3 left-1/2 -translate-x-1/2 rounded-full px-3 py-1 text-xs font-semibold\",\n            highlighted\n              ? \"bg-primary-foreground text-primary\"\n              : \"bg-primary text-primary-foreground\",\n          )}\n        >\n          {badge}\n        </div>\n      )}\n\n      <div className=\"mb-6\">\n        <h3 className=\"text-lg font-bold\">{name}</h3>\n        {description && (\n          <p className={cn(\"mt-1 text-sm\", highlighted ? \"text-primary-foreground/70\" : \"text-muted-foreground\")}>\n            {description}\n          </p>\n        )}\n      </div>\n\n      <div className=\"mb-6 flex items-baseline gap-1\">\n        <span className=\"text-4xl font-extrabold tracking-tight\">\n          {typeof price === \"number\" ? `$${price}` : price}\n        </span>\n        {period && (\n          <span className={cn(\"text-sm font-medium\", highlighted ? \"text-primary-foreground/70\" : \"text-muted-foreground\")}>\n            {period}\n          </span>\n        )}\n      </div>\n\n      <button\n        onClick={onCtaClick}\n        className={cn(\n          \"mb-8 w-full rounded-xl px-4 py-2.5 text-sm font-semibold transition-all duration-200 active:scale-[0.98]\",\n          highlighted\n            ? \"bg-primary-foreground text-primary hover:bg-primary-foreground/90\"\n            : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        )}\n      >\n        {cta}\n      </button>\n\n      <ul className=\"space-y-3\">\n        {features.map((feature, i) => (\n          <li key={i} className=\"flex items-start gap-2.5 text-sm\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={2.5}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className={cn(\n                \"mt-0.5 h-4 w-4 shrink-0\",\n                feature.included\n                  ? highlighted\n                    ? \"text-primary-foreground\"\n                    : \"text-primary\"\n                  : highlighted\n                    ? \"text-primary-foreground/30\"\n                    : \"text-muted-foreground/30\",\n              )}\n            >\n              {feature.included ? (\n                <polyline points=\"20 6 9 17 4 12\" />\n              ) : (\n                <>\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </>\n              )}\n            </svg>\n            <span\n              className={cn(\n                feature.included\n                  ? \"\"\n                  : highlighted\n                    ? \"text-primary-foreground/40 line-through\"\n                    : \"text-muted-foreground/50 line-through\",\n              )}\n            >\n              {feature.text}\n            </span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n",
      "type": "registry:ui",
      "target": "components/pioneerui/pricing-card.tsx"
    }
  ],
  "type": "registry:ui"
}