vuetify 3.7.8 → 3.7.10

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, ComponentInternalInstance, Ref, ComputedRef, DirectiveBinding, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentInternalInstance, Ref, ComputedRef, DirectiveBinding, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
@@ -11,6 +11,31 @@ type Tblock = typeof block[number];
 type Tinline = typeof inline[number];
 type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
+type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
+    $children?: (VNodeChild | (T extends {
+        default: infer V;
+    } ? V : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+};
+type RawSlots = Record<string, unknown>;
+type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
+type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
+type MakeInternalSlots<T extends RawSlots> = {
+    [K in keyof T]: Slot<T[K]>;
+};
+type MakeSlots<T extends RawSlots> = {
+    [K in keyof T]: VueSlot<T[K]>;
+};
+type GenericProps<Props, Slots extends Record<string, unknown>> = {
+    $props: Props & SlotsToProps<Slots>;
+    $slots: MakeSlots<Slots>;
+};
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
@@ -1685,8 +1710,17 @@ type Breakpoint = typeof breakpoints[number];
 type DisplayBreakpoint = 'xs' | Breakpoint;
 
 type TabItem = string | number | Record<string, any>;
-type VTabsSlot = {
-    item: TabItem;
+type VTabsSlot<T> = {
+    item: T;
+};
+type VTabsSlots<T> = {
+    default: never;
+    tab: VTabsSlot<T>;
+    item: VTabsSlot<T>;
+    window: never;
+} & {
+    [key: `tab.${string}`]: VTabsSlot<T>;
+    [key: `item.${string}`]: VTabsSlot<T>;
 };
 declare const VTabs: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
@@ -1698,7 +1732,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -1719,35 +1752,11 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (v: unknown) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -1756,7 +1765,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -1777,30 +1785,6 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {
@@ -1814,7 +1798,6 @@ declare const VTabs: {
         tag: string;
         mandatory: boolean | "force";
         modelValue: any;
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -1826,11 +1809,11 @@ declare const VTabs: {
         alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode[];
-        [x: `item.${string}`]: (arg: VTabsSlot) => vue.VNode[];
+        [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
+        [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
         default: () => vue.VNode[];
-        tab: (arg: VTabsSlot) => vue.VNode[];
-        item: (arg: VTabsSlot) => vue.VNode[];
+        tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
+        item: (arg: VTabsSlot<unknown>) => vue.VNode[];
         window: () => vue.VNode[];
     }>>, {
         P: {};
@@ -1848,7 +1831,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -1869,30 +1851,6 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {}, {}, {}, {}, {
@@ -1906,7 +1864,6 @@ declare const VTabs: {
         tag: string;
         mandatory: boolean | "force";
         modelValue: any;
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -1930,7 +1887,6 @@ declare const VTabs: {
     multiple: boolean;
     tag: string;
     mandatory: boolean | "force";
-    items: readonly TabItem[];
     density: Density;
     selectedClass: string;
     stacked: boolean;
@@ -1951,35 +1907,11 @@ declare const VTabs: {
     bgColor?: string | undefined;
     showArrows?: string | boolean | undefined;
     sliderColor?: string | undefined;
-} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        window?: (() => vue.VNodeChild) | undefined;
-    };
-    'v-slots'?: {
-        [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        default?: false | (() => vue.VNodeChild) | undefined;
-        tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        window?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (v: unknown) => true;
-}, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, string, {
     symbol: any;
     height: string | number;
     direction: "horizontal" | "vertical";
@@ -1990,7 +1922,6 @@ declare const VTabs: {
     tag: string;
     mandatory: boolean | "force";
     modelValue: any;
-    items: readonly TabItem[];
     density: Density;
     selectedClass: string;
     stacked: boolean;
@@ -2002,13 +1933,15 @@ declare const VTabs: {
     alignTabs: "center" | "end" | "start" | "title";
     fixedTabs: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode[];
-    [x: `item.${string}`]: (arg: VTabsSlot) => vue.VNode[];
+    [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
+    [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
     default: () => vue.VNode[];
-    tab: (arg: VTabsSlot) => vue.VNode[];
-    item: (arg: VTabsSlot) => vue.VNode[];
+    tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
+    item: (arg: VTabsSlot<unknown>) => vue.VNode[];
     window: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T = TabItem>(props: {
+    items?: T;
+}, slots: VTabsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;

package/lib/components/index.d.mts

@@ -55956,8 +55956,17 @@ declare const VTab: {
 type VTab = InstanceType<typeof VTab>;
 
 type TabItem = string | number | Record<string, any>;
-type VTabsSlot = {
-    item: TabItem;
+type VTabsSlot<T> = {
+    item: T;
+};
+type VTabsSlots<T> = {
+    default: never;
+    tab: VTabsSlot<T>;
+    item: VTabsSlot<T>;
+    window: never;
+} & {
+    [key: `tab.${string}`]: VTabsSlot<T>;
+    [key: `item.${string}`]: VTabsSlot<T>;
 };
 declare const VTabs: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
@@ -55969,7 +55978,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -55990,35 +55998,11 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (v: unknown) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -56027,7 +56011,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -56048,30 +56031,6 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {
@@ -56085,7 +56044,6 @@ declare const VTabs: {
         tag: string;
         mandatory: boolean | "force";
         modelValue: any;
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -56097,11 +56055,11 @@ declare const VTabs: {
         alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode[];
-        [x: `item.${string}`]: (arg: VTabsSlot) => vue.VNode[];
+        [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
+        [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
         default: () => vue.VNode[];
-        tab: (arg: VTabsSlot) => vue.VNode[];
-        item: (arg: VTabsSlot) => vue.VNode[];
+        tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
+        item: (arg: VTabsSlot<unknown>) => vue.VNode[];
         window: () => vue.VNode[];
     }>>, {
         P: {};
@@ -56119,7 +56077,6 @@ declare const VTabs: {
         multiple: boolean;
         tag: string;
         mandatory: boolean | "force";
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -56140,30 +56097,6 @@ declare const VTabs: {
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-            window?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {}, {}, {}, {}, {
@@ -56177,7 +56110,6 @@ declare const VTabs: {
         tag: string;
         mandatory: boolean | "force";
         modelValue: any;
-        items: readonly TabItem[];
         density: Density;
         selectedClass: string;
         stacked: boolean;
@@ -56201,7 +56133,6 @@ declare const VTabs: {
     multiple: boolean;
     tag: string;
     mandatory: boolean | "force";
-    items: readonly TabItem[];
     density: Density;
     selectedClass: string;
     stacked: boolean;
@@ -56222,35 +56153,11 @@ declare const VTabs: {
     bgColor?: string | undefined;
     showArrows?: string | boolean | undefined;
     sliderColor?: string | undefined;
-} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        [x: `tab.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `item.${string}`]: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        tab?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        item?: ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        window?: (() => vue.VNodeChild) | undefined;
-    };
-    'v-slots'?: {
-        [x: `tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        [x: `item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        default?: false | (() => vue.VNodeChild) | undefined;
-        tab?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        item?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-        window?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    [x: `v-slot:tab.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    [x: `v-slot:item.${string}`]: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:tab"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:item"?: false | ((arg: VTabsSlot) => vue.VNodeChild) | undefined;
-    "v-slot:window"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (v: unknown) => true;
-}, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, string, {
     symbol: any;
     height: string | number;
     direction: "horizontal" | "vertical";
@@ -56261,7 +56168,6 @@ declare const VTabs: {
     tag: string;
     mandatory: boolean | "force";
     modelValue: any;
-    items: readonly TabItem[];
     density: Density;
     selectedClass: string;
     stacked: boolean;
@@ -56273,13 +56179,15 @@ declare const VTabs: {
     alignTabs: "center" | "end" | "start" | "title";
     fixedTabs: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode[];
-    [x: `item.${string}`]: (arg: VTabsSlot) => vue.VNode[];
+    [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
+    [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
     default: () => vue.VNode[];
-    tab: (arg: VTabsSlot) => vue.VNode[];
-    item: (arg: VTabsSlot) => vue.VNode[];
+    tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
+    item: (arg: VTabsSlot<unknown>) => vue.VNode[];
     window: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T = TabItem>(props: {
+    items?: T;
+}, slots: VTabsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;

package/lib/components/transitions/expand-transition.mjs

@@ -16,6 +16,7 @@ export default function () {
     },
     onEnter(el) {
       const initialStyle = el._initialStyle;
+      if (!initialStyle) return;
       el.style.setProperty('transition', 'none', 'important');
       // Hide overflow to account for collapsed margins in the calculated height
       el.style.overflow = 'hidden';
@@ -55,6 +56,7 @@ export default function () {
     resetStyles(el);
   }
   function resetStyles(el) {
+    if (!el._initialStyle) return;
     const size = el._initialStyle[sizeProperty];
     el.style.overflow = el._initialStyle.overflow;
     if (size != null) el.style[sizeProperty] = size;

package/lib/components/transitions/expand-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"expand-transition.mjs","names":["camelize","expandedParentClass","arguments","length","undefined","x","sizeProperty","offsetProperty","onBeforeEnter","el","_parent","parentNode","_initialStyle","transition","style","overflow","onEnter","initialStyle","setProperty","offset","offsetHeight","classList","add","requestAnimationFrame","onAfterEnter","resetStyles","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","remove","size"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["// Utilities\nimport { camelize } from 'vue'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = camelize(`offset-${sizeProperty}`) as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      const initialStyle = el._initialStyle!\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave,\n    onLeaveCancelled: onAfterLeave,\n  }\n\n  function onAfterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    const size = el._initialStyle![sizeProperty]\n    el.style.overflow = el._initialStyle!.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"expand-transition.mjs","names":["camelize","expandedParentClass","arguments","length","undefined","x","sizeProperty","offsetProperty","onBeforeEnter","el","_parent","parentNode","_initialStyle","transition","style","overflow","onEnter","initialStyle","setProperty","offset","offsetHeight","classList","add","requestAnimationFrame","onAfterEnter","resetStyles","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","remove","size"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["// Utilities\nimport { camelize } from 'vue'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = camelize(`offset-${sizeProperty}`) as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      const initialStyle = el._initialStyle\n      if (!initialStyle) return\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave,\n    onLeaveCancelled: onAfterLeave,\n  }\n\n  function onAfterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    if (!el._initialStyle) return\n\n    const size = el._initialStyle[sizeProperty]\n    el.style.overflow = el._initialStyle.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/composables/display.mjs

@@ -128,7 +128,9 @@ export const makeDisplayProps = propsFactory({
   mobileBreakpoint: [Number, String]
 }, 'display');
 export function useDisplay() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    mobile: null
+  };
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const display = inject(DisplaySymbol);
   if (!display) throw new Error('Could not find Vuetify display injection');