@vuetify/nightly 3.6.8-master.2024-06-11 → 3.6.9-dev.2024-06-20

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

@@ -1,14 +1,20 @@
-import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
-type Density = null | 'default' | 'comfortable' | 'compact';
-
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -62,7 +68,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -90,8 +95,10 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -132,7 +139,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -160,8 +166,10 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -201,7 +209,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -244,7 +251,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -272,8 +278,10 @@ declare const VFab: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         elevation?: string | number | undefined;
+        location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -313,7 +321,6 @@ declare const VFab: {
         appear: boolean;
         density: Density;
         extended: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -349,7 +356,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -377,8 +383,10 @@ declare const VFab: {
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
     elevation?: string | number | undefined;
+    location?: Anchor | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
 } & {
@@ -420,7 +428,6 @@ declare const VFab: {
     appear: boolean;
     density: Density;
     extended: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -433,19 +440,20 @@ declare const VFab: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
     };
+    location: vue.PropType<Anchor>;
     name: {
         type: StringConstructor;
     };
@@ -460,9 +468,9 @@ declare const VFab: {
     };
     flat: BooleanConstructor;
     replace: BooleanConstructor;
-    class: PropType<any>;
+    class: vue.PropType<any>;
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     size: {
@@ -477,7 +485,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -488,15 +496,15 @@ declare const VFab: {
         type: StringConstructor;
         default: string;
     }, "default" | "type"> & {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    icon: PropType<boolean | IconValue>;
-    to: PropType<vue_router.RouteLocationRaw>;
+    icon: vue.PropType<boolean | IconValue>;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     readonly: BooleanConstructor;
@@ -505,11 +513,11 @@ declare const VFab: {
         default: undefined;
     };
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -524,18 +532,19 @@ declare const VFab: {
         validator(v: any): boolean;
     };
     density: {
-        type: PropType<Density>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     baseColor: StringConstructor;
     selectedClass: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
+    activeColor: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
+        type: vue.PropType<boolean | {
             class: string;
         } | undefined>;
         default: boolean;
@@ -544,10 +553,6 @@ declare const VFab: {
     appear: BooleanConstructor;
     extended: BooleanConstructor;
     layout: BooleanConstructor;
-    location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
-        default: string;
-    };
     offset: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -555,19 +560,20 @@ declare const VFab: {
     };
 }, vue.ExtractPropTypes<{
     transition: Omit<{
-        type: PropType<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+        type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
     };
+    location: vue.PropType<Anchor>;
     name: {
         type: StringConstructor;
     };
@@ -582,9 +588,9 @@ declare const VFab: {
     };
     flat: BooleanConstructor;
     replace: BooleanConstructor;
-    class: PropType<any>;
+    class: vue.PropType<any>;
     style: {
-        type: PropType<vue.StyleValue>;
+        type: vue.PropType<vue.StyleValue>;
         default: null;
     };
     size: {
@@ -599,7 +605,7 @@ declare const VFab: {
         type: BooleanConstructor;
         default: undefined;
     }, "default" | "type"> & {
-        type: PropType<boolean>;
+        type: vue.PropType<boolean>;
         default: boolean;
     };
     theme: StringConstructor;
@@ -610,15 +616,15 @@ declare const VFab: {
         type: StringConstructor;
         default: string;
     }, "default" | "type"> & {
-        type: PropType<string>;
+        type: vue.PropType<string>;
         default: string;
     };
     loading: (StringConstructor | BooleanConstructor)[];
-    icon: PropType<boolean | IconValue>;
-    to: PropType<vue_router.RouteLocationRaw>;
+    icon: vue.PropType<boolean | IconValue>;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
     border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     readonly: BooleanConstructor;
@@ -627,11 +633,11 @@ declare const VFab: {
         default: undefined;
     };
     variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
     }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -646,18 +652,19 @@ declare const VFab: {
         validator(v: any): boolean;
     };
     density: {
-        type: PropType<Density>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
     baseColor: StringConstructor;
     selectedClass: StringConstructor;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
+    activeColor: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    appendIcon: vue.PropType<IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<boolean | {
+        type: vue.PropType<boolean | {
             class: string;
         } | undefined>;
         default: boolean;
@@ -666,10 +673,6 @@ declare const VFab: {
     appear: BooleanConstructor;
     extended: BooleanConstructor;
     layout: BooleanConstructor;
-    location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
-        default: string;
-    };
     offset: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;

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

@@ -123,7 +123,7 @@ declare const VFileInput: {
         name?: string | undefined;
         loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
@@ -255,7 +255,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -288,7 +288,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -349,7 +349,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -441,7 +441,7 @@ declare const VFileInput: {
         theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -508,7 +508,7 @@ declare const VFileInput: {
         name?: string | undefined;
         loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
@@ -731,7 +731,7 @@ declare const VFileInput: {
         name?: string | undefined;
         loading?: string | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
@@ -863,7 +863,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -896,7 +896,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -957,7 +957,7 @@ declare const VFileInput: {
             theme?: string | undefined;
             name?: string | undefined;
             'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-            validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+            validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
             validationValue?: any;
             maxWidth?: string | number | undefined;
             minWidth?: string | number | undefined;
@@ -1049,7 +1049,7 @@ declare const VFileInput: {
         theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -1150,7 +1150,7 @@ declare const VFileInput: {
     name?: string | undefined;
     loading?: string | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
     validationValue?: any;
     rounded?: string | number | boolean | undefined;
     maxWidth?: string | number | undefined;
@@ -1282,7 +1282,7 @@ declare const VFileInput: {
         theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -1315,7 +1315,7 @@ declare const VFileInput: {
         theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -1376,7 +1376,7 @@ declare const VFileInput: {
         theme?: string | undefined;
         name?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         validationValue?: any;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -1468,7 +1468,7 @@ declare const VFileInput: {
     theme?: string | undefined;
     name?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn?: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
     validationValue?: any;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
@@ -1647,7 +1647,7 @@ declare const VFileInput: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -1769,7 +1769,7 @@ declare const VFileInput: {
         type: PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];

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

@@ -22,7 +22,7 @@ declare const VForm: {
         disabled: boolean;
         readonly: boolean;
         modelValue: boolean | null;
-        validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         fastFail: boolean;
     } & {
         class?: any;
@@ -191,7 +191,7 @@ declare const VForm: {
         disabled: boolean;
         readonly: boolean;
         modelValue: boolean | null;
-        validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         fastFail: boolean;
     } & {
         class?: any;
@@ -328,7 +328,7 @@ declare const VForm: {
         disabled: boolean;
         readonly: boolean;
         modelValue: boolean | null;
-        validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         fastFail: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
@@ -375,7 +375,7 @@ declare const VForm: {
         disabled: boolean;
         readonly: boolean;
         modelValue: boolean | null;
-        validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         fastFail: boolean;
     } & {
         class?: any;
@@ -541,7 +541,7 @@ declare const VForm: {
         disabled: boolean;
         readonly: boolean;
         modelValue: boolean | null;
-        validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
         fastFail: boolean;
     }>;
     __isFragment?: undefined;
@@ -552,7 +552,7 @@ declare const VForm: {
     disabled: boolean;
     readonly: boolean;
     modelValue: boolean | null;
-    validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
     fastFail: boolean;
 } & {
     class?: any;
@@ -721,7 +721,7 @@ declare const VForm: {
     disabled: boolean;
     readonly: boolean;
     modelValue: boolean | null;
-    validateOn: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn: (("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined;
     fastFail: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
@@ -765,7 +765,7 @@ declare const VForm: {
         default: null;
     };
     validateOn: {
-        type: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+        type: vue.PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
         default: string;
     };
     class: vue.PropType<any>;
@@ -782,7 +782,7 @@ declare const VForm: {
         default: null;
     };
     validateOn: {
-        type: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+        type: vue.PropType<(("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager") | undefined>;
         default: string;
     };
     class: vue.PropType<any>;

package/lib/components/VGrid/VContainer.mjs

@@ -4,6 +4,7 @@ import "./VGrid.css";
 
 // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { useRtl } from "../../composables/locale.mjs";
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
@@ -13,6 +14,7 @@ export const makeVContainerProps = propsFactory({
     default: false
   },
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeTagProps()
 }, 'VContainer');
 export const VContainer = genericComponent()({
@@ -25,11 +27,14 @@ export const VContainer = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
+    const {
+      dimensionStyles
+    } = useDimension(props);
     useRender(() => _createVNode(props.tag, {
       "class": ['v-container', {
         'v-container--fluid': props.fluid
       }, rtlClasses.value, props.class],
-      "style": props.style
+      "style": [dimensionStyles.value, props.style]
     }, slots));
     return {};
   }