@quidgest/ui 0.13.3 → 0.14.1

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

@@ -1,243 +1,307 @@
-import { QFieldSize } from '../QField';
-import { Icon } from '../QIcon';
-import { QListItemGroupProps, QListItemProps } from '../QList';
+import { QComboboxProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
 import { Primitive } from '../../types/primitive';
 import { nextTick } from 'vue';
-
-export type QComboboxProps = {
-    /**
-     * The field unique identifier.
-     */
-    id?: string;
-    /**
-     * The placeholder text for the combobox.
-     */
-    placeholder?: string;
-    /**
-     * The nature of the autocomplete and selection mechanism.
-     */
-    selectionMode?: 'manual' | 'automatic';
-    /**
-     * The mode of the combobox filter.
-     */
-    filterMode?: 'builtin' | 'manual';
-    /**
-     * The label of the input.
-     */
-    label?: string;
-    /**
-     * Whether the value of the component can be cleared.
-     */
-    clearable?: boolean;
-    /**
-     * Whether the field is readonly.
-     */
-    readonly?: boolean;
-    /**
-     * Whether the field is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If set to true, an asterisk (*) is displayed
-     * to indicate that the field is required.
-     */
-    required?: boolean;
-    /**
-     * Whether the items of the list are being loaded.
-     */
-    loading?: boolean;
-    /**
-     * The list of available items for selection.
-     */
-    items: (Omit<QListItemProps, 'value' | 'label'> & {
-        [key: string]: any;
-    })[];
-    /**
-     * The item groups used for organizing the available items.
-     */
-    groups?: (QListItemGroupProps & {
-        id: string;
-    })[];
-    /**
-     * Property on each item that contains its value.
-     */
-    itemValue?: string;
-    /**
-     * Property on each item that contains its title.
-     */
-    itemLabel?: string;
-    /**
-     * The value to be used in comparisons,
-     * used to check if the field has a selected item.
-     */
-    emptyValue?: Primitive;
-    /**
-     * The size category of the field.
-     */
-    size?: QFieldSize;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
-    /**
-     * The internal elements of the component
-     */
-    internals?: Internals;
-};
-declare const DEFAULT_TEXTS: Record<string, string>;
-declare const DEFAULT_ICONS: Record<string, Icon>;
-type Internals = {
-    icons: typeof DEFAULT_ICONS;
-    texts: typeof DEFAULT_TEXTS;
-};
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    modelValue: import('vue').PropType<any>;
-    open: import('vue').PropType<boolean>;
-    search: import('vue').PropType<string>;
-    size: {
-        type: import('vue').PropType<QFieldSize>;
-        default: undefined;
-    };
-    class: {
-        type: import('vue').PropType<string | unknown[]>;
-        default: undefined;
-    };
-    label: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    loading: {
-        type: import('vue').PropType<boolean>;
-    };
-    required: {
-        type: import('vue').PropType<boolean>;
-    };
-    internals: {
-        type: import('vue').PropType<Internals>;
-        default: () => {
-            icons: Record<string, Icon>;
-            texts: Record<string, string>;
-        };
-    };
-    items: {
-        type: import('vue').PropType<(Omit<QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        })[]>;
-        required: true;
-    };
-    groups: {
-        type: import('vue').PropType<(QListItemGroupProps & {
-            id: string;
-        })[]>;
-        default: () => never[];
-    };
-    itemValue: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    itemLabel: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    id: {
-        type: import('vue').PropType<string>;
-        default: undefined;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    selectionMode: {
-        type: import('vue').PropType<"manual" | "automatic">;
-        default: string;
-    };
-    filterMode: {
-        type: import('vue').PropType<"manual" | "builtin">;
-        default: string;
-    };
-    clearable: {
-        type: import('vue').PropType<boolean>;
-    };
-    emptyValue: {
-        type: import('vue').PropType<Primitive>;
-        default: undefined;
-    };
-}, {
-    triggerEl: import('vue').Ref<({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            size: QFieldSize;
+declare let __VLS_typeProps: QComboboxProps;
+type __VLS_PublicProps = {
+    modelValue?: any;
+    'open'?: boolean;
+    'search'?: string;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        "label.prepend"?(_: {}): any;
+        "label.append"?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+        "body.prepend"?(_: {}): any;
+        item?(_: {
+            item: import('../QList/types').Item;
+        }): any;
+        "body.append"?(_: {}): any;
+    };
+    refs: {
+        triggerEl: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly id?: string | undefined;
+                readonly placeholder?: string | undefined;
+                readonly label?: string | 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 "onUpdate:modelValue"?: ((modelValue: string) => 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: "update:modelValue", modelValue: string) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+                "onUpdate:modelValue"?: ((modelValue: string) => 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": (modelValue: string) => any;
+            }, string, {
+                size: import('..').QFieldSize;
+                class: string | unknown[];
+                type: string;
+                label: 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)[];
+                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;
             class: string | unknown[];
             type: string;
             label: string;
             role: string;
             id: string;
-            maxLength: number;
             placeholder: string;
-        }> & Omit<{
-            readonly type: string;
-            readonly label: string;
-            readonly placeholder: string;
-            readonly size?: QFieldSize | undefined;
-            readonly class?: string | unknown[] | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly required?: boolean | undefined;
-            readonly role?: string | undefined;
-            readonly modelValue?: string | undefined;
-            readonly id?: string | undefined;
-            readonly maxLength?: number | undefined;
-            readonly readonly?: boolean | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<string>;
-            size: {
-                type: import('vue').PropType<QFieldSize>;
-                default: undefined;
-            };
-            class: {
-                type: import('vue').PropType<string | unknown[]>;
-                default: undefined;
-            };
-            type: {
-                type: import('vue').PropType<string>;
-                default: string;
+            maxLength: number;
+        }> & Omit<Readonly<{
+            modelValue?: string;
+        } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & 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;
             };
-            label: {
-                type: import('vue').PropType<string>;
-                default: string;
+        }) | 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;
             };
-            disabled: {
-                type: import('vue').PropType<boolean>;
+            $refs: {
+                [x: string]: unknown;
             };
-            required: {
-                type: import('vue').PropType<boolean>;
+            $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: any;
+            $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";
+                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)[];
+                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)[];
             };
-            role: {
-                type: import('vue').PropType<string>;
-                default: undefined;
+            $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";
+            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 & {} & {
+            $slots: {
+                default?(_: {}): any;
             };
-            id: {
-                type: import('vue').PropType<string>;
-                default: undefined;
+        }) | 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"?: ((modelValue: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
             };
-            maxLength: {
-                type: import('vue').PropType<number>;
-                default: undefined;
+            $refs: {
+                [x: string]: unknown;
             };
-            placeholder: {
-                type: import('vue').PropType<string>;
-                default: string;
+            $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", modelValue: any) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: any;
+            } & import('../QList').QListProps> & Readonly<{
+                "onUpdate:modelValue"?: ((modelValue: 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": (modelValue: any) => any;
+            }, string, {
+                class: string | unknown[];
+                highlighted: Primitive;
+                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)[];
             };
-            readonly: {
-                type: import('vue').PropType<boolean>;
+            $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<{
+            class: string | unknown[];
+            highlighted: Primitive;
+            groups: import('../QList/types').Group[];
+            itemValue: string;
+            itemLabel: string;
+        }> & Omit<Readonly<{
+            modelValue?: any;
+        } & import('../QList').QListProps> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+        }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("class" | "highlighted" | "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;
+                }): any;
             };
-        }>>, "size" | "class" | "type" | "label" | "role" | "id" | "maxLength" | "placeholder">;
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    triggerEl: import('vue').Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly id?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly label?: string | 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 "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
@@ -247,131 +311,159 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", modelValue: string) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            modelValue: import('vue').PropType<string>;
-            size: {
-                type: import('vue').PropType<QFieldSize>;
-                default: undefined;
-            };
-            class: {
-                type: import('vue').PropType<string | unknown[]>;
-                default: undefined;
-            };
-            type: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-            };
-            required: {
-                type: import('vue').PropType<boolean>;
-            };
-            role: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            maxLength: {
-                type: import('vue').PropType<number>;
-                default: undefined;
-            };
-            placeholder: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            readonly: {
-                type: import('vue').PropType<boolean>;
-            };
-        }>>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        }>, {
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
-            inputRef: import('vue').Ref<HTMLElement | null>;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            size: QFieldSize;
+            inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (modelValue: string) => any;
+        }, string, {
+            size: import('..').QFieldSize;
             class: string | unknown[];
             type: string;
             label: string;
             role: string;
             id: string;
-            maxLength: number;
             placeholder: string;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            maxLength: number;
+        }, {}, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
-    } & Omit<Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<string>;
-        size: {
-            type: import('vue').PropType<QFieldSize>;
-            default: undefined;
-        };
-        class: {
-            type: import('vue').PropType<string | unknown[]>;
-            default: undefined;
-        };
-        type: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        required: {
-            type: import('vue').PropType<boolean>;
-        };
-        role: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-            default: undefined;
+        $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[];
+        type: string;
+        label: string;
+        role: string;
+        id: string;
+        placeholder: string;
+        maxLength: number;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+    }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & 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;
         };
-        maxLength: {
-            type: import('vue').PropType<number>;
-            default: undefined;
+    }) | null, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly id?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly label?: string | 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 "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
+        $refs: {
+            [x: string]: unknown;
         };
-        readonly: {
-            type: import('vue').PropType<boolean>;
+        $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", modelValue: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+            "onUpdate:modelValue"?: ((modelValue: string) => 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": (modelValue: string) => any;
+        }, string, {
+            size: import('..').QFieldSize;
+            class: string | unknown[];
+            type: string;
+            label: 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)[];
+            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)[];
         };
-    }>>, "fieldRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
+        $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;
+        class: string | unknown[];
+        type: string;
+        label: string;
+        role: string;
+        id: string;
+        placeholder: string;
+        maxLength: number;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & import('../QTextField/types').QTextFieldProps> & Readonly<{
+        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+    }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
-        inputRef: import('vue').Ref<HTMLElement | null>;
+        inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             "label.prepend"?(_: {}): any;
@@ -381,100 +473,29 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
             extras?(_: {}): any;
         };
     }) | null>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "before-show": () => void;
-    "before-hide": () => void;
-    show: () => void;
-    hide: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    open: import('vue').PropType<boolean>;
-    search: import('vue').PropType<string>;
-    size: {
-        type: import('vue').PropType<QFieldSize>;
-        default: undefined;
-    };
-    class: {
-        type: import('vue').PropType<string | unknown[]>;
-        default: undefined;
-    };
-    label: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    loading: {
-        type: import('vue').PropType<boolean>;
-    };
-    required: {
-        type: import('vue').PropType<boolean>;
-    };
-    internals: {
-        type: import('vue').PropType<Internals>;
-        default: () => {
-            icons: Record<string, Icon>;
-            texts: Record<string, string>;
-        };
-    };
-    items: {
-        type: import('vue').PropType<(Omit<QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        })[]>;
-        required: true;
-    };
-    groups: {
-        type: import('vue').PropType<(QListItemGroupProps & {
-            id: string;
-        })[]>;
-        default: () => never[];
-    };
-    itemValue: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    itemLabel: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    id: {
-        type: import('vue').PropType<string>;
-        default: undefined;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    selectionMode: {
-        type: import('vue').PropType<"manual" | "automatic">;
-        default: string;
-    };
-    filterMode: {
-        type: import('vue').PropType<"manual" | "builtin">;
-        default: string;
-    };
-    clearable: {
-        type: import('vue').PropType<boolean>;
-    };
-    emptyValue: {
-        type: import('vue').PropType<Primitive>;
-        default: undefined;
-    };
-}>> & {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: any) => any;
+    "update:open": (open: boolean) => any;
+    "update:search": (search: string) => any;
+} & {
+    "before-show": () => any;
+    "before-hide": () => any;
+    show: () => any;
+    hide: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
-}, {
-    size: QFieldSize;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onUpdate:search"?: ((search: string) => any) | undefined;
+}>, {
+    size: import('..').QFieldSize;
     class: string | unknown[];
     label: string;
-    internals: Internals;
-    groups: (QListItemGroupProps & {
+    icons: typeof DEFAULT_ICONS;
+    groups: (import('../QList').QListItemGroupProps & {
         id: string;
     })[];
     itemValue: string;
@@ -482,22 +503,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     id: string;
     placeholder: string;
     selectionMode: "manual" | "automatic";
-    filterMode: "manual" | "builtin";
+    filterMode: "builtin" | "manual";
     emptyValue: Primitive;
-}, {}>, {
-    "label.prepend"?(_: {}): any;
-    "label.append"?(_: {}): any;
-    prepend?(_: {}): any;
-    append?(_: {}): any;
-    extras?(_: {}): any;
-    "body.prepend"?(_: {}): any;
-    item?(_: {
-        item: Omit<QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        };
-    }): any;
-    "body.append"?(_: {}): any;
-}>;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {