@atzentis/auth-react 0.0.14 → 0.0.16

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _atzentis_auth_sdk from '@atzentis/auth-sdk';
-import { AuthClient, User, Session, AuthError, LoginAlert, ITokenStorage, ApiKey, CreateApiKeyRequest, UpdateApiKeyRequest, LoginCredentials, UsernameLoginCredentials, SignupData, GetOAuthUrlRequest, VerifyOAuthCodeRequest, SendMagicLinkRequest, VerifyMagicLinkRequest, Device, LoginEvent, ListLoginEventsRequest, Organization, CreateOrganizationRequest, UpdateOrganizationRequest, ListMembersRequest, UpdateMemberRequest, InviteMemberRequest, ListInvitationsRequest, AcceptInvitationRequest, DeclineInvitationRequest, DeviceSession, RevokeAllSessionsOptions, UserUpdate, ConnectOAuthRequest, OAuthProvider } from '@atzentis/auth-sdk';
+import { AuthClient, User, Session, AuthError, LoginAlert, ITokenStorage, ApiKey, CreateApiKeyRequest, UpdateApiKeyRequest, GetOAuthUrlRequest, LoginCredentials, UsernameLoginCredentials, RequestPasswordResetRequest, ResetPasswordRequest, SendMagicLinkRequest, SendVerificationEmailRequest, SignupData, VerifyEmailRequest, VerifyMagicLinkRequest, VerifyOAuthCodeRequest, Device, LoginEvent, ListLoginEventsRequest, Organization, CreateOrganizationRequest, UpdateOrganizationRequest, ListMembersRequest, UpdateMemberRequest, InviteMemberRequest, ListInvitationsRequest, AcceptInvitationRequest, DeclineInvitationRequest, Passkey, DeviceSession, RevokeAllSessionsOptions, UserUpdate, ConnectOAuthRequest, OAuthProvider } from '@atzentis/auth-sdk';
 import { z } from 'zod';
 
 /**
@@ -195,6 +195,8 @@ declare const authLocalization: {
     CHANGE_PASSWORD_DESCRIPTION: string;
     /** @default "Password has been changed" */
     CHANGE_PASSWORD_SUCCESS: string;
+    /** @default "Changing password..." */
+    CHANGING_PASSWORD: string;
     /** @default "Forgot Password" */
     FORGOT_PASSWORD: string;
     /** @default "Send reset link" */
@@ -209,10 +211,62 @@ declare const authLocalization: {
     RESET_PASSWORD_ACTION: string;
     /** @default "Password reset successfully" */
     RESET_PASSWORD_SUCCESS: string;
+    /** @default "Confirm new password" */
+    CONFIRM_NEW_PASSWORD: string;
     /** @default "Set Password" */
     SET_PASSWORD: string;
     /** @default "Click the button to receive an email to set your password" */
     SET_PASSWORD_DESCRIPTION: string;
+    /** @default "Change Username" */
+    CHANGE_USERNAME: string;
+    /** @default "Your unique username" */
+    CHANGE_USERNAME_DESCRIPTION: string;
+    /** @default "Username available" */
+    USERNAME_AVAILABLE_STATUS: string;
+    /** @default "Username is taken" */
+    USERNAME_TAKEN_STATUS: string;
+    /** @default "Checking..." */
+    CHECKING_AVAILABILITY: string;
+    /** @default "Username updated" */
+    USERNAME_UPDATED: string;
+    /** @default "Check your email" */
+    CHECK_YOUR_EMAIL: string;
+    /** @default "Resend in {{seconds}}s" */
+    RESEND_IN: string;
+    /** @default "Email Verification" */
+    EMAIL_VERIFICATION: string;
+    /** @default "Verify your email address" */
+    EMAIL_VERIFICATION_DESCRIPTION: string;
+    /** @default "Email verified successfully" */
+    EMAIL_VERIFICATION_SUCCESS: string;
+    /** @default "Verifying your email..." */
+    EMAIL_VERIFICATION_CHECKING: string;
+    /** @default "Resend verification email" */
+    RESEND_VERIFICATION_EMAIL: string;
+    /** @default "Verification email sent" */
+    VERIFICATION_EMAIL_SENT: string;
+    /** @default "Email Code Verification" */
+    EMAIL_OTP: string;
+    /** @default "Enter your email to receive a verification code" */
+    EMAIL_OTP_DESCRIPTION: string;
+    /** @default "We sent a code to" */
+    EMAIL_OTP_SENT: string;
+    /** @default "Enter the 6-digit code" */
+    ENTER_VERIFICATION_CODE: string;
+    /** @default "Recover Account" */
+    RECOVER_ACCOUNT: string;
+    /** @default "Recover access to your account" */
+    RECOVER_ACCOUNT_DESCRIPTION: string;
+    /** @default "Select recovery method" */
+    SELECT_RECOVERY_METHOD: string;
+    /** @default "Reset via email link" */
+    RESET_VIA_EMAIL: string;
+    /** @default "Verify with email code" */
+    VERIFY_WITH_CODE: string;
+    /** @default "Verify via phone" */
+    VERIFY_VIA_PHONE: string;
+    /** @default "Step {{current}} of {{total}}" */
+    STEP_OF: string;
     /** @default "Current Session" */
     CURRENT_SESSION: string;
     /** @default "Current device" */
@@ -221,6 +275,18 @@ declare const authLocalization: {
     SESSIONS: string;
     /** @default "Manage your active sessions" */
     SESSIONS_DESCRIPTION: string;
+    /** @default "Revoke" */
+    REVOKE_SESSION: string;
+    /** @default "Revoke all other sessions" */
+    REVOKE_ALL_OTHER_SESSIONS: string;
+    /** @default "Session revoked" */
+    SESSION_REVOKED: string;
+    /** @default "All other sessions revoked" */
+    ALL_SESSIONS_REVOKED: string;
+    /** @default "No other sessions" */
+    NO_OTHER_SESSIONS: string;
+    /** @default "Loading sessions..." */
+    LOADING_SESSIONS: string;
     /** @default "Trust" */
     TRUST_DEVICE: string;
     /** @default "Untrust" */
@@ -313,10 +379,26 @@ declare const authLocalization: {
     DELETE_AVATAR: string;
     /** @default "Upload Avatar" */
     UPLOAD_AVATAR: string;
+    /** @default "Avatar updated" */
+    AVATAR_UPDATED: string;
+    /** @default "Avatar deleted" */
+    AVATAR_DELETED: string;
+    /** @default "Click to upload" */
+    CLICK_TO_UPLOAD: string;
+    /** @default "File too large" */
+    FILE_TOO_LARGE: string;
+    /** @default "Max file size:" */
+    MAX_FILE_SIZE: string;
     /** @default "Email" */
     EMAIL: string;
     /** @default "Name" */
     NAME: string;
+    /** @default "Update Name" */
+    UPDATE_NAME: string;
+    /** @default "Your display name" */
+    UPDATE_NAME_DESCRIPTION: string;
+    /** @default "Name updated" */
+    NAME_UPDATED: string;
     /** @default "Two-Factor" */
     TWO_FACTOR: string;
     /** @default "Two-Factor Authentication" */
@@ -337,6 +419,150 @@ declare const authLocalization: {
     BACKUP_CODES: string;
     /** @default "Save these codes in a secure place" */
     BACKUP_CODES_DESCRIPTION: string;
+    /** @default "Enter your 6-digit code" */
+    ENTER_TOTP_CODE: string;
+    /** @default "Use backup code" */
+    USE_BACKUP_CODE: string;
+    /** @default "Use authenticator" */
+    USE_AUTHENTICATOR: string;
+    /** @default "Enter backup code" */
+    BACKUP_CODE_PLACEHOLDER: string;
+    /** @default "Scan this QR code with your authenticator app" */
+    SCAN_QR_CODE: string;
+    /** @default "Or enter this code manually" */
+    MANUAL_ENTRY_CODE: string;
+    /** @default "Enter the code from your authenticator" */
+    ENTER_CODE_TO_VERIFY: string;
+    /** @default "Copy all codes" */
+    COPY_BACKUP_CODES: string;
+    /** @default "Codes copied" */
+    BACKUP_CODES_COPIED: string;
+    /** @default "Enter your password to disable two-factor" */
+    CONFIRM_DISABLE_2FA: string;
+    /** @default "Two-factor enabled" */
+    TWO_FACTOR_SETUP_SUCCESS: string;
+    /** @default "Status" */
+    STATUS: string;
+    /** @default "Enabled" */
+    ENABLED: string;
+    /** @default "Disabled" */
+    DISABLED: string;
+    /** @default "Enable" */
+    ENABLE: string;
+    /** @default "Disable" */
+    DISABLE: string;
+    /** @default "Back" */
+    BACK: string;
+    /** @default "Next" */
+    NEXT: string;
+    /** @default "Finish" */
+    FINISH: string;
+    /** @default "Change Email" */
+    CHANGE_EMAIL: string;
+    /** @default "Enter a new email address" */
+    CHANGE_EMAIL_DESCRIPTION: string;
+    /** @default "Current email" */
+    CURRENT_EMAIL: string;
+    /** @default "New email" */
+    NEW_EMAIL_PLACEHOLDER: string;
+    /** @default "Verification email sent to your new address" */
+    CHANGE_EMAIL_SENT: string;
+    /** @default "Connected Accounts" */
+    CONNECTED_PROVIDERS: string;
+    /** @default "Manage linked sign-in methods" */
+    CONNECTED_PROVIDERS_DESCRIPTION: string;
+    /** @default "Connect" */
+    CONNECT_PROVIDER: string;
+    /** @default "Disconnect" */
+    DISCONNECT_PROVIDER: string;
+    /** @default "No accounts connected" */
+    NO_PROVIDERS_CONNECTED: string;
+    /** @default "Provider disconnected" */
+    PROVIDER_DISCONNECTED: string;
+    /** @default "Connected on" */
+    CONNECTED_ON: string;
+    /** @default "Passkeys" */
+    PASSKEYS: string;
+    /** @default "Manage your passkeys for passwordless sign-in" */
+    PASSKEYS_DESCRIPTION: string;
+    /** @default "Register passkey" */
+    REGISTER_PASSKEY: string;
+    /** @default "Remove" */
+    REMOVE_PASSKEY: string;
+    /** @default "Passkey name" */
+    PASSKEY_NAME: string;
+    /** @default "No passkeys registered" */
+    NO_PASSKEYS: string;
+    /** @default "Your browser doesn't support passkeys" */
+    WEBAUTHN_NOT_SUPPORTED: string;
+    /** @default "Passkey registered" */
+    PASSKEY_REGISTERED: string;
+    /** @default "Passkey removed" */
+    PASSKEY_REMOVED: string;
+    /** @default "Loading passkeys..." */
+    LOADING_PASSKEYS: string;
+    /** @default "Created" */
+    CREATED: string;
+    /** @default "Last used" */
+    LAST_USED_DATE: string;
+    /** @default "Never" */
+    NEVER: string;
+    /** @default "Are you sure you want to remove this passkey?" */
+    CONFIRM_REMOVE_PASSKEY: string;
+    /** @default "Registering..." */
+    REGISTERING_PASSKEY: string;
+    /** @default "Removing..." */
+    REMOVING_PASSKEY: string;
+    /** @default "Delete Account" */
+    DELETE_ACCOUNT: string;
+    /** @default "Permanently delete your account and all data" */
+    DELETE_ACCOUNT_WARNING: string;
+    /** @default "Type \"{{phrase}}\" to confirm" */
+    TYPE_TO_CONFIRM: string;
+    /** @default "delete my account" */
+    DEFAULT_CONFIRM_PHRASE: string;
+    /** @default "Confirm deletion" */
+    CONFIRM_DELETION: string;
+    /** @default "Deleting account..." */
+    DELETING_ACCOUNT: string;
+    /** @default "Reason for leaving (optional)" */
+    DELETE_REASON: string;
+    /** @default "API Keys" */
+    API_KEYS: string;
+    /** @default "Manage your API keys" */
+    API_KEYS_DESCRIPTION: string;
+    /** @default "Create API key" */
+    CREATE_API_KEY: string;
+    /** @default "Revoke" */
+    REVOKE_API_KEY: string;
+    /** @default "Key name" */
+    KEY_NAME: string;
+    /** @default "Scopes" */
+    KEY_SCOPES: string;
+    /** @default "Expires" */
+    KEY_EXPIRES: string;
+    /** @default "Copy this key now — it won't be shown again" */
+    KEY_CREATED_WARNING: string;
+    /** @default "Copy key" */
+    COPY_KEY: string;
+    /** @default "Key copied" */
+    KEY_COPIED: string;
+    /** @default "No API keys" */
+    NO_API_KEYS: string;
+    /** @default "30 days" */
+    EXPIRES_30_DAYS: string;
+    /** @default "90 days" */
+    EXPIRES_90_DAYS: string;
+    /** @default "1 year" */
+    EXPIRES_1_YEAR: string;
+    /** @default "Loading API keys..." */
+    LOADING_API_KEYS: string;
+    /** @default "my-api-key" */
+    KEY_NAME_PLACEHOLDER: string;
+    /** @default "Account Settings" */
+    ACCOUNT_SETTINGS: string;
+    /** @default "Danger Zone" */
+    DANGER_ZONE: string;
     /** @default "Passwords do not match" */
     PASSWORDS_DO_NOT_MATCH: string;
     /** @default "Password is required" */
@@ -461,24 +687,28 @@ declare function useAuth(): {
     isAuthenticated: boolean;
     isLoading: boolean;
     error: _atzentis_auth_sdk.AuthError | null;
-    login: (credentials: LoginCredentials) => Promise<_atzentis_auth_sdk.LoginResponse>;
-    loginWithUsername: (credentials: UsernameLoginCredentials) => Promise<_atzentis_auth_sdk.LoginResponse>;
-    signup: (data: SignupData) => Promise<_atzentis_auth_sdk.SignupResponse>;
-    logout: () => Promise<void>;
-    logoutAllDevices: () => Promise<void>;
-    getOAuthUrl: (config: GetOAuthUrlRequest) => string;
-    verifyOAuthCode: (request: VerifyOAuthCodeRequest) => Promise<_atzentis_auth_sdk.LoginResponse>;
-    sendMagicLink: (request: SendMagicLinkRequest) => Promise<void>;
-    verifyMagicLink: (request: VerifyMagicLinkRequest) => Promise<_atzentis_auth_sdk.LoginResponse>;
-    isUsernameAvailable: (username: string) => Promise<boolean>;
+    clearError: () => void;
     getAccessToken: () => Promise<string | null>;
-    refreshToken: () => Promise<_atzentis_auth_sdk.RefreshTokenResponse>;
     getAuthHeader: () => Promise<{
         Authorization: string;
     } | {
         Authorization?: undefined;
     }>;
-    clearError: () => void;
+    getOAuthUrl: (config: GetOAuthUrlRequest) => string;
+    isUsernameAvailable: (username: string) => Promise<boolean>;
+    login: (credentials: LoginCredentials) => Promise<_atzentis_auth_sdk.LoginResponse>;
+    loginWithUsername: (credentials: UsernameLoginCredentials) => Promise<_atzentis_auth_sdk.LoginResponse>;
+    logout: () => Promise<void>;
+    logoutAllDevices: () => Promise<void>;
+    refreshToken: () => Promise<_atzentis_auth_sdk.RefreshTokenResponse>;
+    requestPasswordReset: (request: RequestPasswordResetRequest) => Promise<void>;
+    resetPassword: (request: ResetPasswordRequest) => Promise<_atzentis_auth_sdk.ResetPasswordResponse>;
+    sendMagicLink: (request: SendMagicLinkRequest) => Promise<void>;
+    sendVerificationEmail: (request: SendVerificationEmailRequest) => Promise<void>;
+    signup: (data: SignupData) => Promise<_atzentis_auth_sdk.SignupResponse>;
+    verifyEmail: (request: VerifyEmailRequest) => Promise<_atzentis_auth_sdk.VerifyEmailResponse>;
+    verifyMagicLink: (request: VerifyMagicLinkRequest) => Promise<_atzentis_auth_sdk.LoginResponse>;
+    verifyOAuthCode: (request: VerifyOAuthCodeRequest) => Promise<_atzentis_auth_sdk.LoginResponse>;
 };
 
 declare function useAuthContext(): AuthContextValue;
@@ -537,6 +767,15 @@ declare function useOrganizations(): {
     leave: (orgId: string) => Promise<void>;
 };
 
+declare function usePasskeys(): {
+    passkeys: Passkey[];
+    isLoading: boolean;
+    error: AuthError | null;
+    refresh: () => Promise<void>;
+    register: (name: string) => Promise<_atzentis_auth_sdk.RegisterPasskeyResponse>;
+    remove: (passkeyId: string) => Promise<void>;
+};
+
 declare function usePhone(): {
     isSending: boolean;
     isVerifying: boolean;
@@ -681,37 +920,338 @@ interface OrganizationMenuProps {
     onCreateNew?: () => void;
     className?: string;
 }
+interface ForgotPasswordFormProps {
+    redirectUrl: string;
+    onSuccess?: () => void;
+    onError?: (error: AuthError) => void;
+    onBackToLogin?: () => void;
+    resendCooldown?: number;
+    className?: string;
+}
+interface TwoFactorFormProps {
+    onVerify: (code: string) => void | Promise<void>;
+    onError?: (error: AuthError) => void;
+    autoSubmit?: boolean;
+    isLoading?: boolean;
+    className?: string;
+}
+interface EmailVerificationFormProps {
+    token?: string;
+    email?: string;
+    redirectUrl: string;
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    resendCooldown?: number;
+    className?: string;
+}
+interface EmailOTPFormProps {
+    redirectUrl: string;
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    resendCooldown?: number;
+    autoSubmit?: boolean;
+    className?: string;
+}
+interface ResetPasswordFormProps {
+    token: string;
+    onSuccess?: () => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface RecoverAccountFormProps {
+    redirectUrl: string;
+    enablePhone?: boolean;
+    onSuccess?: () => void;
+    onError?: (error: AuthError) => void;
+    resendCooldown?: number;
+    className?: string;
+}
+interface ChangePasswordCardProps {
+    className?: string;
+    onError?: (error: AuthError) => void;
+    onSuccess?: () => void;
+}
+interface UpdateNameCardProps {
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface ChangeEmailCardProps {
+    redirectUrl: string;
+    onSuccess?: () => void;
+    onError?: (error: AuthError) => void;
+    resendCooldown?: number;
+    className?: string;
+}
+interface UpdateUsernameCardProps {
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface UpdateAvatarCardProps {
+    onUpload: (file: File) => Promise<string>;
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    maxSizeMB?: number;
+    className?: string;
+}
+interface SessionsCardProps {
+    onSessionRevoked?: (sessionId: string) => void;
+    className?: string;
+}
+interface ProvidersCardProps {
+    availableProviders: OAuthProvider[];
+    oauthRedirectUri: string;
+    onConnect?: (provider: OAuthProvider) => void;
+    onDisconnect?: (provider: string) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface PasskeysCardProps {
+    onRegistered?: (passkey: Passkey) => void;
+    onRemoved?: (passkeyId: string) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface TwoFactorCardProps {
+    onEnabled?: () => void;
+    onDisabled?: () => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+interface DeleteAccountCardProps {
+    onDeleted?: () => void;
+    onError?: (error: AuthError) => void;
+    confirmationPhrase?: string;
+    className?: string;
+}
+interface ApiKeysCardProps {
+    availableScopes?: string[];
+    onCreated?: (apiKey: _atzentis_auth_sdk.ApiKey) => void;
+    onRevoked?: (keyId: string) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+type AccountViewSection = "/account" | "/security" | "/sessions" | "/providers" | "/api-keys" | "/danger";
+interface AccountViewProps {
+    section: string;
+    sections?: Partial<Record<AccountViewSection, string>>;
+    fallback?: ReactNode;
+    onSectionChange?: (section: string) => void;
+    oauthProviders?: OAuthProvider[];
+    oauthRedirectUri?: string;
+    redirectUrl?: string;
+    onUpload?: (file: File) => Promise<string>;
+    availableScopes?: string[];
+    className?: string;
+}
 interface LoadingBoundaryProps {
     children: ReactNode;
     spinner?: ReactNode;
     delay?: number;
     className?: string;
 }
+type AuthViewPath = "/sign-in" | "/sign-up" | "/forgot-password" | "/reset-password" | "/verify-email" | "/email-otp" | "/recover-account" | "/two-factor";
+interface AuthViewProps {
+    pathname: string;
+    paths?: Partial<Record<AuthViewPath, string>>;
+    fallback?: ReactNode;
+    searchParams?: Record<string, string | undefined>;
+    getSearchParam?: (key: string) => string | undefined;
+    onSuccess?: (userOrVoid?: User) => void;
+    onError?: (error: AuthError) => void;
+    enablePhone?: boolean;
+    oauthProviders?: OAuthProvider[];
+    oauthRedirectUri?: string;
+    redirectUrl?: string;
+    className?: string;
+}
+
+/**
+ * AccountView — Section-based settings page orchestrator.
+ * Renders navigation sidebar and the appropriate settings card group.
+ *
+ * @example
+ * // Next.js App Router:
+ * import { AccountView } from "@atzentis/auth-react";
+ *
+ * export default function SettingsPage({ params }) {
+ *   const section = `/${params.section || "account"}`;
+ *   return (
+ *     <AccountView
+ *       section={section}
+ *       onSectionChange={(s) => router.push(`/settings${s}`)}
+ *       redirectUrl="/settings/account"
+ *       onUpload={async (file) => uploadToR2(file)}
+ *     />
+ *   );
+ * }
+ */
+declare function AccountView({ section, sections, fallback, onSectionChange, oauthProviders, oauthRedirectUri, redirectUrl, onUpload, availableScopes, className, }: AccountViewProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Default section mapping for AccountView component.
+ * Maps logical settings sections to URL paths.
+ *
+ * @example
+ * // Use in Next.js App Router:
+ * <AccountView section={pathname} sections={accountViewSections} />
+ *
+ * // Override specific sections:
+ * <AccountView
+ *   section={pathname}
+ *   sections={{ ...accountViewSections, "/account": "/profile" }}
+ * />
+ */
+declare const accountViewSections: Record<AccountViewSection, string>;
+
+interface AccountSettingsCardsProps {
+    redirectUrl?: string;
+    onUpload?: (file: File) => Promise<string>;
+    onSuccess?: (user: User) => void;
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+declare function AccountSettingsCards({ redirectUrl, onUpload, onSuccess, onError, className, }: AccountSettingsCardsProps): react_jsx_runtime.JSX.Element;
+
+declare function ApiKeysCard({ availableScopes, onCreated, onRevoked, onError, className, }: ApiKeysCardProps): react_jsx_runtime.JSX.Element;
+
+declare function ChangeEmailCard({ redirectUrl, onSuccess, onError, resendCooldown, className, }: ChangeEmailCardProps): react_jsx_runtime.JSX.Element;
+
+declare function ChangePasswordCard({ onSuccess, onError, className }: ChangePasswordCardProps): react_jsx_runtime.JSX.Element;
+
+declare function DeleteAccountCard({ onDeleted, onError, confirmationPhrase, className, }: DeleteAccountCardProps): react_jsx_runtime.JSX.Element;
+
+declare function PasskeysCard({ onRegistered, onRemoved, onError, className }: PasskeysCardProps): react_jsx_runtime.JSX.Element;
+
+declare function ProvidersCard({ availableProviders, oauthRedirectUri: _oauthRedirectUri, onConnect, onDisconnect, onError, className, }: ProvidersCardProps): react_jsx_runtime.JSX.Element;
+
+interface SecuritySettingsCardsProps {
+    onError?: (error: AuthError) => void;
+    className?: string;
+}
+declare function SecuritySettingsCards({ onError, className }: SecuritySettingsCardsProps): react_jsx_runtime.JSX.Element;
+
+declare function SessionsCard({ onSessionRevoked, className }: SessionsCardProps): react_jsx_runtime.JSX.Element;
+
+declare function TwoFactorCard({ onEnabled, onDisabled, onError, className }: TwoFactorCardProps): react_jsx_runtime.JSX.Element;
+
+declare function UpdateAvatarCard({ onUpload, onSuccess, onError, maxSizeMB, className, }: UpdateAvatarCardProps): react_jsx_runtime.JSX.Element;
+
+declare function UpdateNameCard({ onSuccess, onError, className }: UpdateNameCardProps): react_jsx_runtime.JSX.Element;
+
+declare function UpdateUsernameCard({ onSuccess, onError, className }: UpdateUsernameCardProps): react_jsx_runtime.JSX.Element;
 
 declare function AccountSwitcher({ showAddAccount, onSwitch, onAddAccount, maxAccounts, className, }: AccountSwitcherProps): react_jsx_runtime.JSX.Element;
 
 declare function SessionGuard({ children, fallback, loadingFallback, freshRequired, freshThreshold, requiredRole, className, }: SessionGuardProps): react_jsx_runtime.JSX.Element;
 
-declare function DeviceList({ showTrustToggle, showRemoveAction, onDeviceTrusted, onDeviceUntrusted, onDeviceRemoved, renderDeviceIcon, className, }: DeviceListProps): react_jsx_runtime.JSX.Element;
+/**
+ * AuthView — Pathname-based router for auth flows.
+ * Renders the appropriate auth form component based on the pathname prop.
+ *
+ * @example
+ * // Next.js App Router:
+ * import { AuthView } from "@atzentis/auth-react";
+ *
+ * export default function AuthPage({ params, searchParams }) {
+ *   const pathname = `/${params.slug?.join("/") || ""}`;
+ *   return <AuthView pathname={pathname} searchParams={searchParams} />;
+ * }
+ *
+ * @example
+ * // Custom path mapping:
+ * <AuthView
+ *   pathname="/login"
+ *   paths={{ "/sign-in": "/login", "/sign-up": "/register" }}
+ *   onSuccess={(user) => router.push("/dashboard")}
+ * />
+ */
+declare function AuthView({ pathname, paths, fallback, searchParams, getSearchParam, onSuccess, onError, enablePhone, oauthProviders, oauthRedirectUri, redirectUrl, className, }: AuthViewProps): react_jsx_runtime.JSX.Element;
 
-declare function LoadingBoundary({ children, spinner, delay, className, }: LoadingBoundaryProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Default path mapping for AuthView component.
+ * Maps logical auth flow paths to actual URL paths.
+ *
+ * @example
+ * // Use in Next.js App Router:
+ * <AuthView pathname={pathname} paths={authViewPaths} />
+ *
+ * // Override specific paths:
+ * <AuthView
+ *   pathname={pathname}
+ *   paths={{ ...authViewPaths, "/sign-in": "/login" }}
+ * />
+ */
+declare const authViewPaths: Record<AuthViewPath, string>;
 
-declare function LoginActivityFeed({ limit, showRiskBadge, showReportActions, filterByStatus, onSuspiciousReported, className, }: LoginActivityFeedProps): react_jsx_runtime.JSX.Element;
+declare function EmailOTPForm({ redirectUrl, onSuccess, onError, resendCooldown, autoSubmit, className, }: EmailOTPFormProps): react_jsx_runtime.JSX.Element;
+
+declare function EmailVerificationForm({ token, email, redirectUrl, onSuccess, onError, resendCooldown, className, }: EmailVerificationFormProps): react_jsx_runtime.JSX.Element;
+
+declare function ForgotPasswordForm({ redirectUrl, onSuccess, onError, onBackToLogin, resendCooldown, className, }: ForgotPasswordFormProps): react_jsx_runtime.JSX.Element;
 
 declare function LoginForm({ onSuccess, onError, enablePhone, enableForgotPassword, onForgotPasswordClick, className, ...oauthProps }: LoginFormProps): react_jsx_runtime.JSX.Element;
 
 declare function MagicLinkForm({ redirectUrl, onSuccess, onError, className }: MagicLinkFormProps): react_jsx_runtime.JSX.Element;
 
-declare function OAuthButton({ provider, redirectUri, state, variant, size, className, }: OAuthButtonProps): react_jsx_runtime.JSX.Element;
-
 declare function PhoneLoginForm({ onSuccess, onError, allowedCountryCodes, showPasswordFallback, className, }: PhoneLoginFormProps): react_jsx_runtime.JSX.Element;
 
+declare function RecoverAccountForm({ redirectUrl, enablePhone, onSuccess, onError, resendCooldown, className, }: RecoverAccountFormProps): react_jsx_runtime.JSX.Element | null;
+
+declare function ResetPasswordForm({ token, onSuccess, onError, className, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+
 declare function SignupForm({ onSuccess, onError, showUsernameField, showPhoneField, organizationName, acceptTermsRequired, onLoginClick, className, }: SignupFormProps): react_jsx_runtime.JSX.Element;
 
+declare function TwoFactorForm({ onVerify, onError, autoSubmit, isLoading, className, }: TwoFactorFormProps): react_jsx_runtime.JSX.Element;
+
+declare function OAuthButton({ provider, redirectUri, state, variant, size, className, }: OAuthButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function DeviceList({ showTrustToggle, showRemoveAction, onDeviceTrusted, onDeviceUntrusted, onDeviceRemoved, renderDeviceIcon, className, }: DeviceListProps): react_jsx_runtime.JSX.Element;
+
+declare function LoadingBoundary({ children, spinner, delay, className, }: LoadingBoundaryProps): react_jsx_runtime.JSX.Element | null;
+
+declare function isEmail(value: string): boolean;
+declare function maskEmail(email: string): string;
+
+declare function LoginActivityFeed({ limit, showRiskBadge, showReportActions, filterByStatus, onSuspiciousReported, className, }: LoginActivityFeedProps): react_jsx_runtime.JSX.Element;
+
 declare function OrganizationMenu({ showCreateNew, currentOrgId, onSwitch, onCreateNew, className, }: OrganizationMenuProps): react_jsx_runtime.JSX.Element;
 
 declare function UserMenu({ showOrganization, menuItems, className }: UserMenuProps): react_jsx_runtime.JSX.Element | null;
 
+declare const changeEmailSchema: z.ZodObject<{
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+}, {
+    email: string;
+}>;
+type ChangeEmailFormData = z.infer<typeof changeEmailSchema>;
+
+declare const changePasswordSchema: z.ZodEffects<z.ZodObject<{
+    confirmPassword: z.ZodString;
+    currentPassword: z.ZodString;
+    newPassword: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    confirmPassword: string;
+    currentPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    currentPassword: string;
+    newPassword: string;
+}>, {
+    confirmPassword: string;
+    currentPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    currentPassword: string;
+    newPassword: string;
+}>;
+type ChangePasswordFormData = z.infer<typeof changePasswordSchema>;
+
 declare const credentialLoginSchema: z.ZodObject<{
     identity: z.ZodString;
     password: z.ZodString;
@@ -746,6 +1286,32 @@ declare const otpVerifySchema$1: z.ZodObject<{
 }>;
 type OtpVerifyFormData$1 = z.infer<typeof otpVerifySchema$1>;
 
+declare const emailOtpEmailSchema: z.ZodObject<{
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+}, {
+    email: string;
+}>;
+type EmailOtpEmailFormData = z.infer<typeof emailOtpEmailSchema>;
+declare const emailOtpCodeSchema: z.ZodObject<{
+    code: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    code: string;
+}, {
+    code: string;
+}>;
+type EmailOtpCodeFormData = z.infer<typeof emailOtpCodeSchema>;
+
+declare const forgotPasswordSchema: z.ZodObject<{
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+}, {
+    email: string;
+}>;
+type ForgotPasswordFormData = z.infer<typeof forgotPasswordSchema>;
+
 declare const magicLinkSchema: z.ZodObject<{
     email: z.ZodString;
 }, "strip", z.ZodTypeAny, {
@@ -789,6 +1355,67 @@ declare const phonePasswordSchema: z.ZodObject<{
 }>;
 type PhonePasswordFormData = z.infer<typeof phonePasswordSchema>;
 
+declare const recoverEmailSchema: z.ZodObject<{
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+}, {
+    email: string;
+}>;
+type RecoverEmailFormData = z.infer<typeof recoverEmailSchema>;
+declare const recoverCodeSchema: z.ZodObject<{
+    code: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    code: string;
+}, {
+    code: string;
+}>;
+type RecoverCodeFormData = z.infer<typeof recoverCodeSchema>;
+declare const recoverNewPasswordSchema: z.ZodEffects<z.ZodObject<{
+    newPassword: z.ZodString;
+    confirmPassword: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    confirmPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    newPassword: string;
+}>, {
+    confirmPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    newPassword: string;
+}>;
+type RecoverNewPasswordFormData = z.infer<typeof recoverNewPasswordSchema>;
+declare const recoverPhoneSchema: z.ZodObject<{
+    phoneNumber: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    phoneNumber: string;
+}, {
+    phoneNumber: string;
+}>;
+type RecoverPhoneFormData = z.infer<typeof recoverPhoneSchema>;
+type RecoveryMethod = "email_link" | "email_code" | "phone_otp";
+
+declare const resetPasswordSchema: z.ZodEffects<z.ZodObject<{
+    newPassword: z.ZodString;
+    confirmPassword: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    confirmPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    newPassword: string;
+}>, {
+    confirmPassword: string;
+    newPassword: string;
+}, {
+    confirmPassword: string;
+    newPassword: string;
+}>;
+type ResetPasswordFormData = z.infer<typeof resetPasswordSchema>;
+
 declare const signupSchema: z.ZodObject<{
     email: z.ZodString;
     password: z.ZodString;
@@ -799,28 +1426,67 @@ declare const signupSchema: z.ZodObject<{
     acceptTerms: z.ZodBoolean;
     captchaToken: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    password: string;
-    name: string;
     email: string;
+    name: string;
+    password: string;
     acceptTerms: boolean;
+    username?: string | undefined;
     captchaToken?: string | undefined;
     phoneNumber?: string | undefined;
-    username?: string | undefined;
     organizationName?: string | undefined;
 }, {
-    password: string;
-    name: string;
     email: string;
+    name: string;
+    password: string;
     acceptTerms: boolean;
+    username?: string | undefined;
     captchaToken?: string | undefined;
     phoneNumber?: string | undefined;
-    username?: string | undefined;
     organizationName?: string | undefined;
 }>;
 type SignupFormData = z.infer<typeof signupSchema>;
 
+declare const totpSchema: z.ZodObject<{
+    code: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    code: string;
+}, {
+    code: string;
+}>;
+type TotpFormData = z.infer<typeof totpSchema>;
+declare const backupCodeSchema: z.ZodObject<{
+    backupCode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    backupCode: string;
+}, {
+    backupCode: string;
+}>;
+type BackupCodeFormData = z.infer<typeof backupCodeSchema>;
+
+declare const updateNameSchema: z.ZodObject<{
+    name: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+}, {
+    name: string;
+}>;
+type UpdateNameFormData = z.infer<typeof updateNameSchema>;
+
+declare const updateUsernameSchema: z.ZodObject<{
+    username: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    username: string;
+}, {
+    username: string;
+}>;
+type UpdateUsernameFormData = z.infer<typeof updateUsernameSchema>;
+
 declare function getInitials(name: string): string;
 
+type RiskLevel = "low" | "medium" | "high";
+declare function getRiskLevel(score: number): RiskLevel;
+declare const RISK_COLORS: Record<RiskLevel, string>;
+
 /**
  * Safely converts an unknown caught value to AuthError.
  * If the value is already an AuthError, returns it directly.
@@ -828,8 +1494,4 @@ declare function getInitials(name: string): string;
  */
 declare function toAuthError(error: unknown): AuthError;
 
-type RiskLevel = "low" | "medium" | "high";
-declare function getRiskLevel(score: number): RiskLevel;
-declare const RISK_COLORS: Record<RiskLevel, string>;
-
-export { AUTH_ERROR_CODES, AccountSwitcher, type AccountSwitcherProps, AuthContext, type AuthContextValue, type AuthLocalization, AuthProvider, type AuthProviderProps, type CredentialLoginFormData, DeviceList, type DeviceListProps, LoadingBoundary, type LoadingBoundaryProps, LocalizationContext, type LocalizationContextValue, LoginActivityFeed, type LoginActivityFeedProps, LoginForm, type LoginFormProps, MagicLinkForm, type MagicLinkFormData, type MagicLinkFormProps, OAuthButton, type OAuthButtonProps, OrganizationMenu, type OrganizationMenuProps, type OtpVerifyFormData$1 as OtpVerifyFormData, PhoneLoginForm, type PhoneLoginFormData, type PhoneLoginFormProps, type PhoneNumberFormData, type OtpVerifyFormData as PhoneOtpVerifyFormData, type PhonePasswordFormData, RISK_COLORS, type RiskLevel, SessionGuard, type SessionGuardProps, SignupForm, type SignupFormData, type SignupFormProps, UserMenu, type UserMenuProps, authLocalization, credentialLoginSchema, getInitials, getLocalizedError, getRiskLevel, magicLinkSchema, otpVerifySchema$1 as otpVerifySchema, phoneLoginSchema, phoneNumberSchema, otpVerifySchema as phoneOtpVerifySchema, phonePasswordSchema, signupSchema, toAuthError, useApiKeys, useAuth, useAuthContext, useAuthLocalization, useDevices, useLoginActivity, useOrganizations, usePhone, useSession, useSessions, useUser };
+export { AUTH_ERROR_CODES, AccountSettingsCards, type AccountSettingsCardsProps, AccountSwitcher, type AccountSwitcherProps, AccountView, type AccountViewProps, type AccountViewSection, ApiKeysCard, type ApiKeysCardProps, AuthContext, type AuthContextValue, type AuthLocalization, AuthProvider, type AuthProviderProps, AuthView, type AuthViewPath, type AuthViewProps, type BackupCodeFormData, ChangeEmailCard, type ChangeEmailCardProps, type ChangeEmailFormData, ChangePasswordCard, type ChangePasswordCardProps, type ChangePasswordFormData, type CredentialLoginFormData, DeleteAccountCard, type DeleteAccountCardProps, DeviceList, type DeviceListProps, EmailOTPForm, type EmailOTPFormProps, type EmailOtpCodeFormData, type EmailOtpEmailFormData, EmailVerificationForm, type EmailVerificationFormProps, ForgotPasswordForm, type ForgotPasswordFormData, type ForgotPasswordFormProps, LoadingBoundary, type LoadingBoundaryProps, LocalizationContext, type LocalizationContextValue, LoginActivityFeed, type LoginActivityFeedProps, LoginForm, type LoginFormProps, MagicLinkForm, type MagicLinkFormData, type MagicLinkFormProps, OAuthButton, type OAuthButtonProps, OrganizationMenu, type OrganizationMenuProps, type OtpVerifyFormData$1 as OtpVerifyFormData, PasskeysCard, type PasskeysCardProps, PhoneLoginForm, type PhoneLoginFormData, type PhoneLoginFormProps, type PhoneNumberFormData, type OtpVerifyFormData as PhoneOtpVerifyFormData, type PhonePasswordFormData, ProvidersCard, type ProvidersCardProps, RISK_COLORS, RecoverAccountForm, type RecoverAccountFormProps, type RecoverCodeFormData, type RecoverEmailFormData, type RecoverNewPasswordFormData, type RecoverPhoneFormData, type RecoveryMethod, ResetPasswordForm, type ResetPasswordFormData, type ResetPasswordFormProps, type RiskLevel, SecuritySettingsCards, type SecuritySettingsCardsProps, SessionGuard, type SessionGuardProps, SessionsCard, type SessionsCardProps, SignupForm, type SignupFormData, type SignupFormProps, type TotpFormData, TwoFactorCard, type TwoFactorCardProps, TwoFactorForm, type TwoFactorFormProps, UpdateAvatarCard, type UpdateAvatarCardProps, UpdateNameCard, type UpdateNameCardProps, type UpdateNameFormData, UpdateUsernameCard, type UpdateUsernameCardProps, type UpdateUsernameFormData, UserMenu, type UserMenuProps, accountViewSections, authLocalization, authViewPaths, backupCodeSchema, changeEmailSchema, changePasswordSchema, credentialLoginSchema, emailOtpCodeSchema, emailOtpEmailSchema, forgotPasswordSchema, getInitials, getLocalizedError, getRiskLevel, isEmail, magicLinkSchema, maskEmail, otpVerifySchema$1 as otpVerifySchema, phoneLoginSchema, phoneNumberSchema, otpVerifySchema as phoneOtpVerifySchema, phonePasswordSchema, recoverCodeSchema, recoverEmailSchema, recoverNewPasswordSchema, recoverPhoneSchema, resetPasswordSchema, signupSchema, toAuthError, totpSchema, updateNameSchema, updateUsernameSchema, useApiKeys, useAuth, useAuthContext, useAuthLocalization, useDevices, useLoginActivity, useOrganizations, usePasskeys, usePhone, useSession, useSessions, useUser };