@vuetify/nightly 4.0.0-dev-20230427.0 → 4.0.0-dev-20230511.0

package/lib/components/VAppBar/{index.d.ts → index.d.mts}

@@ -1,11 +1,19 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, ComponentInternalInstance, Ref, ComputedRef, JSXComponent } from 'vue';
+// @ts-ignore
+import * as vue_router 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'}`;
 
 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): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
 
-type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact';
+type Density$1 = null | 'prominent' | 'default' | 'comfortable' | 'compact';
 
 declare const VAppBar: {
     new (...args: any[]): {
@@ -21,10 +29,11 @@ declare const VAppBar: {
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
-            density: Density;
+            density: Density$1;
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }> & Omit<{
             flat: boolean;
@@ -35,10 +44,11 @@ declare const VAppBar: {
             style: vue.StyleValue;
             tag: string;
             collapse: boolean;
-            density: Density;
+            density: Density$1;
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -52,7 +62,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;
@@ -79,7 +88,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;
         };
@@ -102,10 +111,11 @@ declare const VAppBar: {
             style: vue.StyleValue;
             tag: string;
             collapse: boolean;
-            density: Density;
+            density: Density$1;
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
@@ -119,7 +129,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;
@@ -158,10 +167,11 @@ declare const VAppBar: {
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
-            density: Density;
+            density: Density$1;
             extended: boolean;
             extensionHeight: string | number;
             floating: boolean;
+            scrollThreshold: string | number;
             modelValue: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -192,10 +202,11 @@ declare const VAppBar: {
         style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        density: Density;
+        density: Density$1;
         extended: boolean;
         extensionHeight: string | number;
         floating: boolean;
+        scrollThreshold: string | number;
         modelValue: boolean;
     } & {
         name?: string | undefined;
@@ -209,7 +220,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;
@@ -249,10 +259,11 @@ declare const VAppBar: {
     style: vue.StyleValue;
     tag: string;
     collapse: boolean;
-    density: Density;
+    density: Density$1;
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 } & {
     name?: string | undefined;
@@ -266,7 +277,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;
@@ -305,10 +315,11 @@ declare const VAppBar: {
     tag: string;
     collapse: boolean;
     rounded: string | number | boolean;
-    density: Density;
+    density: Density$1;
     extended: boolean;
     extensionHeight: string | number;
     floating: boolean;
+    scrollThreshold: string | number;
     modelValue: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     height: {
@@ -320,6 +331,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -354,7 +366,7 @@ declare const VAppBar: {
     collapse: BooleanConstructor;
     color: StringConstructor;
     density: {
-        type: PropType<Density>;
+        type: PropType<Density$1>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -387,6 +399,7 @@ declare const VAppBar: {
     };
     scrollThreshold: {
         type: (StringConstructor | NumberConstructor)[];
+        default: number;
     };
     name: {
         type: StringConstructor;
@@ -421,7 +434,7 @@ declare const VAppBar: {
     collapse: BooleanConstructor;
     color: StringConstructor;
     density: {
-        type: PropType<Density>;
+        type: PropType<Density$1>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -447,6 +460,31 @@ 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;
+}
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -455,13 +493,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;
@@ -480,7 +566,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;
         };
@@ -495,10 +581,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;
@@ -518,8 +638,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;
@@ -541,10 +675,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;
@@ -568,10 +736,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;
@@ -591,28 +793,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>;
 

package/lib/components/VAutocomplete/VAutocomplete.css

@@ -84,7 +84,7 @@
 .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
   opacity: 0;
 }
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
 }
 .v-autocomplete--selection-slot.v-text-field input {

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -7,6 +7,7 @@ import { makeSelectProps } from "../VSelect/VSelect.mjs";
 import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VIcon } from "./../index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
 import { VMenu } from "../VMenu/index.mjs";
 import { VTextField } from "../VTextField/index.mjs"; // Composables
@@ -295,11 +296,13 @@ export const VAutocomplete = genericComponent()({
                 let {
                   isSelected
                 } = _ref2;
-                return props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
+                return _createVNode(_Fragment, null, [props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
                   "modelValue": isSelected,
                   "ripple": false,
                   "tabindex": "-1"
-                }, null) : undefined;
+                }, null) : undefined, item.props.prependIcon && _createVNode(VIcon, {
+                  "icon": item.props.prependIcon
+                }, null)]);
               },
               title: () => {
                 return isPristine.value ? item.title : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0);
@@ -314,6 +317,10 @@ export const VAutocomplete = genericComponent()({
           }
           const slotProps = {
             'onClick:close': onChipClose,
+            onMousedown(e) {
+              e.preventDefault();
+              e.stopPropagation();
+            },
             modelValue: true,
             'onUpdate:modelValue': undefined
           };