{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-drawer-10",
  "description": "Edit profile form with default and bare footer variants",
  "registryDependencies": [
    "@coss/button",
    "@coss/drawer",
    "@coss/field",
    "@coss/form",
    "@coss/input"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-drawer-10.tsx",
      "content": "import { Button } from \"@/registry/default/ui/button\";\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerPanel,\n  DrawerPopup,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/default/ui/drawer\";\nimport { Field, FieldLabel } from \"@/registry/default/ui/field\";\nimport { Form } from \"@/registry/default/ui/form\";\nimport { Input } from \"@/registry/default/ui/input\";\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          Default footer\n        </DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <Form className=\"contents\">\n            <DrawerHeader>\n              <DrawerTitle>Edit profile</DrawerTitle>\n              <DrawerDescription>\n                Make changes to your profile here. Click save when you&apos;re\n                done.\n              </DrawerDescription>\n            </DrawerHeader>\n            <DrawerPanel className=\"grid gap-4\">\n              <Field>\n                <FieldLabel>Name</FieldLabel>\n                <Input defaultValue=\"Margaret Welsh\" type=\"text\" />\n              </Field>\n              <Field>\n                <FieldLabel>Username</FieldLabel>\n                <Input defaultValue=\"@maggie.welsh\" type=\"text\" />\n              </Field>\n            </DrawerPanel>\n            <DrawerFooter>\n              <DrawerClose render={<Button variant=\"ghost\" />}>\n                Cancel\n              </DrawerClose>\n              <Button>Save</Button>\n            </DrawerFooter>\n          </Form>\n        </DrawerPopup>\n      </Drawer>\n      <Drawer position=\"right\">\n        <DrawerTrigger render={<Button variant=\"outline\" />}>\n          Bare footer\n        </DrawerTrigger>\n        <DrawerPopup variant=\"inset\">\n          <Form className=\"contents\">\n            <DrawerHeader>\n              <DrawerTitle>Edit profile</DrawerTitle>\n              <DrawerDescription>\n                Make changes to your profile here. Click save when you&apos;re\n                done.\n              </DrawerDescription>\n            </DrawerHeader>\n            <DrawerPanel className=\"grid gap-4\">\n              <Field>\n                <FieldLabel>Name</FieldLabel>\n                <Input defaultValue=\"Margaret Welsh\" type=\"text\" />\n              </Field>\n              <Field>\n                <FieldLabel>Username</FieldLabel>\n                <Input defaultValue=\"@maggie.welsh\" type=\"text\" />\n              </Field>\n            </DrawerPanel>\n            <DrawerFooter variant=\"bare\">\n              <DrawerClose render={<Button variant=\"ghost\" />}>\n                Cancel\n              </DrawerClose>\n              <Button>Save</Button>\n            </DrawerFooter>\n          </Form>\n        </DrawerPopup>\n      </Drawer>\n    </div>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "drawer"
  ],
  "type": "registry:block"
}