@atzentis/auth-react 0.0.15 → 0.0.16

package/dist/index.js

@@ -1,8 +1,8 @@
 import { AuthClient, AuthError, AuthErrorCode } from '@atzentis/auth-sdk';
 import { createContext, useState, useCallback, useMemo, useContext, useEffect, useRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { DropdownMenu, DropdownMenuTrigger, Button, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, Card, CardHeader, CardTitle, CardDescription, CardContent, DropdownMenuLabel } from '@atzentis/ui-shadcn';
-import { OTPInput, FormInput, FormSelect, FormPasswordInput } from '@atzentis/ui-shared';
+import { Card, Button, CardHeader, CardTitle, CardDescription, CardContent, Input, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from '@atzentis/ui-shadcn';
+import { FormInput, FormSelect, FormPasswordInput, OTPInput } from '@atzentis/ui-shared';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -266,6 +266,8 @@ var authLocalization = {
   CHANGE_PASSWORD_DESCRIPTION: "Enter your current and new password",
   /** @default "Password has been changed" */
   CHANGE_PASSWORD_SUCCESS: "Password has been changed",
+  /** @default "Changing password..." */
+  CHANGING_PASSWORD: "Changing password...",
   /** @default "Forgot Password" */
   FORGOT_PASSWORD: "Forgot Password",
   /** @default "Send reset link" */
@@ -286,6 +288,18 @@ var authLocalization = {
   SET_PASSWORD: "Set Password",
   /** @default "Click the button to receive an email to set your password" */
   SET_PASSWORD_DESCRIPTION: "Click the button to receive an email to set your password",
+  /** @default "Change Username" */
+  CHANGE_USERNAME: "Change Username",
+  /** @default "Your unique username" */
+  CHANGE_USERNAME_DESCRIPTION: "Your unique username",
+  /** @default "Username available" */
+  USERNAME_AVAILABLE_STATUS: "Username available",
+  /** @default "Username is taken" */
+  USERNAME_TAKEN_STATUS: "Username is taken",
+  /** @default "Checking..." */
+  CHECKING_AVAILABILITY: "Checking...",
+  /** @default "Username updated" */
+  USERNAME_UPDATED: "Username updated",
   // --- Forgot Password (P11) ---
   /** @default "Check your email" */
   CHECK_YOUR_EMAIL: "Check your email",
@@ -337,6 +351,18 @@ var authLocalization = {
   SESSIONS: "Sessions",
   /** @default "Manage your active sessions" */
   SESSIONS_DESCRIPTION: "Manage your active sessions",
+  /** @default "Revoke" */
+  REVOKE_SESSION: "Revoke",
+  /** @default "Revoke all other sessions" */
+  REVOKE_ALL_OTHER_SESSIONS: "Revoke all other sessions",
+  /** @default "Session revoked" */
+  SESSION_REVOKED: "Session revoked",
+  /** @default "All other sessions revoked" */
+  ALL_SESSIONS_REVOKED: "All other sessions revoked",
+  /** @default "No other sessions" */
+  NO_OTHER_SESSIONS: "No other sessions",
+  /** @default "Loading sessions..." */
+  LOADING_SESSIONS: "Loading sessions...",
   /** @default "Trust" */
   TRUST_DEVICE: "Trust",
   /** @default "Untrust" */
@@ -433,10 +459,26 @@ var authLocalization = {
   DELETE_AVATAR: "Delete Avatar",
   /** @default "Upload Avatar" */
   UPLOAD_AVATAR: "Upload Avatar",
+  /** @default "Avatar updated" */
+  AVATAR_UPDATED: "Avatar updated",
+  /** @default "Avatar deleted" */
+  AVATAR_DELETED: "Avatar deleted",
+  /** @default "Click to upload" */
+  CLICK_TO_UPLOAD: "Click to upload",
+  /** @default "File too large" */
+  FILE_TOO_LARGE: "File too large",
+  /** @default "Max file size:" */
+  MAX_FILE_SIZE: "Max file size:",
   /** @default "Email" */
   EMAIL: "Email",
   /** @default "Name" */
   NAME: "Name",
+  /** @default "Update Name" */
+  UPDATE_NAME: "Update Name",
+  /** @default "Your display name" */
+  UPDATE_NAME_DESCRIPTION: "Your display name",
+  /** @default "Name updated" */
+  NAME_UPDATED: "Name updated",
   // --- Two-Factor ---
   /** @default "Two-Factor" */
   TWO_FACTOR: "Two-Factor",
@@ -467,6 +509,148 @@ var authLocalization = {
   USE_AUTHENTICATOR: "Use authenticator",
   /** @default "Enter backup code" */
   BACKUP_CODE_PLACEHOLDER: "Enter backup code",
+  /** @default "Scan this QR code with your authenticator app" */
+  SCAN_QR_CODE: "Scan this QR code with your authenticator app",
+  /** @default "Or enter this code manually" */
+  MANUAL_ENTRY_CODE: "Or enter this code manually",
+  /** @default "Enter the code from your authenticator" */
+  ENTER_CODE_TO_VERIFY: "Enter the code from your authenticator",
+  /** @default "Copy all codes" */
+  COPY_BACKUP_CODES: "Copy all codes",
+  /** @default "Codes copied" */
+  BACKUP_CODES_COPIED: "Codes copied",
+  /** @default "Enter your password to disable two-factor" */
+  CONFIRM_DISABLE_2FA: "Enter your password to disable two-factor",
+  /** @default "Two-factor enabled" */
+  TWO_FACTOR_SETUP_SUCCESS: "Two-factor enabled",
+  /** @default "Status" */
+  STATUS: "Status",
+  /** @default "Enabled" */
+  ENABLED: "Enabled",
+  /** @default "Disabled" */
+  DISABLED: "Disabled",
+  /** @default "Enable" */
+  ENABLE: "Enable",
+  /** @default "Disable" */
+  DISABLE: "Disable",
+  /** @default "Back" */
+  BACK: "Back",
+  /** @default "Next" */
+  NEXT: "Next",
+  /** @default "Finish" */
+  FINISH: "Finish",
+  // --- Email Management (P12) ---
+  /** @default "Change Email" */
+  CHANGE_EMAIL: "Change Email",
+  /** @default "Enter a new email address" */
+  CHANGE_EMAIL_DESCRIPTION: "Enter a new email address",
+  /** @default "Current email" */
+  CURRENT_EMAIL: "Current email",
+  /** @default "New email" */
+  NEW_EMAIL_PLACEHOLDER: "New email",
+  /** @default "Verification email sent to your new address" */
+  CHANGE_EMAIL_SENT: "Verification email sent to your new address",
+  // --- OAuth Provider Management (P12) ---
+  /** @default "Connected Accounts" */
+  CONNECTED_PROVIDERS: "Connected Accounts",
+  /** @default "Manage linked sign-in methods" */
+  CONNECTED_PROVIDERS_DESCRIPTION: "Manage linked sign-in methods",
+  /** @default "Connect" */
+  CONNECT_PROVIDER: "Connect",
+  /** @default "Disconnect" */
+  DISCONNECT_PROVIDER: "Disconnect",
+  /** @default "No accounts connected" */
+  NO_PROVIDERS_CONNECTED: "No accounts connected",
+  /** @default "Provider disconnected" */
+  PROVIDER_DISCONNECTED: "Provider disconnected",
+  /** @default "Connected on" */
+  CONNECTED_ON: "Connected on",
+  // --- Passkeys (P12) ---
+  /** @default "Passkeys" */
+  PASSKEYS: "Passkeys",
+  /** @default "Manage your passkeys for passwordless sign-in" */
+  PASSKEYS_DESCRIPTION: "Manage your passkeys for passwordless sign-in",
+  /** @default "Register passkey" */
+  REGISTER_PASSKEY: "Register passkey",
+  /** @default "Remove" */
+  REMOVE_PASSKEY: "Remove",
+  /** @default "Passkey name" */
+  PASSKEY_NAME: "Passkey name",
+  /** @default "No passkeys registered" */
+  NO_PASSKEYS: "No passkeys registered",
+  /** @default "Your browser doesn't support passkeys" */
+  WEBAUTHN_NOT_SUPPORTED: "Your browser doesn't support passkeys",
+  /** @default "Passkey registered" */
+  PASSKEY_REGISTERED: "Passkey registered",
+  /** @default "Passkey removed" */
+  PASSKEY_REMOVED: "Passkey removed",
+  /** @default "Loading passkeys..." */
+  LOADING_PASSKEYS: "Loading passkeys...",
+  /** @default "Created" */
+  CREATED: "Created",
+  /** @default "Last used" */
+  LAST_USED_DATE: "Last used",
+  /** @default "Never" */
+  NEVER: "Never",
+  /** @default "Are you sure you want to remove this passkey?" */
+  CONFIRM_REMOVE_PASSKEY: "Are you sure you want to remove this passkey?",
+  /** @default "Registering..." */
+  REGISTERING_PASSKEY: "Registering...",
+  /** @default "Removing..." */
+  REMOVING_PASSKEY: "Removing...",
+  // --- Account Deletion (P12) ---
+  /** @default "Delete Account" */
+  DELETE_ACCOUNT: "Delete Account",
+  /** @default "Permanently delete your account and all data" */
+  DELETE_ACCOUNT_WARNING: "Permanently delete your account and all data",
+  /** @default "Type \"{{phrase}}\" to confirm" */
+  TYPE_TO_CONFIRM: 'Type "{{phrase}}" to confirm',
+  /** @default "delete my account" */
+  DEFAULT_CONFIRM_PHRASE: "delete my account",
+  /** @default "Confirm deletion" */
+  CONFIRM_DELETION: "Confirm deletion",
+  /** @default "Deleting account..." */
+  DELETING_ACCOUNT: "Deleting account...",
+  /** @default "Reason for leaving (optional)" */
+  DELETE_REASON: "Reason for leaving (optional)",
+  // --- API Keys (P12) ---
+  /** @default "API Keys" */
+  API_KEYS: "API Keys",
+  /** @default "Manage your API keys" */
+  API_KEYS_DESCRIPTION: "Manage your API keys",
+  /** @default "Create API key" */
+  CREATE_API_KEY: "Create API key",
+  /** @default "Revoke" */
+  REVOKE_API_KEY: "Revoke",
+  /** @default "Key name" */
+  KEY_NAME: "Key name",
+  /** @default "Scopes" */
+  KEY_SCOPES: "Scopes",
+  /** @default "Expires" */
+  KEY_EXPIRES: "Expires",
+  /** @default "Copy this key now — it won't be shown again" */
+  KEY_CREATED_WARNING: "Copy this key now \u2014 it won't be shown again",
+  /** @default "Copy key" */
+  COPY_KEY: "Copy key",
+  /** @default "Key copied" */
+  KEY_COPIED: "Key copied",
+  /** @default "No API keys" */
+  NO_API_KEYS: "No API keys",
+  /** @default "30 days" */
+  EXPIRES_30_DAYS: "30 days",
+  /** @default "90 days" */
+  EXPIRES_90_DAYS: "90 days",
+  /** @default "1 year" */
+  EXPIRES_1_YEAR: "1 year",
+  /** @default "Loading API keys..." */
+  LOADING_API_KEYS: "Loading API keys...",
+  /** @default "my-api-key" */
+  KEY_NAME_PLACEHOLDER: "my-api-key",
+  // --- Account View (P12) ---
+  /** @default "Account Settings" */
+  ACCOUNT_SETTINGS: "Account Settings",
+  /** @default "Danger Zone" */
+  DANGER_ZONE: "Danger Zone",
   // --- Validation ---
   /** @default "Passwords do not match" */
   PASSWORDS_DO_NOT_MATCH: "Passwords do not match",
@@ -971,6 +1155,74 @@ function useOrganizations() {
     leave
   };
 }
+function usePasskeys() {
+  const { client } = useAuthContext();
+  const [passkeys, setPasskeys] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const refresh = useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const response = await client.passkeys.list();
+      setPasskeys(response.data);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  const register = useCallback(
+    async (name) => {
+      const challenge = await client.passkeys.getRegistrationChallenge();
+      const credential = await navigator.credentials.create({
+        publicKey: {
+          challenge: Uint8Array.from(challenge.challenge, (c) => c.charCodeAt(0)),
+          rp: {
+            id: challenge.rpId,
+            name: challenge.rpName
+          },
+          user: {
+            id: Uint8Array.from(challenge.userId, (c) => c.charCodeAt(0)),
+            name: challenge.userName,
+            displayName: challenge.userName
+          },
+          pubKeyCredParams: [
+            { alg: -7, type: "public-key" },
+            // ES256
+            { alg: -257, type: "public-key" }
+            // RS256
+          ],
+          timeout: challenge.timeout,
+          attestation: "none"
+        }
+      });
+      const request = {
+        name,
+        credential
+      };
+      const response = await client.passkeys.register(request);
+      await refresh();
+      return response;
+    },
+    [client, refresh]
+  );
+  const remove = useCallback(
+    async (passkeyId) => {
+      await client.passkeys.remove(passkeyId);
+      await refresh();
+    },
+    [client, refresh]
+  );
+  return {
+    passkeys,
+    isLoading,
+    error,
+    refresh,
+    register,
+    remove
+  };
+}
 function usePhone() {
   const { client, setUser } = useAuthContext();
   const [isSending, setIsSending] = useState(false);
@@ -1216,97 +1468,14 @@ function useUser() {
   };
 }
 
-// src/helpers/initials.ts
-function getInitials(name) {
-  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
-}
-function AccountSwitcher({
-  showAddAccount = false,
-  onSwitch,
-  onAddAccount,
-  maxAccounts = 5,
-  className
-}) {
-  const { deviceSessions, switchAccount, isLoading, refresh } = useSessions();
-  const { localization } = useAuthLocalization();
-  useEffect(() => {
-    refresh();
-  }, [refresh]);
-  const handleSwitch = useCallback(
-    async (sessionToken, user) => {
-      await switchAccount(sessionToken);
-      onSwitch?.(user);
-    },
-    [switchAccount, onSwitch]
-  );
-  const visibleSessions = deviceSessions.slice(0, maxAccounts);
-  const activeSession = deviceSessions.find((s) => s.isActive);
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isLoading, children: activeSession ? activeSession.user.name : localization.SELECT_ACCOUNT }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-      visibleSessions.map((session) => /* @__PURE__ */ jsx(
-        DropdownMenuItem,
-        {
-          onClick: () => handleSwitch(session.sessionToken, session.user),
-          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-gray-200 text-xs font-medium", children: session.user.avatar ? /* @__PURE__ */ jsx("img", { src: session.user.avatar, alt: "", className: "h-8 w-8 rounded-full" }) : getInitials(session.user.name) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: session.user.name }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: session.user.email })
-            ] }),
-            session.isActive && /* @__PURE__ */ jsx("span", { className: "ml-auto text-sm", children: "\u2713" })
-          ] })
-        },
-        session.sessionToken
-      )),
-      showAddAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onAddAccount, children: localization.ADD_ACCOUNT })
-      ] })
-    ] })
-  ] }) });
-}
-function SessionGuard({
-  children,
-  fallback,
-  loadingFallback = null,
-  freshRequired = false,
-  freshThreshold = 300,
-  requiredRole,
-  className
-}) {
-  const { user, session, isAuthenticated, isLoading } = useSession();
-  if (isLoading) {
-    return className ? /* @__PURE__ */ jsx("div", { className, children: loadingFallback }) : /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
-  }
-  if (!isAuthenticated) {
-    return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
-  }
-  if (freshRequired && session) {
-    const sessionAge = (Date.now() - new Date(session.createdAt).getTime()) / 1e3;
-    if (sessionAge > freshThreshold) {
-      return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
-    }
-  }
-  if (requiredRole && user) {
-    const userRole = user.role;
-    if (userRole !== requiredRole) {
-      return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
-    }
-  }
-  return className ? /* @__PURE__ */ jsx("div", { className, children }) : /* @__PURE__ */ jsx(Fragment, { children });
-}
-
-// src/components/auth/auth-view-paths.ts
-var authViewPaths = {
-  "/sign-in": "/sign-in",
-  "/sign-up": "/sign-up",
-  "/forgot-password": "/forgot-password",
-  "/reset-password": "/reset-password",
-  "/verify-email": "/verify-email",
-  "/email-otp": "/email-otp",
-  "/recover-account": "/recover-account",
-  "/two-factor": "/two-factor"
+// src/components/settings/account-view-sections.ts
+var accountViewSections = {
+  "/account": "/account",
+  "/security": "/security",
+  "/sessions": "/sessions",
+  "/providers": "/providers",
+  "/api-keys": "/api-keys",
+  "/danger": "/danger"
 };
 function toAuthError(error) {
   if (error instanceof AuthError) return error;
@@ -1317,14 +1486,17 @@ function toAuthError(error) {
     statusCode: 0
   });
 }
-var emailOtpEmailSchema = z.object({
+var changeEmailSchema = z.object({
   email: z.string().min(1).email()
 });
-var emailOtpCodeSchema = z.object({
-  code: z.string().length(6).regex(/^\d{6}$/)
-});
-function SubmitButton({ loading, loadingLabel, actionLabel, className }) {
-  return /* @__PURE__ */ jsx(Button, { type: "submit", disabled: loading, className: className ?? "w-full", children: loading ? loadingLabel : actionLabel });
+function SubmitButton({
+  loading,
+  loadingLabel,
+  actionLabel,
+  className,
+  disabled
+}) {
+  return /* @__PURE__ */ jsx(Button, { type: "submit", disabled: loading || disabled, className: className ?? "w-full", children: loading ? loadingLabel : actionLabel });
 }
 
 // src/components/shared/utils.ts
@@ -1337,6 +1509,1798 @@ function maskEmail(email) {
   const masked = local.length <= 1 ? local : `${local[0]}${"*".repeat(Math.min(local.length - 1, 3))}`;
   return `${masked}@${domain}`;
 }
+function ChangeEmailCard({
+  redirectUrl,
+  onSuccess,
+  onError,
+  resendCooldown = 60,
+  className
+}) {
+  const { sendVerificationEmail } = useAuth();
+  const { user } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [sent, setSent] = useState(false);
+  const [sentEmail, setSentEmail] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const [cooldownRemaining, setCooldownRemaining] = useState(0);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    getValues
+  } = useForm({
+    resolver: zodResolver(changeEmailSchema),
+    defaultValues: { email: "" }
+  });
+  useEffect(() => {
+    if (cooldownRemaining <= 0) return;
+    const timer = setInterval(() => {
+      setCooldownRemaining((prev) => Math.max(0, prev - 1));
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [cooldownRemaining]);
+  const onSubmit = useCallback(
+    async (data) => {
+      setFormError(null);
+      setIsSubmitting(true);
+      try {
+        await sendVerificationEmail({ email: data.email, redirectUrl });
+        setSent(true);
+        setSentEmail(data.email);
+        setCooldownRemaining(resendCooldown);
+        onSuccess?.();
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      sendVerificationEmail,
+      redirectUrl,
+      resendCooldown,
+      onSuccess,
+      onError,
+      localization,
+      localizeErrors
+    ]
+  );
+  const handleResend = useCallback(async () => {
+    const email = getValues("email");
+    setFormError(null);
+    setIsSubmitting(true);
+    try {
+      await sendVerificationEmail({ email, redirectUrl });
+      setCooldownRemaining(resendCooldown);
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [sendVerificationEmail, redirectUrl, resendCooldown, getValues, localization, localizeErrors]);
+  if (sent) {
+    return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization.CHANGE_EMAIL }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.CHANGE_EMAIL_SENT }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: maskEmail(sentEmail) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: isSubmitting || cooldownRemaining > 0,
+          onClick: handleResend,
+          className: "w-full",
+          children: cooldownRemaining > 0 ? localization.RESEND_IN.replace("{{seconds}}", String(cooldownRemaining)) : isSubmitting ? localization.RESENDING : localization.RESEND
+        }
+      ) }),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError })
+    ] }) });
+  }
+  const currentEmail = user?.email ?? "";
+  return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization.CHANGE_EMAIL }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.CHANGE_EMAIL_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "current-email", children: localization.CURRENT_EMAIL }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-700 bg-gray-50 rounded-md p-3 border border-gray-200", children: currentEmail })
+      ] }),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: localization.EMAIL,
+          id: "new-email",
+          type: "email",
+          autoComplete: "email",
+          placeholder: localization.NEW_EMAIL_PLACEHOLDER,
+          error: errors.email?.message,
+          disabled: isSubmitting,
+          ...register("email")
+        }
+      ),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          loading: isSubmitting,
+          loadingLabel: localization.SENDING,
+          actionLabel: localization.CONTINUE
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/helpers/initials.ts
+function getInitials(name) {
+  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function UpdateAvatarCard({
+  onUpload,
+  onSuccess,
+  onError,
+  maxSizeMB = 5,
+  className
+}) {
+  const { user, updateProfile } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const fileInputRef = useRef(null);
+  const [isUploading, setIsUploading] = useState(false);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const handleAvatarClick = useCallback(() => {
+    const input = fileInputRef.current;
+    if (input) {
+      input.click();
+    }
+  }, []);
+  const handleFileChange = useCallback(
+    (event) => {
+      const file = event.target.files?.[0];
+      if (!file) return;
+      setFormError(null);
+      const fileSizeMB = file.size / 1024 / 1024;
+      if (fileSizeMB > maxSizeMB) {
+        setFormError(
+          `${localization.FILE_TOO_LARGE} (${localization.MAX_FILE_SIZE} ${maxSizeMB}MB)`
+        );
+        return;
+      }
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        const result = e.target?.result;
+        if (typeof result === "string") {
+          setPreviewUrl(result);
+        }
+      };
+      reader.readAsDataURL(file);
+      setSelectedFile(file);
+    },
+    [maxSizeMB, localization]
+  );
+  const handleSave = useCallback(async () => {
+    if (!selectedFile) return;
+    setFormError(null);
+    setSuccessMessage(null);
+    setIsUploading(true);
+    try {
+      const avatarUrl = await onUpload(selectedFile);
+      const updatedUser = await updateProfile({ avatar: avatarUrl });
+      setSuccessMessage(localization.AVATAR_UPDATED);
+      setPreviewUrl(null);
+      setSelectedFile(null);
+      onSuccess?.(updatedUser);
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+      onError?.(toAuthError(err));
+    } finally {
+      setIsUploading(false);
+    }
+  }, [selectedFile, onUpload, updateProfile, localization, localizeErrors, onSuccess, onError]);
+  const handleDelete = useCallback(async () => {
+    setFormError(null);
+    setSuccessMessage(null);
+    setIsUploading(true);
+    try {
+      const updatedUser = await updateProfile({ avatar: "" });
+      setSuccessMessage(localization.AVATAR_DELETED);
+      setPreviewUrl(null);
+      setSelectedFile(null);
+      onSuccess?.(updatedUser);
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+      onError?.(toAuthError(err));
+    } finally {
+      setIsUploading(false);
+    }
+  }, [updateProfile, localization, localizeErrors, onSuccess, onError]);
+  const handleCancel = useCallback(() => {
+    setPreviewUrl(null);
+    setSelectedFile(null);
+    setFormError(null);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  }, []);
+  const displayUrl = previewUrl ?? user?.avatar;
+  const showPreview = !!selectedFile;
+  const hasAvatar = !!user?.avatar;
+  return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization.AVATAR }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.AVATAR_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleAvatarClick,
+          disabled: isUploading,
+          className: "relative h-20 w-20 rounded-full overflow-hidden border-2 border-gray-200 hover:border-gray-300 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",
+          children: [
+            displayUrl ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: displayUrl,
+                alt: localization.AVATAR,
+                className: "h-full w-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gray-200 flex items-center justify-center text-gray-600 text-lg font-medium", children: getInitials(user?.name ?? "") }),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-10 transition-opacity flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-white text-xs opacity-0 hover:opacity-100 transition-opacity", children: localization.CLICK_TO_UPLOAD }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: "image/*",
+          onChange: handleFileChange,
+          disabled: isUploading,
+          className: "hidden"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600", children: [
+        localization.MAX_FILE_SIZE,
+        " ",
+        maxSizeMB,
+        "MB"
+      ] }) })
+    ] }),
+    formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+    successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+    showPreview ? /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSave, disabled: isUploading, children: isUploading ? localization.LOADING : localization.SAVE }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: handleCancel, disabled: isUploading, children: localization.CANCEL })
+    ] }) : hasAvatar && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "destructive",
+        onClick: handleDelete,
+        disabled: isUploading,
+        className: "w-full sm:w-auto",
+        children: isUploading ? localization.LOADING : localization.DELETE_AVATAR
+      }
+    )
+  ] }) });
+}
+var updateNameSchema = z.object({
+  name: z.string().min(1)
+});
+function UpdateNameCard({ onSuccess, onError, className }) {
+  const { user, updateProfile } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const [showSuccess, setShowSuccess] = useState(false);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(updateNameSchema),
+    defaultValues: { name: user?.name ?? "" }
+  });
+  useEffect(() => {
+    if (!showSuccess) return;
+    const timer = setTimeout(() => {
+      setShowSuccess(false);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [showSuccess]);
+  const onSubmit = useCallback(
+    async (data) => {
+      setFormError(null);
+      setIsSubmitting(true);
+      try {
+        const updatedUser = await updateProfile({ name: data.name });
+        setShowSuccess(true);
+        onSuccess?.(updatedUser);
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [updateProfile, onSuccess, onError, localization, localizeErrors]
+  );
+  return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization.UPDATE_NAME }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.UPDATE_NAME_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: localization.NAME,
+          id: "update-name-input",
+          type: "text",
+          autoComplete: "name",
+          error: errors.name?.message,
+          disabled: isSubmitting,
+          ...register("name")
+        }
+      ),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+      showSuccess && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: localization.NAME_UPDATED }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          loading: isSubmitting,
+          loadingLabel: localization.LOADING,
+          actionLabel: localization.SAVE
+        }
+      )
+    ] })
+  ] }) });
+}
+var updateUsernameSchema = z.object({
+  username: z.string().min(3, "Username must be at least 3 characters").max(30, "Username must not exceed 30 characters").regex(
+    /^[a-zA-Z0-9_-]+$/,
+    "Username can only contain letters, numbers, underscores, and hyphens"
+  )
+});
+function UpdateUsernameCard({ onSuccess, onError, className }) {
+  const { user, updateProfile } = useUser();
+  const { isUsernameAvailable } = useAuth();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const [showSuccess, setShowSuccess] = useState(false);
+  const [availabilityState, setAvailabilityState] = useState("idle");
+  const {
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(updateUsernameSchema),
+    defaultValues: { username: user?.username ?? "" }
+  });
+  const usernameValue = watch("username");
+  useEffect(() => {
+    if (!showSuccess) return;
+    const timer = setTimeout(() => {
+      setShowSuccess(false);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [showSuccess]);
+  useEffect(() => {
+    const currentUsername = usernameValue?.trim();
+    const originalUsername = user?.username;
+    if (!currentUsername || currentUsername === originalUsername) {
+      setAvailabilityState("idle");
+      return;
+    }
+    const isValidFormat = /^[a-zA-Z0-9_-]+$/.test(currentUsername);
+    if (!isValidFormat || currentUsername.length < 3 || currentUsername.length > 30) {
+      setAvailabilityState("idle");
+      return;
+    }
+    setAvailabilityState("checking");
+    const timer = setTimeout(() => {
+      isUsernameAvailable(currentUsername).then((available) => {
+        setAvailabilityState(available ? "available" : "taken");
+      }).catch(() => {
+        setAvailabilityState("idle");
+      });
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [usernameValue, user?.username]);
+  const onSubmit = useCallback(
+    async (data) => {
+      setFormError(null);
+      setIsSubmitting(true);
+      try {
+        const updatedUser = await updateProfile({ username: data.username });
+        setShowSuccess(true);
+        setAvailabilityState("idle");
+        onSuccess?.(updatedUser);
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [updateProfile, onSuccess, onError, localization, localizeErrors]
+  );
+  const isSubmitDisabled = isSubmitting || availabilityState === "checking" || availabilityState === "taken";
+  return /* @__PURE__ */ jsx(Card, { className, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: localization.CHANGE_USERNAME }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.CHANGE_USERNAME_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: localization.USERNAME,
+            id: "update-username-input",
+            type: "text",
+            autoComplete: "username",
+            error: errors.username?.message,
+            disabled: isSubmitting,
+            ...register("username")
+          }
+        ),
+        availabilityState === "checking" && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: localization.CHECKING_AVAILABILITY }),
+        availabilityState === "available" && /* @__PURE__ */ jsx("p", { className: "text-xs text-green-600 mt-1", children: localization.USERNAME_AVAILABLE_STATUS }),
+        availabilityState === "taken" && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: localization.USERNAME_TAKEN_STATUS })
+      ] }),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+      showSuccess && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: localization.USERNAME_UPDATED }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitDisabled, className: "w-full", children: isSubmitting ? localization.LOADING : localization.SAVE })
+    ] })
+  ] }) });
+}
+function AccountSettingsCards({
+  redirectUrl,
+  onUpload,
+  onSuccess,
+  onError,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-6 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx(UpdateNameCard, { onSuccess, onError }),
+    /* @__PURE__ */ jsx(UpdateUsernameCard, { onSuccess, onError }),
+    onUpload && /* @__PURE__ */ jsx(UpdateAvatarCard, { onUpload, onSuccess, onError }),
+    redirectUrl && /* @__PURE__ */ jsx(ChangeEmailCard, { redirectUrl, onError })
+  ] });
+}
+var MILLISECONDS_PER_DAY = 1e3 * 60 * 60 * 24;
+var createApiKeySchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  expiresIn: z.string()
+});
+function ApiKeysCard({
+  availableScopes,
+  onCreated,
+  onRevoked,
+  onError,
+  className
+}) {
+  const { apiKeys, isLoading, refresh, create, revoke } = useApiKeys();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [showCreateForm, setShowCreateForm] = useState(false);
+  const [isCreating, setIsCreating] = useState(false);
+  const [isRevoking, setIsRevoking] = useState(null);
+  const [createdKey, setCreatedKey] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const [copiedKey, setCopiedKey] = useState(false);
+  const expirationOptions = [
+    { value: String(MILLISECONDS_PER_DAY * 30), label: localization.EXPIRES_30_DAYS },
+    { value: String(MILLISECONDS_PER_DAY * 90), label: localization.EXPIRES_90_DAYS },
+    { value: String(MILLISECONDS_PER_DAY * 365), label: localization.EXPIRES_1_YEAR },
+    { value: "0", label: localization.NEVER }
+  ];
+  const {
+    register,
+    handleSubmit,
+    watch,
+    setValue,
+    reset: resetForm,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(createApiKeySchema),
+    defaultValues: { name: "", expiresIn: String(MILLISECONDS_PER_DAY * 30) }
+  });
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const handleCreateSubmit = useCallback(
+    async (data) => {
+      setFormError(null);
+      setSuccessMessage(null);
+      setIsCreating(true);
+      try {
+        const expiresInMs = Number.parseInt(data.expiresIn, 10);
+        const response = await create({
+          name: data.name,
+          scopes: availableScopes,
+          expiresIn: expiresInMs > 0 ? expiresInMs : void 0
+        });
+        setCreatedKey(response);
+        resetForm();
+        setShowCreateForm(false);
+        onCreated?.(response.apiKey);
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsCreating(false);
+      }
+    },
+    [create, availableScopes, localization, localizeErrors, onCreated, onError, resetForm]
+  );
+  const handleRevoke = useCallback(
+    async (keyId) => {
+      setIsRevoking(keyId);
+      setSuccessMessage(null);
+      try {
+        await revoke(keyId);
+        setSuccessMessage(localization.KEY_REVOKED);
+        onRevoked?.(keyId);
+      } catch (err) {
+        onError?.(toAuthError(err));
+      } finally {
+        setIsRevoking(null);
+      }
+    },
+    [revoke, localization, onRevoked, onError]
+  );
+  const handleCopyKey = useCallback(
+    async (key) => {
+      try {
+        await navigator.clipboard.writeText(key);
+        setCopiedKey(true);
+        setTimeout(() => setCopiedKey(false), 2e3);
+      } catch (err) {
+        onError?.(toAuthError(err));
+      }
+    },
+    [onError]
+  );
+  const handleDismissCreatedKey = useCallback(() => {
+    setCreatedKey(null);
+  }, []);
+  const formatDate = (dateString) => {
+    if (!dateString) return localization.NEVER;
+    try {
+      return new Date(dateString).toLocaleString();
+    } catch {
+      return dateString;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: localization.API_KEYS }),
+      /* @__PURE__ */ jsx(CardDescription, { children: localization.API_KEYS_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: isLoading && apiKeys.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-gray-500", children: localization.LOADING_API_KEYS }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+      createdKey && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-yellow-300 bg-yellow-50 p-4 space-y-3", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-yellow-900", children: localization.KEY_CREATED_WARNING }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: createdKey.key,
+              readOnly: true,
+              className: "font-mono text-xs bg-white"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              onClick: () => handleCopyKey(createdKey.key),
+              variant: "outline",
+              children: copiedKey ? localization.KEY_COPIED : localization.COPY_KEY
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: handleDismissCreatedKey, variant: "ghost", children: localization.DONE })
+      ] }),
+      showCreateForm ? /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: handleSubmit(handleCreateSubmit),
+          className: "rounded border p-4 space-y-4",
+          children: [
+            /* @__PURE__ */ jsx(
+              FormInput,
+              {
+                label: localization.KEY_NAME,
+                required: true,
+                placeholder: localization.KEY_NAME_PLACEHOLDER,
+                error: errors.name?.message,
+                disabled: isCreating,
+                ...register("name")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FormSelect,
+              {
+                label: localization.KEY_EXPIRES,
+                required: true,
+                options: expirationOptions,
+                value: watch("expiresIn"),
+                onValueChange: (value) => setValue("expiresIn", value),
+                disabled: isCreating
+              }
+            ),
+            formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isCreating, size: "sm", children: isCreating ? localization.LOADING : localization.CREATE_API_KEY }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => {
+                    setShowCreateForm(false);
+                    resetForm();
+                    setFormError(null);
+                  },
+                  disabled: isCreating,
+                  children: localization.CANCEL
+                }
+              )
+            ] })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setShowCreateForm(true), size: "sm", children: localization.CREATE_API_KEY }),
+      apiKeys.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-gray-500", children: localization.NO_API_KEYS }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: apiKeys.map((apiKey) => {
+        const isRevokingThis = isRevoking === apiKey.id;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start justify-between gap-4 rounded border p-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: apiKey.name }),
+                  /* @__PURE__ */ jsxs("span", { className: "rounded bg-gray-100 px-2 py-0.5 text-xs font-mono text-gray-700", children: [
+                    apiKey.prefix,
+                    "..."
+                  ] })
+                ] }),
+                apiKey.scopes && apiKey.scopes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-2 flex-wrap", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+                    localization.KEY_SCOPES,
+                    ":"
+                  ] }),
+                  apiKey.scopes.map((scope) => /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded bg-blue-100 px-2 py-0.5 text-xs text-blue-700",
+                      children: scope
+                    },
+                    scope
+                  ))
+                ] }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 mt-2", children: [
+                  localization.CREATED,
+                  ": ",
+                  formatDate(apiKey.createdAt)
+                ] }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500", children: [
+                  localization.LAST_USED_DATE,
+                  ": ",
+                  formatDate(apiKey.lastUsedAt)
+                ] }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500", children: [
+                  localization.KEY_EXPIRES,
+                  ": ",
+                  formatDate(apiKey.expiresAt)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "destructive",
+                  size: "sm",
+                  disabled: isRevokingThis,
+                  onClick: () => handleRevoke(apiKey.id),
+                  children: isRevokingThis ? localization.LOADING : localization.REVOKE_API_KEY
+                }
+              )
+            ]
+          },
+          apiKey.id
+        );
+      }) })
+    ] }) })
+  ] });
+}
+function DeleteAccountCard({
+  onDeleted,
+  onError,
+  confirmationPhrase,
+  className
+}) {
+  const { deleteAccount } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [step, setStep] = useState("warning");
+  const [confirmationText, setConfirmationText] = useState("");
+  const [password, setPassword] = useState("");
+  const [reason, setReason] = useState("");
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const requiredPhrase = confirmationPhrase ?? localization.DEFAULT_CONFIRM_PHRASE;
+  const isConfirmationValid = confirmationText.trim().toLowerCase() === requiredPhrase.toLowerCase();
+  const handleDeleteClick = useCallback(() => {
+    setStep("confirmation");
+    setFormError(null);
+  }, []);
+  const handleConfirmationNext = useCallback(() => {
+    if (!isConfirmationValid) return;
+    setStep("password");
+    setFormError(null);
+  }, [isConfirmationValid]);
+  const handleSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!password) return;
+      setFormError(null);
+      setIsDeleting(true);
+      try {
+        await deleteAccount(password, reason || void 0);
+        onDeleted?.();
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsDeleting(false);
+      }
+    },
+    [password, reason, deleteAccount, onDeleted, onError, localization, localizeErrors]
+  );
+  const handleBack = useCallback(() => {
+    if (step === "password") {
+      setStep("confirmation");
+      setPassword("");
+      setReason("");
+    } else if (step === "confirmation") {
+      setStep("warning");
+      setConfirmationText("");
+    }
+    setFormError(null);
+  }, [step]);
+  return /* @__PURE__ */ jsx(Card, { className: `border-red-600 ${className ?? ""}`, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-red-600", children: localization.DELETE_ACCOUNT }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: localization.DELETE_ACCOUNT_WARNING })
+    ] }),
+    step === "warning" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: handleDeleteClick, children: localization.DELETE_ACCOUNT }) }),
+    step === "confirmation" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "delete-confirmation", className: "block text-sm font-medium mb-2", children: localization.TYPE_TO_CONFIRM.replace("{{phrase}}", requiredPhrase) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "delete-confirmation",
+            type: "text",
+            value: confirmationText,
+            onChange: (e) => setConfirmationText(e.target.value),
+            placeholder: requiredPhrase,
+            className: "w-full"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleBack, children: localization.CANCEL }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "destructive",
+            onClick: handleConfirmationNext,
+            disabled: !isConfirmationValid,
+            children: localization.CONTINUE
+          }
+        )
+      ] })
+    ] }),
+    step === "password" && /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        FormPasswordInput,
+        {
+          label: localization.PASSWORD,
+          id: "delete-account-password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          disabled: isDeleting,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "delete-account-reason", className: "block text-sm font-medium mb-2", children: localization.DELETE_REASON }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "delete-account-reason",
+            value: reason,
+            onChange: (e) => setReason(e.target.value),
+            disabled: isDeleting,
+            placeholder: "",
+            rows: 3,
+            className: "w-full"
+          }
+        )
+      ] }),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: handleBack, disabled: isDeleting, children: localization.GO_BACK }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", variant: "destructive", disabled: !password || isDeleting, children: isDeleting ? localization.DELETING_ACCOUNT : localization.CONFIRM_DELETION })
+      ] })
+    ] })
+  ] }) });
+}
+function ProvidersCard({
+  availableProviders,
+  oauthRedirectUri: _oauthRedirectUri,
+  onConnect,
+  onDisconnect,
+  onError,
+  className
+}) {
+  const { listConnectedProviders, disconnectOAuthProvider } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [connectedProviders, setConnectedProviders] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [disconnectingProvider, setDisconnectingProvider] = useState(null);
+  const [error, setError] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  const loadProviders = useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const providers = await listConnectedProviders();
+      setConnectedProviders(providers);
+    } catch (err) {
+      const errorMessage = getLocalizedError(err, localization, localizeErrors);
+      setError(errorMessage);
+      onError?.(toAuthError(err));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [listConnectedProviders, localization, localizeErrors, onError]);
+  useEffect(() => {
+    loadProviders();
+  }, [loadProviders]);
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const handleDisconnect = useCallback(
+    async (provider) => {
+      setDisconnectingProvider(provider);
+      setError(null);
+      setSuccessMessage(null);
+      try {
+        await disconnectOAuthProvider(provider);
+        setSuccessMessage(localization.PROVIDER_DISCONNECTED);
+        onDisconnect?.(provider);
+        await loadProviders();
+      } catch (err) {
+        const errorMessage = getLocalizedError(err, localization, localizeErrors);
+        setError(errorMessage);
+        onError?.(toAuthError(err));
+      } finally {
+        setDisconnectingProvider(null);
+      }
+    },
+    [disconnectOAuthProvider, localization, localizeErrors, onDisconnect, onError, loadProviders]
+  );
+  const handleConnect = useCallback(
+    (provider) => {
+      onConnect?.(provider);
+    },
+    [onConnect]
+  );
+  const getProviderDisplayName = (provider) => {
+    const providerNames = {
+      google: "Google",
+      github: "GitHub",
+      apple: "Apple",
+      microsoft: "Microsoft",
+      atzentis: "Atzentis"
+    };
+    return providerNames[provider] ?? provider;
+  };
+  const connectedProviderIds = new Set(connectedProviders.map((p) => p.provider));
+  const unconnectedProviders = availableProviders.filter((p) => !connectedProviderIds.has(p));
+  const formatDate = (dateString) => {
+    try {
+      const date = new Date(dateString);
+      return date.toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" });
+    } catch {
+      return dateString;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: localization.CONNECTED_PROVIDERS }),
+      /* @__PURE__ */ jsx(CardDescription, { children: localization.CONNECTED_PROVIDERS_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: error }),
+      successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+      isLoading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500", children: localization.LOADING }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        connectedProviders.length === 0 && unconnectedProviders.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500", children: localization.NO_PROVIDERS_CONNECTED }),
+        connectedProviders.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: connectedProviders.map((provider) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between border rounded-lg p-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: getProviderDisplayName(provider.provider) }),
+                provider.email && /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500", children: provider.email }),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs text-gray-400", children: [
+                  localization.CONNECTED_ON,
+                  " ",
+                  formatDate(provider.connectedAt)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => handleDisconnect(provider.provider),
+                  disabled: disconnectingProvider === provider.provider,
+                  children: disconnectingProvider === provider.provider ? localization.LOADING : localization.DISCONNECT_PROVIDER
+                }
+              )
+            ]
+          },
+          provider.provider
+        )) }),
+        unconnectedProviders.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          connectedProviders.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-700 mt-4", children: localization.CONNECT_PROVIDER }),
+          unconnectedProviders.map((provider) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between border rounded-lg p-4",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: getProviderDisplayName(provider) }),
+                /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => handleConnect(provider), children: localization.CONNECT_PROVIDER })
+              ]
+            },
+            provider
+          ))
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+var changePasswordSchema = z.object({
+  confirmPassword: z.string().min(1),
+  currentPassword: z.string().min(1),
+  newPassword: z.string().min(8)
+}).refine((data) => data.newPassword === data.confirmPassword, {
+  message: "PASSWORDS_DO_NOT_MATCH",
+  path: ["confirmPassword"]
+});
+function ChangePasswordCard({ onSuccess, onError, className }) {
+  const { changePassword } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    reset
+  } = useForm({
+    resolver: zodResolver(changePasswordSchema),
+    defaultValues: { confirmPassword: "", currentPassword: "", newPassword: "" }
+  });
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const onSubmit = useCallback(
+    async (data) => {
+      setFormError(null);
+      setSuccessMessage(null);
+      setIsSubmitting(true);
+      try {
+        await changePassword(data.currentPassword, data.newPassword);
+        setSuccessMessage(localization.CHANGE_PASSWORD_SUCCESS);
+        reset();
+        onSuccess?.();
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [changePassword, localization, localizeErrors, onSuccess, onError, reset]
+  );
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: localization.CHANGE_PASSWORD }),
+      /* @__PURE__ */ jsx(CardDescription, { children: localization.CHANGE_PASSWORD_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        FormPasswordInput,
+        {
+          label: localization.CURRENT_PASSWORD,
+          id: "change-password-current",
+          autoComplete: "current-password",
+          error: errors.currentPassword?.message,
+          disabled: isSubmitting,
+          ...register("currentPassword")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormPasswordInput,
+        {
+          label: localization.NEW_PASSWORD,
+          id: "change-password-new",
+          autoComplete: "new-password",
+          error: errors.newPassword?.message,
+          disabled: isSubmitting,
+          ...register("newPassword")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormPasswordInput,
+        {
+          label: localization.CONFIRM_PASSWORD_PLACEHOLDER,
+          id: "change-password-confirm",
+          autoComplete: "new-password",
+          error: errors.confirmPassword?.message,
+          disabled: isSubmitting,
+          ...register("confirmPassword")
+        }
+      ),
+      formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+      successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+      /* @__PURE__ */ jsx(
+        SubmitButton,
+        {
+          loading: isSubmitting,
+          loadingLabel: localization.CHANGING_PASSWORD,
+          actionLabel: localization.CHANGE_PASSWORD
+        }
+      )
+    ] }) })
+  ] });
+}
+function PasskeysCard({ onRegistered, onRemoved, onError, className }) {
+  const { passkeys, isLoading, error, refresh, register, remove } = usePasskeys();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [isWebAuthnSupported, setIsWebAuthnSupported] = useState(false);
+  const [isRegistering, setIsRegistering] = useState(false);
+  const [showRegisterForm, setShowRegisterForm] = useState(false);
+  const [passkeyName, setPasskeyName] = useState("");
+  const [removingId, setRemovingId] = useState(null);
+  const [confirmRemoveId, setConfirmRemoveId] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  useEffect(() => {
+    const supported = typeof window !== "undefined" && !!window.PublicKeyCredential;
+    setIsWebAuthnSupported(supported);
+  }, []);
+  useEffect(() => {
+    if (isWebAuthnSupported) {
+      refresh();
+    }
+  }, [isWebAuthnSupported, refresh]);
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const handleRegister = useCallback(async () => {
+    if (!passkeyName.trim()) {
+      setFormError(localization.IS_REQUIRED);
+      return;
+    }
+    setFormError(null);
+    setSuccessMessage(null);
+    setIsRegistering(true);
+    try {
+      const response = await register(passkeyName.trim());
+      setSuccessMessage(localization.PASSKEY_REGISTERED);
+      setPasskeyName("");
+      setShowRegisterForm(false);
+      onRegistered?.(response.passkey);
+    } catch (err) {
+      const errorMessage = getLocalizedError(err, localization, localizeErrors);
+      setFormError(errorMessage);
+      onError?.(toAuthError(err));
+    } finally {
+      setIsRegistering(false);
+    }
+  }, [passkeyName, register, localization, localizeErrors, onRegistered, onError]);
+  const handleRemove = useCallback(
+    async (passkeyId) => {
+      setFormError(null);
+      setSuccessMessage(null);
+      setRemovingId(passkeyId);
+      try {
+        await remove(passkeyId);
+        setSuccessMessage(localization.PASSKEY_REMOVED);
+        setConfirmRemoveId(null);
+        onRemoved?.(passkeyId);
+      } catch (err) {
+        const errorMessage = getLocalizedError(err, localization, localizeErrors);
+        setFormError(errorMessage);
+        onError?.(toAuthError(err));
+      } finally {
+        setRemovingId(null);
+      }
+    },
+    [remove, localization, localizeErrors, onRemoved, onError]
+  );
+  const formatDate = (dateString) => {
+    if (!dateString) return localization.NEVER;
+    try {
+      return new Date(dateString).toLocaleDateString();
+    } catch {
+      return localization.UNKNOWN;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: localization.PASSKEYS }),
+      /* @__PURE__ */ jsx(CardDescription, { children: localization.PASSKEYS_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      !isWebAuthnSupported && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: localization.WEBAUTHN_NOT_SUPPORTED }),
+      isWebAuthnSupported && /* @__PURE__ */ jsxs(Fragment, { children: [
+        isLoading && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: localization.LOADING_PASSKEYS }),
+        error && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: getLocalizedError(error, localization, localizeErrors) }),
+        formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+        successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+        !isLoading && passkeys.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: localization.NO_PASSKEYS }),
+        !isLoading && passkeys.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: passkeys.map((passkey) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start justify-between rounded-lg border p-3 space-y-1",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: passkey.name }),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                  localization.CREATED,
+                  ": ",
+                  formatDate(passkey.createdAt)
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                  localization.LAST_USED_DATE,
+                  ": ",
+                  formatDate(passkey.lastUsedAt)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: confirmRemoveId === passkey.id ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "destructive",
+                    onClick: () => handleRemove(passkey.id),
+                    disabled: removingId === passkey.id,
+                    children: removingId === passkey.id ? localization.REMOVING_PASSKEY : localization.REMOVE
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "sm",
+                    variant: "outline",
+                    onClick: () => setConfirmRemoveId(null),
+                    disabled: removingId === passkey.id,
+                    children: localization.CANCEL
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: () => setConfirmRemoveId(passkey.id),
+                  disabled: removingId !== null,
+                  children: localization.REMOVE_PASSKEY
+                }
+              ) })
+            ]
+          },
+          passkey.id
+        )) }),
+        showRegisterForm ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border p-3", children: [
+          /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: localization.PASSKEY_NAME,
+              id: "passkey-name",
+              value: passkeyName,
+              onChange: (e) => {
+                setPasskeyName(e.target.value);
+                setFormError(null);
+              },
+              placeholder: localization.PASSKEY_NAME,
+              disabled: isRegistering,
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleRegister,
+                disabled: isRegistering || !passkeyName.trim(),
+                size: "sm",
+                children: isRegistering ? localization.REGISTERING_PASSKEY : localization.REGISTER_PASSKEY
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                onClick: () => {
+                  setShowRegisterForm(false);
+                  setPasskeyName("");
+                  setFormError(null);
+                },
+                disabled: isRegistering,
+                size: "sm",
+                children: localization.CANCEL
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => setShowRegisterForm(true),
+            disabled: isLoading,
+            variant: "outline",
+            size: "sm",
+            children: localization.REGISTER_PASSKEY
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function TwoFactorCard({ onEnabled, onDisabled, onError, className }) {
+  const { user, setupTwoFactor, verifyTwoFactorSetup, disableTwoFactor } = useUser();
+  const { localization, localizeErrors } = useAuthLocalization();
+  const [step, setStep] = useState("status");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const [twoFactorData, setTwoFactorData] = useState(null);
+  const [disablePassword, setDisablePassword] = useState("");
+  const codeRef = useRef("");
+  const isEnabled = user?.twoFactorEnabled ?? false;
+  const handleEnable = useCallback(async () => {
+    setFormError(null);
+    setIsSubmitting(true);
+    try {
+      const setup = await setupTwoFactor();
+      setTwoFactorData(setup);
+      setStep("qr");
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+      onError?.(toAuthError(err));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [setupTwoFactor, localization, localizeErrors, onError]);
+  const handleOtpComplete = useCallback((code) => {
+    codeRef.current = code;
+  }, []);
+  const handleVerify = useCallback(async () => {
+    const code = codeRef.current;
+    if (!code || code.length !== 6) {
+      setFormError(localization.REQUEST_FAILED);
+      return;
+    }
+    setFormError(null);
+    setIsSubmitting(true);
+    try {
+      await verifyTwoFactorSetup(code);
+      setStep("backup-codes");
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+      onError?.(toAuthError(err));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [verifyTwoFactorSetup, localization, localizeErrors, onError]);
+  const handleCopyBackupCodes = useCallback(async () => {
+    if (!twoFactorData?.backupCodes) return;
+    try {
+      await navigator.clipboard.writeText(twoFactorData.backupCodes.join("\n"));
+      setFormError(null);
+      const successMsg = localization.BACKUP_CODES_COPIED;
+      setFormError(successMsg);
+      setTimeout(() => {
+        setFormError(null);
+      }, 2e3);
+    } catch (err) {
+      setFormError(getLocalizedError(err, localization, localizeErrors));
+    }
+  }, [twoFactorData, localization, localizeErrors]);
+  const handleFinishSetup = useCallback(() => {
+    setStep("status");
+    setTwoFactorData(null);
+    codeRef.current = "";
+    onEnabled?.();
+  }, [onEnabled]);
+  const handleDisableSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      if (!disablePassword.trim()) {
+        setFormError(localization.PASSWORD_REQUIRED);
+        return;
+      }
+      setFormError(null);
+      setIsSubmitting(true);
+      try {
+        await disableTwoFactor(disablePassword);
+        setStep("status");
+        setDisablePassword("");
+        onDisabled?.();
+      } catch (err) {
+        setFormError(getLocalizedError(err, localization, localizeErrors));
+        onError?.(toAuthError(err));
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [disablePassword, disableTwoFactor, localization, localizeErrors, onDisabled, onError]
+  );
+  const handleBack = useCallback(() => {
+    if (step === "qr") {
+      setStep("status");
+      setTwoFactorData(null);
+      codeRef.current = "";
+    } else if (step === "verify") {
+      setStep("qr");
+      codeRef.current = "";
+    } else if (step === "disable") {
+      setStep("status");
+      setDisablePassword("");
+    }
+    setFormError(null);
+  }, [step]);
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { children: localization.TWO_FACTOR }),
+        step === "status" && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rounded px-2 py-0.5 text-xs ${isEnabled ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-700"}`,
+            children: isEnabled ? localization.ENABLED : localization.DISABLED
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(CardDescription, { children: [
+        step === "status" && localization.TWO_FACTOR_DESCRIPTION,
+        step === "qr" && localization.SCAN_QR_CODE,
+        step === "verify" && localization.ENTER_CODE_TO_VERIFY,
+        step === "backup-codes" && localization.BACKUP_CODES_DESCRIPTION,
+        step === "disable" && localization.CONFIRM_DISABLE_2FA
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      step === "status" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: isEnabled ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "destructive",
+          onClick: () => setStep("disable"),
+          disabled: isSubmitting,
+          children: localization.DISABLE_TWO_FACTOR
+        }
+      ) : /* @__PURE__ */ jsx(Button, { onClick: handleEnable, disabled: isSubmitting, children: isSubmitting ? localization.LOADING : localization.ENABLE_TWO_FACTOR }) }),
+      step === "qr" && twoFactorData && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx("img", { src: twoFactorData.qrCode, alt: "QR Code", className: "max-w-xs" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: localization.MANUAL_ENTRY_CODE }),
+          /* @__PURE__ */ jsx("code", { className: "block rounded bg-muted p-3 text-sm font-mono break-all", children: twoFactorData.secret })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleBack, disabled: isSubmitting, children: localization.BACK }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => setStep("verify"), disabled: isSubmitting, children: localization.NEXT })
+        ] })
+      ] }),
+      step === "verify" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium", children: [
+          localization.VERIFICATION_CODE_LABEL,
+          /* @__PURE__ */ jsx(
+            OTPInput,
+            {
+              length: 6,
+              onComplete: handleOtpComplete,
+              disabled: isSubmitting,
+              className: "mt-2"
+            }
+          )
+        ] }),
+        formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleBack, disabled: isSubmitting, children: localization.BACK }),
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleVerify, disabled: isSubmitting, children: isSubmitting ? localization.VERIFYING : localization.VERIFY })
+        ] })
+      ] }),
+      step === "backup-codes" && twoFactorData && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 font-mono text-sm", children: twoFactorData.backupCodes.map((code) => /* @__PURE__ */ jsx("div", { className: "p-2 bg-muted rounded", children: code }, code)) }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleCopyBackupCodes, className: "w-full", children: localization.COPY_BACKUP_CODES }),
+        formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: formError }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleFinishSetup, className: "w-full", children: localization.FINISH })
+      ] }),
+      step === "disable" && /* @__PURE__ */ jsxs("form", { onSubmit: handleDisableSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(
+          FormPasswordInput,
+          {
+            label: localization.PASSWORD,
+            id: "disable-2fa-password",
+            autoComplete: "current-password",
+            value: disablePassword,
+            onChange: (e) => setDisablePassword(e.target.value),
+            disabled: isSubmitting
+          }
+        ),
+        formError && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-red-600", children: formError }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", type: "button", onClick: handleBack, disabled: isSubmitting, children: localization.CANCEL }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? localization.LOADING : localization.DISABLE_TWO_FACTOR })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function SecuritySettingsCards({ onError, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-6 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx(ChangePasswordCard, { onError }),
+    /* @__PURE__ */ jsx(TwoFactorCard, { onError }),
+    /* @__PURE__ */ jsx(PasskeysCard, { onError })
+  ] });
+}
+function SessionsCard({ onSessionRevoked, className }) {
+  const {
+    sessions,
+    session: currentSession,
+    isLoading,
+    refresh,
+    revokeSession,
+    revokeAllSessions
+  } = useSessions();
+  const { localization } = useAuthLocalization();
+  const [isRevoking, setIsRevoking] = useState(null);
+  const [isRevokingAll, setIsRevokingAll] = useState(false);
+  const [successMessage, setSuccessMessage] = useState(null);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  useEffect(() => {
+    if (!successMessage) return;
+    const timer = setTimeout(() => {
+      setSuccessMessage(null);
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [successMessage]);
+  const handleRevokeSession = useCallback(
+    async (sessionId) => {
+      setIsRevoking(sessionId);
+      setSuccessMessage(null);
+      try {
+        await revokeSession(sessionId);
+        setSuccessMessage(localization.SESSION_REVOKED);
+        onSessionRevoked?.(sessionId);
+      } catch {
+      } finally {
+        setIsRevoking(null);
+      }
+    },
+    [revokeSession, localization, onSessionRevoked]
+  );
+  const handleRevokeAllOtherSessions = useCallback(async () => {
+    setIsRevokingAll(true);
+    setSuccessMessage(null);
+    try {
+      await revokeAllSessions({ exceptCurrent: true });
+      setSuccessMessage(localization.ALL_SESSIONS_REVOKED);
+    } catch {
+    } finally {
+      setIsRevokingAll(false);
+    }
+  }, [revokeAllSessions, localization]);
+  const formatDate = (dateString) => {
+    if (!dateString) return "";
+    try {
+      return new Date(dateString).toLocaleString();
+    } catch {
+      return dateString;
+    }
+  };
+  const getDeviceName = (session) => {
+    return session.device?.name || session.userAgent || localization.UNKNOWN;
+  };
+  const isCurrentSession = (session) => {
+    return currentSession?.id === session.id;
+  };
+  const otherSessions = sessions.filter((s) => !isCurrentSession(s));
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: localization.SESSIONS }),
+      /* @__PURE__ */ jsx(CardDescription, { children: localization.SESSIONS_DESCRIPTION })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: isLoading && sessions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-gray-500", children: localization.LOADING_SESSIONS }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      successMessage && /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "text-sm text-green-600", children: successMessage }),
+      sessions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-gray-500", children: localization.NO_OTHER_SESSIONS }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: sessions.map((session) => {
+        const isCurrent = isCurrentSession(session);
+        const isRevokingThis = isRevoking === session.id;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start justify-between gap-4 rounded border p-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: getDeviceName(session) }),
+                  isCurrent && /* @__PURE__ */ jsx("span", { className: "rounded bg-blue-100 px-2 py-0.5 text-xs text-blue-700", children: localization.CURRENT_SESSION })
+                ] }),
+                /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
+                  localization.IP_LABEL,
+                  " ",
+                  session.ip
+                ] }),
+                session.lastActivityAt && /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-400", children: [
+                  localization.LAST_USED,
+                  " ",
+                  formatDate(session.lastActivityAt)
+                ] })
+              ] }),
+              !isCurrent && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "destructive",
+                  size: "sm",
+                  disabled: isRevokingThis || isRevokingAll,
+                  onClick: () => handleRevokeSession(session.id),
+                  children: isRevokingThis ? localization.LOADING : localization.REVOKE_SESSION
+                }
+              )
+            ]
+          },
+          session.id
+        );
+      }) }),
+      otherSessions.length > 0 && /* @__PURE__ */ jsx("div", { className: "pt-4 border-t", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full",
+          disabled: isRevokingAll || isRevoking !== null,
+          onClick: handleRevokeAllOtherSessions,
+          children: isRevokingAll ? localization.LOADING : localization.REVOKE_ALL_OTHER_SESSIONS
+        }
+      ) })
+    ] }) })
+  ] });
+}
+function AccountView({
+  section,
+  sections,
+  fallback = null,
+  onSectionChange,
+  oauthProviders,
+  oauthRedirectUri,
+  redirectUrl,
+  onUpload,
+  availableScopes,
+  className
+}) {
+  const { localization } = useAuthLocalization();
+  const resolvedSections = useMemo(() => {
+    return { ...accountViewSections, ...sections };
+  }, [sections]);
+  const sectionLabels = useMemo(
+    () => ({
+      "/account": localization.ACCOUNT,
+      "/security": localization.SECURITY,
+      "/sessions": localization.SESSIONS,
+      "/providers": localization.CONNECTED_PROVIDERS,
+      "/api-keys": localization.API_KEYS,
+      "/danger": localization.DANGER_ZONE
+    }),
+    [localization]
+  );
+  const matchedSection = Object.entries(resolvedSections).find(
+    ([, mappedPath]) => mappedPath === section
+  )?.[0];
+  const renderContent = () => {
+    switch (matchedSection) {
+      case "/account":
+        return /* @__PURE__ */ jsx(AccountSettingsCards, { redirectUrl, onUpload });
+      case "/security":
+        return /* @__PURE__ */ jsx(SecuritySettingsCards, {});
+      case "/sessions":
+        return /* @__PURE__ */ jsx(SessionsCard, {});
+      case "/providers":
+        if (oauthProviders && oauthRedirectUri) {
+          return /* @__PURE__ */ jsx(
+            ProvidersCard,
+            {
+              availableProviders: oauthProviders,
+              oauthRedirectUri
+            }
+          );
+        }
+        return /* @__PURE__ */ jsx(ProvidersCard, { availableProviders: [], oauthRedirectUri: "" });
+      case "/api-keys":
+        return /* @__PURE__ */ jsx(ApiKeysCard, { availableScopes });
+      case "/danger":
+        return /* @__PURE__ */ jsx(DeleteAccountCard, {});
+      default:
+        return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col md:flex-row gap-8 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx("nav", { className: "w-full md:w-48 shrink-0", children: /* @__PURE__ */ jsx("ul", { className: "flex md:flex-col gap-1 overflow-x-auto md:overflow-visible", children: Object.entries(resolvedSections).map(
+      ([sectionKey, sectionPath]) => {
+        const isActive = sectionPath === section;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSectionChange?.(sectionPath),
+            className: `w-full text-left px-3 py-2 rounded-md text-sm whitespace-nowrap transition-colors ${isActive ? "bg-gray-100 font-medium text-gray-900" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900"}`,
+            children: sectionLabels[sectionKey]
+          }
+        ) }, sectionKey);
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: renderContent() })
+  ] });
+}
+function AccountSwitcher({
+  showAddAccount = false,
+  onSwitch,
+  onAddAccount,
+  maxAccounts = 5,
+  className
+}) {
+  const { deviceSessions, switchAccount, isLoading, refresh } = useSessions();
+  const { localization } = useAuthLocalization();
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const handleSwitch = useCallback(
+    async (sessionToken, user) => {
+      await switchAccount(sessionToken);
+      onSwitch?.(user);
+    },
+    [switchAccount, onSwitch]
+  );
+  const visibleSessions = deviceSessions.slice(0, maxAccounts);
+  const activeSession = deviceSessions.find((s) => s.isActive);
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isLoading, children: activeSession ? activeSession.user.name : localization.SELECT_ACCOUNT }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      visibleSessions.map((session) => /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: () => handleSwitch(session.sessionToken, session.user),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-gray-200 text-xs font-medium", children: session.user.avatar ? /* @__PURE__ */ jsx("img", { src: session.user.avatar, alt: "", className: "h-8 w-8 rounded-full" }) : getInitials(session.user.name) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: session.user.name }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: session.user.email })
+            ] }),
+            session.isActive && /* @__PURE__ */ jsx("span", { className: "ml-auto text-sm", children: "\u2713" })
+          ] })
+        },
+        session.sessionToken
+      )),
+      showAddAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onAddAccount, children: localization.ADD_ACCOUNT })
+      ] })
+    ] })
+  ] }) });
+}
+function SessionGuard({
+  children,
+  fallback,
+  loadingFallback = null,
+  freshRequired = false,
+  freshThreshold = 300,
+  requiredRole,
+  className
+}) {
+  const { user, session, isAuthenticated, isLoading } = useSession();
+  if (isLoading) {
+    return className ? /* @__PURE__ */ jsx("div", { className, children: loadingFallback }) : /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
+  }
+  if (!isAuthenticated) {
+    return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  if (freshRequired && session) {
+    const sessionAge = (Date.now() - new Date(session.createdAt).getTime()) / 1e3;
+    if (sessionAge > freshThreshold) {
+      return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    }
+  }
+  if (requiredRole && user) {
+    const userRole = user.role;
+    if (userRole !== requiredRole) {
+      return className ? /* @__PURE__ */ jsx("div", { className, children: fallback }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    }
+  }
+  return className ? /* @__PURE__ */ jsx("div", { className, children }) : /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+// src/components/auth/auth-view-paths.ts
+var authViewPaths = {
+  "/sign-in": "/sign-in",
+  "/sign-up": "/sign-up",
+  "/forgot-password": "/forgot-password",
+  "/reset-password": "/reset-password",
+  "/verify-email": "/verify-email",
+  "/email-otp": "/email-otp",
+  "/recover-account": "/recover-account",
+  "/two-factor": "/two-factor"
+};
+var emailOtpEmailSchema = z.object({
+  email: z.string().min(1).email()
+});
+var emailOtpCodeSchema = z.object({
+  code: z.string().length(6).regex(/^\d{6}$/)
+});
 function EmailOTPForm({
   redirectUrl,
   onSuccess,
@@ -3659,6 +5623,6 @@ function UserMenu({ showOrganization = false, menuItems, className }) {
   ] }) });
 }
 
-export { AUTH_ERROR_CODES, AccountSwitcher, AuthContext, AuthProvider, AuthView, DeviceList, EmailOTPForm, EmailVerificationForm, ForgotPasswordForm, LoadingBoundary, LocalizationContext, LoginActivityFeed, LoginForm, MagicLinkForm, OAuthButton, OrganizationMenu, PhoneLoginForm, RISK_COLORS, RecoverAccountForm, ResetPasswordForm, SessionGuard, SignupForm, TwoFactorForm, UserMenu, authLocalization, authViewPaths, backupCodeSchema, credentialLoginSchema, emailOtpCodeSchema, emailOtpEmailSchema, forgotPasswordSchema, getInitials, getLocalizedError, getRiskLevel, isEmail, magicLinkSchema, maskEmail, otpVerifySchema, phoneLoginSchema, phoneNumberSchema, otpVerifySchema2 as phoneOtpVerifySchema, phonePasswordSchema, recoverCodeSchema, recoverEmailSchema, recoverNewPasswordSchema, recoverPhoneSchema, resetPasswordSchema, signupSchema, toAuthError, totpSchema, useApiKeys, useAuth, useAuthContext, useAuthLocalization, useDevices, useLoginActivity, useOrganizations, usePhone, useSession, useSessions, useUser };
+export { AUTH_ERROR_CODES, AccountSettingsCards, AccountSwitcher, AccountView, ApiKeysCard, AuthContext, AuthProvider, AuthView, ChangeEmailCard, ChangePasswordCard, DeleteAccountCard, DeviceList, EmailOTPForm, EmailVerificationForm, ForgotPasswordForm, LoadingBoundary, LocalizationContext, LoginActivityFeed, LoginForm, MagicLinkForm, OAuthButton, OrganizationMenu, PasskeysCard, PhoneLoginForm, ProvidersCard, RISK_COLORS, RecoverAccountForm, ResetPasswordForm, SecuritySettingsCards, SessionGuard, SessionsCard, SignupForm, TwoFactorCard, TwoFactorForm, UpdateAvatarCard, UpdateNameCard, UpdateUsernameCard, UserMenu, accountViewSections, authLocalization, authViewPaths, backupCodeSchema, changeEmailSchema, changePasswordSchema, credentialLoginSchema, emailOtpCodeSchema, emailOtpEmailSchema, forgotPasswordSchema, getInitials, getLocalizedError, getRiskLevel, isEmail, magicLinkSchema, maskEmail, otpVerifySchema, phoneLoginSchema, phoneNumberSchema, otpVerifySchema2 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map