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

package/lib/components/VAutocomplete/{index.d.ts → index.d.mts}

@@ -1,11 +1,27 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, ComputedRef, Ref, EffectScope, nextTick } from 'vue';
+import { Ref, EffectScope, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, ComputedRef, nextTick } from 'vue';
 
-declare const block: readonly ["top", "bottom"];
-declare const inline: readonly ["start", "end", "left", "right"];
-type Tblock = typeof block[number];
-type Tinline = typeof inline[number];
-type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+interface ScrollStrategyData {
+    root: Ref<HTMLElement | undefined>;
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    updateLocation: Ref<((e: Event) => void) | undefined>;
+}
+type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope) => void;
+declare const scrollStrategies: {
+    none: null;
+    close: typeof closeScrollStrategy;
+    block: typeof blockScrollStrategy;
+    reposition: typeof repositionScrollStrategy;
+};
+interface StrategyProps$1 {
+    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
+    contained: boolean | undefined;
+}
+declare function closeScrollStrategy(data: ScrollStrategyData): void;
+declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
+declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope): void;
 
 declare class Box {
     x: number;
@@ -24,6 +40,32 @@ declare class Box {
     get right(): number;
 }
 
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+    $children?: (VNodeChild | (T extends {
+        default: infer V;
+    } ? V : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+};
+type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
+    [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
+};
+type GenericProps<Props, Slots extends Record<string, any[]>> = {
+    $props: Props & SlotsToProps<Slots>;
+    $slots: MakeSlots<Slots>;
+};
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
@@ -33,63 +75,6 @@ type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<str
 type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
 declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
 
-interface LoaderSlotProps {
-    color: string | undefined;
-    isActive: boolean;
-}
-
-type IconValue = string | JSXComponent;
-declare const IconValue: PropType<IconValue>;
-
-type Density = null | 'default' | 'comfortable' | 'compact';
-
-type ValidationResult = string | boolean;
-type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
-
-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>;
-    controlRef: Ref<HTMLElement | undefined>;
-    focus: () => void;
-    blur: () => void;
-}
-
-interface ScrollStrategyData {
-    root: Ref<HTMLElement | undefined>;
-    contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
-    isActive: Ref<boolean>;
-    updateLocation: Ref<((e: Event) => void) | undefined>;
-}
-type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope) => void;
-declare const scrollStrategies: {
-    none: null;
-    close: typeof closeScrollStrategy;
-    block: typeof blockScrollStrategy;
-    reposition: typeof repositionScrollStrategy;
-};
-interface StrategyProps$1 {
-    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
-    contained: boolean | undefined;
-}
-declare function closeScrollStrategy(data: ScrollStrategyData): void;
-declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
-declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope): void;
-
 interface LocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
     activatorEl: Ref<HTMLElement | undefined>;
@@ -148,6 +133,58 @@ type FilterKeyFunctions = Record<string, FilterFunction>;
 type FilterKeys = string | string[];
 type FilterMode = 'some' | 'every' | 'union' | 'intersection';
 
+type ValidationResult = string | boolean;
+type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+interface LoaderSlotProps {
+    color: string | undefined;
+    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;
+}
+type VInputSlots = {
+    default: [VInputSlot];
+    prepend: [VInputSlot];
+    append: [VInputSlot];
+    details: [VInputSlot];
+};
+
+interface DefaultInputSlot {
+    isActive: Ref<boolean>;
+    isFocused: Ref<boolean>;
+    controlRef: Ref<HTMLElement | undefined>;
+    focus: () => void;
+    blur: () => void;
+}
+interface VFieldSlot extends DefaultInputSlot {
+    props: Record<string, unknown>;
+}
+type VFieldSlots = {
+    clear: [];
+    'prepend-inner': [DefaultInputSlot & VInputSlot];
+    'append-inner': [DefaultInputSlot & VInputSlot];
+    label: [DefaultInputSlot & VInputSlot];
+    loader: [LoaderSlotProps];
+    default: [VFieldSlot];
+};
+
 type Primitive = string | number | boolean | symbol;
 type Val<T, ReturnObject extends boolean> = T extends Primitive ? T : (ReturnObject extends true ? T : any);
 type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject>;
@@ -166,6 +203,7 @@ declare const VAutocomplete: {
                 component?: vue.Component | undefined;
             })>;
             menu: boolean;
+            style: vue.StyleValue;
             autofocus: boolean;
             eager: boolean;
             disabled: boolean;
@@ -233,10 +271,15 @@ declare const VAutocomplete: {
             };
             loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
+            style: {
+                type: vue.PropType<vue.StyleValue>;
+                default: null;
+            };
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
             disabled: BooleanConstructor;
             readonly: BooleanConstructor;
+            class: vue.PropType<any>;
             placeholder: StringConstructor;
             theme: StringConstructor;
             counter: vue.PropType<string | number | true>;
@@ -276,7 +319,7 @@ declare const VAutocomplete: {
             'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: vue.PropType<string | string[]>;
@@ -294,6 +337,7 @@ declare const VAutocomplete: {
             persistentHint: BooleanConstructor;
             hideDetails: vue.PropType<boolean | "auto">;
             clearable: BooleanConstructor;
+            baseColor: StringConstructor;
             persistentClear: BooleanConstructor;
             singleLine: BooleanConstructor;
             persistentPlaceholder: BooleanConstructor;
@@ -352,9 +396,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -380,9 +421,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -414,9 +452,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -432,9 +467,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -447,6 +479,7 @@ declare const VAutocomplete: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -482,9 +515,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -510,9 +540,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -544,9 +571,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -562,9 +586,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -577,6 +598,7 @@ declare const VAutocomplete: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -603,6 +625,7 @@ declare const VAutocomplete: {
                     maxWidth?: string | number | undefined;
                     minHeight?: string | number | undefined;
                     minWidth?: string | number | undefined;
+                    class?: any;
                     theme?: string | undefined;
                     contentClass?: any;
                     activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -611,16 +634,7 @@ declare const VAutocomplete: {
                     contentProps?: any;
                     attach?: string | boolean | Element | undefined;
                 } & {
-                    $children?: {} | vue.VNodeChild | {
-                        default?: ((args_0: {
-                            isActive: vue.Ref<boolean>;
-                        }) => vue.VNodeChild) | undefined;
-                        activator?: ((args_0: {
-                            isActive: boolean;
-                            props: Record<string, any>;
-                        }) => vue.VNodeChild) | undefined;
-                    };
-                    $slots?: {
+                    $children?: vue.VNodeChild | {
                         default?: ((args_0: {
                             isActive: vue.Ref<boolean>;
                         }) => vue.VNodeChild) | undefined;
@@ -628,7 +642,9 @@ declare const VAutocomplete: {
                             isActive: boolean;
                             props: Record<string, any>;
                         }) => vue.VNodeChild) | undefined;
-                    } | undefined;
+                    } | ((args_0: {
+                        isActive: vue.Ref<boolean>;
+                    }) => vue.VNodeChild);
                     'v-slots'?: {
                         default?: false | ((args_0: {
                             isActive: vue.Ref<boolean>;
@@ -648,7 +664,7 @@ declare const VAutocomplete: {
                     }) => vue.VNodeChild) | undefined;
                 } & {
                     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
             };
             multiple: BooleanConstructor;
             noDataText: {
@@ -672,11 +688,11 @@ declare const VAutocomplete: {
             };
             noFilter: BooleanConstructor;
             search: StringConstructor;
-        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "valueComparator" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "reverse" | "type" | "error" | "active" | "direction" | "transition" | "menu" | "style" | "autofocus" | "eager" | "disabled" | "readonly" | "noDataText" | "messages" | "rounded" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint" | "clearable" | "persistentClear" | "singleLine" | "persistentPlaceholder" | "persistentCounter" | "valueComparator" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -723,10 +739,15 @@ declare const VAutocomplete: {
             };
             loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
+            style: {
+                type: vue.PropType<vue.StyleValue>;
+                default: null;
+            };
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
             disabled: BooleanConstructor;
             readonly: BooleanConstructor;
+            class: vue.PropType<any>;
             placeholder: StringConstructor;
             theme: StringConstructor;
             counter: vue.PropType<string | number | true>;
@@ -766,7 +787,7 @@ declare const VAutocomplete: {
             'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: vue.PropType<string | string[]>;
@@ -784,6 +805,7 @@ declare const VAutocomplete: {
             persistentHint: BooleanConstructor;
             hideDetails: vue.PropType<boolean | "auto">;
             clearable: BooleanConstructor;
+            baseColor: StringConstructor;
             persistentClear: BooleanConstructor;
             singleLine: BooleanConstructor;
             persistentPlaceholder: BooleanConstructor;
@@ -842,9 +864,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -870,9 +889,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -904,9 +920,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -922,9 +935,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -937,6 +947,7 @@ declare const VAutocomplete: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -972,9 +983,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -1000,9 +1008,6 @@ declare const VAutocomplete: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -1034,9 +1039,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1052,9 +1054,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1067,6 +1066,7 @@ declare const VAutocomplete: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -1093,6 +1093,7 @@ declare const VAutocomplete: {
                     maxWidth?: string | number | undefined;
                     minHeight?: string | number | undefined;
                     minWidth?: string | number | undefined;
+                    class?: any;
                     theme?: string | undefined;
                     contentClass?: any;
                     activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -1101,7 +1102,7 @@ declare const VAutocomplete: {
                     contentProps?: any;
                     attach?: string | boolean | Element | undefined;
                 } & {
-                    $children?: {} | vue.VNodeChild | {
+                    $children?: vue.VNodeChild | {
                         default?: ((args_0: {
                             isActive: vue.Ref<boolean>;
                         }) => vue.VNodeChild) | undefined;
@@ -1109,16 +1110,9 @@ declare const VAutocomplete: {
                             isActive: boolean;
                             props: Record<string, any>;
                         }) => vue.VNodeChild) | undefined;
-                    };
-                    $slots?: {
-                        default?: ((args_0: {
-                            isActive: vue.Ref<boolean>;
-                        }) => vue.VNodeChild) | undefined;
-                        activator?: ((args_0: {
-                            isActive: boolean;
-                            props: Record<string, any>;
-                        }) => vue.VNodeChild) | undefined;
-                    } | undefined;
+                    } | ((args_0: {
+                        isActive: vue.Ref<boolean>;
+                    }) => vue.VNodeChild);
                     'v-slots'?: {
                         default?: false | ((args_0: {
                             isActive: vue.Ref<boolean>;
@@ -1138,7 +1132,7 @@ declare const VAutocomplete: {
                     }) => vue.VNodeChild) | undefined;
                 } & {
                     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
             };
             multiple: BooleanConstructor;
             noDataText: {
@@ -1162,7 +1156,7 @@ declare const VAutocomplete: {
             };
             noFilter: BooleanConstructor;
             search: StringConstructor;
-        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
@@ -1180,7 +1174,7 @@ declare const VAutocomplete: {
             'update:search': (val: any) => true;
             'update:modelValue': (val: any) => boolean;
             'update:menu': (val: boolean) => true;
-        }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
             flat: boolean;
             reverse: boolean;
             type: string;
@@ -1191,6 +1185,7 @@ declare const VAutocomplete: {
                 component?: vue.Component | undefined;
             })>;
             menu: boolean;
+            style: vue.StyleValue;
             autofocus: boolean;
             eager: boolean;
             disabled: boolean;
@@ -1278,10 +1273,15 @@ declare const VAutocomplete: {
         };
         loading: (StringConstructor | BooleanConstructor)[];
         label: StringConstructor;
+        style: {
+            type: vue.PropType<vue.StyleValue>;
+            default: null;
+        };
         prefix: StringConstructor;
         autofocus: BooleanConstructor;
         disabled: BooleanConstructor;
         readonly: BooleanConstructor;
+        class: vue.PropType<any>;
         placeholder: StringConstructor;
         theme: StringConstructor;
         counter: vue.PropType<string | number | true>;
@@ -1321,7 +1321,7 @@ declare const VAutocomplete: {
         'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
         errorMessages: {
             type: vue.PropType<string | string[]>;
@@ -1339,6 +1339,7 @@ declare const VAutocomplete: {
         persistentHint: BooleanConstructor;
         hideDetails: vue.PropType<boolean | "auto">;
         clearable: BooleanConstructor;
+        baseColor: StringConstructor;
         persistentClear: BooleanConstructor;
         singleLine: BooleanConstructor;
         persistentPlaceholder: BooleanConstructor;
@@ -1397,9 +1398,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1425,9 +1423,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1459,9 +1454,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1477,9 +1469,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1492,6 +1481,7 @@ declare const VAutocomplete: {
                     }>>;
                 };
                 zIndex: string | number;
+                style: vue.StyleValue;
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
@@ -1527,9 +1517,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1555,9 +1542,6 @@ declare const VAutocomplete: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1589,9 +1573,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1607,9 +1588,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1622,6 +1600,7 @@ declare const VAutocomplete: {
                     }>>;
                 };
                 zIndex: string | number;
+                style: vue.StyleValue;
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
@@ -1648,6 +1627,7 @@ declare const VAutocomplete: {
                 maxWidth?: string | number | undefined;
                 minHeight?: string | number | undefined;
                 minWidth?: string | number | undefined;
+                class?: any;
                 theme?: string | undefined;
                 contentClass?: any;
                 activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -1656,16 +1636,7 @@ declare const VAutocomplete: {
                 contentProps?: any;
                 attach?: string | boolean | Element | undefined;
             } & {
-                $children?: {} | vue.VNodeChild | {
-                    default?: ((args_0: {
-                        isActive: vue.Ref<boolean>;
-                    }) => vue.VNodeChild) | undefined;
-                    activator?: ((args_0: {
-                        isActive: boolean;
-                        props: Record<string, any>;
-                    }) => vue.VNodeChild) | undefined;
-                };
-                $slots?: {
+                $children?: vue.VNodeChild | {
                     default?: ((args_0: {
                         isActive: vue.Ref<boolean>;
                     }) => vue.VNodeChild) | undefined;
@@ -1673,7 +1644,9 @@ declare const VAutocomplete: {
                         isActive: boolean;
                         props: Record<string, any>;
                     }) => vue.VNodeChild) | undefined;
-                } | undefined;
+                } | ((args_0: {
+                    isActive: vue.Ref<boolean>;
+                }) => vue.VNodeChild);
                 'v-slots'?: {
                     default?: false | ((args_0: {
                         isActive: vue.Ref<boolean>;
@@ -1693,7 +1666,7 @@ declare const VAutocomplete: {
                 }) => vue.VNodeChild) | undefined;
             } & {
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
         };
         multiple: BooleanConstructor;
         noDataText: {
@@ -1717,7 +1690,7 @@ declare const VAutocomplete: {
         };
         noFilter: BooleanConstructor;
         search: StringConstructor;
-    }, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         "onUpdate:search"?: ((val: any) => any) | undefined;
@@ -1767,10 +1740,15 @@ declare const VAutocomplete: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: vue.PropType<string | number | true>;
@@ -1810,7 +1788,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -1828,6 +1806,7 @@ declare const VAutocomplete: {
     persistentHint: BooleanConstructor;
     hideDetails: vue.PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -1886,9 +1865,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1914,9 +1890,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1948,9 +1921,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1966,9 +1936,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -1981,6 +1948,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2016,9 +1984,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2044,9 +2009,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2078,9 +2040,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2096,9 +2055,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2111,6 +2067,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2137,6 +2094,7 @@ declare const VAutocomplete: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            class?: any;
             theme?: string | undefined;
             contentClass?: any;
             activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -2145,16 +2103,7 @@ declare const VAutocomplete: {
             contentProps?: any;
             attach?: string | boolean | Element | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
@@ -2162,7 +2111,9 @@ declare const VAutocomplete: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -2182,7 +2133,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {
@@ -2206,7 +2157,7 @@ declare const VAutocomplete: {
     };
     noFilter: BooleanConstructor;
     search: StringConstructor;
-}, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     "onUpdate:search"?: ((val: any) => any) | undefined;
@@ -2224,7 +2175,7 @@ declare const VAutocomplete: {
     'update:search': (val: any) => true;
     'update:modelValue': (val: any) => boolean;
     'update:menu': (val: boolean) => true;
-}, "multiple" | "$children" | "$slots" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:details" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     flat: boolean;
     reverse: boolean;
     type: string;
@@ -2235,6 +2186,7 @@ declare const VAutocomplete: {
         component?: vue.Component | undefined;
     })>;
     menu: boolean;
+    style: vue.StyleValue;
     autofocus: boolean;
     eager: boolean;
     disabled: boolean;
@@ -2269,123 +2221,37 @@ declare const VAutocomplete: {
     filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<T_1, ReturnObject, Multiple> = Value<T_1, ReturnObject, Multiple>>() => {
-    $props: {
-        items?: readonly T_1[] | undefined;
-        returnObject?: ReturnObject | undefined;
-        multiple?: Multiple | undefined;
-        modelValue?: V | undefined;
-        'onUpdate:modelValue'?: ((val: V) => void) | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            clear?: (() => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            chip?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            selection?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-            }) => vue.VNodeChild) | undefined;
-            'prepend-item'?: (() => vue.VNodeChild) | undefined;
-            'append-item'?: (() => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            clear?: (() => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            item?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            chip?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            selection?: ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-            }) => vue.VNodeChild) | undefined;
-            'prepend-item'?: (() => vue.VNodeChild) | undefined;
-            'append-item'?: (() => vue.VNodeChild) | undefined;
-            'no-data'?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            clear?: false | (() => vue.VNodeChild) | undefined;
-            details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            label?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            loader?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            'append-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            chip?: false | ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            selection?: false | ((args_0: {
-                item: InternalItem<T_1>;
-                index: number;
-            }) => vue.VNodeChild) | undefined;
-            'prepend-item'?: false | (() => vue.VNodeChild) | undefined;
-            'append-item'?: false | (() => vue.VNodeChild) | undefined;
-            'no-data'?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:label"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:prepend-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append-inner"?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((args_0: {
-            item: InternalItem<T_1>;
-            index: number;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:chip"?: false | ((args_0: {
-            item: InternalItem<T_1>;
-            index: number;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:selection"?: false | ((args_0: {
-            item: InternalItem<T_1>;
-            index: number;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:prepend-item"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:append-item"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
-    };
-}) & FilterPropsOptions<{
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<T_1, ReturnObject, Multiple> = Value<T_1, ReturnObject, Multiple>>(props: {
+    items?: readonly T_1[] | undefined;
+    returnObject?: ReturnObject | undefined;
+    multiple?: Multiple | undefined;
+    modelValue?: V | undefined;
+    'onUpdate:modelValue'?: ((val: V) => void) | undefined;
+}) => GenericProps<{
+    items?: readonly T_1[] | undefined;
+    returnObject?: ReturnObject | undefined;
+    multiple?: Multiple | undefined;
+    modelValue?: V | undefined;
+    'onUpdate:modelValue'?: ((val: V) => void) | undefined;
+}, Omit<VInputSlots & VFieldSlots, "default"> & {
+    item: [{
+        item: InternalItem<T_1>;
+        index: number;
+        props: Record<string, unknown>;
+    }];
+    chip: [{
+        item: InternalItem<T_1>;
+        index: number;
+        props: Record<string, unknown>;
+    }];
+    selection: [{
+        item: InternalItem<T_1>;
+        index: number;
+    }];
+    'prepend-item': [];
+    'append-item': [];
+    'no-data': [];
+}>) & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
@@ -2418,10 +2284,15 @@ declare const VAutocomplete: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: vue.PropType<string | number | true>;
@@ -2461,7 +2332,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -2479,6 +2350,7 @@ declare const VAutocomplete: {
     persistentHint: BooleanConstructor;
     hideDetails: vue.PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -2537,9 +2409,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2565,9 +2434,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2599,9 +2465,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2617,9 +2480,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2632,6 +2492,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2667,9 +2528,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2695,9 +2553,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2729,9 +2584,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2747,9 +2599,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2762,6 +2611,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2788,6 +2638,7 @@ declare const VAutocomplete: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            class?: any;
             theme?: string | undefined;
             contentClass?: any;
             activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -2796,7 +2647,7 @@ declare const VAutocomplete: {
             contentProps?: any;
             attach?: string | boolean | Element | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
@@ -2804,16 +2655,9 @@ declare const VAutocomplete: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -2833,7 +2677,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {
@@ -2890,10 +2734,15 @@ declare const VAutocomplete: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: vue.PropType<string | number | true>;
@@ -2933,7 +2782,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -2951,6 +2800,7 @@ declare const VAutocomplete: {
     persistentHint: BooleanConstructor;
     hideDetails: vue.PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -3009,9 +2859,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3037,9 +2884,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3071,9 +2915,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -3089,9 +2930,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -3104,6 +2942,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -3139,9 +2978,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3167,9 +3003,6 @@ declare const VAutocomplete: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3201,9 +3034,6 @@ declare const VAutocomplete: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -3219,9 +3049,6 @@ declare const VAutocomplete: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -3234,6 +3061,7 @@ declare const VAutocomplete: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -3260,6 +3088,7 @@ declare const VAutocomplete: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            class?: any;
             theme?: string | undefined;
             contentClass?: any;
             activator?: string | Element | vue.ComponentPublicInstance | undefined;
@@ -3268,16 +3097,7 @@ declare const VAutocomplete: {
             contentProps?: any;
             attach?: string | boolean | Element | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
@@ -3285,7 +3105,9 @@ declare const VAutocomplete: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: {
                     isActive: vue.Ref<boolean>;
@@ -3305,7 +3127,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {