{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "delete-user",
  "dependencies": [
    "@inertiajs/react"
  ],
  "registryDependencies": [
    "@craft/heading",
    "@craft/input-error",
    "@craft/password-input",
    "button",
    "dialog",
    "label"
  ],
  "files": [
    {
      "path": "registry/new-york-v4/components/delete-user.tsx",
      "content": "import { Form } from \"@inertiajs/react\";\nimport { useRef } from \"react\";\nimport ProfileController from \"@/actions/App/Http/Controllers/Settings/ProfileController\";\nimport Heading from \"@/components/heading\";\nimport InputError from \"@/components/input-error\";\nimport PasswordInput from \"@/components/password-input\";\nimport { Button } from \"@/components/ui/button\";\nimport { toastFirstFormError } from \"@/lib/form-errors\";\nimport {\n    Dialog,\n    DialogClose,\n    DialogContent,\n    DialogDescription,\n    DialogFooter,\n    DialogTitle,\n    DialogTrigger,\n} from \"@/components/ui/dialog\";\nimport { Label } from \"@/components/ui/label\";\n\nexport default function DeleteUser() {\n    const passwordInput = useRef<HTMLInputElement>(null);\n\n    return (\n        <div className=\"space-y-6\">\n            <Heading\n                variant=\"small\"\n                title=\"Delete account\"\n                description=\"Delete your account and all of its resources\"\n            />\n            <div className=\"space-y-4 rounded-lg border border-red-100 bg-red-50 p-4 dark:border-red-200/10 dark:bg-red-700/10\">\n                <div className=\"relative space-y-0.5 text-red-600 dark:text-red-100\">\n                    <p className=\"font-medium\">Warning</p>\n                    <p className=\"text-sm\">Please proceed with caution, this cannot be undone.</p>\n                </div>\n\n                <Dialog>\n                    <DialogTrigger\n                        render={<Button variant=\"destructive\" data-test=\"delete-user-button\" />}\n                    >\n                        Delete account\n                    </DialogTrigger>\n                    <DialogContent>\n                        <DialogTitle>Are you sure you want to delete your account?</DialogTitle>\n                        <DialogDescription>\n                            Once your account is deleted, all of its resources and data will also be\n                            permanently deleted. Please enter your password to confirm you would\n                            like to permanently delete your account.\n                        </DialogDescription>\n\n                        <Form\n                            {...ProfileController.destroy.form()}\n                            options={{\n                                preserveScroll: true,\n                            }}\n                            onError={(errors) => {\n                                toastFirstFormError(errors);\n                                passwordInput.current?.focus();\n                            }}\n                            resetOnSuccess\n                            className=\"space-y-6\"\n                        >\n                            {({ resetAndClearErrors, processing, errors }) => (\n                                <>\n                                    <div className=\"grid gap-2\">\n                                        <Label htmlFor=\"password\" className=\"sr-only\">\n                                            Password\n                                        </Label>\n\n                                        <PasswordInput\n                                            id=\"password\"\n                                            name=\"password\"\n                                            ref={passwordInput}\n                                            placeholder=\"Password\"\n                                            autoComplete=\"current-password\"\n                                        />\n\n                                        <InputError message={errors.password} />\n                                    </div>\n\n                                    <DialogFooter className=\"gap-2\">\n                                        <DialogClose\n                                            render={\n                                                <Button\n                                                    variant=\"secondary\"\n                                                    onClick={() => resetAndClearErrors()}\n                                                />\n                                            }\n                                        >\n                                            Cancel\n                                        </DialogClose>\n\n                                        <Button\n                                            type=\"submit\"\n                                            variant=\"destructive\"\n                                            disabled={processing}\n                                            data-test=\"confirm-delete-user-button\"\n                                        >\n                                            Delete account\n                                        </Button>\n                                    </DialogFooter>\n                                </>\n                            )}\n                        </Form>\n                    </DialogContent>\n                </Dialog>\n            </div>\n        </div>\n    );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}