@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.4

package/dist/vuetify.d.ts

@@ -46,13 +46,17 @@ interface OnColors {
     'on-info': string;
 }
 interface ThemeInstance {
-    isDisabled: boolean;
-    name: Ref<string>;
-    themes: Ref<Record<string, InternalThemeDefinition>>;
+    readonly isDisabled: boolean;
+    readonly themes: Ref<Record<string, InternalThemeDefinition>>;
+    readonly name: Readonly<Ref<string>>;
     readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
     readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
-    themeClasses: Readonly<Ref<string | undefined>>;
-    styles: Readonly<Ref<string>>;
+    readonly themeClasses: Readonly<Ref<string | undefined>>;
+    readonly styles: Readonly<Ref<string>>;
+    readonly global: {
+        readonly name: Ref<string>;
+        readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    };
 }
 declare function useTheme(): ThemeInstance;
 
@@ -398,12 +402,12 @@ declare type ContextualType = typeof allowedTypes[number];
 declare const VAlert: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -468,12 +472,12 @@ declare const VAlert: vue.DefineComponent<{
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -541,7 +545,7 @@ declare const VAlert: vue.DefineComponent<{
     rounded: string | number | boolean;
     prominent: boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
     closable: boolean;
     closeIcon: IconValue;
@@ -623,6 +627,7 @@ declare const VInput: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -680,6 +685,7 @@ declare const VInput: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -759,6 +765,7 @@ declare const VInput: {
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -810,6 +817,7 @@ declare const VInput: {
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -884,7 +892,7 @@ declare const VField: {
             active: boolean;
             loading: boolean;
             disabled: boolean;
-            variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             focused: boolean;
             clearable: boolean;
             clearIcon: IconValue;
@@ -912,7 +920,7 @@ declare const VField: {
             reverse: BooleanConstructor;
             singleLine: BooleanConstructor;
             variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -964,7 +972,7 @@ declare const VField: {
             reverse: BooleanConstructor;
             singleLine: BooleanConstructor;
             variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -994,7 +1002,7 @@ declare const VField: {
             active: boolean;
             loading: boolean;
             disabled: boolean;
-            variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             focused: boolean;
             clearable: boolean;
             clearIcon: IconValue;
@@ -1042,7 +1050,7 @@ declare const VField: {
         reverse: BooleanConstructor;
         singleLine: BooleanConstructor;
         variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -1086,7 +1094,7 @@ declare const VField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1116,7 +1124,7 @@ declare const VField: {
     active: boolean;
     loading: boolean;
     disabled: boolean;
-    variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     focused: boolean;
     clearable: boolean;
     clearIcon: IconValue;
@@ -1132,6 +1140,40 @@ declare const VField: {
 });
 declare type VField = InstanceType<typeof VField>;
 
+interface ScrollStrategyData {
+    root: Ref<HTMLElement | undefined>;
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    updateLocation: Ref<((e: Event) => void) | undefined>;
+}
+
+interface LocationStrategyData {
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+}
+declare const locationStrategies: {
+    static: typeof staticLocationStrategy;
+    connected: typeof connectedLocationStrategy;
+};
+interface StrategyProps {
+    locationStrategy: keyof typeof locationStrategies | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+        updateLocation: (e: Event) => void;
+    });
+    location: Anchor;
+    origin: Anchor | 'auto' | 'overlap';
+    offset?: number | string;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
+}
+declare function staticLocationStrategy(): void;
+declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
+    updateLocation: () => void;
+};
+
 interface InternalItem {
     title: string;
     value: any;
@@ -1141,7 +1183,7 @@ interface InternalItem {
         value: any;
     };
     children?: InternalItem[];
-    originalItem: any;
+    raw: any;
 }
 
 /**
@@ -1167,6 +1209,7 @@ declare const VAutocomplete: {
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             });
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -1226,10 +1269,176 @@ declare const VAutocomplete: {
             eager: BooleanConstructor;
             hideNoData: BooleanConstructor;
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
                 type: vue.PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: vue.PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: vue.PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: vue.PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: vue.PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: vue.PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: vue.PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: vue.PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: vue.PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: vue.PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: vue.PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: vue.PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: vue.PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -1277,8 +1486,9 @@ declare const VAutocomplete: {
             'no-data': [];
         }>>>> & {
             "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "menu" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1290,7 +1500,7 @@ declare const VAutocomplete: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "click:clear", e: MouseEvent) => void) & ((event: "update:search", val: any) => void);
+        $emit: ((event: "click:clear", e: MouseEvent) => void) & ((event: "update:menu", val: boolean) => void) & ((event: "update:search", val: any) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
@@ -1336,10 +1546,176 @@ declare const VAutocomplete: {
             eager: BooleanConstructor;
             hideNoData: BooleanConstructor;
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
                 type: vue.PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: vue.PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: vue.PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: vue.PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: vue.PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: vue.PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: vue.PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: vue.PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: vue.PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: vue.PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: vue.PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: vue.PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: vue.PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -1387,15 +1763,18 @@ declare const VAutocomplete: {
             'no-data': [];
         }>>>> & {
             "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
         }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'click:clear': (e: MouseEvent) => boolean;
             'update:search': (val: any) => boolean;
             'update:modelValue': (val: any) => boolean;
+            'update:menu': (val: boolean) => boolean;
         }, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             });
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -1475,10 +1854,176 @@ declare const VAutocomplete: {
         eager: BooleanConstructor;
         hideNoData: BooleanConstructor;
         hideSelected: BooleanConstructor;
+        menu: BooleanConstructor;
         menuIcon: {
             type: vue.PropType<IconValue>;
             default: string;
         };
+        menuProps: {
+            type: vue.PropType<Partial<{
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: vue.PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: vue.PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+                modelValue: boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                transition: Omit<{
+                    type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                }, "type" | "default"> & {
+                    type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: vue.PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: vue.PropType<HTMLElement>;
+                        }>>, {}>;
+                    }>;
+                    default: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: vue.PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: vue.PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                };
+                modelValue: BooleanConstructor;
+                id: StringConstructor;
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                absolute: boolean;
+                location: Anchor;
+                origin: "auto" | Anchor | "overlap";
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                });
+                zIndex: string | number;
+                eager: boolean;
+                disabled: boolean;
+                modelValue: boolean;
+                activatorProps: Record<string, any>;
+                openOnClick: boolean;
+                openOnHover: boolean;
+                openOnFocus: boolean;
+                closeOnContentClick: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                contained: boolean;
+                noClickAnimation: boolean;
+                persistent: boolean;
+                closeOnBack: boolean;
+                scrim: string | boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                eager: BooleanConstructor;
+                transition: {
+                    type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                };
+                theme: StringConstructor;
+                scrollStrategy: {
+                    type: vue.PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                locationStrategy: {
+                    type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                location: {
+                    type: vue.PropType<Anchor>;
+                    default: string;
+                };
+                origin: {
+                    type: vue.PropType<"auto" | Anchor | "overlap">;
+                    default: string;
+                };
+                offset: (StringConstructor | NumberConstructor)[];
+                height: (StringConstructor | NumberConstructor)[];
+                maxHeight: (StringConstructor | NumberConstructor)[];
+                maxWidth: (StringConstructor | NumberConstructor)[];
+                minHeight: (StringConstructor | NumberConstructor)[];
+                minWidth: (StringConstructor | NumberConstructor)[];
+                width: (StringConstructor | NumberConstructor)[];
+                closeDelay: (StringConstructor | NumberConstructor)[];
+                openDelay: (StringConstructor | NumberConstructor)[];
+                activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                activatorProps: {
+                    type: vue.PropType<Record<string, any>>;
+                    default: () => {};
+                };
+                openOnClick: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                openOnHover: BooleanConstructor;
+                openOnFocus: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                closeOnContentClick: BooleanConstructor;
+                absolute: BooleanConstructor;
+                attach: vue.PropType<string | boolean | Element>;
+                closeOnBack: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contained: BooleanConstructor;
+                contentClass: null;
+                contentProps: null;
+                disabled: BooleanConstructor;
+                noClickAnimation: BooleanConstructor;
+                modelValue: BooleanConstructor;
+                persistent: BooleanConstructor;
+                scrim: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                zIndex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                onAfterLeave?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+        };
         modelValue: {
             type: null;
             default: () => never[];
@@ -1526,6 +2071,7 @@ declare const VAutocomplete: {
         'no-data': [];
     }>>>> & {
         "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         "onUpdate:search"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<any> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
@@ -1575,79 +2121,248 @@ declare const VAutocomplete: {
     eager: BooleanConstructor;
     hideNoData: BooleanConstructor;
     hideSelected: BooleanConstructor;
+    menu: BooleanConstructor;
     menuIcon: {
         type: vue.PropType<IconValue>;
         default: string;
     };
-    modelValue: {
-        type: null;
-        default: () => never[];
-    };
-    multiple: BooleanConstructor;
-    noDataText: {
-        type: StringConstructor;
-        default: string;
-    };
-    openOnClear: BooleanConstructor;
-    customFilter: vue.PropType<FilterFunction>;
-    customKeyFilter: vue.PropType<FilterKeyFunctions>;
-    filterKeys: {
-        type: vue.PropType<(string & {}) | FilterKeys>;
-        default: (string & {}) | FilterKeys;
-    };
-    filterMode: {
-        type: vue.PropType<FilterMode>;
-        default: string;
-    };
-    noFilter: BooleanConstructor;
-    search: StringConstructor;
-}, "multiple" | "items" | "onUpdate:modelValue" | "modelValue" | "returnObject"> & SlotsToProps<MakeSlots<{
-    default: [VInputSlot];
-    prepend: [VInputSlot];
-    append: [VInputSlot];
-    details: [VInputSlot];
-}> & MakeSlots<{
-    clear: [];
-    prependInner: [DefaultInputSlot & VInputSlot];
-    appendInner: [DefaultInputSlot & VInputSlot];
-    label: [DefaultInputSlot & VInputSlot];
-    loader: [LoaderSlotProps];
-    default: [VFieldSlot];
-}> & MakeSlots<{
-    chip: [{
-        item: unknown;
-        index: number;
-        props: Record<string, unknown>;
-    }];
-    selection: [{
-        item: unknown;
-        index: number;
-    }];
-    'no-data': [];
-}>>>> & {
-    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
-    "onUpdate:search"?: ((val: any) => any) | undefined;
-}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'click:clear': (e: MouseEvent) => boolean;
-    'update:search': (val: any) => boolean;
-    'update:modelValue': (val: any) => boolean;
-}, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
-    transition: string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-    });
-    eager: boolean;
-    noDataText: string;
-    itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
-    itemChildren: SelectItemKey;
-    itemProps: SelectItemKey;
-    chips: boolean;
-    closableChips: boolean;
-    hideNoData: boolean;
-    hideSelected: boolean;
-    menuIcon: IconValue;
-    openOnClear: boolean;
-    filterMode: FilterMode;
+    menuProps: {
+        type: vue.PropType<Partial<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            }) | {
+                readonly component: vue.DefineComponent<{
+                    target: vue.PropType<HTMLElement>;
+                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                    target: vue.PropType<HTMLElement>;
+                }>>, {}>;
+            };
+            modelValue: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            transition: Omit<{
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            }, "type" | "default"> & {
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: vue.PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: vue.PropType<HTMLElement>;
+                    }>>, {}>;
+                }>;
+                default: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: vue.PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: vue.PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+            };
+            modelValue: BooleanConstructor;
+            id: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            eager: BooleanConstructor;
+            transition: {
+                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: vue.PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: vue.PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: vue.PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: (StringConstructor | NumberConstructor)[];
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: vue.PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: vue.PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: vue.PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+    };
+    modelValue: {
+        type: null;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    noDataText: {
+        type: StringConstructor;
+        default: string;
+    };
+    openOnClear: BooleanConstructor;
+    customFilter: vue.PropType<FilterFunction>;
+    customKeyFilter: vue.PropType<FilterKeyFunctions>;
+    filterKeys: {
+        type: vue.PropType<(string & {}) | FilterKeys>;
+        default: (string & {}) | FilterKeys;
+    };
+    filterMode: {
+        type: vue.PropType<FilterMode>;
+        default: string;
+    };
+    noFilter: BooleanConstructor;
+    search: StringConstructor;
+}, "multiple" | "items" | "onUpdate:modelValue" | "modelValue" | "returnObject"> & SlotsToProps<MakeSlots<{
+    default: [VInputSlot];
+    prepend: [VInputSlot];
+    append: [VInputSlot];
+    details: [VInputSlot];
+}> & MakeSlots<{
+    clear: [];
+    prependInner: [DefaultInputSlot & VInputSlot];
+    appendInner: [DefaultInputSlot & VInputSlot];
+    label: [DefaultInputSlot & VInputSlot];
+    loader: [LoaderSlotProps];
+    default: [VFieldSlot];
+}> & MakeSlots<{
+    chip: [{
+        item: unknown;
+        index: number;
+        props: Record<string, unknown>;
+    }];
+    selection: [{
+        item: unknown;
+        index: number;
+    }];
+    'no-data': [];
+}>>>> & {
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:menu"?: ((val: boolean) => any) | undefined;
+    "onUpdate:search"?: ((val: any) => any) | undefined;
+}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'click:clear': (e: MouseEvent) => boolean;
+    'update:search': (val: any) => boolean;
+    'update:modelValue': (val: any) => boolean;
+    'update:menu': (val: boolean) => boolean;
+}, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    });
+    menu: boolean;
+    eager: boolean;
+    noDataText: string;
+    itemTitle: SelectItemKey;
+    itemValue: SelectItemKey;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    chips: boolean;
+    closableChips: boolean;
+    hideNoData: boolean;
+    hideSelected: boolean;
+    menuIcon: IconValue;
+    openOnClear: boolean;
+    filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: (string & {}) | FilterKeys;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value$2<T, ReturnObject, Multiple> = Value$2<T, ReturnObject, Multiple>>() => {
@@ -2386,12 +3101,12 @@ interface GroupItemProvide {
 declare const VBtn: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -2447,6 +3162,7 @@ declare const VBtn: vue.DefineComponent<{
     appendIcon: PropType<IconValue>;
     block: BooleanConstructor;
     stacked: BooleanConstructor;
+    loading: BooleanConstructor;
     ripple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2454,12 +3170,12 @@ declare const VBtn: vue.DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -2515,6 +3231,7 @@ declare const VBtn: vue.DefineComponent<{
     appendIcon: PropType<IconValue>;
     block: BooleanConstructor;
     stacked: BooleanConstructor;
+    loading: BooleanConstructor;
     ripple: {
         type: BooleanConstructor;
         default: boolean;
@@ -2525,12 +3242,13 @@ declare const VBtn: vue.DefineComponent<{
     flat: boolean;
     active: boolean;
     block: boolean;
+    loading: boolean;
     disabled: boolean;
     size: string | number;
     tag: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     stacked: boolean;
     ripple: boolean;
 }>;
@@ -2539,7 +3257,7 @@ declare type VBtn = InstanceType<typeof VBtn>;
 declare const VBtnGroup: vue.DefineComponent<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -2566,7 +3284,7 @@ declare const VBtnGroup: vue.DefineComponent<{
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -2594,7 +3312,7 @@ declare const VBtnGroup: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     divided: boolean;
 }>;
 
@@ -2751,12 +3469,12 @@ declare const VBtnToggle: {
 declare const VCard: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     tag: {
         type: StringConstructor;
@@ -2807,12 +3525,12 @@ declare const VCard: vue.DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     tag: {
         type: StringConstructor;
@@ -2868,7 +3586,7 @@ declare const VCard: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     ripple: boolean;
     hover: boolean;
 }>;
@@ -3078,14 +3796,6 @@ declare const VCarouselItem: vue.DefineComponent<{
 declare type VCarouselItem = InstanceType<typeof VCarouselItem>;
 
 declare const VCheckbox: vue.DefineComponent<{
-    falseIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    trueIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
     density: {
         type: vue.PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -3098,6 +3808,14 @@ declare const VCheckbox: vue.DefineComponent<{
     id: StringConstructor;
     inline: BooleanConstructor;
     label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
     ripple: {
         type: BooleanConstructor;
         default: boolean;
@@ -3117,6 +3835,11 @@ declare const VCheckbox: vue.DefineComponent<{
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -3129,6 +3852,7 @@ declare const VCheckbox: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -3141,24 +3865,9 @@ declare const VCheckbox: vue.DefineComponent<{
         default: string;
         validator: (v: any) => boolean;
     };
-    indeterminate: BooleanConstructor;
-    indeterminateIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:indeterminate': (val: boolean) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    falseIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    trueIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -3169,6 +3878,14 @@ declare const VCheckbox: vue.DefineComponent<{
     id: StringConstructor;
     inline: BooleanConstructor;
     label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
     ripple: {
         type: BooleanConstructor;
         default: boolean;
@@ -3188,6 +3905,11 @@ declare const VCheckbox: vue.DefineComponent<{
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -3200,6 +3922,7 @@ declare const VCheckbox: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -3212,43 +3935,148 @@ declare const VCheckbox: vue.DefineComponent<{
         default: string;
         validator: (v: any) => boolean;
     };
+}>>, {
+    inline: boolean;
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    indeterminate: boolean;
+    messages: string | string[];
+    density: "default" | "compact" | "comfortable" | null;
+    ripple: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    falseIcon: (string & {}) | IconValue;
+    trueIcon: (string & {}) | IconValue;
+    valueComparator: typeof deepEqual;
+    indeterminateIcon: IconValue;
+}>;
+declare type VCheckbox = InstanceType<typeof VCheckbox>;
+
+declare const VCheckboxBtn: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+    'update:indeterminate': (val: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
     indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
         default: string;
     };
 }>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
 }, {
     inline: boolean;
     error: boolean;
-    direction: "horizontal" | "vertical";
     disabled: boolean;
     multiple: boolean | null;
     readonly: boolean;
     indeterminate: boolean;
-    messages: string | string[];
     density: "default" | "compact" | "comfortable" | null;
     ripple: boolean;
+    falseIcon: (string & {}) | IconValue;
+    trueIcon: (string & {}) | IconValue;
     valueComparator: typeof deepEqual;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    falseIcon: IconValue;
-    trueIcon: IconValue;
     indeterminateIcon: IconValue;
 }>;
-declare type VCheckbox = InstanceType<typeof VCheckbox>;
+declare type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>;
 
 declare const VChip: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -3321,12 +4149,12 @@ declare const VChip: vue.DefineComponent<{
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -3407,7 +4235,7 @@ declare const VChip: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
     ripple: boolean;
     closable: boolean;
@@ -3421,12 +4249,12 @@ declare type VChip = InstanceType<typeof VChip>;
 declare const VChipGroup: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -3456,12 +4284,12 @@ declare const VChipGroup: vue.DefineComponent<{
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -3494,7 +4322,7 @@ declare const VChipGroup: vue.DefineComponent<{
     multiple: boolean;
     tag: string;
     column: boolean;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: any;
     selectedClass: string;
     valueComparator: typeof deepEqual;
@@ -3640,6 +4468,7 @@ declare const VCombobox: {
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             });
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -3705,10 +4534,176 @@ declare const VCombobox: {
                 default: boolean;
             };
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
                 type: PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -3755,8 +4750,9 @@ declare const VCombobox: {
             }];
             'no-data': [];
         }>>>> & {
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:searchInput"?: ((val: string) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "menu" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3768,7 +4764,7 @@ declare const VCombobox: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:searchInput", val: string) => void;
+        $emit: ((event: "update:menu", val: boolean) => void) & ((event: "update:searchInput", val: string) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
@@ -3820,10 +4816,176 @@ declare const VCombobox: {
                 default: boolean;
             };
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
                 type: PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -3870,14 +5032,17 @@ declare const VCombobox: {
             }];
             'no-data': [];
         }>>>> & {
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:searchInput"?: ((val: string) => any) | undefined;
         }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
             'update:searchInput': (val: string) => boolean;
+            'update:menu': (val: boolean) => boolean;
         }, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             });
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -3963,10 +5128,176 @@ declare const VCombobox: {
             default: boolean;
         };
         hideSelected: BooleanConstructor;
+        menu: BooleanConstructor;
         menuIcon: {
             type: PropType<IconValue>;
             default: string;
         };
+        menuProps: {
+            type: PropType<Partial<{
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+                modelValue: boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                transition: Omit<{
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                }, "type" | "default"> & {
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    }>;
+                    default: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                };
+                modelValue: BooleanConstructor;
+                id: StringConstructor;
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                absolute: boolean;
+                location: Anchor;
+                origin: "auto" | Anchor | "overlap";
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                });
+                zIndex: string | number;
+                eager: boolean;
+                disabled: boolean;
+                modelValue: boolean;
+                activatorProps: Record<string, any>;
+                openOnClick: boolean;
+                openOnHover: boolean;
+                openOnFocus: boolean;
+                closeOnContentClick: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                contained: boolean;
+                noClickAnimation: boolean;
+                persistent: boolean;
+                closeOnBack: boolean;
+                scrim: string | boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                eager: BooleanConstructor;
+                transition: {
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                };
+                theme: StringConstructor;
+                scrollStrategy: {
+                    type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                locationStrategy: {
+                    type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                location: {
+                    type: PropType<Anchor>;
+                    default: string;
+                };
+                origin: {
+                    type: PropType<"auto" | Anchor | "overlap">;
+                    default: string;
+                };
+                offset: (StringConstructor | NumberConstructor)[];
+                height: (StringConstructor | NumberConstructor)[];
+                maxHeight: (StringConstructor | NumberConstructor)[];
+                maxWidth: (StringConstructor | NumberConstructor)[];
+                minHeight: (StringConstructor | NumberConstructor)[];
+                minWidth: (StringConstructor | NumberConstructor)[];
+                width: (StringConstructor | NumberConstructor)[];
+                closeDelay: (StringConstructor | NumberConstructor)[];
+                openDelay: (StringConstructor | NumberConstructor)[];
+                activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                activatorProps: {
+                    type: PropType<Record<string, any>>;
+                    default: () => {};
+                };
+                openOnClick: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                openOnHover: BooleanConstructor;
+                openOnFocus: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                closeOnContentClick: BooleanConstructor;
+                absolute: BooleanConstructor;
+                attach: PropType<string | boolean | Element>;
+                closeOnBack: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contained: BooleanConstructor;
+                contentClass: null;
+                contentProps: null;
+                disabled: BooleanConstructor;
+                noClickAnimation: BooleanConstructor;
+                modelValue: BooleanConstructor;
+                persistent: BooleanConstructor;
+                scrim: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                zIndex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                onAfterLeave?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+        };
         modelValue: {
             type: null;
             default: () => never[];
@@ -4013,6 +5344,7 @@ declare const VCombobox: {
         }];
         'no-data': [];
     }>>>> & {
+        "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         "onUpdate:searchInput"?: ((val: string) => any) | undefined;
     } & vue.ShallowUnwrapRef<any> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
@@ -4068,10 +5400,176 @@ declare const VCombobox: {
         default: boolean;
     };
     hideSelected: BooleanConstructor;
+    menu: BooleanConstructor;
     menuIcon: {
         type: PropType<IconValue>;
         default: string;
     };
+    menuProps: {
+        type: PropType<Partial<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            }) | {
+                readonly component: vue.DefineComponent<{
+                    target: PropType<HTMLElement>;
+                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                    target: PropType<HTMLElement>;
+                }>>, {}>;
+            };
+            modelValue: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            transition: Omit<{
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            }, "type" | "default"> & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                }>;
+                default: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+            };
+            modelValue: BooleanConstructor;
+            id: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            eager: BooleanConstructor;
+            transition: {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: (StringConstructor | NumberConstructor)[];
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+    };
     modelValue: {
         type: null;
         default: () => never[];
@@ -4118,14 +5616,17 @@ declare const VCombobox: {
     }];
     'no-data': [];
 }>>>> & {
+    "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     "onUpdate:searchInput"?: ((val: string) => any) | undefined;
 }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
     'update:searchInput': (val: string) => boolean;
+    'update:menu': (val: boolean) => boolean;
 }, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
     });
+    menu: boolean;
     eager: boolean;
     noDataText: string;
     itemTitle: SelectItemKey;
@@ -4419,40 +5920,6 @@ declare const VDefaultsProvider: vue.DefineComponent<{
     scoped: boolean;
 }>;
 
-interface ScrollStrategyData {
-    root: Ref<HTMLElement | undefined>;
-    contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
-    isActive: Ref<boolean>;
-    updateLocation: Ref<((e: Event) => void) | undefined>;
-}
-
-interface LocationStrategyData {
-    contentEl: Ref<HTMLElement | undefined>;
-    activatorEl: Ref<HTMLElement | undefined>;
-    isActive: Ref<boolean>;
-}
-declare const locationStrategies: {
-    static: typeof staticLocationStrategy;
-    connected: typeof connectedLocationStrategy;
-};
-interface StrategyProps {
-    locationStrategy: keyof typeof locationStrategies | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
-        updateLocation: (e: Event) => void;
-    });
-    location: Anchor;
-    origin: Anchor | 'auto' | 'overlap';
-    offset?: number | string;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-}
-declare function staticLocationStrategy(): void;
-declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
-    updateLocation: () => void;
-};
-
 declare type OverlaySlots = MakeSlots<{
     default: [{
         isActive: Ref<boolean>;
@@ -4477,7 +5944,6 @@ declare const VOverlay: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            contained: boolean;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -4487,6 +5953,7 @@ declare const VOverlay: {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
@@ -4578,7 +6045,7 @@ declare const VOverlay: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "contained" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4700,7 +6167,6 @@ declare const VOverlay: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            contained: boolean;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -4710,6 +6176,7 @@ declare const VOverlay: {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
@@ -4939,7 +6406,6 @@ declare const VOverlay: {
     eager: boolean;
     disabled: boolean;
     modelValue: boolean;
-    contained: boolean;
     activatorProps: Record<string, any>;
     openOnClick: boolean;
     openOnHover: boolean;
@@ -4949,6 +6415,7 @@ declare const VOverlay: {
         updateLocation: (e: Event) => void;
     } | undefined);
     scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+    contained: boolean;
     noClickAnimation: boolean;
     persistent: boolean;
     closeOnBack: boolean;
@@ -5528,7 +6995,7 @@ declare const VFileInput: vue.DefineComponent<{
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -5555,6 +7022,7 @@ declare const VFileInput: vue.DefineComponent<{
         type: PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -5591,7 +7059,7 @@ declare const VFileInput: vue.DefineComponent<{
         default: boolean;
         validator: (v: boolean | number) => boolean;
     };
-}, {
+}, HTMLInputElement & {
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -5622,6 +7090,7 @@ declare const VFileInput: vue.DefineComponent<{
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -5679,6 +7148,7 @@ declare const VFileInput: vue.DefineComponent<{
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -5758,6 +7228,7 @@ declare const VFileInput: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -5794,7 +7265,7 @@ declare const VFileInput: vue.DefineComponent<{
         append: [VInputSlot];
         details: [VInputSlot];
     }>;
-} & HTMLInputElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:clear': (e: MouseEvent) => true;
     'click:control': (e: MouseEvent) => true;
     'update:modelValue': (files: File[]) => true;
@@ -5822,7 +7293,7 @@ declare const VFileInput: vue.DefineComponent<{
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -5849,6 +7320,7 @@ declare const VFileInput: vue.DefineComponent<{
         type: PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -5901,7 +7373,7 @@ declare const VFileInput: vue.DefineComponent<{
     messages: string | string[];
     counter: boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     modelValue: File[];
     prependIcon: IconValue;
     errorMessages: string | string[];
@@ -5993,14 +7465,15 @@ declare const VFooter: vue.DefineComponent<{
     app: boolean;
 }>;
 
-interface FormValidationResult {
+interface FieldValidationResult {
     id: number | string;
     errorMessages: string[];
 }
-interface SubmitEventPromise extends SubmitEvent, Promise<{
+interface FormValidationResult {
     valid: boolean;
-    errorMessages: FormValidationResult[];
-}> {
+    errors: FieldValidationResult[];
+}
+interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {
 }
 
 declare const VForm: vue.DefineComponent<{
@@ -6013,7 +7486,7 @@ declare const VForm: vue.DefineComponent<{
         default: null;
     };
 }, {
-    errorMessages: vue.Ref<{
+    errors: vue.Ref<{
         id: string | number;
         errorMessages: string[];
     }[]>;
@@ -6029,7 +7502,7 @@ declare const VForm: vue.DefineComponent<{
     }[]>;
     validate: () => Promise<{
         valid: boolean;
-        errorMessages: {
+        errors: {
             id: string | number;
             errorMessages: string[];
         }[];
@@ -6868,7 +8341,7 @@ declare const VList: {
             mandatory: boolean;
             rounded: string | number | boolean;
             density: "default" | "compact" | "comfortable" | null;
-            variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
             openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
             lines: false | "one" | "two" | "three";
@@ -6881,12 +8354,12 @@ declare const VList: {
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             color: StringConstructor;
             variant: Omit<{
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
                 default: string;
                 validator: (v: any) => boolean;
             }, "type" | "default"> & {
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-                default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             };
             theme: StringConstructor;
             tag: {
@@ -7000,12 +8473,12 @@ declare const VList: {
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             color: StringConstructor;
             variant: Omit<{
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
                 default: string;
                 validator: (v: any) => boolean;
             }, "type" | "default"> & {
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-                default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             };
             theme: StringConstructor;
             tag: {
@@ -7117,7 +8590,7 @@ declare const VList: {
             mandatory: boolean;
             rounded: string | number | boolean;
             density: "default" | "compact" | "comfortable" | null;
-            variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
             openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
             lines: false | "one" | "two" | "three";
@@ -7150,12 +8623,12 @@ declare const VList: {
     } & Readonly<vue.ExtractPropTypes<Omit<{
         color: StringConstructor;
         variant: Omit<{
-            type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             default: string;
             validator: (v: any) => boolean;
         }, "type" | "default"> & {
-            type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-            default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         };
         theme: StringConstructor;
         tag: {
@@ -7254,12 +8727,12 @@ declare const VList: {
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -7371,7 +8844,7 @@ declare const VList: {
     mandatory: boolean;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
     openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
     lines: false | "one" | "two" | "three";
@@ -7458,16 +8931,16 @@ declare const VListItem: {
             tag: string;
             rounded: string | number | boolean;
             density: "default" | "compact" | "comfortable" | null;
-            variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         }> & Omit<Readonly<vue.ExtractPropTypes<{
             color: StringConstructor;
             variant: Omit<{
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
                 default: string;
                 validator: (v: any) => boolean;
             }, "type" | "default"> & {
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-                default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             };
             theme: StringConstructor;
             tag: {
@@ -7534,12 +9007,12 @@ declare const VListItem: {
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
             color: StringConstructor;
             variant: Omit<{
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
                 default: string;
                 validator: (v: any) => boolean;
             }, "type" | "default"> & {
-                type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-                default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             };
             theme: StringConstructor;
             tag: {
@@ -7598,7 +9071,7 @@ declare const VListItem: {
             tag: string;
             rounded: string | number | boolean;
             density: "default" | "compact" | "comfortable" | null;
-            variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -7622,12 +9095,12 @@ declare const VListItem: {
     } & Readonly<vue.ExtractPropTypes<{
         color: StringConstructor;
         variant: Omit<{
-            type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             default: string;
             validator: (v: any) => boolean;
         }, "type" | "default"> & {
-            type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-            default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         };
         theme: StringConstructor;
         tag: {
@@ -7684,12 +9157,12 @@ declare const VListItem: {
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: {
@@ -7748,7 +9221,7 @@ declare const VListItem: {
     tag: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
     $slots: MakeSlots<{
         prepend: [ListItemSlot];
@@ -8107,7 +9580,6 @@ declare const VMenu: {
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
-                contained: boolean;
                 activatorProps: Record<string, any>;
                 openOnClick: boolean;
                 openOnHover: boolean;
@@ -8117,6 +9589,7 @@ declare const VMenu: {
                     updateLocation: (e: Event) => void;
                 } | undefined);
                 scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                contained: boolean;
                 noClickAnimation: boolean;
                 persistent: boolean;
                 closeOnBack: boolean;
@@ -8208,7 +9681,7 @@ declare const VMenu: {
                 onAfterLeave?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "contained" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8330,7 +9803,6 @@ declare const VMenu: {
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
-                contained: boolean;
                 activatorProps: Record<string, any>;
                 openOnClick: boolean;
                 openOnHover: boolean;
@@ -8340,6 +9812,7 @@ declare const VMenu: {
                     updateLocation: (e: Event) => void;
                 } | undefined);
                 scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                contained: boolean;
                 noClickAnimation: boolean;
                 persistent: boolean;
                 closeOnBack: boolean;
@@ -8555,7 +10028,6 @@ declare const VMenu: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            contained: boolean;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -8565,6 +10037,7 @@ declare const VMenu: {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
@@ -8656,7 +10129,7 @@ declare const VMenu: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "contained" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -8778,7 +10251,6 @@ declare const VMenu: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            contained: boolean;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -8788,6 +10260,7 @@ declare const VMenu: {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
             noClickAnimation: boolean;
             persistent: boolean;
             closeOnBack: boolean;
@@ -8974,7 +10447,6 @@ declare const VMenu: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        contained: boolean;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
         openOnHover: boolean;
@@ -8984,6 +10456,7 @@ declare const VMenu: {
             updateLocation: (e: Event) => void;
         } | undefined);
         scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+        contained: boolean;
         noClickAnimation: boolean;
         persistent: boolean;
         closeOnBack: boolean;
@@ -9075,7 +10548,7 @@ declare const VMenu: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "contained" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -9197,7 +10670,6 @@ declare const VMenu: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        contained: boolean;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
         openOnHover: boolean;
@@ -9207,6 +10679,7 @@ declare const VMenu: {
             updateLocation: (e: Event) => void;
         } | undefined);
         scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+        contained: boolean;
         noClickAnimation: boolean;
         persistent: boolean;
         closeOnBack: boolean;
@@ -9719,12 +11192,12 @@ declare const VNoSsr: vue.DefineComponent<{}, () => false | vue.VNode<vue.Render
 declare const VPagination: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -9825,12 +11298,12 @@ declare const VPagination: vue.DefineComponent<{
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
-        default: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     };
     theme: StringConstructor;
     tag: Omit<{
@@ -9938,7 +11411,7 @@ declare const VPagination: vue.DefineComponent<{
     ellipsis: string;
     rounded: string | number | boolean;
     density: "default" | "compact" | "comfortable" | null;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: number;
     nextIcon: IconValue;
     prevIcon: IconValue;
@@ -10210,6 +11683,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -10281,6 +11755,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -10309,12 +11784,12 @@ declare const VRadioGroup: vue.DefineComponent<{
     messages: string | string[];
     density: "default" | "compact" | "comfortable" | null;
     ripple: boolean;
-    valueComparator: typeof deepEqual;
     errorMessages: string | string[];
     maxErrors: string | number;
     rules: ValidationRule[];
     falseIcon: IconValue;
     trueIcon: IconValue;
+    valueComparator: typeof deepEqual;
 }>;
 
 declare const VRangeSlider: vue.DefineComponent<{
@@ -10397,6 +11872,7 @@ declare const VRangeSlider: vue.DefineComponent<{
         type: PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -10494,6 +11970,7 @@ declare const VRangeSlider: vue.DefineComponent<{
         type: PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -10906,11 +12383,12 @@ declare const VSelect: {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             }) | {
                 component: vue.DefineComponent<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }>>, {}>;
             };
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -10925,52 +12403,52 @@ declare const VSelect: {
             openOnClear: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
-                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
-                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 }) | {
                     component: vue.DefineComponent<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }>>, {}>;
                 }>;
                 default: string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 }) | {
                     component: vue.DefineComponent<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }>>, {}>;
                 };
             };
             items: {
-                type: vue.PropType<any[]>;
+                type: PropType<any[]>;
                 default: () => never[];
             };
             itemTitle: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             itemValue: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             itemChildren: Omit<{
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             }, "type" | "default"> & {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: SelectItemKey;
             };
             itemProps: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             returnObject: BooleanConstructor;
@@ -10979,10 +12457,176 @@ declare const VSelect: {
             eager: BooleanConstructor;
             hideNoData: BooleanConstructor;
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
-                type: vue.PropType<IconValue>;
+                type: PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -11016,7 +12660,9 @@ declare const VSelect: {
                 index: number;
             }];
             'no-data': [];
-        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear">;
+        }>>>> & {
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "menu" | "eager" | "noDataText" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -11028,56 +12674,56 @@ declare const VSelect: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "update:menu", val: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
-                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
-                type: vue.PropType<string | boolean | (vue.TransitionProps & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 }) | {
                     component: vue.DefineComponent<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }>>, {}>;
                 }>;
                 default: string | boolean | (vue.TransitionProps & {
                     component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
                 }) | {
                     component: vue.DefineComponent<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                        target: vue.PropType<HTMLElement>;
+                        target: PropType<HTMLElement>;
                     }>>, {}>;
                 };
             };
             items: {
-                type: vue.PropType<any[]>;
+                type: PropType<any[]>;
                 default: () => never[];
             };
             itemTitle: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             itemValue: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             itemChildren: Omit<{
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             }, "type" | "default"> & {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: SelectItemKey;
             };
             itemProps: {
-                type: vue.PropType<SelectItemKey>;
+                type: PropType<SelectItemKey>;
                 default: string;
             };
             returnObject: BooleanConstructor;
@@ -11086,10 +12732,176 @@ declare const VSelect: {
             eager: BooleanConstructor;
             hideNoData: BooleanConstructor;
             hideSelected: BooleanConstructor;
+            menu: BooleanConstructor;
             menuIcon: {
-                type: vue.PropType<IconValue>;
+                type: PropType<IconValue>;
                 default: string;
             };
+            menuProps: {
+                type: PropType<Partial<{
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                    modelValue: boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    transition: Omit<{
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    }, "type" | "default"> & {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        }>;
+                        default: string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        }) | {
+                            readonly component: vue.DefineComponent<{
+                                target: PropType<HTMLElement>;
+                            }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                                target: PropType<HTMLElement>;
+                            }>>, {}>;
+                        };
+                    };
+                    modelValue: BooleanConstructor;
+                    id: StringConstructor;
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                    absolute: boolean;
+                    location: Anchor;
+                    origin: "auto" | Anchor | "overlap";
+                    transition: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    });
+                    zIndex: string | number;
+                    eager: boolean;
+                    disabled: boolean;
+                    modelValue: boolean;
+                    activatorProps: Record<string, any>;
+                    openOnClick: boolean;
+                    openOnHover: boolean;
+                    openOnFocus: boolean;
+                    closeOnContentClick: boolean;
+                    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined);
+                    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                    contained: boolean;
+                    noClickAnimation: boolean;
+                    persistent: boolean;
+                    closeOnBack: boolean;
+                    scrim: string | boolean;
+                }> & Omit<Readonly<vue.ExtractPropTypes<{
+                    eager: BooleanConstructor;
+                    transition: {
+                        type: PropType<string | boolean | (vue.TransitionProps & {
+                            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        })>;
+                        default: string;
+                        validator: (val: unknown) => boolean;
+                    };
+                    theme: StringConstructor;
+                    scrollStrategy: {
+                        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    locationStrategy: {
+                        type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                            updateLocation: (e: Event) => void;
+                        } | undefined)>;
+                        default: string;
+                        validator: (val: any) => boolean;
+                    };
+                    location: {
+                        type: PropType<Anchor>;
+                        default: string;
+                    };
+                    origin: {
+                        type: PropType<"auto" | Anchor | "overlap">;
+                        default: string;
+                    };
+                    offset: (StringConstructor | NumberConstructor)[];
+                    height: (StringConstructor | NumberConstructor)[];
+                    maxHeight: (StringConstructor | NumberConstructor)[];
+                    maxWidth: (StringConstructor | NumberConstructor)[];
+                    minHeight: (StringConstructor | NumberConstructor)[];
+                    minWidth: (StringConstructor | NumberConstructor)[];
+                    width: (StringConstructor | NumberConstructor)[];
+                    closeDelay: (StringConstructor | NumberConstructor)[];
+                    openDelay: (StringConstructor | NumberConstructor)[];
+                    activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                    activatorProps: {
+                        type: PropType<Record<string, any>>;
+                        default: () => {};
+                    };
+                    openOnClick: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    openOnHover: BooleanConstructor;
+                    openOnFocus: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    closeOnContentClick: BooleanConstructor;
+                    absolute: BooleanConstructor;
+                    attach: PropType<string | boolean | Element>;
+                    closeOnBack: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    contained: BooleanConstructor;
+                    contentClass: null;
+                    contentProps: null;
+                    disabled: BooleanConstructor;
+                    noClickAnimation: BooleanConstructor;
+                    modelValue: BooleanConstructor;
+                    persistent: BooleanConstructor;
+                    scrim: {
+                        type: (StringConstructor | BooleanConstructor)[];
+                        default: boolean;
+                    };
+                    zIndex: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                    };
+                } & SlotsToProps<MakeSlots<{
+                    default: [{
+                        isActive: vue.Ref<boolean>;
+                    }];
+                    activator: [{
+                        isActive: boolean;
+                        props: Record<string, any>;
+                    }];
+                }>>>> & {
+                    onAfterLeave?: (() => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+                } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+            };
             modelValue: {
                 type: null;
                 default: () => never[];
@@ -11123,18 +12935,22 @@ declare const VSelect: {
                 index: number;
             }];
             'no-data': [];
-        }>>>>, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        }>>>> & {
+            "onUpdate:menu"?: ((val: boolean) => any) | undefined;
+        }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
+            'update:menu': (val: boolean) => boolean;
         }, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             }) | {
                 component: vue.DefineComponent<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }>>, {}>;
             };
+            menu: boolean;
             eager: boolean;
             noDataText: string;
             itemTitle: SelectItemKey;
@@ -11169,52 +12985,52 @@ declare const VSelect: {
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<vue.ExtractPropTypes<Omit<{
         transition: Omit<{
-            type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            type: PropType<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             })>;
             default: string;
             validator: (val: unknown) => boolean;
         }, "type" | "default"> & {
-            type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            type: PropType<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             }) | {
                 component: vue.DefineComponent<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }>>, {}>;
             }>;
             default: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
             }) | {
                 component: vue.DefineComponent<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                    target: vue.PropType<HTMLElement>;
+                    target: PropType<HTMLElement>;
                 }>>, {}>;
             };
         };
         items: {
-            type: vue.PropType<any[]>;
+            type: PropType<any[]>;
             default: () => never[];
         };
         itemTitle: {
-            type: vue.PropType<SelectItemKey>;
+            type: PropType<SelectItemKey>;
             default: string;
         };
         itemValue: {
-            type: vue.PropType<SelectItemKey>;
+            type: PropType<SelectItemKey>;
             default: string;
         };
         itemChildren: Omit<{
-            type: vue.PropType<SelectItemKey>;
+            type: PropType<SelectItemKey>;
             default: string;
         }, "type" | "default"> & {
-            type: vue.PropType<SelectItemKey>;
+            type: PropType<SelectItemKey>;
             default: SelectItemKey;
         };
         itemProps: {
-            type: vue.PropType<SelectItemKey>;
+            type: PropType<SelectItemKey>;
             default: string;
         };
         returnObject: BooleanConstructor;
@@ -11223,10 +13039,176 @@ declare const VSelect: {
         eager: BooleanConstructor;
         hideNoData: BooleanConstructor;
         hideSelected: BooleanConstructor;
+        menu: BooleanConstructor;
         menuIcon: {
-            type: vue.PropType<IconValue>;
+            type: PropType<IconValue>;
             default: string;
         };
+        menuProps: {
+            type: PropType<Partial<{
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+                modelValue: boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                transition: Omit<{
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                }, "type" | "default"> & {
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    }>;
+                    default: string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    }) | {
+                        readonly component: vue.DefineComponent<{
+                            target: PropType<HTMLElement>;
+                        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                            target: PropType<HTMLElement>;
+                        }>>, {}>;
+                    };
+                };
+                modelValue: BooleanConstructor;
+                id: StringConstructor;
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+                absolute: boolean;
+                location: Anchor;
+                origin: "auto" | Anchor | "overlap";
+                transition: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                });
+                zIndex: string | number;
+                eager: boolean;
+                disabled: boolean;
+                modelValue: boolean;
+                activatorProps: Record<string, any>;
+                openOnClick: boolean;
+                openOnHover: boolean;
+                openOnFocus: boolean;
+                closeOnContentClick: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+                contained: boolean;
+                noClickAnimation: boolean;
+                persistent: boolean;
+                closeOnBack: boolean;
+                scrim: string | boolean;
+            }> & Omit<Readonly<vue.ExtractPropTypes<{
+                eager: BooleanConstructor;
+                transition: {
+                    type: PropType<string | boolean | (vue.TransitionProps & {
+                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    })>;
+                    default: string;
+                    validator: (val: unknown) => boolean;
+                };
+                theme: StringConstructor;
+                scrollStrategy: {
+                    type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                locationStrategy: {
+                    type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                        updateLocation: (e: Event) => void;
+                    } | undefined)>;
+                    default: string;
+                    validator: (val: any) => boolean;
+                };
+                location: {
+                    type: PropType<Anchor>;
+                    default: string;
+                };
+                origin: {
+                    type: PropType<"auto" | Anchor | "overlap">;
+                    default: string;
+                };
+                offset: (StringConstructor | NumberConstructor)[];
+                height: (StringConstructor | NumberConstructor)[];
+                maxHeight: (StringConstructor | NumberConstructor)[];
+                maxWidth: (StringConstructor | NumberConstructor)[];
+                minHeight: (StringConstructor | NumberConstructor)[];
+                minWidth: (StringConstructor | NumberConstructor)[];
+                width: (StringConstructor | NumberConstructor)[];
+                closeDelay: (StringConstructor | NumberConstructor)[];
+                openDelay: (StringConstructor | NumberConstructor)[];
+                activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+                activatorProps: {
+                    type: PropType<Record<string, any>>;
+                    default: () => {};
+                };
+                openOnClick: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                openOnHover: BooleanConstructor;
+                openOnFocus: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                closeOnContentClick: BooleanConstructor;
+                absolute: BooleanConstructor;
+                attach: PropType<string | boolean | Element>;
+                closeOnBack: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                contained: BooleanConstructor;
+                contentClass: null;
+                contentProps: null;
+                disabled: BooleanConstructor;
+                noClickAnimation: BooleanConstructor;
+                modelValue: BooleanConstructor;
+                persistent: BooleanConstructor;
+                scrim: {
+                    type: (StringConstructor | BooleanConstructor)[];
+                    default: boolean;
+                };
+                zIndex: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            } & SlotsToProps<MakeSlots<{
+                default: [{
+                    isActive: vue.Ref<boolean>;
+                }];
+                activator: [{
+                    isActive: boolean;
+                    props: Record<string, any>;
+                }];
+            }>>>> & {
+                onAfterLeave?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+        };
         modelValue: {
             type: null;
             default: () => never[];
@@ -11260,58 +13242,60 @@ declare const VSelect: {
             index: number;
         }];
         'no-data': [];
-    }>>>> & vue.ShallowUnwrapRef<any> & {} & vue.ComponentCustomProperties;
+    }>>>> & {
+        "onUpdate:menu"?: ((val: boolean) => any) | undefined;
+    } & vue.ShallowUnwrapRef<any> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+        type: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
         }) | {
             component: vue.DefineComponent<{
-                target: vue.PropType<HTMLElement>;
+                target: PropType<HTMLElement>;
             }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
+                target: PropType<HTMLElement>;
             }>>, {}>;
         }>;
         default: string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
         }) | {
             component: vue.DefineComponent<{
-                target: vue.PropType<HTMLElement>;
+                target: PropType<HTMLElement>;
             }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                target: vue.PropType<HTMLElement>;
+                target: PropType<HTMLElement>;
             }>>, {}>;
         };
     };
     items: {
-        type: vue.PropType<any[]>;
+        type: PropType<any[]>;
         default: () => never[];
     };
     itemTitle: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemValue: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     itemChildren: Omit<{
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: SelectItemKey;
     };
     itemProps: {
-        type: vue.PropType<SelectItemKey>;
+        type: PropType<SelectItemKey>;
         default: string;
     };
     returnObject: BooleanConstructor;
@@ -11320,10 +13304,176 @@ declare const VSelect: {
     eager: BooleanConstructor;
     hideNoData: BooleanConstructor;
     hideSelected: BooleanConstructor;
+    menu: BooleanConstructor;
     menuIcon: {
-        type: vue.PropType<IconValue>;
+        type: PropType<IconValue>;
         default: string;
     };
+    menuProps: {
+        type: PropType<Partial<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            }) | {
+                readonly component: vue.DefineComponent<{
+                    target: PropType<HTMLElement>;
+                }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                    target: PropType<HTMLElement>;
+                }>>, {}>;
+            };
+            modelValue: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            transition: Omit<{
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            }, "type" | "default"> & {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                }>;
+                default: string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                }) | {
+                    readonly component: vue.DefineComponent<{
+                        target: PropType<HTMLElement>;
+                    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+                        target: PropType<HTMLElement>;
+                    }>>, {}>;
+                };
+            };
+            modelValue: BooleanConstructor;
+            id: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "modelValue"> & Partial<{
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void);
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            eager: BooleanConstructor;
+            transition: {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData) => void)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: (StringConstructor | NumberConstructor)[];
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: vue.Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">>;
+    };
     modelValue: {
         type: null;
         default: () => never[];
@@ -11357,18 +13507,22 @@ declare const VSelect: {
         index: number;
     }];
     'no-data': [];
-}>>>>, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+}>>>> & {
+    "onUpdate:menu"?: ((val: boolean) => any) | undefined;
+}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
+    'update:menu': (val: boolean) => boolean;
 }, "multiple" | "items" | "update:modelValue" | "modelValue" | "returnObject">, string, {
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
     }) | {
         component: vue.DefineComponent<{
-            target: vue.PropType<HTMLElement>;
+            target: PropType<HTMLElement>;
         }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-            target: vue.PropType<HTMLElement>;
+            target: PropType<HTMLElement>;
         }>>, {}>;
     };
+    menu: boolean;
     eager: boolean;
     noDataText: string;
     itemTitle: SelectItemKey;
@@ -11903,6 +14057,7 @@ declare const VSlider: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: vue.PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -11999,6 +14154,7 @@ declare const VSlider: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     density: {
         type: vue.PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -12117,7 +14273,7 @@ declare const VSnackbar: vue.DefineComponent<{
     };
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -12164,7 +14320,7 @@ declare const VSnackbar: vue.DefineComponent<{
     };
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -12203,7 +14359,7 @@ declare const VSnackbar: vue.DefineComponent<{
     vertical: boolean;
     contentClass: string;
     rounded: string | number | boolean;
-    variant: "text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text";
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
     app: boolean;
     multiLine: boolean;
@@ -12256,6 +14412,7 @@ declare const VSwitch: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -12323,6 +14480,7 @@ declare const VSwitch: vue.DefineComponent<{
         type: vue.PropType<ValidationRule[]>;
         default: () => never[];
     };
+    validationValue: null;
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -12358,10 +14516,10 @@ declare const VSwitch: vue.DefineComponent<{
     messages: string | string[];
     density: "default" | "compact" | "comfortable" | null;
     ripple: boolean;
-    valueComparator: typeof deepEqual;
     errorMessages: string | string[];
     maxErrors: string | number;
     rules: ValidationRule[];
+    valueComparator: typeof deepEqual;
 }>;
 declare type VSwitch = InstanceType<typeof VSwitch>;
 
@@ -12646,7 +14804,7 @@ declare const VTextarea: vue.DefineComponent<{
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -12665,6 +14823,7 @@ declare const VTextarea: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -12704,7 +14863,7 @@ declare const VTextarea: vue.DefineComponent<{
         validator: (v: any) => boolean;
     };
     suffix: StringConstructor;
-}, {
+}, HTMLInputElement & {
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -12735,6 +14894,7 @@ declare const VTextarea: vue.DefineComponent<{
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -12792,6 +14952,7 @@ declare const VTextarea: vue.DefineComponent<{
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -12871,6 +15032,7 @@ declare const VTextarea: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -12907,7 +15069,7 @@ declare const VTextarea: vue.DefineComponent<{
         append: [VInputSlot];
         details: [VInputSlot];
     }>;
-} & HTMLInputElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:clear': (e: MouseEvent) => true;
     'click:control': (e: MouseEvent) => true;
     'update:modelValue': (val: string) => true;
@@ -12932,7 +15094,7 @@ declare const VTextarea: vue.DefineComponent<{
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -12951,6 +15113,7 @@ declare const VTextarea: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -13005,7 +15168,7 @@ declare const VTextarea: vue.DefineComponent<{
     readonly: boolean;
     messages: string | string[];
     density: "default" | "compact" | "comfortable" | null;
-    variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     errorMessages: string | string[];
     maxErrors: string | number;
     rules: ValidationRule[];
@@ -13039,7 +15202,7 @@ declare const VTextField: {
             readonly: boolean;
             messages: string | string[];
             density: "default" | "compact" | "comfortable" | null;
-            variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             errorMessages: string | string[];
             maxErrors: string | number;
             rules: ValidationRule[];
@@ -13072,7 +15235,7 @@ declare const VTextField: {
             reverse: BooleanConstructor;
             singleLine: BooleanConstructor;
             variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -13091,6 +15254,7 @@ declare const VTextField: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -13175,7 +15339,7 @@ declare const VTextField: {
             reverse: BooleanConstructor;
             singleLine: BooleanConstructor;
             variant: {
-                type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -13194,6 +15358,7 @@ declare const VTextField: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -13243,7 +15408,7 @@ declare const VTextField: {
             "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-        }, {
+        }, HTMLInputElement & {
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -13274,6 +15439,7 @@ declare const VTextField: {
                     default: () => never[];
                 };
                 modelValue: null;
+                validationValue: null;
                 density: {
                     type: PropType<"default" | "compact" | "comfortable" | null>;
                     default: string;
@@ -13331,6 +15497,7 @@ declare const VTextField: {
                     default: () => never[];
                 };
                 modelValue: null;
+                validationValue: null;
                 density: {
                     type: PropType<"default" | "compact" | "comfortable" | null>;
                     default: string;
@@ -13410,6 +15577,7 @@ declare const VTextField: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -13446,7 +15614,7 @@ declare const VTextField: {
                 append: [VInputSlot];
                 details: [VInputSlot];
             }>;
-        } & HTMLInputElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:clear': (e: MouseEvent) => boolean;
             'click:control': (e: MouseEvent) => boolean;
             'click:input': (e: MouseEvent) => boolean;
@@ -13463,7 +15631,7 @@ declare const VTextField: {
             readonly: boolean;
             messages: string | string[];
             density: "default" | "compact" | "comfortable" | null;
-            variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             errorMessages: string | string[];
             maxErrors: string | number;
             rules: ValidationRule[];
@@ -13516,7 +15684,7 @@ declare const VTextField: {
         reverse: BooleanConstructor;
         singleLine: BooleanConstructor;
         variant: {
-            type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -13535,6 +15703,7 @@ declare const VTextField: {
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -13584,7 +15753,7 @@ declare const VTextField: {
         "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{
+    } & vue.ShallowUnwrapRef<HTMLInputElement & {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -13615,6 +15784,7 @@ declare const VTextField: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -13672,6 +15842,7 @@ declare const VTextField: {
                 default: () => never[];
             };
             modelValue: null;
+            validationValue: null;
             density: {
                 type: PropType<"default" | "compact" | "comfortable" | null>;
                 default: string;
@@ -13751,6 +15922,7 @@ declare const VTextField: {
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -13787,7 +15959,7 @@ declare const VTextField: {
             append: [VInputSlot];
             details: [VInputSlot];
         }>;
-    } & HTMLInputElement> & {} & vue.ComponentCustomProperties;
+    }> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -13812,7 +15984,7 @@ declare const VTextField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "contained" | "underlined">;
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -13831,6 +16003,7 @@ declare const VTextField: {
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -13880,7 +16053,7 @@ declare const VTextField: {
     "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-}, {
+}, HTMLInputElement & {
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -13911,6 +16084,7 @@ declare const VTextField: {
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -13968,6 +16142,7 @@ declare const VTextField: {
             default: () => never[];
         };
         modelValue: null;
+        validationValue: null;
         density: {
             type: PropType<"default" | "compact" | "comfortable" | null>;
             default: string;
@@ -14047,6 +16222,7 @@ declare const VTextField: {
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
     density: {
         type: PropType<"default" | "compact" | "comfortable" | null>;
         default: string;
@@ -14083,7 +16259,7 @@ declare const VTextField: {
         append: [VInputSlot];
         details: [VInputSlot];
     }>;
-} & HTMLInputElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:clear': (e: MouseEvent) => boolean;
     'click:control': (e: MouseEvent) => boolean;
     'click:input': (e: MouseEvent) => boolean;
@@ -14100,7 +16276,7 @@ declare const VTextField: {
     readonly: boolean;
     messages: string | string[];
     density: "default" | "compact" | "comfortable" | null;
-    variant: "filled" | "outlined" | "plain" | "contained" | "underlined";
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     errorMessages: string | string[];
     maxErrors: string | number;
     rules: ValidationRule[];
@@ -14655,7 +16831,7 @@ declare type VToolbarTitle = InstanceType<typeof VToolbarTitle>;
 declare const VToolbarItems: vue.DefineComponent<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -14667,7 +16843,7 @@ declare const VToolbarItems: vue.DefineComponent<{
 }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"text" | "outlined" | "plain" | "contained" | "contained-flat" | "contained-text">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -14913,6 +17089,7 @@ declare const VValidation: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -14935,6 +17112,7 @@ declare const VValidation: vue.DefineComponent<{
         default: () => never[];
     };
     modelValue: null;
+    validationValue: null;
 }>> & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
@@ -15975,6 +18153,7 @@ declare const index_d$1_VCardTitle: typeof VCardTitle;
 declare const index_d$1_VCarousel: typeof VCarousel;
 type index_d$1_VCarouselItem = VCarouselItem;
 type index_d$1_VCheckbox = VCheckbox;
+type index_d$1_VCheckboxBtn = VCheckboxBtn;
 type index_d$1_VChip = VChip;
 type index_d$1_VChipGroup = VChipGroup;
 declare const index_d$1_VCode: typeof VCode;
@@ -16123,6 +18302,7 @@ declare namespace index_d$1 {
     index_d$1_VCarousel as VCarousel,
     index_d$1_VCarouselItem as VCarouselItem,
     index_d$1_VCheckbox as VCheckbox,
+    index_d$1_VCheckboxBtn as VCheckboxBtn,
     index_d$1_VChip as VChip,
     index_d$1_VChipGroup as VChipGroup,
     index_d$1_VCode as VCode,