@riligar/auth-react 1.9.4 → 1.11.0

package/dist/index.esm.js

@@ -2,10 +2,11 @@ import { create } from 'zustand';
 import { useMemo, useEffect, createContext, useState, useRef } from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Navigate, Outlet } from 'react-router-dom';
-import { Paper, Stack, Image, Title, Text, TextInput, PasswordInput, Anchor, Button, Divider, Group, Center, Loader } from '@mantine/core';
+import { Navigate, Outlet, useNavigate } from 'react-router-dom';
+import { Paper, Stack, Image, Title, Text, TextInput, PasswordInput, Anchor, Button, Divider, Group, Center, Loader, Modal, Box, Avatar, Collapse, Card, Tooltip, ThemeIcon } from '@mantine/core';
 import { useForm } from '@mantine/form';
-import { IconMail, IconLock, IconArrowRight, IconBrandGoogle, IconBrandGithub, IconUser, IconSend, IconCheck, IconX, IconRefresh } from '@tabler/icons-react';
+import { IconMail, IconLock, IconArrowRight, IconBrandGoogle, IconBrandGithub, IconUser, IconSend, IconCheck, IconX, IconRefresh, IconPhoto, IconTrash, IconPencil, IconShield, IconKey, IconUserCircle } from '@tabler/icons-react';
+import { notifications } from '@mantine/notifications';
 
 // Config - pode ser sobrescrita pelo AuthProvider
 // Tenta detectar ambiente Vite, mas falha graciosamente se não existir
@@ -281,6 +282,34 @@ const getApplicationInfo = async () => {
   }
 };
 
+/*--- Profile Management ---------------------------*/
+const updateProfile = async data => {
+  return await api('/auth/update-user', {
+    method: 'POST',
+    body: JSON.stringify(data)
+  });
+};
+const changePassword = async (currentPassword, newPassword, revokeOtherSessions = false) => {
+  return await api('/auth/change-password', {
+    method: 'POST',
+    body: JSON.stringify({
+      currentPassword,
+      newPassword,
+      revokeOtherSessions
+    })
+  });
+};
+const changeEmail = async (newEmail, callbackURL) => {
+  const callback = callbackURL || (typeof window !== 'undefined' ? `${window.location.origin}/auth/verify-email` : '/auth/verify-email');
+  return await api('/auth/change-email', {
+    method: 'POST',
+    body: JSON.stringify({
+      newEmail,
+      callbackURL: callback
+    })
+  });
+};
+
 /* Social login redirect (ex.: Google) -----------*/
 function socialRedirect(provider, redirectTo = typeof window !== 'undefined' ? window.location.href : '/') {
   if (typeof window === 'undefined') return;
@@ -301,7 +330,10 @@ const useAuthStore = create((set, get) => ({
     verifyMagicLink: false,
     resetPassword: false,
     verifyEmail: false,
-    resendVerification: false
+    resendVerification: false,
+    updateProfile: false,
+    changePassword: false,
+    changeEmail: false
   },
   // Application info (logo, nome, etc)
   applicationInfo: null,
@@ -668,7 +700,75 @@ const useAuthStore = create((set, get) => ({
   /* Atualizar usuário manualmente */
   setUser: user => set({
     user
-  })
+  }),
+  /* Profile Management */
+  updateProfile: async data => {
+    const {
+      setLoading
+    } = get();
+    setLoading('updateProfile', true);
+    set({
+      error: null
+    });
+    try {
+      const result = await updateProfile(data);
+      // Atualiza o user no store com os novos dados
+      set(state => ({
+        user: state.user ? {
+          ...state.user,
+          ...data
+        } : null
+      }));
+      setLoading('updateProfile', false);
+      return result;
+    } catch (err) {
+      set({
+        error: err
+      });
+      setLoading('updateProfile', false);
+      throw err;
+    }
+  },
+  changePassword: async (currentPassword, newPassword, revokeOtherSessions = false) => {
+    const {
+      setLoading
+    } = get();
+    setLoading('changePassword', true);
+    set({
+      error: null
+    });
+    try {
+      const result = await changePassword(currentPassword, newPassword, revokeOtherSessions);
+      setLoading('changePassword', false);
+      return result;
+    } catch (err) {
+      set({
+        error: err
+      });
+      setLoading('changePassword', false);
+      throw err;
+    }
+  },
+  changeEmail: async (newEmail, callbackURL) => {
+    const {
+      setLoading
+    } = get();
+    setLoading('changeEmail', true);
+    set({
+      error: null
+    });
+    try {
+      const result = await changeEmail(newEmail, callbackURL);
+      setLoading('changeEmail', false);
+      return result;
+    } catch (err) {
+      set({
+        error: err
+      });
+      setLoading('changeEmail', false);
+      throw err;
+    }
+  }
 }));
 
 const AuthContext = /*#__PURE__*/createContext(); // só para ter o Provider em JSX
@@ -792,6 +892,21 @@ const useSession = () => useAuthStore(useShallow(s => ({
 // Loading States Hook
 const useAuthLoading = () => useAuthStore(s => s.loadingStates);
 
+// Profile Management Hook (novo nome estilo Clerk)
+const useUser = () => useAuthStore(useShallow(s => ({
+  user: s.user,
+  updateProfile: s.updateProfile,
+  changePassword: s.changePassword,
+  changeEmail: s.changeEmail,
+  loadingUpdateProfile: s.loadingStates.updateProfile,
+  loadingChangePassword: s.loadingStates.changePassword,
+  loadingChangeEmail: s.loadingStates.changeEmail,
+  error: s.error
+})));
+
+// Alias deprecado para backwards compatibility
+const useProfile = useUser;
+
 // Application Logo Hook
 const useApplicationLogo = () => {
   const applicationInfo = useAuthStore(s => s.applicationInfo);
@@ -799,11 +914,11 @@ const useApplicationLogo = () => {
   return applicationInfo?.image || null;
 };
 
-function ProtectedRoute({
+function Protect({
   fallback = /*#__PURE__*/jsx("p", {
     children: "\u231B Carregando..."
   }),
-  redirectTo = "/login"
+  redirectTo = '/login'
 }) {
   const {
     user,
@@ -857,7 +972,7 @@ function AuthCard({
 
 var img = "data:image/webp;base64,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";
 
-function SignInForm({
+function SignIn({
   // Configuração
   logo,
   // Removido default, será calculado abaixo
@@ -1025,7 +1140,7 @@ function SignInForm({
   });
 }
 
-function SignUpForm({
+function SignUp({
   // Configuração
   logo,
   title = 'Criar Conta',
@@ -1159,7 +1274,7 @@ function SignUpForm({
   });
 }
 
-function MagicLinkForm({
+function MagicLink({
   // Configuração
   logo,
   title = 'Login sem Senha',
@@ -1237,7 +1352,7 @@ function MagicLinkForm({
   });
 }
 
-function MagicLinkVerify({
+function MagicLinkCallback({
   // Configuração
   logo,
   // Token pode ser passado diretamente ou extraído da URL
@@ -1347,7 +1462,7 @@ function MagicLinkVerify({
   });
 }
 
-function ForgotPasswordForm({
+function ForgotPassword({
   // Configuração
   logo,
   title = 'Recuperar Senha',
@@ -1425,7 +1540,7 @@ function ForgotPasswordForm({
   });
 }
 
-function ResetPasswordForm({
+function ResetPassword({
   // Configuração
   logo,
   title = 'Nova Senha',
@@ -1564,7 +1679,7 @@ function ResetPasswordForm({
   });
 }
 
-function VerifyEmailCard({
+function VerifyEmail({
   // Configuração
   logo,
   // Token pode ser passado diretamente ou extraído da URL
@@ -1728,5 +1843,781 @@ function VerifyEmailCard({
   });
 }
 
-export { AuthCard, AuthProvider, ForgotPasswordForm, MagicLinkForm, MagicLinkVerify, ProtectedRoute, ResetPasswordForm, SignInForm, SignUpForm, VerifyEmailCard, configure, decodeJWT, forgotPassword, getApplicationInfo, getCurrentUser, getSession, isAuthenticated, refreshToken, resendVerification, resetPassword, sendMagicLink, signIn, signOut, signUp, socialRedirect, useAuth, useAuthLoading, useAuthStore, useCheckToken, useEmailVerification, useMagicLink, usePasswordReset, useSession, useSignIn, useSignOut, useSignUp, verifyEmail, verifyMagicLink };
+function UserProfile({
+  // Controle do modal
+  opened,
+  onClose,
+  // Callbacks
+  onProfileUpdate,
+  onPasswordChange,
+  onEmailChange,
+  onError,
+  // Features toggle
+  showAvatar = true,
+  showName = true,
+  showEmail = true,
+  showPassword = true,
+  // Customização
+  labels = {},
+  title = 'Account',
+  subtitle = 'Manage your account info.',
+  // Avatar config
+  maxAvatarSize = 500 * 1024,
+  // 500KB
+
+  ...modalProps
+}) {
+  // Local state - which section is expanded
+  const [editingSection, setEditingSection] = useState(null); // 'password' | 'email' | 'name' | 'avatar' | null
+
+  // Hook para profile
+  const {
+    user,
+    updateProfile,
+    changePassword,
+    changeEmail,
+    loadingUpdateProfile,
+    loadingChangePassword,
+    loadingChangeEmail
+  } = useProfile();
+
+  // Password form
+  const passwordForm = useForm({
+    initialValues: {
+      currentPassword: '',
+      newPassword: '',
+      confirmPassword: ''
+    },
+    validate: {
+      currentPassword: v => !v ? labels.currentPasswordRequired || 'Senha atual obrigatória' : null,
+      newPassword: v => {
+        if (!v) return labels.newPasswordRequired || 'Nova senha obrigatória';
+        if (v.length < 8) return labels.passwordMinLength || 'Mínimo 8 caracteres';
+        return null;
+      },
+      confirmPassword: (v, values) => v !== values.newPassword ? labels.passwordMismatch || 'Senhas não coincidem' : null
+    }
+  });
+
+  // Email form
+  const emailForm = useForm({
+    initialValues: {
+      newEmail: ''
+    },
+    validate: {
+      newEmail: v => {
+        if (!v) return labels.emailRequired || 'Email obrigatório';
+        if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return labels.emailInvalid || 'Email inválido';
+        return null;
+      }
+    }
+  });
+
+  // Name form
+  const nameForm = useForm({
+    initialValues: {
+      name: ''
+    },
+    validate: {
+      name: v => !v ? labels.nameRequired || 'Nome obrigatório' : null
+    }
+  });
+
+  // Avatar state (base64)
+  const [avatarPreview, setAvatarPreview] = useState(null);
+  const [avatarFile, setAvatarFile] = useState(null);
+
+  // Handle file selection and convert to base64
+  const handleAvatarFileChange = file => {
+    if (!file) {
+      setAvatarPreview(null);
+      setAvatarFile(null);
+      return;
+    }
+
+    // Validate file type
+    if (!file.type.startsWith('image/')) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: labels.avatarInvalidType || 'Por favor, selecione uma imagem válida',
+        color: 'red'
+      });
+      return;
+    }
+
+    // Validate file size
+    if (file.size > maxAvatarSize) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: labels.avatarTooLarge || `Imagem muito grande. Máximo ${Math.round(maxAvatarSize / 1024)}KB.`,
+        color: 'red'
+      });
+      return;
+    }
+    setAvatarFile(file);
+
+    // Convert to base64
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      setAvatarPreview(reader.result);
+    };
+    reader.readAsDataURL(file);
+  };
+
+  // Populate forms when user data is available or section opens
+  useEffect(() => {
+    if (editingSection === 'name' && user?.name) {
+      nameForm.setValues({
+        name: user.name
+      });
+    }
+    if (editingSection === 'avatar' && user?.image) {
+      setAvatarPreview(user.image);
+    }
+  }, [editingSection, user]);
+  const handleToggleSection = section => {
+    if (editingSection === section) {
+      setEditingSection(null);
+      passwordForm.reset();
+      emailForm.reset();
+      nameForm.reset();
+      setAvatarPreview(null);
+      setAvatarFile(null);
+    } else {
+      setEditingSection(section);
+    }
+  };
+  const handleChangePassword = async values => {
+    try {
+      await changePassword(values.currentPassword, values.newPassword);
+      notifications.show({
+        title: labels.successTitle || 'Sucesso',
+        message: labels.passwordChanged || 'Senha alterada com sucesso',
+        color: 'green'
+      });
+      passwordForm.reset();
+      setEditingSection(null);
+      onPasswordChange?.();
+    } catch (error) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: error.message || labels.passwordChangeFailed || 'Falha ao alterar senha',
+        color: 'red'
+      });
+      onError?.(error);
+    }
+  };
+  const handleChangeEmail = async values => {
+    try {
+      await changeEmail(values.newEmail);
+      notifications.show({
+        title: labels.successTitle || 'Sucesso',
+        message: labels.emailVerificationSent || 'Verifique seu novo email para confirmar a alteração',
+        color: 'green'
+      });
+      emailForm.reset();
+      setEditingSection(null);
+      onEmailChange?.(values.newEmail);
+    } catch (error) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: error.message || labels.emailChangeFailed || 'Falha ao alterar email',
+        color: 'red'
+      });
+      onError?.(error);
+    }
+  };
+  const handleChangeName = async values => {
+    try {
+      await updateProfile({
+        name: values.name
+      });
+      notifications.show({
+        title: labels.successTitle || 'Sucesso',
+        message: labels.nameUpdated || 'Nome atualizado com sucesso',
+        color: 'green'
+      });
+      nameForm.reset();
+      setEditingSection(null);
+      onProfileUpdate?.({
+        name: values.name
+      });
+    } catch (error) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: error.message || labels.nameUpdateFailed || 'Falha ao atualizar nome',
+        color: 'red'
+      });
+      onError?.(error);
+    }
+  };
+  const handleChangeAvatar = async () => {
+    if (!avatarPreview) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: labels.avatarRequired || 'Selecione uma imagem',
+        color: 'red'
+      });
+      return;
+    }
+    try {
+      await updateProfile({
+        image: avatarPreview
+      });
+      notifications.show({
+        title: labels.successTitle || 'Sucesso',
+        message: labels.avatarUpdated || 'Foto de perfil atualizada com sucesso',
+        color: 'green'
+      });
+      setAvatarPreview(null);
+      setAvatarFile(null);
+      setEditingSection(null);
+      onProfileUpdate?.({
+        image: avatarPreview
+      });
+    } catch (error) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: error.message || labels.avatarUpdateFailed || 'Falha ao atualizar foto',
+        color: 'red'
+      });
+      onError?.(error);
+    }
+  };
+  const handleRemoveAvatar = async () => {
+    try {
+      await updateProfile({
+        image: ''
+      });
+      notifications.show({
+        title: labels.successTitle || 'Sucesso',
+        message: labels.avatarRemoved || 'Foto de perfil removida',
+        color: 'green'
+      });
+      setAvatarPreview(null);
+      setAvatarFile(null);
+      setEditingSection(null);
+      onProfileUpdate?.({
+        image: ''
+      });
+    } catch (error) {
+      notifications.show({
+        title: labels.errorTitle || 'Erro',
+        message: error.message || labels.avatarRemoveFailed || 'Falha ao remover foto',
+        color: 'red'
+      });
+      onError?.(error);
+    }
+  };
+
+  // Reusable Section Header
+  const SectionHeader = ({
+    icon: Icon,
+    sectionTitle,
+    description
+  }) => /*#__PURE__*/jsxs(Group, {
+    gap: "sm",
+    mb: "lg",
+    children: [/*#__PURE__*/jsx(ThemeIcon, {
+      size: 36,
+      variant: "light",
+      children: /*#__PURE__*/jsx(Icon, {
+        size: 18
+      })
+    }), /*#__PURE__*/jsxs(Box, {
+      children: [/*#__PURE__*/jsx(Text, {
+        fw: 600,
+        size: "md",
+        children: sectionTitle
+      }), description && /*#__PURE__*/jsx(Text, {
+        size: "xs",
+        c: "dimmed",
+        children: description
+      })]
+    })]
+  });
+
+  // Reusable Row component
+  const SettingRow = ({
+    label,
+    children,
+    action,
+    actionLabel,
+    onClick,
+    expanded
+  }) => /*#__PURE__*/jsx(Card, {
+    p: "xs",
+    children: /*#__PURE__*/jsxs(Group, {
+      justify: "space-between",
+      wrap: "nowrap",
+      children: [/*#__PURE__*/jsxs(Group, {
+        gap: "xl",
+        wrap: "nowrap",
+        flex: 1,
+        children: [/*#__PURE__*/jsx(Text, {
+          size: "sm",
+          c: "dimmed",
+          w: 100,
+          style: {
+            flexShrink: 0
+          },
+          children: label
+        }), /*#__PURE__*/jsx(Box, {
+          flex: 1,
+          children: children
+        })]
+      }), action && /*#__PURE__*/jsx(Tooltip, {
+        label: actionLabel || action,
+        position: "left",
+        children: /*#__PURE__*/jsx(Anchor, {
+          size: "sm",
+          fw: 500,
+          onClick: onClick,
+          c: expanded ? 'red' : 'blue',
+          children: expanded ? labels.cancel || 'Cancel' : action
+        })
+      })]
+    })
+  });
+  return /*#__PURE__*/jsxs(Modal, {
+    opened: opened,
+    onClose: onClose,
+    size: 550,
+    withCloseButton: true,
+    radius: "lg",
+    overlayProps: {
+      backgroundOpacity: 0.55,
+      blur: 3
+    },
+    title: /*#__PURE__*/jsxs(Group, {
+      gap: "md",
+      children: [/*#__PURE__*/jsx(ThemeIcon, {
+        size: 44,
+        variant: "light",
+        children: /*#__PURE__*/jsx(IconUserCircle, {
+          size: 24
+        })
+      }), /*#__PURE__*/jsxs(Box, {
+        children: [/*#__PURE__*/jsx(Title, {
+          order: 4,
+          children: title
+        }), /*#__PURE__*/jsx(Text, {
+          size: "sm",
+          c: "dimmed",
+          children: subtitle
+        })]
+      })]
+    }),
+    ...modalProps,
+    children: [/*#__PURE__*/jsx(Divider, {
+      mb: "md"
+    }), (showAvatar || showName || showEmail) && /*#__PURE__*/jsxs(Box, {
+      mb: "xl",
+      children: [/*#__PURE__*/jsx(SectionHeader, {
+        icon: IconUser,
+        sectionTitle: labels.profileSection || 'Profile',
+        description: labels.profileDescription || 'Your personal information'
+      }), /*#__PURE__*/jsxs(Stack, {
+        gap: "sm",
+        children: [showAvatar && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(SettingRow, {
+            label: labels.avatar || 'Avatar',
+            action: labels.update || 'Update',
+            actionLabel: labels.updateAvatar || 'Update your profile picture',
+            onClick: () => handleToggleSection('avatar'),
+            expanded: editingSection === 'avatar',
+            children: /*#__PURE__*/jsx(Group, {
+              gap: "md",
+              children: /*#__PURE__*/jsx(Avatar, {
+                src: user?.image,
+                name: user?.name || user?.email,
+                size: 48,
+                radius: "xl",
+                color: "initials"
+              })
+            })
+          }), /*#__PURE__*/jsx(Collapse, {
+            in: editingSection === 'avatar',
+            children: /*#__PURE__*/jsx(Card, {
+              p: "md",
+              withBorder: true,
+              children: /*#__PURE__*/jsxs(Stack, {
+                gap: "md",
+                align: "center",
+                children: [/*#__PURE__*/jsx("input", {
+                  type: "file",
+                  id: "avatar-upload",
+                  accept: "image/*",
+                  style: {
+                    display: 'none'
+                  },
+                  onChange: e => handleAvatarFileChange(e.target.files?.[0])
+                }), /*#__PURE__*/jsx(Tooltip, {
+                  label: labels.clickToChange || 'Clique para alterar',
+                  position: "bottom",
+                  children: /*#__PURE__*/jsxs(Box, {
+                    onClick: () => document.getElementById('avatar-upload')?.click(),
+                    style: {
+                      position: 'relative',
+                      cursor: 'pointer',
+                      borderRadius: '50%'
+                    },
+                    children: [/*#__PURE__*/jsx(Avatar, {
+                      src: avatarPreview || user?.image,
+                      name: user?.name || user?.email,
+                      size: 100,
+                      radius: 100,
+                      color: "initials"
+                    }), /*#__PURE__*/jsx(ThemeIcon, {
+                      size: 32,
+                      radius: "xl",
+                      color: "blue",
+                      style: {
+                        position: 'absolute',
+                        bottom: 0,
+                        right: 0,
+                        border: '2px solid var(--mantine-color-body)'
+                      },
+                      children: /*#__PURE__*/jsx(IconPhoto, {
+                        size: 16
+                      })
+                    })]
+                  })
+                }), /*#__PURE__*/jsx(Text, {
+                  size: "xs",
+                  c: "dimmed",
+                  ta: "center",
+                  children: labels.avatarHint || `Máximo ${Math.round(maxAvatarSize / 1024)}KB • JPG, PNG, GIF, WebP`
+                }), /*#__PURE__*/jsxs(Group, {
+                  justify: "center",
+                  gap: "sm",
+                  children: [user?.image && /*#__PURE__*/jsx(Tooltip, {
+                    label: labels.removePhoto || 'Remover foto',
+                    children: /*#__PURE__*/jsx(Button, {
+                      variant: "light",
+                      color: "red",
+                      size: "xs",
+                      onClick: handleRemoveAvatar,
+                      loading: loadingUpdateProfile,
+                      leftSection: /*#__PURE__*/jsx(IconTrash, {
+                        size: 14
+                      }),
+                      children: labels.remove || 'Remover'
+                    })
+                  }), /*#__PURE__*/jsx(Button, {
+                    variant: "default",
+                    size: "xs",
+                    onClick: () => handleToggleSection('avatar'),
+                    children: labels.cancel || 'Cancelar'
+                  }), /*#__PURE__*/jsx(Button, {
+                    size: "xs",
+                    loading: loadingUpdateProfile,
+                    leftSection: /*#__PURE__*/jsx(IconCheck, {
+                      size: 14
+                    }),
+                    onClick: handleChangeAvatar,
+                    disabled: !avatarPreview || avatarPreview === user?.image,
+                    children: labels.save || 'Salvar'
+                  })]
+                })]
+              })
+            })
+          })]
+        }), showName && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(SettingRow, {
+            label: labels.name || 'Nome',
+            action: labels.change || 'Change',
+            actionLabel: labels.changeName || 'Change your display name',
+            onClick: () => handleToggleSection('name'),
+            expanded: editingSection === 'name',
+            children: /*#__PURE__*/jsxs(Group, {
+              gap: "xs",
+              children: [/*#__PURE__*/jsx(IconPencil, {
+                size: 16,
+                color: "var(--mantine-color-dimmed)"
+              }), /*#__PURE__*/jsx(Text, {
+                size: "sm",
+                children: user?.name || labels.notDefined || 'Não definido'
+              })]
+            })
+          }), /*#__PURE__*/jsx(Collapse, {
+            in: editingSection === 'name',
+            children: /*#__PURE__*/jsx(Card, {
+              p: "md",
+              withBorder: true,
+              children: /*#__PURE__*/jsx("form", {
+                onSubmit: nameForm.onSubmit(handleChangeName),
+                children: /*#__PURE__*/jsxs(Stack, {
+                  gap: "sm",
+                  children: [/*#__PURE__*/jsx(TextInput, {
+                    label: labels.name || 'Nome',
+                    placeholder: labels.namePlaceholder || 'Digite seu nome',
+                    leftSection: /*#__PURE__*/jsx(IconUser, {
+                      size: 16
+                    }),
+                    ...nameForm.getInputProps('name')
+                  }), /*#__PURE__*/jsxs(Group, {
+                    justify: "flex-end",
+                    gap: "sm",
+                    children: [/*#__PURE__*/jsx(Button, {
+                      variant: "default",
+                      size: "xs",
+                      onClick: () => handleToggleSection('name'),
+                      leftSection: /*#__PURE__*/jsx(IconX, {
+                        size: 14
+                      }),
+                      children: labels.cancel || 'Cancelar'
+                    }), /*#__PURE__*/jsx(Button, {
+                      type: "submit",
+                      size: "xs",
+                      loading: loadingUpdateProfile,
+                      leftSection: /*#__PURE__*/jsx(IconCheck, {
+                        size: 14
+                      }),
+                      children: labels.save || 'Salvar'
+                    })]
+                  })]
+                })
+              })
+            })
+          })]
+        }), showEmail && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(SettingRow, {
+            label: labels.email || 'Email',
+            action: labels.change || 'Change',
+            actionLabel: labels.changeEmail || 'Change your email',
+            onClick: () => handleToggleSection('email'),
+            expanded: editingSection === 'email',
+            children: /*#__PURE__*/jsxs(Group, {
+              gap: "xs",
+              children: [/*#__PURE__*/jsx(IconMail, {
+                size: 16,
+                color: "var(--mantine-color-dimmed)"
+              }), /*#__PURE__*/jsx(Text, {
+                size: "sm",
+                children: user?.email || 'email@exemplo.com'
+              })]
+            })
+          }), /*#__PURE__*/jsx(Collapse, {
+            in: editingSection === 'email',
+            children: /*#__PURE__*/jsx(Card, {
+              p: "md",
+              withBorder: true,
+              children: /*#__PURE__*/jsx("form", {
+                onSubmit: emailForm.onSubmit(handleChangeEmail),
+                children: /*#__PURE__*/jsxs(Stack, {
+                  gap: "sm",
+                  children: [/*#__PURE__*/jsx(TextInput, {
+                    label: labels.newEmail || 'Novo Email',
+                    placeholder: labels.newEmailPlaceholder || 'Digite o novo email',
+                    leftSection: /*#__PURE__*/jsx(IconMail, {
+                      size: 16
+                    }),
+                    ...emailForm.getInputProps('newEmail')
+                  }), /*#__PURE__*/jsxs(Group, {
+                    justify: "flex-end",
+                    gap: "sm",
+                    children: [/*#__PURE__*/jsx(Button, {
+                      variant: "default",
+                      size: "xs",
+                      onClick: () => handleToggleSection('email'),
+                      leftSection: /*#__PURE__*/jsx(IconX, {
+                        size: 14
+                      }),
+                      children: labels.cancel || 'Cancelar'
+                    }), /*#__PURE__*/jsx(Button, {
+                      type: "submit",
+                      size: "xs",
+                      loading: loadingChangeEmail,
+                      leftSection: /*#__PURE__*/jsx(IconCheck, {
+                        size: 14
+                      }),
+                      children: labels.save || 'Salvar'
+                    })]
+                  })]
+                })
+              })
+            })
+          })]
+        })]
+      })]
+    }), showPassword && /*#__PURE__*/jsxs(Box, {
+      mb: "md",
+      children: [/*#__PURE__*/jsx(SectionHeader, {
+        icon: IconShield,
+        sectionTitle: labels.securitySection || 'Security',
+        description: labels.securityDescription || 'Protect your account'
+      }), /*#__PURE__*/jsxs(Stack, {
+        gap: "sm",
+        children: [/*#__PURE__*/jsx(SettingRow, {
+          label: labels.password || 'Password',
+          action: labels.change || 'Change',
+          actionLabel: labels.changePassword || 'Change your password',
+          onClick: () => handleToggleSection('password'),
+          expanded: editingSection === 'password',
+          children: /*#__PURE__*/jsxs(Group, {
+            gap: "xs",
+            children: [/*#__PURE__*/jsx(IconKey, {
+              size: 16,
+              color: "var(--mantine-color-dimmed)"
+            }), /*#__PURE__*/jsx(Text, {
+              size: "sm",
+              c: "dimmed",
+              children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+            })]
+          })
+        }), /*#__PURE__*/jsx(Collapse, {
+          in: editingSection === 'password',
+          children: /*#__PURE__*/jsx(Card, {
+            p: "md",
+            withBorder: true,
+            children: /*#__PURE__*/jsx("form", {
+              onSubmit: passwordForm.onSubmit(handleChangePassword),
+              children: /*#__PURE__*/jsxs(Stack, {
+                gap: "sm",
+                children: [/*#__PURE__*/jsx(PasswordInput, {
+                  label: labels.currentPassword || 'Senha Atual',
+                  placeholder: labels.currentPasswordPlaceholder || 'Digite sua senha atual',
+                  ...passwordForm.getInputProps('currentPassword')
+                }), /*#__PURE__*/jsx(PasswordInput, {
+                  label: labels.newPassword || 'Nova Senha',
+                  placeholder: labels.newPasswordPlaceholder || 'Digite a nova senha',
+                  description: labels.passwordDescription || 'Mínimo 8 caracteres',
+                  ...passwordForm.getInputProps('newPassword')
+                }), /*#__PURE__*/jsx(PasswordInput, {
+                  label: labels.confirmPassword || 'Confirmar Nova Senha',
+                  placeholder: labels.confirmPasswordPlaceholder || 'Confirme a nova senha',
+                  ...passwordForm.getInputProps('confirmPassword')
+                }), /*#__PURE__*/jsxs(Group, {
+                  justify: "flex-end",
+                  gap: "xs",
+                  children: [/*#__PURE__*/jsx(Button, {
+                    variant: "default",
+                    size: "xs",
+                    onClick: () => handleToggleSection('password'),
+                    leftSection: /*#__PURE__*/jsx(IconX, {
+                      size: 14
+                    }),
+                    children: labels.cancel || 'Cancelar'
+                  }), /*#__PURE__*/jsx(Button, {
+                    type: "submit",
+                    size: "xs",
+                    loading: loadingChangePassword,
+                    leftSection: /*#__PURE__*/jsx(IconCheck, {
+                      size: 14
+                    }),
+                    children: labels.save || 'Salvar'
+                  })]
+                })]
+              })
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}
+
+/**
+ * Renderiza children apenas quando o usuário está autenticado
+ * Equivalente ao <SignedIn> do Clerk
+ */
+function SignedIn({
+  children
+}) {
+  const {
+    user,
+    loading
+  } = useAuth();
+  if (loading || !user) return null;
+  return children;
+}
+
+/**
+ * Renderiza children apenas quando o usuário NÃO está autenticado
+ * Equivalente ao <SignedOut> do Clerk
+ */
+function SignedOut({
+  children
+}) {
+  const {
+    user,
+    loading
+  } = useAuth();
+  if (loading || user) return null;
+  return children;
+}
+
+/**
+ * Renderiza children enquanto a autenticação está carregando
+ * Equivalente ao <ClerkLoading> do Clerk
+ */
+function AuthLoading({
+  children
+}) {
+  const {
+    loading
+  } = useAuth();
+  if (!loading) return null;
+  return children;
+}
+
+/**
+ * Renderiza children quando a autenticação terminou de carregar
+ * Equivalente ao <ClerkLoaded> do Clerk
+ */
+function AuthLoaded({
+  children
+}) {
+  const {
+    loading
+  } = useAuth();
+  if (loading) return null;
+  return children;
+}
+
+function SignInButton({
+  children,
+  redirectTo = '/login',
+  ...props
+}) {
+  const navigate = useNavigate();
+  return /*#__PURE__*/jsx("button", {
+    onClick: () => navigate(redirectTo),
+    ...props,
+    children: children || 'Sign In'
+  });
+}
+
+function SignUpButton({
+  children,
+  redirectTo = '/register',
+  ...props
+}) {
+  const navigate = useNavigate();
+  return /*#__PURE__*/jsx("button", {
+    onClick: () => navigate(redirectTo),
+    ...props,
+    children: children || 'Sign Up'
+  });
+}
+
+function SignOutButton({
+  children,
+  onSignOut,
+  ...props
+}) {
+  const signOut = useSignOut();
+  const handleClick = async () => {
+    await signOut();
+    onSignOut?.();
+  };
+  return /*#__PURE__*/jsx("button", {
+    onClick: handleClick,
+    ...props,
+    children: children || 'Sign Out'
+  });
+}
+
+export { UserProfile as AccountModal, AuthCard, AuthLoaded, AuthLoading, AuthProvider, ForgotPassword, ForgotPassword as ForgotPasswordForm, MagicLink, MagicLinkCallback, MagicLink as MagicLinkForm, MagicLinkCallback as MagicLinkVerify, Protect, Protect as ProtectedRoute, ResetPassword, ResetPassword as ResetPasswordForm, SignIn, SignInButton, SignIn as SignInForm, SignOutButton, SignUp, SignUpButton, SignUp as SignUpForm, SignedIn, SignedOut, UserProfile, VerifyEmail, VerifyEmail as VerifyEmailCard, changeEmail, changePassword, configure, decodeJWT, forgotPassword, getApplicationInfo, getCurrentUser, getSession, isAuthenticated, refreshToken, resendVerification, resetPassword, sendMagicLink, signIn, signOut, signUp, socialRedirect, updateProfile, useApplicationLogo, useAuth, useAuthLoading, useAuthStore, useCheckToken, useEmailVerification, useMagicLink, usePasswordReset, useUser as useProfile, useSession, useSignIn, useSignOut, useSignUp, useUser, verifyEmail, verifyMagicLink };
 //# sourceMappingURL=index.esm.js.map