import { StoryObj } from "@storybook/react";
import React from "react";
import { TextField } from "./react";
declare const _default: {
    title: string;
    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "form" | "label" | "mask" | "pattern" | "type" | "name" | "size" | "tooltip" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "onfocus" | "oninput" | "invalid" | "autocomplete" | "disabled" | "helpText" | "optional" | "max" | "min" | "minLength" | "minlength" | "maxLength" | "maxlength" | "placeholder" | "readOnly" | "readonly" | "required" | "value" | "step" | "formatter" | "_hasPrefix" | "_hasSuffix" | "updated" | "firstUpdated" | "resetFormControl" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange" | "helpTextSlotChange" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onFocus" | "onBlur" | "onChange" | "onInput"> & {
        onBlur?: ((e: FocusEvent) => void) | undefined;
        onblur?: ((e: FocusEvent) => void) | undefined;
        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
        onInput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
        oninput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
        onFocus?: ((e: FocusEvent) => void) | undefined;
        onfocus?: ((e: FocusEvent) => void) | undefined;
    } & Partial<Omit<import("./textfield").WarpTextField, keyof HTMLElement>> & React.RefAttributes<import("./textfield").WarpTextField>, "ref">, "help-text" | "helpText" | "min-length" | "max-length" | "read-only"> & {
        helpText?: string | React.ReactElement;
        minLength?: number;
        maxLength?: number;
        readOnly?: boolean;
    } & React.RefAttributes<import("./textfield").WarpTextField>): React.JSX.Element;
    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "form" | "label" | "mask" | "pattern" | "type" | "name" | "size" | "tooltip" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "onfocus" | "oninput" | "invalid" | "autocomplete" | "disabled" | "helpText" | "optional" | "max" | "min" | "minLength" | "minlength" | "maxLength" | "maxlength" | "placeholder" | "readOnly" | "readonly" | "required" | "value" | "step" | "formatter" | "_hasPrefix" | "_hasSuffix" | "updated" | "firstUpdated" | "resetFormControl" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange" | "helpTextSlotChange" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onFocus" | "onBlur" | "onChange" | "onInput"> & {
        onBlur?: ((e: FocusEvent) => void) | undefined;
        onblur?: ((e: FocusEvent) => void) | undefined;
        onChange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
        onchange?: ((e: import("../types").ChangeEventWithTarget<HTMLInputElement>) => void) | undefined;
        onInput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
        oninput?: ((e: import("../types").InputEventWithTarget<HTMLInputElement>) => void) | undefined;
        onFocus?: ((e: FocusEvent) => void) | undefined;
        onfocus?: ((e: FocusEvent) => void) | undefined;
    } & Partial<Omit<import("./textfield").WarpTextField, keyof HTMLElement>> & React.RefAttributes<import("./textfield").WarpTextField>, "ref">, "help-text" | "helpText" | "min-length" | "max-length" | "read-only"> & {
        helpText?: string | React.ReactElement;
        minLength?: number;
        maxLength?: number;
        readOnly?: boolean;
    } & React.RefAttributes<import("./textfield").WarpTextField>>;
    args: {
        type: string;
        optional: false;
        required: false;
        disabled: false;
        invalid: false;
        size: undefined;
        max: undefined;
        maxLength: undefined;
        min: undefined;
        minLength: undefined;
        readOnly: false;
    };
    argTypes: {
        max: {
            type: "number";
        };
        min: {
            type: "number";
        };
        maxLength: {
            type: "number";
        };
        minLength: {
            type: "number";
        };
        size: {
            type: "number";
        };
    };
};
export default _default;
export type Story = StoryObj<typeof TextField>;
export declare const Default: Story;
export declare const WithPlaceholder: Story;
export declare const WithHelpText: Story;
export declare const WithJsxHelpText: Story;
export declare const Invalid: Story;
export declare const Disabled: Story;
export declare const ReadOnly: Story;
export declare const Required: Story;
export declare const WithAffix: Story;
export declare const Masking: Story;