vuetify 3.6.13 → 3.7.0-beta.1

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

@@ -18,12 +18,13 @@ type Density$1 = null | 'prominent' | 'default' | 'comfortable' | 'compact';
 declare const VAppBar: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         flat: boolean;
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "top" | "bottom";
         height: string | number;
+        order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        order: string | number;
-        absolute: boolean;
         modelValue: boolean;
         tile: boolean;
         density: Density$1;
@@ -31,19 +32,18 @@ declare const VAppBar: {
         extensionHeight: string | number;
         floating: boolean;
         scrollThreshold: string | number;
-        location: "top" | "bottom";
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
         title?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         scrollTarget?: string | undefined;
-        scrollBehavior?: (string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -74,12 +74,13 @@ declare const VAppBar: {
         'update:modelValue': (value: boolean) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "top" | "bottom";
         height: string | number;
+        order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        order: string | number;
-        absolute: boolean;
         modelValue: boolean;
         tile: boolean;
         density: Density$1;
@@ -87,19 +88,18 @@ declare const VAppBar: {
         extensionHeight: string | number;
         floating: boolean;
         scrollThreshold: string | number;
-        location: "top" | "bottom";
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
         title?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         scrollTarget?: string | undefined;
-        scrollBehavior?: (string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -128,12 +128,13 @@ declare const VAppBar: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         flat: boolean;
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "top" | "bottom";
         height: string | number;
+        order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        order: string | number;
-        absolute: boolean;
         modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -142,7 +143,6 @@ declare const VAppBar: {
         extensionHeight: string | number;
         floating: boolean;
         scrollThreshold: string | number;
-        location: "top" | "bottom";
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -171,12 +171,13 @@ declare const VAppBar: {
         Defaults: {};
     }, {
         flat: boolean;
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "top" | "bottom";
         height: string | number;
+        order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        order: string | number;
-        absolute: boolean;
         modelValue: boolean;
         tile: boolean;
         density: Density$1;
@@ -184,19 +185,18 @@ declare const VAppBar: {
         extensionHeight: string | number;
         floating: boolean;
         scrollThreshold: string | number;
-        location: "top" | "bottom";
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
         title?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         scrollTarget?: string | undefined;
-        scrollBehavior?: (string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -225,12 +225,13 @@ declare const VAppBar: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {}, {}, {}, {}, {
         flat: boolean;
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "top" | "bottom";
         height: string | number;
+        order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
-        order: string | number;
-        absolute: boolean;
         modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -239,19 +240,19 @@ declare const VAppBar: {
         extensionHeight: string | number;
         floating: boolean;
         scrollThreshold: string | number;
-        location: "top" | "bottom";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     flat: boolean;
-    style: vue.StyleValue;
+    absolute: boolean;
+    location: "top" | "bottom";
     height: string | number;
+    order: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
-    order: string | number;
-    absolute: boolean;
     modelValue: boolean;
     tile: boolean;
     density: Density$1;
@@ -259,19 +260,18 @@ declare const VAppBar: {
     extensionHeight: string | number;
     floating: boolean;
     scrollThreshold: string | number;
-    location: "top" | "bottom";
 } & {
-    class?: any;
+    name?: string | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
     title?: string | undefined;
     image?: string | undefined;
+    class?: any;
+    elevation?: string | number | undefined;
     theme?: string | undefined;
-    color?: string | undefined;
-    name?: string | undefined;
-    border?: string | number | boolean | undefined;
     rounded?: string | number | boolean | undefined;
-    elevation?: string | number | undefined;
     scrollTarget?: string | undefined;
-    scrollBehavior?: (string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -302,12 +302,13 @@ declare const VAppBar: {
     'update:modelValue': (value: boolean) => boolean;
 }, string, {
     flat: boolean;
-    style: vue.StyleValue;
+    absolute: boolean;
+    location: "top" | "bottom";
     height: string | number;
+    order: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
-    order: string | number;
-    absolute: boolean;
     modelValue: boolean;
     rounded: string | number | boolean;
     tile: boolean;
@@ -316,7 +317,6 @@ declare const VAppBar: {
     extensionHeight: string | number;
     floating: boolean;
     scrollThreshold: string | number;
-    location: "top" | "bottom";
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -360,12 +360,12 @@ declare const VAppBar: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -378,7 +378,7 @@ declare const VAppBar: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     collapse: BooleanConstructor;
     color: StringConstructor;
     density: {
@@ -395,7 +395,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<(string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -429,12 +429,12 @@ declare const VAppBar: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -447,7 +447,7 @@ declare const VAppBar: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     collapse: BooleanConstructor;
     color: StringConstructor;
     density: {
@@ -464,7 +464,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
-    scrollBehavior: PropType<(string & {}) | "collapse" | "hide" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
+    scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image">;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -509,17 +509,17 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 declare const VAppBarNavIcon: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
+        size: string | number;
+        readonly: boolean;
         tag: string;
         icon: NonNullable<boolean | IconValue>;
-        readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -528,28 +528,29 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -572,17 +573,17 @@ declare const VAppBarNavIcon: {
         "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
+        size: string | number;
+        readonly: boolean;
         tag: string;
         icon: NonNullable<boolean | IconValue>;
-        readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -591,28 +592,29 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -635,19 +637,19 @@ declare const VAppBarNavIcon: {
         "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
+        size: string | number;
+        readonly: boolean;
         tag: string;
         icon: NonNullable<boolean | IconValue>;
-        readonly: boolean;
         rounded: string | number | boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -677,17 +679,17 @@ declare const VAppBarNavIcon: {
         Defaults: {};
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
+        size: string | number;
+        readonly: boolean;
         tag: string;
         icon: NonNullable<boolean | IconValue>;
-        readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -696,28 +698,29 @@ declare const VAppBarNavIcon: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -740,19 +743,19 @@ declare const VAppBarNavIcon: {
         "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
+        size: string | number;
+        readonly: boolean;
         tag: string;
         icon: NonNullable<boolean | IconValue>;
-        readonly: boolean;
         rounded: string | number | boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -766,17 +769,17 @@ declare const VAppBarNavIcon: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     symbol: any;
-    flat: boolean;
     replace: boolean;
+    flat: boolean;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
+    size: string | number;
+    readonly: boolean;
     tag: string;
     icon: NonNullable<boolean | IconValue>;
-    readonly: boolean;
-    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    block: boolean;
-    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -785,28 +788,29 @@ declare const VAppBarNavIcon: {
         class: string;
     } | undefined;
 } & {
-    class?: any;
-    text?: string | undefined;
-    value?: any;
-    width?: string | number | undefined;
+    location?: Anchor | undefined;
     height?: string | number | undefined;
+    width?: string | number | undefined;
     active?: boolean | undefined;
-    theme?: string | undefined;
-    href?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
     border?: string | number | boolean | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
+    class?: any;
+    href?: string | undefined;
     elevation?: string | number | undefined;
-    location?: Anchor | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
 } & {
@@ -829,19 +833,19 @@ declare const VAppBarNavIcon: {
     "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     symbol: any;
-    flat: boolean;
     replace: boolean;
-    style: vue.StyleValue;
-    size: string | number;
+    flat: boolean;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    exact: boolean;
+    block: boolean;
     active: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
+    size: string | number;
+    readonly: boolean;
     tag: string;
     icon: NonNullable<boolean | IconValue>;
-    readonly: boolean;
     rounded: string | number | boolean;
-    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    block: boolean;
-    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -868,10 +872,10 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
         default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     };
@@ -879,7 +883,7 @@ declare const VAppBarNavIcon: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<string>;
         default: string;
     };
@@ -892,12 +896,12 @@ declare const VAppBarNavIcon: {
     to: vue.PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: vue.PropType<Anchor>;
@@ -925,11 +929,12 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;
     };
+    activeColor: StringConstructor;
     baseColor: StringConstructor;
     symbol: {
         type: null;
@@ -959,10 +964,10 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
         default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
     };
@@ -970,7 +975,7 @@ declare const VAppBarNavIcon: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<string>;
         default: string;
     };
@@ -983,12 +988,12 @@ declare const VAppBarNavIcon: {
     to: vue.PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: vue.PropType<Anchor>;
@@ -1016,11 +1021,12 @@ declare const VAppBarNavIcon: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;
     };
+    activeColor: StringConstructor;
     baseColor: StringConstructor;
     symbol: {
         type: null;
@@ -1052,8 +1058,8 @@ declare const VAppBarTitle: {
         style: vue.StyleValue;
         tag: string;
     } & {
-        class?: any;
         text?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1070,8 +1076,8 @@ declare const VAppBarTitle: {
         style: vue.StyleValue;
         tag: string;
     } & {
-        class?: any;
         text?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1105,8 +1111,8 @@ declare const VAppBarTitle: {
         style: vue.StyleValue;
         tag: string;
     } & {
-        class?: any;
         text?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1130,8 +1136,8 @@ declare const VAppBarTitle: {
     style: vue.StyleValue;
     tag: string;
 } & {
-    class?: any;
     text?: string | undefined;
+    class?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;