@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/input/input.stories.d.ts

@@ -0,0 +1,1065 @@
+import { Args, Meta } from '@storybook/vue3';
+import { default as QInput } from './input.vue';
+declare const meta: Meta<typeof QInput>;
+export default meta;
+export declare const Example: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                currentInput: import('vue').Ref<null, null>;
+                focused: import('vue').Ref<boolean, boolean>;
+                icon: import('vue').Ref<string, string>;
+                isExpanded: import('vue').Ref<boolean, boolean>;
+                rootClasses: import('vue').ComputedRef<(string | {
+                    focused: boolean;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                })[]>;
+                inputClasses: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean | "";
+                    populated?: undefined;
+                } | {
+                    populated: boolean;
+                })[]>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                showClearIcon: import('vue').ComputedRef<boolean>;
+                isSlotAvailable: import('vue').ComputedRef<boolean>;
+                onClickIcon: () => void;
+                onFocusOut: () => void;
+                togglePasswordVisibility: () => void;
+                updateValue: (event: Event) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any>;
+                type: string;
+                size: string;
+                placeholder: string;
+                disabled: boolean;
+                status: string;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        type: string;
+        placeholder: string;
+        size: string;
+        hideClear: false;
+        disabled: false;
+    };
+};
+export declare const IconOnRight: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                currentInput: import('vue').Ref<null, null>;
+                focused: import('vue').Ref<boolean, boolean>;
+                icon: import('vue').Ref<string, string>;
+                isExpanded: import('vue').Ref<boolean, boolean>;
+                rootClasses: import('vue').ComputedRef<(string | {
+                    focused: boolean;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                })[]>;
+                inputClasses: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean | "";
+                    populated?: undefined;
+                } | {
+                    populated: boolean;
+                })[]>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                showClearIcon: import('vue').ComputedRef<boolean>;
+                isSlotAvailable: import('vue').ComputedRef<boolean>;
+                onClickIcon: () => void;
+                onFocusOut: () => void;
+                togglePasswordVisibility: () => void;
+                updateValue: (event: Event) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any>;
+                type: string;
+                size: string;
+                placeholder: string;
+                disabled: boolean;
+                status: string;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                iconPath: import('vue').ComputedRef<string>;
+                customizedSize: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                type: string;
+                color: string;
+                size: string;
+                height: number;
+                width: number;
+                inline: boolean;
+                customClass: string;
+                customSize: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        type: string;
+        placeholder: string;
+        size: string;
+        hideClear: false;
+        disabled: false;
+    };
+};
+export declare const IconOnLeft: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                currentInput: import('vue').Ref<null, null>;
+                focused: import('vue').Ref<boolean, boolean>;
+                icon: import('vue').Ref<string, string>;
+                isExpanded: import('vue').Ref<boolean, boolean>;
+                rootClasses: import('vue').ComputedRef<(string | {
+                    focused: boolean;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                })[]>;
+                inputClasses: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean | "";
+                    populated?: undefined;
+                } | {
+                    populated: boolean;
+                })[]>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                showClearIcon: import('vue').ComputedRef<boolean>;
+                isSlotAvailable: import('vue').ComputedRef<boolean>;
+                onClickIcon: () => void;
+                onFocusOut: () => void;
+                togglePasswordVisibility: () => void;
+                updateValue: (event: Event) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any>;
+                type: string;
+                size: string;
+                placeholder: string;
+                disabled: boolean;
+                status: string;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                iconPath: import('vue').ComputedRef<string>;
+                customizedSize: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                type: string;
+                color: string;
+                size: string;
+                height: number;
+                width: number;
+                inline: boolean;
+                customClass: string;
+                customSize: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        type: string;
+        placeholder: string;
+        size: string;
+        hideClear: false;
+        disabled: false;
+        iconPosition: string;
+    };
+};
+export declare const ExpandingInput: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                currentInput: import('vue').Ref<null, null>;
+                focused: import('vue').Ref<boolean, boolean>;
+                icon: import('vue').Ref<string, string>;
+                isExpanded: import('vue').Ref<boolean, boolean>;
+                rootClasses: import('vue').ComputedRef<(string | {
+                    focused: boolean;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                })[]>;
+                inputClasses: import('vue').ComputedRef<(string | {
+                    [x: string]: boolean | "";
+                    populated?: undefined;
+                } | {
+                    populated: boolean;
+                })[]>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                showClearIcon: import('vue').ComputedRef<boolean>;
+                isSlotAvailable: import('vue').ComputedRef<boolean>;
+                onClickIcon: () => void;
+                onFocusOut: () => void;
+                togglePasswordVisibility: () => void;
+                updateValue: (event: Event) => void;
+                mq: {
+                    xs: boolean;
+                    sm: boolean;
+                    md: boolean;
+                    lg: boolean;
+                    xl: boolean;
+                    'sm-md': boolean;
+                    'md-lg': boolean;
+                    'lg-xl': boolean;
+                    'sm-down': boolean;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:model-value" | "update-type")[], "update:model-value" | "update-type", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                status: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                controlClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inputClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expands: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hideClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+                "onUpdate-type"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any>;
+                type: string;
+                size: string;
+                placeholder: string;
+                disabled: boolean;
+                status: string;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                iconPath: import('vue').ComputedRef<string>;
+                customizedSize: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                width: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                height: {
+                    type: NumberConstructor;
+                    default: number;
+                    required: false;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                customClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                customSize: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                type: string;
+                color: string;
+                size: string;
+                height: number;
+                width: number;
+                inline: boolean;
+                customClass: string;
+                customSize: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        type: string;
+        expands: true;
+        placeholder: string;
+        size: string;
+        hideClear: false;
+        disabled: false;
+        iconPosition: string;
+        controlClass: string;
+    };
+};