vuetify 3.2.0 → 3.2.2

package/dist/vuetify.d.ts

@@ -1,32 +1,41 @@
 import * as vue from 'vue';
-import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, CSSProperties, EffectScope, ComputedRef, nextTick, ComponentInternalInstance, DirectiveBinding, WritableComputedRef, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
+import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXComponent, CSSProperties, ComponentInternalInstance, ComputedRef, EffectScope, nextTick, DirectiveBinding, WritableComputedRef, Prop, ComponentPublicInstance, InjectionKey, UnwrapRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
 import { RouteLocationRaw } from 'vue-router';
 
-declare const block: readonly ["top", "bottom"];
-declare const inline: readonly ["start", "end", "left", "right"];
-type Tblock = typeof block[number];
-type Tinline = typeof inline[number];
-type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
-
-declare class Box {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    constructor({ x, y, width, height }: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    });
-    get top(): number;
-    get bottom(): number;
-    get left(): number;
-    get right(): number;
+interface LocaleMessages {
+    [key: string]: LocaleMessages | string;
+}
+interface LocaleOptions {
+    messages?: LocaleMessages;
+    locale?: string;
+    fallback?: string;
+    adapter?: LocaleInstance;
+}
+interface LocaleInstance {
+    name: string;
+    messages: Ref<LocaleMessages>;
+    current: Ref<string>;
+    fallback: Ref<string>;
+    t: (key: string, ...params: unknown[]) => string;
+    n: (value: number) => string;
+    provide: (props: LocaleOptions) => LocaleInstance;
+}
+declare function useLocale(): LocaleInstance & RtlInstance;
+interface RtlOptions {
+    rtl?: Record<string, boolean>;
 }
+interface RtlInstance {
+    isRtl: Ref<boolean>;
+    rtl: Ref<Record<string, boolean>>;
+    rtlClasses: Ref<string>;
+}
+declare function useRtl(): {
+    isRtl: Ref<boolean>;
+    rtlClasses: Ref<string>;
+};
 
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -86,6 +95,80 @@ interface ThemeInstance {
 }
 declare function useTheme(): ThemeInstance;
 
+declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
+type Breakpoint = typeof breakpoints[number];
+type DisplayBreakpoint = 'xs' | Breakpoint;
+type DisplayThresholds = {
+    [key in DisplayBreakpoint]: number;
+};
+interface DisplayOptions {
+    mobileBreakpoint?: number | DisplayBreakpoint;
+    thresholds?: Partial<DisplayThresholds>;
+}
+interface DisplayPlatform {
+    android: boolean;
+    ios: boolean;
+    cordova: boolean;
+    electron: boolean;
+    chrome: boolean;
+    edge: boolean;
+    firefox: boolean;
+    opera: boolean;
+    win: boolean;
+    mac: boolean;
+    linux: boolean;
+    touch: boolean;
+    ssr: boolean;
+}
+interface DisplayInstance {
+    xs: Ref<boolean>;
+    sm: Ref<boolean>;
+    md: Ref<boolean>;
+    lg: Ref<boolean>;
+    xl: Ref<boolean>;
+    xxl: Ref<boolean>;
+    smAndUp: Ref<boolean>;
+    mdAndUp: Ref<boolean>;
+    lgAndUp: Ref<boolean>;
+    xlAndUp: Ref<boolean>;
+    smAndDown: Ref<boolean>;
+    mdAndDown: Ref<boolean>;
+    lgAndDown: Ref<boolean>;
+    xlAndDown: Ref<boolean>;
+    name: Ref<DisplayBreakpoint>;
+    height: Ref<number>;
+    width: Ref<number>;
+    mobile: Ref<boolean>;
+    mobileBreakpoint: Ref<number | DisplayBreakpoint>;
+    platform: Ref<DisplayPlatform>;
+    thresholds: Ref<DisplayThresholds>;
+    update(): void;
+}
+declare function useDisplay(): DisplayInstance;
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare class Box {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    constructor({ x, y, width, height }: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    });
+    get top(): number;
+    get bottom(): number;
+    get left(): number;
+    get right(): number;
+}
+
 type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
@@ -115,29 +198,12 @@ type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<str
 type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
 declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
 
-interface InternalItem<T = any> {
-    title: string;
-    value: any;
-    props: {
-        [key: string]: any;
-        title: string;
-        value: any;
-    };
-    children?: InternalItem<T>[];
-    raw: T;
-}
-
-/**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
- */
-type FilterMatch = boolean | number | [number, number] | [number, number][];
-type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
-type FilterKeyFunctions = Record<string, FilterFunction>;
-type FilterKeys = string | string[];
-type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+type DefaultsInstance = undefined | {
+    [key: string]: undefined | Record<string, unknown>;
+    global?: Record<string, unknown>;
+};
+type DefaultsOptions = Partial<DefaultsInstance>;
+declare function useDefaults(props?: Record<string, any>, name?: string): Record<string, any>;
 
 interface DateAdapter<Date> {
     date(value?: any): Date | null;
@@ -172,99 +238,6 @@ type DateOptions = {
     };
 };
 
-interface LocaleMessages {
-    [key: string]: LocaleMessages | string;
-}
-interface LocaleOptions {
-    messages?: LocaleMessages;
-    locale?: string;
-    fallback?: string;
-    adapter?: LocaleInstance;
-}
-interface LocaleInstance {
-    name: string;
-    messages: Ref<LocaleMessages>;
-    current: Ref<string>;
-    fallback: Ref<string>;
-    t: (key: string, ...params: unknown[]) => string;
-    n: (value: number) => string;
-    provide: (props: LocaleOptions) => LocaleInstance;
-}
-declare function useLocale(): LocaleInstance & RtlInstance;
-interface RtlOptions {
-    rtl?: Record<string, boolean>;
-}
-interface RtlInstance {
-    isRtl: Ref<boolean>;
-    rtl: Ref<Record<string, boolean>>;
-    rtlClasses: Ref<string>;
-}
-declare function useRtl(): {
-    isRtl: Ref<boolean>;
-    rtlClasses: Ref<string>;
-};
-
-declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
-type Breakpoint = typeof breakpoints[number];
-type DisplayBreakpoint = 'xs' | Breakpoint;
-type DisplayThresholds = {
-    [key in DisplayBreakpoint]: number;
-};
-interface DisplayOptions {
-    mobileBreakpoint?: number | DisplayBreakpoint;
-    thresholds?: Partial<DisplayThresholds>;
-}
-interface DisplayPlatform {
-    android: boolean;
-    ios: boolean;
-    cordova: boolean;
-    electron: boolean;
-    chrome: boolean;
-    edge: boolean;
-    firefox: boolean;
-    opera: boolean;
-    win: boolean;
-    mac: boolean;
-    linux: boolean;
-    touch: boolean;
-    ssr: boolean;
-}
-interface DisplayInstance {
-    xs: Ref<boolean>;
-    sm: Ref<boolean>;
-    md: Ref<boolean>;
-    lg: Ref<boolean>;
-    xl: Ref<boolean>;
-    xxl: Ref<boolean>;
-    smAndUp: Ref<boolean>;
-    mdAndUp: Ref<boolean>;
-    lgAndUp: Ref<boolean>;
-    xlAndUp: Ref<boolean>;
-    smAndDown: Ref<boolean>;
-    mdAndDown: Ref<boolean>;
-    lgAndDown: Ref<boolean>;
-    xlAndDown: Ref<boolean>;
-    name: Ref<DisplayBreakpoint>;
-    height: Ref<number>;
-    width: Ref<number>;
-    mobile: Ref<boolean>;
-    mobileBreakpoint: Ref<number | DisplayBreakpoint>;
-    platform: Ref<DisplayPlatform>;
-    thresholds: Ref<DisplayThresholds>;
-    update(): void;
-}
-declare function useDisplay(): DisplayInstance;
-
-type DefaultsInstance = undefined | {
-    [key: string]: undefined | Record<string, unknown>;
-    global?: Record<string, unknown>;
-};
-type DefaultsOptions = Partial<DefaultsInstance>;
-declare function useDefaults(props?: Record<string, any>, name?: string, defaults?: Ref<DefaultsInstance>): {
-    props: Record<string, any>;
-    provideSubDefaults: () => void;
-};
-
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 interface IconAliases {
@@ -1330,6 +1303,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }> & Omit<{
             flat: boolean;
@@ -1344,6 +1318,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -1357,7 +1332,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;
@@ -1384,7 +1358,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;
         };
@@ -1411,6 +1385,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -1424,7 +1399,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;
@@ -1467,6 +1441,7 @@ declare const VAppBar: {
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1501,6 +1476,7 @@ declare const VAppBar: {
         extended: boolean;
         extensionHeight: string | number;
         floating: boolean;
+        scrollThreshold: string | number;
         modelValue: boolean;
     } & {
         name?: string | undefined;
@@ -1514,7 +1490,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;
@@ -1558,6 +1533,7 @@ declare const VAppBar: {
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 } & {
     name?: string | undefined;
@@ -1571,7 +1547,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;
@@ -1614,6 +1589,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: {
@@ -1625,6 +1601,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1692,6 +1669,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -1752,18 +1730,101 @@ 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';
+
 declare const VAppBarNavIcon: {
     new (...args: any[]): {
         $: 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;
@@ -1782,7 +1843,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;
         };
@@ -1797,10 +1858,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;
@@ -1820,8 +1915,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;
@@ -1843,10 +1952,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;
@@ -1870,10 +2013,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;
@@ -1893,28 +2070,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>;
 
@@ -2066,8 +2407,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: {
@@ -2723,6 +3062,30 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
     } | undefined;
 };
 
+interface InternalItem<T = any> {
+    title: string;
+    value: any;
+    props: {
+        [key: string]: any;
+        title: string;
+        value: any;
+    };
+    children?: InternalItem<T>[];
+    raw: T;
+}
+
+/**
+ * - match without highlight
+ * - single match (index), length already known
+ * - single match (start, end)
+ * - multiple matches (start, end), probably shouldn't overlap
+ */
+type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
+type FilterKeyFunctions = Record<string, FilterFunction>;
+type FilterKeys = string | string[];
+type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+
 interface LoaderSlotProps {
     color: string | undefined;
     isActive: boolean;
@@ -8670,39 +9033,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;
@@ -59504,10 +59834,10 @@ declare module '@vue/runtime-core' {
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
@@ -59566,8 +59896,8 @@ declare module '@vue/runtime-core' {
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']