@vuetify/nightly 4.0.0-dev-20230511.0 → 4.0.0-dev-20230512.0

package/lib/components/VField/index.d.mts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, ComputedRef, Ref } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, Ref } from 'vue';
 
-type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+type SlotsToProps<U extends RawSlots, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
     } ? V : {}) | {
@@ -13,8 +13,9 @@ type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U
 } & {
     [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
 };
+type RawSlots = Record<string, any[]> | Record<string, Slot>;
 type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
-type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
+type MakeSlots<T extends RawSlots> = {
     [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
 };
 type GenericProps<Props, Slots extends Record<string, any[]>> = {
@@ -36,20 +37,6 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
-interface VInputSlot {
-    id: ComputedRef<string>;
-    messagesId: ComputedRef<string>;
-    isDirty: ComputedRef<boolean>;
-    isDisabled: ComputedRef<boolean>;
-    isReadonly: ComputedRef<boolean>;
-    isPristine: Ref<boolean>;
-    isValid: ComputedRef<boolean | null>;
-    isValidating: Ref<boolean>;
-    reset: () => void;
-    resetValidation: () => void;
-    validate: () => void;
-}
-
 interface DefaultInputSlot {
     isActive: Ref<boolean>;
     isFocused: Ref<boolean>;
@@ -62,9 +49,12 @@ interface VFieldSlot extends DefaultInputSlot {
 }
 type VFieldSlots = {
     clear: [];
-    'prepend-inner': [DefaultInputSlot & VInputSlot];
-    'append-inner': [DefaultInputSlot & VInputSlot];
-    label: [DefaultInputSlot & VInputSlot];
+    'prepend-inner': [DefaultInputSlot];
+    'append-inner': [DefaultInputSlot];
+    label: [DefaultInputSlot & {
+        label: string | undefined;
+        props: Record<string, any>;
+    }];
     loader: [LoaderSlotProps];
     default: [VFieldSlot];
 };
@@ -72,14 +62,119 @@ declare const VField: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
+        $props: {
+            flat?: boolean | undefined;
+            reverse?: boolean | undefined;
+            error?: boolean | undefined;
+            active?: boolean | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | undefined;
+            rounded?: string | number | boolean | undefined;
+            variant?: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled" | undefined;
+            clearIcon?: IconValue | undefined;
+            focused?: boolean | undefined;
+            clearable?: boolean | undefined;
+            dirty?: boolean | undefined;
+            persistentClear?: boolean | undefined;
+            singleLine?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            theme?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((focused: boolean) => any)) | undefined;
+            baseColor?: string | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            label?: ((args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            loader?: ((args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            default?: ((args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: "update:focused", focused: boolean) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
             flat: boolean;
             reverse: boolean;
             error: boolean;
             active: boolean;
             style: vue.StyleValue;
             disabled: boolean;
-            rounded: string | number | boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
             clearIcon: IconValue;
             focused: boolean;
@@ -87,107 +182,24 @@ declare const VField: {
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            loading: (StringConstructor | BooleanConstructor)[];
-            class: PropType<any>;
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            appendInnerIcon: PropType<IconValue>;
-            bgColor: StringConstructor;
-            clearable: BooleanConstructor;
-            clearIcon: {
-                type: PropType<IconValue>;
-                default: string;
-            };
-            active: BooleanConstructor;
-            color: StringConstructor;
-            baseColor: StringConstructor;
-            dirty: BooleanConstructor;
-            disabled: BooleanConstructor;
-            error: BooleanConstructor;
-            flat: BooleanConstructor;
-            label: StringConstructor;
-            persistentClear: BooleanConstructor;
-            prependInnerIcon: PropType<IconValue>;
-            reverse: BooleanConstructor;
-            singleLine: BooleanConstructor;
-            variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-            id: StringConstructor;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "error" | "active" | "style" | "disabled" | "rounded" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
-        }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:focused", focused: boolean) => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            loading: (StringConstructor | BooleanConstructor)[];
-            class: PropType<any>;
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            appendInnerIcon: PropType<IconValue>;
-            bgColor: StringConstructor;
-            clearable: BooleanConstructor;
-            clearIcon: {
-                type: PropType<IconValue>;
-                default: string;
-            };
-            active: BooleanConstructor;
-            color: StringConstructor;
-            baseColor: StringConstructor;
-            dirty: BooleanConstructor;
-            disabled: BooleanConstructor;
-            error: BooleanConstructor;
-            flat: BooleanConstructor;
-            label: StringConstructor;
-            persistentClear: BooleanConstructor;
-            prependInnerIcon: PropType<IconValue>;
-            reverse: BooleanConstructor;
-            singleLine: BooleanConstructor;
-            variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-            focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-            id: StringConstructor;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+        } & {
+            id?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
+            label?: string | undefined;
+            class?: any;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            appendInnerIcon?: IconValue | undefined;
+            prependInnerIcon?: IconValue | undefined;
+            'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            baseColor?: string | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
             controlRef: Ref<HTMLElement | undefined>;
@@ -209,7 +221,29 @@ declare const VField: {
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            label: (args_0: DefaultInputSlot & {
+                label: string | undefined;
+                props: Record<string, any>;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            default: (args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -224,54 +258,43 @@ declare const VField: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<Omit<{
-        theme: StringConstructor;
-        rounded: {
-            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        loading: (StringConstructor | BooleanConstructor)[];
-        class: PropType<any>;
-        style: {
-            type: PropType<vue.StyleValue>;
-            default: null;
-        };
-        appendInnerIcon: PropType<IconValue>;
-        bgColor: StringConstructor;
-        clearable: BooleanConstructor;
-        clearIcon: {
-            type: PropType<IconValue>;
-            default: string;
-        };
-        active: BooleanConstructor;
-        color: StringConstructor;
-        baseColor: StringConstructor;
-        dirty: BooleanConstructor;
-        disabled: BooleanConstructor;
-        error: BooleanConstructor;
-        flat: BooleanConstructor;
-        label: StringConstructor;
-        persistentClear: BooleanConstructor;
-        prependInnerIcon: PropType<IconValue>;
-        reverse: BooleanConstructor;
-        singleLine: BooleanConstructor;
-        variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-        focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-        id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    } & {
+        flat: boolean;
+        reverse: boolean;
+        error: boolean;
+        active: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        clearIcon: IconValue;
+        focused: 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;
+        rounded?: string | number | boolean | undefined;
+        bgColor?: string | undefined;
+        appendInnerIcon?: IconValue | undefined;
+        prependInnerIcon?: IconValue | undefined;
+        'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        baseColor?: string | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         controlRef: Ref<HTMLElement | undefined>;
@@ -279,49 +302,38 @@ declare const VField: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    loading: (StringConstructor | BooleanConstructor)[];
-    class: PropType<any>;
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
-    };
-    appendInnerIcon: PropType<IconValue>;
-    bgColor: StringConstructor;
-    clearable: BooleanConstructor;
-    clearIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    active: BooleanConstructor;
-    color: StringConstructor;
-    baseColor: StringConstructor;
-    dirty: BooleanConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    flat: BooleanConstructor;
-    label: StringConstructor;
-    persistentClear: BooleanConstructor;
-    prependInnerIcon: PropType<IconValue>;
-    reverse: BooleanConstructor;
-    singleLine: BooleanConstructor;
-    variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    'onClick:clear': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-    id: StringConstructor;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+} & vue.ComponentOptionsBase<{
+    flat: boolean;
+    reverse: boolean;
+    error: boolean;
+    active: boolean;
+    style: vue.StyleValue;
+    disabled: boolean;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    clearIcon: IconValue;
+    focused: 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;
+    rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
+    appendInnerIcon?: IconValue | undefined;
+    prependInnerIcon?: IconValue | undefined;
+    'onClick:clear'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+    baseColor?: string | undefined;
+} & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 }, {
     controlRef: Ref<HTMLElement | undefined>;
@@ -343,10 +355,32 @@ declare const VField: {
     dirty: boolean;
     persistentClear: boolean;
     singleLine: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
+}, {}, string, vue.SlotsType<Partial<{
+    clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'prepend-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'append-inner': (args_0: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    label: (args_0: DefaultInputSlot & {
+        label: string | undefined;
+        props: Record<string, any>;
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    loader: (args_0: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    default: (args_0: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
     modelValue?: T_1 | undefined;
     'onUpdate:modelValue'?: ((val: T_1) => any) | undefined;
-}) => GenericProps<{
+}, slots: VFieldSlots) => GenericProps<{
     modelValue?: T_1 | undefined;
     'onUpdate:modelValue'?: ((val: T_1) => any) | undefined;
 }, VFieldSlots>) & FilterPropsOptions<{
@@ -440,24 +474,60 @@ declare const VFieldLabel: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            style: vue.StyleValue;
-            floating: boolean;
-        }> & Omit<{
-            style: vue.StyleValue;
-            floating: boolean;
-        } & {
+        $props: {
+            style?: vue.StyleValue | undefined;
+            floating?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             class?: any;
-        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "floating">;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -465,10 +535,12 @@ declare const VFieldLabel: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -488,7 +560,11 @@ declare const VFieldLabel: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
             floating: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -503,7 +579,7 @@ declare const VFieldLabel: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
@@ -543,7 +619,11 @@ declare const VFieldLabel: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     floating: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;