@quidgest/ui 0.14.11 → 0.14.13

package/esm/components/QCombobox/QCombobox.d.ts

@@ -1,4 +1,4 @@
-import { QComboboxProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
+import { DEFAULT_ICONS, DEFAULT_TEXTS, QComboboxProps } from './types';
 import { Primitive } from '../../types/primitive';
 import { nextTick } from 'vue';
 type __VLS_Props = QComboboxProps;
@@ -10,16 +10,16 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        "label.prepend"?(_: {}): any;
-        "label.append"?(_: {}): any;
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
         prepend?(_: {}): any;
         append?(_: {}): any;
         extras?(_: {}): any;
-        "body.prepend"?(_: {}): any;
+        'body.prepend'?(_: {}): any;
         item?(_: {
             item: import('../QList/types').Item;
         }): any;
-        "body.append"?(_: {}): any;
+        'body.append'?(_: {}): any;
     };
     refs: {
         triggerEl: ({
@@ -30,6 +30,7 @@ declare function __VLS_template(): {
                 readonly id?: string | undefined;
                 readonly placeholder?: string | undefined;
                 readonly label?: string | undefined;
+                readonly clearable?: boolean | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly maxLength?: number | undefined;
                 readonly readonly?: boolean | undefined;
@@ -37,14 +38,86 @@ declare function __VLS_template(): {
                 readonly required?: boolean | undefined;
                 readonly role?: string | undefined;
                 readonly type?: string | undefined;
-                readonly class?: (string | unknown[]) | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                readonly "onClick:clear"?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                fieldRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly id?: string | undefined;
+                        readonly label?: string | undefined;
+                        readonly for?: string | undefined;
+                        readonly size?: import('..').QFieldSize | undefined;
+                        readonly readonly?: boolean | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly required?: boolean | undefined;
+                        readonly class?: string | unknown[] | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        fieldRef: HTMLDivElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+                        fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        size: import('..').QFieldSize;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    size: import('..').QFieldSize;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
+                    fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                }> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        'label.prepend'?(_: {}): any;
+                        'label.append'?(_: {}): any;
+                        control?(_: {}): any;
+                        prepend?(_: {}): any;
+                        default?(_: {}): any;
+                        append?(_: {}): any;
+                        extras?(_: {}): any;
+                    };
+                }) | null;
+                inputRef: HTMLInputElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -52,26 +125,22 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:modelValue", value: string) => void;
+            $emit: ((event: "update:modelValue", value: string) => void) & ((event: "click:clear", event: Event) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: string;
             } & import('../QTextField/types').QTextFieldProps> & Readonly<{
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                "onClick:clear"?: ((event: Event) => any) | undefined;
             }>, {
                 fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => any;
+            } & {
+                "click:clear": (event: Event) => any;
             }, string, {
-                size: import('..').QFieldSize;
-                class: string | unknown[];
-                label: string;
                 type: string;
-                role: string;
-                id: string;
-                placeholder: string;
-                maxLength: number;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -93,25 +162,19 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').QFieldSize;
-            class: string | unknown[];
-            label: string;
             type: string;
-            role: string;
-            id: string;
-            placeholder: string;
-            maxLength: number;
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+            "onClick:clear"?: ((event: Event) => any) | undefined;
+        }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                "label.prepend"?(_: {}): any;
-                "label.append"?(_: {}): any;
+                'label.prepend'?(_: {}): any;
+                'label.append'?(_: {}): any;
                 prepend?(_: {}): any;
                 append?(_: {}): any;
                 extras?(_: {}): any;
@@ -122,7 +185,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly active?: boolean | undefined;
-                readonly bStyle?: ("primary" | "secondary" | "tertiary" | "danger" | "plain") | undefined;
+                readonly bStyle?: "primary" | "secondary" | "tertiary" | "danger" | "plain" | undefined;
                 readonly label?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly iconOnRight?: boolean | undefined;
@@ -130,8 +193,8 @@ declare function __VLS_template(): {
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
                 readonly loading?: boolean | undefined;
-                readonly size?: ("regular" | "small") | undefined;
-                readonly class?: (string | unknown[]) | undefined;
+                readonly size?: "regular" | "small" | undefined;
+                readonly class?: string | unknown[] | undefined;
                 readonly onClick?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -154,8 +217,6 @@ declare function __VLS_template(): {
                 click: (event: Event) => any;
             }, string, {
                 size: "regular" | "small";
-                class: string | unknown[];
-                label: string;
                 bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -179,12 +240,10 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: "regular" | "small";
-            class: string | unknown[];
-            label: string;
             bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
         }> & Omit<Readonly<import('../QButton').QButtonProps> & Readonly<{
             onClick?: ((event: Event) => any) | undefined;
-        }>, "size" | "class" | "label" | "bStyle"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "bStyle"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -201,7 +260,7 @@ declare function __VLS_template(): {
                 readonly itemValue?: string | undefined;
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly class?: (string | unknown[]) | undefined;
+                readonly class?: string | unknown[] | undefined;
                 readonly selectable?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -210,6 +269,73 @@ declare function __VLS_template(): {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                listRef: unknown;
+                listItemsRef: (({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly value: Primitive;
+                        readonly label: string;
+                        readonly icon?: import('..').Icon | undefined;
+                        readonly selected?: boolean | undefined;
+                        readonly highlighted?: boolean | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly description?: string | undefined;
+                        readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
+                        readonly onSelect?: ((value: Primitive) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: "select", value: Primitive) => void;
+                    $el: HTMLLIElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('../QList').QListItemProps> & Readonly<{
+                        onSelect?: ((value: Primitive) => any) | undefined;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                        select: (value: Primitive) => any;
+                    }, string, {
+                        icons: typeof import('../QList/types').DEFAULT_ICONS;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    icons: typeof import('../QList/types').DEFAULT_ICONS;
+                }> & Omit<Readonly<import('../QList').QListItemProps> & Readonly<{
+                    onSelect?: ((value: Primitive) => any) | undefined;
+                }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        prepend?(_: {}): any;
+                        default?(_: {}): any;
+                        append?(_: {}): any;
+                    };
+                }) | null)[];
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -232,8 +358,6 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: any) => any;
             }, string, {
-                class: string | unknown[];
-                highlighted: Primitive;
                 groups: import('../QList/types').Group[];
                 itemValue: string;
                 itemLabel: string;
@@ -258,8 +382,6 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            class: string | unknown[];
-            highlighted: Primitive;
             groups: import('../QList/types').Group[];
             itemValue: string;
             itemLabel: string;
@@ -267,7 +389,7 @@ declare function __VLS_template(): {
             modelValue?: any;
         } & import('../QList').QListProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("class" | "highlighted" | "groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
+        }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             focusItem: (itemIdx: number, preventScroll?: boolean) => void;
             getItem: (idx: number) => HTMLElement | undefined;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -279,7 +401,7 @@ declare function __VLS_template(): {
                     item: import('../QList/types').Item;
                     element: HTMLLIElement | undefined;
                 }): any;
-                "item.append"?(_: {
+                'item.append'?(_: {
                     item: import('../QList/types').Item;
                     element: HTMLLIElement | undefined;
                 }): any;
@@ -298,6 +420,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly id?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly label?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly size?: import('..').QFieldSize | undefined;
             readonly maxLength?: number | undefined;
             readonly readonly?: boolean | undefined;
@@ -305,14 +428,86 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly required?: boolean | undefined;
             readonly role?: string | undefined;
             readonly type?: string | undefined;
-            readonly class?: (string | unknown[]) | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onClick:clear"?: ((event: Event) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            fieldRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly id?: string | undefined;
+                    readonly label?: string | undefined;
+                    readonly for?: string | undefined;
+                    readonly size?: import('..').QFieldSize | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly class?: string | unknown[] | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    fieldRef: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+                    fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    size: import('..').QFieldSize;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                size: import('..').QFieldSize;
+            }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
+                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    'label.prepend'?(_: {}): any;
+                    'label.append'?(_: {}): any;
+                    control?(_: {}): any;
+                    prepend?(_: {}): any;
+                    default?(_: {}): any;
+                    append?(_: {}): any;
+                    extras?(_: {}): any;
+                };
+            }) | null;
+            inputRef: HTMLInputElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -320,26 +515,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", value: string) => void;
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "click:clear", event: Event) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onClick:clear"?: ((event: Event) => any) | undefined;
         }>, {
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "update:modelValue": (value: string) => any;
+        } & {
+            "click:clear": (event: Event) => any;
         }, string, {
-            size: import('..').QFieldSize;
-            class: string | unknown[];
-            label: string;
             type: string;
-            role: string;
-            id: string;
-            placeholder: string;
-            maxLength: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -361,25 +552,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').QFieldSize;
-        class: string | unknown[];
-        label: string;
         type: string;
-        role: string;
-        id: string;
-        placeholder: string;
-        maxLength: number;
     }> & Omit<Readonly<{
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+        "onClick:clear"?: ((event: Event) => any) | undefined;
+    }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            "label.prepend"?(_: {}): any;
-            "label.append"?(_: {}): any;
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
             prepend?(_: {}): any;
             append?(_: {}): any;
             extras?(_: {}): any;
@@ -392,6 +577,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly id?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly label?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly size?: import('..').QFieldSize | undefined;
             readonly maxLength?: number | undefined;
             readonly readonly?: boolean | undefined;
@@ -399,14 +585,86 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly required?: boolean | undefined;
             readonly role?: string | undefined;
             readonly type?: string | undefined;
-            readonly class?: (string | unknown[]) | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onClick:clear"?: ((event: Event) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
         $refs: {
             [x: string]: unknown;
+        } & {
+            fieldRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly id?: string | undefined;
+                    readonly label?: string | undefined;
+                    readonly for?: string | undefined;
+                    readonly size?: import('..').QFieldSize | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly class?: string | unknown[] | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    fieldRef: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+                    fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    size: import('..').QFieldSize;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                size: import('..').QFieldSize;
+            }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
+                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    'label.prepend'?(_: {}): any;
+                    'label.append'?(_: {}): any;
+                    control?(_: {}): any;
+                    prepend?(_: {}): any;
+                    default?(_: {}): any;
+                    append?(_: {}): any;
+                    extras?(_: {}): any;
+                };
+            }) | null;
+            inputRef: HTMLInputElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -414,26 +672,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", value: string) => void;
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "click:clear", event: Event) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onClick:clear"?: ((event: Event) => any) | undefined;
         }>, {
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "update:modelValue": (value: string) => any;
+        } & {
+            "click:clear": (event: Event) => any;
         }, string, {
-            size: import('..').QFieldSize;
-            class: string | unknown[];
-            label: string;
             type: string;
-            role: string;
-            id: string;
-            placeholder: string;
-            maxLength: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -455,25 +709,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('..').QFieldSize;
-        class: string | unknown[];
-        label: string;
         type: string;
-        role: string;
-        id: string;
-        placeholder: string;
-        maxLength: number;
     }> & Omit<Readonly<{
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+        "onClick:clear"?: ((event: Event) => any) | undefined;
+    }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            "label.prepend"?(_: {}): any;
-            "label.append"?(_: {}): any;
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
             prepend?(_: {}): any;
             append?(_: {}): any;
             extras?(_: {}): any;
@@ -497,22 +745,402 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:search"?: ((value: string) => any) | undefined;
 }>, {
-    size: import('..').QFieldSize;
-    class: string | unknown[];
-    label: string;
     icons: typeof DEFAULT_ICONS;
-    id: string;
+    texts: typeof DEFAULT_TEXTS;
     groups: (import('../QList').QListItemGroupProps & {
         id: string;
     })[];
     itemValue: string;
     itemLabel: string;
-    placeholder: string;
     selectionMode: "manual" | "automatic";
     filterMode: "builtin" | "manual";
-    emptyValue: Primitive;
-    texts: typeof DEFAULT_TEXTS;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerEl: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly id?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly label?: string | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly size?: import('..').QFieldSize | undefined;
+            readonly maxLength?: number | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly required?: boolean | undefined;
+            readonly role?: string | undefined;
+            readonly type?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly "onClick:clear"?: ((event: Event) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            fieldRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly id?: string | undefined;
+                    readonly label?: string | undefined;
+                    readonly for?: string | undefined;
+                    readonly size?: import('..').QFieldSize | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly class?: string | unknown[] | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    fieldRef: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+                    fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    size: import('..').QFieldSize;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                size: import('..').QFieldSize;
+            }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "size" | "fieldRef"> & import('vue').ShallowUnwrapRef<{
+                fieldRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    'label.prepend'?(_: {}): any;
+                    'label.append'?(_: {}): any;
+                    control?(_: {}): any;
+                    prepend?(_: {}): any;
+                    default?(_: {}): any;
+                    append?(_: {}): any;
+                    extras?(_: {}): any;
+                };
+            }) | null;
+            inputRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "click:clear", event: Event) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onClick:clear"?: ((event: Event) => any) | undefined;
+        }>, {
+            fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+            inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: string) => any;
+        } & {
+            "click:clear": (event: Event) => any;
+        }, string, {
+            type: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: string;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onClick:clear"?: ((event: Event) => any) | undefined;
+    }>, "type" | "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
+        fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+        inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            extras?(_: {}): any;
+        };
+    }) | null;
+    toggleRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly active?: boolean | undefined;
+            readonly bStyle?: "primary" | "secondary" | "tertiary" | "danger" | "plain" | undefined;
+            readonly label?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly iconOnRight?: boolean | undefined;
+            readonly borderless?: boolean | undefined;
+            readonly elevated?: boolean | undefined;
+            readonly block?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly size?: "regular" | "small" | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly onClick?: ((event: Event) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click", event: Event) => void;
+        $el: HTMLButtonElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../QButton').QButtonProps> & Readonly<{
+            onClick?: ((event: Event) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (event: Event) => any;
+        }, string, {
+            size: "regular" | "small";
+            bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "regular" | "small";
+        bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
+    }> & Omit<Readonly<import('../QButton').QButtonProps> & Readonly<{
+        onClick?: ((event: Event) => any) | undefined;
+    }>, "size" | "bStyle"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    contentRef: HTMLDivElement;
+    listRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: any;
+            readonly highlighted?: Primitive | undefined;
+            readonly items: import('../QList/types').Item[];
+            readonly groups?: import('../QList/types').Group[] | undefined;
+            readonly itemValue?: string | undefined;
+            readonly itemLabel?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly selectable?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            listRef: unknown;
+            listItemsRef: (({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly value: Primitive;
+                    readonly label: string;
+                    readonly icon?: import('..').Icon | undefined;
+                    readonly selected?: boolean | undefined;
+                    readonly highlighted?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly description?: string | undefined;
+                    readonly icons?: typeof import('../QList/types').DEFAULT_ICONS | undefined;
+                    readonly onSelect?: ((value: Primitive) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "select", value: Primitive) => void;
+                $el: HTMLLIElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../QList').QListItemProps> & Readonly<{
+                    onSelect?: ((value: Primitive) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    select: (value: Primitive) => any;
+                }, string, {
+                    icons: typeof import('../QList/types').DEFAULT_ICONS;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                icons: typeof import('../QList/types').DEFAULT_ICONS;
+            }> & Omit<Readonly<import('../QList').QListItemProps> & Readonly<{
+                onSelect?: ((value: Primitive) => any) | undefined;
+            }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    prepend?(_: {}): any;
+                    default?(_: {}): any;
+                    append?(_: {}): any;
+                };
+            }) | null)[];
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", value: any) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: any;
+        } & import('../QList').QListProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }>, {
+            focusItem: (itemIdx: number, preventScroll?: boolean) => void;
+            getItem: (idx: number) => HTMLElement | undefined;
+            getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
+            getFirstFocusableItemIndex: () => number;
+            getLastFocusableItemIndex: () => number;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: any) => any;
+        }, string, {
+            groups: import('../QList/types').Group[];
+            itemValue: string;
+            itemLabel: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        groups: import('../QList/types').Group[];
+        itemValue: string;
+        itemLabel: string;
+    }> & Omit<Readonly<{
+        modelValue?: any;
+    } & import('../QList').QListProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
+        focusItem: (itemIdx: number, preventScroll?: boolean) => void;
+        getItem: (idx: number) => HTMLElement | undefined;
+        getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
+        getFirstFocusableItemIndex: () => number;
+        getLastFocusableItemIndex: () => number;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            item?(_: {
+                item: import('../QList/types').Item;
+                element: HTMLLIElement | undefined;
+            }): any;
+            'item.append'?(_: {
+                item: import('../QList/types').Item;
+                element: HTMLLIElement | undefined;
+            }): any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {