{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-dialog-2",
  "description": "Dialog opened from menu",
  "registryDependencies": [
    "@coss/button",
    "@coss/dialog",
    "@coss/menu"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-dialog-2.tsx",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  Dialog,\n  DialogClose,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogPopup,\n  DialogTitle,\n} from \"@/registry/default/ui/dialog\";\nimport {\n  Menu,\n  MenuItem,\n  MenuPopup,\n  MenuTrigger,\n} from \"@/registry/default/ui/menu\";\n\nexport default function Particle() {\n  const [dialogOpen, setDialogOpen] = useState(false);\n  return (\n    <>\n      <Menu>\n        <MenuTrigger render={<Button variant=\"outline\" />}>\n          Open menu\n        </MenuTrigger>\n        <MenuPopup align=\"start\">\n          <MenuItem onClick={() => setDialogOpen(true)}>Open dialog</MenuItem>\n        </MenuPopup>\n      </Menu>\n      <Dialog onOpenChange={setDialogOpen} open={dialogOpen}>\n        <DialogPopup>\n          <DialogHeader>\n            <DialogTitle>Settings</DialogTitle>\n            <DialogDescription>Change your preferences</DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <DialogClose render={<Button variant=\"ghost\" />}>Close</DialogClose>\n          </DialogFooter>\n        </DialogPopup>\n      </Dialog>\n    </>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "dialog",
    "dropdown",
    "menu"
  ],
  "type": "registry:block"
}