import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
import { IconName } from '../Icons';
import { type GlassVariant } from '../../../lib/glass';
export interface InputFieldProps extends Omit<ComposableProps<'input'>, 'size'> {
    /**
     * Icon displayed on the left side of input
     * Can be an IconName string or a custom React component
     */
    leadingIcon?: IconName | React.ReactNode;
    /**
     * Icon displayed on the right side of input
     * Can be an IconName string or a custom React component
     */
    trailingIcon?: IconName | React.ReactNode;
    /**
     * Size for leading icon
     */
    leadingIconSize?: number;
    /**
     * Size for trailing icon
     */
    trailingIconSize?: number;
    /**
     * Additional CSS classes for leading icon container
     */
    leadingIconClassName?: string;
    /**
     * Additional CSS classes for trailing icon container
     */
    trailingIconClassName?: string;
    /**
     * Additional CSS classes for the wrapper div
     */
    wrapperClassName?: string;
    /**
     * Additional inline styles for the wrapper div
     */
    wrapperStyle?: React.CSSProperties;
    /**
     * Enable glassmorphism effect on input background
     * - `true`: Standard glass effect
     * - `'subtle'`: Subtle glass effect
     * - `'prominent'`: Prominent glass effect
     */
    glass?: GlassVariant;
}
/**
 * InputField Component
 *
 * A composable input field component that wraps the HTML `<input>` element.
 * Supports icons, validation states, and all standard input attributes.
 *
 * @public
 *
 * @example
 * ```tsx
 * <Input>
 *   <InputLabel>Email</InputLabel>
 *   <InputField type="email" leadingIcon="mail" placeholder="Enter email" />
 * </Input>
 * ```
 *
 * @remarks
 * - Wraps the HTML `<input>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Automatically applies validation state styling based on context.
 * - Supports leading and trailing icons.
 * - Accessible: includes ARIA attributes and keyboard navigation.
 */
export declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=InputField.d.ts.map