{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-drawer-14",
  "description": "Left drawer with swipe area",
  "registryDependencies": [
    "@coss/button",
    "@coss/drawer"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-drawer-14.tsx",
      "content": "import Link from \"next/link\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  Drawer,\n  DrawerHeader,\n  DrawerPanel,\n  DrawerPopup,\n  DrawerSwipeArea,\n  DrawerTitle,\n} from \"@/registry/default/ui/drawer\";\n\nexport default function Particle() {\n  return (\n    <div className=\"relative min-h-80 w-full overflow-hidden rounded-xl border\">\n      <Drawer modal={false} position=\"left\">\n        <DrawerSwipeArea className=\"absolute border-input border-e border-dashed bg-muted\">\n          <span className=\"pointer-events-none absolute top-1/2 left-0 ms-2 -translate-y-1/2 rotate-90 whitespace-nowrap font-medium text-muted-foreground text-xs uppercase\">\n            Swipe area\n          </span>\n        </DrawerSwipeArea>\n\n        <div className=\"flex min-h-80 items-center justify-center p-6 ps-14 text-center\">\n          <p className=\"max-w-56 text-balance text-muted-foreground text-sm\">\n            Swipe from the left edge to open the menu.\n          </p>\n        </div>\n\n        <DrawerPopup position=\"left\" 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              <Button\n                className=\"justify-start\"\n                render={<Link href=\"#\" />}\n                variant=\"ghost\"\n              >\n                Home\n              </Button>\n              <Button\n                className=\"justify-start\"\n                render={<Link href=\"#\" />}\n                variant=\"ghost\"\n              >\n                Profile\n              </Button>\n              <Button\n                className=\"justify-start\"\n                render={<Link href=\"#\" />}\n                variant=\"ghost\"\n              >\n                Settings\n              </Button>\n              <Button\n                className=\"justify-start\"\n                render={<Link href=\"#\" />}\n                variant=\"ghost\"\n              >\n                Sign out\n              </Button>\n            </nav>\n          </DrawerPanel>\n        </DrawerPopup>\n      </Drawer>\n    </div>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-md"
  },
  "categories": [
    "drawer"
  ],
  "type": "registry:block"
}