vuetify 3.2.4 → 3.3.0

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

@@ -13,6 +13,10 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
+type VMessageSlot = {
+    message: string;
+};
+
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -33,68 +37,104 @@ declare const VInput: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            density: Density;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-        }> & Omit<{
-            error: boolean;
-            direction: "horizontal" | "vertical";
-            style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
-            density: Density;
-            focused: boolean;
-            errorMessages: string | string[];
-            maxErrors: string | number;
-            rules: ValidationRule[];
-            persistentHint: boolean;
-        } & {
+        $props: {
+            error?: boolean | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | null | undefined;
+            readonly?: boolean | null | undefined;
+            messages?: string | readonly string[] | undefined;
+            density?: Density | undefined;
+            focused?: boolean | undefined;
+            centerAffix?: boolean | undefined;
+            errorMessages?: string | readonly string[] | undefined;
+            maxErrors?: string | number | undefined;
+            rules?: readonly ValidationRule[] | undefined;
+            persistentHint?: boolean | undefined;
+            key?: string | number | symbol | undefined;
             id?: string | undefined;
             name?: string | undefined;
             label?: string | undefined;
             class?: any;
-            modelValue?: any;
-            prependIcon?: IconValue | undefined;
-            appendIcon?: IconValue | undefined;
-            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
-            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            validateOn?: "input" | "blur" | "submit" | undefined;
-            validationValue?: any;
-            hint?: string | undefined;
-            hideDetails?: boolean | "auto" | undefined;
-        } & {
             $children?: vue.VNodeChild | {
                 default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | ((args_0: VInputSlot) => vue.VNodeChild);
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | undefined;
-        } & {
-            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            $slots?: {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        } & {
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            modelValue?: any;
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "persistentHint">;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+            validationValue?: any;
+            hint?: string | undefined;
+            hideDetails?: boolean | "auto" | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -102,24 +142,39 @@ declare const VInput: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "update:modelValue", val: any) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
             density: Density;
             focused: boolean;
-            errorMessages: string | string[];
+            centerAffix: boolean;
+            errorMessages: string | readonly string[];
             maxErrors: string | number;
-            rules: ValidationRule[];
+            rules: readonly ValidationRule[];
             persistentHint: boolean;
         } & {
             id?: string | undefined;
@@ -132,7 +187,7 @@ declare const VInput: {
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            validateOn?: "input" | "blur" | "submit" | undefined;
+            validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
@@ -142,40 +197,68 @@ declare const VInput: {
                 prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | ((args_0: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         }, {
             reset: () => void;
             resetValidation: () => void;
-            validate: () => Promise<string[]>;
+            validate: (silent?: boolean) => Promise<string[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (val: any) => true;
         }, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
             style: vue.StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            messages: string | string[];
+            disabled: boolean | null;
+            readonly: boolean | null;
+            messages: string | readonly string[];
             density: Density;
             focused: boolean;
-            errorMessages: string | string[];
+            centerAffix: boolean;
+            errorMessages: string | readonly string[];
             maxErrors: string | number;
-            rules: ValidationRule[];
+            rules: readonly ValidationRule[];
             persistentHint: boolean;
-        }, {}, string> & {
+        }, {}, string, vue.SlotsType<Partial<{
+            default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -190,7 +273,7 @@ declare const VInput: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
@@ -199,14 +282,15 @@ declare const VInput: {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        messages: string | string[];
+        disabled: boolean | null;
+        readonly: boolean | null;
+        messages: string | readonly string[];
         density: Density;
         focused: boolean;
-        errorMessages: string | string[];
+        centerAffix: boolean;
+        errorMessages: string | readonly string[];
         maxErrors: string | number;
-        rules: ValidationRule[];
+        rules: readonly ValidationRule[];
         persistentHint: boolean;
     } & {
         id?: string | undefined;
@@ -219,7 +303,7 @@ declare const VInput: {
         'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-        validateOn?: "input" | "blur" | "submit" | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
@@ -229,24 +313,35 @@ declare const VInput: {
             prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | ((args_0: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         reset: () => void;
         resetValidation: () => void;
-        validate: () => Promise<string[]>;
+        validate: (silent?: boolean) => Promise<string[]>;
     }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -255,14 +350,15 @@ declare const VInput: {
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    disabled: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    disabled: boolean | null;
+    readonly: boolean | null;
+    messages: string | readonly string[];
     density: Density;
     focused: boolean;
-    errorMessages: string | string[];
+    centerAffix: boolean;
+    errorMessages: string | readonly string[];
     maxErrors: string | number;
-    rules: ValidationRule[];
+    rules: readonly ValidationRule[];
     persistentHint: boolean;
 } & {
     id?: string | undefined;
@@ -275,7 +371,7 @@ declare const VInput: {
     'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-    validateOn?: "input" | "blur" | "submit" | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
@@ -285,46 +381,77 @@ declare const VInput: {
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     } | ((args_0: VInputSlot) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
     reset: () => void;
     resetValidation: () => void;
-    validate: () => Promise<string[]>;
+    validate: (silent?: boolean) => Promise<string[]>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: any) => true;
 }, string, {
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    disabled: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    disabled: boolean | null;
+    readonly: boolean | null;
+    messages: string | readonly string[];
     density: Density;
     focused: boolean;
-    errorMessages: string | string[];
+    centerAffix: boolean;
+    errorMessages: string | readonly string[];
     maxErrors: string | number;
-    rules: ValidationRule[];
+    rules: readonly ValidationRule[];
     persistentHint: boolean;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, vue.SlotsType<Partial<{
+    default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     error: BooleanConstructor;
     errorMessages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     maxErrors: {
@@ -333,13 +460,16 @@ declare const VInput: {
     };
     name: StringConstructor;
     label: StringConstructor;
-    readonly: BooleanConstructor;
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     rules: {
-        type: PropType<ValidationRule[]>;
+        type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
     modelValue: null;
-    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -353,12 +483,16 @@ declare const VInput: {
     };
     id: StringConstructor;
     appendIcon: PropType<IconValue>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     prependIcon: PropType<IconValue>;
     hideDetails: PropType<boolean | "auto">;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {
@@ -371,10 +505,13 @@ declare const VInput: {
 }, vue.ExtractPropTypes<{
     focused: BooleanConstructor;
     'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
-    disabled: BooleanConstructor;
+    disabled: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     error: BooleanConstructor;
     errorMessages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     maxErrors: {
@@ -383,13 +520,16 @@ declare const VInput: {
     };
     name: StringConstructor;
     label: StringConstructor;
-    readonly: BooleanConstructor;
+    readonly: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
     rules: {
-        type: PropType<ValidationRule[]>;
+        type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
     modelValue: null;
-    validateOn: PropType<"input" | "blur" | "submit" | undefined>;
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     density: {
         type: PropType<Density>;
@@ -403,12 +543,16 @@ declare const VInput: {
     };
     id: StringConstructor;
     appendIcon: PropType<IconValue>;
+    centerAffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     prependIcon: PropType<IconValue>;
     hideDetails: PropType<boolean | "auto">;
     hint: StringConstructor;
     persistentHint: BooleanConstructor;
     messages: {
-        type: PropType<string | string[]>;
+        type: PropType<string | readonly string[]>;
         default: () => never[];
     };
     direction: {

package/lib/components/VItemGroup/VItem.mjs

@@ -1,7 +1,7 @@
 // Composables
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
-import { genericComponent } from "../../util/index.mjs"; // Types
+import { genericComponent } from "../../util/index.mjs";
 export const VItem = genericComponent()({
   name: 'VItem',
   props: makeGroupItemProps(),

package/lib/components/VItemGroup/VItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","_ref","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<{ default: [GroupItemProvide] }>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,4BAEzB;AAAA,SACSC,gBAAgB,gCAEzB;AAGA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAAmC,CAAC;EACvEE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGhB,YAAY,CAACK,KAAK,EAAEJ,gBAAgB,CAAC;IAC5G,OAAO,MAAMS,KAAK,CAACO,OAAO,GAAG;MAC3BN,UAAU,EAAEA,UAAU,CAACI,KAAK;MAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;MAClCH,MAAM;MACNC,MAAM;MACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;MAClBC,QAAQ,EAAEA,QAAQ,CAACD;IACrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","_ref","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\ntype VItemSlots = {\n  default: [{\n    isSelected: boolean | undefined\n    selectedClass: boolean | (string | undefined)[] | undefined\n    select: ((value: boolean) => void) | undefined\n    toggle: (() => void) | undefined\n    value: unknown\n    disabled: boolean | undefined\n  }]\n}\n\nexport const VItem = genericComponent<VItemSlots>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,4BAEzB;AAAA,SACSC,gBAAgB;AAazB,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAAc,CAAC;EAClDE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGhB,YAAY,CAACK,KAAK,EAAEJ,gBAAgB,CAAC;IAC5G,OAAO,MAAMS,KAAK,CAACO,OAAO,GAAG;MAC3BN,UAAU,EAAEA,UAAU,CAACI,KAAK;MAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;MAClCH,MAAM;MACNC,MAAM;MACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;MAClBC,QAAQ,EAAEA,QAAQ,CAACD;IACrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VItemGroup/VItemGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VItemGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","VItemGroupSymbol","Symbol","for","makeVItemGroupProps","selectedClass","VItemGroup","name","props","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","_createVNode","tag","class","style","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const makeVItemGroupProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeGroupProps({\n    selectedClass: 'v-item--selected',\n  }),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-item-group')\n\nexport const VItemGroup = genericComponent()({\n  name: 'VItemGroup',\n\n  props: makeVItemGroupProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        })}\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY;AAEvC,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,mBAAmB,GAAGJ,YAAY,CAAC;EAC9C,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,cAAc,CAAC;IAChBW,aAAa,EAAE;EACjB,CAAC,CAAC;EACF,GAAGT,YAAY,EAAE;EACjB,GAAGC,cAAc;AACnB,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAE,CAAC;EAC3CQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEJ,mBAAmB,EAAE;EAE5BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGhB,YAAY,CAACU,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGxB,QAAQ,CAACa,KAAK,EAAEP,gBAAgB,CAAC;IAEtF,OAAO,MAAAmB,YAAA,CAAAZ,KAAA,CAAAa,GAAA;MAAA,SAEI,CACL,cAAc,EACdP,YAAY,CAACJ,KAAK,EAClBF,KAAK,CAACc,KAAK,CACZ;MAAA,SACOd,KAAK,CAACe;IAAK;MAAAC,OAAA,EAAAA,CAAA,MAEjBX,KAAK,CAACW,OAAO,GAAG;QAChBT,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VItemGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","VItemGroupSymbol","Symbol","for","makeVItemGroupProps","selectedClass","VItemGroup","name","props","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","_createVNode","tag","class","style","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const makeVItemGroupProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeGroupProps({\n    selectedClass: 'v-item--selected',\n  }),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-item-group')\n\ntype VItemGroupSlots = {\n  default: [{\n    isSelected: (id: number) => boolean\n    select: (id: number, value: boolean) => void\n    next: () => void\n    prev: () => void\n    selected: readonly number[]\n  }]\n}\n\nexport const VItemGroup = genericComponent<VItemGroupSlots>()({\n  name: 'VItemGroup',\n\n  props: makeVItemGroupProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        })}\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY;AAEvC,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,mBAAmB,GAAGJ,YAAY,CAAC;EAC9C,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,cAAc,CAAC;IAChBW,aAAa,EAAE;EACjB,CAAC,CAAC;EACF,GAAGT,YAAY,EAAE;EACjB,GAAGC,cAAc;AACnB,CAAC,EAAE,cAAc,CAAC;AAYlB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAmB,CAAC;EAC5DQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEJ,mBAAmB,EAAE;EAE5BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGhB,YAAY,CAACU,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGxB,QAAQ,CAACa,KAAK,EAAEP,gBAAgB,CAAC;IAEtF,OAAO,MAAAmB,YAAA,CAAAZ,KAAA,CAAAa,GAAA;MAAA,SAEI,CACL,cAAc,EACdP,YAAY,CAACJ,KAAK,EAClBF,KAAK,CAACc,KAAK,CACZ;MAAA,SACOd,KAAK,CAACe;IAAK;MAAAC,OAAA,EAAAA,CAAA,MAEjBX,KAAK,CAACW,OAAO,GAAG;QAChBT,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL;EACH;AACF,CAAC,CAAC"}