import type { TextFieldPropsShared } from "@metamask/design-system-shared";
import type { ComponentPropsWithoutRef, Ref } from "react";
import type { InputProps } from "../Input/Input.types.cjs";
/**
 * TextField size variants (web-only, ADR-0003).
 *
 * The React Native `TextField` ships a fixed height and intentionally does not
 * expose a size prop, so this const object lives in the web package only.
 */
export declare const TextFieldSize: {
    readonly Sm: "sm";
    readonly Md: "md";
    readonly Lg: "lg";
};
export type TextFieldSize = (typeof TextFieldSize)[keyof typeof TextFieldSize];
/**
 * Native input `type` attribute values supported by the web TextField
 * (ADR-0003). React Native consumers use `inputProps.keyboardType` /
 * `inputProps.secureTextEntry` instead, so this is web-only.
 */
export declare const TextFieldType: {
    readonly Text: "text";
    readonly Number: "number";
    readonly Password: "password";
    readonly Search: "search";
};
export type TextFieldType = (typeof TextFieldType)[keyof typeof TextFieldType];
type TextFieldInputProps = Omit<InputProps, 'autoFocus' | 'id' | 'isDisabled' | 'isReadOnly' | 'isStateStylesDisabled' | 'maxLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'type' | 'value'>;
export type TextFieldProps = Omit<ComponentPropsWithoutRef<'div'>, 'onBlur' | 'onChange' | 'onFocus' | 'onClick'> & TextFieldPropsShared & {
    /**
     * The size of the text field. Controls the height.
     *
     * @default TextFieldSize.Md
     */
    size?: TextFieldSize;
    /**
     * The native input `type` attribute.
     *
     * @default TextFieldType.Text
     */
    type?: TextFieldType;
    /**
     * If true, truncates overflowing input text with an ellipsis.
     *
     * @default true
     */
    truncate?: boolean;
    /**
     * Max number of characters to allow.
     */
    maxLength?: number;
    /**
     * Name attribute of the inner `input` element.
     */
    name?: string;
    /**
     * `id` of the inner `input` element.
     */
    id?: string;
    /**
     * If true, the inner input is marked as required.
     */
    required?: boolean;
    /**
     * Additional props for the inner `Input`. Do not pass `value`,
     * `placeholder`, `isDisabled`, `isReadOnly`, `onFocus`, `onBlur`,
     * `onChange`, `id`, `name`, `type`, `maxLength`, or `required` here;
     * use the TextField-level props above.
     */
    inputProps?: TextFieldInputProps;
    /**
     * Ref to the inner `input` element. The component `ref` targets the
     * root `div`.
     */
    inputRef?: Ref<HTMLInputElement>;
    /**
     * Called when the inner input value changes.
     */
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * Called when the inner input receives focus.
     */
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * Called when the inner input loses focus.
     */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * Called when the root container is clicked. Focuses the inner input.
     */
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /**
     * Optional additional CSS classes for the root container.
     */
    className?: string;
    /**
     * Optional inline styles for the root container.
     */
    style?: React.CSSProperties;
};
export {};
//# sourceMappingURL=TextField.types.d.cts.map