import { InputProps, SystemProps } from "@chakra-ui/react";
import type { CSSProperties, ReactNode } from "react";
/** The library's primary single-line text field (default size `sm`, 38px; no default placeholder). `type="password"` auto-renders a show/hide toggle unless `inputRightIcon` is set or `isPasswordToggleDisabled` is true. Inside a consumer's own `FormControl`, it detects the ancestor and skips rendering its own, inheriting id/invalid/required/disabled from it. */
export type TextInputProps = Omit<InputProps, "id" | "name" | "minW" | "maxW" | "autoComplete" | "ref" | "isInvalid"> & {
    label?: string;
    /** Optional — an id is generated when omitted, so the label is always bound. `isRequired` sets `aria-required`, not native `required`. */
    id?: string;
    name?: string;
    /** Marks the input invalid (error border + `aria-invalid`) and swaps `helperText` for `errorMessage`. */
    error?: boolean;
    /** Shown while `error` is true. Omitting it renders no message and still hides `helperText`. */
    errorMessage?: string;
    /** Shown under the field when there is no error; linked via `aria-describedby`. */
    helperText?: string;
    /** Chakra field look: `"outline"` (default), `"filled"` (tinted, borderless until focus) or `"flushed"` (bottom border only). */
    variant?: "outline" | "filled" | "flushed";
    /** When set, the right icon renders as a real, focusable `<button>`. */
    onRightIconClick?: () => void;
    /** @deprecated Misspelt; use `onRightIconClick`, which wins when both are set. */
    onRightIconclick?: () => void;
    /** Decorative (`aria-hidden`) unless `onRightIconClick` is set. Takes priority over the automatic password toggle. */
    inputRightIcon?: ReactNode;
    /** Accessible name for the clickable right icon, e.g. "Show password". */
    rightIconAriaLabel?: string;
    /** When set, the left icon renders as a real, focusable `<button>`. */
    onLeftIconClick?: () => void;
    /** Decorative (`aria-hidden`) unless `onLeftIconClick` is set. */
    inputLeftIcon?: ReactNode;
    /** Accessible name for the clickable left icon. */
    leftIconAriaLabel?: string;
    /** Non-interactive segment attached outside the field's left edge, e.g. a protocol like "https://". */
    inputLeftAddon?: ReactNode;
    /** Non-interactive segment attached outside the field's right edge, e.g. a unit like "kg". */
    inputRightAddon?: ReactNode;
    /** Shows a clear (x) button once there is a value; requires a controlled string `value` and fires `onChange` with `""`. */
    isClearable?: boolean;
    /** Accessible name for the clear button; defaults to "Clear" (or "<label>: Clear"). */
    clearIconAriaLabel?: string;
    /** Shows "length/maxLength" under the field; needs both `maxLength` and a controlled string `value`. */
    showCharacterCount?: boolean;
    /** Shows a spinner in place of the right icon(s) and sets `aria-busy`; does not itself disable the field. */
    isLoading?: boolean;
    /** Opts out of the automatic show/hide button that `type="password"` renders when no `inputRightIcon` is set. */
    isPasswordToggleDisabled?: boolean;
    /** Chakra style props spread onto the `<input>`; rest props spread after and win. */
    inputStyle?: SystemProps;
    /** Plain CSS `style` object for the InputGroup wrapper, not Chakra style props. */
    inputGroupStyle?: CSSProperties;
    /** Shows an info icon beside the label; needs both `label` and `informationMessage` to render. Independent of `error`/`helperText` — it lives beside the label, not in the message row below the field. */
    isInformation?: boolean;
    /** Tooltip text for the info icon; ignored unless `isInformation` is true. */
    informationMessage?: string;
    /** Chakra style props for the left icon slot; its height, display and alignItems are always overridden. */
    leftElementStyle?: SystemProps;
    /** Chakra style props for the right icon slot; its height, display and alignItems are always overridden. */
    rightElementStyle?: SystemProps;
    ref?: React.Ref<HTMLInputElement>;
    autoComplete?: string;
    /** Applied to the whole field wrapper, not just the `<input>`. */
    minW?: string;
    /** Applied to the whole field wrapper, not just the `<input>`. */
    maxW?: string;
};