@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-10 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

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

@@ -66,10 +66,6 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
-type VMessageSlot = {
-    message: string;
-};
-
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type ValidationResult = string | boolean;
@@ -78,6 +74,10 @@ type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+type VMessageSlot = {
+    message: string;
+};
+
 interface VInputSlot {
     id: ComputedRef<string>;
     messagesId: ComputedRef<string>;
@@ -283,40 +283,39 @@ type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple
 type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 declare const VAutocomplete: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        menu: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
-        active: boolean;
         error: boolean;
-        disabled: boolean;
-        messages: string | readonly string[];
-        noDataText: string;
+        active: boolean;
+        direction: "horizontal" | "vertical";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
-        focused: boolean;
+        menu: boolean;
+        style: vue.StyleValue;
+        role: string;
+        autofocus: boolean;
         eager: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -333,32 +332,33 @@ declare const VAutocomplete: {
         clearOnSelect: boolean;
     } & {
         search?: string | undefined;
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        prefix?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        prefix?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
         customFilter?: FilterFunction | undefined;
@@ -367,13 +367,13 @@ declare const VAutocomplete: {
         counterValue?: number | ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
         listProps?: (Partial<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
+            rounded: string | number | boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -386,11 +386,11 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         }> & Omit<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -403,19 +403,19 @@ declare const VAutocomplete: {
             lines: false | "one" | "two" | "three";
             returnObject: boolean;
             itemType: string;
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -430,11 +430,11 @@ declare const VAutocomplete: {
                 path: unknown[];
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -448,19 +448,19 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         } & {
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -475,7 +475,7 @@ declare const VAutocomplete: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -500,10 +500,10 @@ declare const VAutocomplete: {
                 title?: ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: ListItemSlot & {
+                append?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: ((arg: ListItemSlot & {
+                prepend?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -543,10 +543,10 @@ declare const VAutocomplete: {
                 title?: false | ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: ListItemSlot & {
+                append?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: ListItemSlot & {
+                prepend?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -586,10 +586,10 @@ declare const VAutocomplete: {
             "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+            "v-slot:append"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: ListItemSlot & {
+            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -626,22 +626,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         }) | undefined;
         menuProps?: (Partial<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -655,22 +655,22 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         }> & Omit<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -681,20 +681,20 @@ declare const VAutocomplete: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -731,22 +731,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -758,20 +758,20 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         } & {
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -810,7 +810,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -822,41 +822,40 @@ declare const VAutocomplete: {
         'update:search': (value: any) => true;
         'update:modelValue': (value: any) => boolean;
         'update:menu': (value: boolean) => true;
-    }, "$children" | "v-slots" | "modelValue" | "items" | "multiple" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        reverse: boolean;
+    }, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
-        style: vue.StyleValue;
-        menu: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
-        active: boolean;
         error: boolean;
-        disabled: boolean;
-        messages: string | readonly string[];
-        noDataText: string;
+        active: boolean;
+        direction: "horizontal" | "vertical";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
-        focused: boolean;
+        menu: boolean;
+        style: vue.StyleValue;
+        role: string;
+        autofocus: boolean;
         eager: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -873,32 +872,33 @@ declare const VAutocomplete: {
         clearOnSelect: boolean;
     } & {
         search?: string | undefined;
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        prefix?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        prefix?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
         customFilter?: FilterFunction | undefined;
@@ -907,13 +907,13 @@ declare const VAutocomplete: {
         counterValue?: number | ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
         listProps?: (Partial<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
+            rounded: string | number | boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -926,11 +926,11 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         }> & Omit<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -943,19 +943,19 @@ declare const VAutocomplete: {
             lines: false | "one" | "two" | "three";
             returnObject: boolean;
             itemType: string;
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -970,11 +970,11 @@ declare const VAutocomplete: {
                 path: unknown[];
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -988,19 +988,19 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         } & {
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -1015,7 +1015,7 @@ declare const VAutocomplete: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -1040,10 +1040,10 @@ declare const VAutocomplete: {
                 title?: ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: ListItemSlot & {
+                append?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: ((arg: ListItemSlot & {
+                prepend?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -1083,10 +1083,10 @@ declare const VAutocomplete: {
                 title?: false | ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: ListItemSlot & {
+                append?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: ListItemSlot & {
+                prepend?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -1126,10 +1126,10 @@ declare const VAutocomplete: {
             "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+            "v-slot:append"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: ListItemSlot & {
+            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -1166,22 +1166,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         }) | undefined;
         menuProps?: (Partial<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1195,22 +1195,22 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         }> & Omit<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1221,20 +1221,20 @@ declare const VAutocomplete: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1271,22 +1271,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1298,20 +1298,20 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         } & {
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1350,7 +1350,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -1358,31 +1358,32 @@ declare const VAutocomplete: {
         "onUpdate:menu"?: ((value: boolean) => any) | undefined;
         "onUpdate:search"?: ((value: any) => any) | undefined;
     }, {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        menu: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
-        active: boolean;
         error: boolean;
-        disabled: boolean;
-        messages: string | readonly string[];
-        noDataText: string;
+        active: boolean;
+        direction: "horizontal" | "vertical";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
-        focused: boolean;
+        menu: boolean;
+        style: vue.StyleValue;
+        role: string;
+        autofocus: boolean;
         eager: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         rounded: string | number | boolean;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -1392,7 +1393,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -1408,6 +1408,9 @@ declare const VAutocomplete: {
         openOnClear: boolean;
         clearOnSelect: boolean;
     }, true, {}, vue.SlotsType<Partial<{
+        message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
         clear: (arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -1422,15 +1425,12 @@ declare const VAutocomplete: {
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
         prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
         loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -1477,40 +1477,39 @@ declare const VAutocomplete: {
         M: {};
         Defaults: {};
     }, {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        menu: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
-        active: boolean;
         error: boolean;
-        disabled: boolean;
-        messages: string | readonly string[];
-        noDataText: string;
+        active: boolean;
+        direction: "horizontal" | "vertical";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
-        focused: boolean;
+        menu: boolean;
+        style: vue.StyleValue;
+        role: string;
+        autofocus: boolean;
         eager: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
-        centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -1527,32 +1526,33 @@ declare const VAutocomplete: {
         clearOnSelect: boolean;
     } & {
         search?: string | undefined;
-        class?: any;
         id?: string | undefined;
-        label?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        prefix?: string | undefined;
+        color?: string | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
         loading?: string | boolean | undefined;
+        label?: string | undefined;
+        prefix?: string | undefined;
+        class?: any;
         placeholder?: string | undefined;
+        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         rounded?: string | number | boolean | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+        centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
         customFilter?: FilterFunction | undefined;
@@ -1561,13 +1561,13 @@ declare const VAutocomplete: {
         counterValue?: number | ((value: any) => number) | undefined;
         modelModifiers?: Record<string, boolean> | undefined;
         listProps?: (Partial<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
+            rounded: string | number | boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -1580,11 +1580,11 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         }> & Omit<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -1597,19 +1597,19 @@ declare const VAutocomplete: {
             lines: false | "one" | "two" | "three";
             returnObject: boolean;
             itemType: string;
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -1624,11 +1624,11 @@ declare const VAutocomplete: {
                 path: unknown[];
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -1642,19 +1642,19 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         } & {
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -1669,7 +1669,7 @@ declare const VAutocomplete: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -1694,10 +1694,10 @@ declare const VAutocomplete: {
                 title?: ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: ListItemSlot & {
+                append?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: ((arg: ListItemSlot & {
+                prepend?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -1737,10 +1737,10 @@ declare const VAutocomplete: {
                 title?: false | ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: ListItemSlot & {
+                append?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: ListItemSlot & {
+                prepend?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -1780,10 +1780,10 @@ declare const VAutocomplete: {
             "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+            "v-slot:append"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: ListItemSlot & {
+            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -1820,22 +1820,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         }) | undefined;
         menuProps?: (Partial<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1849,22 +1849,22 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         }> & Omit<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1875,20 +1875,20 @@ declare const VAutocomplete: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1925,22 +1925,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -1952,20 +1952,20 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         } & {
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -2004,7 +2004,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -2012,31 +2012,32 @@ declare const VAutocomplete: {
         "onUpdate:menu"?: ((value: boolean) => any) | undefined;
         "onUpdate:search"?: ((value: any) => any) | undefined;
     }, any, {}, {}, {}, {
-        reverse: boolean;
         flat: boolean;
-        style: vue.StyleValue;
-        menu: boolean;
+        reverse: boolean;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
-        active: boolean;
         error: boolean;
-        disabled: boolean;
-        messages: string | readonly string[];
-        noDataText: string;
+        active: boolean;
+        direction: "horizontal" | "vertical";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
-        focused: boolean;
+        menu: boolean;
+        style: vue.StyleValue;
+        role: string;
+        autofocus: boolean;
         eager: boolean;
+        disabled: boolean;
+        readonly: boolean | null;
+        messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
         rounded: string | number | boolean;
-        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -2046,7 +2047,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -2066,40 +2066,39 @@ declare const VAutocomplete: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    reverse: boolean;
     flat: boolean;
-    style: vue.StyleValue;
-    menu: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: string;
-    active: boolean;
     error: boolean;
-    disabled: boolean;
-    messages: string | readonly string[];
-    noDataText: string;
+    active: boolean;
+    direction: "horizontal" | "vertical";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
-    focused: boolean;
+    menu: boolean;
+    style: vue.StyleValue;
+    role: string;
+    autofocus: boolean;
     eager: boolean;
+    disabled: boolean;
+    readonly: boolean | null;
+    messages: string | readonly string[];
+    noDataText: string;
+    focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
-    variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     tile: boolean;
-    role: string;
     density: Density;
-    direction: "horizontal" | "vertical";
     valueComparator: typeof deepEqual;
     clearIcon: IconValue;
-    centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
     itemChildren: NonNullable<SelectItemKey>;
-    autofocus: boolean;
     clearable: boolean;
     persistentClear: boolean;
     singleLine: boolean;
@@ -2116,32 +2115,33 @@ declare const VAutocomplete: {
     clearOnSelect: boolean;
 } & {
     search?: string | undefined;
-    class?: any;
     id?: string | undefined;
-    label?: string | undefined;
     width?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
     name?: string | undefined;
-    prefix?: string | undefined;
+    color?: string | undefined;
+    maxWidth?: string | number | undefined;
+    minWidth?: string | number | undefined;
     loading?: string | boolean | undefined;
+    label?: string | undefined;
+    prefix?: string | undefined;
+    class?: any;
     placeholder?: string | undefined;
+    theme?: string | undefined;
     counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
+    validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
     rounded?: string | number | boolean | undefined;
-    maxWidth?: string | number | undefined;
-    minWidth?: string | number | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
+    centerAffix?: boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
     customFilter?: FilterFunction | undefined;
@@ -2150,13 +2150,13 @@ declare const VAutocomplete: {
     counterValue?: number | ((value: any) => number) | undefined;
     modelModifiers?: Record<string, boolean> | undefined;
     listProps?: (Partial<{
-        style: vue.StyleValue;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         nav: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         mandatory: boolean;
+        rounded: string | number | boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -2169,11 +2169,11 @@ declare const VAutocomplete: {
         returnObject: boolean;
         itemType: string;
     }> & Omit<{
-        style: vue.StyleValue;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         nav: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         mandatory: boolean;
         tile: boolean;
         density: Density;
@@ -2186,19 +2186,19 @@ declare const VAutocomplete: {
         lines: false | "one" | "two" | "three";
         returnObject: boolean;
         itemType: string;
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
-        activated?: any;
+        width?: string | number | undefined;
         border?: string | number | boolean | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        activated?: any;
+        class?: any;
         elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
@@ -2213,11 +2213,11 @@ declare const VAutocomplete: {
             path: unknown[];
         }) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         nav: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         mandatory: boolean;
         tile: boolean;
         density: Density;
@@ -2231,19 +2231,19 @@ declare const VAutocomplete: {
         returnObject: boolean;
         itemType: string;
     } & {
-        class?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
-        activated?: any;
+        width?: string | number | undefined;
         border?: string | number | boolean | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        activated?: any;
+        class?: any;
         elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
@@ -2258,7 +2258,7 @@ declare const VAutocomplete: {
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
-    }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+    }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
         items?: readonly any[] | undefined;
         itemTitle?: SelectItemKey<any>;
         itemValue?: SelectItemKey<any>;
@@ -2283,10 +2283,10 @@ declare const VAutocomplete: {
             title?: ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            prepend?: ((arg: ListItemSlot & {
+            append?: ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            append?: ((arg: ListItemSlot & {
+            prepend?: ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -2326,10 +2326,10 @@ declare const VAutocomplete: {
             title?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            prepend?: false | ((arg: ListItemSlot & {
+            append?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: ListItemSlot & {
+            prepend?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -2369,10 +2369,10 @@ declare const VAutocomplete: {
         "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
             item: any;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+        "v-slot:append"?: false | ((arg: ListItemSlot & {
             item: any;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: ListItemSlot & {
+        "v-slot:prepend"?: false | ((arg: ListItemSlot & {
             item: any;
         }) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -2409,22 +2409,22 @@ declare const VAutocomplete: {
         }) => vue.VNodeChild) | undefined;
     }) | undefined;
     menuProps?: (Partial<{
-        style: vue.StyleValue;
-        disabled: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })> | {
             component: vue.Component;
         };
         zIndex: string | number;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e?: Event | undefined) => void;
-        } | undefined) | "connected">;
-        scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        } | undefined)>;
+        scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
         closeDelay: NonNullable<string | number>;
         openDelay: NonNullable<string | number>;
         activatorProps: Record<string, any>;
@@ -2438,22 +2438,22 @@ declare const VAutocomplete: {
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
     }> & Omit<{
-        style: vue.StyleValue;
-        disabled: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })> | {
             component: vue.Component;
         };
         zIndex: string | number;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e?: Event | undefined) => void;
-        } | undefined) | "connected">;
-        scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        } | undefined)>;
+        scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
         closeDelay: NonNullable<string | number>;
         openDelay: NonNullable<string | number>;
         activatorProps: Record<string, any>;
@@ -2464,20 +2464,20 @@ declare const VAutocomplete: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        class?: any;
+        offset?: string | number | number[] | undefined;
         id?: string | undefined;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-        offset?: string | number | number[] | undefined;
-        contentClass?: any;
-        opacity?: string | number | undefined;
+        width?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+        opacity?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+        class?: any;
+        theme?: string | undefined;
+        contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2514,22 +2514,22 @@ declare const VAutocomplete: {
         }) => vue.VNodeChild) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        disabled: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })> | {
             component: vue.Component;
         };
         zIndex: string | number;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e?: Event | undefined) => void;
-        } | undefined) | "connected">;
-        scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        } | undefined)>;
+        scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
         closeDelay: NonNullable<string | number>;
         openDelay: NonNullable<string | number>;
         activatorProps: Record<string, any>;
@@ -2541,20 +2541,20 @@ declare const VAutocomplete: {
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
     } & {
-        class?: any;
+        offset?: string | number | number[] | undefined;
         id?: string | undefined;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-        offset?: string | number | number[] | undefined;
-        contentClass?: any;
-        opacity?: string | number | undefined;
+        width?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+        opacity?: string | number | undefined;
+        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+        class?: any;
+        theme?: string | undefined;
+        contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2593,7 +2593,7 @@ declare const VAutocomplete: {
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+    }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
     itemColor?: string | undefined;
     autoSelectFirst?: boolean | "exact" | undefined;
 } & {
@@ -2605,32 +2605,33 @@ declare const VAutocomplete: {
     'update:search': (value: any) => true;
     'update:modelValue': (value: any) => boolean;
     'update:menu': (value: boolean) => true;
-}, "$children" | "v-slots" | "modelValue" | "items" | "multiple" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
-    reverse: boolean;
+}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     flat: boolean;
-    style: vue.StyleValue;
-    menu: boolean;
+    reverse: boolean;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: string;
-    active: boolean;
     error: boolean;
-    disabled: boolean;
-    messages: string | readonly string[];
-    noDataText: string;
+    active: boolean;
+    direction: "horizontal" | "vertical";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
-    focused: boolean;
+    menu: boolean;
+    style: vue.StyleValue;
+    role: string;
+    autofocus: boolean;
     eager: boolean;
+    disabled: boolean;
+    readonly: boolean | null;
+    messages: string | readonly string[];
+    noDataText: string;
+    focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
     rounded: string | number | boolean;
-    variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     tile: boolean;
-    role: string;
     density: Density;
-    direction: "horizontal" | "vertical";
     valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     centerAffix: boolean;
@@ -2640,7 +2641,6 @@ declare const VAutocomplete: {
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
     itemChildren: NonNullable<SelectItemKey>;
-    autofocus: boolean;
     clearable: boolean;
     persistentClear: boolean;
     singleLine: boolean;
@@ -2656,6 +2656,9 @@ declare const VAutocomplete: {
     openOnClear: boolean;
     clearOnSelect: boolean;
 }, {}, string, vue.SlotsType<Partial<{
+    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     clear: (arg: DefaultInputSlot & {
         props: Record<string, any>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -2670,15 +2673,12 @@ declare const VAutocomplete: {
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
     prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
     loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -2778,7 +2778,7 @@ declare const VAutocomplete: {
         })>;
         default: string;
         validator: (val: unknown) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
@@ -2786,37 +2786,58 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
     };
-    reverse: BooleanConstructor;
     flat: BooleanConstructor;
-    class: PropType<any>;
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
+    reverse: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
     };
-    id: StringConstructor;
-    label: StringConstructor;
     type: {
         type: StringConstructor;
         default: string;
     };
+    error: BooleanConstructor;
+    id: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
     active: BooleanConstructor;
-    error: BooleanConstructor;
-    theme: StringConstructor;
-    color: StringConstructor;
     name: StringConstructor;
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    loading: (StringConstructor | BooleanConstructor)[];
+    label: StringConstructor;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
+    role: {
+        type: PropType<string>;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    class: PropType<any>;
+    placeholder: StringConstructor;
+    theme: StringConstructor;
     messages: {
         type: PropType<string | readonly string[]>;
         default: () => never[];
     };
-    placeholder: StringConstructor;
-    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
@@ -2827,10 +2848,6 @@ declare const VAutocomplete: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    readonly: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
     rules: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
@@ -2839,33 +2856,17 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
+    validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: {
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
     tile: BooleanConstructor;
-    role: {
-        type: PropType<string>;
-        default: string;
-    };
     density: {
         type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    direction: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
@@ -2876,16 +2877,18 @@ declare const VAutocomplete: {
     };
     prependInnerIcon: PropType<IconValue>;
     'onClick:clear': PropType<(args_0: MouseEvent) => void>;
-    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
     'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
-    centerAffix: BooleanConstructor;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -2909,7 +2912,7 @@ declare const VAutocomplete: {
     itemChildren: Omit<{
         type: PropType<SelectItemKey>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
@@ -2937,13 +2940,13 @@ declare const VAutocomplete: {
     hideSelected: BooleanConstructor;
     listProps: {
         type: PropType<Partial<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
+            rounded: string | number | boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -2956,11 +2959,11 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         }> & Omit<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -2973,19 +2976,19 @@ declare const VAutocomplete: {
             lines: false | "one" | "two" | "three";
             returnObject: boolean;
             itemType: string;
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -3000,11 +3003,11 @@ declare const VAutocomplete: {
                 path: unknown[];
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -3018,19 +3021,19 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         } & {
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -3045,7 +3048,7 @@ declare const VAutocomplete: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -3070,10 +3073,10 @@ declare const VAutocomplete: {
                 title?: ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: ListItemSlot & {
+                append?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: ((arg: ListItemSlot & {
+                prepend?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -3113,10 +3116,10 @@ declare const VAutocomplete: {
                 title?: false | ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: ListItemSlot & {
+                append?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: ListItemSlot & {
+                prepend?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -3156,10 +3159,10 @@ declare const VAutocomplete: {
             "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+            "v-slot:append"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: ListItemSlot & {
+            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -3203,22 +3206,22 @@ declare const VAutocomplete: {
     };
     menuProps: {
         type: PropType<Partial<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3232,22 +3235,22 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         }> & Omit<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3258,20 +3261,20 @@ declare const VAutocomplete: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -3308,22 +3311,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3335,20 +3338,20 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         } & {
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -3387,7 +3390,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {
@@ -3419,7 +3422,7 @@ declare const VAutocomplete: {
         })>;
         default: string;
         validator: (val: unknown) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
@@ -3427,37 +3430,58 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
     };
-    reverse: BooleanConstructor;
     flat: BooleanConstructor;
-    class: PropType<any>;
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
+    reverse: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
     };
-    id: StringConstructor;
-    label: StringConstructor;
     type: {
         type: StringConstructor;
         default: string;
     };
+    error: BooleanConstructor;
+    id: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
     active: BooleanConstructor;
-    error: BooleanConstructor;
-    theme: StringConstructor;
-    color: StringConstructor;
     name: StringConstructor;
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    loading: (StringConstructor | BooleanConstructor)[];
+    label: StringConstructor;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     prefix: StringConstructor;
+    role: {
+        type: PropType<string>;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    class: PropType<any>;
+    placeholder: StringConstructor;
+    theme: StringConstructor;
     messages: {
         type: PropType<string | readonly string[]>;
         default: () => never[];
     };
-    placeholder: StringConstructor;
-    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<(args_0: boolean) => void>;
     errorMessages: {
@@ -3468,10 +3492,6 @@ declare const VAutocomplete: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    readonly: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
     rules: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
@@ -3480,33 +3500,17 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
+    validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: {
-        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
     tile: BooleanConstructor;
-    role: {
-        type: PropType<string>;
-        default: string;
-    };
     density: {
         type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    direction: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
@@ -3517,16 +3521,18 @@ declare const VAutocomplete: {
     };
     prependInnerIcon: PropType<IconValue>;
     'onClick:clear': PropType<(args_0: MouseEvent) => void>;
-    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
     'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
-    centerAffix: BooleanConstructor;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -3550,7 +3556,7 @@ declare const VAutocomplete: {
     itemChildren: Omit<{
         type: PropType<SelectItemKey>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
@@ -3578,13 +3584,13 @@ declare const VAutocomplete: {
     hideSelected: BooleanConstructor;
     listProps: {
         type: PropType<Partial<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
+            rounded: string | number | boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -3597,11 +3603,11 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         }> & Omit<{
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -3614,19 +3620,19 @@ declare const VAutocomplete: {
             lines: false | "one" | "two" | "three";
             returnObject: boolean;
             itemType: string;
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -3641,11 +3647,11 @@ declare const VAutocomplete: {
                 path: unknown[];
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             mandatory: boolean;
             tile: boolean;
             density: Density;
@@ -3659,19 +3665,19 @@ declare const VAutocomplete: {
             returnObject: boolean;
             itemType: string;
         } & {
-            class?: any;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            color?: string | undefined;
-            activated?: any;
+            width?: string | number | undefined;
             border?: string | number | boolean | undefined;
-            rounded?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
             elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
@@ -3686,7 +3692,7 @@ declare const VAutocomplete: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "style" | "nav" | "disabled" | "tag" | "rounded" | "variant" | "mandatory" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -3711,10 +3717,10 @@ declare const VAutocomplete: {
                 title?: ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: ((arg: ListItemSlot & {
+                append?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: ((arg: ListItemSlot & {
+                prepend?: ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: ListItemSubtitleSlot & {
@@ -3754,10 +3760,10 @@ declare const VAutocomplete: {
                 title?: false | ((arg: ListItemTitleSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                prepend?: false | ((arg: ListItemSlot & {
+                append?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
-                append?: false | ((arg: ListItemSlot & {
+                prepend?: false | ((arg: ListItemSlot & {
                     item: any;
                 }) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: ListItemSubtitleSlot & {
@@ -3797,10 +3803,10 @@ declare const VAutocomplete: {
             "v-slot:title"?: false | ((arg: ListItemTitleSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
+            "v-slot:append"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((arg: ListItemSlot & {
+            "v-slot:prepend"?: false | ((arg: ListItemSlot & {
                 item: any;
             }) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
@@ -3844,22 +3850,22 @@ declare const VAutocomplete: {
     };
     menuProps: {
         type: PropType<Partial<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3873,22 +3879,22 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         }> & Omit<{
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3899,20 +3905,20 @@ declare const VAutocomplete: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -3949,22 +3955,22 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            style: vue.StyleValue;
-            disabled: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })> | {
                 component: vue.Component;
             };
             zIndex: string | number;
+            style: vue.StyleValue;
             eager: boolean;
+            disabled: boolean;
             modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e?: Event | undefined) => void;
-            } | undefined) | "connected">;
-            scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeDelay: NonNullable<string | number>;
             openDelay: NonNullable<string | number>;
             activatorProps: Record<string, any>;
@@ -3976,20 +3982,20 @@ declare const VAutocomplete: {
             persistent: boolean;
             scrim: NonNullable<string | boolean>;
         } & {
-            class?: any;
+            offset?: string | number | number[] | undefined;
             id?: string | undefined;
-            width?: string | number | undefined;
             height?: string | number | undefined;
-            theme?: string | undefined;
-            target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
-            offset?: string | number | number[] | undefined;
-            contentClass?: any;
-            opacity?: string | number | undefined;
+            width?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
+            opacity?: string | number | undefined;
+            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
+            class?: any;
+            theme?: string | undefined;
+            contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -4028,7 +4034,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        }, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {