@quoreadmin/ui 1.7.8 → 1.7.9

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

@@ -989,8 +989,13 @@ export declare const RowList: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -1003,9 +1008,13 @@ export declare const RowList: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -1168,6 +1177,10 @@ export declare const RowList: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1181,6 +1194,7 @@ export declare const RowList: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;

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

@@ -868,8 +868,13 @@ export declare const ClearFilters: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -882,9 +887,13 @@ export declare const ClearFilters: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -1047,6 +1056,10 @@ export declare const ClearFilters: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1060,6 +1073,7 @@ export declare const ClearFilters: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;

package/dist/src/components/room-details-popover/room-details-popover.d.ts

@@ -821,6 +821,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         calendarPosition: import('vue').Ref<string, string>;
         datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
@@ -828,6 +832,8 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
         disabledDates: import('vue').ComputedRef<Function | null>;
         showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+        showFloatingLabel: import('vue').ComputedRef<boolean>;
+        isLabelFloated: import('vue').ComputedRef<boolean>;
         disableDatesAfterToday: (date: any) => boolean;
         disableDatesBeforeToday: (date: any) => boolean;
         getCalendarPosition: () => void;
@@ -901,6 +907,10 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -914,6 +924,7 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         locale: string;
         required: boolean;
         id: string;
+        floatingLabel: boolean;
         clearable: boolean;
         disabledBeforeToday: boolean;
         disabledAfterToday: boolean;
@@ -1716,6 +1727,14 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         focused: import('vue').Ref<boolean, boolean>;
         disabled: import('vue').ComputedRef<boolean>;
@@ -1723,6 +1742,8 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         textarea: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
         textareaClasses: import('vue').ComputedRef<(string | object)[]>;
         hasActions: import('vue').ComputedRef<boolean>;
+        hasFloatingLabel: import('vue').ComputedRef<boolean>;
+        isLabelFloated: import('vue').ComputedRef<boolean>;
         resizeTextarea: () => void;
         updateValue: (event: Event) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1758,6 +1779,14 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             type: BooleanConstructor;
             default: boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -1765,7 +1794,9 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
         placeholder: string;
         status: string;
         isDisabled: boolean;
+        required: boolean;
         controlClass: string;
+        floatingLabel: boolean;
         persistentPlaceholder: boolean;
         rows: number;
         textareaClass: string;

package/dist/src/components/select/select.d.ts

@@ -166,8 +166,13 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     currentSelect: import('vue').Ref<object | null, object | null>;
+    currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     search: import('vue').Ref<string, string>;
     selected: import('vue').Ref<any, any>;
     isOpened: import('vue').Ref<boolean, boolean>;
@@ -180,9 +185,13 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
     selectedText: import('vue').ComputedRef<string>;
     useTags: import('vue').ComputedRef<boolean>;
     enableGroupSelect: import('vue').ComputedRef<boolean>;
+    hasValue: import('vue').ComputedRef<boolean>;
+    showFloatingLabel: import('vue').ComputedRef<boolean>;
+    isLabelFloated: import('vue').ComputedRef<boolean>;
     addTag: (newTag: string) => Promise<void>;
     clearAll: () => void;
     onOpen: () => Promise<void>;
+    onClose: () => void;
     onRemove: (items: any) => void;
     onUpdateValue: (event: Event) => void;
     removeElement: (index: any) => void;
@@ -345,6 +354,10 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -358,6 +371,7 @@ declare const QSelect: import('vue').DefineComponent<import('vue').ExtractPropTy
     required: boolean;
     id: string;
     info: string;
+    floatingLabel: boolean;
     noResultMessage: string;
     groupSelectable: boolean;
     groupLabel: string;

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

@@ -164,8 +164,13 @@ export declare const Primary: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -178,9 +183,13 @@ export declare const Primary: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -343,6 +352,10 @@ export declare const Primary: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -356,6 +369,7 @@ export declare const Primary: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;
@@ -605,8 +619,13 @@ export declare const TagSelect: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -619,9 +638,13 @@ export declare const TagSelect: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -784,6 +807,10 @@ export declare const TagSelect: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -797,6 +824,7 @@ export declare const TagSelect: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;
@@ -1045,8 +1073,13 @@ export declare const useAddTagOnlySelect: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -1059,9 +1092,13 @@ export declare const useAddTagOnlySelect: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -1224,6 +1261,10 @@ export declare const useAddTagOnlySelect: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1237,6 +1278,7 @@ export declare const useAddTagOnlySelect: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;
@@ -1322,3 +1364,5 @@ export declare const OptionTags: Story;
 export declare const MobileSelect: Story;
 export declare const MobileGroupOptionSelect: Story;
 export declare const MobileSelectAllGroupOption: Story;
+export declare const FloatingLabel: Story;
+export declare const FloatingLabelWithValue: Story;

package/dist/src/components/textarea/textarea.d.ts

@@ -33,6 +33,14 @@ declare const QTextarea: import('vue').DefineComponent<import('vue').ExtractProp
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     focused: import('vue').Ref<boolean, boolean>;
     disabled: import('vue').ComputedRef<boolean>;
@@ -40,6 +48,8 @@ declare const QTextarea: import('vue').DefineComponent<import('vue').ExtractProp
     textarea: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     textareaClasses: import('vue').ComputedRef<(string | object)[]>;
     hasActions: import('vue').ComputedRef<boolean>;
+    hasFloatingLabel: import('vue').ComputedRef<boolean>;
+    isLabelFloated: import('vue').ComputedRef<boolean>;
     resizeTextarea: () => void;
     updateValue: (event: Event) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -76,6 +86,14 @@ declare const QTextarea: import('vue').DefineComponent<import('vue').ExtractProp
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -83,7 +101,9 @@ declare const QTextarea: import('vue').DefineComponent<import('vue').ExtractProp
     placeholder: string;
     status: string;
     isDisabled: boolean;
+    required: boolean;
     controlClass: string;
+    floatingLabel: boolean;
     persistentPlaceholder: boolean;
     rows: number;
     textareaClass: string;

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

@@ -40,6 +40,14 @@ export declare const Idle: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 focused: import('vue').Ref<boolean, boolean>;
                 disabled: import('vue').ComputedRef<boolean>;
@@ -47,6 +55,8 @@ export declare const Idle: {
                 textarea: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
                 textareaClasses: import('vue').ComputedRef<(string | object)[]>;
                 hasActions: import('vue').ComputedRef<boolean>;
+                hasFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 resizeTextarea: () => void;
                 updateValue: (event: Event) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -82,6 +92,14 @@ export declare const Idle: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -89,7 +107,9 @@ export declare const Idle: {
                 placeholder: string;
                 status: string;
                 isDisabled: boolean;
+                required: boolean;
                 controlClass: string;
+                floatingLabel: boolean;
                 persistentPlaceholder: boolean;
                 rows: number;
                 textareaClass: string;
@@ -109,3 +129,5 @@ export declare const Idle: {
 export declare const Disabled: Story;
 export declare const ErrorState: Story;
 export declare const WithAction: Story;
+export declare const FloatingLabel: Story;
+export declare const FloatingLabelWithValue: Story;

package/dist/src/views/lists.vue.d.ts

@@ -764,6 +764,10 @@ declare const _default: import('vue').DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            floatingLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             currentInput: import('vue').Ref<null, null>;
             focused: import('vue').Ref<boolean, boolean>;
@@ -773,24 +777,46 @@ declare const _default: import('vue').DefineComponent<{}, {
                 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 | "";
@@ -802,6 +828,8 @@ declare const _default: import('vue').DefineComponent<{}, {
             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;
@@ -875,6 +903,10 @@ declare const _default: import('vue').DefineComponent<{}, {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            floatingLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -893,6 +925,7 @@ declare const _default: import('vue').DefineComponent<{}, {
             autocomplete: string;
             hideClear: boolean;
             iconPosition: string;
+            floatingLabel: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             id: {
@@ -1741,6 +1774,10 @@ declare const _default: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -1750,24 +1787,46 @@ declare const _default: import('vue').DefineComponent<{}, {
                     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 | "";
@@ -1779,6 +1838,8 @@ declare const _default: import('vue').DefineComponent<{}, {
                 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;
@@ -1852,6 +1913,10 @@ declare const _default: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -1870,6 +1935,7 @@ declare const _default: import('vue').DefineComponent<{}, {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 id: {