vuetify 3.6.13 → 3.7.0-beta.1

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

@@ -58,16 +58,16 @@ declare const VTab: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         replace: boolean;
         fixed: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -76,25 +76,26 @@ declare const VTab: {
         } | undefined;
         hideSlider: boolean;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | 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;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -121,18 +122,18 @@ declare const VTab: {
         $data: {};
         $props: Partial<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
-            style: vue.StyleValue;
-            size: string | number;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
+            tag: string;
             rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -142,16 +143,16 @@ declare const VTab: {
             } | undefined;
         }> & Omit<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -159,29 +160,30 @@ declare const VTab: {
             ripple: boolean | {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -205,16 +207,16 @@ declare const VTab: {
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -223,29 +225,30 @@ declare const VTab: {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
         } & {
@@ -270,7 +273,7 @@ declare const VTab: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+        }, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -299,16 +302,16 @@ declare const VTab: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -317,29 +320,30 @@ declare const VTab: {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
         } & {
@@ -372,18 +376,18 @@ declare const VTab: {
             }) => true;
         }, string, {
             symbol: any;
-            flat: boolean;
             replace: boolean;
-            style: vue.StyleValue;
-            size: string | number;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
+            tag: string;
             rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -426,16 +430,16 @@ declare const VTab: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -444,29 +448,30 @@ declare const VTab: {
             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;
-        icon?: boolean | IconValue | 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;
+        icon?: boolean | IconValue | undefined;
+        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;
     } & {
@@ -493,19 +498,19 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
         fixed: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -514,25 +519,26 @@ declare const VTab: {
         } | undefined;
         hideSlider: boolean;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | 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;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -557,17 +563,17 @@ declare const VTab: {
     }, {
         replace: boolean;
         fixed: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        exact: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -598,16 +604,16 @@ declare const VTab: {
     }, {
         replace: boolean;
         fixed: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -616,25 +622,26 @@ declare const VTab: {
         } | undefined;
         hideSlider: boolean;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | 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;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
+        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -661,18 +668,18 @@ declare const VTab: {
         $data: {};
         $props: Partial<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
-            style: vue.StyleValue;
-            size: string | number;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
+            tag: string;
             rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -682,16 +689,16 @@ declare const VTab: {
             } | undefined;
         }> & Omit<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -699,29 +706,30 @@ declare const VTab: {
             ripple: boolean | {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -745,16 +753,16 @@ declare const VTab: {
             }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -763,29 +771,30 @@ declare const VTab: {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
         } & {
@@ -810,7 +819,7 @@ declare const VTab: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+        }, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -839,16 +848,16 @@ declare const VTab: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             symbol: any;
-            flat: boolean;
             replace: boolean;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             style: vue.StyleValue;
-            size: string | number;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
+            tag: string;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -857,29 +866,30 @@ declare const VTab: {
                 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;
-            icon?: boolean | IconValue | 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;
+            icon?: boolean | IconValue | undefined;
+            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;
         } & {
@@ -912,18 +922,18 @@ declare const VTab: {
             }) => true;
         }, string, {
             symbol: any;
-            flat: boolean;
             replace: boolean;
-            style: vue.StyleValue;
-            size: string | number;
+            flat: boolean;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            exact: boolean;
+            block: boolean;
             active: boolean;
+            style: vue.StyleValue;
             disabled: boolean;
-            tag: string;
+            size: string | number;
             readonly: boolean;
+            tag: string;
             rounded: string | number | boolean;
-            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-            block: boolean;
-            exact: boolean;
             tile: boolean;
             density: Density;
             slim: boolean;
@@ -966,16 +976,16 @@ declare const VTab: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Omit<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -984,29 +994,30 @@ declare const VTab: {
             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;
-        icon?: boolean | IconValue | 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;
+        icon?: boolean | IconValue | undefined;
+        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;
     } & {
@@ -1033,20 +1044,20 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, {}, {}, {}, {
+    }> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, {}, {}, {}, {
         replace: boolean;
         fixed: boolean;
+        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        exact: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        exact: boolean;
         tile: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -1061,16 +1072,16 @@ declare const VTab: {
 } & vue.ComponentOptionsBase<{
     replace: boolean;
     fixed: boolean;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    exact: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
-    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    exact: boolean;
+    tag: string;
     tile: boolean;
     density: Density;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     slim: boolean;
     stacked: boolean;
@@ -1079,25 +1090,26 @@ declare const VTab: {
     } | undefined;
     hideSlider: boolean;
 } & {
-    class?: any;
-    text?: string | undefined;
-    value?: any;
-    width?: string | number | undefined;
     height?: string | number | undefined;
-    theme?: string | undefined;
-    href?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
-    icon?: boolean | IconValue | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
+    width?: string | number | undefined;
     border?: string | number | boolean | 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;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
+    class?: any;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
     elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
+    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     sliderColor?: string | undefined;
@@ -1124,18 +1136,18 @@ declare const VTab: {
     $data: {};
     $props: Partial<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -1145,16 +1157,16 @@ declare const VTab: {
         } | undefined;
     }> & Omit<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -1162,29 +1174,30 @@ declare const VTab: {
         ripple: boolean | {
             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;
-        icon?: boolean | IconValue | 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;
+        icon?: boolean | IconValue | undefined;
+        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;
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -1208,16 +1221,16 @@ declare const VTab: {
         }) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -1226,29 +1239,30 @@ declare const VTab: {
             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;
-        icon?: boolean | IconValue | 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;
+        icon?: boolean | IconValue | undefined;
+        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;
     } & {
@@ -1273,7 +1287,7 @@ declare const VTab: {
         "onGroup:selected"?: ((val: {
             value: boolean;
         }) => any) | undefined;
-    }, "symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple">;
+    }, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1302,16 +1316,16 @@ declare const VTab: {
     $el: any;
     $options: vue.ComponentOptionsBase<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -1320,29 +1334,30 @@ declare const VTab: {
             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;
-        icon?: boolean | IconValue | 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;
+        icon?: boolean | IconValue | undefined;
+        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;
     } & {
@@ -1375,18 +1390,18 @@ declare const VTab: {
         }) => true;
     }, string, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -1429,16 +1444,16 @@ declare const VTab: {
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
 } & Omit<{
     symbol: any;
-    flat: boolean;
     replace: boolean;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    block: boolean;
-    exact: boolean;
+    tag: string;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -1447,29 +1462,30 @@ declare const VTab: {
         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;
-    icon?: boolean | IconValue | 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;
+    icon?: boolean | IconValue | undefined;
+    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;
 } & {
@@ -1496,20 +1512,20 @@ declare const VTab: {
     }) => any) | undefined;
 }, "group"> & vue.ShallowUnwrapRef<{
     group: GroupItemProvide | null;
-}> & {} & vue.ComponentCustomProperties & {}, "class" | "text" | "value" | "width" | "height" | "theme" | "key" | "href" | "color" | "v-slot:default" | "$children" | "v-slots" | "loading" | "icon" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "to" | "border" | "position" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "elevation" | "v-slot:prepend" | "v-slot:append" | "location" | "baseColor" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "flat" | "replace" | "style" | "size" | "active" | "disabled" | "tag" | "readonly" | "rounded" | "variant" | "block" | "exact" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+}> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     replace: boolean;
     fixed: boolean;
+    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    exact: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
+    tag: string;
     rounded: string | number | boolean;
-    variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    exact: boolean;
     tile: boolean;
     density: Density;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     slim: boolean;
     stacked: boolean;
@@ -1532,60 +1548,60 @@ declare const VTab: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     replace: BooleanConstructor;
-    class: PropType<any>;
+    variant: Omit<Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
+        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    };
+    exact: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    value: null;
+    loading: (StringConstructor | BooleanConstructor)[];
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    text: StringConstructor;
+    disabled: BooleanConstructor;
     size: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    text: StringConstructor;
-    value: null;
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    href: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    class: PropType<any>;
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
     icon: PropType<boolean | IconValue>;
+    href: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
     to: PropType<vue_router.RouteLocationRaw>;
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-    readonly: BooleanConstructor;
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: Omit<Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
-        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    };
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    exact: BooleanConstructor;
     tile: BooleanConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
     density: {
         type: PropType<Density>;
         default: string;
@@ -1596,6 +1612,7 @@ declare const VTab: {
         type: PropType<string>;
         default: string;
     };
+    activeColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
     slim: BooleanConstructor;
@@ -1615,60 +1632,60 @@ declare const VTab: {
     };
 }, vue.ExtractPropTypes<{
     replace: BooleanConstructor;
-    class: PropType<any>;
+    variant: Omit<Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
+        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+    };
+    exact: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    value: null;
+    loading: (StringConstructor | BooleanConstructor)[];
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
+    text: StringConstructor;
+    disabled: BooleanConstructor;
     size: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    text: StringConstructor;
-    value: null;
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    href: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    class: PropType<any>;
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
-    loading: (StringConstructor | BooleanConstructor)[];
     icon: PropType<boolean | IconValue>;
+    href: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
     to: PropType<vue_router.RouteLocationRaw>;
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-    readonly: BooleanConstructor;
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    variant: Omit<Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    }, "default" | "type"> & {
-        type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
-        default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
-    };
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    exact: BooleanConstructor;
     tile: BooleanConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
     density: {
         type: PropType<Density>;
         default: string;
@@ -1679,6 +1696,7 @@ declare const VTab: {
         type: PropType<string>;
         default: string;
     };
+    activeColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
     slim: BooleanConstructor;
@@ -1710,15 +1728,15 @@ type VTabsSlot = {
 declare const VTabs: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
         disabled: boolean;
+        multiple: boolean;
         tag: string;
-        mobile: NonNullable<boolean | null> | null;
-        items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
-        multiple: boolean;
+        items: readonly TabItem[];
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         stacked: boolean;
         centerActive: boolean;
@@ -1726,15 +1744,15 @@ declare const VTabs: {
         prevIcon: IconValue;
         grow: boolean;
         hideSlider: boolean;
-        alignTabs: "end" | "title" | "center" | "start";
+        alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     } & {
-        class?: any;
+        max?: number | undefined;
         height?: string | number | undefined;
         color?: string | undefined;
+        class?: any;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
-        max?: number | undefined;
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
@@ -1768,15 +1786,15 @@ declare const VTabs: {
         'update:modelValue': (v: unknown) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
         disabled: boolean;
+        multiple: boolean;
         tag: string;
-        mobile: NonNullable<boolean | null> | null;
-        items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
-        multiple: boolean;
+        items: readonly TabItem[];
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         stacked: boolean;
         centerActive: boolean;
@@ -1784,15 +1802,15 @@ declare const VTabs: {
         prevIcon: IconValue;
         grow: boolean;
         hideSlider: boolean;
-        alignTabs: "end" | "title" | "center" | "start";
+        alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     } & {
-        class?: any;
+        max?: number | undefined;
         height?: string | number | undefined;
         color?: string | undefined;
+        class?: any;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
-        max?: number | undefined;
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
@@ -1824,17 +1842,17 @@ declare const VTabs: {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {
         symbol: any;
-        style: vue.StyleValue;
         height: string | number;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
         disabled: boolean;
+        multiple: boolean;
         tag: string;
-        mobile: NonNullable<boolean | null> | null;
+        mandatory: NonNullable<boolean | "force">;
         modelValue: any;
         items: readonly TabItem[];
-        mandatory: NonNullable<boolean | "force">;
-        multiple: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         stacked: boolean;
         centerActive: boolean;
@@ -1842,7 +1860,7 @@ declare const VTabs: {
         prevIcon: IconValue;
         grow: boolean;
         hideSlider: boolean;
-        alignTabs: "end" | "title" | "center" | "start";
+        alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -1872,15 +1890,15 @@ declare const VTabs: {
         Defaults: {};
     }, {
         symbol: any;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
         disabled: boolean;
+        multiple: boolean;
         tag: string;
-        mobile: NonNullable<boolean | null> | null;
-        items: readonly TabItem[];
         mandatory: NonNullable<boolean | "force">;
-        multiple: boolean;
+        items: readonly TabItem[];
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         stacked: boolean;
         centerActive: boolean;
@@ -1888,15 +1906,15 @@ declare const VTabs: {
         prevIcon: IconValue;
         grow: boolean;
         hideSlider: boolean;
-        alignTabs: "end" | "title" | "center" | "start";
+        alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     } & {
-        class?: any;
+        max?: number | undefined;
         height?: string | number | undefined;
         color?: string | undefined;
+        class?: any;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
-        max?: number | undefined;
         bgColor?: string | undefined;
         showArrows?: string | boolean | undefined;
         sliderColor?: string | undefined;
@@ -1928,17 +1946,17 @@ declare const VTabs: {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {}, {}, {}, {}, {
         symbol: any;
-        style: vue.StyleValue;
         height: string | number;
+        direction: "horizontal" | "vertical";
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
         disabled: boolean;
+        multiple: boolean;
         tag: string;
-        mobile: NonNullable<boolean | null> | null;
+        mandatory: NonNullable<boolean | "force">;
         modelValue: any;
         items: readonly TabItem[];
-        mandatory: NonNullable<boolean | "force">;
-        multiple: boolean;
         density: Density;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
         stacked: boolean;
         centerActive: boolean;
@@ -1946,7 +1964,7 @@ declare const VTabs: {
         prevIcon: IconValue;
         grow: boolean;
         hideSlider: boolean;
-        alignTabs: "end" | "title" | "center" | "start";
+        alignTabs: "center" | "end" | "start" | "title";
         fixedTabs: boolean;
     }>;
     __isFragment?: undefined;
@@ -1954,15 +1972,15 @@ declare const VTabs: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     symbol: any;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
+    mobile: NonNullable<boolean | null> | null;
     disabled: boolean;
+    multiple: boolean;
     tag: string;
-    mobile: NonNullable<boolean | null> | null;
-    items: readonly TabItem[];
     mandatory: NonNullable<boolean | "force">;
-    multiple: boolean;
+    items: readonly TabItem[];
     density: Density;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     stacked: boolean;
     centerActive: boolean;
@@ -1970,15 +1988,15 @@ declare const VTabs: {
     prevIcon: IconValue;
     grow: boolean;
     hideSlider: boolean;
-    alignTabs: "end" | "title" | "center" | "start";
+    alignTabs: "center" | "end" | "start" | "title";
     fixedTabs: boolean;
 } & {
-    class?: any;
+    max?: number | undefined;
     height?: string | number | undefined;
     color?: string | undefined;
+    class?: any;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     modelValue?: any;
-    max?: number | undefined;
     bgColor?: string | undefined;
     showArrows?: string | boolean | undefined;
     sliderColor?: string | undefined;
@@ -2012,17 +2030,17 @@ declare const VTabs: {
     'update:modelValue': (v: unknown) => boolean;
 }, string, {
     symbol: any;
-    style: vue.StyleValue;
     height: string | number;
+    direction: "horizontal" | "vertical";
+    style: vue.StyleValue;
+    mobile: NonNullable<boolean | null> | null;
     disabled: boolean;
+    multiple: boolean;
     tag: string;
-    mobile: NonNullable<boolean | null> | null;
+    mandatory: NonNullable<boolean | "force">;
     modelValue: any;
     items: readonly TabItem[];
-    mandatory: NonNullable<boolean | "force">;
-    multiple: boolean;
     density: Density;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
     stacked: boolean;
     centerActive: boolean;
@@ -2030,7 +2048,7 @@ declare const VTabs: {
     prevIcon: IconValue;
     grow: boolean;
     hideSlider: boolean;
-    alignTabs: "end" | "title" | "center" | "start";
+    alignTabs: "center" | "end" | "start" | "title";
     fixedTabs: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     [x: `tab.${string}`]: (arg: VTabsSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -2074,7 +2092,7 @@ declare const VTabs: {
     selectedClass: Omit<{
         type: PropType<string>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -2082,7 +2100,7 @@ declare const VTabs: {
     mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<boolean | null> | null>;
         default: NonNullable<boolean | null> | null;
     };
@@ -2114,7 +2132,7 @@ declare const VTabs: {
         validator: (v: any) => boolean;
     };
     alignTabs: {
-        type: PropType<"end" | "title" | "center" | "start">;
+        type: PropType<"center" | "end" | "start" | "title">;
         default: string;
     };
     color: StringConstructor;
@@ -2155,7 +2173,7 @@ declare const VTabs: {
     selectedClass: Omit<{
         type: PropType<string>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -2163,7 +2181,7 @@ declare const VTabs: {
     mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<boolean | null> | null>;
         default: NonNullable<boolean | null> | null;
     };
@@ -2195,7 +2213,7 @@ declare const VTabs: {
         validator: (v: any) => boolean;
     };
     alignTabs: {
-        type: PropType<"end" | "title" | "center" | "start">;
+        type: PropType<"center" | "end" | "start" | "title">;
         default: string;
     };
     color: StringConstructor;
@@ -2219,10 +2237,10 @@ type VTabs = InstanceType<typeof VTabs>;
 declare const VTabsWindow: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
     } & {
         class?: any;
@@ -2243,10 +2261,10 @@ declare const VTabsWindow: {
         'update:modelValue': (v: unknown) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
     } & {
         class?: any;
@@ -2265,10 +2283,10 @@ declare const VTabsWindow: {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -2283,10 +2301,10 @@ declare const VTabsWindow: {
         Defaults: {};
     }, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
     } & {
         class?: any;
@@ -2305,10 +2323,10 @@ declare const VTabsWindow: {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     }, {}, {}, {}, {}, {
         reverse: boolean;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        direction: "horizontal" | "vertical";
         selectedClass: string;
     }>;
     __isFragment?: undefined;
@@ -2316,10 +2334,10 @@ declare const VTabsWindow: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     reverse: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
 } & {
     class?: any;
@@ -2340,10 +2358,10 @@ declare const VTabsWindow: {
     'update:modelValue': (v: unknown) => boolean;
 }, string, {
     reverse: boolean;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    direction: "horizontal" | "vertical";
     selectedClass: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -2351,44 +2369,44 @@ declare const VTabsWindow: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     reverse: BooleanConstructor;
-    class: vue.PropType<any>;
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+    };
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    theme: StringConstructor;
     disabled: BooleanConstructor;
+    class: vue.PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
     };
+    theme: StringConstructor;
     modelValue: null;
-    direction: {
-        type: vue.PropType<"horizontal" | "vertical">;
-        default: string;
-    };
     selectedClass: {
         type: StringConstructor;
         default: string;
     };
 }, vue.ExtractPropTypes<{
     reverse: BooleanConstructor;
-    class: vue.PropType<any>;
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+    };
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    theme: StringConstructor;
     disabled: BooleanConstructor;
+    class: vue.PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
     };
+    theme: StringConstructor;
     modelValue: null;
-    direction: {
-        type: vue.PropType<"horizontal" | "vertical">;
-        default: string;
-    };
     selectedClass: {
         type: StringConstructor;
         default: string;
@@ -2399,12 +2417,12 @@ type VTabsWindow = InstanceType<typeof VTabsWindow>;
 declare const VTabsWindowItem: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -2418,12 +2436,12 @@ declare const VTabsWindowItem: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -2436,10 +2454,10 @@ declare const VTabsWindowItem: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
-        style: vue.StyleValue;
-        disabled: boolean;
         transition: string | boolean;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         reverseTransition: string | boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -2454,12 +2472,12 @@ declare const VTabsWindowItem: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
-        disabled: boolean;
         eager: boolean;
+        disabled: boolean;
     } & {
-        class?: any;
-        value?: any;
         transition?: string | boolean | undefined;
+        value?: any;
+        class?: any;
         selectedClass?: string | undefined;
         reverseTransition?: string | boolean | undefined;
     } & {
@@ -2472,10 +2490,10 @@ declare const VTabsWindowItem: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
-        style: vue.StyleValue;
-        disabled: boolean;
         transition: string | boolean;
+        style: vue.StyleValue;
         eager: boolean;
+        disabled: boolean;
         reverseTransition: string | boolean;
     }>;
     __isFragment?: undefined;
@@ -2483,12 +2501,12 @@ declare const VTabsWindowItem: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
-    disabled: boolean;
     eager: boolean;
+    disabled: boolean;
 } & {
-    class?: any;
-    value?: any;
     transition?: string | boolean | undefined;
+    value?: any;
+    class?: any;
     selectedClass?: string | undefined;
     reverseTransition?: string | boolean | undefined;
 } & {
@@ -2501,10 +2519,10 @@ declare const VTabsWindowItem: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    style: vue.StyleValue;
-    disabled: boolean;
     transition: string | boolean;
+    style: vue.StyleValue;
     eager: boolean;
+    disabled: boolean;
     reverseTransition: string | boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {