{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "forgot-password-1",
  "type": "registry:block",
  "title": "Forgot Password 1",
  "description": "Password recovery form with an email field.",
  "registryDependencies": [
    "button",
    "input",
    "label"
  ],
  "files": [
    {
      "path": "app/preview/forgot-password/one/page.tsx",
      "content": "import { Logo } from '@/components/logo'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport Link from 'next/link'\n\nexport default function ForgotPasswordPage() {\n    return (\n        <section className=\"flex min-h-screen bg-zinc-50 px-4 py-16 md:py-32 dark:bg-transparent\">\n            <form\n                action=\"\"\n                className=\"bg-muted m-auto h-fit w-full max-w-sm overflow-hidden rounded-[calc(var(--radius)+.125rem)] border shadow-md shadow-zinc-950/5 dark:[--color-muted:var(--color-zinc-900)]\">\n                <div className=\"bg-card -m-px rounded-[calc(var(--radius)+.125rem)] border p-8 pb-6\">\n                    <div>\n                        <Logo />\n\n                        <h1 className=\"mb-1 mt-4 text-xl font-semibold\">Recover Password</h1>\n                        <p className=\"text-sm\">Enter your email to receive a reset link</p>\n                    </div>\n\n                    <div className=\"mt-6 space-y-6\">\n                        <div className=\"space-y-2\">\n                            <Label\n                                htmlFor=\"email\"\n                                className=\"block text-sm\">\n                                Email\n                            </Label>\n                            <Input\n                                type=\"email\"\n                                required\n                                name=\"email\"\n                                id=\"email\"\n                                placeholder=\"name@example.com\"\n                            />\n                        </div>\n\n                        <Button className=\"w-full\">Send Reset Link</Button>\n                    </div>\n\n                    <div className=\"mt-6 text-center\">\n                        <p className=\"text-muted-foreground text-sm\">We'll send you a link to reset your password.</p>\n                    </div>\n                </div>\n\n                <div className=\"p-3\">\n                    <p className=\"text-accent-foreground text-center text-sm\">\n                        Remembered your password?\n                        <Button\n                            asChild\n                            variant=\"link\"\n                            className=\"px-2\">\n                            <Link href=\"/preview/login/two\">Log in</Link>\n                        </Button>\n                    </p>\n                </div>\n            </form>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/forgot-password.tsx"
    },
    {
      "path": "components/logo.tsx",
      "content": "import { cn } from '@/lib/utils'\n\n/**\n * Brand mark: four blocks, two squared and two rounded, stacked on a grid.\n * Purely presentational — wrap it in your own <Link> where it should navigate.\n */\nexport function Logo({ className }: { className?: string }) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n            className={cn('size-6 text-foreground', className)}>\n            <rect\n                x=\"2\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n            <rect\n                x=\"13\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"2\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"13\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    }
  ]
}