@vuetify/nightly 3.6.10-master.2024-06-21 → 3.6.11-dev.2024-07-03

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

@@ -550,6 +550,7 @@ declare const VAppBarNavIcon: {
         location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -613,6 +614,7 @@ declare const VAppBarNavIcon: {
         location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -718,6 +720,7 @@ declare const VAppBarNavIcon: {
         location?: Anchor | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -807,6 +810,7 @@ declare const VAppBarNavIcon: {
     location?: Anchor | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
 } & {
@@ -930,6 +934,7 @@ declare const VAppBarNavIcon: {
         type: BooleanConstructor;
         default: undefined;
     };
+    activeColor: StringConstructor;
     baseColor: StringConstructor;
     symbol: {
         type: null;
@@ -1021,6 +1026,7 @@ declare const VAppBarNavIcon: {
         type: BooleanConstructor;
         default: undefined;
     };
+    activeColor: StringConstructor;
     baseColor: StringConstructor;
     symbol: {
         type: null;

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

@@ -296,13 +296,13 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
         focused: boolean;
+        eager: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         readonly: boolean | null;
         rules: readonly ValidationRule[];
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        eager: boolean;
         role: string;
         density: Density;
         direction: "horizontal" | "vertical";
@@ -343,7 +343,7 @@ declare const VAutocomplete: {
         placeholder?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("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;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -417,9 +417,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -462,9 +462,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -633,9 +633,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -662,9 +662,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -738,9 +738,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -809,7 +809,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -836,13 +836,13 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
         focused: boolean;
+        eager: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         readonly: boolean | null;
         rules: readonly ValidationRule[];
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        eager: boolean;
         role: string;
         density: Density;
         direction: "horizontal" | "vertical";
@@ -883,7 +883,7 @@ declare const VAutocomplete: {
         placeholder?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("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;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -957,9 +957,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -1002,9 +1002,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -1173,9 +1173,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -1202,9 +1202,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -1278,9 +1278,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -1349,7 +1349,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -1371,6 +1371,7 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
         focused: boolean;
+        eager: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         readonly: boolean | null;
@@ -1378,7 +1379,6 @@ declare const VAutocomplete: {
         rounded: string | number | boolean;
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        eager: boolean;
         role: string;
         density: Density;
         direction: "horizontal" | "vertical";
@@ -1490,13 +1490,13 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
         focused: boolean;
+        eager: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         readonly: boolean | null;
         rules: readonly ValidationRule[];
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        eager: boolean;
         role: string;
         density: Density;
         direction: "horizontal" | "vertical";
@@ -1537,7 +1537,7 @@ declare const VAutocomplete: {
         placeholder?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+        validateOn?: (("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;
         rounded?: string | number | boolean | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
@@ -1611,9 +1611,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -1656,9 +1656,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -1827,9 +1827,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -1856,9 +1856,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -1932,9 +1932,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -2003,7 +2003,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
         itemColor?: string | undefined;
         autoSelectFirst?: boolean | "exact" | undefined;
     } & {
@@ -2025,6 +2025,7 @@ declare const VAutocomplete: {
             component?: vue.Component | undefined;
         })>;
         focused: boolean;
+        eager: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         readonly: boolean | null;
@@ -2032,7 +2033,6 @@ declare const VAutocomplete: {
         rounded: string | number | boolean;
         variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         tile: boolean;
-        eager: boolean;
         role: string;
         density: Density;
         direction: "horizontal" | "vertical";
@@ -2079,13 +2079,13 @@ declare const VAutocomplete: {
         component?: vue.Component | undefined;
     })>;
     focused: boolean;
+    eager: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     readonly: boolean | null;
     rules: readonly ValidationRule[];
     variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     tile: boolean;
-    eager: boolean;
     role: string;
     density: Density;
     direction: "horizontal" | "vertical";
@@ -2126,7 +2126,7 @@ declare const VAutocomplete: {
     placeholder?: string | undefined;
     counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
+    validateOn?: (("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;
     rounded?: string | number | boolean | undefined;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
@@ -2200,9 +2200,9 @@ declare const VAutocomplete: {
         elevation?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -2245,9 +2245,9 @@ declare const VAutocomplete: {
         elevation?: string | number | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
+        activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
     } & {
@@ -2416,9 +2416,9 @@ declare const VAutocomplete: {
             component: vue.Component;
         };
         zIndex: string | number;
+        eager: boolean;
         modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
-        eager: boolean;
         location: Anchor;
         locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -2445,9 +2445,9 @@ declare const VAutocomplete: {
             component: vue.Component;
         };
         zIndex: string | number;
+        eager: boolean;
         modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
-        eager: boolean;
         location: Anchor;
         locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -2521,9 +2521,9 @@ declare const VAutocomplete: {
             component: vue.Component;
         };
         zIndex: string | number;
+        eager: boolean;
         modelValue: boolean;
         origin: Anchor | "auto" | "overlap";
-        eager: boolean;
         location: Anchor;
         locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -2592,7 +2592,7 @@ declare const VAutocomplete: {
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
+    }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
     itemColor?: string | undefined;
     autoSelectFirst?: boolean | "exact" | undefined;
 } & {
@@ -2619,6 +2619,7 @@ declare const VAutocomplete: {
         component?: vue.Component | undefined;
     })>;
     focused: boolean;
+    eager: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     readonly: boolean | null;
@@ -2626,7 +2627,6 @@ declare const VAutocomplete: {
     rounded: string | number | boolean;
     variant: "underlined" | "filled" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     tile: boolean;
-    eager: boolean;
     role: string;
     density: Density;
     direction: "horizontal" | "vertical";
@@ -2838,7 +2838,7 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: PropType<(("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>;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -2990,9 +2990,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -3035,9 +3035,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -3213,9 +3213,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -3242,9 +3242,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -3318,9 +3318,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -3389,7 +3389,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {
@@ -3482,7 +3482,7 @@ declare const VAutocomplete: {
         type: PropType<any>;
         default: any;
     };
-    validateOn: PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: PropType<(("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>;
     rounded: {
         type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
@@ -3634,9 +3634,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
@@ -3679,9 +3679,9 @@ declare const VAutocomplete: {
             elevation?: string | number | undefined;
             baseColor?: string | undefined;
             bgColor?: string | undefined;
+            activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
@@ -3857,9 +3857,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -3886,9 +3886,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -3962,9 +3962,9 @@ declare const VAutocomplete: {
                 component: vue.Component;
             };
             zIndex: string | number;
+            eager: boolean;
             modelValue: boolean;
             origin: Anchor | "auto" | "overlap";
-            eager: boolean;
             location: Anchor;
             locationStrategy: NonNullable<"static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -4033,7 +4033,7 @@ declare const VAutocomplete: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }, "style" | "disabled" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
+        }, "style" | "disabled" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
     };
     multiple: BooleanConstructor;
     noDataText: {

package/lib/components/VAvatar/VAvatar.css

@@ -10,6 +10,9 @@
   transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   transition-property: width, height;
   vertical-align: middle;
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: thin;
   border-radius: 50%;
 }
 .v-avatar.v-avatar--size-x-small {
@@ -39,6 +42,10 @@
   height: calc(var(--v-avatar-height) + -8px);
   width: calc(var(--v-avatar-height) + -8px);
 }
+.v-avatar--border {
+  border-width: thin;
+  box-shadow: none;
+}
 .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
   background: transparent;
   color: inherit;

package/lib/components/VAvatar/VAvatar.mjs

@@ -6,6 +6,7 @@ import "./VAvatar.css";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VIcon } from "../VIcon/index.mjs";
 import { VImg } from "../VImg/index.mjs"; // Composables
+import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { IconValue } from "../../composables/icons.mjs";
@@ -21,6 +22,7 @@ export const makeVAvatarProps = propsFactory({
   icon: IconValue,
   image: String,
   text: String,
+  ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
   ...makeRoundedProps(),
@@ -41,6 +43,9 @@ export const VAvatar = genericComponent()({
     const {
       themeClasses
     } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
     const {
       colorClasses,
       colorStyles,
@@ -60,7 +65,7 @@ export const VAvatar = genericComponent()({
       "class": ['v-avatar', {
         'v-avatar--start': props.start,
         'v-avatar--end': props.end
-      }, themeClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
+      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
       "style": [colorStyles.value, sizeStyles.value, props.style]
     }, {
       default: () => [!slots.default ? props.image ? _createVNode(VImg, {