{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-block",
  "title": "Pricing Block",
  "author": "Poyraz Avsever",
  "description": "Poyraz Soft Glass Pricing Block with container-responsive layout and semantic tokens.",
  "dependencies": [
    "lucide-react@^0.574.0"
  ],
  "registryDependencies": [
    "@poyraz/poyraz-utils",
    "@poyraz/poyraz-theme",
    "@poyraz/badge",
    "@poyraz/button",
    "@poyraz/card"
  ],
  "files": [
    {
      "path": "registry/poyraz/blocks/phase8/pricing-block.tsx",
      "content": "import { Check } from \"lucide-react\";\n\nimport { Badge } from \"@/components/ui/atoms/badge\";\nimport { Button } from \"@/components/ui/atoms/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/atoms/card\";\n\nexport interface PricingPlan {\n  name: string;\n  price: string;\n  description: string;\n  features: string[];\n  featured?: boolean;\n}\n\nexport const pricingPlans: PricingPlan[] = [\n  {\n    name: \"Starter\",\n    price: \"$0\",\n    description: \"For personal projects.\",\n    features: [\"3 projects\", \"Community support\", \"Core blocks\"],\n  },\n  {\n    name: \"Pro\",\n    price: \"$29\",\n    description: \"For product teams.\",\n    features: [\"Unlimited projects\", \"Priority support\", \"All registry blocks\"],\n    featured: true,\n  },\n  {\n    name: \"Scale\",\n    price: \"$99\",\n    description: \"For organizations.\",\n    features: [\"Everything in Pro\", \"SSO\", \"Design system review\"],\n  },\n];\n\nfunction PricingBlock({ plans = pricingPlans }: { plans?: PricingPlan[] }) {\n  return (\n    <section data-slot=\"pricing-block\" className=\"@container/pricing px-3 py-10 @sm/pricing:px-6\">\n      <div className=\"mx-auto max-w-5xl\">\n        <div className=\"mx-auto mb-8 max-w-xl text-center\">\n          <Badge variant=\"outline\">Pricing</Badge>\n          <h2 className=\"mt-3 text-2xl font-semibold\">Plans that grow with your product</h2>\n          <p className=\"mt-2 text-sm text-muted-foreground\">\n            Clear limits, source-owned components, no runtime lock-in.\n          </p>\n        </div>\n        <div className=\"grid gap-4 @lg/pricing:grid-cols-3\">\n          {plans.map((plan) => (\n            <Card\n              key={plan.name}\n              variant={plan.featured ? \"glass\" : \"default\"}\n              className={plan.featured ? \"border-primary/30\" : undefined}\n            >\n              <CardHeader>\n                <div>\n                  <CardTitle>{plan.name}</CardTitle>\n                  <CardDescription>{plan.description}</CardDescription>\n                </div>\n                {plan.featured && <Badge>Popular</Badge>}\n              </CardHeader>\n              <CardContent className=\"flex-1\">\n                <p className=\"mb-5 text-3xl font-semibold\">\n                  {plan.price}\n                  <span className=\"text-sm font-normal text-muted-foreground\"> / month</span>\n                </p>\n                <ul className=\"space-y-2\">\n                  {plan.features.map((feature) => (\n                    <li key={feature} className=\"flex gap-2 text-sm\">\n                      <Check className=\"mt-0.5 size-4 shrink-0 text-success-icon\" />\n                      {feature}\n                    </li>\n                  ))}\n                </ul>\n              </CardContent>\n              <CardFooter>\n                <Button variant={plan.featured ? \"default\" : \"outline\"} className=\"w-full\">\n                  Choose {plan.name}\n                </Button>\n              </CardFooter>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport { PricingBlock };\n",
      "type": "registry:block",
      "target": "@ui/blocks/phase8/pricing-block.tsx"
    }
  ],
  "meta": {
    "category": "phase-8-block",
    "phase": "beta",
    "responsive": "container",
    "accessibilityReviewed": true
  },
  "type": "registry:block"
}