import React, { ComponentPropsWithoutRef } from "react";
import { VariantProps } from "tailwind-variants";
import { InputVariantProps } from "../../styles";
import { FlexProps } from "../Flex";
import { SlotProps } from "../Slot";
export type InputProps = Omit<ComponentPropsWithoutRef<"input">, "onClick" | "size"> & {
    /**
     * An input helper rendered before and attached to the input field.
     */
    startEnhancer?: React.ReactNode;
    /**
     * An input helper rendered after and attached to the input field.
     */
    endEnhancer?: React.ReactNode;
    /**
     * Whether to render an X icon at the end of the input field that can clear the Input.
     */
    clearable?: boolean;
    /**
     * Whether to clear the input value when the escape key is pressed.
     */
    clearOnEscape?: boolean;
    inputRef?: React.RefObject<HTMLInputElement> | ((instance: HTMLInputElement) => void);
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    onEnter?: (value: InputProps["value"]) => unknown;
    overrides?: {
        Input?: Partial<Omit<InputProps, "size">>;
        Container?: Partial<FlexProps>;
    };
    warning?: boolean;
} & InputVariantProps & Omit<SlotProps<"input">, "size">;
declare const enhancerSeparatorVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        start: string;
        end: string;
    };
}, undefined, "h-[38px]", {
    variant: {
        start: string;
        end: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        start: string;
        end: string;
    };
}, undefined, "h-[38px]", unknown, unknown, undefined>>;
export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onClick" | "size"> & {
    /**
     * An input helper rendered before and attached to the input field.
     */
    startEnhancer?: React.ReactNode;
    /**
     * An input helper rendered after and attached to the input field.
     */
    endEnhancer?: React.ReactNode;
    /**
     * Whether to render an X icon at the end of the input field that can clear the Input.
     */
    clearable?: boolean;
    /**
     * Whether to clear the input value when the escape key is pressed.
     */
    clearOnEscape?: boolean;
    inputRef?: React.RefObject<HTMLInputElement> | ((instance: HTMLInputElement) => void);
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    onEnter?: (value: InputProps["value"]) => unknown;
    overrides?: {
        Input?: Partial<Omit<InputProps, "size">>;
        Container?: Partial<FlexProps>;
    };
    warning?: boolean;
} & InputVariantProps & Omit<SlotProps<"input">, "size"> & React.RefAttributes<HTMLDivElement>> & {
    EnhancerSeparator: ({ variant, }: Required<VariantProps<typeof enhancerSeparatorVariants>>) => React.JSX.Element;
};
export {};
//# sourceMappingURL=Input.d.ts.map