{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "organic-button-demo",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "organic-button"
  ],
  "files": [
    {
      "path": "registry/default/example/organic-button-demo.tsx",
      "content": "\"use client\"\n\nimport { ArrowRight } from \"lucide-react\"\n\nimport { OrganicButton } from \"@/registry/default/ui/organic-button\"\n\nexport default function OrganicButtonDemo() {\n  return (\n    <div\n      className=\"mx-auto max-w-3xl space-y-8 px-4 py-2\"\n      id=\"shape-button-section\"\n    >\n      <p className=\"text-pretty text-muted-foreground text-sm leading-relaxed\">\n        Anchor-based control with fixed SVG end caps and shared surface colors\n        via CSS variables on{\" \"}\n        <code className=\"rounded bg-muted px-1 py-0.5 font-mono text-foreground text-xs\">\n          variantColor\n        </code>\n        .\n      </p>\n\n      <div className=\"space-y-3 rounded-xl border bg-muted/30 p-6\">\n        <p className=\"font-medium text-muted-foreground text-sm\">Default</p>\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <OrganicButton href=\"#shape-button-section\" label=\"Get started\" />\n        </div>\n      </div>\n\n      <div className=\"space-y-3 rounded-xl border bg-muted/30 p-6\">\n        <div>\n          <p className=\"font-medium text-muted-foreground text-sm\">Sizes</p>\n          <p className=\"mt-1 text-muted-foreground text-xs\">\n            Row height and label type scale together: 36px / 44px / 56px (sm /\n            md / lg).\n          </p>\n        </div>\n        <div className=\"flex flex-wrap items-end gap-6\">\n          <OrganicButton href=\"#shape-button-section\" label=\"Small\" size=\"sm\" />\n          <OrganicButton\n            href=\"#shape-button-section\"\n            label=\"Medium\"\n            size=\"md\"\n          />\n          <OrganicButton href=\"#shape-button-section\" label=\"Large\" size=\"lg\" />\n        </div>\n      </div>\n\n      <div className=\"space-y-3 rounded-xl border bg-muted/30 p-6\">\n        <p className=\"font-medium text-muted-foreground text-sm\">Colors</p>\n        <div className=\"flex flex-wrap items-center gap-4\">\n          <OrganicButton\n            href=\"#shape-button-section\"\n            label=\"Primary\"\n            variantColor=\"primary\"\n          />\n          <OrganicButton\n            href=\"#shape-button-section\"\n            label=\"Secondary\"\n            variantColor=\"secondary\"\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ]
}