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

package/lib/components/VBreadcrumbs/index.d.mts

@@ -34,6 +34,8 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
@@ -67,7 +69,7 @@ declare const VBreadcrumbs: {
         bgColor?: string | undefined;
         activeClass?: string | undefined;
         activeColor?: string | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:title" | "v-slot:item" | "v-slot:divider">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -91,30 +93,20 @@ declare const VBreadcrumbs: {
         tile: boolean;
         density: Density;
     }, true, {}, vue.SlotsType<Partial<{
-        prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        prepend: () => vue.VNode[];
         title: (arg: {
             item: InternalBreadcrumbItem;
             index: number;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         divider: (arg: {
             item: BreadcrumbItem;
             index: number;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
         item: (arg: {
             item: InternalBreadcrumbItem;
             index: number;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -146,9 +138,9 @@ declare const VBreadcrumbs: {
         tile: boolean;
         density: Density;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     disabled: boolean;
@@ -164,7 +156,7 @@ declare const VBreadcrumbs: {
     bgColor?: string | undefined;
     activeClass?: string | undefined;
     activeColor?: string | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, string, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:title" | "v-slot:item" | "v-slot:divider">, string, {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -173,32 +165,22 @@ declare const VBreadcrumbs: {
     tile: boolean;
     density: Density;
 }, {}, string, vue.SlotsType<Partial<{
-    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    prepend: () => vue.VNode[];
     title: (arg: {
         item: InternalBreadcrumbItem;
         index: number;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     divider: (arg: {
         item: BreadcrumbItem;
         index: number;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
     item: (arg: {
         item: InternalBreadcrumbItem;
         index: number;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends BreadcrumbItem>(props: {
-    items?: T[] | undefined;
+    items?: T[];
 }, slots: {
     prepend: never;
     title: {
@@ -214,24 +196,7 @@ declare const VBreadcrumbs: {
         index: number;
     };
     default: never;
-}) => GenericProps<{
-    items?: T[] | undefined;
-}, {
-    prepend: never;
-    title: {
-        item: InternalBreadcrumbItem;
-        index: number;
-    };
-    divider: {
-        item: T;
-        index: number;
-    };
-    item: {
-        item: InternalBreadcrumbItem;
-        index: number;
-    };
-    default: never;
-}>) & FilterPropsOptions<{
+}) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     tag: Omit<{
         type: StringConstructor;
         default: string;
@@ -249,7 +214,7 @@ declare const VBreadcrumbs: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -286,7 +251,7 @@ declare const VBreadcrumbs: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -365,9 +330,7 @@ declare const VBreadcrumbsItem: {
         disabled: boolean;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -407,9 +370,9 @@ declare const VBreadcrumbsItem: {
         disabled: boolean;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     replace: boolean;
     exact: boolean;
@@ -442,9 +405,7 @@ declare const VBreadcrumbsItem: {
     disabled: boolean;
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: Omit<{
         type: StringConstructor;
@@ -457,7 +418,7 @@ declare const VBreadcrumbsItem: {
     replace: BooleanConstructor;
     to: vue.PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -480,7 +441,7 @@ declare const VBreadcrumbsItem: {
     replace: BooleanConstructor;
     to: vue.PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -526,9 +487,7 @@ declare const VBreadcrumbsDivider: {
     }, {
         style: vue.StyleValue;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -553,9 +512,9 @@ declare const VBreadcrumbsDivider: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
 } & {
@@ -573,18 +532,16 @@ declare const VBreadcrumbsDivider: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     divider: (StringConstructor | NumberConstructor)[];
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;

package/lib/components/VBtn/index.d.mts

@@ -1,8 +1,10 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, ComponentInternalInstance, Ref, ComputedRef, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, ComponentInternalInstance, Ref, ComputedRef, JSXComponent, PropType, DirectiveBinding } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
+type ClassValue = any;
+
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
 type Tblock = typeof block[number];
@@ -51,15 +53,29 @@ interface GroupItemProvide {
 
 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;
+    };
+}
+
 declare const VBtn: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -75,7 +91,7 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -132,7 +148,7 @@ declare const VBtn: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -148,7 +164,7 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -199,7 +215,7 @@ declare const VBtn: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         active: boolean;
@@ -217,18 +233,10 @@ declare const VBtn: {
             class: string;
         } | undefined;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        loader: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -240,7 +248,7 @@ declare const VBtn: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -256,7 +264,7 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -309,7 +317,7 @@ declare const VBtn: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         active: boolean;
@@ -327,14 +335,14 @@ declare const VBtn: {
             class: string;
         } | undefined;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     symbol: any;
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     block: boolean;
     style: vue.StyleValue;
@@ -350,7 +358,7 @@ declare const VBtn: {
         class: string;
     } | undefined;
 } & {
-    location?: Anchor | undefined;
+    location?: Anchor | null | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     active?: boolean | undefined;
@@ -407,7 +415,7 @@ declare const VBtn: {
     symbol: any;
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     block: boolean;
     active: boolean;
@@ -425,26 +433,18 @@ declare const VBtn: {
         class: string;
     } | undefined;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    loader: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -472,7 +472,7 @@ declare const VBtn: {
         type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: PropType<Anchor>;
+    location: PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     value: null;
     disabled: BooleanConstructor;
@@ -492,7 +492,7 @@ declare const VBtn: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -516,20 +516,18 @@ declare const VBtn: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     theme: StringConstructor;
@@ -557,7 +555,7 @@ declare const VBtn: {
         type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: PropType<Anchor>;
+    location: PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     value: null;
     disabled: BooleanConstructor;
@@ -577,7 +575,7 @@ declare const VBtn: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -601,9 +599,7 @@ declare const VBtn: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;

package/lib/components/VBtnGroup/index.d.mts

@@ -5,8 +5,13 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
+declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
+type Variant = typeof allowedVariants[number];
+
 declare const VBtnGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -65,9 +70,7 @@ declare const VBtnGroup: {
         density: Density;
         divided: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -108,9 +111,9 @@ declare const VBtnGroup: {
         density: Density;
         divided: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
@@ -144,13 +147,11 @@ declare const VBtnGroup: {
     density: Density;
     divided: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -173,7 +174,7 @@ declare const VBtnGroup: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -184,7 +185,7 @@ declare const VBtnGroup: {
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<Variant>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -207,7 +208,7 @@ declare const VBtnGroup: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;