--- ## AccountSettings Self-service account-settings panel: change name, email and password, and delete the account. Each section talks to `basePath` (default `/api/auth/account`); pair them with the server handlers `createUpdateProfileHandler`, `createChangeEmailHandler`, `createChangePasswordHandler` and `createDeleteAccountHandler`. **Import:** `import { AccountSettings } from '@urbicon-ui/auth';` ### Examples ```svelte (auth.user = u)} onDeleted={() => goto('/')} /> ``` ### Api | Prop | Type | Required | Default | Description | | --- | --- | :---: | --- | --- | | user | `AuthUser | null` | yes | | The current authenticated user — its `name` pre-fills the profile field and its `email` is shown as the current address. Pass `locals.user` / your auth store's user. While `null` the panel renders nothing. | | basePath | `string` | no | '/api/auth/account' | API base path for the account endpoints. | | class | `string` | no | | Extra classes on the root element. | | 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. | | onDeleted | `() => void` | no | | Called after the account has been deleted (e.g. redirect to a goodbye page). | | onProfileUpdated | `(user: AuthUser) => void` | no | | Called with the refreshed user after a successful profile change (update your store here). | | slotClasses | `Partial>` | no | | Per-slot class overrides. | | t | `AuthLocale` | no | | Locale bundle. Auto-detected from i18n context when omitted. | | unstyled | `boolean` | no | | Strip all default styling. | ### Slots (slotClasses keys) `root`, `title`, `section`, `sectionTitle`, `field`, `submit`, `danger`