@vuetify/nightly 3.6.14-master.2024-08-12 → 3.6.14-master.2024-08-13

package/lib/labs/VTreeview/index.d.mts

@@ -1,8 +1,10 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType, DirectiveBinding } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
+type ClassValue = any;
+
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
@@ -37,9 +39,23 @@ type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | strin
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
+declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
+type Variant = typeof allowedVariants[number];
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean | {
+        class: string;
+    };
+    modifiers: {
+        center?: boolean;
+        circle?: boolean;
+        stop?: boolean;
+    };
+}
+
 type ListItemSlot = {
     isActive: boolean;
     isSelected: boolean;
@@ -60,22 +76,6 @@ type VListItemSlots = {
     subtitle: ListItemSubtitleSlot;
 };
 
-/**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
- */
-type FilterMatch = boolean | number | [number, number] | [number, number][];
-type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
-type FilterKeyFunctions = Record<string, FilterFunction>;
-type FilterKeys = string | string[];
-type FilterMode = 'some' | 'every' | 'union' | 'intersection';
-interface InternalItem<T = any> {
-    value: any;
-    raw: T;
-}
-
 type ActiveStrategyFn = (data: {
     id: unknown;
     value: boolean;
@@ -134,20 +134,6 @@ type ActiveStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-indep
 type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
 type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
-interface ListItem<T = any> extends InternalItem<T> {
-    title: string;
-    props: {
-        [key: string]: any;
-        title: string;
-        value: any;
-    };
-    children?: ListItem<T>[];
-}
-
-interface InternalListItem<T = any> extends ListItem<T> {
-    type?: 'item' | 'subheader' | 'divider';
-}
-
 type VListChildrenSlots<T> = {
     [K in keyof Omit<VListItemSlots, 'default'>]: VListItemSlots[K] & {
         item: T;
@@ -168,9 +154,48 @@ type VListChildrenSlots<T> = {
     };
 };
 
+/**
+ * - match without highlight
+ * - single match (index), length already known
+ * - single match (start, end)
+ * - multiple matches (start, end), probably shouldn't overlap
+ */
+type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
+type FilterKeyFunctions = Record<string, FilterFunction>;
+type FilterKeys = string | string[];
+type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+interface InternalItem<T = any> {
+    value: any;
+    raw: T;
+}
+
+interface ListItem<T = any> extends InternalItem<T> {
+    title: string;
+    props: {
+        [key: string]: any;
+        title: string;
+        value: any;
+    };
+    children?: ListItem<T>[];
+}
+interface ItemProps {
+    items: any[];
+    itemTitle: SelectItemKey;
+    itemValue: SelectItemKey;
+    itemChildren: SelectItemKey;
+    itemProps: SelectItemKey;
+    returnObject: boolean;
+    valueComparator: typeof deepEqual;
+}
+
+interface InternalListItem<T = any> extends ListItem<T> {
+    type?: 'item' | 'subheader' | 'divider';
+}
+
 declare const VTreeview: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -181,15 +206,15 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<SelectStrategyProp>;
-        openStrategy: NonNullable<OpenStrategyProp>;
+        selectStrategy: SelectStrategyProp;
+        openStrategy: OpenStrategyProp;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
-        filterKeys: NonNullable<FilterKeys>;
+        filterKeys: FilterKeys;
         itemTitle: SelectItemKey;
         itemValue: SelectItemKey;
         itemChildren: SelectItemKey;
@@ -247,21 +272,21 @@ declare const VTreeview: {
             path: unknown[];
         }) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-        'update:opened': (val: unknown) => boolean;
-        'update:activated': (val: unknown) => boolean;
-        'update:selected': (val: unknown) => boolean;
+        'update:opened': (val: unknown) => true;
+        'update:activated': (val: unknown) => true;
+        'update:selected': (val: unknown) => true;
         'click:open': (value: {
             id: unknown;
             value: boolean;
             path: unknown[];
-        }) => boolean;
+        }) => true;
         'click:select': (value: {
             id: unknown;
             value: boolean;
             path: unknown[];
-        }) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        }) => true;
+    }, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -272,15 +297,15 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<SelectStrategyProp>;
-        openStrategy: NonNullable<OpenStrategyProp>;
+        selectStrategy: SelectStrategyProp;
+        openStrategy: OpenStrategyProp;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
-        filterKeys: NonNullable<FilterKeys>;
+        filterKeys: FilterKeys;
         itemTitle: SelectItemKey;
         itemValue: SelectItemKey;
         itemChildren: SelectItemKey;
@@ -338,7 +363,7 @@ declare const VTreeview: {
             path: unknown[];
         }) => any) | undefined;
     }, {
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -350,15 +375,15 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<SelectStrategyProp>;
-        openStrategy: NonNullable<OpenStrategyProp>;
+        selectStrategy: SelectStrategyProp;
+        openStrategy: OpenStrategyProp;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
-        filterKeys: NonNullable<FilterKeys>;
+        filterKeys: FilterKeys;
         itemTitle: SelectItemKey;
         itemValue: SelectItemKey;
         itemChildren: SelectItemKey;
@@ -368,63 +393,29 @@ declare const VTreeview: {
     }, true, {}, vue.SlotsType<Partial<{
         title: (arg: ListItemTitleSlot & {
             item: unknown;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         append: (arg: ListItemSlot & {
             item: unknown;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         prepend: (arg: ListItemSlot & {
             item: unknown;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         subtitle: (arg: ListItemSubtitleSlot & {
             item: unknown;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        default: () => vue.VNode[];
         item: (arg: {
-            props: {
-                [key: string]: any;
-                title: string;
-                value: any;
-            };
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+            props: InternalListItem["props"];
+        }) => vue.VNode[];
         divider: (arg: {
-            props: {
-                [key: string]: any;
-                title: string;
-                value: any;
-            };
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+            props: InternalListItem["props"];
+        }) => vue.VNode[];
         subheader: (arg: {
-            props: {
-                [key: string]: any;
-                title: string;
-                value: any;
-            };
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+            props: InternalListItem["props"];
+        }) => vue.VNode[];
         header: (arg: {
-            props: {
-                [key: string]: any;
-                title: string;
-                value: any;
-            };
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+            props: InternalListItem["props"];
+        }) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -433,7 +424,7 @@ declare const VTreeview: {
         M: {};
         Defaults: {};
     }, {
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -444,15 +435,15 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<SelectStrategyProp>;
-        openStrategy: NonNullable<OpenStrategyProp>;
+        selectStrategy: SelectStrategyProp;
+        openStrategy: OpenStrategyProp;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
-        filterKeys: NonNullable<FilterKeys>;
+        filterKeys: FilterKeys;
         itemTitle: SelectItemKey;
         itemValue: SelectItemKey;
         itemChildren: SelectItemKey;
@@ -510,7 +501,7 @@ declare const VTreeview: {
             path: unknown[];
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -522,15 +513,15 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<SelectStrategyProp>;
-        openStrategy: NonNullable<OpenStrategyProp>;
+        selectStrategy: SelectStrategyProp;
+        openStrategy: OpenStrategyProp;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
-        filterKeys: NonNullable<FilterKeys>;
+        filterKeys: FilterKeys;
         itemTitle: SelectItemKey;
         itemValue: SelectItemKey;
         itemChildren: SelectItemKey;
@@ -538,11 +529,11 @@ declare const VTreeview: {
         loadingIcon: string;
         openAll: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -553,15 +544,15 @@ declare const VTreeview: {
     valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
-    selectStrategy: NonNullable<SelectStrategyProp>;
-    openStrategy: NonNullable<OpenStrategyProp>;
+    selectStrategy: SelectStrategyProp;
+    openStrategy: OpenStrategyProp;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
-    filterKeys: NonNullable<FilterKeys>;
+    filterKeys: FilterKeys;
     itemTitle: SelectItemKey;
     itemValue: SelectItemKey;
     itemChildren: SelectItemKey;
@@ -619,21 +610,21 @@ declare const VTreeview: {
         path: unknown[];
     }) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:opened': (val: unknown) => boolean;
-    'update:activated': (val: unknown) => boolean;
-    'update:selected': (val: unknown) => boolean;
+    'update:opened': (val: unknown) => true;
+    'update:activated': (val: unknown) => true;
+    'update:selected': (val: unknown) => true;
     'click:open': (value: {
         id: unknown;
         value: boolean;
         path: unknown[];
-    }) => boolean;
+    }) => true;
     'click:select': (value: {
         id: unknown;
         value: boolean;
         path: unknown[];
-    }) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader">, string, {
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    }) => true;
+}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader">, string, {
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -645,15 +636,15 @@ declare const VTreeview: {
     valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
-    selectStrategy: NonNullable<SelectStrategyProp>;
-    openStrategy: NonNullable<OpenStrategyProp>;
+    selectStrategy: SelectStrategyProp;
+    openStrategy: OpenStrategyProp;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
     returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
-    filterKeys: NonNullable<FilterKeys>;
+    filterKeys: FilterKeys;
     itemTitle: SelectItemKey;
     itemValue: SelectItemKey;
     itemChildren: SelectItemKey;
@@ -663,74 +654,38 @@ declare const VTreeview: {
 }, {}, string, vue.SlotsType<Partial<{
     title: (arg: ListItemTitleSlot & {
         item: unknown;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     append: (arg: ListItemSlot & {
         item: unknown;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     prepend: (arg: ListItemSlot & {
         item: unknown;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     subtitle: (arg: ListItemSubtitleSlot & {
         item: unknown;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    default: () => vue.VNode[];
     item: (arg: {
-        props: {
-            [key: string]: any;
-            title: string;
-            value: any;
-        };
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+        props: InternalListItem["props"];
+    }) => vue.VNode[];
     divider: (arg: {
-        props: {
-            [key: string]: any;
-            title: string;
-            value: any;
-        };
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+        props: InternalListItem["props"];
+    }) => vue.VNode[];
     subheader: (arg: {
-        props: {
-            [key: string]: any;
-            title: string;
-            value: any;
-        };
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+        props: InternalListItem["props"];
+    }) => vue.VNode[];
     header: (arg: {
-        props: {
-            [key: string]: any;
-            title: string;
-            value: any;
-        };
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+        props: InternalListItem["props"];
+    }) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    items?: T[] | undefined;
-}, slots: VListChildrenSlots<T>) => GenericProps<{
-    items?: T[] | undefined;
-}, VListChildrenSlots<T>>) & FilterPropsOptions<{
+    items?: T[];
+}, slots: VListChildrenSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     height: (StringConstructor | NumberConstructor)[];
@@ -747,7 +702,7 @@ declare const VTreeview: {
     };
     disabled: BooleanConstructor;
     activated: null;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -764,7 +719,7 @@ declare const VTreeview: {
         default: undefined;
     };
     items: {
-        type: vue.PropType<any[]>;
+        type: vue.PropType<ItemProps["items"]>;
         default: () => never[];
     };
     tile: BooleanConstructor;
@@ -789,11 +744,11 @@ declare const VTreeview: {
     selectable: BooleanConstructor;
     activeStrategy: vue.PropType<ActiveStrategyProp>;
     selectStrategy: {
-        type: vue.PropType<NonNullable<SelectStrategyProp>>;
+        type: vue.PropType<SelectStrategyProp>;
         default: NonNullable<SelectStrategyProp>;
     };
     openStrategy: {
-        type: vue.PropType<NonNullable<OpenStrategyProp>>;
+        type: vue.PropType<OpenStrategyProp>;
         default: NonNullable<OpenStrategyProp>;
     };
     'onUpdate:opened': vue.PropType<() => void>;
@@ -807,7 +762,7 @@ declare const VTreeview: {
         default: string;
     };
     lines: {
-        type: vue.PropType<false | "one" | "two" | "three">;
+        type: vue.PropType<"one" | "two" | "three" | false>;
         default: string;
     };
     returnObject: BooleanConstructor;
@@ -845,7 +800,7 @@ declare const VTreeview: {
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
     filterKeys: {
-        type: vue.PropType<NonNullable<FilterKeys>>;
+        type: vue.PropType<FilterKeys>;
         default: NonNullable<FilterKeys>;
     };
     filterMode: {
@@ -857,11 +812,11 @@ declare const VTreeview: {
     search: StringConstructor;
 }, vue.ExtractPropTypes<{
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     height: (StringConstructor | NumberConstructor)[];
@@ -878,7 +833,7 @@ declare const VTreeview: {
     };
     disabled: BooleanConstructor;
     activated: null;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -895,7 +850,7 @@ declare const VTreeview: {
         default: undefined;
     };
     items: {
-        type: vue.PropType<any[]>;
+        type: vue.PropType<ItemProps["items"]>;
         default: () => never[];
     };
     tile: BooleanConstructor;
@@ -920,11 +875,11 @@ declare const VTreeview: {
     selectable: BooleanConstructor;
     activeStrategy: vue.PropType<ActiveStrategyProp>;
     selectStrategy: {
-        type: vue.PropType<NonNullable<SelectStrategyProp>>;
+        type: vue.PropType<SelectStrategyProp>;
         default: NonNullable<SelectStrategyProp>;
     };
     openStrategy: {
-        type: vue.PropType<NonNullable<OpenStrategyProp>>;
+        type: vue.PropType<OpenStrategyProp>;
         default: NonNullable<OpenStrategyProp>;
     };
     'onUpdate:opened': vue.PropType<() => void>;
@@ -938,7 +893,7 @@ declare const VTreeview: {
         default: string;
     };
     lines: {
-        type: vue.PropType<false | "one" | "two" | "three">;
+        type: vue.PropType<"one" | "two" | "three" | false>;
         default: string;
     };
     returnObject: BooleanConstructor;
@@ -976,7 +931,7 @@ declare const VTreeview: {
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
     filterKeys: {
-        type: vue.PropType<NonNullable<FilterKeys>>;
+        type: vue.PropType<FilterKeys>;
         default: NonNullable<FilterKeys>;
     };
     filterMode: {
@@ -992,7 +947,7 @@ type VTreeview = InstanceType<typeof VTreeview>;
 declare const VTreeviewItem: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         replace: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         loading: boolean;
         nav: boolean;
@@ -1059,7 +1014,7 @@ declare const VTreeviewItem: {
         "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         loading: boolean;
         nav: boolean;
@@ -1127,7 +1082,7 @@ declare const VTreeviewItem: {
     }, {
         replace: boolean;
         link: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         active: boolean;
         loading: boolean;
@@ -1143,21 +1098,11 @@ declare const VTreeviewItem: {
             class: string;
         } | undefined;
     }, true, {}, vue.SlotsType<Partial<{
-        prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        append: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        default: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        title: (arg: ListItemTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        subtitle: (arg: ListItemSubtitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        prepend: (arg: ListItemSlot) => vue.VNode[];
+        append: (arg: ListItemSlot) => vue.VNode[];
+        default: (arg: ListItemSlot) => vue.VNode[];
+        title: (arg: ListItemTitleSlot) => vue.VNode[];
+        subtitle: (arg: ListItemSubtitleSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -1167,7 +1112,7 @@ declare const VTreeviewItem: {
         Defaults: {};
     }, {
         replace: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         loading: boolean;
         nav: boolean;
@@ -1235,7 +1180,7 @@ declare const VTreeviewItem: {
     }, {}, {}, {}, {}, {
         replace: boolean;
         link: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         active: boolean;
         loading: boolean;
@@ -1251,12 +1196,12 @@ declare const VTreeviewItem: {
             class: string;
         } | undefined;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     replace: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     loading: boolean;
     nav: boolean;
@@ -1324,7 +1269,7 @@ declare const VTreeviewItem: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     replace: boolean;
     link: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     active: boolean;
     loading: boolean;
@@ -1340,29 +1285,19 @@ declare const VTreeviewItem: {
         class: string;
     } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
-    prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    append: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    default: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    title: (arg: ListItemTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    subtitle: (arg: ListItemSubtitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    prepend: (arg: ListItemSlot) => vue.VNode[];
+    append: (arg: ListItemSlot) => vue.VNode[];
+    default: (arg: ListItemSlot) => vue.VNode[];
+    title: (arg: ListItemTitleSlot) => vue.VNode[];
+    subtitle: (arg: ListItemSubtitleSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -1394,7 +1329,7 @@ declare const VTreeviewItem: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1410,7 +1345,7 @@ declare const VTreeviewItem: {
     appendIcon: vue.PropType<IconValue>;
     baseColor: StringConstructor;
     disabled: BooleanConstructor;
-    lines: vue.PropType<false | "one" | "two" | "three">;
+    lines: vue.PropType<"one" | "two" | "three" | false>;
     link: {
         type: BooleanConstructor;
         default: undefined;
@@ -1419,9 +1354,7 @@ declare const VTreeviewItem: {
     prependAvatar: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     slim: {
@@ -1438,11 +1371,11 @@ declare const VTreeviewItem: {
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -1474,7 +1407,7 @@ declare const VTreeviewItem: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1490,7 +1423,7 @@ declare const VTreeviewItem: {
     appendIcon: vue.PropType<IconValue>;
     baseColor: StringConstructor;
     disabled: BooleanConstructor;
-    lines: vue.PropType<false | "one" | "two" | "three">;
+    lines: vue.PropType<"one" | "two" | "three" | false>;
     link: {
         type: BooleanConstructor;
         default: undefined;
@@ -1499,9 +1432,7 @@ declare const VTreeviewItem: {
     prependAvatar: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     slim: {
@@ -1522,8 +1453,8 @@ declare const VTreeviewGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
         tag: string;
-        collapseIcon: NonNullable<IconValue>;
-        expandIcon: NonNullable<IconValue>;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         fluid: boolean;
     } & {
         color?: string | undefined;
@@ -1558,8 +1489,8 @@ declare const VTreeviewGroup: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         tag: string;
-        collapseIcon: NonNullable<IconValue>;
-        expandIcon: NonNullable<IconValue>;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         fluid: boolean;
     } & {
         color?: string | undefined;
@@ -1594,19 +1525,15 @@ declare const VTreeviewGroup: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        collapseIcon: NonNullable<IconValue>;
-        expandIcon: NonNullable<IconValue>;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         fluid: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
         activator: (arg: {
             isOpen: boolean;
             props: Record<string, unknown>;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -1617,8 +1544,8 @@ declare const VTreeviewGroup: {
     }, {
         style: vue.StyleValue;
         tag: string;
-        collapseIcon: NonNullable<IconValue>;
-        expandIcon: NonNullable<IconValue>;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         fluid: boolean;
     } & {
         color?: string | undefined;
@@ -1653,18 +1580,18 @@ declare const VTreeviewGroup: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
         tag: string;
-        collapseIcon: NonNullable<IconValue>;
-        expandIcon: NonNullable<IconValue>;
+        collapseIcon: IconValue;
+        expandIcon: IconValue;
         fluid: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
-    collapseIcon: NonNullable<IconValue>;
-    expandIcon: NonNullable<IconValue>;
+    collapseIcon: IconValue;
+    expandIcon: IconValue;
     fluid: boolean;
 } & {
     color?: string | undefined;
@@ -1699,19 +1626,15 @@ declare const VTreeviewGroup: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
-    collapseIcon: NonNullable<IconValue>;
-    expandIcon: NonNullable<IconValue>;
+    collapseIcon: IconValue;
+    expandIcon: IconValue;
     fluid: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
     activator: (arg: {
         isOpen: boolean;
         props: Record<string, unknown>;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     value: null;
@@ -1720,7 +1643,7 @@ declare const VTreeviewGroup: {
         default: null;
     };
     title: StringConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -1733,14 +1656,14 @@ declare const VTreeviewGroup: {
         type: vue.PropType<IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     expandIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     fluid: BooleanConstructor;
@@ -1752,7 +1675,7 @@ declare const VTreeviewGroup: {
         default: null;
     };
     title: StringConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     tag: {
         type: StringConstructor;
         default: string;
@@ -1765,14 +1688,14 @@ declare const VTreeviewGroup: {
         type: vue.PropType<IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     expandIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<IconValue>>;
+        type: vue.PropType<IconValue>;
         default: NonNullable<IconValue>;
     };
     fluid: BooleanConstructor;