@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/labs/VNumberInput/index.d.mts

@@ -1,5 +1,6 @@
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, ComputedRef, Ref, nextTick } from 'vue';
+import * as _vue_reactivity from '@vue/reactivity';
 
 type ClassValue = any;
 
@@ -128,7 +129,7 @@ type ControlSlot = {
 };
 type ControlVariant = 'default' | 'stacked' | 'split';
 declare const VNumberInput: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -408,131 +409,7 @@ declare const VNumberInput: {
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            type: string;
-            error: boolean;
-            active: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            tile: boolean;
-            density: Density;
-            clearIcon: IconValue;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-            persistentPlaceholder: boolean;
-            persistentCounter: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            color?: string | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            prefix?: string | undefined;
-            role?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            placeholder?: string | undefined;
-            counter?: string | number | boolean | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            modelValue?: any;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-            suffix?: string | undefined;
-            counterValue?: number | ((value: any) => number) | undefined;
-            modelModifiers?: Record<string, boolean> | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-                clear?: ((arg: DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((arg: DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-                clear?: false | ((arg: DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: false | ((arg: DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-                counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-            "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -559,6 +436,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -735,40 +613,7 @@ declare const VNumberInput: {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                rules: readonly ValidationRule[];
-                density: Density;
-                centerAffix: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-                validationValue?: any;
-                prependIcon?: IconValue | undefined;
-                appendIcon?: IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -784,6 +629,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -848,7 +694,7 @@ declare const VNumberInput: {
                 append: (arg: VInputSlot) => vue.VNode[];
                 details: (arg: VInputSlot) => vue.VNode[];
                 message: (arg: VMessageSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -867,8 +713,23 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
@@ -901,7 +762,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+        } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean) => Promise<string[]>;
@@ -910,7 +771,7 @@ declare const VNumberInput: {
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+        }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -961,41 +822,7 @@ declare const VNumberInput: {
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                flat: boolean;
-                reverse: boolean;
-                variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-                error: boolean;
-                active: boolean;
-                style: vue.StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                tile: boolean;
-                clearIcon: IconValue;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            } & {
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                appendInnerIcon?: IconValue | undefined;
-                prependInnerIcon?: IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1017,6 +844,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -1054,7 +882,7 @@ declare const VNumberInput: {
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
                 'update:focused': (focused: boolean) => true;
                 'update:modelValue': (value: any) => true;
@@ -1087,7 +915,7 @@ declare const VNumberInput: {
                 }) => vue.VNode[];
                 loader: (arg: LoaderSlotProps) => vue.VNode[];
                 default: (arg: VFieldSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -1106,8 +934,25 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            centerAffix: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<{
             flat: boolean;
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1141,12 +986,12 @@ declare const VNumberInput: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "controlRef"> & vue.ShallowUnwrapRef<{
-            controlRef: vue.Ref<HTMLElement | undefined>;
+        }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+        }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -1154,7 +999,7 @@ declare const VNumberInput: {
                 isValid: vue.ComputedRef<boolean | null>;
                 errorMessages: vue.ComputedRef<string[]>;
             } | {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             } | {};
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:control': (e: MouseEvent) => true;
@@ -1208,7 +1053,7 @@ declare const VNumberInput: {
             'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
             default: () => vue.VNode[];
             counter: (arg: VCounterSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1227,8 +1072,38 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        type: string;
+        error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        autofocus: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        rounded: string | number | boolean;
+        tile: boolean;
+        density: Density;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1352,7 +1227,7 @@ declare const VNumberInput: {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    }, "reset" | "_" | "isValid" | "validate" | "resetValidation" | "_allExposed" | "controlRef" | keyof HTMLInputElement> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
+    }, "normalize" | "flat" | "reverse" | "variant" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "direction" | "translate" | "contains" | "value" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "_clickOutside" | "_onResize" | "_ripple" | "_observe" | "_mutate" | "_onScroll" | "_touchHandlers" | "_transitionInitialStyles" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "textContent" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColSpan" | "ariaCurrent" | "ariaDescription" | "ariaDisabled" | "ariaExpanded" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "innerHTML" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextmenu" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "maxLength" | "list" | "accept" | "readOnly" | "_" | "alt" | "step" | "placeholder" | "src" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "isValid" | "focused" | "errorMessages" | "maxErrors" | "rules" | "validate" | "resetValidation" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "_allExposed" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "persistentPlaceholder" | "persistentCounter" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "minLength" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement"> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1402,40 +1277,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1451,6 +1293,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1515,7 +1358,7 @@ declare const VNumberInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1534,8 +1377,23 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -1568,7 +1426,7 @@ declare const VNumberInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -1577,7 +1435,7 @@ declare const VNumberInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1628,41 +1486,7 @@ declare const VNumberInput: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
-            style: vue.StyleValue;
-            disabled: boolean;
-            focused: boolean;
-            tile: boolean;
-            clearIcon: IconValue;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-        } & {
-            id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1684,6 +1508,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1721,7 +1546,7 @@ declare const VNumberInput: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -1754,7 +1579,7 @@ declare const VNumberInput: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1773,8 +1598,25 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        focused: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -1808,12 +1650,12 @@ declare const VNumberInput: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined>;
+    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -1821,9 +1663,9 @@ declare const VNumberInput: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         } | {};
-    }> & {} & vue.ComponentCustomProperties & {}, "name" | "key" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "ref" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
         _allExposed: (HTMLInputElement & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
@@ -1874,40 +1716,7 @@ declare const VNumberInput: {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                rules: readonly ValidationRule[];
-                density: Density;
-                centerAffix: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-                validationValue?: any;
-                prependIcon?: IconValue | undefined;
-                appendIcon?: IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1923,6 +1732,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -1987,7 +1797,7 @@ declare const VNumberInput: {
                 append: (arg: VInputSlot) => vue.VNode[];
                 details: (arg: VInputSlot) => vue.VNode[];
                 message: (arg: VMessageSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -2006,8 +1816,23 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
@@ -2040,7 +1865,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+        } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean) => Promise<string[]>;
@@ -2049,7 +1874,7 @@ declare const VNumberInput: {
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+        }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -2100,41 +1925,7 @@ declare const VNumberInput: {
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                flat: boolean;
-                reverse: boolean;
-                variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-                error: boolean;
-                active: boolean;
-                style: vue.StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                tile: boolean;
-                clearIcon: IconValue;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            } & {
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                appendInnerIcon?: IconValue | undefined;
-                prependInnerIcon?: IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2156,6 +1947,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -2193,7 +1985,7 @@ declare const VNumberInput: {
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
                 'update:focused': (focused: boolean) => true;
                 'update:modelValue': (value: any) => true;
@@ -2226,7 +2018,7 @@ declare const VNumberInput: {
                 }) => vue.VNode[];
                 loader: (arg: LoaderSlotProps) => vue.VNode[];
                 default: (arg: VFieldSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -2245,8 +2037,25 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            centerAffix: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<{
             flat: boolean;
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -2280,12 +2089,12 @@ declare const VNumberInput: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "controlRef"> & vue.ShallowUnwrapRef<{
-            controlRef: vue.Ref<HTMLElement | undefined>;
+        }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+        }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -2293,140 +2102,12 @@ declare const VNumberInput: {
                 isValid: vue.ComputedRef<boolean | null>;
                 errorMessages: vue.ComputedRef<string[]>;
             } | {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             } | {};
         }) | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (val: number) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        max: number;
-        type: string;
-        error: boolean;
-        active: boolean;
-        min: number;
-        direction: "horizontal" | "vertical";
-        inset: boolean;
-        style: vue.StyleValue;
-        autofocus: boolean;
-        disabled: boolean;
-        readonly: boolean | null;
-        step: number;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        modelValue: Number | null;
-        tile: boolean;
-        density: Density;
-        clearIcon: IconValue;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-        persistentPlaceholder: boolean;
-        persistentCounter: boolean;
-        hideInput: boolean;
-        controlVariant: ControlVariant;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        loading?: string | boolean | undefined;
-        label?: string | undefined;
-        prefix?: string | undefined;
-        role?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        placeholder?: string | undefined;
-        counter?: string | number | boolean | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        centerAffix?: boolean | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-        suffix?: string | undefined;
-        counterValue?: number | ((value: any) => number) | undefined;
-        modelModifiers?: Record<string, boolean> | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            increment?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-            decrement?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: false | ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            increment?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-            decrement?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-        "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((arg: DefaultInputSlot & {
-            label: string | undefined;
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:increment"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-        "v-slot:decrement"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -2481,7 +2162,7 @@ declare const VNumberInput: {
         'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
         increment: (arg: ControlSlot) => vue.VNode[];
         decrement: (arg: ControlSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -2768,131 +2449,7 @@ declare const VNumberInput: {
             "onUpdate:modelValue"?: ((val: string) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            type: string;
-            error: boolean;
-            active: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            tile: boolean;
-            density: Density;
-            clearIcon: IconValue;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-            persistentPlaceholder: boolean;
-            persistentCounter: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            color?: string | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            prefix?: string | undefined;
-            role?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            placeholder?: string | undefined;
-            counter?: string | number | boolean | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            modelValue?: any;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-            suffix?: string | undefined;
-            counterValue?: number | ((value: any) => number) | undefined;
-            modelModifiers?: Record<string, boolean> | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-                clear?: ((arg: DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: ((arg: DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-                clear?: false | ((arg: DefaultInputSlot & {
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                label?: false | ((arg: DefaultInputSlot & {
-                    label: string | undefined;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-                loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-                'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-                counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:label"?: false | ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-            "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2919,6 +2476,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -3095,40 +2653,7 @@ declare const VNumberInput: {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                rules: readonly ValidationRule[];
-                density: Density;
-                centerAffix: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-                validationValue?: any;
-                prependIcon?: IconValue | undefined;
-                appendIcon?: IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3144,6 +2669,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -3208,7 +2734,7 @@ declare const VNumberInput: {
                 append: (arg: VInputSlot) => vue.VNode[];
                 details: (arg: VInputSlot) => vue.VNode[];
                 message: (arg: VMessageSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -3227,8 +2753,23 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
@@ -3261,7 +2802,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+        } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean) => Promise<string[]>;
@@ -3270,7 +2811,7 @@ declare const VNumberInput: {
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+        }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -3321,41 +2862,7 @@ declare const VNumberInput: {
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                flat: boolean;
-                reverse: boolean;
-                variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-                error: boolean;
-                active: boolean;
-                style: vue.StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                tile: boolean;
-                clearIcon: IconValue;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            } & {
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                appendInnerIcon?: IconValue | undefined;
-                prependInnerIcon?: IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3377,6 +2884,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -3414,7 +2922,7 @@ declare const VNumberInput: {
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
                 'update:focused': (focused: boolean) => true;
                 'update:modelValue': (value: any) => true;
@@ -3447,7 +2955,7 @@ declare const VNumberInput: {
                 }) => vue.VNode[];
                 loader: (arg: LoaderSlotProps) => vue.VNode[];
                 default: (arg: VFieldSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -3466,8 +2974,25 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            centerAffix: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<{
             flat: boolean;
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -3501,12 +3026,12 @@ declare const VNumberInput: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "controlRef"> & vue.ShallowUnwrapRef<{
-            controlRef: vue.Ref<HTMLElement | undefined>;
+        }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+        }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -3514,7 +3039,7 @@ declare const VNumberInput: {
                 isValid: vue.ComputedRef<boolean | null>;
                 errorMessages: vue.ComputedRef<string[]>;
             } | {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             } | {};
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:control': (e: MouseEvent) => true;
@@ -3568,7 +3093,7 @@ declare const VNumberInput: {
             'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
             default: () => vue.VNode[];
             counter: (arg: VCounterSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -3587,8 +3112,38 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        type: string;
+        error: boolean;
+        active: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        autofocus: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        rounded: string | number | boolean;
+        tile: boolean;
+        density: Density;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -3712,7 +3267,7 @@ declare const VNumberInput: {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    }, "reset" | "_" | "isValid" | "validate" | "resetValidation" | "_allExposed" | "controlRef" | keyof HTMLInputElement> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
+    }, "normalize" | "flat" | "reverse" | "variant" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "direction" | "translate" | "contains" | "value" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "_clickOutside" | "_onResize" | "_ripple" | "_observe" | "_mutate" | "_onScroll" | "_touchHandlers" | "_transitionInitialStyles" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "textContent" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColSpan" | "ariaCurrent" | "ariaDescription" | "ariaDisabled" | "ariaExpanded" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "innerHTML" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextmenu" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "maxLength" | "list" | "accept" | "readOnly" | "_" | "alt" | "step" | "placeholder" | "src" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "isValid" | "focused" | "errorMessages" | "maxErrors" | "rules" | "validate" | "resetValidation" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "_allExposed" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "persistentPlaceholder" | "persistentCounter" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "minLength" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement"> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -3762,40 +3317,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3811,6 +3333,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -3875,7 +3398,7 @@ declare const VNumberInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -3894,8 +3417,23 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -3928,7 +3466,7 @@ declare const VNumberInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -3937,7 +3475,7 @@ declare const VNumberInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -3988,41 +3526,7 @@ declare const VNumberInput: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
-            style: vue.StyleValue;
-            disabled: boolean;
-            focused: boolean;
-            tile: boolean;
-            clearIcon: IconValue;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-        } & {
-            id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4044,6 +3548,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -4081,7 +3586,7 @@ declare const VNumberInput: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -4114,7 +3619,7 @@ declare const VNumberInput: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -4133,8 +3638,25 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        focused: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -4168,12 +3690,12 @@ declare const VNumberInput: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined>;
+    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -4181,9 +3703,9 @@ declare const VNumberInput: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         } | {};
-    }> & {} & vue.ComponentCustomProperties & {}, "name" | "key" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "ref" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
         _allExposed: (HTMLInputElement & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
@@ -4234,40 +3756,7 @@ declare const VNumberInput: {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-                error: boolean;
-                direction: "horizontal" | "vertical";
-                style: vue.StyleValue;
-                disabled: boolean | null;
-                readonly: boolean | null;
-                messages: string | readonly string[];
-                focused: boolean;
-                errorMessages: string | readonly string[] | null;
-                maxErrors: string | number;
-                rules: readonly ValidationRule[];
-                density: Density;
-                centerAffix: boolean;
-                hideSpinButtons: boolean;
-                persistentHint: boolean;
-            } & {
-                name?: string | undefined;
-                id?: string | undefined;
-                width?: string | number | undefined;
-                maxWidth?: string | number | undefined;
-                minWidth?: string | number | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-                validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-                validationValue?: any;
-                prependIcon?: IconValue | undefined;
-                appendIcon?: IconValue | undefined;
-                'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-                hint?: string | undefined;
-                hideDetails?: boolean | "auto" | undefined;
-            } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4283,6 +3772,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -4347,7 +3837,7 @@ declare const VNumberInput: {
                 append: (arg: VInputSlot) => vue.VNode[];
                 details: (arg: VInputSlot) => vue.VNode[];
                 message: (arg: VMessageSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -4366,8 +3856,23 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
+            focused: boolean;
+            errorMessages: string | readonly string[] | null;
+            maxErrors: string | number;
+            rules: readonly ValidationRule[];
+            density: Density;
+            centerAffix: boolean;
+            hideSpinButtons: boolean;
+            persistentHint: boolean;
+        }> & Omit<{
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
@@ -4400,7 +3905,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+        } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean) => Promise<string[]>;
@@ -4409,27 +3914,10 @@ declare const VNumberInput: {
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+        }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                flat: boolean;
-                reverse: boolean;
-                variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-                error: boolean;
-                active: boolean;
-                style: vue.StyleValue;
-                disabled: boolean;
-                focused: boolean;
-                rounded: string | number | boolean;
-                tile: boolean;
-                clearIcon: IconValue;
-                centerAffix: boolean;
-                clearable: boolean;
-                dirty: boolean;
-                persistentClear: boolean;
-                singleLine: boolean;
-            }> & Omit<{
+            $data: {};
+            $props: Partial<{
                 flat: boolean;
                 reverse: boolean;
                 variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -4438,29 +3926,15 @@ declare const VNumberInput: {
                 style: vue.StyleValue;
                 disabled: boolean;
                 focused: boolean;
+                rounded: string | number | boolean;
                 tile: boolean;
                 clearIcon: IconValue;
+                centerAffix: boolean;
                 clearable: boolean;
                 dirty: boolean;
                 persistentClear: boolean;
                 singleLine: boolean;
-                id?: string | undefined;
-                color?: string | undefined;
-                loading?: string | boolean | undefined;
-                label?: string | undefined;
-                class?: any;
-                theme?: string | undefined;
-                'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
-                rounded?: string | number | boolean | undefined;
-                baseColor?: string | undefined;
-                bgColor?: string | undefined;
-                appendInnerIcon?: IconValue | undefined;
-                prependInnerIcon?: IconValue | undefined;
-                'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-                'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-                centerAffix?: boolean | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            }> & Omit<{
                 flat: boolean;
                 reverse: boolean;
                 variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -4475,14 +3949,13 @@ declare const VNumberInput: {
                 dirty: boolean;
                 persistentClear: boolean;
                 singleLine: boolean;
-            } & {
                 id?: string | undefined;
                 color?: string | undefined;
                 loading?: string | boolean | undefined;
                 label?: string | undefined;
                 class?: any;
                 theme?: string | undefined;
-                'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+                'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
                 rounded?: string | number | boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -4492,9 +3965,7 @@ declare const VNumberInput: {
                 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 centerAffix?: boolean | undefined;
-            } & {
-                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4516,6 +3987,7 @@ declare const VNumberInput: {
             }>;
             $root: vue.ComponentPublicInstance | null;
             $parent: vue.ComponentPublicInstance | null;
+            $host: Element | null;
             $emit: (event: "update:focused", focused: boolean) => void;
             $el: any;
             $options: vue.ComponentOptionsBase<{
@@ -4553,7 +4025,7 @@ declare const VNumberInput: {
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
                 'update:focused': (focused: boolean) => true;
                 'update:modelValue': (value: any) => true;
@@ -4586,7 +4058,7 @@ declare const VNumberInput: {
                 }) => vue.VNode[];
                 loader: (arg: LoaderSlotProps) => vue.VNode[];
                 default: (arg: VFieldSlot) => vue.VNode[];
-            }>>> & {
+            }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -4605,8 +4077,25 @@ declare const VNumberInput: {
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-        } & Omit<{
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        } & Readonly<{
+            flat: boolean;
+            reverse: boolean;
+            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+            error: boolean;
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            centerAffix: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<{
             flat: boolean;
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -4640,12 +4129,12 @@ declare const VNumberInput: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "controlRef"> & vue.ShallowUnwrapRef<{
-            controlRef: vue.Ref<HTMLElement | undefined>;
+        }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+        }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
             _allExposed: {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -4653,7 +4142,7 @@ declare const VNumberInput: {
                 isValid: vue.ComputedRef<boolean | null>;
                 errorMessages: vue.ComputedRef<string[]>;
             } | {
-                controlRef: vue.Ref<HTMLElement | undefined>;
+                controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             } | {};
         }) | {};
     }, {}, {}, {}, {
@@ -4977,131 +4466,7 @@ declare const VNumberInput: {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        type: string;
-        error: boolean;
-        active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
-        disabled: boolean;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        tile: boolean;
-        density: Density;
-        clearIcon: IconValue;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-        persistentPlaceholder: boolean;
-        persistentCounter: boolean;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        loading?: string | boolean | undefined;
-        label?: string | undefined;
-        prefix?: string | undefined;
-        role?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        placeholder?: string | undefined;
-        counter?: string | number | boolean | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: any;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        appendInnerIcon?: IconValue | undefined;
-        prependInnerIcon?: IconValue | undefined;
-        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        centerAffix?: boolean | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-        suffix?: string | undefined;
-        counterValue?: number | ((value: any) => number) | undefined;
-        modelModifiers?: Record<string, boolean> | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-            clear?: false | ((arg: DefaultInputSlot & {
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((arg: DefaultInputSlot & {
-                label: string | undefined;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
-        "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((arg: DefaultInputSlot & {
-            label: string | undefined;
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-        "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-    }, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -5128,6 +4493,7 @@ declare const VNumberInput: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -5304,40 +4670,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -5353,6 +4686,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -5417,7 +4751,7 @@ declare const VNumberInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -5436,8 +4770,23 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -5470,7 +4819,7 @@ declare const VNumberInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -5479,7 +4828,7 @@ declare const VNumberInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -5487,50 +4836,19 @@ declare const VNumberInput: {
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             error: boolean;
-            active: boolean;
-            style: vue.StyleValue;
-            disabled: boolean;
-            focused: boolean;
-            rounded: string | number | boolean;
-            tile: boolean;
-            clearIcon: IconValue;
-            centerAffix: boolean;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-        }> & Omit<{
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
-            style: vue.StyleValue;
-            disabled: boolean;
-            focused: boolean;
-            tile: boolean;
-            clearIcon: IconValue;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-            id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            active: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            focused: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            clearIcon: IconValue;
+            centerAffix: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<{
             flat: boolean;
             reverse: boolean;
             variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -5545,14 +4863,13 @@ declare const VNumberInput: {
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
-        } & {
             id?: string | undefined;
             color?: string | undefined;
             loading?: string | boolean | undefined;
             label?: string | undefined;
             class?: any;
             theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+            'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
@@ -5562,9 +4879,7 @@ declare const VNumberInput: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -5586,6 +4901,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -5623,7 +4939,7 @@ declare const VNumberInput: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -5656,7 +4972,7 @@ declare const VNumberInput: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -5675,8 +4991,25 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        focused: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -5710,12 +5043,12 @@ declare const VNumberInput: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined>;
+    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -5723,7 +5056,7 @@ declare const VNumberInput: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:control': (e: MouseEvent) => true;
@@ -5777,7 +5110,7 @@ declare const VNumberInput: {
         'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
         default: () => vue.VNode[];
         counter: (arg: VCounterSlot) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -5796,8 +5129,38 @@ declare const VNumberInput: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Readonly<{
+    flat: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+    type: string;
+    error: boolean;
+    active: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean | null;
+    messages: string | readonly string[];
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
+    rounded: string | number | boolean;
+    tile: boolean;
+    density: Density;
+    clearIcon: IconValue;
+    centerAffix: boolean;
+    hideSpinButtons: boolean;
+    persistentHint: boolean;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+    persistentPlaceholder: boolean;
+    persistentCounter: boolean;
+}> & Omit<{
     flat: boolean;
     reverse: boolean;
     variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -5921,7 +5284,7 @@ declare const VNumberInput: {
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
-}, "reset" | "_" | "isValid" | "validate" | "resetValidation" | "_allExposed" | "controlRef" | keyof HTMLInputElement> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
+}, "normalize" | "flat" | "reverse" | "variant" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "direction" | "translate" | "contains" | "value" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "_clickOutside" | "_onResize" | "_ripple" | "_observe" | "_mutate" | "_onScroll" | "_touchHandlers" | "_transitionInitialStyles" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "textContent" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColSpan" | "ariaCurrent" | "ariaDescription" | "ariaDisabled" | "ariaExpanded" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "innerHTML" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextmenu" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "maxLength" | "list" | "accept" | "readOnly" | "_" | "alt" | "step" | "placeholder" | "src" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "isValid" | "focused" | "errorMessages" | "maxErrors" | "rules" | "validate" | "resetValidation" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "_allExposed" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "controlRef" | "persistentPlaceholder" | "persistentCounter" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "minLength" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement"> & vue.ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -5971,40 +5334,7 @@ declare const VNumberInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -6020,6 +5350,7 @@ declare const VNumberInput: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -6084,7 +5415,7 @@ declare const VNumberInput: {
         append: (arg: VInputSlot) => vue.VNode[];
         details: (arg: VInputSlot) => vue.VNode[];
         message: (arg: VMessageSlot) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -6103,8 +5434,23 @@ declare const VNumberInput: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Readonly<{
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
+    disabled: boolean | null;
+    readonly: boolean | null;
+    messages: string | readonly string[];
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
+    density: Density;
+    centerAffix: boolean;
+    hideSpinButtons: boolean;
+    persistentHint: boolean;
+}> & Omit<{
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
@@ -6137,7 +5483,7 @@ declare const VNumberInput: {
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
-} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+} & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
     reset: () => Promise<void>;
     resetValidation: () => Promise<void>;
     validate: (silent?: boolean) => Promise<string[]>;
@@ -6146,7 +5492,7 @@ declare const VNumberInput: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+}, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -6197,41 +5543,7 @@ declare const VNumberInput: {
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
-        reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
-        style: vue.StyleValue;
-        disabled: boolean;
-        focused: boolean;
-        tile: boolean;
-        clearIcon: IconValue;
-        clearable: boolean;
-        dirty: boolean;
-        persistentClear: boolean;
-        singleLine: boolean;
-    } & {
-        id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        bgColor?: string | undefined;
-        appendInnerIcon?: IconValue | undefined;
-        prependInnerIcon?: IconValue | undefined;
-        'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        centerAffix?: boolean | undefined;
-    } & {
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -6253,6 +5565,7 @@ declare const VNumberInput: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: (event: "update:focused", focused: boolean) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -6290,7 +5603,7 @@ declare const VNumberInput: {
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
-        controlRef: vue.Ref<HTMLElement | undefined>;
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (value: any) => true;
@@ -6323,7 +5636,7 @@ declare const VNumberInput: {
         }) => vue.VNode[];
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         default: (arg: VFieldSlot) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -6342,8 +5655,25 @@ declare const VNumberInput: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Readonly<{
+    flat: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+    error: boolean;
+    active: boolean;
+    style: vue.StyleValue;
+    disabled: boolean;
+    focused: boolean;
+    rounded: string | number | boolean;
+    tile: boolean;
+    clearIcon: IconValue;
+    centerAffix: boolean;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+}> & Omit<{
     flat: boolean;
     reverse: boolean;
     variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -6377,12 +5707,12 @@ declare const VNumberInput: {
     centerAffix?: boolean | undefined;
 } & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-}, "controlRef"> & vue.ShallowUnwrapRef<{
-    controlRef: vue.Ref<HTMLElement | undefined>;
+}, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+    controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+}, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
     _allExposed: {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
@@ -6390,9 +5720,9 @@ declare const VNumberInput: {
         isValid: vue.ComputedRef<boolean | null>;
         errorMessages: vue.ComputedRef<string[]>;
     } | {
-        controlRef: vue.Ref<HTMLElement | undefined>;
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     } | {};
-}> & {} & vue.ComponentCustomProperties & {}, "name" | "key" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "ref" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
+}> & {} & vue.ComponentCustomProperties & {}, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "loading" | "label" | "prefix" | "role" | "class" | "theme" | "placeholder" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "counter" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "bgColor" | "prependIcon" | "appendIcon" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:append" | "onClick:prepend" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "suffix" | "counterValue" | "modelModifiers" | "onClick:control" | "onMousedown:control" | ("flat" | "reverse" | "variant" | "type" | "error" | "active" | "direction" | "style" | "autofocus" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "rounded" | "tile" | "density" | "clearIcon" | "centerAffix" | "hideSpinButtons" | "persistentHint" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter") | "v-slot:counter">, `$${any}`> & {
     _allExposed: (HTMLInputElement & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -6443,40 +5773,7 @@ declare const VNumberInput: {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean | null;
-            readonly: boolean | null;
-            messages: string | readonly string[];
-            focused: boolean;
-            errorMessages: string | readonly string[] | null;
-            maxErrors: string | number;
-            rules: readonly ValidationRule[];
-            density: Density;
-            centerAffix: boolean;
-            hideSpinButtons: boolean;
-            persistentHint: boolean;
-        } & {
-            name?: string | undefined;
-            id?: string | undefined;
-            width?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            validationValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -6492,6 +5789,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -6556,7 +5854,7 @@ declare const VNumberInput: {
             append: (arg: VInputSlot) => vue.VNode[];
             details: (arg: VInputSlot) => vue.VNode[];
             message: (arg: VMessageSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -6575,8 +5873,23 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
+        density: Density;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
+        persistentHint: boolean;
+    }> & Omit<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -6609,7 +5922,7 @@ declare const VNumberInput: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
+    } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")> & vue.ShallowUnwrapRef<{
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
@@ -6618,7 +5931,7 @@ declare const VNumberInput: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "name" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -6669,41 +5982,7 @@ declare const VNumberInput: {
             'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
-            reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
-            style: vue.StyleValue;
-            disabled: boolean;
-            focused: boolean;
-            tile: boolean;
-            clearIcon: IconValue;
-            clearable: boolean;
-            dirty: boolean;
-            persistentClear: boolean;
-            singleLine: boolean;
-        } & {
-            id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
-            label?: string | undefined;
-            class?: any;
-            theme?: string | undefined;
-            'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            rounded?: string | number | boolean | undefined;
-            baseColor?: string | undefined;
-            bgColor?: string | undefined;
-            appendInnerIcon?: IconValue | undefined;
-            prependInnerIcon?: IconValue | undefined;
-            'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
-            'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-            centerAffix?: boolean | undefined;
-        } & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -6725,6 +6004,7 @@ declare const VNumberInput: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -6762,7 +6042,7 @@ declare const VNumberInput: {
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
@@ -6795,7 +6075,7 @@ declare const VNumberInput: {
             }) => vue.VNode[];
             loader: (arg: LoaderSlotProps) => vue.VNode[];
             default: (arg: VFieldSlot) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -6814,8 +6094,25 @@ declare const VNumberInput: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        flat: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        focused: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+    }> & Omit<{
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -6849,12 +6146,12 @@ declare const VNumberInput: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "controlRef"> & vue.ShallowUnwrapRef<{
-        controlRef: vue.Ref<HTMLElement | undefined>;
+    }, ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine") | "controlRef"> & vue.ShallowUnwrapRef<{
+        controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
+    }, VFieldSlots>, "id" | "color" | "loading" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -6862,7 +6159,7 @@ declare const VNumberInput: {
             isValid: vue.ComputedRef<boolean | null>;
             errorMessages: vue.ComputedRef<string[]>;
         } | {
-            controlRef: vue.Ref<HTMLElement | undefined>;
+            controlRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         } | {};
     }) | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -6922,7 +6219,7 @@ declare const VNumberInput: {
     'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
     increment: (arg: ControlSlot) => vue.VNode[];
     decrement: (arg: ControlSlot) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     flat: BooleanConstructor;
     reverse: BooleanConstructor;
     variant: {