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

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

@@ -1,8 +1,28 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
+type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+    $children?: (VNodeChild | (T extends {
+        default: infer V;
+    } ? V : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+};
+type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
+    [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
+};
+type GenericProps<Props, Slots extends Record<string, any[]>> = {
+    $props: Props & SlotsToProps<Slots>;
+    $slots: MakeSlots<Slots>;
+};
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
@@ -47,121 +67,109 @@ type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare const VList: {
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+type ListItemSlot = {
+    isActive: boolean;
+    isSelected: boolean;
+    isIndeterminate: boolean;
+    select: (value: boolean) => void;
+};
+type ListItemTitleSlot = {
+    title?: string;
+};
+type ListItemSubtitleSlot = {
+    subtitle?: string;
+};
+type VListItemSlots = {
+    prepend: [ListItemSlot];
+    append: [ListItemSlot];
+    default: [ListItemSlot];
+    title: [ListItemTitleSlot];
+    subtitle: [ListItemSubtitleSlot];
+};
+declare const VListItem: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            replace: boolean;
+            link: boolean;
+            exact: boolean;
+            active: boolean;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            mandatory: boolean;
             rounded: string | number | boolean;
             density: Density;
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            selectStrategy: NonNullable<SelectStrategy>;
-            openStrategy: NonNullable<OpenStrategyProp>;
-            lines: false | "one" | "two" | "three";
-            itemTitle: SelectItemKey;
-            itemValue: SelectItemKey;
-            itemChildren: SelectItemKey;
-            itemProps: SelectItemKey;
-            returnObject: boolean;
-            itemType: string;
-        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            color: StringConstructor;
-            variant: Omit<{
-                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-                default: string;
-                validator: (v: any) => boolean;
-            }, "type" | "default"> & {
-                type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-                default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            };
-            theme: StringConstructor;
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            items: {
-                type: PropType<any[]>;
-                default: () => never[];
-            };
-            itemTitle: {
-                type: PropType<SelectItemKey>;
-                default: string;
-            };
-            itemValue: {
-                type: PropType<SelectItemKey>;
-                default: string;
-            };
-            itemChildren: {
-                type: PropType<SelectItemKey>;
-                default: string;
-            };
-            itemProps: {
-                type: PropType<SelectItemKey>;
-                default: string;
-            };
-            returnObject: BooleanConstructor;
-            itemType: {
-                type: StringConstructor;
-                default: string;
-            };
-            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: PropType<Density>;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            selectStrategy: {
-                type: PropType<NonNullable<SelectStrategy>>;
-                default: NonNullable<SelectStrategy>;
-            };
-            openStrategy: {
-                type: PropType<NonNullable<OpenStrategyProp>>;
-                default: NonNullable<OpenStrategyProp>;
-            };
-            opened: PropType<unknown[]>;
-            selected: PropType<unknown[]>;
-            mandatory: BooleanConstructor;
-            activeColor: StringConstructor;
-            activeClass: StringConstructor;
-            bgColor: StringConstructor;
-            disabled: BooleanConstructor;
-            lines: {
-                type: PropType<false | "one" | "two" | "three">;
-                default: string;
+            ripple: boolean;
+        }> & Omit<{
+            replace: boolean;
+            exact: boolean;
+            nav: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            ripple: boolean;
+        } & {
+            link?: boolean | 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;
+            value?: any;
+            title?: string | number | boolean | undefined;
+            class?: any;
+            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+            activeColor?: string | undefined;
+            subtitle?: string | number | boolean | undefined;
+            lines?: "one" | "two" | "three" | undefined;
+        } & {
+            $children?: vue.VNodeChild | ((args_0: ListItemSlot) => vue.VNodeChild) | {
+                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             };
-            nav: BooleanConstructor;
-        }, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
-            "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
-            "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
-            "onClick:open"?: ((value: {
-                id: unknown;
-                value: boolean;
-                path: unknown[];
-            }) => any) | undefined;
-            "onClick:select"?: ((value: {
-                id: unknown;
-                value: boolean;
-                path: unknown[];
-            }) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "nav" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "variant" | "selectStrategy" | "openStrategy" | "lines" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "itemType">;
+            'v-slots'?: {
+                prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "style" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -173,34 +181,571 @@ declare const VList: {
         }>;
         $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: "click:open", value: {
-            id: unknown;
-            value: boolean;
-            path: unknown[];
-        }) => void) & ((event: "click:select", value: {
-            id: unknown;
-            value: boolean;
-            path: unknown[];
-        }) => void) & ((event: "update:selected", val: unknown[]) => void) & ((event: "update:opened", val: unknown[]) => void);
+        $emit: (event: "click", e: MouseEvent | KeyboardEvent) => void;
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            color: StringConstructor;
-            variant: Omit<{
-                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-                default: string;
-                validator: (v: any) => boolean;
-            }, "type" | "default"> & {
-                type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-                default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            };
-            theme: StringConstructor;
-            tag: {
-                type: StringConstructor;
-                default: string;
+        $options: vue.ComponentOptionsBase<{
+            replace: boolean;
+            exact: boolean;
+            nav: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            ripple: boolean;
+        } & {
+            link?: boolean | 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;
+            value?: any;
+            title?: string | number | boolean | undefined;
+            class?: any;
+            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+            activeColor?: string | undefined;
+            subtitle?: string | number | boolean | undefined;
+            lines?: "one" | "two" | "three" | undefined;
+        } & {
+            $children?: vue.VNodeChild | ((args_0: ListItemSlot) => vue.VNodeChild) | {
+                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
             };
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
+            'v-slots'?: {
+                prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            click: (e: MouseEvent | KeyboardEvent) => true;
+        }, string, {
+            replace: boolean;
+            link: boolean;
+            exact: boolean;
+            active: boolean;
+            nav: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            ripple: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        replace: boolean;
+        exact: boolean;
+        nav: boolean;
+        style: vue.StyleValue;
+        disabled: boolean;
+        tag: string;
+        density: Density;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        ripple: boolean;
+    } & {
+        link?: boolean | 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;
+        value?: any;
+        title?: string | number | boolean | undefined;
+        class?: any;
+        onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
+        activeClass?: string | undefined;
+        appendAvatar?: string | undefined;
+        prependAvatar?: string | undefined;
+        activeColor?: string | undefined;
+        subtitle?: string | number | boolean | undefined;
+        lines?: "one" | "two" | "three" | undefined;
+    } & {
+        $children?: vue.VNodeChild | ((args_0: ListItemSlot) => vue.VNodeChild) | {
+            prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } & {
+        onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    replace: boolean;
+    exact: boolean;
+    nav: boolean;
+    style: vue.StyleValue;
+    disabled: boolean;
+    tag: string;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    ripple: boolean;
+} & {
+    link?: boolean | 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;
+    value?: any;
+    title?: string | number | boolean | undefined;
+    class?: any;
+    onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
+    activeClass?: string | undefined;
+    appendAvatar?: string | undefined;
+    prependAvatar?: string | undefined;
+    activeColor?: string | undefined;
+    subtitle?: string | number | boolean | undefined;
+    lines?: "one" | "two" | "three" | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: ListItemSlot) => vue.VNodeChild) | {
+        prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+    "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+} & {
+    onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    click: (e: MouseEvent | KeyboardEvent) => true;
+}, string, {
+    replace: boolean;
+    link: boolean;
+    exact: boolean;
+    active: boolean;
+    nav: boolean;
+    style: vue.StyleValue;
+    disabled: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    ripple: boolean;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    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: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    activeClass: StringConstructor;
+    activeColor: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
+    disabled: BooleanConstructor;
+    lines: PropType<"one" | "two" | "three">;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    nav: BooleanConstructor;
+    prependAvatar: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    value: null;
+    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+}, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    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: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    activeClass: StringConstructor;
+    activeColor: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
+    disabled: BooleanConstructor;
+    lines: PropType<"one" | "two" | "three">;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    nav: BooleanConstructor;
+    prependAvatar: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    value: null;
+    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+}>>;
+type VListItem = InstanceType<typeof VListItem>;
+
+type VListChildrenSlots<T> = {
+    [K in keyof VListItemSlots]: VListItemSlots[K] & [{
+        item: T;
+    }];
+} & {
+    item: [T];
+    divider: [{
+        props: T;
+    }];
+    subheader: [{
+        props: T;
+    }];
+};
+
+declare const VList: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            nav: boolean;
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            mandatory: boolean;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            selectStrategy: NonNullable<SelectStrategy>;
+            openStrategy: NonNullable<OpenStrategyProp>;
+            lines: false | "one" | "two" | "three";
+            itemTitle: SelectItemKey;
+            itemValue: SelectItemKey;
+            itemChildren: SelectItemKey;
+            itemProps: SelectItemKey;
+            returnObject: boolean;
+            itemType: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            color: StringConstructor;
+            variant: Omit<{
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: string;
+                validator: (v: any) => boolean;
+            }, "type" | "default"> & {
+                type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+                default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            };
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            items: {
+                type: PropType<any[]>;
+                default: () => never[];
+            };
+            itemTitle: {
+                type: PropType<SelectItemKey>;
+                default: string;
+            };
+            itemValue: {
+                type: PropType<SelectItemKey>;
+                default: string;
+            };
+            itemChildren: {
+                type: PropType<SelectItemKey>;
+                default: string;
+            };
+            itemProps: {
+                type: PropType<SelectItemKey>;
+                default: string;
+            };
+            returnObject: BooleanConstructor;
+            itemType: {
+                type: StringConstructor;
+                default: string;
+            };
+            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: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            class: PropType<any>;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            selectStrategy: {
+                type: PropType<NonNullable<SelectStrategy>>;
+                default: NonNullable<SelectStrategy>;
+            };
+            openStrategy: {
+                type: PropType<NonNullable<OpenStrategyProp>>;
+                default: NonNullable<OpenStrategyProp>;
+            };
+            opened: PropType<unknown[]>;
+            selected: PropType<unknown[]>;
+            mandatory: BooleanConstructor;
+            baseColor: StringConstructor;
+            activeColor: StringConstructor;
+            activeClass: StringConstructor;
+            bgColor: StringConstructor;
+            disabled: BooleanConstructor;
+            lines: {
+                type: PropType<false | "one" | "two" | "three">;
+                default: string;
+            };
+            nav: BooleanConstructor;
+        }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">>> & {
+            "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
+            "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
+            "onClick:open"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+            "onClick:select"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "variant" | "selectStrategy" | "openStrategy" | "lines" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "itemType">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "click:open", value: {
+            id: unknown;
+            value: boolean;
+            path: unknown[];
+        }) => void) & ((event: "click:select", value: {
+            id: unknown;
+            value: boolean;
+            path: unknown[];
+        }) => void) & ((event: "update:selected", val: unknown[]) => void) & ((event: "update:opened", val: unknown[]) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            color: StringConstructor;
+            variant: Omit<{
+                type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+                default: string;
+                validator: (v: any) => boolean;
+            }, "type" | "default"> & {
+                type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+                default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            };
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
             };
             items: {
                 type: PropType<any[]>;
@@ -242,6 +787,11 @@ declare const VList: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            class: PropType<any>;
+            style: {
+                type: PropType<vue.StyleValue>;
+                default: null;
+            };
             border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             selectStrategy: {
                 type: PropType<NonNullable<SelectStrategy>>;
@@ -254,6 +804,7 @@ declare const VList: {
             opened: PropType<unknown[]>;
             selected: PropType<unknown[]>;
             mandatory: BooleanConstructor;
+            baseColor: StringConstructor;
             activeColor: StringConstructor;
             activeClass: StringConstructor;
             bgColor: StringConstructor;
@@ -263,7 +814,7 @@ declare const VList: {
                 default: string;
             };
             nav: BooleanConstructor;
-        }, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
+        }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">>> & {
             "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
             "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
@@ -293,8 +844,9 @@ declare const VList: {
                 value: boolean;
                 path: unknown[];
             }) => boolean;
-        }, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">, string, {
+        }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">, string, {
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mandatory: boolean;
@@ -389,6 +941,11 @@ declare const VList: {
             default: string;
             validator: (v: any) => boolean;
         };
+        class: PropType<any>;
+        style: {
+            type: PropType<vue.StyleValue>;
+            default: null;
+        };
         border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         selectStrategy: {
             type: PropType<NonNullable<SelectStrategy>>;
@@ -401,6 +958,7 @@ declare const VList: {
         opened: PropType<unknown[]>;
         selected: PropType<unknown[]>;
         mandatory: BooleanConstructor;
+        baseColor: StringConstructor;
         activeColor: StringConstructor;
         activeClass: StringConstructor;
         bgColor: StringConstructor;
@@ -410,7 +968,7 @@ declare const VList: {
             default: string;
         };
         nav: BooleanConstructor;
-    }, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
+    }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">>> & {
         "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
         "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
         "onClick:open"?: ((value: {
@@ -490,6 +1048,11 @@ declare const VList: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     selectStrategy: {
         type: PropType<NonNullable<SelectStrategy>>;
@@ -502,6 +1065,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -511,7 +1075,7 @@ declare const VList: {
         default: string;
     };
     nav: BooleanConstructor;
-}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
+}, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">>> & {
     "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
     "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
     "onClick:open"?: ((value: {
@@ -541,8 +1105,9 @@ declare const VList: {
         value: boolean;
         path: unknown[];
     }) => boolean;
-}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">, string, {
+}, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:divider" | "v-slot:subheader">, string, {
     nav: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mandatory: boolean;
@@ -558,39 +1123,11 @@ declare const VList: {
     itemProps: SelectItemKey;
     returnObject: boolean;
     itemType: string;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>() => {
-    $props: {
-        items?: T_1[] | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            subheader?: (() => vue.VNodeChild) | undefined;
-            header?: ((args_0: {
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            item?: ((args_0: T_1) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            subheader?: (() => vue.VNodeChild) | undefined;
-            header?: ((args_0: {
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            item?: ((args_0: T_1) => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            subheader?: false | (() => vue.VNodeChild) | undefined;
-            header?: false | ((args_0: {
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-            item?: false | ((args_0: T_1) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:subheader"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:header"?: false | ((args_0: {
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((args_0: T_1) => vue.VNodeChild) | undefined;
-    };
-}) & FilterPropsOptions<{
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>(props: {
+    items?: T_1[] | undefined;
+}) => GenericProps<{
+    items?: T_1[] | undefined;
+}, VListChildrenSlots<T_1>>) & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -649,6 +1186,11 @@ declare const VList: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     selectStrategy: {
         type: PropType<NonNullable<SelectStrategy>>;
@@ -661,6 +1203,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -729,6 +1272,11 @@ declare const VList: {
         default: string;
         validator: (v: any) => boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     selectStrategy: {
         type: PropType<NonNullable<SelectStrategy>>;
@@ -741,6 +1289,7 @@ declare const VList: {
     opened: PropType<unknown[]>;
     selected: PropType<unknown[]>;
     mandatory: BooleanConstructor;
+    baseColor: StringConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
     bgColor: StringConstructor;
@@ -753,20 +1302,19 @@ declare const VList: {
 }>>;
 type VList = InstanceType<typeof VList>;
 
-type IconValue = string | JSXComponent;
-declare const IconValue: PropType<IconValue>;
-
 declare const VListGroup: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
             subgroup: boolean;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             fluid: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
             subgroup: boolean;
             collapseIcon: IconValue;
@@ -776,24 +1324,19 @@ declare const VListGroup: {
             color?: string | undefined;
             value?: any;
             title?: string | undefined;
+            class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 activator?: ((args_0: {
                     isOpen: boolean;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isOpen: boolean;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 activator?: false | ((args_0: {
@@ -807,7 +1350,7 @@ declare const VListGroup: {
                 isOpen: boolean;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "subgroup" | "collapseIcon" | "expandIcon" | "fluid">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag" | "subgroup" | "collapseIcon" | "expandIcon" | "fluid">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -822,6 +1365,7 @@ declare const VListGroup: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
             subgroup: boolean;
             collapseIcon: IconValue;
@@ -831,24 +1375,19 @@ declare const VListGroup: {
             color?: string | undefined;
             value?: any;
             title?: string | undefined;
+            class?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
+            baseColor?: string | undefined;
             activeColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 activator?: ((args_0: {
                     isOpen: boolean;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isOpen: boolean;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 activator?: false | ((args_0: {
@@ -863,6 +1402,7 @@ declare const VListGroup: {
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
             subgroup: boolean;
             collapseIcon: IconValue;
@@ -889,6 +1429,7 @@ declare const VListGroup: {
         $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;
     } & {
+        style: vue.StyleValue;
         tag: string;
         subgroup: boolean;
         collapseIcon: IconValue;
@@ -898,24 +1439,19 @@ declare const VListGroup: {
         color?: string | undefined;
         value?: any;
         title?: string | undefined;
+        class?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        baseColor?: string | undefined;
         activeColor?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             activator?: ((args_0: {
                 isOpen: boolean;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            activator?: ((args_0: {
-                isOpen: boolean;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             activator?: false | ((args_0: {
@@ -934,6 +1470,7 @@ declare const VListGroup: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
     subgroup: boolean;
     collapseIcon: IconValue;
@@ -943,24 +1480,19 @@ declare const VListGroup: {
     color?: string | undefined;
     value?: any;
     title?: string | undefined;
+    class?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    baseColor?: string | undefined;
     activeColor?: string | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         activator?: ((args_0: {
             isOpen: boolean;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        activator?: ((args_0: {
-            isOpen: boolean;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         activator?: false | ((args_0: {
@@ -975,6 +1507,7 @@ declare const VListGroup: {
         props: Record<string, unknown>;
     }) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
     subgroup: boolean;
     collapseIcon: IconValue;
@@ -985,7 +1518,13 @@ declare const VListGroup: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     activeColor: StringConstructor;
+    baseColor: StringConstructor;
     color: StringConstructor;
     collapseIcon: {
         type: vue.PropType<IconValue>;
@@ -1006,7 +1545,13 @@ declare const VListGroup: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     activeColor: StringConstructor;
+    baseColor: StringConstructor;
     color: StringConstructor;
     collapseIcon: {
         type: vue.PropType<IconValue>;
@@ -1022,228 +1567,31 @@ declare const VListGroup: {
     subgroup: BooleanConstructor;
     value: null;
     title: StringConstructor;
-}>>;
-type VListGroup = InstanceType<typeof VListGroup>;
-
-declare const VListImg: {
-    new (...args: any[]): {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            tag: string;
-        }> & Omit<{
-            tag: string;
-        } & {} & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
-            'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
-        }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<{
-            tag: string;
-        } & {} & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
-            'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-            tag: string;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {
-        tag: string;
-    } & {} & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>> & {} & vue.ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{
-    tag: string;
-} & {} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    tag: string;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}, vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>;
-type VListImg = InstanceType<typeof VListImg>;
-
-type ListItemSlot = {
-    isActive: boolean;
-    activate: (value: boolean) => void;
-    isSelected: boolean;
-    select: (value: boolean) => void;
-};
-type ListItemTitleSlot = {
-    title?: string;
-};
-type ListItemSubtitleSlot = {
-    subtitle?: string;
-};
-declare const VListItem: {
+}>>;
+type VListGroup = InstanceType<typeof VListGroup>;
+
+declare const VListImg: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            replace: boolean;
-            link: boolean;
-            exact: boolean;
-            active: boolean;
-            nav: boolean;
-            disabled: boolean;
+            style: vue.StyleValue;
             tag: string;
-            rounded: string | number | boolean;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
         }> & Omit<{
-            replace: boolean;
-            exact: boolean;
-            nav: boolean;
-            disabled: boolean;
+            style: vue.StyleValue;
             tag: string;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
         } & {
-            link?: boolean | 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;
-            value?: any;
-            title?: string | number | boolean | undefined;
-            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            href?: string | undefined;
-            elevation?: string | number | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
-            theme?: string | undefined;
-            rounded?: string | number | boolean | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            activeClass?: string | undefined;
-            appendAvatar?: string | undefined;
-            prependAvatar?: string | undefined;
-            activeColor?: string | undefined;
-            subtitle?: string | number | boolean | undefined;
-            lines?: "one" | "two" | "three" | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
-                prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-            "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-        } & {
-            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple">;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1255,89 +1603,27 @@ declare const VListItem: {
         }>;
         $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: "click", e: MouseEvent | KeyboardEvent) => void;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            replace: boolean;
-            exact: boolean;
-            nav: boolean;
-            disabled: boolean;
+            style: vue.StyleValue;
             tag: string;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
         } & {
-            link?: boolean | 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;
-            value?: any;
-            title?: string | number | boolean | undefined;
-            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            href?: string | undefined;
-            elevation?: string | number | undefined;
-            to?: vue_router.RouteLocationRaw | undefined;
-            theme?: string | undefined;
-            rounded?: string | number | boolean | undefined;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            activeClass?: string | undefined;
-            appendAvatar?: string | undefined;
-            prependAvatar?: string | undefined;
-            activeColor?: string | undefined;
-            subtitle?: string | number | boolean | undefined;
-            lines?: "one" | "two" | "three" | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
-                prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-                title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-                subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-            "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-        } & {
-            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            click: (e: MouseEvent | KeyboardEvent) => true;
-        }, string, {
-            replace: boolean;
-            link: boolean;
-            exact: boolean;
-            active: boolean;
-            nav: boolean;
-            disabled: boolean;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
-            rounded: string | number | boolean;
-            density: Density;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            ripple: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1359,289 +1645,66 @@ declare const VListItem: {
         $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;
     } & {
-        replace: boolean;
-        exact: boolean;
-        nav: boolean;
-        disabled: boolean;
+        style: vue.StyleValue;
         tag: string;
-        density: Density;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        ripple: boolean;
     } & {
-        link?: boolean | 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;
-        value?: any;
-        title?: string | number | boolean | undefined;
-        onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-        href?: string | undefined;
-        elevation?: string | number | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
-        theme?: string | undefined;
-        rounded?: string | number | boolean | undefined;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        activeClass?: string | undefined;
-        appendAvatar?: string | undefined;
-        prependAvatar?: string | undefined;
-        activeColor?: string | undefined;
-        subtitle?: string | number | boolean | undefined;
-        lines?: "one" | "two" | "three" | undefined;
+        class?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-            subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-            subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
-            prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-            title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-            subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
-    } & {
-        "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-        "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-    } & {
-        onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{
-    replace: boolean;
-    exact: boolean;
-    nav: boolean;
-    disabled: boolean;
-    tag: string;
-    density: Density;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
-} & {
-    link?: boolean | 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;
-    value?: any;
-    title?: string | number | boolean | undefined;
-    onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    onClickOnce?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-    href?: string | undefined;
-    elevation?: string | number | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
-    theme?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-    prependIcon?: IconValue | undefined;
-    appendIcon?: IconValue | undefined;
-    activeClass?: string | undefined;
-    appendAvatar?: string | undefined;
-    prependAvatar?: string | undefined;
-    activeColor?: string | undefined;
-    subtitle?: string | number | boolean | undefined;
-    lines?: "one" | "two" | "three" | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
+    tag: string;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-        subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    class?: any;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-        subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
-        prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-        title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-        subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-    "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
-    "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
-    "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-} & {
-    onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    click: (e: MouseEvent | KeyboardEvent) => true;
-}, string, {
-    replace: boolean;
-    link: boolean;
-    exact: boolean;
-    active: boolean;
-    nav: boolean;
-    disabled: boolean;
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
-    rounded: string | number | boolean;
-    density: Density;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    ripple: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
     };
-    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
     };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    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: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activeClass: StringConstructor;
-    activeColor: StringConstructor;
-    appendAvatar: StringConstructor;
-    appendIcon: PropType<IconValue>;
-    disabled: BooleanConstructor;
-    lines: PropType<"one" | "two" | "three">;
-    link: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    nav: BooleanConstructor;
-    prependAvatar: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    value: null;
-    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }, vue.ExtractPropTypes<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
     };
-    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
     };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    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: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activeClass: StringConstructor;
-    activeColor: StringConstructor;
-    appendAvatar: StringConstructor;
-    appendIcon: PropType<IconValue>;
-    disabled: BooleanConstructor;
-    lines: PropType<"one" | "two" | "three">;
-    link: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    nav: BooleanConstructor;
-    prependAvatar: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    value: null;
-    onClick: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
-    onClickOnce: PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }>>;
-type VListItem = InstanceType<typeof VListItem>;
+type VListImg = InstanceType<typeof VListImg>;
 
 declare const VListItemAction: {
     new (...args: any[]): {
@@ -1650,24 +1713,25 @@ declare const VListItemAction: {
         $props: Partial<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1684,14 +1748,14 @@ declare const VListItemAction: {
         $options: vue.ComponentOptionsBase<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1700,6 +1764,7 @@ declare const VListItemAction: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1724,14 +1789,14 @@ declare const VListItemAction: {
     } & {
         end: boolean;
         start: boolean;
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -1744,14 +1809,14 @@ declare const VListItemAction: {
 } & vue.ComponentOptionsBase<{
     end: boolean;
     start: boolean;
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -1760,12 +1825,18 @@ declare const VListItemAction: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     end: boolean;
     start: boolean;
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     start: BooleanConstructor;
     end: BooleanConstructor;
 }, vue.ExtractPropTypes<{
@@ -1773,6 +1844,11 @@ declare const VListItemAction: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     start: BooleanConstructor;
     end: BooleanConstructor;
 }>>;
@@ -1785,24 +1861,25 @@ declare const VListItemMedia: {
         $props: Partial<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1819,14 +1896,14 @@ declare const VListItemMedia: {
         $options: vue.ComponentOptionsBase<{
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1835,6 +1912,7 @@ declare const VListItemMedia: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             end: boolean;
             start: boolean;
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1859,14 +1937,14 @@ declare const VListItemMedia: {
     } & {
         end: boolean;
         start: boolean;
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -1879,14 +1957,14 @@ declare const VListItemMedia: {
 } & vue.ComponentOptionsBase<{
     end: boolean;
     start: boolean;
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -1895,12 +1973,18 @@ declare const VListItemMedia: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     end: boolean;
     start: boolean;
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     start: BooleanConstructor;
     end: BooleanConstructor;
 }, vue.ExtractPropTypes<{
@@ -1908,6 +1992,11 @@ declare const VListItemMedia: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     start: BooleanConstructor;
     end: BooleanConstructor;
 }>>;
@@ -1918,22 +2007,23 @@ declare const VListItemSubtitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1948,14 +2038,14 @@ declare const VListItemSubtitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -1964,6 +2054,7 @@ declare const VListItemSubtitle: {
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1986,14 +2077,14 @@ declare const VListItemSubtitle: {
         $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;
     } & {
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -2006,14 +2097,14 @@ declare const VListItemSubtitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -2022,13 +2113,24 @@ declare const VListItemSubtitle: {
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
@@ -2041,22 +2143,23 @@ declare const VListItemTitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2071,14 +2174,14 @@ declare const VListItemTitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -2087,6 +2190,7 @@ declare const VListItemTitle: {
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -2109,14 +2213,14 @@ declare const VListItemTitle: {
         $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;
     } & {
+        style: vue.StyleValue;
         tag: string;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -2129,14 +2233,14 @@ declare const VListItemTitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -2145,13 +2249,24 @@ declare const VListItemTitle: {
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     tag: {
         type: StringConstructor;
         default: string;
@@ -2165,28 +2280,28 @@ declare const VListSubheader: {
         $data: {};
         $props: Partial<{
             inset: boolean;
+            style: vue.StyleValue;
             tag: string;
             sticky: boolean;
         }> & Omit<{
             inset: boolean;
+            style: vue.StyleValue;
             tag: string;
             sticky: boolean;
         } & {
             color?: string | undefined;
             title?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inset" | "tag" | "sticky">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inset" | "style" | "tag" | "sticky">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2202,18 +2317,17 @@ declare const VListSubheader: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             inset: boolean;
+            style: vue.StyleValue;
             tag: string;
             sticky: boolean;
         } & {
             color?: string | undefined;
             title?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -2221,6 +2335,7 @@ declare const VListSubheader: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             inset: boolean;
+            style: vue.StyleValue;
             tag: string;
             sticky: boolean;
         }, {}, string> & {
@@ -2245,18 +2360,17 @@ declare const VListSubheader: {
         $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;
     } & {
         inset: boolean;
+        style: vue.StyleValue;
         tag: string;
         sticky: boolean;
     } & {
         color?: string | undefined;
         title?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -2268,18 +2382,17 @@ declare const VListSubheader: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     inset: boolean;
+    style: vue.StyleValue;
     tag: string;
     sticky: boolean;
 } & {
     color?: string | undefined;
     title?: string | undefined;
+    class?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -2287,6 +2400,7 @@ declare const VListSubheader: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     inset: boolean;
+    style: vue.StyleValue;
     tag: string;
     sticky: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -2294,6 +2408,11 @@ declare const VListSubheader: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     inset: BooleanConstructor;
     sticky: BooleanConstructor;
@@ -2303,6 +2422,11 @@ declare const VListSubheader: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     inset: BooleanConstructor;
     sticky: BooleanConstructor;