vuetify 3.5.14 → 3.5.16

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

@@ -35,6 +35,10 @@ interface LoaderSlotProps {
     isActive: boolean;
 }
 
+type VMessageSlot = {
+    message: string;
+};
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type ValidationResult = string | boolean;
@@ -43,10 +47,6 @@ 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>;
@@ -100,27 +100,27 @@ type VCounterSlot = {
 
 declare const VTextField: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        flat: boolean;
+        style: vue.StyleValue;
         type: string;
-        error: boolean;
         active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
+        error: boolean;
         disabled: boolean;
-        readonly: boolean | null;
         messages: string | readonly 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;
         density: Density;
+        direction: "horizontal" | "vertical";
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
@@ -128,22 +128,22 @@ declare const VTextField: {
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
+        theme?: string | undefined;
+        color?: string | undefined;
+        name?: string | undefined;
         prefix?: string | undefined;
-        role?: string | undefined;
-        class?: any;
+        loading?: string | boolean | undefined;
         placeholder?: string | undefined;
-        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
+        role?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -151,8 +151,8 @@ declare const VTextField: {
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
@@ -163,7 +163,6 @@ declare const VTextField: {
         modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -172,8 +171,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -181,7 +181,6 @@ declare const VTextField: {
             counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: false | ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -190,8 +189,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -199,7 +199,6 @@ declare const VTextField: {
             counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
@@ -208,8 +207,9 @@ declare const VTextField: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -224,78 +224,78 @@ declare const VTextField: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         }> & Omit<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -324,32 +324,32 @@ declare const VTextField: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -360,18 +360,18 @@ declare const VTextField: {
             errorMessages: vue.ComputedRef<string[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: any) => true;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-            error: boolean;
-            direction: "horizontal" | "vertical";
+        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
@@ -412,32 +412,32 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
         label?: string | undefined;
-        class?: any;
+        name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -449,19 +449,19 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "class" | "id" | "label" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
             rounded: string | number | boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             centerAffix: boolean;
@@ -470,26 +470,26 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -501,14 +501,14 @@ declare const VTextField: {
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
@@ -516,12 +516,12 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -534,7 +534,7 @@ declare const VTextField: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        }, "reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -571,14 +571,14 @@ declare const VTextField: {
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
@@ -586,12 +586,12 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -609,16 +609,16 @@ declare const VTextField: {
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
-            flat: boolean;
+        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
             rounded: string | number | boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             centerAffix: boolean;
@@ -671,14 +671,14 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         clearable: boolean;
@@ -686,12 +686,12 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
-        class?: any;
         theme?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -709,33 +709,33 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, VFieldSlots>, "class" | "id" | "label" | "theme" | "key" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:control': (e: MouseEvent) => true;
         'mousedown:control': (e: MouseEvent) => true;
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        flat: boolean;
+        style: vue.StyleValue;
         type: string;
-        error: boolean;
         active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
+        error: boolean;
         disabled: boolean;
-        readonly: boolean | null;
         messages: string | readonly 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;
         density: Density;
+        direction: "horizontal" | "vertical";
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
@@ -743,22 +743,22 @@ declare const VTextField: {
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
+        theme?: string | undefined;
+        color?: string | undefined;
+        name?: string | undefined;
         prefix?: string | undefined;
-        role?: string | undefined;
-        class?: any;
+        loading?: string | boolean | undefined;
         placeholder?: string | undefined;
-        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
+        role?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -766,8 +766,8 @@ declare const VTextField: {
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
@@ -778,7 +778,6 @@ declare const VTextField: {
         modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -787,8 +786,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -796,7 +796,6 @@ declare const VTextField: {
             counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: false | ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -805,8 +804,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -814,7 +814,6 @@ declare const VTextField: {
             counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
@@ -823,8 +822,9 @@ declare const VTextField: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -836,29 +836,29 @@ declare const VTextField: {
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        flat: boolean;
+        style: vue.StyleValue;
         type: string;
-        error: boolean;
         active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
+        error: boolean;
         disabled: boolean;
-        readonly: boolean | null;
         messages: string | readonly 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;
         density: Density;
+        direction: "horizontal" | "vertical";
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
@@ -866,9 +866,6 @@ declare const VTextField: {
         persistentPlaceholder: boolean;
         persistentCounter: 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, {
@@ -883,12 +880,15 @@ declare const VTextField: {
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
-        append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        message: (arg: VMessageSlot) => 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;
         }>[];
@@ -912,27 +912,27 @@ declare const VTextField: {
         M: {};
         Defaults: {};
     }, {
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        flat: boolean;
+        style: vue.StyleValue;
         type: string;
-        error: boolean;
         active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
+        error: boolean;
         disabled: boolean;
-        readonly: boolean | null;
         messages: string | readonly 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;
         density: Density;
+        direction: "horizontal" | "vertical";
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
@@ -940,22 +940,22 @@ declare const VTextField: {
         persistentPlaceholder: boolean;
         persistentCounter: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
+        theme?: string | undefined;
+        color?: string | undefined;
+        name?: string | undefined;
         prefix?: string | undefined;
-        role?: string | undefined;
-        class?: any;
+        loading?: string | boolean | undefined;
         placeholder?: string | undefined;
-        theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         modelValue?: any;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
+        role?: string | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -963,8 +963,8 @@ declare const VTextField: {
         appendInnerIcon?: IconValue | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
@@ -975,7 +975,6 @@ declare const VTextField: {
         modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -984,8 +983,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -993,7 +993,6 @@ declare const VTextField: {
             counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             clear?: false | ((arg: DefaultInputSlot & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -1002,8 +1001,9 @@ declare const VTextField: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
             'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
             'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -1011,7 +1011,6 @@ declare const VTextField: {
             counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
@@ -1020,8 +1019,9 @@ declare const VTextField: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -1036,78 +1036,78 @@ declare const VTextField: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         }> & Omit<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+        } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1136,32 +1136,32 @@ declare const VTextField: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            name?: string | undefined;
             label?: string | undefined;
-            class?: any;
+            name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
             validationValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+            'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
         } & {}, {
@@ -1172,18 +1172,18 @@ declare const VTextField: {
             errorMessages: vue.ComputedRef<string[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: any) => true;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-            error: boolean;
-            direction: "horizontal" | "vertical";
+        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
             style: vue.StyleValue;
+            error: boolean;
             disabled: boolean | null;
-            readonly: boolean | null;
             messages: string | readonly string[];
             focused: boolean;
             errorMessages: string | readonly string[] | null;
             maxErrors: string | number;
+            readonly: boolean | null;
             rules: readonly ValidationRule[];
             density: Density;
+            direction: "horizontal" | "vertical";
             centerAffix: boolean;
             hideSpinButtons: boolean;
             persistentHint: boolean;
@@ -1224,32 +1224,32 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
         label?: string | undefined;
-        class?: any;
+        name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -1261,19 +1261,19 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+    }, VInputSlots>, "class" | "id" | "label" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
             rounded: string | number | boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             centerAffix: boolean;
@@ -1282,26 +1282,26 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
             dirty: boolean;
             persistentClear: boolean;
             singleLine: boolean;
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -1313,14 +1313,14 @@ declare const VTextField: {
             'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             centerAffix?: boolean | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
@@ -1328,12 +1328,12 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -1346,7 +1346,7 @@ declare const VTextField: {
             centerAffix?: boolean | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        }, "reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1383,14 +1383,14 @@ declare const VTextField: {
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            flat: boolean;
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             clearable: boolean;
@@ -1398,12 +1398,12 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         } & {
+            class?: any;
             id?: string | undefined;
-            color?: string | undefined;
-            loading?: string | boolean | undefined;
             label?: string | undefined;
-            class?: any;
             theme?: string | undefined;
+            color?: string | undefined;
+            loading?: string | boolean | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
@@ -1421,16 +1421,16 @@ declare const VTextField: {
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:focused': (focused: boolean) => true;
             'update:modelValue': (value: any) => true;
-        }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
-            flat: boolean;
+        }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
             reverse: boolean;
-            variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-            error: boolean;
-            active: boolean;
+            flat: boolean;
             style: vue.StyleValue;
+            active: boolean;
+            error: boolean;
             disabled: boolean;
             focused: boolean;
             rounded: string | number | boolean;
+            variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
             tile: boolean;
             clearIcon: IconValue;
             centerAffix: boolean;
@@ -1483,14 +1483,14 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         clearable: boolean;
@@ -1498,12 +1498,12 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
-        class?: any;
         theme?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -1521,30 +1521,30 @@ declare const VTextField: {
     }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
         modelValue?: unknown;
         'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-    }, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, {}, {}, {}, {
-        flat: boolean;
+    }, VFieldSlots>, "class" | "id" | "label" | "theme" | "key" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, {}, {}, {}, {
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+        flat: boolean;
+        style: vue.StyleValue;
         type: string;
-        error: boolean;
         active: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        autofocus: boolean;
+        error: boolean;
         disabled: boolean;
-        readonly: boolean | null;
         messages: string | readonly 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;
         density: Density;
+        direction: "horizontal" | "vertical";
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
@@ -1556,27 +1556,27 @@ declare const VTextField: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    flat: boolean;
     reverse: boolean;
-    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+    flat: boolean;
+    style: vue.StyleValue;
     type: string;
-    error: boolean;
     active: boolean;
-    direction: "horizontal" | "vertical";
-    style: vue.StyleValue;
-    autofocus: boolean;
+    error: boolean;
     disabled: boolean;
-    readonly: boolean | null;
     messages: string | readonly 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;
     density: Density;
+    direction: "horizontal" | "vertical";
     clearIcon: IconValue;
     hideSpinButtons: boolean;
     persistentHint: boolean;
+    autofocus: boolean;
     clearable: boolean;
     dirty: boolean;
     persistentClear: boolean;
@@ -1584,22 +1584,22 @@ declare const VTextField: {
     persistentPlaceholder: boolean;
     persistentCounter: boolean;
 } & {
+    class?: any;
     id?: string | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
     label?: string | undefined;
+    theme?: string | undefined;
+    color?: string | undefined;
+    name?: string | undefined;
     prefix?: string | undefined;
-    role?: string | undefined;
-    class?: any;
+    loading?: string | boolean | undefined;
     placeholder?: string | undefined;
-    theme?: string | undefined;
     counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     modelValue?: any;
-    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
     validationValue?: any;
     rounded?: string | number | boolean | undefined;
+    role?: string | undefined;
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -1607,8 +1607,8 @@ declare const VTextField: {
     appendInnerIcon?: IconValue | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
-    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
     centerAffix?: boolean | undefined;
@@ -1619,7 +1619,6 @@ declare const VTextField: {
     modelModifiers?: Record<string, boolean> | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         clear?: ((arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
@@ -1628,8 +1627,9 @@ declare const VTextField: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
         'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -1637,7 +1637,6 @@ declare const VTextField: {
         counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
-        message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         clear?: false | ((arg: DefaultInputSlot & {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
@@ -1646,8 +1645,9 @@ declare const VTextField: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
         'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -1655,7 +1655,6 @@ declare const VTextField: {
         counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     "v-slot:clear"?: false | ((arg: DefaultInputSlot & {
         props: Record<string, any>;
     }) => vue.VNodeChild) | undefined;
@@ -1664,8 +1663,9 @@ declare const VTextField: {
         label: string | undefined;
         props: Record<string, any>;
     }) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
     "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
@@ -1680,78 +1680,78 @@ declare const VTextField: {
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     }> & Omit<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
         label?: string | undefined;
-        class?: any;
+        name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
         label?: string | undefined;
-        class?: any;
+        name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
-    } & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
+    } & {}, "style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1780,32 +1780,32 @@ declare const VTextField: {
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
-        error: boolean;
-        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        name?: string | undefined;
         label?: string | undefined;
-        class?: any;
+        name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
         validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {}, {
@@ -1816,18 +1816,18 @@ declare const VTextField: {
         errorMessages: vue.ComputedRef<string[]>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
-        error: boolean;
-        direction: "horizontal" | "vertical";
+    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
         style: vue.StyleValue;
+        error: boolean;
         disabled: boolean | null;
-        readonly: boolean | null;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
+        readonly: boolean | null;
         rules: readonly ValidationRule[];
         density: Density;
+        direction: "horizontal" | "vertical";
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -1868,32 +1868,32 @@ declare const VTextField: {
     $nextTick: typeof nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
 } & Omit<{
-    error: boolean;
-    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
+    error: boolean;
     disabled: boolean | null;
-    readonly: boolean | null;
     messages: string | readonly string[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
+    readonly: boolean | null;
     rules: readonly ValidationRule[];
     density: Density;
+    direction: "horizontal" | "vertical";
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
 } & {
+    class?: any;
     id?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    class?: any;
+    name?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
     validationValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
-    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
@@ -1905,19 +1905,19 @@ declare const VTextField: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:append" | "v-slot:prepend" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
+}, VInputSlots>, "class" | "id" | "label" | "key" | "name" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:prepend" | "onClick:append" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("style" | "error" | "disabled" | "messages" | "focused" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "direction" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
         rounded: string | number | boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -1926,26 +1926,26 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     }> & Omit<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         clearable: boolean;
         dirty: boolean;
         persistentClear: boolean;
         singleLine: boolean;
+        class?: any;
         id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
-        class?: any;
         theme?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
         'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -1957,14 +1957,14 @@ declare const VTextField: {
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         centerAffix?: boolean | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         clearable: boolean;
@@ -1972,12 +1972,12 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
-        class?: any;
         theme?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -1990,7 +1990,7 @@ declare const VTextField: {
         centerAffix?: boolean | undefined;
     } & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+    }, "reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -2027,14 +2027,14 @@ declare const VTextField: {
     $emit: (event: "update:focused", focused: boolean) => void;
     $el: any;
     $options: vue.ComponentOptionsBase<{
-        flat: boolean;
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         clearable: boolean;
@@ -2042,12 +2042,12 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     } & {
+        class?: any;
         id?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
         label?: string | undefined;
-        class?: any;
         theme?: string | undefined;
+        color?: string | undefined;
+        loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -2065,16 +2065,16 @@ declare const VTextField: {
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
-        flat: boolean;
+    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
         reverse: boolean;
-        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-        error: boolean;
-        active: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        active: boolean;
+        error: boolean;
         disabled: boolean;
         focused: boolean;
         rounded: string | number | boolean;
+        variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
         clearIcon: IconValue;
         centerAffix: boolean;
@@ -2127,14 +2127,14 @@ declare const VTextField: {
     $nextTick: typeof nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
 } & Omit<{
-    flat: boolean;
     reverse: boolean;
-    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
-    error: boolean;
-    active: boolean;
+    flat: boolean;
     style: vue.StyleValue;
+    active: boolean;
+    error: boolean;
     disabled: boolean;
     focused: boolean;
+    variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     tile: boolean;
     clearIcon: IconValue;
     clearable: boolean;
@@ -2142,12 +2142,12 @@ declare const VTextField: {
     persistentClear: boolean;
     singleLine: boolean;
 } & {
+    class?: any;
     id?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
     label?: string | undefined;
-    class?: any;
     theme?: string | undefined;
+    color?: string | undefined;
+    loading?: string | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
@@ -2165,35 +2165,35 @@ declare const VTextField: {
 }> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
     modelValue?: unknown;
     'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, VFieldSlots>, "class" | "id" | "label" | "theme" | "key" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "flat" | "style" | "active" | "error" | "disabled" | "focused" | "rounded" | "variant" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
     'update:modelValue': (val: string) => true;
 }, string, {
-    flat: boolean;
     reverse: boolean;
-    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
+    flat: boolean;
+    style: vue.StyleValue;
     type: string;
-    error: boolean;
     active: boolean;
-    direction: "horizontal" | "vertical";
-    style: vue.StyleValue;
-    autofocus: boolean;
+    error: boolean;
     disabled: boolean;
-    readonly: boolean | null;
     messages: string | readonly 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;
     density: Density;
+    direction: "horizontal" | "vertical";
     clearIcon: IconValue;
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
+    autofocus: boolean;
     clearable: boolean;
     dirty: boolean;
     persistentClear: boolean;
@@ -2201,9 +2201,6 @@ declare const VTextField: {
     persistentPlaceholder: boolean;
     persistentCounter: 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, {
@@ -2218,12 +2215,15 @@ declare const VTextField: {
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    message: (arg: VMessageSlot) => 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;
     }>[];
@@ -2242,7 +2242,7 @@ declare const VTextField: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -2279,7 +2279,7 @@ declare const VTextField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -2306,7 +2306,7 @@ declare const VTextField: {
         default: () => never[];
     };
     modelValue: null;
-    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -2332,7 +2332,7 @@ declare const VTextField: {
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
-    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;
@@ -2348,7 +2348,7 @@ declare const VTextField: {
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -2385,7 +2385,7 @@ declare const VTextField: {
     reverse: BooleanConstructor;
     singleLine: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -2412,7 +2412,7 @@ declare const VTextField: {
         default: () => never[];
     };
     modelValue: null;
-    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -2438,7 +2438,7 @@ declare const VTextField: {
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:append': PropType<(args_0: MouseEvent) => void>;
     autofocus: BooleanConstructor;
-    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     counterValue: PropType<number | ((value: any) => number)>;
     prefix: StringConstructor;
     placeholder: StringConstructor;