@dpa-id-components/dpa-shared-components 9.4.0 → 9.4.2

package/dist/components/UiInput/UiInput.stories.d.ts

@@ -0,0 +1,992 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            readonly: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import('vue').PropType<string>;
+                required: true;
+            };
+            placeholder: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            autofocus: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            chevron: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            isDateTimePicker: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            autocomplete: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isInvalid: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            errorMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            showWarning: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            warningMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isTextarea: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            hasInfo: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            infoText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            inputStatus: {
+                type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                default: string;
+            };
+            isUiAutocomplete: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            input: (...args: any[]) => void;
+            blur: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
+            keyup: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            readonly: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import('vue').PropType<string>;
+                required: true;
+            };
+            placeholder: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            autofocus: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            chevron: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            isDateTimePicker: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            autocomplete: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isInvalid: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            errorMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            showWarning: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            warningMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isTextarea: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            hasInfo: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            infoText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            inputStatus: {
+                type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                default: string;
+            };
+            isUiAutocomplete: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: "number" | "text" | "time" | "date" | "password";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            placeholder: string;
+            autofocus: boolean;
+            chevron: boolean;
+            isDateTimePicker: boolean;
+            autocomplete: string;
+            isInvalid: boolean;
+            errorMessage: string;
+            showWarning: boolean;
+            warningMessage: string;
+            isTextarea: boolean;
+            hasInfo: boolean;
+            infoText: string;
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+            isUiAutocomplete: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            readonly: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import('vue').PropType<string>;
+                required: true;
+            };
+            placeholder: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            autofocus: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            chevron: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            isDateTimePicker: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            autocomplete: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isInvalid: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            errorMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            showWarning: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            warningMessage: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            isTextarea: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            hasInfo: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            infoText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            inputStatus: {
+                type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                default: string;
+            };
+            isUiAutocomplete: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+        }, {}, {}, {}, {
+            type: "number" | "text" | "time" | "date" | "password";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            placeholder: string;
+            autofocus: boolean;
+            chevron: boolean;
+            isDateTimePicker: boolean;
+            autocomplete: string;
+            isInvalid: boolean;
+            errorMessage: string;
+            showWarning: boolean;
+            warningMessage: string;
+            isTextarea: boolean;
+            hasInfo: boolean;
+            infoText: string;
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+            isUiAutocomplete: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        modelValue: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        autofocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        chevron: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isDateTimePicker: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        autocomplete: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        isInvalid: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        errorMessage: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        showWarning: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        warningMessage: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        isTextarea: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        hasInfo: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        infoText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inputStatus: {
+            type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+            default: string;
+        };
+        isUiAutocomplete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+        blur: (...args: any[]) => void;
+        focus: (...args: any[]) => void;
+        keyup: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, string, {
+        type: "number" | "text" | "time" | "date" | "password";
+        disabled: boolean;
+        label: string;
+        readonly: boolean;
+        id: string;
+        placeholder: string;
+        autofocus: boolean;
+        chevron: boolean;
+        isDateTimePicker: boolean;
+        autocomplete: string;
+        isInvalid: boolean;
+        errorMessage: string;
+        showWarning: boolean;
+        warningMessage: string;
+        isTextarea: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+        isUiAutocomplete: boolean;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            buttons?(_: {}): any;
+        };
+    });
+    argTypes: {
+        modelValue: {
+            control: "text";
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        inputStatus: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        min: {
+            control: string;
+        };
+        max: {
+            control: string;
+        };
+        label: {
+            control: "text";
+        };
+        placeholder: {
+            control: "text";
+        };
+        autofocus: {
+            control: "boolean";
+        };
+        chevron: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        isDateTimePicker: {
+            control: "boolean";
+        };
+        autocomplete: {
+            control: "text";
+        };
+        errorMessage: {
+            control: "text";
+        };
+        warningMessage: {
+            control: "text";
+        };
+        isTextarea: {
+            control: "boolean";
+        };
+    };
+    args: {
+        modelValue: string;
+        type: "text";
+        inputStatus: "default";
+        label: string;
+        placeholder: string;
+        autofocus: false;
+        chevron: false;
+        disabled: false;
+        isDateTimePicker: false;
+        autocomplete: string;
+        errorMessage: string;
+        warningMessage: string;
+        isTextarea: false;
+    };
+    render: (args: any) => {
+        components: {
+            UiInput: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                    type: {
+                        type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    label: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    readonly: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    id: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    modelValue: {
+                        type: import('vue').PropType<string>;
+                        required: true;
+                    };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    autofocus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    chevron: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isDateTimePicker: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    autocomplete: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isInvalid: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    errorMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    showWarning: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    warningMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isTextarea: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    hasInfo: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    infoText: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    inputStatus: {
+                        type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                        default: string;
+                    };
+                    isUiAutocomplete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & {
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onInput?: ((...args: any[]) => any) | undefined;
+                    onKeyup?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    input: (...args: any[]) => void;
+                    blur: (...args: any[]) => void;
+                    focus: (...args: any[]) => void;
+                    keyup: (...args: any[]) => void;
+                    "update:modelValue": (...args: any[]) => void;
+                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                    type: {
+                        type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    label: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    readonly: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    id: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    modelValue: {
+                        type: import('vue').PropType<string>;
+                        required: true;
+                    };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    autofocus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    chevron: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isDateTimePicker: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    autocomplete: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isInvalid: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    errorMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    showWarning: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    warningMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isTextarea: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    hasInfo: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    infoText: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    inputStatus: {
+                        type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                        default: string;
+                    };
+                    isUiAutocomplete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & {
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onInput?: ((...args: any[]) => any) | undefined;
+                    onKeyup?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }, {
+                    type: "number" | "text" | "time" | "date" | "password";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    placeholder: string;
+                    autofocus: boolean;
+                    chevron: boolean;
+                    isDateTimePicker: boolean;
+                    autocomplete: string;
+                    isInvalid: boolean;
+                    errorMessage: string;
+                    showWarning: boolean;
+                    warningMessage: string;
+                    isTextarea: boolean;
+                    hasInfo: boolean;
+                    infoText: string;
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+                    isUiAutocomplete: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    type: {
+                        type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                        default: string;
+                    };
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    label: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    readonly: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    id: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    modelValue: {
+                        type: import('vue').PropType<string>;
+                        required: true;
+                    };
+                    placeholder: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    autofocus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    chevron: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isDateTimePicker: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    autocomplete: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isInvalid: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    errorMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    showWarning: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    warningMessage: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    isTextarea: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    hasInfo: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    infoText: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    inputStatus: {
+                        type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                        default: string;
+                    };
+                    isUiAutocomplete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & {
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onInput?: ((...args: any[]) => any) | undefined;
+                    onKeyup?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                }, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+                }, {}, {}, {}, {
+                    type: "number" | "text" | "time" | "date" | "password";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    placeholder: string;
+                    autofocus: boolean;
+                    chevron: boolean;
+                    isDateTimePicker: boolean;
+                    autocomplete: string;
+                    isInvalid: boolean;
+                    errorMessage: string;
+                    showWarning: boolean;
+                    warningMessage: string;
+                    isTextarea: boolean;
+                    hasInfo: boolean;
+                    infoText: string;
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+                    isUiAutocomplete: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                type: {
+                    type: import('vue').PropType<"number" | "text" | "time" | "date" | "password">;
+                    default: string;
+                };
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                label: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                readonly: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                id: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                modelValue: {
+                    type: import('vue').PropType<string>;
+                    required: true;
+                };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                autofocus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                chevron: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isDateTimePicker: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                isInvalid: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                errorMessage: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                showWarning: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                warningMessage: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                isTextarea: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                hasInfo: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                infoText: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                inputStatus: {
+                    type: import('vue').PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                    default: string;
+                };
+                isUiAutocomplete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onInput?: ((...args: any[]) => any) | undefined;
+                onKeyup?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }, {
+                inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                input: (...args: any[]) => void;
+                blur: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
+                keyup: (...args: any[]) => void;
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                type: "number" | "text" | "time" | "date" | "password";
+                disabled: boolean;
+                label: string;
+                readonly: boolean;
+                id: string;
+                placeholder: string;
+                autofocus: boolean;
+                chevron: boolean;
+                isDateTimePicker: boolean;
+                autocomplete: string;
+                isInvalid: boolean;
+                errorMessage: string;
+                showWarning: boolean;
+                warningMessage: string;
+                isTextarea: boolean;
+                hasInfo: boolean;
+                infoText: string;
+                inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+                isUiAutocomplete: boolean;
+            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    buttons?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: any;
+            value: import('vue').Ref<string>;
+        };
+        template: string;
+        methods: {
+            input: import('@storybook/addon-actions').HandlerFunction;
+            update: import('@storybook/addon-actions').HandlerFunction;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: {
+    args: {
+        label: string;
+    };
+};
+export declare const WithPlaceholder: {
+    args: {
+        label: string;
+        placeholder: string;
+    };
+};
+export declare const Readonly: Story;
+export declare const WithErrorText: Story;
+export declare const WithWarningText: Story;
+export declare const WithInfoText: Story;
+export declare const WithTypeDateTimeLocal: Story;
+export declare const Textarea: Story;