{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-sheet-3",
  "description": "Sheet position",
  "registryDependencies": [
    "@coss/button",
    "@coss/sheet"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-sheet-3.tsx",
      "content": "import { Button } from \"@/registry/default/ui/button\";\nimport {\n  Sheet,\n  SheetDescription,\n  SheetHeader,\n  SheetPanel,\n  SheetPopup,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/registry/default/ui/sheet\";\n\nexport default function Particle() {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Sheet>\n        <SheetTrigger render={<Button variant=\"outline\" />}>\n          Open Right\n        </SheetTrigger>\n        <SheetPopup showCloseButton={false}>\n          <SheetHeader>\n            <SheetTitle>Right</SheetTitle>\n            <SheetDescription>Right side of the screen.</SheetDescription>\n          </SheetHeader>\n          <SheetPanel>\n            <p>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n              reprehenderit in voluptate velit esse cillum dolore eu fugiat\n              nulla pariatur. Excepteur sint occaecat cupidatat non proident,\n              sunt in culpa qui officia deserunt mollit anim id est laborum.\n            </p>\n          </SheetPanel>\n        </SheetPopup>\n      </Sheet>\n      <Sheet>\n        <SheetTrigger render={<Button variant=\"outline\" />}>\n          Open Left\n        </SheetTrigger>\n        <SheetPopup showCloseButton={false} side=\"left\">\n          <SheetHeader>\n            <SheetTitle>Left</SheetTitle>\n            <SheetDescription>Left side of the screen.</SheetDescription>\n          </SheetHeader>\n          <SheetPanel>\n            <p>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n              reprehenderit in voluptate velit esse cillum dolore eu fugiat\n              nulla pariatur. Excepteur sint occaecat cupidatat non proident,\n              sunt in culpa qui officia deserunt mollit anim id est laborum.\n            </p>\n          </SheetPanel>\n        </SheetPopup>\n      </Sheet>\n      <Sheet>\n        <SheetTrigger render={<Button variant=\"outline\" />}>\n          Open Top\n        </SheetTrigger>\n        <SheetPopup showCloseButton={false} side=\"top\">\n          <SheetHeader>\n            <SheetTitle>Top</SheetTitle>\n            <SheetDescription>Top of the screen.</SheetDescription>\n          </SheetHeader>\n          <SheetPanel>\n            <p>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n              reprehenderit in voluptate velit esse cillum dolore eu fugiat\n              nulla pariatur. Excepteur sint occaecat cupidatat non proident,\n              sunt in culpa qui officia deserunt mollit anim id est laborum.\n            </p>\n          </SheetPanel>\n        </SheetPopup>\n      </Sheet>\n      <Sheet>\n        <SheetTrigger render={<Button variant=\"outline\" />}>\n          Open Bottom\n        </SheetTrigger>\n        <SheetPopup showCloseButton={false} side=\"bottom\">\n          <SheetHeader>\n            <SheetTitle>Bottom</SheetTitle>\n            <SheetDescription>Bottom of the screen.</SheetDescription>\n          </SheetHeader>\n          <SheetPanel>\n            <p>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do\n              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n              enim ad minim veniam, quis nostrud exercitation ullamco laboris\n              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n              reprehenderit in voluptate velit esse cillum dolore eu fugiat\n              nulla pariatur. Excepteur sint occaecat cupidatat non proident,\n              sunt in culpa qui officia deserunt mollit anim id est laborum.\n            </p>\n          </SheetPanel>\n        </SheetPopup>\n      </Sheet>\n    </div>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "sheet"
  ],
  "type": "registry:block"
}