vuetify 3.6.13 → 3.7.0-beta.1

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>;
@@ -197,6 +197,7 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
 
 type ListItemSlot = {
     isActive: boolean;
+    isOpen: boolean;
     isSelected: boolean;
     isIndeterminate: boolean;
     select: (value: boolean) => void;
@@ -282,30 +283,31 @@ 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;
         })>;
+        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;
-        eager: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
@@ -314,7 +316,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -331,30 +332,30 @@ 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") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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;
@@ -366,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;
@@ -385,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;
@@ -402,24 +403,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -429,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;
@@ -447,24 +448,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -474,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>;
@@ -499,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 & {
@@ -542,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 & {
@@ -585,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 & {
@@ -625,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -654,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -680,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;
@@ -730,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -757,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;
@@ -809,7 +810,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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;
     } & {
@@ -821,31 +822,32 @@ 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;
         })>;
+        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;
-        eager: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
@@ -854,7 +856,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -871,30 +872,30 @@ 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") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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;
@@ -906,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;
@@ -925,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;
@@ -942,24 +943,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -969,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;
@@ -987,24 +988,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -1014,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>;
@@ -1039,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 & {
@@ -1082,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 & {
@@ -1125,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 & {
@@ -1165,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1194,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1220,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;
@@ -1270,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1297,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;
@@ -1349,7 +1350,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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;
     } & {
@@ -1357,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;
         })>;
+        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;
-        eager: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -1391,7 +1393,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -1407,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, {
@@ -1421,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;
         }>[];
@@ -1476,30 +1477,31 @@ 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;
         })>;
+        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;
-        eager: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
@@ -1508,7 +1510,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -1525,30 +1526,30 @@ 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") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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;
@@ -1560,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;
@@ -1579,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;
@@ -1596,24 +1597,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -1623,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;
@@ -1641,24 +1642,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -1668,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>;
@@ -1693,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 & {
@@ -1736,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 & {
@@ -1779,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 & {
@@ -1819,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1848,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1874,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;
@@ -1924,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -1951,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;
@@ -2003,7 +2004,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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;
     } & {
@@ -2011,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;
         })>;
+        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;
-        eager: boolean;
-        role: string;
         density: Density;
-        direction: "horizontal" | "vertical";
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -2045,7 +2047,6 @@ declare const VAutocomplete: {
         noFilter: boolean;
         filterKeys: NonNullable<FilterKeys>;
         itemChildren: NonNullable<SelectItemKey>;
-        autofocus: boolean;
         clearable: boolean;
         persistentClear: boolean;
         singleLine: boolean;
@@ -2065,30 +2066,31 @@ 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;
     })>;
+    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;
-    eager: boolean;
-    role: string;
     density: Density;
-    direction: "horizontal" | "vertical";
     valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     hideSpinButtons: boolean;
@@ -2097,7 +2099,6 @@ declare const VAutocomplete: {
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
     itemChildren: NonNullable<SelectItemKey>;
-    autofocus: boolean;
     clearable: boolean;
     persistentClear: boolean;
     singleLine: boolean;
@@ -2114,30 +2115,30 @@ 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") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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;
@@ -2149,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;
@@ -2168,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;
@@ -2185,24 +2186,24 @@ 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;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -2212,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;
@@ -2230,24 +2231,24 @@ 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;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
     } & {
@@ -2257,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>;
@@ -2282,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 & {
@@ -2325,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 & {
@@ -2368,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 & {
@@ -2408,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;
-        modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
+        style: vue.StyleValue;
         eager: boolean;
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        disabled: boolean;
+        modelValue: boolean;
+        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>;
@@ -2437,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;
-        modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
+        style: vue.StyleValue;
         eager: boolean;
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        disabled: boolean;
+        modelValue: boolean;
+        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>;
@@ -2463,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;
@@ -2513,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;
-        modelValue: boolean;
-        origin: Anchor | "auto" | "overlap";
+        style: vue.StyleValue;
         eager: boolean;
-        location: Anchor;
-        locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        disabled: boolean;
+        modelValue: boolean;
+        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>;
@@ -2540,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;
@@ -2592,7 +2593,7 @@ declare const VAutocomplete: {
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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;
 } & {
@@ -2604,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;
     })>;
+    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;
-    eager: boolean;
-    role: string;
     density: Density;
-    direction: "horizontal" | "vertical";
     valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     centerAffix: boolean;
@@ -2639,7 +2641,6 @@ declare const VAutocomplete: {
     noFilter: boolean;
     filterKeys: NonNullable<FilterKeys>;
     itemChildren: NonNullable<SelectItemKey>;
-    autofocus: boolean;
     clearable: boolean;
     persistentClear: boolean;
     singleLine: boolean;
@@ -2655,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, {
@@ -2669,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;
     }>[];
@@ -2777,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;
         })>>;
@@ -2785,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: {
@@ -2826,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[];
@@ -2838,33 +2856,17 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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>;
@@ -2875,8 +2877,8 @@ 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: {
@@ -2887,7 +2889,6 @@ declare const VAutocomplete: {
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -2911,7 +2912,7 @@ declare const VAutocomplete: {
     itemChildren: Omit<{
         type: PropType<SelectItemKey>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
@@ -2939,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;
@@ -2958,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;
@@ -2975,24 +2976,24 @@ 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;
+            height?: string | number | undefined;
+            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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -3002,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;
@@ -3020,24 +3021,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -3047,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>;
@@ -3072,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 & {
@@ -3115,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 & {
@@ -3158,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 & {
@@ -3205,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3234,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3260,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;
@@ -3310,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3337,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;
@@ -3389,7 +3390,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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: {
@@ -3421,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;
         })>>;
@@ -3429,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: {
@@ -3470,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[];
@@ -3482,33 +3500,17 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | 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>;
@@ -3519,8 +3521,8 @@ 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: {
@@ -3531,7 +3533,6 @@ declare const VAutocomplete: {
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
-    autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     persistentClear: BooleanConstructor;
     singleLine: BooleanConstructor;
@@ -3555,7 +3556,7 @@ declare const VAutocomplete: {
     itemChildren: Omit<{
         type: PropType<SelectItemKey>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<SelectItemKey>>;
         default: NonNullable<SelectItemKey>;
     };
@@ -3583,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;
@@ -3602,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;
@@ -3619,24 +3620,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -3646,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;
@@ -3664,24 +3665,24 @@ 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;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -3691,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>;
@@ -3716,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 & {
@@ -3759,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 & {
@@ -3802,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 & {
@@ -3849,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3878,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3904,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;
@@ -3954,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;
-            modelValue: boolean;
-            origin: Anchor | "auto" | "overlap";
+            style: vue.StyleValue;
             eager: boolean;
-            location: Anchor;
-            locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            disabled: boolean;
+            modelValue: boolean;
+            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>;
@@ -3981,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;
@@ -4033,7 +4034,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "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: {