import { CardProps } from '@heroui/react';
import { SocialLayout } from '../provider-buttons.js';
import { AuthSurfaceVariant } from '../../../lib/auth/core/resolve-auth-input-variant.js';
import { AthenaAuthUiOptions } from '../../../lib/auth/core/ui-options.js';
export interface SignInUsernameProps {
    className?: string;
    socialLayout?: SocialLayout;
    socialPosition?: "top" | "bottom";
    ui?: AthenaAuthUiOptions;
    /** Shell variant; `primary`/`transparent` → primary TextFields. */
    variant?: AuthSurfaceVariant;
}
/**
 * Render the username-based sign-in UI.
 *
 * @returns The sign-in JSX element containing username/password fields, optional magic-link button, and social provider buttons.
 */
export declare function SignInUsername({ className, socialLayout, socialPosition, ui, variant, ...props }: SignInUsernameProps & Omit<CardProps, "children" | "variant">): import("react").JSX.Element;