---

## VerifyEmailPage
Auto-verifying email confirmation page. Sends POST `{ token }` to `apiPath` (default `/api/auth/verify-email`) on mount.
Pair with `createVerifyEmailHandler(authDeps)` on the server.

**Import:** `import { VerifyEmailPage } from '@urbicon-ui/auth';`

### Examples
```svelte
<script>
  import { page } from '$app/state';
</script>
<VerifyEmailPage {t} token={page.url.searchParams.get('token') ?? ''} />
```

### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| token | `string` | yes |  | Verification token from URL query parameter. |
| apiPath | `string` | no | '/api/auth/verify-email' | API endpoint for the verify-email request. |
| class | `string` | no |  | Extra classes on the root element. In the same Tailwind bucket `class` wins over the `slotClasses` entry for the element it lands on. Presets and provider defaults sit below both. |
| csrf | `CsrfClientOptions` | no |  | CSRF cookie/header names. Only needed when the server overrides the defaults via `config.csrf`. Mutating requests echo the token automatically. |
| fetcher | `typeof globalThis.fetch` | no |  | Custom fetch implementation for all API calls. Defaults to the global `fetch`. Useful for mock backends in demos/tests or custom retry/auth layers. |
| footer | `Snippet` | no |  | Content rendered below the form, above links. |
| header | `Snippet` | no |  | Content rendered between the heading and the form. |
| links | `Snippet` | no |  | Replaces the link area below the form. |
| preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ VerifyEmailPage: { … } }}>`. Resolves after the provider defaults and before this instance's own `slotClasses`, so a project-wide look lives in one place instead of being repeated at every usage site. |
| slotClasses | `AuthPageSlotClasses` | no |  | Per-slot class overrides. Keys: `root`, `card`, `title`, `form`, `field`, `submit`, `error`, `success`, `links`. In the same Tailwind bucket `class` wins over the `slotClasses` entry for the element it lands on. Presets and provider defaults sit below both. |
| t | `PartialAuthLocale` | no |  | Locale overrides, deep-merged over the bundle registered for the active locale — English unless `registerAuthLocale` ran for it. Pass any subset, from a single string to a whole tree. |
| unstyled | `boolean` | no |  | Strip all default styling. |

### Types
```ts
type PartialAuthLocale = DeepPartial<AuthLocale>
```

```ts
interface CsrfClientOptions {
cookieName?: string;
  headerName?: string;
  /**
   * Match the server's `csrf.useHostPrefix` — read the token from the
   * `__Host-`-prefixed cookie name. Leave `false` (default) unless the server
   * sets `useHostPrefix: true`.
   */
  useHostPrefix?: boolean;
}
```

```ts
interface AuthPageSlotClasses {
/** Outermost wrapper element. */
  root?: string;
  /** Card container around the form. */
  card?: string;
  /** Page heading (h1). */
  title?: string;
  /** Form element wrapping all fields. */
  form?: string;
  /** Individual form field (Input). */
  field?: string;
  /** Submit button. */
  submit?: string;
  /** Error alert container. */
  error?: string;
  /** Success message container. */
  success?: string;
  /** Links area below the form (e.g. "Forgot password?"). */
  links?: string;
  /** Password requirements checklist (RegisterPage, ResetPasswordPage). */
  requirements?: string;
}
```

```ts
type DeepPartial = T extends object ? { [K in keyof T]?: DeepPartial<T[K]> } : T
```

- `interface AuthLocale` — 8 members, definition omitted (387 lines; full definition: packages/auth/src/lib/i18n/keys.ts)