@vuetify/nightly 3.6.3-master.2024-05-06 → 3.6.3-master.2024-05-07

package/lib/labs/components.d.mts

@@ -2868,6 +2868,12 @@ type VMessageSlot = {
     message: string;
 };
 
+type VCounterSlot = {
+    counter: string;
+    max: string | number | undefined;
+    value: string | number | undefined;
+};
+
 interface VInputSlot {
     id: ComputedRef<string>;
     messagesId: ComputedRef<string>;
@@ -2897,33 +2903,73 @@ type ControlVariant = 'default' | 'stacked' | 'split';
 declare const VNumberInput: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         reverse: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        type: string;
+        active: boolean;
         error: boolean;
         disabled: boolean;
+        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";
         inset: boolean;
+        tile: boolean;
         density: Density;
+        direction: "horizontal" | "vertical";
         max: number;
+        clearIcon: IconValue;
+        hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
         min: number;
         step: number;
         hideInput: boolean;
         controlVariant: ControlVariant;
     } & {
         class?: any;
+        id?: string | undefined;
         label?: string | undefined;
+        width?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        name?: string | undefined;
+        prefix?: string | undefined;
         loading?: string | boolean | undefined;
+        placeholder?: string | undefined;
+        counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: number | undefined;
+        modelValue?: any;
+        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;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        role?: string | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:clear'?: ((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;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        suffix?: string | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             clear?: ((arg: DefaultInputSlot & {
@@ -2934,6 +2980,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -2952,6 +2999,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -2970,6 +3018,7 @@ declare const VNumberInput: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | ((arg: VCounterSlot) => 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;
@@ -2984,33 +3033,73 @@ declare const VNumberInput: {
         'update:modelValue': (val: number) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         reverse: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        type: string;
+        active: boolean;
         error: boolean;
         disabled: boolean;
+        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";
         inset: boolean;
+        tile: boolean;
         density: Density;
+        direction: "horizontal" | "vertical";
         max: number;
+        clearIcon: IconValue;
+        hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
         min: number;
         step: number;
         hideInput: boolean;
         controlVariant: ControlVariant;
     } & {
         class?: any;
+        id?: string | undefined;
         label?: string | undefined;
+        width?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        name?: string | undefined;
+        prefix?: string | undefined;
         loading?: string | boolean | undefined;
+        placeholder?: string | undefined;
+        counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: number | undefined;
+        modelValue?: any;
+        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;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        role?: string | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:clear'?: ((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;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        suffix?: string | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             clear?: ((arg: DefaultInputSlot & {
@@ -3021,6 +3110,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3039,6 +3129,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3057,6 +3148,7 @@ declare const VNumberInput: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | ((arg: VCounterSlot) => 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;
@@ -3069,18 +3161,36 @@ declare const VNumberInput: {
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, {
         reverse: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        type: string;
+        active: boolean;
         error: boolean;
         disabled: boolean;
+        messages: string | readonly string[];
         focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
         readonly: boolean | null;
-        modelValue: number;
+        rules: readonly ValidationRule[];
         rounded: string | number | boolean;
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         inset: boolean;
+        tile: boolean;
         density: Density;
+        direction: "horizontal" | "vertical";
         max: number;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
         min: number;
         step: number;
         hideInput: boolean;
@@ -3100,6 +3210,9 @@ declare const VNumberInput: {
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
+        counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
         message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -3133,33 +3246,73 @@ declare const VNumberInput: {
         Defaults: {};
     }, {
         reverse: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        type: string;
+        active: boolean;
         error: boolean;
         disabled: boolean;
+        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";
         inset: boolean;
+        tile: boolean;
         density: Density;
+        direction: "horizontal" | "vertical";
         max: number;
+        clearIcon: IconValue;
+        hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
         min: number;
         step: number;
         hideInput: boolean;
         controlVariant: ControlVariant;
     } & {
         class?: any;
+        id?: string | undefined;
         label?: string | undefined;
+        width?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        name?: string | undefined;
+        prefix?: string | undefined;
         loading?: string | boolean | undefined;
+        placeholder?: string | undefined;
+        counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: number | undefined;
+        modelValue?: any;
+        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;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        role?: string | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:clear'?: ((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;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        suffix?: string | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        modelModifiers?: Record<string, boolean> | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             clear?: ((arg: DefaultInputSlot & {
@@ -3170,6 +3323,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3188,6 +3342,7 @@ declare const VNumberInput: {
                 label: string | undefined;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
+            counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
             message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3206,6 +3361,7 @@ declare const VNumberInput: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
+        "v-slot:counter"?: false | ((arg: VCounterSlot) => 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;
@@ -3218,18 +3374,36 @@ declare const VNumberInput: {
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, {}, {}, {}, {}, {
         reverse: boolean;
+        flat: boolean;
         style: vue.StyleValue;
+        type: string;
+        active: boolean;
         error: boolean;
         disabled: boolean;
+        messages: string | readonly string[];
         focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
         readonly: boolean | null;
-        modelValue: number;
+        rules: readonly ValidationRule[];
         rounded: string | number | boolean;
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         inset: boolean;
+        tile: boolean;
         density: Density;
+        direction: "horizontal" | "vertical";
         max: number;
+        clearIcon: IconValue;
+        centerAffix: boolean;
+        hideSpinButtons: boolean;
         persistentHint: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        dirty: boolean;
+        persistentClear: boolean;
+        singleLine: boolean;
+        persistentPlaceholder: boolean;
+        persistentCounter: boolean;
         min: number;
         step: number;
         hideInput: boolean;
@@ -3240,33 +3414,73 @@ declare const VNumberInput: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     reverse: boolean;
+    flat: boolean;
     style: vue.StyleValue;
+    type: string;
+    active: boolean;
     error: boolean;
     disabled: boolean;
+    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";
     inset: boolean;
+    tile: boolean;
     density: Density;
+    direction: "horizontal" | "vertical";
     max: number;
+    clearIcon: IconValue;
+    hideSpinButtons: boolean;
     persistentHint: boolean;
+    autofocus: boolean;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+    persistentPlaceholder: boolean;
+    persistentCounter: boolean;
     min: number;
     step: number;
     hideInput: boolean;
     controlVariant: ControlVariant;
 } & {
     class?: any;
+    id?: string | undefined;
     label?: string | undefined;
+    width?: string | number | undefined;
     theme?: string | undefined;
     color?: string | undefined;
+    name?: string | undefined;
+    prefix?: string | undefined;
     loading?: string | boolean | undefined;
+    placeholder?: string | undefined;
+    counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    modelValue?: number | undefined;
+    modelValue?: any;
+    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;
+    maxWidth?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    role?: string | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    'onClick:clear'?: ((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;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
+    suffix?: string | undefined;
+    counterValue?: number | ((value: any) => number) | undefined;
+    modelModifiers?: Record<string, boolean> | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         clear?: ((arg: DefaultInputSlot & {
@@ -3277,6 +3491,7 @@ declare const VNumberInput: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
+        counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3295,6 +3510,7 @@ declare const VNumberInput: {
             label: string | undefined;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
+        counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
@@ -3313,6 +3529,7 @@ declare const VNumberInput: {
         label: string | undefined;
         props: Record<string, any>;
     }) => vue.VNodeChild) | undefined;
+    "v-slot:counter"?: false | ((arg: VCounterSlot) => 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;
@@ -3327,18 +3544,36 @@ declare const VNumberInput: {
     'update:modelValue': (val: number) => true;
 }, string, {
     reverse: boolean;
+    flat: boolean;
     style: vue.StyleValue;
+    type: string;
+    active: boolean;
     error: boolean;
     disabled: boolean;
+    messages: string | readonly string[];
     focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
     readonly: boolean | null;
-    modelValue: number;
+    rules: readonly ValidationRule[];
     rounded: string | number | boolean;
     variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     inset: boolean;
+    tile: boolean;
     density: Density;
+    direction: "horizontal" | "vertical";
     max: number;
+    clearIcon: IconValue;
+    centerAffix: boolean;
+    hideSpinButtons: boolean;
     persistentHint: boolean;
+    autofocus: boolean;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+    persistentPlaceholder: boolean;
+    persistentCounter: boolean;
     min: number;
     step: number;
     hideInput: boolean;
@@ -3358,6 +3593,9 @@ declare const VNumberInput: {
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -3383,26 +3621,58 @@ declare const VNumberInput: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    modelValue: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     reverse: BooleanConstructor;
+    flat: BooleanConstructor;
     class: PropType<any>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    id: StringConstructor;
+    label: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    active: BooleanConstructor;
     error: BooleanConstructor;
     theme: StringConstructor;
     color: StringConstructor;
+    name: StringConstructor;
+    prefix: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
     loading: (StringConstructor | BooleanConstructor)[];
+    messages: {
+        type: PropType<string | readonly string[]>;
+        default: () => never[];
+    };
+    placeholder: StringConstructor;
+    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
+    errorMessages: {
+        type: PropType<string | readonly string[] | null>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    rules: {
+        type: PropType<readonly ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: null;
+    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validationValue: null;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -3412,21 +3682,51 @@ declare const VNumberInput: {
         default: string;
         validator: (v: any) => boolean;
     };
-    baseColor: StringConstructor;
-    bgColor: StringConstructor;
-    label: StringConstructor;
-    readonly: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    tile: BooleanConstructor;
+    role: StringConstructor;
     density: {
         type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    baseColor: StringConstructor;
+    bgColor: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    dirty: BooleanConstructor;
+    persistentClear: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    persistentPlaceholder: BooleanConstructor;
+    persistentCounter: BooleanConstructor;
+    suffix: StringConstructor;
+    counterValue: PropType<number | ((value: any) => number)>;
+    modelModifiers: PropType<Record<string, boolean>>;
     controlVariant: {
         type: PropType<ControlVariant>;
         default: string;
@@ -3446,26 +3746,58 @@ declare const VNumberInput: {
         default: number;
     };
 }, vue.ExtractPropTypes<{
-    modelValue: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<(args_0: boolean) => void>;
     reverse: BooleanConstructor;
+    flat: BooleanConstructor;
     class: PropType<any>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    id: StringConstructor;
+    label: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    active: BooleanConstructor;
     error: BooleanConstructor;
     theme: StringConstructor;
     color: StringConstructor;
+    name: StringConstructor;
+    prefix: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: null;
     };
     loading: (StringConstructor | BooleanConstructor)[];
+    messages: {
+        type: PropType<string | readonly string[]>;
+        default: () => never[];
+    };
+    placeholder: StringConstructor;
+    counter: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
+    errorMessages: {
+        type: PropType<string | readonly string[] | null>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    rules: {
+        type: PropType<readonly ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: null;
+    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validationValue: null;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -3475,21 +3807,51 @@ declare const VNumberInput: {
         default: string;
         validator: (v: any) => boolean;
     };
-    baseColor: StringConstructor;
-    bgColor: StringConstructor;
-    label: StringConstructor;
-    readonly: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    tile: BooleanConstructor;
+    role: StringConstructor;
     density: {
         type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    baseColor: StringConstructor;
+    bgColor: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    'onClick:clear': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
+    'onClick:append': PropType<(args_0: MouseEvent) => void>;
+    'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
+    'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    hideSpinButtons: BooleanConstructor;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     hideDetails: PropType<boolean | "auto">;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    dirty: BooleanConstructor;
+    persistentClear: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    persistentPlaceholder: BooleanConstructor;
+    persistentCounter: BooleanConstructor;
+    suffix: StringConstructor;
+    counterValue: PropType<number | ((value: any) => number)>;
+    modelModifiers: PropType<Record<string, boolean>>;
     controlVariant: {
         type: PropType<ControlVariant>;
         default: string;
@@ -4171,7 +4533,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         })>;
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         origin: Anchor | "auto" | "overlap";
         vertical: boolean;
@@ -4221,7 +4583,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
             actions?: ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
@@ -4232,7 +4594,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
             actions?: false | ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -4243,7 +4605,7 @@ declare const VSnackbar: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:actions"?: false | ((arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
         "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
     } & {
@@ -4259,7 +4621,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4286,7 +4648,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4364,7 +4726,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4471,7 +4833,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4567,7 +4929,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4627,7 +4989,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -4720,7 +5082,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         })>;
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         origin: Anchor | "auto" | "overlap";
         vertical: boolean;
@@ -4770,7 +5132,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
             actions?: ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
@@ -4781,7 +5143,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
             actions?: false | ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -4792,7 +5154,7 @@ declare const VSnackbar: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:actions"?: false | ((arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
         "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
     } & {
@@ -4805,7 +5167,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         })>;
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         rounded: string | number | boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         origin: Anchor | "auto" | "overlap";
@@ -4836,7 +5198,7 @@ declare const VSnackbar: {
             [key: string]: any;
         }>[];
         actions: (arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -4858,7 +5220,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         })>;
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         origin: Anchor | "auto" | "overlap";
         vertical: boolean;
@@ -4908,7 +5270,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
             actions?: ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
@@ -4919,7 +5281,7 @@ declare const VSnackbar: {
             }) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
             actions?: false | ((arg: {
-                isActive: Ref<boolean | null>;
+                isActive: Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             text?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -4930,7 +5292,7 @@ declare const VSnackbar: {
         }) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:actions"?: false | ((arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
         "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
     } & {
@@ -4946,7 +5308,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -4973,7 +5335,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -5051,7 +5413,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -5158,7 +5520,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -5254,7 +5616,7 @@ declare const VSnackbar: {
                 component?: vue.Component | undefined;
             });
             zIndex: string | number;
-            modelValue: boolean | null;
+            modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
             eager: boolean;
             location: Anchor;
@@ -5314,7 +5676,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5405,7 +5767,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         })>;
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         rounded: string | number | boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         origin: Anchor | "auto" | "overlap";
@@ -5437,7 +5799,7 @@ declare const VSnackbar: {
         component?: vue.Component | undefined;
     })>;
     zIndex: string | number;
-    modelValue: boolean | null;
+    modelValue: boolean;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     origin: Anchor | "auto" | "overlap";
     vertical: boolean;
@@ -5487,7 +5849,7 @@ declare const VSnackbar: {
         }) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
         actions?: ((arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
         text?: (() => vue.VNodeChild) | undefined;
     };
@@ -5498,7 +5860,7 @@ declare const VSnackbar: {
         }) => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
         actions?: false | ((arg: {
-            isActive: Ref<boolean | null>;
+            isActive: Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
         text?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -5509,7 +5871,7 @@ declare const VSnackbar: {
     }) => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:actions"?: false | ((arg: {
-        isActive: Ref<boolean | null>;
+        isActive: Ref<boolean>;
     }) => vue.VNodeChild) | undefined;
     "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
 } & {
@@ -5525,7 +5887,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5552,7 +5914,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5630,7 +5992,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5737,7 +6099,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5833,7 +6195,7 @@ declare const VSnackbar: {
             component?: vue.Component | undefined;
         });
         zIndex: string | number;
-        modelValue: boolean | null;
+        modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
         eager: boolean;
         location: Anchor;
@@ -5893,7 +6255,7 @@ declare const VSnackbar: {
         component?: vue.Component | undefined;
     });
     zIndex: string | number;
-    modelValue: boolean | null;
+    modelValue: boolean;
     origin: Anchor | "auto" | "overlap";
     eager: boolean;
     location: Anchor;
@@ -5986,7 +6348,7 @@ declare const VSnackbar: {
         component?: vue.Component | undefined;
     })>;
     zIndex: string | number;
-    modelValue: boolean | null;
+    modelValue: boolean;
     rounded: string | number | boolean;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     origin: Anchor | "auto" | "overlap";
@@ -6017,7 +6379,7 @@ declare const VSnackbar: {
         [key: string]: any;
     }>[];
     actions: (arg: {
-        isActive: Ref<boolean | null>;
+        isActive: Ref<boolean>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -6055,10 +6417,7 @@ declare const VSnackbar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    modelValue: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
+    modelValue: BooleanConstructor;
     contentClass: null;
     origin: {
         type: vue.PropType<Anchor | "auto" | "overlap">;
@@ -6159,10 +6518,7 @@ declare const VSnackbar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    modelValue: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
+    modelValue: BooleanConstructor;
     contentClass: null;
     origin: {
         type: vue.PropType<Anchor | "auto" | "overlap">;
@@ -8603,7 +8959,7 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         activeColor?: string | undefined;
         subtitle?: string | number | undefined;
-        lines?: "one" | "two" | "three" | undefined;
+        lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -8720,7 +9076,7 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         activeColor?: string | undefined;
         subtitle?: string | number | undefined;
-        lines?: "one" | "two" | "three" | undefined;
+        lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -8893,7 +9249,7 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         activeColor?: string | undefined;
         subtitle?: string | number | undefined;
-        lines?: "one" | "two" | "three" | undefined;
+        lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -9032,7 +9388,7 @@ declare const VTreeviewItem: {
     prependAvatar?: string | undefined;
     activeColor?: string | undefined;
     subtitle?: string | number | undefined;
-    lines?: "one" | "two" | "three" | undefined;
+    lines?: false | "one" | "two" | "three" | undefined;
     toggleIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | {
@@ -9209,7 +9565,7 @@ declare const VTreeviewItem: {
     appendIcon: vue.PropType<IconValue>;
     baseColor: StringConstructor;
     disabled: BooleanConstructor;
-    lines: vue.PropType<"one" | "two" | "three">;
+    lines: vue.PropType<false | "one" | "two" | "three">;
     link: {
         type: BooleanConstructor;
         default: undefined;
@@ -9289,7 +9645,7 @@ declare const VTreeviewItem: {
     appendIcon: vue.PropType<IconValue>;
     baseColor: StringConstructor;
     disabled: BooleanConstructor;
-    lines: vue.PropType<"one" | "two" | "three">;
+    lines: vue.PropType<false | "one" | "two" | "three">;
     link: {
         type: BooleanConstructor;
         default: undefined;