@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

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

@@ -2,14 +2,16 @@ import * as vue from 'vue';
 import { VNodeChild, JSXComponent, PropType, ExtractPropTypes } from 'vue';
 import * as vue_router from 'vue-router';
 
-declare type SlotsToProps<T extends Record<string, Slot>> = {
-    $children: () => (T['default'] | VNodeChild | {
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
         [K in keyof T]?: T[K];
     });
-    'v-slots': new () => {
+    'v-slots'?: {
         [K in keyof T]?: T[K] | false;
     };
-};
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
 declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 declare type MakeSlots<T extends Record<string, any[]>> = {
     [K in keyof T]?: Slot<T[K]>;
@@ -18,31 +20,31 @@ declare type MakeSlots<T extends Record<string, any[]>> = {
 declare type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 
 declare type SelectStrategyFn = (data: {
-    id: string;
+    id: unknown;
     value: boolean;
-    selected: Map<string, 'on' | 'off' | 'indeterminate'>;
-    children: Map<string, string[]>;
-    parents: Map<string, string>;
+    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
     event?: Event;
-}) => Map<string, 'on' | 'off' | 'indeterminate'>;
+}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
 
 declare type OpenStrategyFn = (data: {
-    id: string;
+    id: unknown;
     value: boolean;
-    opened: Set<string>;
-    children: Map<string, string[]>;
-    parents: Map<string, string>;
+    opened: Set<unknown>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
     event?: Event;
-}) => Set<string>;
+}) => Set<unknown>;
 declare type OpenSelectStrategyFn = (data: {
-    id: string;
+    id: unknown;
     value: boolean;
-    opened: Set<string>;
-    selected: Map<string, 'on' | 'off' | 'indeterminate'>;
-    children: Map<string, string[]>;
-    parents: Map<string, string>;
+    opened: Set<unknown>;
+    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
     event?: Event;
-}) => Set<string> | null;
+}) => Set<unknown> | null;
 declare type OpenStrategy = {
     open: OpenStrategyFn;
     select: OpenSelectStrategyFn;
@@ -51,6 +53,8 @@ declare type OpenStrategy = {
 declare type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategyFn;
 declare type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 interface InternalItem<T = any> {
     title: string;
     value: any;
@@ -59,7 +63,7 @@ interface InternalItem<T = any> {
         title: string;
         value: any;
     };
-    children?: InternalItem[];
+    children?: InternalItem<T>[];
     raw: T;
 }
 
@@ -103,10 +107,7 @@ declare const VListGroup: {
             subgroup: BooleanConstructor;
             value: null;
             title: StringConstructor;
-        }, "items"> & SlotsToProps<MakeSlots<{
-            activator: [ListGroupActivatorSlot];
-            default: [];
-        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "subgroup" | "collapseIcon" | "expandIcon" | "fluid">;
+        }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "subgroup" | "collapseIcon" | "expandIcon" | "fluid">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -141,10 +142,7 @@ declare const VListGroup: {
             subgroup: BooleanConstructor;
             value: null;
             title: StringConstructor;
-        }, "items"> & SlotsToProps<MakeSlots<{
-            activator: [ListGroupActivatorSlot];
-            default: [];
-        }>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "items">, string, {
+        }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
             tag: string;
             subgroup: boolean;
             collapseIcon: IconValue;
@@ -191,10 +189,7 @@ declare const VListGroup: {
         subgroup: BooleanConstructor;
         value: null;
         title: StringConstructor;
-    }, "items"> & SlotsToProps<MakeSlots<{
-        activator: [ListGroupActivatorSlot];
-        default: [];
-    }>>>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -219,10 +214,7 @@ declare const VListGroup: {
     subgroup: BooleanConstructor;
     value: null;
     title: StringConstructor;
-}, "items"> & SlotsToProps<MakeSlots<{
-    activator: [ListGroupActivatorSlot];
-    default: [];
-}>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "items">, string, {
+}, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
     tag: string;
     subgroup: boolean;
     collapseIcon: IconValue;
@@ -231,12 +223,21 @@ declare const VListGroup: {
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends InternalListItem>() => {
     $props: {
         items?: T[] | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            activator?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            activator?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:activator"?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     };
-    $slots: MakeSlots<{
-        activator: [ListGroupActivatorSlot];
-        default: [];
-    }>;
 });
+declare type VListGroup = InstanceType<typeof VListGroup>;
 
 interface InternalListItem extends InternalItem {
     type?: 'item' | 'subheader' | 'divider';
@@ -251,7 +252,7 @@ declare const VList: {
             tag: string;
             mandatory: boolean;
             rounded: string | number | boolean;
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
             openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
@@ -317,7 +318,7 @@ declare const VList: {
             minWidth: (StringConstructor | NumberConstructor)[];
             width: (StringConstructor | NumberConstructor)[];
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -330,8 +331,8 @@ declare const VList: {
                 type: PropType<OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {})>;
                 default: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
             };
-            opened: vue.Prop<string[], string[]>;
-            selected: vue.Prop<string[], string[]>;
+            opened: vue.Prop<unknown[], unknown[]>;
+            selected: vue.Prop<unknown[], unknown[]>;
             mandatory: BooleanConstructor;
             activeColor: StringConstructor;
             activeClass: StringConstructor;
@@ -342,22 +343,18 @@ declare const VList: {
                 default: string;
             };
             nav: BooleanConstructor;
-        }, "items"> & SlotsToProps<MakeSlots<{
-            subheader: [];
-            header: [ListGroupActivatorSlot];
-            item: [unknown];
-        }>>>> & {
-            "onUpdate:selected"?: ((val: string[]) => any) | undefined;
-            "onUpdate:opened"?: ((val: string[]) => any) | undefined;
+        }, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">>> & {
+            "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
+            "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                path: unknown[];
             }) => any) | undefined;
             "onClick:select"?: ((value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                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">;
         $attrs: {
@@ -372,14 +369,14 @@ declare const VList: {
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: ((event: "click:open", value: {
-            id: string;
+            id: unknown;
             value: boolean;
-            path: string[];
+            path: unknown[];
         }) => void) & ((event: "click:select", value: {
-            id: string;
+            id: unknown;
             value: boolean;
-            path: string[];
-        }) => void) & ((event: "update:selected", val: string[]) => void) & ((event: "update:opened", val: string[]) => void);
+            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;
@@ -436,7 +433,7 @@ declare const VList: {
             minWidth: (StringConstructor | NumberConstructor)[];
             width: (StringConstructor | NumberConstructor)[];
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -449,8 +446,8 @@ declare const VList: {
                 type: PropType<OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {})>;
                 default: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
             };
-            opened: vue.Prop<string[], string[]>;
-            selected: vue.Prop<string[], string[]>;
+            opened: vue.Prop<unknown[], unknown[]>;
+            selected: vue.Prop<unknown[], unknown[]>;
             mandatory: BooleanConstructor;
             activeColor: StringConstructor;
             activeClass: StringConstructor;
@@ -461,46 +458,42 @@ declare const VList: {
                 default: string;
             };
             nav: BooleanConstructor;
-        }, "items"> & SlotsToProps<MakeSlots<{
-            subheader: [];
-            header: [ListGroupActivatorSlot];
-            item: [unknown];
-        }>>>> & {
-            "onUpdate:selected"?: ((val: string[]) => any) | undefined;
-            "onUpdate:opened"?: ((val: string[]) => any) | undefined;
+        }, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">>> & {
+            "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
+            "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                path: unknown[];
             }) => any) | undefined;
             "onClick:select"?: ((value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                path: unknown[];
             }) => any) | undefined;
         }, {
-            open: (id: string, value: boolean, event?: Event | undefined) => void;
-            select: (id: string, value: boolean, event?: Event | undefined) => void;
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-            'update:selected': (val: string[]) => boolean;
-            'update:opened': (val: string[]) => boolean;
+            'update:selected': (val: unknown[]) => boolean;
+            'update:opened': (val: unknown[]) => boolean;
             'click:open': (value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                path: unknown[];
             }) => boolean;
             'click:select': (value: {
-                id: string;
+                id: unknown;
                 value: boolean;
-                path: string[];
+                path: unknown[];
             }) => boolean;
-        }, "items">, string, {
+        }, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">, string, {
             nav: boolean;
             disabled: boolean;
             tag: string;
             mandatory: boolean;
             rounded: string | number | boolean;
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
             openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
@@ -586,7 +579,7 @@ declare const VList: {
         minWidth: (StringConstructor | NumberConstructor)[];
         width: (StringConstructor | NumberConstructor)[];
         density: {
-            type: PropType<"default" | "compact" | "comfortable" | null>;
+            type: PropType<Density>;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -599,8 +592,8 @@ declare const VList: {
             type: PropType<OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {})>;
             default: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
         };
-        opened: vue.Prop<string[], string[]>;
-        selected: vue.Prop<string[], string[]>;
+        opened: vue.Prop<unknown[], unknown[]>;
+        selected: vue.Prop<unknown[], unknown[]>;
         mandatory: BooleanConstructor;
         activeColor: StringConstructor;
         activeClass: StringConstructor;
@@ -611,26 +604,22 @@ declare const VList: {
             default: string;
         };
         nav: BooleanConstructor;
-    }, "items"> & SlotsToProps<MakeSlots<{
-        subheader: [];
-        header: [ListGroupActivatorSlot];
-        item: [unknown];
-    }>>>> & {
-        "onUpdate:selected"?: ((val: string[]) => any) | undefined;
-        "onUpdate:opened"?: ((val: string[]) => any) | undefined;
+    }, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">>> & {
+        "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
+        "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
         "onClick:open"?: ((value: {
-            id: string;
+            id: unknown;
             value: boolean;
-            path: string[];
+            path: unknown[];
         }) => any) | undefined;
         "onClick:select"?: ((value: {
-            id: string;
+            id: unknown;
             value: boolean;
-            path: string[];
+            path: unknown[];
         }) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
-        open: (id: string, value: boolean, event?: Event | undefined) => void;
-        select: (id: string, value: boolean, event?: Event | undefined) => void;
+        open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+        select: (id: unknown, value: boolean, event?: Event | undefined) => void;
     }> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -690,7 +679,7 @@ declare const VList: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -703,8 +692,8 @@ declare const VList: {
         type: PropType<OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {})>;
         default: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
     };
-    opened: vue.Prop<string[], string[]>;
-    selected: vue.Prop<string[], string[]>;
+    opened: vue.Prop<unknown[], unknown[]>;
+    selected: vue.Prop<unknown[], unknown[]>;
     mandatory: BooleanConstructor;
     activeColor: StringConstructor;
     activeClass: StringConstructor;
@@ -715,46 +704,42 @@ declare const VList: {
         default: string;
     };
     nav: BooleanConstructor;
-}, "items"> & SlotsToProps<MakeSlots<{
-    subheader: [];
-    header: [ListGroupActivatorSlot];
-    item: [unknown];
-}>>>> & {
-    "onUpdate:selected"?: ((val: string[]) => any) | undefined;
-    "onUpdate:opened"?: ((val: string[]) => any) | undefined;
+}, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">>> & {
+    "onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
+    "onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
     "onClick:open"?: ((value: {
-        id: string;
+        id: unknown;
         value: boolean;
-        path: string[];
+        path: unknown[];
     }) => any) | undefined;
     "onClick:select"?: ((value: {
-        id: string;
+        id: unknown;
         value: boolean;
-        path: string[];
+        path: unknown[];
     }) => any) | undefined;
 }, {
-    open: (id: string, value: boolean, event?: Event | undefined) => void;
-    select: (id: string, value: boolean, event?: Event | undefined) => void;
+    open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+    select: (id: unknown, value: boolean, event?: Event | undefined) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:selected': (val: string[]) => boolean;
-    'update:opened': (val: string[]) => boolean;
+    'update:selected': (val: unknown[]) => boolean;
+    'update:opened': (val: unknown[]) => boolean;
     'click:open': (value: {
-        id: string;
+        id: unknown;
         value: boolean;
-        path: string[];
+        path: unknown[];
     }) => boolean;
     'click:select': (value: {
-        id: string;
+        id: unknown;
         value: boolean;
-        path: string[];
+        path: unknown[];
     }) => boolean;
-}, "items">, string, {
+}, "$children" | "items" | "v-slots" | "v-slot:header" | "v-slot:item" | "v-slot:subheader">, string, {
     nav: boolean;
     disabled: boolean;
     tag: string;
     mandatory: boolean;
     rounded: string | number | boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     selectStrategy: SelectStrategy | ("classic" & {}) | ("single-leaf" & {}) | ("leaf" & {}) | ("independent" & {}) | ("single-independent" & {});
     openStrategy: OpenStrategyProp | ("multiple" & {}) | ("single" & {}) | ("list" & {});
@@ -768,12 +753,22 @@ declare const VList: {
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
     $props: {
         items?: T[] | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            subheader?: (() => vue.VNodeChild) | undefined;
+            header?: ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+            item?: ((args_0: T) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            subheader?: false | (() => vue.VNodeChild) | undefined;
+            header?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+            item?: false | ((args_0: T) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:subheader"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:header"?: false | ((args_0: ListGroupActivatorSlot) => vue.VNodeChild) | undefined;
+        "v-slot:item"?: false | ((args_0: T) => vue.VNodeChild) | undefined;
     };
-    $slots: MakeSlots<{
-        subheader: [];
-        header: [ListGroupActivatorSlot];
-        item: [T];
-    }>;
 });
 declare type VList = InstanceType<typeof VList>;
 
@@ -792,6 +787,7 @@ declare const VListImg: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VListImg = InstanceType<typeof VListImg>;
 
 declare type ListItemSlot = {
     isActive: boolean;
@@ -818,9 +814,9 @@ declare const VListItem: {
             disabled: boolean;
             tag: string;
             rounded: string | number | boolean;
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             color: StringConstructor;
             variant: Omit<{
                 type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -854,7 +850,7 @@ declare const VListItem: {
             minWidth: (StringConstructor | NumberConstructor)[];
             width: (StringConstructor | NumberConstructor)[];
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -879,13 +875,7 @@ declare const VListItem: {
             subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             value: null;
-        } & SlotsToProps<MakeSlots<{
-            prepend: [ListItemSlot];
-            append: [ListItemSlot];
-            default: [ListItemSlot];
-            title: [ListItemTitleSlot];
-            subtitle: [ListItemSubtitleSlot];
-        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "disabled" | "tag" | "rounded" | "density" | "variant">;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "disabled" | "tag" | "rounded" | "density" | "variant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -899,7 +889,7 @@ declare const VListItem: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             color: StringConstructor;
             variant: Omit<{
                 type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -933,7 +923,7 @@ declare const VListItem: {
             minWidth: (StringConstructor | NumberConstructor)[];
             width: (StringConstructor | NumberConstructor)[];
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -958,13 +948,7 @@ declare const VListItem: {
             subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             value: null;
-        } & SlotsToProps<MakeSlots<{
-            prepend: [ListItemSlot];
-            append: [ListItemSlot];
-            default: [ListItemSlot];
-            title: [ListItemTitleSlot];
-            subtitle: [ListItemSubtitleSlot];
-        }>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">, string, {
             replace: boolean;
             link: boolean;
             exact: boolean;
@@ -973,7 +957,7 @@ declare const VListItem: {
             disabled: boolean;
             tag: string;
             rounded: string | number | boolean;
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -995,7 +979,7 @@ declare const VListItem: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<{
+    } & Readonly<vue.ExtractPropTypes<Omit<{
         color: StringConstructor;
         variant: Omit<{
             type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -1029,7 +1013,7 @@ declare const VListItem: {
         minWidth: (StringConstructor | NumberConstructor)[];
         width: (StringConstructor | NumberConstructor)[];
         density: {
-            type: PropType<"default" | "compact" | "comfortable" | null>;
+            type: PropType<Density>;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -1054,17 +1038,11 @@ declare const VListItem: {
         subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         value: null;
-    } & SlotsToProps<MakeSlots<{
-        prepend: [ListItemSlot];
-        append: [ListItemSlot];
-        default: [ListItemSlot];
-        title: [ListItemTitleSlot];
-        subtitle: [ListItemSubtitleSlot];
-    }>>>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     color: StringConstructor;
     variant: Omit<{
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
@@ -1098,7 +1076,7 @@ declare const VListItem: {
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1123,13 +1101,7 @@ declare const VListItem: {
     subtitle: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     title: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     value: null;
-} & SlotsToProps<MakeSlots<{
-    prepend: [ListItemSlot];
-    append: [ListItemSlot];
-    default: [ListItemSlot];
-    title: [ListItemTitleSlot];
-    subtitle: [ListItemSubtitleSlot];
-}>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle">, string, {
     replace: boolean;
     link: boolean;
     exact: boolean;
@@ -1138,10 +1110,10 @@ declare const VListItem: {
     disabled: boolean;
     tag: string;
     rounded: string | number | boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $slots: MakeSlots<{
+    $props: SlotsToProps<{
         prepend: [ListItemSlot];
         append: [ListItemSlot];
         default: [ListItemSlot];
@@ -1170,6 +1142,7 @@ declare const VListItemAction: vue.DefineComponent<{
     start: boolean;
     tag: string;
 }>;
+declare type VListItemAction = InstanceType<typeof VListItemAction>;
 
 declare const VListItemMedia: vue.DefineComponent<{
     tag: {
@@ -1190,6 +1163,7 @@ declare const VListItemMedia: vue.DefineComponent<{
     start: boolean;
     tag: string;
 }>;
+declare type VListItemMedia = InstanceType<typeof VListItemMedia>;
 
 declare const VListItemSubtitle: vue.DefineComponent<{
     tag: {
@@ -1206,6 +1180,7 @@ declare const VListItemSubtitle: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>;
 
 declare const VListItemTitle: vue.DefineComponent<{
     tag: {
@@ -1222,6 +1197,7 @@ declare const VListItemTitle: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VListItemTitle = InstanceType<typeof VListItemTitle>;
 
 declare const VListSubheader: vue.DefineComponent<{
     tag: {
@@ -1246,5 +1222,6 @@ declare const VListSubheader: vue.DefineComponent<{
     tag: string;
     sticky: boolean;
 }>;
+declare type VListSubheader = InstanceType<typeof VListSubheader>;
 
 export { VList, VListGroup, VListImg, VListItem, VListItemAction, VListItemMedia, VListItemSubtitle, VListItemTitle, VListSubheader };