@insforge/nextjs 0.7.5 → 0.7.8

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
+import { ReactNode, InputHTMLAttributes } from 'react';
 import { UserSchema, OAuthProvidersSchema, GetPublicEmailAuthConfigResponse } from '@insforge/shared-schemas';
 import { ClassValue } from 'clsx';
 
@@ -12,18 +12,12 @@ interface InsforgeUser {
     nickname?: string | null;
     avatarUrl?: string | null;
 }
-interface InsforgeSession {
-    userId: string;
-    token: string;
-    expiresAt: string;
-    createdAt: string;
-}
 interface SignInProps {
     afterSignInUrl?: string;
     appearance?: {
-        container?: React.CSSProperties;
-        form?: React.CSSProperties;
-        button?: React.CSSProperties;
+        containerClassName?: string;
+        formClassName?: string;
+        buttonClassName?: string;
     };
     title?: string;
     subtitle?: string;
@@ -44,9 +38,9 @@ interface SignInProps {
 interface SignUpProps {
     afterSignUpUrl?: string;
     appearance?: {
-        container?: React.CSSProperties;
-        form?: React.CSSProperties;
-        button?: React.CSSProperties;
+        containerClassName?: string;
+        formClassName?: string;
+        buttonClassName?: string;
     };
     title?: string;
     subtitle?: string;
@@ -66,10 +60,8 @@ interface SignUpProps {
 interface UserButtonProps {
     afterSignOutUrl?: string;
     mode?: 'detailed' | 'simple';
-    className?: string;
     appearance?: {
-        button?: React.CSSProperties;
-        dropdown?: React.CSSProperties;
+        containerClassName?: string;
         buttonClassName?: string;
         dropdownClassName?: string;
         nameClassName?: string;
@@ -93,7 +85,6 @@ interface OAuthProviderConfig {
 
 interface InsforgeContextValue {
     user: InsforgeUser | null;
-    session: InsforgeSession | null;
     isLoaded: boolean;
     isSignedIn: boolean;
     setUser: (user: InsforgeUser | null) => void;
@@ -101,16 +92,18 @@ interface InsforgeContextValue {
     signUp: (email: string, password: string) => Promise<void>;
     signOut: () => Promise<void>;
     updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    reloadAuth: () => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
     baseUrl: string;
 }
 interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
-    frontendUrl?: string;
     onAuthChange?: (user: InsforgeUser | null) => void;
-    useBuiltInAuth?: boolean;
 }
-declare function InsforgeProvider({ children, baseUrl, frontendUrl, onAuthChange, useBuiltInAuth }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProvider({ children, baseUrl, onAuthChange, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useInsforge(): InsforgeContextValue;
 
 declare function useAuth(): {
@@ -128,16 +121,11 @@ declare function useUser(): {
     setUser: (user: InsforgeUser | null) => void;
 };
 
-declare function useSession(): {
-    session: InsforgeSession | null;
-    isLoaded: boolean;
-};
-
-declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
 declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
-declare function UserButton({ afterSignOutUrl, mode, appearance, className, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
 declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -145,21 +133,33 @@ declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JS
 
 declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
+interface InsforgeCallbackProps {
+    redirectTo?: string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+    loadingComponent?: ReactNode;
+}
+declare function InsforgeCallback({ loadingComponent, ...props }: InsforgeCallbackProps): react_jsx_runtime.JSX.Element;
+
 interface AuthContainerProps {
     children: ReactNode;
-    style?: CSSProperties;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        cardClassName?: string;
+    };
 }
-declare function AuthContainer({ children, style, className, }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+declare function AuthContainer({ children, appearance }: AuthContainerProps): react_jsx_runtime.JSX.Element;
 
 interface AuthHeaderProps {
     title: string;
     subtitle?: string;
-    className?: string;
-    titleClassName?: string;
-    subtitleClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        titleClassName?: string;
+        subtitleClassName?: string;
+    };
 }
-declare function AuthHeader({ title, subtitle, className, titleClassName, subtitleClassName }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AuthHeader({ title, subtitle, appearance }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface AuthErrorBannerProps {
     error: string;
@@ -170,10 +170,13 @@ declare function AuthErrorBanner({ error, className }: AuthErrorBannerProps): re
 interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
     label: string;
     id: string;
-    labelClassName?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        labelClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthFormField({ label, id, className, labelClassName, inputClassName, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+declare function AuthFormField({ label, id, appearance, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
 
 interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label: string;
@@ -184,20 +187,22 @@ interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputEleme
         href: string;
         text?: string;
     };
-    labelClassName?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        labelClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthPasswordField({ label, id, showStrengthIndicator, emailAuthConfig, forgotPasswordLink, value, className, labelClassName, inputClassName, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+declare function AuthPasswordField({ label, id, showStrengthIndicator, emailAuthConfig, forgotPasswordLink, value, appearance, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
 
 interface AuthSubmitButtonProps {
     children: ReactNode;
     isLoading?: boolean;
     confirmed?: boolean;
     disabled?: boolean;
-    style?: CSSProperties;
     className?: string;
 }
-declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, className, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, className, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
 
 interface AuthDividerProps {
     text?: string;
@@ -209,26 +214,26 @@ interface AuthLinkProps {
     text: string;
     linkText: string;
     href: string;
-    className?: string;
-    linkClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        linkClassName?: string;
+    };
 }
-declare function AuthLink({ text, linkText, href, className, linkClassName }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+declare function AuthLink({ text, linkText, href, appearance }: AuthLinkProps): react_jsx_runtime.JSX.Element;
 
 interface AuthOAuthProvidersProps {
     providers: OAuthProvider[];
     onClick: (provider: OAuthProvider) => void;
     disabled?: boolean;
     loading: OAuthProvider | null;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        buttonClassName?: string;
+    };
 }
-declare function AuthOAuthProviders({ providers, onClick, disabled, loading, className, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, appearance, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
 
-interface AuthBrandingProps {
-    text?: string;
-    href?: string;
-    className?: string;
-}
-declare function AuthBranding({ text, href, className }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+declare function AuthBranding(): react_jsx_runtime.JSX.Element;
 
 type DisplayMode = 'full' | 'short' | 'icon';
 interface AuthOAuthButtonProps {
@@ -245,10 +250,13 @@ declare function AuthOAuthButton({ provider, onClick, disabled, loading, display
 interface AuthPasswordStrengthIndicatorProps {
     password: string;
     config: GetPublicEmailAuthConfigResponse;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        requirementClassName?: string;
+    };
 }
+declare function AuthPasswordStrengthIndicator({ password, config, appearance, }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
 declare function validatePasswordStrength(password: string, config: GetPublicEmailAuthConfigResponse): boolean;
-declare function AuthPasswordStrengthIndicator({ password, config, className }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
 
 interface AuthVerificationCodeInputProps {
     length?: number;
@@ -256,10 +264,12 @@ interface AuthVerificationCodeInputProps {
     email: string;
     onChange: (value: string) => void;
     disabled?: boolean;
-    className?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, className, inputClassName, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, appearance, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
 
 declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
 declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
@@ -268,4 +278,4 @@ declare function isProviderSupported(provider: string): provider is OAuthProvide
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, cn, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useSession, useUser, validatePasswordStrength };
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeCallback, InsforgeProvider, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, cn, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useUser, validatePasswordStrength };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
+import { ReactNode, InputHTMLAttributes } from 'react';
 import { UserSchema, OAuthProvidersSchema, GetPublicEmailAuthConfigResponse } from '@insforge/shared-schemas';
 import { ClassValue } from 'clsx';
 
@@ -12,18 +12,12 @@ interface InsforgeUser {
     nickname?: string | null;
     avatarUrl?: string | null;
 }
-interface InsforgeSession {
-    userId: string;
-    token: string;
-    expiresAt: string;
-    createdAt: string;
-}
 interface SignInProps {
     afterSignInUrl?: string;
     appearance?: {
-        container?: React.CSSProperties;
-        form?: React.CSSProperties;
-        button?: React.CSSProperties;
+        containerClassName?: string;
+        formClassName?: string;
+        buttonClassName?: string;
     };
     title?: string;
     subtitle?: string;
@@ -44,9 +38,9 @@ interface SignInProps {
 interface SignUpProps {
     afterSignUpUrl?: string;
     appearance?: {
-        container?: React.CSSProperties;
-        form?: React.CSSProperties;
-        button?: React.CSSProperties;
+        containerClassName?: string;
+        formClassName?: string;
+        buttonClassName?: string;
     };
     title?: string;
     subtitle?: string;
@@ -66,10 +60,8 @@ interface SignUpProps {
 interface UserButtonProps {
     afterSignOutUrl?: string;
     mode?: 'detailed' | 'simple';
-    className?: string;
     appearance?: {
-        button?: React.CSSProperties;
-        dropdown?: React.CSSProperties;
+        containerClassName?: string;
         buttonClassName?: string;
         dropdownClassName?: string;
         nameClassName?: string;
@@ -93,7 +85,6 @@ interface OAuthProviderConfig {
 
 interface InsforgeContextValue {
     user: InsforgeUser | null;
-    session: InsforgeSession | null;
     isLoaded: boolean;
     isSignedIn: boolean;
     setUser: (user: InsforgeUser | null) => void;
@@ -101,16 +92,18 @@ interface InsforgeContextValue {
     signUp: (email: string, password: string) => Promise<void>;
     signOut: () => Promise<void>;
     updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    reloadAuth: () => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
     baseUrl: string;
 }
 interface InsforgeProviderProps {
     children: ReactNode;
     baseUrl: string;
-    frontendUrl?: string;
     onAuthChange?: (user: InsforgeUser | null) => void;
-    useBuiltInAuth?: boolean;
 }
-declare function InsforgeProvider({ children, baseUrl, frontendUrl, onAuthChange, useBuiltInAuth }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function InsforgeProvider({ children, baseUrl, onAuthChange, }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useInsforge(): InsforgeContextValue;
 
 declare function useAuth(): {
@@ -128,16 +121,11 @@ declare function useUser(): {
     setUser: (user: InsforgeUser | null) => void;
 };
 
-declare function useSession(): {
-    session: InsforgeSession | null;
-    isLoaded: boolean;
-};
-
-declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
 declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
-declare function UserButton({ afterSignOutUrl, mode, appearance, className, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
+declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
 declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
@@ -145,21 +133,33 @@ declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JS
 
 declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
+interface InsforgeCallbackProps {
+    redirectTo?: string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+    loadingComponent?: ReactNode;
+}
+declare function InsforgeCallback({ loadingComponent, ...props }: InsforgeCallbackProps): react_jsx_runtime.JSX.Element;
+
 interface AuthContainerProps {
     children: ReactNode;
-    style?: CSSProperties;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        cardClassName?: string;
+    };
 }
-declare function AuthContainer({ children, style, className, }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+declare function AuthContainer({ children, appearance }: AuthContainerProps): react_jsx_runtime.JSX.Element;
 
 interface AuthHeaderProps {
     title: string;
     subtitle?: string;
-    className?: string;
-    titleClassName?: string;
-    subtitleClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        titleClassName?: string;
+        subtitleClassName?: string;
+    };
 }
-declare function AuthHeader({ title, subtitle, className, titleClassName, subtitleClassName }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AuthHeader({ title, subtitle, appearance }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface AuthErrorBannerProps {
     error: string;
@@ -170,10 +170,13 @@ declare function AuthErrorBanner({ error, className }: AuthErrorBannerProps): re
 interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
     label: string;
     id: string;
-    labelClassName?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        labelClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthFormField({ label, id, className, labelClassName, inputClassName, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+declare function AuthFormField({ label, id, appearance, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
 
 interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     label: string;
@@ -184,20 +187,22 @@ interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputEleme
         href: string;
         text?: string;
     };
-    labelClassName?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        labelClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthPasswordField({ label, id, showStrengthIndicator, emailAuthConfig, forgotPasswordLink, value, className, labelClassName, inputClassName, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+declare function AuthPasswordField({ label, id, showStrengthIndicator, emailAuthConfig, forgotPasswordLink, value, appearance, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
 
 interface AuthSubmitButtonProps {
     children: ReactNode;
     isLoading?: boolean;
     confirmed?: boolean;
     disabled?: boolean;
-    style?: CSSProperties;
     className?: string;
 }
-declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, className, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, className, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
 
 interface AuthDividerProps {
     text?: string;
@@ -209,26 +214,26 @@ interface AuthLinkProps {
     text: string;
     linkText: string;
     href: string;
-    className?: string;
-    linkClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        linkClassName?: string;
+    };
 }
-declare function AuthLink({ text, linkText, href, className, linkClassName }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+declare function AuthLink({ text, linkText, href, appearance }: AuthLinkProps): react_jsx_runtime.JSX.Element;
 
 interface AuthOAuthProvidersProps {
     providers: OAuthProvider[];
     onClick: (provider: OAuthProvider) => void;
     disabled?: boolean;
     loading: OAuthProvider | null;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        buttonClassName?: string;
+    };
 }
-declare function AuthOAuthProviders({ providers, onClick, disabled, loading, className, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, appearance, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
 
-interface AuthBrandingProps {
-    text?: string;
-    href?: string;
-    className?: string;
-}
-declare function AuthBranding({ text, href, className }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+declare function AuthBranding(): react_jsx_runtime.JSX.Element;
 
 type DisplayMode = 'full' | 'short' | 'icon';
 interface AuthOAuthButtonProps {
@@ -245,10 +250,13 @@ declare function AuthOAuthButton({ provider, onClick, disabled, loading, display
 interface AuthPasswordStrengthIndicatorProps {
     password: string;
     config: GetPublicEmailAuthConfigResponse;
-    className?: string;
+    appearance?: {
+        containerClassName?: string;
+        requirementClassName?: string;
+    };
 }
+declare function AuthPasswordStrengthIndicator({ password, config, appearance, }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
 declare function validatePasswordStrength(password: string, config: GetPublicEmailAuthConfigResponse): boolean;
-declare function AuthPasswordStrengthIndicator({ password, config, className }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
 
 interface AuthVerificationCodeInputProps {
     length?: number;
@@ -256,10 +264,12 @@ interface AuthVerificationCodeInputProps {
     email: string;
     onChange: (value: string) => void;
     disabled?: boolean;
-    className?: string;
-    inputClassName?: string;
+    appearance?: {
+        containerClassName?: string;
+        inputClassName?: string;
+    };
 }
-declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, className, inputClassName, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, appearance, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
 
 declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
 declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
@@ -268,4 +278,4 @@ declare function isProviderSupported(provider: string): provider is OAuthProvide
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, cn, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useSession, useUser, validatePasswordStrength };
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeCallback, InsforgeProvider, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, cn, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useUser, validatePasswordStrength };