import type { StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    tags: "figma:InputFields"[];
    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;
        clearButtonLabel?: string;
    } & import("react").RefAttributes<HTMLInputElement>, "ref">, "width" | "icon"> & {
        label?: React.ReactNode;
        icon?: React.FC<import("../src").IconProps>;
        helperText?: React.ReactNode;
        errorText?: React.ReactNode;
        width?: import("../src/types/general.types").FormFieldSize | [import("../src/types/general.types").FormFieldSize, (import("../src/types/general.types").FormFieldSize | undefined)?, (import("../src/types/general.types").FormFieldSize | undefined)?, (import("../src/types/general.types").FormFieldSize | undefined)?, (import("../src/types/general.types").FormFieldSize | undefined)?] | undefined;
        fullWidth?: boolean;
    } & import("react").RefAttributes<HTMLInputElement>>;
    argTypes: {
        helperText: {
            control: {
                type: "text";
            };
        };
        errorText: {
            control: {
                type: "text";
            };
        };
    };
    parameters: {
        design: {
            type: string;
            url: string;
        };
        backgrounds: {
            default: string;
        };
    };
};
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;
/**
 * The prefix, suffix and icon are visually part of the field, so clicking
 * them focuses the input.
 */
export declare const PrefixSuffixAndIcon: Story;
/**
 * Besides a string, `label` takes a node, for example to add a muted
 * "(optional)" next to the text. It's rendered inside the `<label>`, so keep
 * it phrasing content and non-interactive: all of its text becomes the
 * input's accessible name.
 */
export declare const LabelAsNode: 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.
 * `fullWidth` is a shorthand for `width="full"`.
 */
export declare const FullWidth: Story;
/**
 * Side-by-side comparison: default (intrinsic width) vs fullWidth.
 */
export declare const FullWidthComparison: Story;
/**
 * `fullWidth` also stretches the field when its parent aligns its children to
 * the start, like a vertical `Stack` with the default alignment in a form.
 */
export declare const FullWidthInStartAlignedStack: Story;
/**
 * The `width` prop sizes the whole field, like `width` on `StyledInput`. The
 * input, helper text and error text fill that width.
 */
export declare const Widths: Story;
/**
 * Like `StyledInput`, `width` accepts a tuple of sizes per breakpoint.
 */
export declare const ResponsiveWidth: Story;