{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-drawer-11",
  "description": "Mobile menu drawer from the left",
  "registryDependencies": [
    "@coss/button",
    "@coss/drawer"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-drawer-11.tsx",
      "content": "import Link from \"next/link\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerHeader,\n  DrawerPanel,\n  DrawerPopup,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/default/ui/drawer\";\n\nexport default function Particle() {\n  return (\n    <Drawer position=\"left\">\n      <DrawerTrigger render={<Button variant=\"outline\" />}>\n        Open menu\n      </DrawerTrigger>\n      <DrawerPopup showCloseButton variant=\"straight\">\n        <DrawerHeader>\n          <DrawerTitle>Menu</DrawerTitle>\n        </DrawerHeader>\n        <DrawerPanel>\n          <nav className=\"-mx-[calc(--spacing(3)-1px)] flex flex-col gap-0.5\">\n            <DrawerClose\n              nativeButton={false}\n              render={\n                <Button\n                  className=\"justify-start\"\n                  render={<Link href=\"#\" />}\n                  variant=\"ghost\"\n                />\n              }\n            >\n              Home\n            </DrawerClose>\n            <DrawerClose\n              nativeButton={false}\n              render={\n                <Button\n                  className=\"justify-start\"\n                  render={<Link href=\"#\" />}\n                  variant=\"ghost\"\n                />\n              }\n            >\n              Profile\n            </DrawerClose>\n            <DrawerClose\n              nativeButton={false}\n              render={\n                <Button\n                  className=\"justify-start\"\n                  render={<Link href=\"#\" />}\n                  variant=\"ghost\"\n                />\n              }\n            >\n              Settings\n            </DrawerClose>\n            <DrawerClose\n              nativeButton={false}\n              render={\n                <Button\n                  className=\"justify-start\"\n                  render={<Link href=\"#\" />}\n                  variant=\"ghost\"\n                />\n              }\n            >\n              Sign out\n            </DrawerClose>\n          </nav>\n        </DrawerPanel>\n      </DrawerPopup>\n    </Drawer>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "drawer"
  ],
  "type": "registry:block"
}