@insforge/react 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -1,411 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as SignInProps, a as SignUpProps, U as UserButtonProps, P as ProtectProps, C as ConditionalProps, I as InsforgeUser, O as OAuthProvider, b as OAuthProviderConfig } from './index-C9pisdfX.js';
+export { A as AuthContainerProps, j as AuthDividerProps, d as AuthErrorBannerProps, e as AuthFormFieldProps, c as AuthHeaderProps, i as AuthLinkProps, k as AuthOAuthButtonProps, l as AuthOAuthProvidersProps, f as AuthPasswordFieldProps, g as AuthPasswordStrengthIndicatorProps, h as AuthSubmitButtonProps, m as AuthVerificationCodeInputProps, B as BaseAppearance, E as EmailAuthConfig, F as ForgotPasswordFormProps, R as ResetPasswordFormProps, n as SignInFormProps, o as SignUpFormProps, V as VerifyEmailStatusProps } from './index-C9pisdfX.js';
 import * as react from 'react';
-import { ReactNode, FormEvent, InputHTMLAttributes, CSSProperties } from 'react';
+import { ReactNode } from 'react';
+export { ForgotPasswordForm, ResetPasswordForm, SignInForm, SignUpForm, VerifyEmailStatus } from './forms.js';
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, validatePasswordStrength } from './atoms.js';
 import { OAuthProvidersSchema, GetPublicEmailAuthConfigResponse } from '@insforge/shared-schemas';
 export { checkPasswordStrength, cn, createPasswordSchema, emailSchema, passwordSchema, validateEmail, validatePassword } from './lib.js';
 import 'clsx';
 import 'zod';
 
-type OAuthProvider = OAuthProvidersSchema;
-type EmailAuthConfig = GetPublicEmailAuthConfigResponse;
-/**
- * Insforge User type
- */
-interface InsforgeUser {
-    id: string;
-    email: string;
-    name?: string;
-    avatarUrl?: string;
-}
-/**
- * Base appearance props for styling components
- */
-interface BaseAppearance {
-    containerClassName?: string;
-    [key: string]: string | undefined;
-}
-/**
- * Props for AuthContainer component
- */
-interface AuthContainerProps {
-    children: ReactNode;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-    };
-}
-/**
- * Props for AuthHeader component
- */
-interface AuthHeaderProps {
-    title: string;
-    subtitle?: string;
-    appearance?: {
-        containerClassName?: string;
-        titleClassName?: string;
-        subtitleClassName?: string;
-    };
-}
-/**
- * Props for AuthErrorBanner component
- */
-interface AuthErrorBannerProps {
-    error: string;
-    className?: string;
-}
-/**
- * Props for AuthFormField component
- */
-interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: string;
-    id: string;
-    appearance?: {
-        containerClassName?: string;
-        labelClassName?: string;
-        inputClassName?: string;
-    };
-}
-/**
- * Props for AuthPasswordField component
- */
-interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label: string;
-    id: string;
-    showStrengthIndicator?: boolean;
-    emailAuthConfig: EmailAuthConfig;
-    forgotPasswordLink?: {
-        href: string;
-        text?: string;
-    };
-    appearance?: {
-        containerClassName?: string;
-        labelClassName?: string;
-        inputClassName?: string;
-    };
-}
-/**
- * Props for AuthPasswordStrengthIndicator component
- */
-interface AuthPasswordStrengthIndicatorProps {
-    password: string;
-    config: EmailAuthConfig;
-    appearance?: {
-        containerClassName?: string;
-        requirementClassName?: string;
-    };
-}
-/**
- * Props for AuthSubmitButton component
- */
-interface AuthSubmitButtonProps {
-    children: ReactNode;
-    isLoading?: boolean;
-    confirmed?: boolean;
-    disabled?: boolean;
-    className?: string;
-}
-/**
- * Props for AuthLink component
- */
-interface AuthLinkProps {
-    text: string;
-    linkText: string;
-    href: string;
-    appearance?: {
-        containerClassName?: string;
-        linkClassName?: string;
-    };
-}
-/**
- * Props for AuthDivider component
- */
-interface AuthDividerProps {
-    text?: string;
-    className?: string;
-}
-/**
- * Props for AuthOAuthButton component
- */
-interface AuthOAuthButtonProps {
-    provider: OAuthProvider;
-    onClick: (provider: OAuthProvider) => void;
-    disabled?: boolean;
-    loading?: boolean;
-    displayMode?: 'full' | 'short' | 'icon';
-    style?: CSSProperties;
-    className?: string;
-}
-/**
- * Props for AuthOAuthProviders component
- */
-interface AuthOAuthProvidersProps {
-    providers: OAuthProvider[];
-    onClick: (provider: OAuthProvider) => void;
-    disabled?: boolean;
-    loading: OAuthProvider | null;
-    appearance?: {
-        containerClassName?: string;
-        buttonClassName?: string;
-    };
-}
-/**
- * Props for AuthVerificationCodeInput component
- */
-interface AuthVerificationCodeInputProps {
-    length?: number;
-    value: string;
-    email: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-    appearance?: {
-        containerClassName?: string;
-        inputClassName?: string;
-    };
-}
-/**
- * Configuration for an OAuth provider
- */
-interface OAuthProviderConfig {
-    name: string;
-    svg: ReactNode;
-    className: string;
-}
-/**
- * Props for SignInForm component
- */
-interface SignInFormProps {
-    email: string;
-    password: string;
-    onEmailChange: (email: string) => void;
-    onPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    oauthLoading?: OAuthProvider | null;
-    availableProviders?: OAuthProvider[];
-    onOAuthClick?: (provider: OAuthProvider) => void;
-    emailAuthConfig?: EmailAuthConfig;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    forgotPasswordText?: string;
-    forgotPasswordUrl?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signUpText?: string;
-    signUpLinkText?: string;
-    signUpUrl?: string;
-    dividerText?: string;
-}
-/**
- * Props for SignUpForm component
- */
-interface SignUpFormProps {
-    email: string;
-    password: string;
-    onEmailChange: (email: string) => void;
-    onPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    oauthLoading?: OAuthProvider | null;
-    availableProviders?: OAuthProvider[];
-    onOAuthClick?: (provider: OAuthProvider) => void;
-    emailAuthConfig?: EmailAuthConfig;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signInText?: string;
-    signInLinkText?: string;
-    signInUrl?: string;
-    dividerText?: string;
-}
-/**
- * Props for ForgotPasswordForm component
- */
-interface ForgotPasswordFormProps {
-    email: string;
-    onEmailChange: (email: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    success?: boolean;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    backToSignInText?: string;
-    backToSignInUrl?: string;
-    successTitle?: string;
-    successMessage?: string;
-}
-/**
- * Props for ResetPasswordForm component
- */
-interface ResetPasswordFormProps {
-    newPassword: string;
-    confirmPassword: string;
-    onNewPasswordChange: (password: string) => void;
-    onConfirmPasswordChange: (password: string) => void;
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    error?: string;
-    loading?: boolean;
-    emailAuthConfig?: EmailAuthConfig;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    newPasswordLabel?: string;
-    newPasswordPlaceholder?: string;
-    confirmPasswordLabel?: string;
-    confirmPasswordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    backToSignInText?: string;
-    backToSignInUrl?: string;
-}
-/**
- * Props for VerifyEmailStatus component
- */
-interface VerifyEmailStatusProps {
-    status: 'verifying' | 'success' | 'error';
-    error?: string;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-    };
-    verifyingTitle?: string;
-    successTitle?: string;
-    successMessage?: string;
-    errorTitle?: string;
-}
-/**
- * Props for the SignIn component
- */
-interface SignInProps {
-    afterSignInUrl?: string;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    forgotPasswordText?: string;
-    forgotPasswordUrl?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signUpText?: string;
-    signUpLinkText?: string;
-    signUpUrl?: string;
-    dividerText?: string;
-    onSuccess?: (user: {
-        id: string;
-        email: string;
-        name: string;
-    }, accessToken: string) => void;
-    onError?: (error: Error) => void;
-    onRedirect?: (url: string) => void;
-}
-/**
- * Props for the SignUp component
- */
-interface SignUpProps {
-    afterSignUpUrl?: string;
-    appearance?: {
-        containerClassName?: string;
-        cardClassName?: string;
-        formClassName?: string;
-        buttonClassName?: string;
-    };
-    title?: string;
-    subtitle?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    submitButtonText?: string;
-    loadingButtonText?: string;
-    signInText?: string;
-    signInLinkText?: string;
-    signInUrl?: string;
-    dividerText?: string;
-    onSuccess?: (user: {
-        id: string;
-        email: string;
-        name: string;
-    }, accessToken: string) => void;
-    onError?: (error: Error) => void;
-    onRedirect?: (url: string) => void;
-}
-/**
- * Props for Protect component
- */
-interface ProtectProps {
-    children: ReactNode;
-    fallback?: ReactNode;
-    redirectTo?: string;
-    condition?: (user: InsforgeUser) => boolean;
-    onRedirect?: (url: string) => void;
-}
-/**
- * Props for conditional rendering components (SignedIn, SignedOut)
- */
-interface ConditionalProps {
-    children: ReactNode;
-}
-/**
- * Props for UserButton component
- */
-interface UserButtonProps {
-    afterSignOutUrl?: string;
-    mode?: 'detailed' | 'simple';
-    appearance?: {
-        containerClassName?: string;
-        buttonClassName?: string;
-        nameClassName?: string;
-        emailClassName?: string;
-        dropdownClassName?: string;
-    };
-}
-
 /**
  * Pre-built sign-in component with full authentication logic.
  *
@@ -587,545 +191,6 @@ interface InsforgeCallbackProps {
  */
 declare function InsforgeCallback({ redirectTo, onSuccess, onError, loadingComponent, onRedirect, }: InsforgeCallbackProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
 
-/**
- * Pre-built sign-in form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [password, setPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.signIn(email, password);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <SignInForm
- *   email={email}
- *   password={password}
- *   onEmailChange={setEmail}
- *   onPasswordChange={setPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- * />
- * ```
- */
-declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, }: SignInFormProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Pre-built sign-up form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [password, setPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.signUp(email, password);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <SignUpForm
- *   email={email}
- *   password={password}
- *   onEmailChange={setEmail}
- *   onPasswordChange={setPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- * />
- * ```
- */
-declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Pre-built forgot password form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [email, setEmail] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- * const [success, setSuccess] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   setLoading(true);
- *   try {
- *     await authService.sendResetPasswordCode({ email });
- *     setSuccess(true);
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <ForgotPasswordForm
- *   email={email}
- *   onEmailChange={setEmail}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- *   success={success}
- * />
- * ```
- */
-declare function ForgotPasswordForm({ email, onEmailChange, onSubmit, error, loading, success, appearance, title, subtitle, emailLabel, emailPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, successTitle, successMessage, }: ForgotPasswordFormProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Pre-built reset password form component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [newPassword, setNewPassword] = useState('');
- * const [confirmPassword, setConfirmPassword] = useState('');
- * const [error, setError] = useState('');
- * const [loading, setLoading] = useState(false);
- *
- * const handleSubmit = async (e) => {
- *   e.preventDefault();
- *   if (newPassword !== confirmPassword) {
- *     setError('Passwords do not match');
- *     return;
- *   }
- *   setLoading(true);
- *   try {
- *     await authService.resetPassword({ newPassword, token });
- *   } catch (err) {
- *     setError(err.message);
- *   } finally {
- *     setLoading(false);
- *   }
- * };
- *
- * <ResetPasswordForm
- *   newPassword={newPassword}
- *   confirmPassword={confirmPassword}
- *   onNewPasswordChange={setNewPassword}
- *   onConfirmPasswordChange={setConfirmPassword}
- *   onSubmit={handleSubmit}
- *   error={error}
- *   loading={loading}
- *   emailAuthConfig={config}
- * />
- * ```
- */
-declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, emailAuthConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Email verification status display component (UI only, no business logic).
- *
- * @component
- * @example
- * ```tsx
- * const [status, setStatus] = useState('verifying');
- * const [error, setError] = useState('');
- *
- * useEffect(() => {
- *   const verify = async () => {
- *     try {
- *       await authService.verifyEmail({ token });
- *       setStatus('success');
- *     } catch (err) {
- *       setError(err.message);
- *       setStatus('error');
- *     }
- *   };
- *   verify();
- * }, [token]);
- *
- * <VerifyEmailStatus
- *   status={status}
- *   error={error}
- * />
- * ```
- */
-declare function VerifyEmailStatus({ status, error, appearance, verifyingTitle, successTitle, successMessage, errorTitle, }: VerifyEmailStatusProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Insforge branding component for authentication pages.
- *
- * @component
- * @example
- * ```tsx
- * <AuthBranding />
- * ```
- */
-declare function AuthBranding(): react_jsx_runtime.JSX.Element;
-
-/**
- * Main container component for authentication forms.
- *
- * @component
- * @example
- * ```tsx
- * <AuthContainer>
- *   <AuthHeader title="Sign In" />
- *   <form>...</form>
- * </AuthContainer>
- *
- * // With custom styling
- * <AuthContainer
- *   appearance={{
- *     cardClassName: "bg-gray-50"
- *   }}
- * >
- *   <AuthHeader title="Sign In" />
- *   <form>...</form>
- * </AuthContainer>
- * ```
- *
- * @param {ReactNode} children - Form content
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Outer container element
- *   - `appearance.cardClassName`: Inner card element (white background area)
- */
-declare function AuthContainer({ children, appearance }: AuthContainerProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Header component for authentication forms displaying title and optional subtitle.
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <AuthHeader
- *   title="Welcome Back"
- *   subtitle="Sign in to continue"
- * />
- *
- * // With custom styling
- * <AuthHeader
- *   title="Welcome Back"
- *   appearance={{
- *     titleClassName: "text-purple-900 text-3xl",
- *     subtitleClassName: "text-purple-700"
- *   }}
- * />
- * ```
- *
- * @param {string} title - Main heading text
- * @param {string} [subtitle] - Optional subheading text
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.titleClassName`: Title element
- *   - `appearance.subtitleClassName`: Subtitle element
- */
-declare function AuthHeader({ title, subtitle, appearance }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Error message banner for authentication forms.
- *
- * @component
- * @example
- * ```tsx
- * <AuthErrorBanner error={error} />
- * ```
- *
- * @param {string} error - Error message to display
- * @param {string} [className] - Banner element classes
- */
-declare function AuthErrorBanner({ error, className }: AuthErrorBannerProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Standard form input field with label for authentication forms.
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <AuthFormField
- *   id="email"
- *   type="email"
- *   label="Email Address"
- * />
- *
- * // With custom styling
- * <AuthFormField
- *   id="email"
- *   label="Email"
- *   appearance={{
- *     containerClassName: "flex flex-col justify-center items-stretch gap-1",
- *     inputClassName: "border-blue-500 focus:ring-blue-500",
- *     labelClassName: "text-blue-900 font-semibold"
- *   }}
- * />
- * ```
- *
- * @param {string} label - Label text
- * @param {string} id - Input element ID
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.labelClassName`: Label element
- *   - `appearance.inputClassName`: Input element
- */
-declare function AuthFormField({ label, id, appearance, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Password input field with visibility toggle and optional strength indicator.
- *
- * @component
- * @example
- * ```tsx
- * // With forgot password link
- * <AuthPasswordField
- *   id="password"
- *   label="Password"
- *   forgotPasswordLink={{ href: '/forgot-password' }}
- *   emailAuthConfig={config}
- * />
- *
- * // With custom styling
- * <AuthPasswordField
- *   id="password"
- *   label="Password"
- *   emailAuthConfig={config}
- *   appearance={{
- *     inputClassName: "border-blue-500",
- *     labelClassName: "text-blue-900"
- *   }}
- * />
- * ```
- *
- * @param {string} label - Label text
- * @param {string} id - Input element ID
- * @param {boolean} [showStrengthIndicator] - Show password strength requirements
- * @param {object} [forgotPasswordLink] - Forgot password link config
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.labelClassName`: Label element
- *   - `appearance.inputClassName`: Input element
- */
-declare function AuthPasswordField({ label, id, showStrengthIndicator, emailAuthConfig, forgotPasswordLink, value, appearance, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Password strength indicator showing requirement checklist.
- *
- * @component
- * @example
- * ```tsx
- * <AuthPasswordStrengthIndicator
- *   password={password}
- *   config={emailAuthConfig}
- * />
- *
- * // With custom styling
- * <AuthPasswordStrengthIndicator
- *   password={password}
- *   config={emailAuthConfig}
- *   appearance={{
- *     requirementClassName: "text-lg"
- *   }}
- * />
- * ```
- *
- * @param {string} password - Current password value
- * @param {object} config - Email auth configuration
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.requirementClassName`: Requirement text elements
- */
-declare function AuthPasswordStrengthIndicator({ password, config, appearance, }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
-/**
- * Validates that a password meets all strength requirements based on email auth configuration.
- *
- * @param password - The password string to validate
- * @param config - Email authentication configuration from backend
- * @returns true if all requirements are met, false otherwise
- */
-declare function validatePasswordStrength(password: string, config: EmailAuthConfig): boolean;
-
-/**
- * Primary submit button for authentication forms with loading and confirmed states.
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <AuthSubmitButton isLoading={loading}>
- *   Sign In
- * </AuthSubmitButton>
- *
- * // With custom styling
- * <AuthSubmitButton className="bg-purple-600 hover:bg-purple-700">
- *   Sign In
- * </AuthSubmitButton>
- * ```
- *
- * @param {ReactNode} children - Button text
- * @param {boolean} [isLoading] - Loading state (shows spinner)
- * @param {boolean} [confirmed] - Confirmed state (shows checkmark)
- * @param {boolean} [disabled] - Disabled state
- * @param {string} [className] - Button element classes
- */
-declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, className, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Call-to-action link component for navigation between auth pages.
- *
- * @component
- * @example
- * ```tsx
- * <AuthLink
- *   text="Don't have an account?"
- *   linkText="Sign up"
- *   href="/sign-up"
- * />
- *
- * // With custom styling
- * <AuthLink
- *   text="Don't have an account?"
- *   linkText="Sign up"
- *   href="/sign-up"
- *   appearance={{
- *     linkClassName: "text-blue-500"
- *   }}
- * />
- * ```
- *
- * @param {string} text - Regular text before the link
- * @param {string} linkText - Clickable link text
- * @param {string} href - Link URL
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.linkClassName`: Link element
- */
-declare function AuthLink({ text, linkText, href, appearance }: AuthLinkProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Visual divider with optional centered text for auth forms.
- *
- * @component
- * @example
- * ```tsx
- * <AuthDivider text="or" />
- * ```
- *
- * @param {string} [text='or'] - Centered text
- * @param {string} [className] - Divider element classes
- */
-declare function AuthDivider({ text, className }: AuthDividerProps): react_jsx_runtime.JSX.Element;
-
-/**
- * OAuth provider button with adaptive display modes.
- *
- * @component
- * @example
- * ```tsx
- * <AuthOAuthButton
- *   provider="google"
- *   onClick={handleOAuth}
- *   displayMode="full"
- * />
- * ```
- *
- * @param {OAuthProvider} provider - Provider identifier (e.g., 'google', 'github')
- * @param {function} onClick - Click handler
- * @param {boolean} [disabled] - Disabled state
- * @param {boolean} [loading] - Loading state (shows spinner)
- * @param {string} [displayMode='full'] - Display mode ('full' | 'short' | 'icon')
- * @param {string} [className] - Button element classes
- */
-declare function AuthOAuthButton({ provider, onClick, disabled, loading, displayMode, style, className }: AuthOAuthButtonProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Smart OAuth provider grid with adaptive layout.
- *
- * Automatically adjusts layout based on provider count:
- * - 1 provider: Full-width
- * - 2 or 4 providers: Two columns
- * - 3+ providers: Three columns
- *
- * @component
- * @example
- * ```tsx
- * <AuthOAuthProviders
- *   providers={['google', 'github', 'discord']}
- *   onClick={handleOAuth}
- *   loading={currentProvider}
- * />
- *
- * // With custom styling
- * <AuthOAuthProviders
- *   providers={['google', 'github']}
- *   onClick={handleOAuth}
- *   loading={currentProvider}
- *   appearance={{
- *     buttonClassName: "hover:bg-blue-50"
- *   }}
- * />
- * ```
- *
- * @param {OAuthProvider[]} providers - Provider identifiers array
- * @param {function} onClick - Provider click handler
- * @param {boolean} [disabled] - Disabled state for all buttons
- * @param {OAuthProvider | null} loading - Currently loading provider
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Grid container element
- *   - `appearance.buttonClassName`: OAuth button elements
- */
-declare function AuthOAuthProviders({ providers, onClick, disabled, loading, appearance, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * 6-digit verification code input component with auto-focus and paste support.
- *
- * @component
- * @example
- * ```tsx
- * const [code, setCode] = useState('');
- *
- * <AuthVerificationCodeInput
- *   email="user@example.com"
- *   value={code}
- *   onChange={setCode}
- * />
- *
- * // With custom styling
- * <AuthVerificationCodeInput
- *   email="user@example.com"
- *   value={code}
- *   onChange={setCode}
- *   appearance={{
- *     inputClassName: "border-blue-500"
- *   }}
- * />
- * ```
- *
- * @param {string} email - Email address to display in instructions
- * @param {string} value - Current code value
- * @param {function} onChange - Code change handler
- * @param {number} [length=6] - Number of digits
- * @param {boolean} [disabled] - Disabled state
- * @param {object} [appearance] - Tailwind CSS classes for styling
- *   - `appearance.containerClassName`: Container element
- *   - `appearance.inputClassName`: Input elements
- */
-declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, appearance, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
-
 interface InsforgeContextValue {
     user: InsforgeUser | null;
     isLoaded: boolean;
@@ -1383,4 +448,4 @@ declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig
  */
 declare function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>>;
 
-export { AuthBranding, AuthContainer, type AuthContainerProps, AuthDivider, type AuthDividerProps, AuthErrorBanner, type AuthErrorBannerProps, AuthFormField, type AuthFormFieldProps, AuthHeader, type AuthHeaderProps, AuthLink, type AuthLinkProps, AuthOAuthButton, type AuthOAuthButtonProps, AuthOAuthProviders, type AuthOAuthProvidersProps, AuthPasswordField, type AuthPasswordFieldProps, AuthPasswordStrengthIndicator, type AuthPasswordStrengthIndicatorProps, AuthSubmitButton, type AuthSubmitButtonProps, AuthVerificationCodeInput, type AuthVerificationCodeInputProps, type BaseAppearance, type ConditionalProps, type EmailAuthConfig, ForgotPasswordForm, type ForgotPasswordFormProps, InsforgeCallback, type InsforgeCallbackProps, InsforgeProvider, type InsforgeProviderProps, type InsforgeUser, type OAuthProvider, type OAuthProviderConfig, Protect, type ProtectProps, ResetPasswordForm, type ResetPasswordFormProps, SignIn, SignInForm, type SignInFormProps, type SignInProps, SignUp, SignUpForm, type SignUpFormProps, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, VerifyEmailStatus, type VerifyEmailStatusProps, getAllProviderConfigs, getProviderConfig, useAuth, useInsforge, usePublicAuthConfig, useUser, validatePasswordStrength };
+export { ConditionalProps, InsforgeCallback, type InsforgeCallbackProps, InsforgeProvider, type InsforgeProviderProps, InsforgeUser, OAuthProvider, OAuthProviderConfig, Protect, ProtectProps, SignIn, SignInProps, SignUp, SignUpProps, SignedIn, SignedOut, UserButton, UserButtonProps, getAllProviderConfigs, getProviderConfig, useAuth, useInsforge, usePublicAuthConfig, useUser };