@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.0

package/lib/components/VCombobox/index.d.ts

@@ -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> = string | (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 VCombobox: {
                 component?: vue.Component | undefined;
             })>;
             menu: boolean;
+            style: vue.StyleValue;
             autofocus: boolean;
             eager: boolean;
             disabled: boolean;
@@ -233,10 +271,15 @@ declare const VCombobox: {
             };
             loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
             disabled: BooleanConstructor;
             readonly: BooleanConstructor;
+            class: PropType<any>;
             placeholder: StringConstructor;
             theme: StringConstructor;
             counter: PropType<string | number | true>;
@@ -294,6 +337,7 @@ declare const VCombobox: {
             persistentHint: BooleanConstructor;
             hideDetails: PropType<boolean | "auto">;
             clearable: BooleanConstructor;
+            baseColor: StringConstructor;
             persistentClear: BooleanConstructor;
             singleLine: BooleanConstructor;
             persistentPlaceholder: BooleanConstructor;
@@ -358,9 +402,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -386,9 +427,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -420,9 +458,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -438,9 +473,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -453,6 +485,7 @@ declare const VCombobox: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -488,9 +521,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -516,9 +546,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -550,9 +577,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -568,9 +592,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -583,6 +604,7 @@ declare const VCombobox: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -609,6 +631,7 @@ declare const VCombobox: {
                     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;
@@ -617,16 +640,7 @@ declare const VCombobox: {
                     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;
@@ -634,7 +648,9 @@ declare const VCombobox: {
                             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>;
@@ -654,7 +670,7 @@ declare const VCombobox: {
                     }) => 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: {
@@ -678,11 +694,11 @@ declare const VCombobox: {
             };
             noFilter: BooleanConstructor;
             delimiters: PropType<string[]>;
-        }, "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: string) => 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;
         };
@@ -729,10 +745,15 @@ declare const VCombobox: {
             };
             loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
             disabled: BooleanConstructor;
             readonly: BooleanConstructor;
+            class: PropType<any>;
             placeholder: StringConstructor;
             theme: StringConstructor;
             counter: PropType<string | number | true>;
@@ -790,6 +811,7 @@ declare const VCombobox: {
             persistentHint: BooleanConstructor;
             hideDetails: PropType<boolean | "auto">;
             clearable: BooleanConstructor;
+            baseColor: StringConstructor;
             persistentClear: BooleanConstructor;
             singleLine: BooleanConstructor;
             persistentPlaceholder: BooleanConstructor;
@@ -854,9 +876,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -882,9 +901,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -916,9 +932,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -934,9 +947,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -949,6 +959,7 @@ declare const VCombobox: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -984,9 +995,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -1012,9 +1020,6 @@ declare const VCombobox: {
                                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                         default?: (() => vue.VNodeChild) | undefined;
                                     };
-                                    $slots?: {
-                                        default?: (() => vue.VNodeChild) | undefined;
-                                    } | undefined;
                                     'v-slots'?: {
                                         default?: false | (() => vue.VNodeChild) | undefined;
                                     } | undefined;
@@ -1046,9 +1051,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1064,9 +1066,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1079,6 +1078,7 @@ declare const VCombobox: {
                         }>>;
                     };
                     zIndex: string | number;
+                    style: vue.StyleValue;
                     eager: boolean;
                     disabled: boolean;
                     modelValue: boolean;
@@ -1105,6 +1105,7 @@ declare const VCombobox: {
                     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;
@@ -1113,7 +1114,7 @@ declare const VCombobox: {
                     contentProps?: any;
                     attach?: string | boolean | Element | undefined;
                 } & {
-                    $children?: {} | vue.VNodeChild | {
+                    $children?: vue.VNodeChild | {
                         default?: ((args_0: {
                             isActive: vue.Ref<boolean>;
                         }) => vue.VNodeChild) | undefined;
@@ -1121,16 +1122,9 @@ declare const VCombobox: {
                             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>;
@@ -1150,7 +1144,7 @@ declare const VCombobox: {
                     }) => 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: {
@@ -1174,7 +1168,7 @@ declare const VCombobox: {
             };
             noFilter: BooleanConstructor;
             delimiters: PropType<string[]>;
-        }, "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: string) => any) | undefined;
@@ -1191,7 +1185,7 @@ declare const VCombobox: {
             'update:modelValue': (val: any) => true;
             'update:search': (val: string) => true;
             '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;
@@ -1202,6 +1196,7 @@ declare const VCombobox: {
                 component?: vue.Component | undefined;
             })>;
             menu: boolean;
+            style: vue.StyleValue;
             autofocus: boolean;
             eager: boolean;
             disabled: boolean;
@@ -1289,10 +1284,15 @@ declare const VCombobox: {
         };
         loading: (StringConstructor | BooleanConstructor)[];
         label: StringConstructor;
+        style: {
+            type: PropType<vue.StyleValue>;
+            default: null;
+        };
         prefix: StringConstructor;
         autofocus: BooleanConstructor;
         disabled: BooleanConstructor;
         readonly: BooleanConstructor;
+        class: PropType<any>;
         placeholder: StringConstructor;
         theme: StringConstructor;
         counter: PropType<string | number | true>;
@@ -1350,6 +1350,7 @@ declare const VCombobox: {
         persistentHint: BooleanConstructor;
         hideDetails: PropType<boolean | "auto">;
         clearable: BooleanConstructor;
+        baseColor: StringConstructor;
         persistentClear: BooleanConstructor;
         singleLine: BooleanConstructor;
         persistentPlaceholder: BooleanConstructor;
@@ -1414,9 +1415,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1442,9 +1440,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1476,9 +1471,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1494,9 +1486,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1509,6 +1498,7 @@ declare const VCombobox: {
                     }>>;
                 };
                 zIndex: string | number;
+                style: vue.StyleValue;
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
@@ -1544,9 +1534,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1572,9 +1559,6 @@ declare const VCombobox: {
                                 $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                     default?: (() => vue.VNodeChild) | undefined;
                                 };
-                                $slots?: {
-                                    default?: (() => vue.VNodeChild) | undefined;
-                                } | undefined;
                                 'v-slots'?: {
                                     default?: false | (() => vue.VNodeChild) | undefined;
                                 } | undefined;
@@ -1606,9 +1590,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1624,9 +1605,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1639,6 +1617,7 @@ declare const VCombobox: {
                     }>>;
                 };
                 zIndex: string | number;
+                style: vue.StyleValue;
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
@@ -1665,6 +1644,7 @@ declare const VCombobox: {
                 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;
@@ -1673,16 +1653,7 @@ declare const VCombobox: {
                 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;
@@ -1690,7 +1661,9 @@ declare const VCombobox: {
                         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>;
@@ -1710,7 +1683,7 @@ declare const VCombobox: {
                 }) => 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: {
@@ -1734,7 +1707,7 @@ declare const VCombobox: {
         };
         noFilter: BooleanConstructor;
         delimiters: PropType<string[]>;
-    }, "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: string) => any) | undefined;
@@ -1783,10 +1756,15 @@ declare const VCombobox: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: PropType<string | number | true>;
@@ -1844,6 +1822,7 @@ declare const VCombobox: {
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -1908,9 +1887,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1936,9 +1912,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -1970,9 +1943,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -1988,9 +1958,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2003,6 +1970,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2038,9 +2006,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2066,9 +2031,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2100,9 +2062,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2118,9 +2077,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2133,6 +2089,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2159,6 +2116,7 @@ declare const VCombobox: {
             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;
@@ -2167,16 +2125,7 @@ declare const VCombobox: {
             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;
@@ -2184,7 +2133,9 @@ declare const VCombobox: {
                     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>;
@@ -2204,7 +2155,7 @@ declare const VCombobox: {
             }) => 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: {
@@ -2228,7 +2179,7 @@ declare const VCombobox: {
     };
     noFilter: BooleanConstructor;
     delimiters: PropType<string[]>;
-}, "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: string) => any) | undefined;
@@ -2245,7 +2196,7 @@ declare const VCombobox: {
     'update:modelValue': (val: any) => true;
     'update:search': (val: string) => true;
     '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;
@@ -2256,6 +2207,7 @@ declare const VCombobox: {
         component?: vue.Component | undefined;
     })>;
     menu: boolean;
+    style: vue.StyleValue;
     autofocus: boolean;
     eager: boolean;
     disabled: boolean;
@@ -2290,123 +2242,37 @@ declare const VCombobox: {
     filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1, ReturnObject extends boolean = true, 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 = true, 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: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
@@ -2439,10 +2305,15 @@ declare const VCombobox: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: PropType<string | number | true>;
@@ -2500,6 +2371,7 @@ declare const VCombobox: {
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -2564,9 +2436,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2592,9 +2461,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2626,9 +2492,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2644,9 +2507,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2659,6 +2519,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2694,9 +2555,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2722,9 +2580,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -2756,9 +2611,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -2774,9 +2626,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -2789,6 +2638,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -2815,6 +2665,7 @@ declare const VCombobox: {
             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;
@@ -2823,7 +2674,7 @@ declare const VCombobox: {
             contentProps?: any;
             attach?: string | boolean | Element | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
@@ -2831,16 +2682,9 @@ declare const VCombobox: {
                     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>;
@@ -2860,7 +2704,7 @@ declare const VCombobox: {
             }) => 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: {
@@ -2917,10 +2761,15 @@ declare const VCombobox: {
     };
     loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
     counter: PropType<string | number | true>;
@@ -2978,6 +2827,7 @@ declare const VCombobox: {
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
     clearable: BooleanConstructor;
+    baseColor: StringConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
     persistentPlaceholder: BooleanConstructor;
@@ -3042,9 +2892,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3070,9 +2917,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3104,9 +2948,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -3122,9 +2963,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -3137,6 +2975,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -3172,9 +3011,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3200,9 +3036,6 @@ declare const VCombobox: {
                             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                                 default?: (() => vue.VNodeChild) | undefined;
                             };
-                            $slots?: {
-                                default?: (() => vue.VNodeChild) | undefined;
-                            } | undefined;
                             'v-slots'?: {
                                 default?: false | (() => vue.VNodeChild) | undefined;
                             } | undefined;
@@ -3234,9 +3067,6 @@ declare const VCombobox: {
                         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                             default?: (() => vue.VNodeChild) | undefined;
                         };
-                        $slots?: {
-                            default?: (() => vue.VNodeChild) | undefined;
-                        } | undefined;
                         'v-slots'?: {
                             default?: false | (() => vue.VNodeChild) | undefined;
                         } | undefined;
@@ -3252,9 +3082,6 @@ declare const VCombobox: {
                     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                         default?: (() => vue.VNodeChild) | undefined;
                     };
-                    $slots?: {
-                        default?: (() => vue.VNodeChild) | undefined;
-                    } | undefined;
                     'v-slots'?: {
                         default?: false | (() => vue.VNodeChild) | undefined;
                     } | undefined;
@@ -3267,6 +3094,7 @@ declare const VCombobox: {
                 }>>;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
@@ -3293,6 +3121,7 @@ declare const VCombobox: {
             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;
@@ -3301,16 +3130,7 @@ declare const VCombobox: {
             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;
@@ -3318,7 +3138,9 @@ declare const VCombobox: {
                     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>;
@@ -3338,7 +3160,7 @@ declare const VCombobox: {
             }) => 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: {