{
  "name": "responsive-dialog-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button",
    "input",
    "label",
    "responsive-dialog"
  ],
  "files": [
    {
      "path": "examples/responsive-dialog-demo.tsx",
      "type": "registry:example",
      "content": "import { Button } from \"@/registry/bases/radix/ui/button\";\nimport { Input } from \"@/registry/bases/radix/ui/input\";\nimport { Label } from \"@/registry/bases/radix/ui/label\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from \"@/registry/bases/radix/ui/responsive-dialog\";\n\nexport default function ResponsiveDialogDemo() {\n  return (\n    <ResponsiveDialog>\n      <ResponsiveDialogTrigger asChild>\n        <Button variant=\"outline\">Edit Profile</Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit profile</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Make changes to your profile here. Click save when you&apos;re done.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"grid gap-4 py-4\">\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"name\" className=\"text-right\">\n              Name\n            </Label>\n            <Input\n              id=\"name\"\n              defaultValue=\"Pedro Duarte\"\n              className=\"col-span-3\"\n            />\n          </div>\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"username\" className=\"text-right\">\n              Username\n            </Label>\n            <Input\n              id=\"username\"\n              defaultValue=\"@peduarte\"\n              className=\"col-span-3\"\n            />\n          </div>\n        </div>\n        <ResponsiveDialogFooter>\n          <Button type=\"submit\">Save changes</Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n",
      "target": ""
    }
  ]
}