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

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

@@ -1,8 +1,10 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, DirectiveBinding } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
+type ClassValue = any;
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare const block: readonly ["top", "bottom"];
@@ -15,6 +17,9 @@ 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>>;
 }
 
+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>;
 
@@ -87,21 +92,11 @@ declare const VCardItem: {
         style: vue.StyleValue;
         density: Density;
     }, 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;
-        }>[];
-        title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        title: () => vue.VNode[];
+        subtitle: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -145,9 +140,9 @@ declare const VCardItem: {
         style: vue.StyleValue;
         density: Density;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     density: Density;
@@ -184,28 +179,18 @@ declare const VCardItem: {
     style: vue.StyleValue;
     density: Density;
 }, {}, 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;
-    }>[];
-    title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    title: () => vue.VNode[];
+    subtitle: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -222,7 +207,7 @@ declare const VCardItem: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -241,11 +226,22 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
+interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean | {
+        class: string;
+    };
+    modifiers: {
+        center?: boolean;
+        circle?: boolean;
+        stop?: boolean;
+    };
+}
+
 declare const VCard: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         style: vue.StyleValue;
         disabled: boolean;
@@ -258,7 +254,7 @@ declare const VCard: {
         hover: boolean;
     } & {
         link?: boolean | undefined;
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         border?: string | number | boolean | undefined;
@@ -322,7 +318,7 @@ declare const VCard: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         style: vue.StyleValue;
         disabled: boolean;
@@ -335,7 +331,7 @@ declare const VCard: {
         hover: boolean;
     } & {
         link?: boolean | undefined;
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         border?: string | number | boolean | undefined;
@@ -400,7 +396,7 @@ declare const VCard: {
         replace: boolean;
         link: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         style: vue.StyleValue;
         disabled: boolean;
@@ -413,36 +409,16 @@ declare const VCard: {
         } | undefined;
         hover: boolean;
     }, 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;
-        }>[];
-        title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        item: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        title: () => vue.VNode[];
+        subtitle: () => vue.VNode[];
+        actions: () => vue.VNode[];
+        text: () => vue.VNode[];
+        loader: (arg: LoaderSlotProps) => vue.VNode[];
+        image: () => vue.VNode[];
+        item: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -453,7 +429,7 @@ declare const VCard: {
     }, {
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         style: vue.StyleValue;
         disabled: boolean;
@@ -466,7 +442,7 @@ declare const VCard: {
         hover: boolean;
     } & {
         link?: boolean | undefined;
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         border?: string | number | boolean | undefined;
@@ -531,7 +507,7 @@ declare const VCard: {
         replace: boolean;
         link: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         style: vue.StyleValue;
         disabled: boolean;
@@ -544,13 +520,13 @@ declare const VCard: {
         } | undefined;
         hover: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     style: vue.StyleValue;
     disabled: boolean;
@@ -563,7 +539,7 @@ declare const VCard: {
     hover: boolean;
 } & {
     link?: boolean | undefined;
-    location?: Anchor | undefined;
+    location?: Anchor | null | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     border?: string | number | boolean | undefined;
@@ -628,7 +604,7 @@ declare const VCard: {
     replace: boolean;
     link: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     style: vue.StyleValue;
     disabled: boolean;
@@ -641,44 +617,24 @@ declare const VCard: {
     } | undefined;
     hover: boolean;
 }, {}, 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;
-    }>[];
-    title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    item: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    title: () => vue.VNode[];
+    subtitle: () => vue.VNode[];
+    actions: () => vue.VNode[];
+    text: () => vue.VNode[];
+    loader: (arg: LoaderSlotProps) => vue.VNode[];
+    image: () => vue.VNode[];
+    item: () => 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;
@@ -699,7 +655,7 @@ declare const VCard: {
         type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: PropType<Anchor>;
+    location: PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -716,7 +672,7 @@ declare const VCard: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -735,9 +691,7 @@ declare const VCard: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     subtitle: (StringConstructor | NumberConstructor)[];
@@ -746,11 +700,11 @@ declare const VCard: {
 }, 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;
@@ -771,7 +725,7 @@ declare const VCard: {
         type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: PropType<Anchor>;
+    location: PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -788,7 +742,7 @@ declare const VCard: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -807,9 +761,7 @@ declare const VCard: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     subtitle: (StringConstructor | NumberConstructor)[];
@@ -848,9 +800,7 @@ declare const VCardActions: {
     }, {
         style: vue.StyleValue;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -874,9 +824,9 @@ declare const VCardActions: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
 } & {
@@ -893,17 +843,15 @@ declare const VCardActions: {
 }, {}, 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;
     };
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -946,9 +894,7 @@ declare const VCardSubtitle: {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -975,9 +921,9 @@ declare const VCardSubtitle: {
         style: vue.StyleValue;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
@@ -997,15 +943,13 @@ declare const VCardSubtitle: {
     style: vue.StyleValue;
     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: {
         type: StringConstructor;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1016,7 +960,7 @@ declare const VCardSubtitle: {
         type: StringConstructor;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1060,9 +1004,7 @@ declare const VCardText: {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -1089,9 +1031,9 @@ declare const VCardText: {
         style: vue.StyleValue;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
@@ -1111,15 +1053,13 @@ declare const VCardText: {
     style: vue.StyleValue;
     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: {
         type: StringConstructor;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1130,7 +1070,7 @@ declare const VCardText: {
         type: StringConstructor;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1174,9 +1114,7 @@ declare const VCardTitle: {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -1204,9 +1142,9 @@ declare const VCardTitle: {
         style: vue.StyleValue;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
@@ -1227,11 +1165,9 @@ declare const VCardTitle: {
     style: vue.StyleValue;
     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<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1241,7 +1177,7 @@ declare const VCardTitle: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;