vuetify 3.2.1 → 3.2.2

package/lib/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, EffectScope, ComputedRef, nextTick, ComponentInternalInstance, WritableComputedRef, CSSProperties, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
+import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, ComponentInternalInstance, ComputedRef, JSXComponent, EffectScope, nextTick, WritableComputedRef, CSSProperties, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
@@ -674,6 +674,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }> & Omit<{
             flat: boolean;
@@ -688,6 +689,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -701,7 +703,6 @@ declare const VAppBar: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             scrollTarget?: string | undefined;
-            scrollThreshold?: string | number | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -728,7 +729,7 @@ declare const VAppBar: {
             "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "scrollThreshold" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -755,6 +756,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -768,7 +770,6 @@ declare const VAppBar: {
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
             scrollTarget?: string | undefined;
-            scrollThreshold?: string | number | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -811,6 +812,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -845,6 +847,7 @@ declare const VAppBar: {
         extended: boolean;
         extensionHeight: string | number;
         floating: boolean;
+        scrollThreshold: string | number;
         modelValue: boolean;
     } & {
         name?: string | undefined;
@@ -858,7 +861,6 @@ declare const VAppBar: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         scrollTarget?: string | undefined;
-        scrollThreshold?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -902,6 +904,7 @@ declare const VAppBar: {
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 } & {
     name?: string | undefined;
@@ -915,7 +918,6 @@ declare const VAppBar: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     scrollTarget?: string | undefined;
-    scrollThreshold?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -958,6 +960,7 @@ declare const VAppBar: {
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     height: {
@@ -969,6 +972,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1036,6 +1040,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1096,6 +1101,41 @@ declare const VAppBar: {
 }>>;
 type VAppBar = InstanceType<typeof VAppBar>;
 
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+interface GroupItemProvide {
+    id: number;
+    isSelected: Ref<boolean>;
+    toggle: () => void;
+    select: (value: boolean) => void;
+    selectedClass: Ref<(string | undefined)[] | false>;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+    group: GroupProvide;
+}
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 declare const VComponentIcon: {
@@ -1492,13 +1532,61 @@ declare const VAppBarNavIcon: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            active: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         }> & Omit<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         } & {
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            text?: string | undefined;
             class?: any;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -1517,7 +1605,7 @@ declare const VAppBarNavIcon: {
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "icon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "symbol" | "replace" | "flat" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "icon" | "rounded" | "density" | "variant" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1532,10 +1620,44 @@ declare const VAppBarNavIcon: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         } & {
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            value?: any;
+            loading?: string | boolean | undefined;
+            text?: string | undefined;
             class?: any;
+            href?: string | undefined;
+            elevation?: string | number | undefined;
+            to?: vue_router.RouteLocationRaw | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            selectedClass?: string | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -1555,8 +1677,22 @@ declare const VAppBarNavIcon: {
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            symbol: any;
+            replace: boolean;
+            flat: boolean;
+            exact: boolean;
+            block: boolean;
+            active: boolean;
             style: vue.StyleValue;
-            icon: IconValue;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            icon: NonNullable<boolean | IconValue>;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+            stacked: boolean;
+            ripple: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1578,10 +1714,44 @@ declare const VAppBarNavIcon: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        icon: IconValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        icon: NonNullable<boolean | IconValue>;
+        density: Density;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        stacked: boolean;
+        ripple: boolean;
     } & {
+        location?: Anchor | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        active?: boolean | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
         class?: any;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        selectedClass?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1605,10 +1775,44 @@ declare const VAppBarNavIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    icon: IconValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    icon: NonNullable<boolean | IconValue>;
+    density: Density;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    stacked: boolean;
+    ripple: boolean;
 } & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    active?: boolean | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
     class?: any;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    selectedClass?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -1628,28 +1832,192 @@ declare const VAppBarNavIcon: {
     "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
+    active: boolean;
     style: vue.StyleValue;
-    icon: IconValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    icon: NonNullable<boolean | IconValue>;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    stacked: boolean;
+    ripple: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: Omit<Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"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">>;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: (StringConstructor | BooleanConstructor)[];
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<IconValue>;
-        default: string;
+        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        default: NonNullable<boolean | IconValue>;
     };
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: StringConstructor;
 }, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"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">>;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    loading: (StringConstructor | BooleanConstructor)[];
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
     icon: {
-        type: vue.PropType<IconValue>;
-        default: string;
+        type: vue.PropType<NonNullable<boolean | IconValue>>;
+        default: NonNullable<boolean | IconValue>;
+    };
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    text: StringConstructor;
 }>>;
 type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>;
 
@@ -1801,8 +2169,6 @@ declare const VAppBarTitle: {
 }>>;
 type VAppBarTitle = InstanceType<typeof VAppBarTitle>;
 
-type Density = null | 'default' | 'comfortable' | 'compact';
-
 declare const allowedTypes: readonly ["success", "info", "warning", "error"];
 type ContextualType = typeof allowedTypes[number];
 declare const VAlert: {
@@ -8432,39 +8798,6 @@ declare const VBreadcrumbsDivider: {
     divider: (StringConstructor | NumberConstructor)[];
 }>>;
 
-interface GroupItem {
-    id: number;
-    value: Ref<unknown>;
-    disabled: Ref<boolean | undefined>;
-}
-interface GroupProvide {
-    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
-    prev: () => void;
-    next: () => void;
-    selectedClass: Ref<string | undefined>;
-    items: ComputedRef<{
-        id: number;
-        value: unknown;
-        disabled: boolean | undefined;
-    }[]>;
-    disabled: Ref<boolean | undefined>;
-    getItemIndex: (value: unknown) => number;
-}
-interface GroupItemProvide {
-    id: number;
-    isSelected: Ref<boolean>;
-    toggle: () => void;
-    select: (value: boolean) => void;
-    selectedClass: Ref<(string | undefined)[] | false>;
-    value: Ref<unknown>;
-    disabled: Ref<boolean | undefined>;
-    group: GroupProvide;
-}
-
 declare const VBtn: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;

package/lib/composables/icons.mjs

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Icons
 import { aliases, mdi } from "../iconsets/mdi.mjs"; // Utilities
-import { computed, inject, isRef } from 'vue';
+import { computed, inject, unref } from 'vue';
 import { defineComponent, genericComponent, mergeDeep, propsFactory } from "../util/index.mjs"; // Types
 export const IconValue = [String, Function, Object, Array];
 export const IconSymbol = Symbol.for('vuetify:icons');
@@ -106,7 +106,7 @@ export const useIcon = props => {
   const icons = inject(IconSymbol);
   if (!icons) throw new Error('Missing Vuetify Icons provide!');
   const iconData = computed(() => {
-    const iconAlias = isRef(props) ? props.value : props.icon;
+    const iconAlias = unref(props);
     if (!iconAlias) return {
       component: VComponentIcon
     };