@quoreadmin/ui 1.7.7 → 1.7.9

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

@@ -64,6 +64,10 @@ export declare const Example: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -73,24 +77,46 @@ export declare const Example: {
                     focused: boolean;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     disabled: boolean;
                     focused?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: boolean | "";
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: string;
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     collapsed: boolean;
                     focused?: undefined;
                     disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
                 })[]>;
                 inputClasses: import('vue').ComputedRef<(string | {
                     [x: string]: boolean | "";
@@ -102,6 +128,8 @@ export declare const Example: {
                 showClearIcon: import('vue').ComputedRef<boolean>;
                 isSlotAvailable: import('vue').ComputedRef<boolean>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 onClickIcon: () => void;
                 onFocusOut: () => void;
                 togglePasswordVisibility: () => void;
@@ -175,6 +203,10 @@ export declare const Example: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -193,6 +225,7 @@ export declare const Example: {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -270,6 +303,10 @@ export declare const IconOnRight: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -279,24 +316,46 @@ export declare const IconOnRight: {
                     focused: boolean;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     disabled: boolean;
                     focused?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: boolean | "";
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: string;
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     collapsed: boolean;
                     focused?: undefined;
                     disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
                 })[]>;
                 inputClasses: import('vue').ComputedRef<(string | {
                     [x: string]: boolean | "";
@@ -308,6 +367,8 @@ export declare const IconOnRight: {
                 showClearIcon: import('vue').ComputedRef<boolean>;
                 isSlotAvailable: import('vue').ComputedRef<boolean>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 onClickIcon: () => void;
                 onFocusOut: () => void;
                 togglePasswordVisibility: () => void;
@@ -381,6 +442,10 @@ export declare const IconOnRight: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -399,6 +464,7 @@ export declare const IconOnRight: {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -567,6 +633,10 @@ export declare const IconOnLeft: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -576,24 +646,46 @@ export declare const IconOnLeft: {
                     focused: boolean;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     disabled: boolean;
                     focused?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: boolean | "";
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: string;
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     collapsed: boolean;
                     focused?: undefined;
                     disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
                 })[]>;
                 inputClasses: import('vue').ComputedRef<(string | {
                     [x: string]: boolean | "";
@@ -605,6 +697,8 @@ export declare const IconOnLeft: {
                 showClearIcon: import('vue').ComputedRef<boolean>;
                 isSlotAvailable: import('vue').ComputedRef<boolean>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 onClickIcon: () => void;
                 onFocusOut: () => void;
                 togglePasswordVisibility: () => void;
@@ -678,6 +772,10 @@ export declare const IconOnLeft: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -696,6 +794,7 @@ export declare const IconOnLeft: {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -865,6 +964,10 @@ export declare const ExpandingInput: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -874,24 +977,46 @@ export declare const ExpandingInput: {
                     focused: boolean;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     disabled: boolean;
                     focused?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: boolean | "";
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: string;
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     collapsed: boolean;
                     focused?: undefined;
                     disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
                 })[]>;
                 inputClasses: import('vue').ComputedRef<(string | {
                     [x: string]: boolean | "";
@@ -903,6 +1028,8 @@ export declare const ExpandingInput: {
                 showClearIcon: import('vue').ComputedRef<boolean>;
                 isSlotAvailable: import('vue').ComputedRef<boolean>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 onClickIcon: () => void;
                 onFocusOut: () => void;
                 togglePasswordVisibility: () => void;
@@ -976,6 +1103,10 @@ export declare const ExpandingInput: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -994,6 +1125,7 @@ export declare const ExpandingInput: {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -1103,3 +1235,486 @@ export declare const ExpandingInput: {
         controlClass: string;
     };
 };
+export declare const FloatingLabel: {
+    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;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                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;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: 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>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: 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;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & 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;
+                required: boolean;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+                floatingLabel: 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;
+        floatingLabel: true;
+        required: true;
+    };
+};
+export declare const FloatingLabelWithValue: {
+    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;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                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;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    disabled: boolean;
+                    focused?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    [x: string]: boolean | "";
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    [x: string]: string;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    collapsed: boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: 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>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: 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;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & 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;
+                required: boolean;
+                expands: boolean;
+                maxlength: number;
+                controlClass: string;
+                inputClass: string;
+                autocomplete: string;
+                hideClear: boolean;
+                iconPosition: string;
+                floatingLabel: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        type: string;
+        modelValue: string;
+        placeholder: string;
+        size: string;
+        hideClear: false;
+        disabled: false;
+        floatingLabel: true;
+        required: true;
+    };
+};