npm - @dpa-id-components/dpa-shared-components - Versions diffs - 12.0.2 → 12.2.0 - Mend

@dpa-id-components/dpa-shared-components 12.0.2 → 12.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

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

@@ -4,7 +4,7 @@ declare const meta: {
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             id?: string;
-            modelValue: string;
+            modelValue?: string;
             type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
             label?: string;
             placeholder?: string;
@@ -24,25 +24,26 @@ declare const meta: {
             inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
-            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;
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: string) => any) | undefined;
+            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
         }>, {
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            focus: (...args: any[]) => void;
-            blur: (...args: any[]) => void;
-            input: (...args: any[]) => void;
-            keyup: (...args: any[]) => void;
-            "update:modelValue": (...args: any[]) => void;
+            blur: (args_0: FocusEvent) => any;
+            focus: (args_0: FocusEvent) => any;
+            input: (args_0: string) => any;
+            keyup: (args_0: KeyboardEvent) => any;
+            "update:modelValue": (args_0: string) => any;
         }, import('vue').PublicProps, {
             type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
             disabled: boolean;
             label: string;
             readonly: boolean;
             id: string;
+            modelValue: string;
             placeholder: string;
             autofocus: boolean;
             chevron: boolean;
@@ -68,7 +69,7 @@ declare const meta: {
             Defaults: {};
         }, Readonly<{
             id?: string;
-            modelValue: string;
+            modelValue?: string;
             type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
             label?: string;
             placeholder?: string;
@@ -88,11 +89,11 @@ declare const meta: {
             inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
-            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;
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: string) => any) | undefined;
+            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
         }>, {
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, {
@@ -101,6 +102,7 @@ declare const meta: {
             label: string;
             readonly: boolean;
             id: string;
+            modelValue: string;
             placeholder: string;
             autofocus: boolean;
             chevron: boolean;
@@ -121,7 +123,7 @@ declare const meta: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<{
         id?: string;
-        modelValue: string;
+        modelValue?: string;
         type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
         label?: string;
         placeholder?: string;
@@ -141,25 +143,26 @@ declare const meta: {
         inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
         isUiAutocomplete?: boolean;
     }> & Readonly<{
-        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;
+        onBlur?: ((args_0: FocusEvent) => any) | undefined;
+        onFocus?: ((args_0: FocusEvent) => any) | undefined;
+        onInput?: ((args_0: string) => any) | undefined;
+        onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
     }>, {
         inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        blur: (...args: any[]) => void;
-        input: (...args: any[]) => void;
-        keyup: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
+        blur: (args_0: FocusEvent) => any;
+        focus: (args_0: FocusEvent) => any;
+        input: (args_0: string) => any;
+        keyup: (args_0: KeyboardEvent) => any;
+        "update:modelValue": (args_0: string) => any;
     }, string, {
         type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
         disabled: boolean;
         label: string;
         readonly: boolean;
         id: string;
+        modelValue: string;
         placeholder: string;
         autofocus: boolean;
         chevron: boolean;
@@ -195,12 +198,6 @@ declare const meta: {
             };
             options: string[];
         };
-        min: {
-            control: string;
-        };
-        max: {
-            control: string;
-        };
         label: {
             control: "text";
         };
@@ -237,7 +234,7 @@ declare const meta: {
         type: "text";
         inputStatus: "default";
         label: string;
-        placeholder: string;
+        placeholder: undefined;
         autofocus: false;
         chevron: false;
         disabled: false;
@@ -247,12 +244,192 @@ declare const meta: {
         warningMessage: string;
         isTextarea: false;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+            modelValue?: string;
+            type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            label?: string;
+            placeholder?: string;
+            autofocus?: boolean;
+            chevron?: boolean;
+            readonly?: boolean;
+            disabled?: boolean;
+            isDateTimePicker?: boolean;
+            autocomplete?: string;
+            isInvalid?: boolean;
+            errorMessage?: string;
+            showWarning?: boolean;
+            warningMessage?: string;
+            isTextarea?: boolean;
+            hasInfo?: boolean;
+            infoText?: string;
+            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete?: boolean;
+        }> & Readonly<{
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: string) => any) | undefined;
+            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            blur: (args_0: FocusEvent) => any;
+            focus: (args_0: FocusEvent) => any;
+            input: (args_0: string) => any;
+            keyup: (args_0: KeyboardEvent) => any;
+            "update:modelValue": (args_0: string) => any;
+        }, import('vue').PublicProps, {
+            type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: unknown;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+            modelValue?: string;
+            type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            label?: string;
+            placeholder?: string;
+            autofocus?: boolean;
+            chevron?: boolean;
+            readonly?: boolean;
+            disabled?: boolean;
+            isDateTimePicker?: boolean;
+            autocomplete?: string;
+            isInvalid?: boolean;
+            errorMessage?: string;
+            showWarning?: boolean;
+            warningMessage?: string;
+            isTextarea?: boolean;
+            hasInfo?: boolean;
+            infoText?: string;
+            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete?: boolean;
+        }> & Readonly<{
+            onBlur?: ((args_0: FocusEvent) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: string) => any) | undefined;
+            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        }, {}, {}, {}, {
+            type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+            disabled: boolean;
+            label: string;
+            readonly: boolean;
+            id: string;
+            modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+            isUiAutocomplete: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
+        modelValue?: string;
+        type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        label?: string;
+        placeholder?: string;
+        autofocus?: boolean;
+        chevron?: boolean;
+        readonly?: boolean;
+        disabled?: boolean;
+        isDateTimePicker?: boolean;
+        autocomplete?: string;
+        isInvalid?: boolean;
+        errorMessage?: string;
+        showWarning?: boolean;
+        warningMessage?: string;
+        isTextarea?: boolean;
+        hasInfo?: boolean;
+        infoText?: string;
+        inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete?: boolean;
+    }> & Readonly<{
+        onBlur?: ((args_0: FocusEvent) => any) | undefined;
+        onFocus?: ((args_0: FocusEvent) => any) | undefined;
+        onInput?: ((args_0: string) => any) | undefined;
+        onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        blur: (args_0: FocusEvent) => any;
+        focus: (args_0: FocusEvent) => any;
+        input: (args_0: string) => any;
+        keyup: (args_0: KeyboardEvent) => any;
+        "update:modelValue": (args_0: string) => any;
+    }, string, {
+        type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+        disabled: boolean;
+        label: string;
+        readonly: boolean;
+        id: string;
+        modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+        isUiAutocomplete: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            buttons?(_: {}): any;
+        };
+    })>) => {
         components: {
             UiInput: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     id?: string;
-                    modelValue: string;
+                    modelValue?: string;
                     type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                     label?: string;
                     placeholder?: string;
@@ -272,25 +449,26 @@ declare const meta: {
                     inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
-                    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;
+                    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    onInput?: ((args_0: string) => any) | undefined;
+                    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
                 }>, {
                     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    focus: (...args: any[]) => void;
-                    blur: (...args: any[]) => void;
-                    input: (...args: any[]) => void;
-                    keyup: (...args: any[]) => void;
-                    "update:modelValue": (...args: any[]) => void;
+                    blur: (args_0: FocusEvent) => any;
+                    focus: (args_0: FocusEvent) => any;
+                    input: (args_0: string) => any;
+                    keyup: (args_0: KeyboardEvent) => any;
+                    "update:modelValue": (args_0: string) => any;
                 }, import('vue').PublicProps, {
                     type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                     disabled: boolean;
                     label: string;
                     readonly: boolean;
                     id: string;
+                    modelValue: string;
                     placeholder: string;
                     autofocus: boolean;
                     chevron: boolean;
@@ -316,7 +494,7 @@ declare const meta: {
                     Defaults: {};
                 }, Readonly<{
                     id?: string;
-                    modelValue: string;
+                    modelValue?: string;
                     type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                     label?: string;
                     placeholder?: string;
@@ -336,11 +514,11 @@ declare const meta: {
                     inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
-                    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;
+                    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    onInput?: ((args_0: string) => any) | undefined;
+                    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
                 }>, {
                     inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 }, {}, {}, {}, {
@@ -349,6 +527,7 @@ declare const meta: {
                     label: string;
                     readonly: boolean;
                     id: string;
+                    modelValue: string;
                     placeholder: string;
                     autofocus: boolean;
                     chevron: boolean;
@@ -369,7 +548,7 @@ declare const meta: {
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 id?: string;
-                modelValue: string;
+                modelValue?: string;
                 type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                 label?: string;
                 placeholder?: string;
@@ -389,25 +568,26 @@ declare const meta: {
                 inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
                 isUiAutocomplete?: boolean;
             }> & Readonly<{
-                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;
+                onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                onInput?: ((args_0: string) => any) | undefined;
+                onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
             }>, {
                 inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                focus: (...args: any[]) => void;
-                blur: (...args: any[]) => void;
-                input: (...args: any[]) => void;
-                keyup: (...args: any[]) => void;
-                "update:modelValue": (...args: any[]) => void;
+                blur: (args_0: FocusEvent) => any;
+                focus: (args_0: FocusEvent) => any;
+                input: (args_0: string) => any;
+                keyup: (args_0: KeyboardEvent) => any;
+                "update:modelValue": (args_0: string) => any;
             }, string, {
                 type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                 disabled: boolean;
                 label: string;
                 readonly: boolean;
                 id: string;
+                modelValue: string;
                 placeholder: string;
                 autofocus: boolean;
                 chevron: boolean;
@@ -429,7 +609,187 @@ declare const meta: {
             });
         };
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    id?: string;
+                    modelValue?: string;
+                    type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    label?: string;
+                    placeholder?: string;
+                    autofocus?: boolean;
+                    chevron?: boolean;
+                    readonly?: boolean;
+                    disabled?: boolean;
+                    isDateTimePicker?: boolean;
+                    autocomplete?: string;
+                    isInvalid?: boolean;
+                    errorMessage?: string;
+                    showWarning?: boolean;
+                    warningMessage?: string;
+                    isTextarea?: boolean;
+                    hasInfo?: boolean;
+                    infoText?: string;
+                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete?: boolean;
+                }> & Readonly<{
+                    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    onInput?: ((args_0: string) => any) | undefined;
+                    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+                }>, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    blur: (args_0: FocusEvent) => any;
+                    focus: (args_0: FocusEvent) => any;
+                    input: (args_0: string) => any;
+                    keyup: (args_0: KeyboardEvent) => any;
+                    "update:modelValue": (args_0: string) => any;
+                }, import('vue').PublicProps, {
+                    type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    inputRef: unknown;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    id?: string;
+                    modelValue?: string;
+                    type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    label?: string;
+                    placeholder?: string;
+                    autofocus?: boolean;
+                    chevron?: boolean;
+                    readonly?: boolean;
+                    disabled?: boolean;
+                    isDateTimePicker?: boolean;
+                    autocomplete?: string;
+                    isInvalid?: boolean;
+                    errorMessage?: string;
+                    showWarning?: boolean;
+                    warningMessage?: string;
+                    isTextarea?: boolean;
+                    hasInfo?: boolean;
+                    infoText?: string;
+                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete?: boolean;
+                }> & Readonly<{
+                    onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    onInput?: ((args_0: string) => any) | undefined;
+                    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+                }>, {
+                    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+                }, {}, {}, {}, {
+                    type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                    disabled: boolean;
+                    label: string;
+                    readonly: boolean;
+                    id: string;
+                    modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+                    isUiAutocomplete: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                id?: string;
+                modelValue?: string;
+                type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                label?: string;
+                placeholder?: string;
+                autofocus?: boolean;
+                chevron?: boolean;
+                readonly?: boolean;
+                disabled?: boolean;
+                isDateTimePicker?: boolean;
+                autocomplete?: string;
+                isInvalid?: boolean;
+                errorMessage?: string;
+                showWarning?: boolean;
+                warningMessage?: string;
+                isTextarea?: boolean;
+                hasInfo?: boolean;
+                infoText?: string;
+                inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                isUiAutocomplete?: boolean;
+            }> & Readonly<{
+                onBlur?: ((args_0: FocusEvent) => any) | undefined;
+                onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                onInput?: ((args_0: string) => any) | undefined;
+                onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+            }>, {
+                inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                blur: (args_0: FocusEvent) => any;
+                focus: (args_0: FocusEvent) => any;
+                input: (args_0: string) => any;
+                keyup: (args_0: KeyboardEvent) => any;
+                "update:modelValue": (args_0: string) => any;
+            }, string, {
+                type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
+                disabled: boolean;
+                label: string;
+                readonly: boolean;
+                id: string;
+                modelValue: 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: "default" | "info" | "readonly" | "warning" | "error";
+                isUiAutocomplete: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    buttons?(_: {}): any;
+                };
+            })>;
             value: import('vue').Ref<string, string>;
         };
         template: string;
@@ -442,17 +802,8 @@ declare const meta: {
 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 WithLabel: Story;
+export declare const WithPlaceholder: Story;
 export declare const Readonly: Story;
 export declare const WithErrorText: Story;
 export declare const WithWarningText: Story;