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

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, DirectiveBinding, JSXComponent, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
@@ -13,6 +13,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$1 = null | 'prominent' | 'default' | 'comfortable' | 'compact';
 
 declare const VAppBar: {
@@ -71,7 +73,7 @@ declare const VAppBar: {
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (value: boolean) => boolean;
+        'update:modelValue': (value: boolean) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         absolute: boolean;
@@ -144,24 +146,12 @@ declare const VAppBar: {
         floating: boolean;
         scrollThreshold: string | number;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        image: () => 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;
-        }>[];
-        extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        image: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        title: () => vue.VNode[];
+        extension: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -241,9 +231,9 @@ declare const VAppBar: {
         floating: boolean;
         scrollThreshold: string | number;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     flat: boolean;
     absolute: boolean;
@@ -299,7 +289,7 @@ declare const VAppBar: {
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: boolean) => boolean;
+    'update:modelValue': (value: boolean) => true;
 }, string, {
     flat: boolean;
     absolute: boolean;
@@ -318,24 +308,12 @@ declare const VAppBar: {
     floating: boolean;
     scrollThreshold: string | number;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    image: () => 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;
-    }>[];
-    extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    image: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    title: () => vue.VNode[];
+    extension: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
@@ -373,7 +351,7 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -395,7 +373,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | "fully-hide" | "inverted" | "collapse" | "elevate" | "fade-image" | (string & {})>;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -442,7 +420,7 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -464,7 +442,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | "fully-hide" | "inverted" | "collapse" | "elevate" | "fade-image" | (string & {})>;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -477,6 +455,17 @@ declare const VAppBar: {
 }>>;
 type VAppBar = InstanceType<typeof VAppBar>;
 
+interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean | {
+        class: string;
+    };
+    modifiers: {
+        center?: boolean;
+        circle?: boolean;
+        stop?: boolean;
+    };
+}
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -506,12 +495,15 @@ interface GroupProvide {
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
+declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
+type Variant = typeof allowedVariants[number];
+
 declare const VAppBarNavIcon: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -519,7 +511,7 @@ declare const VAppBarNavIcon: {
         size: string | number;
         readonly: boolean;
         tag: string;
-        icon: NonNullable<boolean | IconValue>;
+        icon: boolean | IconValue;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -528,7 +520,7 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -574,7 +566,7 @@ declare const VAppBarNavIcon: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -582,7 +574,7 @@ declare const VAppBarNavIcon: {
         size: string | number;
         readonly: boolean;
         tag: string;
-        icon: NonNullable<boolean | IconValue>;
+        icon: boolean | IconValue;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -591,7 +583,7 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -637,7 +629,7 @@ declare const VAppBarNavIcon: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         active: boolean;
@@ -646,7 +638,7 @@ declare const VAppBarNavIcon: {
         size: string | number;
         readonly: boolean;
         tag: string;
-        icon: NonNullable<boolean | IconValue>;
+        icon: boolean | IconValue;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -656,18 +648,10 @@ declare const VAppBarNavIcon: {
             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: {};
@@ -679,7 +663,7 @@ declare const VAppBarNavIcon: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         style: vue.StyleValue;
@@ -687,7 +671,7 @@ declare const VAppBarNavIcon: {
         size: string | number;
         readonly: boolean;
         tag: string;
-        icon: NonNullable<boolean | IconValue>;
+        icon: boolean | IconValue;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -696,7 +680,7 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
+        location?: Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -742,7 +726,7 @@ declare const VAppBarNavIcon: {
         symbol: any;
         replace: boolean;
         flat: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
         block: boolean;
         active: boolean;
@@ -751,7 +735,7 @@ declare const VAppBarNavIcon: {
         size: string | number;
         readonly: boolean;
         tag: string;
-        icon: NonNullable<boolean | IconValue>;
+        icon: boolean | IconValue;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -761,14 +745,14 @@ declare const VAppBarNavIcon: {
             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<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     block: boolean;
     style: vue.StyleValue;
@@ -776,7 +760,7 @@ declare const VAppBarNavIcon: {
     size: string | number;
     readonly: boolean;
     tag: string;
-    icon: NonNullable<boolean | IconValue>;
+    icon: boolean | IconValue;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -785,7 +769,7 @@ declare const VAppBarNavIcon: {
         class: string;
     } | undefined;
 } & {
-    location?: Anchor | undefined;
+    location?: Anchor | null | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     active?: boolean | undefined;
@@ -831,7 +815,7 @@ declare const VAppBarNavIcon: {
     symbol: any;
     replace: boolean;
     flat: boolean;
-    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     exact: boolean;
     block: boolean;
     active: boolean;
@@ -840,7 +824,7 @@ declare const VAppBarNavIcon: {
     size: string | number;
     readonly: boolean;
     tag: string;
-    icon: NonNullable<boolean | IconValue>;
+    icon: boolean | IconValue;
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
@@ -850,30 +834,22 @@ declare const VAppBarNavIcon: {
         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<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">;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
-        default: NonNullable<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;
     tag: Omit<{
@@ -900,7 +876,7 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: vue.PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     value: null;
     disabled: BooleanConstructor;
@@ -920,7 +896,7 @@ declare const VAppBarNavIcon: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -937,7 +913,7 @@ declare const VAppBarNavIcon: {
     };
     flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        type: vue.PropType<boolean | IconValue>;
         default: NonNullable<boolean | IconValue>;
     };
     prependIcon: vue.PropType<IconValue>;
@@ -947,24 +923,22 @@ declare const VAppBarNavIcon: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<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">;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
-        default: NonNullable<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;
     tag: Omit<{
@@ -991,7 +965,7 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
-    location: vue.PropType<Anchor>;
+    location: vue.PropType<Anchor | null>;
     loading: (StringConstructor | BooleanConstructor)[];
     value: null;
     disabled: BooleanConstructor;
@@ -1011,7 +985,7 @@ declare const VAppBarNavIcon: {
         default: string;
         validator: (v: any) => boolean;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -1028,7 +1002,7 @@ declare const VAppBarNavIcon: {
     };
     flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        type: vue.PropType<boolean | IconValue>;
         default: NonNullable<boolean | IconValue>;
     };
     prependIcon: vue.PropType<IconValue>;
@@ -1038,9 +1012,7 @@ declare const VAppBarNavIcon: {
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: vue.PropType<boolean | {
-            class: string;
-        } | undefined>;
+        type: vue.PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     text: StringConstructor;
@@ -1088,12 +1060,8 @@ declare const VAppBarTitle: {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        text: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -1123,9 +1091,9 @@ declare const VAppBarTitle: {
         style: vue.StyleValue;
         tag: string;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
@@ -1148,18 +1116,14 @@ declare const VAppBarTitle: {
     style: vue.StyleValue;
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    text: () => 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;
@@ -1170,7 +1134,7 @@ declare const VAppBarTitle: {
         type: StringConstructor;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;