{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-drawer-4",
  "description": "Inset variant drawers for all four positions",
  "registryDependencies": [
    "@coss/button",
    "@coss/drawer"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-drawer-4.tsx",
      "content": "import { Button } from \"@/registry/default/ui/button\";\nimport {\n  Drawer,\n  DrawerHeader,\n  DrawerPanel,\n  DrawerPopup,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/default/ui/drawer\";\n\nexport default function Particle() {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Drawer position=\"right\">\n        <DrawerTrigger render={<Button variant=\"outline\" />}>\n          Right\n        </DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <DrawerHeader>\n            <DrawerTitle>Right</DrawerTitle>\n          </DrawerHeader>\n          <DrawerPanel>\n            <p className=\"text-muted-foreground text-sm\">\n              Content from the right.\n            </p>\n          </DrawerPanel>\n        </DrawerPopup>\n      </Drawer>\n      <Drawer position=\"left\">\n        <DrawerTrigger render={<Button variant=\"outline\" />}>\n          Left\n        </DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <DrawerHeader>\n            <DrawerTitle>Left</DrawerTitle>\n          </DrawerHeader>\n          <DrawerPanel>\n            <p className=\"text-muted-foreground text-sm\">\n              Content from the left.\n            </p>\n          </DrawerPanel>\n        </DrawerPopup>\n      </Drawer>\n      <Drawer position=\"top\">\n        <DrawerTrigger render={<Button variant=\"outline\" />}>Top</DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <DrawerHeader>\n            <DrawerTitle>Top</DrawerTitle>\n          </DrawerHeader>\n          <DrawerPanel>\n            <p className=\"text-muted-foreground text-sm\">\n              Content from the top.\n            </p>\n          </DrawerPanel>\n        </DrawerPopup>\n      </Drawer>\n      <Drawer>\n        <DrawerTrigger render={<Button variant=\"outline\" />}>\n          Bottom\n        </DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <DrawerHeader>\n            <DrawerTitle>Bottom</DrawerTitle>\n          </DrawerHeader>\n          <DrawerPanel>\n            <p className=\"text-muted-foreground text-sm\">\n              Content from the bottom.\n            </p>\n          </DrawerPanel>\n        </DrawerPopup>\n      </Drawer>\n    </div>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "drawer"
  ],
  "type": "registry:block"
}