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

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, EffectScope, ComputedRef, nextTick, ComponentInternalInstance, WritableComputedRef, CSSProperties, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
+import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, ComponentInternalInstance, ComputedRef, JSXComponent, EffectScope, nextTick, WritableComputedRef, CSSProperties, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
@@ -70,6 +70,26 @@ interface ThemeInstance {
     };
 }
 
+type HSV = {
+    h: number;
+    s: number;
+    v: number;
+    a?: number;
+};
+type RGB = {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+};
+type HSL = {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+};
+type Color = string | number | HSV | RGB | HSL;
+
 type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
@@ -674,6 +694,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }> & Omit<{
             flat: boolean;
@@ -688,6 +709,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -701,7 +723,6 @@ declare const VAppBar: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             scrollTarget?: string | undefined;
-            scrollThreshold?: string | number | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -728,7 +749,7 @@ declare const VAppBar: {
             "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "scrollThreshold" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -755,6 +776,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -768,7 +790,6 @@ declare const VAppBar: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             scrollTarget?: string | undefined;
-            scrollThreshold?: string | number | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -811,6 +832,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -845,6 +867,7 @@ declare const VAppBar: {
         extended: boolean;
         extensionHeight: string | number;
         floating: boolean;
+        scrollThreshold: string | number;
         modelValue: boolean;
     } & {
         name?: string | undefined;
@@ -858,7 +881,6 @@ declare const VAppBar: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         scrollTarget?: string | undefined;
-        scrollThreshold?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -902,6 +924,7 @@ declare const VAppBar: {
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 } & {
     name?: string | undefined;
@@ -915,7 +938,6 @@ declare const VAppBar: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     scrollTarget?: string | undefined;
-    scrollThreshold?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -958,6 +980,7 @@ declare const VAppBar: {
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     height: {
@@ -969,6 +992,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1036,6 +1060,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1096,6 +1121,41 @@ declare const VAppBar: {
 }>>;
 type VAppBar = InstanceType<typeof VAppBar>;
 
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+interface GroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    toggle: () => void;
+    select: (value: boolean) => void;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: GroupProvide;
+}
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 declare const VComponentIcon: {
@@ -1492,13 +1552,61 @@ declare const VAppBarNavIcon: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            active: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         }> & Omit<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         } & {
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            text?: string | undefined;
             class?: any;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -1517,7 +1625,7 @@ declare const VAppBarNavIcon: {
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "icon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "symbol" | "replace" | "flat" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "icon" | "rounded" | "density" | "variant" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1532,10 +1640,44 @@ declare const VAppBarNavIcon: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         } & {
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            text?: string | undefined;
             class?: any;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -1555,8 +1697,22 @@ declare const VAppBarNavIcon: {
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            active: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1578,10 +1734,44 @@ declare const VAppBarNavIcon: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        icon: IconValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        icon: NonNullable<boolean | IconValue>;
+        density: Density;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        stacked: boolean;
+        ripple: boolean;
     } & {
+        location?: Anchor | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        active?: boolean | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
         class?: any;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        selectedClass?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1605,10 +1795,44 @@ declare const VAppBarNavIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    icon: IconValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    icon: NonNullable<boolean | IconValue>;
+    density: Density;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    stacked: boolean;
+    ripple: boolean;
 } & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    active?: boolean | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
     class?: any;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    selectedClass?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -1628,28 +1852,192 @@ declare const VAppBarNavIcon: {
     "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
+    active: boolean;
     style: vue.StyleValue;
-    icon: IconValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    icon: NonNullable<boolean | IconValue>;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    stacked: boolean;
+    ripple: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: Omit<Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
+        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: (StringConstructor | BooleanConstructor)[];
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<IconValue>;
-        default: string;
+        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        default: NonNullable<boolean | IconValue>;
+    };
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    text: StringConstructor;
 }, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
+        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: (StringConstructor | BooleanConstructor)[];
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<IconValue>;
-        default: string;
+        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        default: NonNullable<boolean | IconValue>;
     };
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: StringConstructor;
 }>>;
 type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>;
 
@@ -1801,8 +2189,6 @@ declare const VAppBarTitle: {
 }>>;
 type VAppBarTitle = InstanceType<typeof VAppBarTitle>;
 
-type Density = null | 'default' | 'comfortable' | 'compact';
-
 declare const allowedTypes: readonly ["success", "info", "warning", "error"];
 type ContextualType = typeof allowedTypes[number];
 declare const VAlert: {
@@ -2549,7 +2935,7 @@ declare const VInput: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -2611,7 +2997,7 @@ declare const VInput: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -2698,7 +3084,7 @@ declare const VInput: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -2754,7 +3140,7 @@ declare const VInput: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -2800,7 +3186,7 @@ declare const VInput: {
     persistentHint: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -2850,7 +3236,7 @@ declare const VInput: {
     'onClick:append': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }, vue.ExtractPropTypes<{
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -2978,7 +3364,7 @@ declare const VField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -3036,7 +3422,7 @@ declare const VField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -3120,7 +3506,7 @@ declare const VField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
     }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -3170,7 +3556,7 @@ declare const VField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     id: StringConstructor;
 }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -3240,7 +3626,7 @@ declare const VField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     id: StringConstructor;
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
@@ -3282,7 +3668,7 @@ declare const VField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     id: StringConstructor;
 }>>;
 type VField = InstanceType<typeof VField>;
@@ -3421,7 +3807,7 @@ declare const VAutocomplete: {
             'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: vue.PropType<string | string[]>;
@@ -3889,7 +4275,7 @@ declare const VAutocomplete: {
             'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: vue.PropType<string | string[]>;
@@ -4423,7 +4809,7 @@ declare const VAutocomplete: {
         'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
         errorMessages: {
             type: vue.PropType<string | string[]>;
@@ -4890,7 +5276,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -5434,7 +5820,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -5884,7 +6270,7 @@ declare const VAutocomplete: {
     'onClick:appendInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
@@ -8432,39 +8818,6 @@ declare const VBreadcrumbsDivider: {
     divider: (StringConstructor | NumberConstructor)[];
 }>>;
 
-interface GroupItem {
-    id: number;
-    value: Ref<unknown>;
-    disabled: Ref<boolean | undefined>;
-}
-interface GroupProvide {
-    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
-    prev: () => void;
-    next: () => void;
-    selectedClass: Ref<string | undefined>;
-    items: ComputedRef<{
-        id: number;
-        value: unknown;
-        disabled: boolean | undefined;
-    }[]>;
-    disabled: Ref<boolean | undefined>;
-    getItemIndex: (value: unknown) => number;
-}
-interface GroupItemProvide {
-    id: number;
-    isSelected: Ref<boolean>;
-    toggle: () => void;
-    select: (value: boolean) => void;
-    selectedClass: Ref<(string | undefined)[] | false>;
-    value: Ref<unknown>;
-    disabled: Ref<boolean | undefined>;
-    group: GroupProvide;
-}
-
 declare const VBtn: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -12258,7 +12611,7 @@ declare const VCheckbox: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -12348,7 +12701,7 @@ declare const VCheckbox: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -12466,7 +12819,7 @@ declare const VCheckbox: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -12546,7 +12899,7 @@ declare const VCheckbox: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -12660,7 +13013,7 @@ declare const VCheckbox: {
         default: string;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -12741,7 +13094,7 @@ declare const VCheckbox: {
         default: string;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -14136,6 +14489,52 @@ declare const VCode: {
 }>>;
 type VCode = InstanceType<typeof VCode>;
 
+type ColorPickerMode = {
+    inputProps: Record<string, unknown>;
+    inputs: {
+        [key: string]: any;
+        getValue: (color: any) => number | string;
+        getColor: (color: any, v: string) => any;
+    }[];
+    from: (color: any) => HSV;
+    to: (color: HSV) => any;
+};
+declare const modes: {
+    rgb: {
+        inputs: {
+            [key: string]: any;
+            getValue: (color: any) => number | string;
+            getColor: (color: any, v: string) => any;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    rgba: ColorPickerMode;
+    hsl: {
+        inputs: {
+            [key: string]: any;
+            getValue: (color: any) => number | string;
+            getColor: (color: any, v: string) => any;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    hsla: ColorPickerMode;
+    hex: {
+        inputs: {
+            label: string;
+            getValue: (c: string) => string;
+            getColor: (c: string, v: string) => string;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    hexa: ColorPickerMode;
+};
+
 declare const VColorPicker: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -14145,10 +14544,10 @@ declare const VColorPicker: {
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            mode: string;
+            mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
             rounded: string | number | boolean;
             dotSize: string | number;
-            modes: string[];
+            modes: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
             hideCanvas: boolean;
             hideSliders: boolean;
             hideInputs: boolean;
@@ -14197,17 +14596,17 @@ declare const VColorPicker: {
             hideSliders: BooleanConstructor;
             hideInputs: BooleanConstructor;
             mode: {
-                type: StringConstructor;
+                type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
                 default: string;
                 validator: (v: string) => boolean;
             };
             modes: {
-                type: PropType<string[]>;
+                type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
                 default: () => string[];
                 validator: (v: any) => boolean;
             };
             showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
+            swatches: PropType<Color[][]>;
             swatchesMaxHeight: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
@@ -14217,7 +14616,7 @@ declare const VColorPicker: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-            "onUpdate:mode"?: ((mode: string) => any) | undefined;
+            "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "style" | "disabled" | "tag" | "mode" | "rounded" | "dotSize" | "modes" | "hideCanvas" | "hideSliders" | "hideInputs" | "showSwatches" | "canvasHeight" | "swatchesMaxHeight">;
         $attrs: {
             [x: string]: unknown;
@@ -14230,7 +14629,7 @@ declare const VColorPicker: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "update:modelValue", color: any) => void) & ((event: "update:mode", mode: string) => void);
+        $emit: ((event: "update:modelValue", color: any) => void) & ((event: "update:mode", mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
             width: {
@@ -14274,17 +14673,17 @@ declare const VColorPicker: {
             hideSliders: BooleanConstructor;
             hideInputs: BooleanConstructor;
             mode: {
-                type: StringConstructor;
+                type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
                 default: string;
                 validator: (v: string) => boolean;
             };
             modes: {
-                type: PropType<string[]>;
+                type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
                 default: () => string[];
                 validator: (v: any) => boolean;
             };
             showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
+            swatches: PropType<Color[][]>;
             swatchesMaxHeight: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
@@ -14294,19 +14693,19 @@ declare const VColorPicker: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-            "onUpdate:mode"?: ((mode: string) => any) | undefined;
+            "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (color: any) => true;
-            'update:mode': (mode: string) => true;
+            'update:mode': (mode: keyof typeof modes) => true;
         }, string, {
             width: NonNullable<string | number>;
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            mode: string;
+            mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
             rounded: string | number | boolean;
             dotSize: string | number;
-            modes: string[];
+            modes: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
             hideCanvas: boolean;
             hideSliders: boolean;
             hideInputs: boolean;
@@ -14375,17 +14774,17 @@ declare const VColorPicker: {
         hideSliders: BooleanConstructor;
         hideInputs: BooleanConstructor;
         mode: {
-            type: StringConstructor;
+            type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
             default: string;
             validator: (v: string) => boolean;
         };
         modes: {
-            type: PropType<string[]>;
+            type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<string[][]>;
+        swatches: PropType<Color[][]>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
@@ -14395,7 +14794,7 @@ declare const VColorPicker: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: string) => any) | undefined;
+        "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -14442,17 +14841,17 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -14462,19 +14861,19 @@ declare const VColorPicker: {
     };
 }>> & {
     "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-    "onUpdate:mode"?: ((mode: string) => any) | undefined;
+    "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (color: any) => true;
-    'update:mode': (mode: string) => true;
+    'update:mode': (mode: keyof typeof modes) => true;
 }, string, {
     width: NonNullable<string | number>;
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mode: string;
+    mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
     rounded: string | number | boolean;
     dotSize: string | number;
-    modes: string[];
+    modes: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
     hideCanvas: boolean;
     hideSliders: boolean;
     hideInputs: boolean;
@@ -14523,17 +14922,17 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -14583,17 +14982,17 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -14738,7 +15137,7 @@ declare const VCombobox: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: PropType<string | string[]>;
@@ -15212,7 +15611,7 @@ declare const VCombobox: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: PropType<string | string[]>;
@@ -15751,7 +16150,7 @@ declare const VCombobox: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         validateOn: PropType<"input" | "blur" | "submit" | undefined>;
         errorMessages: {
             type: PropType<string | string[]>;
@@ -16223,7 +16622,7 @@ declare const VCombobox: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -16772,7 +17171,7 @@ declare const VCombobox: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -17228,7 +17627,7 @@ declare const VCombobox: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -23629,7 +24028,7 @@ declare const VFileInput: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -23738,7 +24137,7 @@ declare const VFileInput: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -23824,7 +24223,7 @@ declare const VFileInput: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -23886,7 +24285,7 @@ declare const VFileInput: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -23973,7 +24372,7 @@ declare const VFileInput: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -24106,7 +24505,7 @@ declare const VFileInput: {
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -24192,7 +24591,7 @@ declare const VFileInput: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -24254,7 +24653,7 @@ declare const VFileInput: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -24341,7 +24740,7 @@ declare const VFileInput: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -24422,7 +24821,7 @@ declare const VFileInput: {
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -24508,7 +24907,7 @@ declare const VFileInput: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -24570,7 +24969,7 @@ declare const VFileInput: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -24657,7 +25056,7 @@ declare const VFileInput: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -24770,7 +25169,7 @@ declare const VFileInput: {
         validator: (val: any) => boolean;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -24876,7 +25275,7 @@ declare const VFileInput: {
         validator: (val: any) => boolean;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -26710,6 +27109,7 @@ declare const VImg: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            inline: boolean;
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             });
@@ -26719,6 +27119,7 @@ declare const VImg: {
             cover: boolean;
             src: string | srcObject;
         }> & Omit<{
+            inline: boolean;
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             });
@@ -26728,12 +27129,18 @@ declare const VImg: {
             cover: boolean;
             src: string | srcObject;
         } & {
+            height?: string | number | undefined;
             width?: string | number | undefined;
             aspectRatio?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
             class?: any;
             alt?: string | undefined;
             sizes?: string | undefined;
             srcset?: string | undefined;
+            contentClass?: string | undefined;
             gradient?: string | undefined;
             lazySrc?: string | undefined;
         } & {
@@ -26758,7 +27165,7 @@ declare const VImg: {
             onError?: ((value: string | undefined) => any) | undefined;
             onLoad?: ((value: string | undefined) => any) | undefined;
             onLoadstart?: ((value: string | undefined) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "style" | "eager" | "options" | "cover" | "src">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "transition" | "style" | "eager" | "options" | "cover" | "src">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -26773,6 +27180,7 @@ declare const VImg: {
         $emit: ((event: "error", value: string | undefined) => void) & ((event: "load", value: string | undefined) => void) & ((event: "loadstart", value: string | undefined) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            inline: boolean;
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             });
@@ -26782,12 +27190,18 @@ declare const VImg: {
             cover: boolean;
             src: string | srcObject;
         } & {
+            height?: string | number | undefined;
             width?: string | number | undefined;
             aspectRatio?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
             class?: any;
             alt?: string | undefined;
             sizes?: string | undefined;
             srcset?: string | undefined;
+            contentClass?: string | undefined;
             gradient?: string | undefined;
             lazySrc?: string | undefined;
         } & {
@@ -26823,6 +27237,7 @@ declare const VImg: {
             load: (value: string | undefined) => true;
             error: (value: string | undefined) => true;
         }, string, {
+            inline: boolean;
             transition: string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             });
@@ -26852,6 +27267,7 @@ declare const VImg: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        inline: boolean;
         transition: string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         });
@@ -26861,12 +27277,18 @@ declare const VImg: {
         cover: boolean;
         src: string | srcObject;
     } & {
+        height?: string | number | undefined;
         width?: string | number | undefined;
         aspectRatio?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
         alt?: string | undefined;
         sizes?: string | undefined;
         srcset?: string | undefined;
+        contentClass?: string | undefined;
         gradient?: string | undefined;
         lazySrc?: string | undefined;
     } & {
@@ -26902,6 +27324,7 @@ declare const VImg: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    inline: boolean;
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     });
@@ -26911,12 +27334,18 @@ declare const VImg: {
     cover: boolean;
     src: string | srcObject;
 } & {
+    height?: string | number | undefined;
     width?: string | number | undefined;
     aspectRatio?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     class?: any;
     alt?: string | undefined;
     sizes?: string | undefined;
     srcset?: string | undefined;
+    contentClass?: string | undefined;
     gradient?: string | undefined;
     lazySrc?: string | undefined;
 } & {
@@ -26952,6 +27381,7 @@ declare const VImg: {
     load: (value: string | undefined) => true;
     error: (value: string | undefined) => true;
 }, string, {
+    inline: boolean;
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     });
@@ -26973,7 +27403,15 @@ declare const VImg: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+    inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
     eager: BooleanConstructor;
@@ -26993,7 +27431,6 @@ declare const VImg: {
         default: string;
     };
     srcset: StringConstructor;
-    width: (StringConstructor | NumberConstructor)[];
 }, vue.ExtractPropTypes<{
     transition: {
         type: PropType<string | boolean | (vue.TransitionProps & {
@@ -27007,7 +27444,15 @@ declare const VImg: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+    inline: BooleanConstructor;
     alt: StringConstructor;
     cover: BooleanConstructor;
     eager: BooleanConstructor;
@@ -27027,7 +27472,6 @@ declare const VImg: {
         default: string;
     };
     srcset: StringConstructor;
-    width: (StringConstructor | NumberConstructor)[];
 }>>;
 type VImg = InstanceType<typeof VImg>;
 
@@ -28392,6 +28836,7 @@ declare const VListItem: {
             rounded?: string | number | boolean | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
@@ -28468,6 +28913,7 @@ declare const VListItem: {
             rounded?: string | number | boolean | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeClass?: string | undefined;
             appendAvatar?: string | undefined;
             prependAvatar?: string | undefined;
@@ -28565,6 +29011,7 @@ declare const VListItem: {
         rounded?: string | number | boolean | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
@@ -28631,6 +29078,7 @@ declare const VListItem: {
     rounded?: string | number | boolean | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
     activeClass?: string | undefined;
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
@@ -28727,6 +29175,7 @@ declare const VListItem: {
     activeColor: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     disabled: BooleanConstructor;
     lines: PropType<"one" | "two" | "three">;
     link: {
@@ -28797,6 +29246,7 @@ declare const VListItem: {
     activeColor: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     disabled: BooleanConstructor;
     lines: PropType<"one" | "two" | "three">;
     link: {
@@ -28930,6 +29380,7 @@ declare const VList: {
             opened: PropType<unknown[]>;
             selected: PropType<unknown[]>;
             mandatory: BooleanConstructor;
+            baseColor: StringConstructor;
             activeColor: StringConstructor;
             activeClass: StringConstructor;
             bgColor: StringConstructor;
@@ -29050,6 +29501,7 @@ declare const VList: {
             opened: PropType<unknown[]>;
             selected: PropType<unknown[]>;
             mandatory: BooleanConstructor;
+            baseColor: StringConstructor;
             activeColor: StringConstructor;
             activeClass: StringConstructor;
             bgColor: StringConstructor;
@@ -29203,6 +29655,7 @@ declare const VList: {
         opened: PropType<unknown[]>;
         selected: PropType<unknown[]>;
         mandatory: BooleanConstructor;
+        baseColor: StringConstructor;
         activeColor: StringConstructor;
         activeClass: StringConstructor;
         bgColor: StringConstructor;
@@ -29309,6 +29762,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -29446,6 +29900,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -29531,6 +29986,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -29568,6 +30024,7 @@ declare const VListGroup: {
             class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeColor?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -29618,6 +30075,7 @@ declare const VListGroup: {
             class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeColor?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -29681,6 +30139,7 @@ declare const VListGroup: {
         class?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
         activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -29721,6 +30180,7 @@ declare const VListGroup: {
     class?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
     activeColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -29761,6 +30221,7 @@ declare const VListGroup: {
         default: null;
     };
     activeColor: StringConstructor;
+    baseColor: StringConstructor;
     color: StringConstructor;
     collapseIcon: {
         type: vue.PropType<IconValue>;
@@ -29787,6 +30248,7 @@ declare const VListGroup: {
         default: null;
     };
     activeColor: StringConstructor;
+    baseColor: StringConstructor;
     color: StringConstructor;
     collapseIcon: {
         type: vue.PropType<IconValue>;
@@ -38462,7 +38924,7 @@ declare const VRadioGroup: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -38548,7 +39010,7 @@ declare const VRadioGroup: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -38662,7 +39124,7 @@ declare const VRadioGroup: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -38738,7 +39200,7 @@ declare const VRadioGroup: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -38836,7 +39298,7 @@ declare const VRadioGroup: {
         default: typeof deepEqual;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -38913,7 +39375,7 @@ declare const VRadioGroup: {
         default: typeof deepEqual;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -39022,7 +39484,7 @@ declare const VRangeSlider: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -39110,7 +39572,7 @@ declare const VRangeSlider: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -39235,7 +39697,7 @@ declare const VRangeSlider: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -39313,7 +39775,7 @@ declare const VRangeSlider: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -39451,7 +39913,7 @@ declare const VRangeSlider: {
     };
     reverse: BooleanConstructor;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -39558,7 +40020,7 @@ declare const VRangeSlider: {
     };
     reverse: BooleanConstructor;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -39982,8 +40444,10 @@ declare const VResponsive: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            inline: boolean;
             style: vue.StyleValue;
         }> & Omit<{
+            inline: boolean;
             style: vue.StyleValue;
         } & {
             height?: string | number | undefined;
@@ -40007,7 +40471,7 @@ declare const VResponsive: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "style">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -40022,6 +40486,7 @@ declare const VResponsive: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            inline: boolean;
             style: vue.StyleValue;
         } & {
             height?: string | number | undefined;
@@ -40046,6 +40511,7 @@ declare const VResponsive: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            inline: boolean;
             style: vue.StyleValue;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -40068,6 +40534,7 @@ declare const VResponsive: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        inline: boolean;
         style: vue.StyleValue;
     } & {
         height?: string | number | undefined;
@@ -40096,6 +40563,7 @@ declare const VResponsive: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    inline: boolean;
     style: vue.StyleValue;
 } & {
     height?: string | number | undefined;
@@ -40120,6 +40588,7 @@ declare const VResponsive: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    inline: boolean;
     style: vue.StyleValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     height: (StringConstructor | NumberConstructor)[];
@@ -40135,6 +40604,7 @@ declare const VResponsive: {
     };
     aspectRatio: (StringConstructor | NumberConstructor)[];
     contentClass: StringConstructor;
+    inline: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -40149,6 +40619,7 @@ declare const VResponsive: {
     };
     aspectRatio: (StringConstructor | NumberConstructor)[];
     contentClass: StringConstructor;
+    inline: BooleanConstructor;
 }>>;
 type VResponsive = InstanceType<typeof VResponsive>;
 
@@ -40559,7 +41030,7 @@ declare const VSelect: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: PropType<string | string[]>;
@@ -41198,7 +41669,7 @@ declare const VSelect: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             validateOn: PropType<"input" | "blur" | "submit" | undefined>;
             errorMessages: {
                 type: PropType<string | string[]>;
@@ -41986,7 +42457,7 @@ declare const VSelect: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         validateOn: PropType<"input" | "blur" | "submit" | undefined>;
         errorMessages: {
             type: PropType<string | string[]>;
@@ -42619,7 +43090,7 @@ declare const VSelect: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -43417,7 +43888,7 @@ declare const VSelect: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -44039,7 +44510,7 @@ declare const VSelect: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     validateOn: PropType<"input" | "blur" | "submit" | undefined>;
     errorMessages: {
         type: PropType<string | string[]>;
@@ -45246,7 +45717,7 @@ declare const VSlider: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -45333,7 +45804,7 @@ declare const VSlider: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -45456,7 +45927,7 @@ declare const VSlider: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -45533,7 +46004,7 @@ declare const VSlider: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -45608,7 +46079,7 @@ declare const VSlider: {
         default: number;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -45714,7 +46185,7 @@ declare const VSlider: {
         default: number;
     };
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -47494,7 +47965,7 @@ declare const VSwitch: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -47592,7 +48063,7 @@ declare const VSwitch: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -47721,7 +48192,7 @@ declare const VSwitch: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -47809,7 +48280,7 @@ declare const VSwitch: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -47923,7 +48394,7 @@ declare const VSwitch: {
     falseValue: null;
     value: null;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -48001,7 +48472,7 @@ declare const VSwitch: {
     falseValue: null;
     value: null;
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: vue.PropType<string | string[]>;
         default: () => never[];
@@ -49406,7 +49877,7 @@ declare const VTextarea: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -49516,7 +49987,7 @@ declare const VTextarea: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -49600,7 +50071,7 @@ declare const VTextarea: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -49662,7 +50133,7 @@ declare const VTextarea: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -49749,7 +50220,7 @@ declare const VTextarea: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -49883,7 +50354,7 @@ declare const VTextarea: {
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -49967,7 +50438,7 @@ declare const VTextarea: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -50029,7 +50500,7 @@ declare const VTextarea: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -50116,7 +50587,7 @@ declare const VTextarea: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -50200,7 +50671,7 @@ declare const VTextarea: {
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -50284,7 +50755,7 @@ declare const VTextarea: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -50346,7 +50817,7 @@ declare const VTextarea: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -50433,7 +50904,7 @@ declare const VTextarea: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -50536,7 +51007,7 @@ declare const VTextarea: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -50636,7 +51107,7 @@ declare const VTextarea: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -50779,7 +51250,7 @@ declare const VTextField: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -50889,7 +51360,7 @@ declare const VTextField: {
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -50975,7 +51446,7 @@ declare const VTextField: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -51037,7 +51508,7 @@ declare const VTextField: {
                 appendIcon?: IconValue | undefined;
                 'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
                 'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-                'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+                'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
                 validateOn?: "input" | "blur" | "submit" | undefined;
                 validationValue?: any;
                 hint?: string | undefined;
@@ -51124,7 +51595,7 @@ declare const VTextField: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -51211,7 +51682,7 @@ declare const VTextField: {
                 'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
                 id: StringConstructor;
             }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51269,7 +51740,7 @@ declare const VTextField: {
                 'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
                 focused: BooleanConstructor;
-                'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+                'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
                 id: StringConstructor;
             }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51353,7 +51824,7 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51463,7 +51934,7 @@ declare const VTextField: {
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -51549,7 +52020,7 @@ declare const VTextField: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -51611,7 +52082,7 @@ declare const VTextField: {
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
@@ -51698,7 +52169,7 @@ declare const VTextField: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -51785,7 +52256,7 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51843,7 +52314,7 @@ declare const VTextField: {
             'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
             focused: BooleanConstructor;
-            'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+            'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
             id: StringConstructor;
         }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51927,7 +52398,7 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
     }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -51989,7 +52460,7 @@ declare const VTextField: {
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:appendInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prependInner'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -52075,7 +52546,7 @@ declare const VTextField: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -52137,7 +52608,7 @@ declare const VTextField: {
         appendIcon?: IconValue | undefined;
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
@@ -52224,7 +52695,7 @@ declare const VTextField: {
     appendIcon?: IconValue | undefined;
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
@@ -52311,7 +52782,7 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
     }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -52369,7 +52840,7 @@ declare const VTextField: {
         'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
         focused: BooleanConstructor;
-        'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+        'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
         id: StringConstructor;
     }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -52453,7 +52924,7 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     id: StringConstructor;
 }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
@@ -52534,7 +53005,7 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -52627,7 +53098,7 @@ declare const VTextField: {
     'onClick:appendInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     'onClick:prependInner': PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     errorMessages: {
         type: PropType<string | string[]>;
         default: () => never[];
@@ -55357,7 +55828,7 @@ declare const VValidation: {
             name?: string | undefined;
             label?: string | undefined;
             modelValue?: any;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
         } & {
@@ -55397,7 +55868,7 @@ declare const VValidation: {
             name?: string | undefined;
             label?: string | undefined;
             modelValue?: any;
-            'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
         } & {
@@ -55455,7 +55926,7 @@ declare const VValidation: {
         name?: string | undefined;
         label?: string | undefined;
         modelValue?: any;
-        'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
     } & {
@@ -55487,7 +55958,7 @@ declare const VValidation: {
     name?: string | undefined;
     label?: string | undefined;
     modelValue?: any;
-    'onUpdate:focused'?: EventProp<[FocusEvent], (args_0: FocusEvent) => any> | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
 } & {
@@ -55515,7 +55986,7 @@ declare const VValidation: {
     rules: ValidationRule[];
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -55538,7 +56009,7 @@ declare const VValidation: {
     validationValue: null;
 }, vue.ExtractPropTypes<{
     focused: BooleanConstructor;
-    'onUpdate:focused': vue.PropType<EventProp<[FocusEvent], (args_0: FocusEvent) => any>>;
+    'onUpdate:focused': vue.PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {