{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "forgot-password-form",
  "title": "Forgot Password Form",
  "description": "A forgot-password form worked example (Card + Field + Input + Button) wired with NSWDS components. Copy-and-adapt block — not a published component.",
  "registryDependencies": [
    "https://ui.digital.nsw.gov.au/registry/r/theme.json",
    "https://ui.digital.nsw.gov.au/registry/r/button.json",
    "https://ui.digital.nsw.gov.au/registry/r/card.json",
    "https://ui.digital.nsw.gov.au/registry/r/field.json",
    "https://ui.digital.nsw.gov.au/registry/r/input.json",
    "https://ui.digital.nsw.gov.au/registry/r/link.json"
  ],
  "files": [
    {
      "path": "src/patterns/forgot-password-form.tsx",
      "content": "'use client'\n\nimport type * as React from 'react'\n\nimport { Button } from '@/components/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/card'\nimport { Field, FieldDescription, FieldGroup, FieldLabel } from '@/components/field'\nimport { Input } from '@/components/input'\nimport { Link } from '@/components/link'\nimport { cn } from '@/lib/utils'\n\n/**\n * ForgotPasswordForm — the password-reset request step that pairs with the\n * \"Forgot your password?\" link in LoginForm.\n *\n * A composed pattern (Card + Field + Input + Button), published as a worked\n * example: copy the source and wire the single email field to your own reset\n * handler rather than configuring it through props.\n *\n * Single-field by design. The flow is intentionally minimal — collect the\n * email, send the reset link, and (for account-enumeration safety) show the\n * same confirmation whether or not the address is registered.\n */\nexport function ForgotPasswordForm({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div className={cn('flex flex-col gap-6', className)} {...props}>\n      <Card className='w-full'>\n        <CardHeader>\n          <CardTitle>Forgot your password?</CardTitle>\n          <CardDescription>\n            Enter the email address for your account and we&apos;ll send you a link to reset your\n            password.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <form>\n            <FieldGroup>\n              {/* No htmlFor/id wiring: the Field associates the label with the\n               * control automatically (Base UI generates the id per instance). */}\n              <Field>\n                <FieldLabel>Email</FieldLabel>\n                <Input type='email' autoComplete='email' placeholder='m@example.com' required />\n              </Field>\n              <Field>\n                <Button type='submit'>Send reset link</Button>\n              </Field>\n              <Field>\n                <FieldDescription className='text-center'>\n                  Remembered your password? <Link href='#'>Back to login</Link>\n                </FieldDescription>\n              </Field>\n            </FieldGroup>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/forgot-password-form.tsx"
    }
  ],
  "type": "registry:block",
  "meta": {
    "nswdsVersion": "5.1.0"
  }
}