import type { StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    component: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
        suffix?: string;
        prefix?: string;
        icon?: React.FC<import("../src").IconProps> | import("../src").IconKey;
        width?: import("../src/types/general.types").FormFieldSize | [import("../src/types/general.types").FormFieldSize, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?];
        height?: import("../src/system/Sizes").FormHeightNames;
        isError?: boolean;
        isClearIconVisible?: boolean;
        onClickClearField?: () => void;
    } & import("react").RefAttributes<HTMLInputElement>, "ref">, "width" | "icon"> & {
        label?: string;
        icon?: React.FC<import("../src").IconProps>;
        helperText?: React.ReactNode;
        errorText?: React.ReactNode;
        fullWidth?: boolean;
    } & import("react").RefAttributes<HTMLInputElement>>;
    argTypes: {
        helperText: {
            control: {
                type: "text";
            };
        };
        errorText: {
            control: {
                type: "text";
            };
        };
    };
    parameters: {
        backgrounds: {
            default: string;
        };
    };
    tags: "new"[];
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Disabled: Story;
export declare const Password: Story;
export declare const HelperText: Story;
/**
 * Helper text given as a string is rendered as sanitized HTML, so translated
 * copy can contain markup such as links.
 *
 * Links are styled by the component itself, consistent with the `Link`
 * component and tied to design tokens. Consumers can override this with
 * their own, more specific CSS if needed.
 */
export declare const HelperTextWithHtml: Story;
export declare const ErrorText: Story;
/**
 * Demonstrates the `fullWidth` prop. The input, helper text, and error text
 * stretch to fill the container width instead of taking their intrinsic size.
 */
export declare const FullWidth: Story;
/**
 * Side-by-side comparison: default (intrinsic width) vs fullWidth.
 */
export declare const FullWidthComparison: Story;