{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radix-dialog-from-demo",
  "type": "registry:ui",
  "title": "Radix Dialog From Demo",
  "description": "Demo showing an animated radix dialog.",
  "registryDependencies": [
    "https://animate-ui.com/r/radix-dialog",
    "button"
  ],
  "files": [
    {
      "path": "registry/demo/radix/dialog-from/index.tsx",
      "content": "import { Button } from '@/components/ui/button';\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from '@/components/animate-ui/radix/dialog';\n\nexport const RadixDialogFromDemo = () => {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <Button variant=\"outline\">Open Dialog</Button>\n      </DialogTrigger>\n      <DialogContent className=\"sm:max-w-[425px]\" from=\"left\">\n        <DialogHeader>\n          <DialogTitle>Terms of Service</DialogTitle>\n          <DialogDescription>\n            Please read the following terms of service carefully.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid gap-4 py-4\">\n          <p>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n            quos. Lorem ipsum dolor sit amet consectetur adipisicing elit.\n            Quisquam, quos.\n          </p>\n        </div>\n        <DialogFooter>\n          <Button variant=\"outline\">Decline</Button>\n          <Button type=\"submit\">Accept</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/radix/dialog-from.tsx"
    }
  ]
}