UI Account Recovery Catalog

Five complete password-recovery journeys — Forgot → Email sent → Reset → Success — with working step transitions. Unlike the isolated cards in ui/auth/, each pattern here is a navigable end-to-end flow. See CATALOG.md for recipes.

.recv-classic

Classic Stepper

Full-width card with horizontal progress across Forgot · Sent · Reset · Done and Back / Continue.

  1. Forgot
  2. Sent
  3. Reset
  4. Done

Forgot password?

Enter your Northstar email and we’ll send a reset link.

.recv-split

Split Sticky Context

Left stepped form; right sticky “what happens next” + account chip. Stacks on narrow.

  1. Forgot
  2. Sent
  3. Reset
  4. Done

Request a reset

We’ll only send a link if an account exists for this address.

.recv-accordion

Accordion Journey

Single page with four <details> sections; future steps stay locked until Continue.

Forgot password Current
Check your email

We sent a link to [email protected]. Open it, then continue here.

Didn’t get it?
New password
  • At least 8 characters
  • One uppercase letter
  • One number
  • One symbol
.recv-sheet

Mobile Sheet Stack

Phone-framed recovery that starts as a bottom sheet, then full-screen panels through success.

Northstar

Account help

Forgot password?

Secure
.recv-code

Code Fast Track

Same four stages, but Sent uses a 6-digit email OTP instead of a deep link.

  1. Forgot
  2. Code
  3. Reset
  4. Done

Reset with a code

We’ll email a 6-digit code — no link to tap.