@vuetify/nightly 3.6.13-3.7.0-beta.0.0-pr-20092.a834b18 → 3.6.13-pr-20185.5bf1ff4

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

@@ -93,7 +93,7 @@ declare function connectedLocationStrategy(data: LocationStrategyData, props: St
 declare const VSpeedDial: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         offset: NonNullable<string | number | number[] | undefined>;
-        location: NonNullable<NonNullable<Anchor> | undefined>;
+        location: NonNullable<Anchor>;
         origin: "auto" | Anchor | "overlap";
         minWidth: NonNullable<string | number>;
         transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -120,7 +120,6 @@ declare const VSpeedDial: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        submenu: boolean;
     } & {
         id?: string | undefined;
         height?: string | number | undefined;
@@ -176,7 +175,7 @@ declare const VSpeedDial: {
         'update:modelValue': (value: boolean) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         offset: NonNullable<string | number | number[] | undefined>;
-        location: NonNullable<NonNullable<Anchor> | undefined>;
+        location: NonNullable<Anchor>;
         origin: "auto" | Anchor | "overlap";
         minWidth: NonNullable<string | number>;
         transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -203,7 +202,6 @@ declare const VSpeedDial: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        submenu: boolean;
     } & {
         id?: string | undefined;
         height?: string | number | undefined;
@@ -257,7 +255,7 @@ declare const VSpeedDial: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         offset: NonNullable<string | number | number[] | undefined>;
-        location: NonNullable<NonNullable<Anchor> | undefined>;
+        location: NonNullable<Anchor>;
         origin: "auto" | Anchor | "overlap";
         minWidth: NonNullable<string | number>;
         transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -286,7 +284,6 @@ declare const VSpeedDial: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        submenu: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
             isActive: vue.Ref<boolean>;
@@ -309,7 +306,7 @@ declare const VSpeedDial: {
         Defaults: {};
     }, {
         offset: NonNullable<string | number | number[] | undefined>;
-        location: NonNullable<NonNullable<Anchor> | undefined>;
+        location: NonNullable<Anchor>;
         origin: "auto" | Anchor | "overlap";
         minWidth: NonNullable<string | number>;
         transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -336,7 +333,6 @@ declare const VSpeedDial: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        submenu: boolean;
     } & {
         id?: string | undefined;
         height?: string | number | undefined;
@@ -390,7 +386,7 @@ declare const VSpeedDial: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {}, {}, {}, {}, {
         offset: NonNullable<string | number | number[] | undefined>;
-        location: NonNullable<NonNullable<Anchor> | undefined>;
+        location: NonNullable<Anchor>;
         origin: "auto" | Anchor | "overlap";
         minWidth: NonNullable<string | number>;
         transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -419,14 +415,13 @@ declare const VSpeedDial: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: NonNullable<string | boolean>;
-        submenu: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     offset: NonNullable<string | number | number[] | undefined>;
-    location: NonNullable<NonNullable<Anchor> | undefined>;
+    location: NonNullable<Anchor>;
     origin: "auto" | Anchor | "overlap";
     minWidth: NonNullable<string | number>;
     transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -453,7 +448,6 @@ declare const VSpeedDial: {
     noClickAnimation: boolean;
     persistent: boolean;
     scrim: NonNullable<string | boolean>;
-    submenu: boolean;
 } & {
     id?: string | undefined;
     height?: string | number | undefined;
@@ -509,7 +503,7 @@ declare const VSpeedDial: {
     'update:modelValue': (value: boolean) => boolean;
 }, string, {
     offset: NonNullable<string | number | number[] | undefined>;
-    location: NonNullable<NonNullable<Anchor> | undefined>;
+    location: NonNullable<Anchor>;
     origin: "auto" | Anchor | "overlap";
     minWidth: NonNullable<string | number>;
     transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
@@ -538,7 +532,6 @@ declare const VSpeedDial: {
     noClickAnimation: boolean;
     persistent: boolean;
     scrim: NonNullable<string | boolean>;
-    submenu: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
         isActive: vue.Ref<boolean>;
@@ -557,15 +550,12 @@ declare const VSpeedDial: {
         type: vue.PropType<NonNullable<string | number | number[] | undefined>>;
         default: NonNullable<string | number | number[] | undefined>;
     };
-    location: Omit<Omit<{
+    location: Omit<{
         type: vue.PropType<Anchor>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<Anchor> | undefined>;
-        default: NonNullable<Anchor> | undefined;
-    }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<NonNullable<Anchor> | undefined>>;
-        default: NonNullable<NonNullable<Anchor> | undefined>;
+        type: vue.PropType<NonNullable<Anchor>>;
+        default: NonNullable<Anchor>;
     };
     origin: {
         type: vue.PropType<"auto" | Anchor | "overlap">;
@@ -696,21 +686,17 @@ declare const VSpeedDial: {
     };
     attach: vue.PropType<string | boolean | Element>;
     id: StringConstructor;
-    submenu: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     offset: {
         type: vue.PropType<NonNullable<string | number | number[] | undefined>>;
         default: NonNullable<string | number | number[] | undefined>;
     };
-    location: Omit<Omit<{
+    location: Omit<{
         type: vue.PropType<Anchor>;
         default: string;
     }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<Anchor> | undefined>;
-        default: NonNullable<Anchor> | undefined;
-    }, "type" | "default"> & {
-        type: vue.PropType<NonNullable<NonNullable<Anchor> | undefined>>;
-        default: NonNullable<NonNullable<Anchor> | undefined>;
+        type: vue.PropType<NonNullable<Anchor>>;
+        default: NonNullable<Anchor>;
     };
     origin: {
         type: vue.PropType<"auto" | Anchor | "overlap">;
@@ -841,7 +827,6 @@ declare const VSpeedDial: {
     };
     attach: vue.PropType<string | boolean | Element>;
     id: StringConstructor;
-    submenu: BooleanConstructor;
 }>>;
 type VSpeedDial = InstanceType<typeof VSpeedDial>;
 

package/lib/components/VStepper/VStepper.css

@@ -1,14 +1,17 @@
+.v-stepper.v-sheet {
+  overflow: hidden;
+}
 .v-stepper.v-sheet {
   box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-stepper.v-sheet {
   border-radius: 4px;
-  overflow: hidden;
 }
 .v-stepper.v-sheet.v-stepper--flat {
   box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
 
 .v-stepper-header {
-  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
   align-items: center;
   display: flex;
   position: relative;
@@ -16,6 +19,9 @@
   justify-content: space-between;
   z-index: 1;
 }
+.v-stepper-header {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
 .v-stepper-header .v-divider {
   margin: 0 -16px;
 }

package/lib/components/VStepper/VStepper.sass

@@ -4,23 +4,21 @@
 
 @include tools.layer('components')
   .v-stepper.v-sheet
+    overflow: hidden
     @include tools.elevation($stepper-elevation)
     @include tools.rounded($stepper-border-radius)
 
-    overflow: hidden
-
     &.v-stepper--flat
       @include tools.elevation(0)
 
   .v-stepper-header
-    @include tools.elevation($stepper-header-elevation)
-
     align-items: center
     display: flex
     position: relative
     overflow-x: auto
     justify-content: space-between
     z-index: 1
+    @include tools.elevation($stepper-header-elevation)
 
     .v-divider
       margin: $stepper-header-divider-margin

package/lib/components/VStepper/VStepperItem.css

@@ -106,6 +106,10 @@
   transition: opacity 0.2s ease-in-out;
 }
 
+.v-stepper-item__overlay,
+.v-stepper-item__underlay {
+  pointer-events: none;
+}
 .v-stepper-item__overlay,
 .v-stepper-item__underlay {
   position: absolute;
@@ -113,5 +117,4 @@
   left: 0;
   width: 100%;
   height: 100%;
-  pointer-events: none;
 }

package/lib/components/VStepper/VStepperItem.sass

@@ -90,5 +90,5 @@
 
   .v-stepper-item__overlay,
   .v-stepper-item__underlay
-    @include tools.absolute()
     pointer-events: none
+    @include tools.absolute()

package/lib/components/VSwitch/VSwitch.css

@@ -74,6 +74,8 @@
 .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
   background: rgb(var(--v-theme-surface-variant));
   color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
   box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-switch--inset .v-switch__thumb {

package/lib/components/VSwitch/VSwitch.sass

@@ -101,20 +101,20 @@
     .v-selection-control__input
       border-radius: 50%
       transition: $switch-control-input-transition
-      +tools.ltr()
+      position: absolute
+      @include tools.ltr()
         transform: translateX(-$switch-thumb-transform)
-      +tools.rtl()
+      @include tools.rtl()
         transform: translateX($switch-thumb-transform)
-      position: absolute
 
       .v-icon
         position: absolute
 
     .v-selection-control--dirty
       .v-selection-control__input
-        +tools.ltr()
+        @include tools.ltr()
           transform: translateX($switch-thumb-transform)
-        +tools.rtl()
+        @include tools.rtl()
           transform: translateX(-$switch-thumb-transform)
 
     &.v-switch--indeterminate
@@ -134,11 +134,11 @@
 
       .v-selection-control__wrapper
         transform: $switch-thumb-vertical-transform
-        
+
 @media (forced-colors: active)
   .v-switch
     .v-switch__loader
-      .v-progress-circular 
+      .v-progress-circular
         color: currentColor
 
     .v-switch__thumb
@@ -146,13 +146,13 @@
 
     .v-switch__track,
     .v-switch__thumb
-      border: 1px solid 
+      border: 1px solid
       color: buttontext
 
     &:not(.v-switch--loading):not(.v-input--disabled)
       .v-selection-control--dirty
         .v-switch__thumb
-          background-color: highlight 
+          background-color: highlight
 
     &:not(.v-input--disabled)
       .v-selection-control--dirty
@@ -188,4 +188,4 @@
       &.v-switch--inset,
       &.v-switch--indeterminate
         .v-switch__thumb
-          border-width: 0 
+          border-width: 0

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

@@ -147,7 +147,7 @@ declare const VSwitch: {
         class?: any;
         theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -206,7 +206,7 @@ declare const VSwitch: {
         class?: any;
         theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -335,7 +335,7 @@ declare const VSwitch: {
         class?: any;
         theme?: string | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -419,7 +419,7 @@ declare const VSwitch: {
     class?: any;
     theme?: string | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
     validationValue?: any;
     baseColor?: string | undefined;
     prependIcon?: IconValue | undefined;
@@ -576,7 +576,7 @@ declare const VSwitch: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
+    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -672,7 +672,7 @@ declare const VSwitch: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
+    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];

package/lib/components/VSystemBar/VSystemBar.css

@@ -9,24 +9,30 @@
   position: relative;
   text-align: end;
   width: 100%;
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-  background: rgba(var(--v-theme-surface-light));
-  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
-  font-size: 0.75rem;
-  font-weight: 400;
-  letter-spacing: 0.0333333333em;
-  line-height: 1.667;
-  text-transform: none;
 }
 .v-system-bar .v-icon {
   opacity: var(--v-medium-emphasis-opacity);
 }
+.v-system-bar {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
 .v-system-bar--absolute {
   position: absolute;
 }
 .v-system-bar--fixed {
   position: fixed;
 }
+.v-system-bar {
+  background: rgba(var(--v-theme-surface-light));
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
+}
+.v-system-bar {
+  font-size: 0.75rem;
+  font-weight: 400;
+  letter-spacing: 0.0333333333em;
+  line-height: 1.667;
+  text-transform: none;
+}
 .v-system-bar--rounded {
   border-radius: 0;
 }

package/lib/components/VTable/VTable.css

@@ -1,11 +1,13 @@
 .v-table {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
   font-size: 0.875rem;
   transition-duration: 0.28s;
   transition-property: box-shadow, opacity, background, height;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.v-table {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
 .v-table .v-table-divider {
   border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
 }
@@ -23,6 +25,10 @@
 .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
   position: relative;
 }
+.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
+  background: rgba(var(--v-border-color), var(--v-hover-opacity));
+  pointer-events: none;
+}
 .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
   content: "";
   position: absolute;
@@ -30,8 +36,6 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(var(--v-border-color), var(--v-hover-opacity));
-  pointer-events: none;
 }
 .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
   background: rgb(var(--v-theme-surface));

package/lib/components/VTable/VTable.sass

@@ -6,12 +6,11 @@
 @include tools.layer('components')
   // Theme
   .v-table
-    @include tools.theme($table-theme...)
-
     font-size: $table-font-size
     transition-duration: $table-transition-duration
     transition-property: $table-transition-property
     transition-timing-function: $table-transition-timing-function
+    @include tools.theme($table-theme...)
 
     .v-table-divider
       border-right: $table-border
@@ -46,9 +45,9 @@
                 position: relative
 
               &:hover > td::after
-                @include tools.absolute(true)
                 background: $table-hover-color
                 pointer-events: none
+                @include tools.absolute(true)
 
     &.v-table--fixed-header
       > .v-table__wrapper

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

@@ -95,7 +95,6 @@ declare const VTab: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -183,7 +182,6 @@ declare const VTab: {
             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) | {
@@ -248,7 +246,6 @@ declare const VTab: {
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
-            activeColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
         } & {
@@ -343,7 +340,6 @@ declare const VTab: {
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
-            activeColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
         } & {
@@ -471,7 +467,6 @@ declare const VTab: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -498,7 +493,7 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & 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 & {
+    }> & {} & 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" | "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">>;
@@ -538,7 +533,6 @@ declare const VTab: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -641,7 +635,6 @@ declare const VTab: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         sliderColor?: string | undefined;
@@ -729,7 +722,6 @@ declare const VTab: {
             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) | {
@@ -794,7 +786,6 @@ declare const VTab: {
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
-            activeColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
         } & {
@@ -889,7 +880,6 @@ declare const VTab: {
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
-            activeColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
         } & {
@@ -1017,7 +1007,6 @@ declare const VTab: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -1044,7 +1033,7 @@ declare const VTab: {
         }) => any) | undefined;
     }, "group"> & vue.ShallowUnwrapRef<{
         group: GroupItemProvide | null;
-    }> & {} & 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}`>, {}, {}, {}, {
+    }> & {} & 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" | "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">>;
@@ -1109,7 +1098,6 @@ declare const VTab: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
-    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     sliderColor?: string | undefined;
@@ -1197,7 +1185,6 @@ declare const VTab: {
         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) | {
@@ -1262,7 +1249,6 @@ declare const VTab: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -1357,7 +1343,6 @@ declare const VTab: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
     } & {
@@ -1485,7 +1470,6 @@ declare const VTab: {
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
-    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
 } & {
@@ -1512,7 +1496,7 @@ declare const VTab: {
     }) => any) | undefined;
 }, "group"> & vue.ShallowUnwrapRef<{
     group: GroupItemProvide | null;
-}> & {} & 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, {
+}> & {} & 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" | "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">>;
@@ -1612,7 +1596,6 @@ declare const VTab: {
         type: PropType<string>;
         default: string;
     };
-    activeColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
     slim: BooleanConstructor;
@@ -1696,7 +1679,6 @@ declare const VTab: {
         type: PropType<string>;
         default: string;
     };
-    activeColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
     slim: BooleanConstructor;