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

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

@@ -1,5 +1,5 @@
 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';
 
@@ -7,16 +7,32 @@ 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];
+
 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 VChip: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         replace: boolean;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         label: boolean;
         style: vue.StyleValue;
@@ -124,7 +140,7 @@ declare const VChip: {
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         label: boolean;
         style: vue.StyleValue;
@@ -226,7 +242,7 @@ declare const VChip: {
         replace: boolean;
         link: boolean;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         label: boolean;
         style: vue.StyleValue;
@@ -254,24 +270,12 @@ declare const VChip: {
             toggle: (() => void) | undefined;
             value: unknown;
             disabled: boolean;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        label: () => 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;
-        }>[];
-        close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
+        label: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        close: () => vue.VNode[];
+        filter: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -282,7 +286,7 @@ declare const VChip: {
     }, {
         replace: boolean;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         label: boolean;
         style: vue.StyleValue;
@@ -384,7 +388,7 @@ declare const VChip: {
         replace: boolean;
         link: boolean;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         label: boolean;
         style: vue.StyleValue;
@@ -405,13 +409,13 @@ declare const VChip: {
         filterIcon: string;
         pill: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     replace: boolean;
     filter: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     label: boolean;
     style: vue.StyleValue;
@@ -520,7 +524,7 @@ declare const VChip: {
     replace: boolean;
     link: boolean;
     filter: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     label: boolean;
     style: vue.StyleValue;
@@ -548,32 +552,20 @@ declare const VChip: {
         toggle: (() => void) | undefined;
         value: unknown;
         disabled: boolean;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    label: () => 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;
-    }>[];
-    close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
+    label: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    close: () => vue.VNode[];
+    filter: () => 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;
@@ -609,7 +601,7 @@ declare const VChip: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -642,9 +634,7 @@ declare const VChip: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;
@@ -657,11 +647,11 @@ declare const VChip: {
 }, 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;
@@ -697,7 +687,7 @@ declare const VChip: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -730,9 +720,7 @@ declare const VChip: {
     prependAvatar: StringConstructor;
     prependIcon: PropType<IconValue>;
     ripple: {
-        type: PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;

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

@@ -30,6 +30,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;
+
 declare function deepEqual(a: any, b: any): boolean;
 
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
@@ -63,6 +65,9 @@ declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
 type Breakpoint = typeof breakpoints[number];
 type DisplayBreakpoint = 'xs' | Breakpoint;
 
+declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
+type Variant = typeof allowedVariants[number];
+
 type VChipGroupSlots = {
     default: {
         isSelected: (id: number) => boolean;
@@ -76,10 +81,10 @@ declare const VChipGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         disabled: boolean;
         multiple: boolean;
         tag: string;
@@ -98,14 +103,14 @@ declare const VChipGroup: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-        'update:modelValue': (value: any) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        'update:modelValue': (value: any) => true;
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         disabled: boolean;
         multiple: boolean;
         tag: string;
@@ -126,10 +131,10 @@ declare const VChipGroup: {
     } & {}, {
         symbol: any;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         disabled: boolean;
         multiple: boolean;
         tag: string;
@@ -146,9 +151,7 @@ declare const VChipGroup: {
             next: () => void;
             prev: () => void;
             selected: readonly number[];
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -159,10 +162,10 @@ declare const VChipGroup: {
     }, {
         symbol: any;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         disabled: boolean;
         multiple: boolean;
         tag: string;
@@ -183,10 +186,10 @@ declare const VChipGroup: {
     } & {}, {}, {}, {}, {}, {
         symbol: any;
         filter: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         disabled: boolean;
         multiple: boolean;
         tag: string;
@@ -197,16 +200,16 @@ declare const VChipGroup: {
         nextIcon: IconValue;
         prevIcon: IconValue;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     symbol: any;
     filter: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    mobile: NonNullable<boolean | null> | null;
+    mobile: boolean | null;
     disabled: boolean;
     multiple: boolean;
     tag: string;
@@ -225,14 +228,14 @@ declare const VChipGroup: {
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:modelValue': (value: any) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
+    'update:modelValue': (value: any) => true;
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
     symbol: any;
     filter: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    mobile: NonNullable<boolean | null> | null;
+    mobile: boolean | null;
     disabled: boolean;
     multiple: boolean;
     tag: string;
@@ -249,23 +252,18 @@ declare const VChipGroup: {
         next: () => void;
         prev: () => void;
         selected: readonly number[];
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, slots: VChipGroupSlots) => GenericProps<{
-    modelValue?: T | undefined;
-    'onUpdate:modelValue'?: ((value: T) => void) | undefined;
-}, VChipGroupSlots>) & FilterPropsOptions<{
+    modelValue?: T;
+    "onUpdate:modelValue"?: (value: T) => void;
+}, slots: VChipGroupSlots) => GenericProps<typeof props, typeof slots>) & 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;
@@ -285,7 +283,7 @@ declare const VChipGroup: {
         default: string;
     };
     disabled: BooleanConstructor;
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -294,7 +292,7 @@ declare const VChipGroup: {
         type: PropType<boolean | null>;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<boolean | null> | null>;
+        type: PropType<boolean | null>;
         default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
@@ -328,11 +326,11 @@ declare const VChipGroup: {
 }, 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;
@@ -352,7 +350,7 @@ declare const VChipGroup: {
         default: string;
     };
     disabled: BooleanConstructor;
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -361,7 +359,7 @@ declare const VChipGroup: {
         type: PropType<boolean | null>;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<boolean | null> | null>;
+        type: PropType<boolean | null>;
         default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;

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

@@ -5,6 +5,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;
+
 declare const VCode: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
@@ -40,9 +42,7 @@ declare const VCode: {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -70,9 +70,9 @@ declare const VCode: {
         style: vue.StyleValue;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
@@ -93,11 +93,9 @@ declare const VCode: {
     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;
@@ -107,7 +105,7 @@ declare const VCode: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;