@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

package/lib/components/VSystemBar/VSystemBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSystemBar.mjs","names":["makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","computed","ref","toRef","genericComponent","useRender","VSystemBar","name","props","color","String","height","Number","window","Boolean","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","elevationClasses","roundedClasses","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","value"],"sources":["../../../src/components/VSystemBar/VSystemBar.tsx"],"sourcesContent":["// Styles\nimport './VSystemBar.sass'\n\n// Composables\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport const VSystemBar = genericComponent()({\n  name: 'VSystemBar',\n\n  props: {\n    color: String,\n    height: [Number, String],\n    window: Boolean,\n\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const height = computed(() => props.height ?? (props.window ? 32 : 24))\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: ref('top'),\n      layoutSize: height,\n      elementSize: height,\n      active: computed(() => true),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-system-bar',\n          { 'v-system-bar--window': props.window },\n          themeClasses.value,\n          backgroundColorClasses.value,\n          elevationClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          layoutItemStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VSystemBar = InstanceType<typeof VSystemBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB,uCAE3B;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,UAAU,GAAGF,gBAAgB,EAAE,CAAC;EAC3CG,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IACbC,MAAM,EAAE,CAACC,MAAM,EAAEF,MAAM,CAAC;IACxBG,MAAM,EAAEC,OAAO;IAEf,GAAGvB,kBAAkB,EAAE;IACvB,GAAGE,mBAAmB,EAAE;IACxB,GAAGE,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDiB,KAAK,CAAEP,KAAK,QAAa;IAAA,IAAX;MAAEQ;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGlB,YAAY,CAACS,KAAK,CAAC;IAC5C,MAAM;MAAEU,sBAAsB;MAAEC;IAAsB,CAAC,GAAGnB,kBAAkB,CAACG,KAAK,CAACK,KAAK,EAAE,OAAO,CAAC,CAAC;IACnG,MAAM;MAAEY;IAAiB,CAAC,GAAG5B,YAAY,CAACgB,KAAK,CAAC;IAChD,MAAM;MAAEa;IAAe,CAAC,GAAGzB,UAAU,CAACY,KAAK,CAAC;IAC5C,MAAMG,MAAM,GAAGV,QAAQ,CAAC,MAAMO,KAAK,CAACG,MAAM,KAAKH,KAAK,CAACK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACvE,MAAM;MAAES;IAAiB,CAAC,GAAG5B,aAAa,CAAC;MACzC6B,EAAE,EAAEf,KAAK,CAACD,IAAI;MACdiB,KAAK,EAAEvB,QAAQ,CAAC,MAAMwB,QAAQ,CAACjB,KAAK,CAACgB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAExB,GAAG,CAAC,KAAK,CAAC;MACpByB,UAAU,EAAEhB,MAAM;MAClBiB,WAAW,EAAEjB,MAAM;MACnBkB,MAAM,EAAE5B,QAAQ,CAAC,MAAM,IAAI,CAAC;MAC5B6B,QAAQ,EAAE3B,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC;MAAA,SAEC,CACL,cAAc,EACd;QAAE,sBAAsB,EAAEG,KAAK,CAACK;MAAO,CAAC,EACxCI,YAAY,CAACc,KAAK,EAClBb,sBAAsB,CAACa,KAAK,EAC5BX,gBAAgB,CAACW,KAAK,EACtBV,cAAc,CAACU,KAAK,CACrB;MAAA,SACM,CACLZ,qBAAqB,CAACY,KAAK,EAC3BT,gBAAgB,CAACS,KAAK;IACvB,GACSf,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VSystemBar.mjs","names":["makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useSsrBoot","computed","ref","toRef","genericComponent","useRender","VSystemBar","name","props","color","String","height","Number","window","Boolean","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","elevationClasses","roundedClasses","ssrBootStyles","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","value"],"sources":["../../../src/components/VSystemBar/VSystemBar.tsx"],"sourcesContent":["// Styles\nimport './VSystemBar.sass'\n\n// Composables\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport const VSystemBar = genericComponent()({\n  name: 'VSystemBar',\n\n  props: {\n    color: String,\n    height: [Number, String],\n    window: Boolean,\n\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { ssrBootStyles } = useSsrBoot()\n    const height = computed(() => props.height ?? (props.window ? 32 : 24))\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: ref('top'),\n      layoutSize: height,\n      elementSize: height,\n      active: computed(() => true),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-system-bar',\n          { 'v-system-bar--window': props.window },\n          themeClasses.value,\n          backgroundColorClasses.value,\n          elevationClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          layoutItemStyles.value,\n          ssrBootStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VSystemBar = InstanceType<typeof VSystemBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB;AAAA,SAClBC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,UAAU,GAAGF,gBAAgB,EAAE,CAAC;EAC3CG,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IACbC,MAAM,EAAE,CAACC,MAAM,EAAEF,MAAM,CAAC;IACxBG,MAAM,EAAEC,OAAO;IAEf,GAAGxB,kBAAkB,EAAE;IACvB,GAAGE,mBAAmB,EAAE;IACxB,GAAGE,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDkB,KAAK,CAAEP,KAAK,QAAa;IAAA,IAAX;MAAEQ;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGnB,YAAY,CAACU,KAAK,CAAC;IAC5C,MAAM;MAAEU,sBAAsB;MAAEC;IAAsB,CAAC,GAAGpB,kBAAkB,CAACI,KAAK,CAACK,KAAK,EAAE,OAAO,CAAC,CAAC;IACnG,MAAM;MAAEY;IAAiB,CAAC,GAAG7B,YAAY,CAACiB,KAAK,CAAC;IAChD,MAAM;MAAEa;IAAe,CAAC,GAAG1B,UAAU,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEc;IAAc,CAAC,GAAGtB,UAAU,EAAE;IACtC,MAAMW,MAAM,GAAGV,QAAQ,CAAC,MAAMO,KAAK,CAACG,MAAM,KAAKH,KAAK,CAACK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACvE,MAAM;MAAEU;IAAiB,CAAC,GAAG9B,aAAa,CAAC;MACzC+B,EAAE,EAAEhB,KAAK,CAACD,IAAI;MACdkB,KAAK,EAAExB,QAAQ,CAAC,MAAMyB,QAAQ,CAAClB,KAAK,CAACiB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAEzB,GAAG,CAAC,KAAK,CAAC;MACpB0B,UAAU,EAAEjB,MAAM;MAClBkB,WAAW,EAAElB,MAAM;MACnBmB,MAAM,EAAE7B,QAAQ,CAAC,MAAM,IAAI,CAAC;MAC5B8B,QAAQ,EAAE5B,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC;MAAA,SAEC,CACL,cAAc,EACd;QAAE,sBAAsB,EAAEG,KAAK,CAACK;MAAO,CAAC,EACxCI,YAAY,CAACe,KAAK,EAClBd,sBAAsB,CAACc,KAAK,EAC5BZ,gBAAgB,CAACY,KAAK,EACtBX,cAAc,CAACW,KAAK,CACrB;MAAA,SACM,CACLb,qBAAqB,CAACa,KAAK,EAC3BT,gBAAgB,CAACS,KAAK,EACtBV,aAAa,CAACU,KAAK;IACpB,GACShB,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VSystemBar/VSystemBar.sass

@@ -8,7 +8,8 @@
   height: $system-bar-height
   justify-content: $system-bar-justify-content
   max-width: 100%
-  padding: $system-bar-padding
+  padding-inline-start: $system-bar-padding-x
+  padding-inline-end: $system-bar-padding-x
   position: relative
   text-align: $system-bar-text-align
   width: 100%
@@ -26,3 +27,6 @@
 
   &--window
     height: $system-bar-window-height
+
+  &:not(.v-system-bar--absolute)
+    padding-inline-end: calc(var(--v-scrollbar-offset) + #{$system-bar-padding-x})

package/lib/components/VSystemBar/_variables.scss

@@ -16,7 +16,7 @@ $system-bar-justify-content: flex-end !default;
 $system-bar-letter-spacing: tools.map-deep-get(settings.$typography, 'caption', 'letter-spacing') !default;
 $system-bar-lights-out-background: rgba(var(--v-theme-background), 0.7) !default;
 $system-bar-line-height: tools.map-deep-get(settings.$typography, 'caption', 'line-height') !default;
-$system-bar-padding: 0 8px !default;
+$system-bar-padding-x: 8px !default;
 $system-bar-positions: absolute fixed !default;
 $system-bar-text-align: end !default;
 $system-bar-text-transform: tools.map-deep-get(settings.$typography, 'caption', 'text-transform') !default;
@@ -35,3 +35,6 @@ $system-bar-typography: (
   $system-bar-line-height,
   $system-bar-text-transform
 );
+
+// Deprecated
+$system-bar-padding: 0 8px !default;

package/lib/components/VSystemBar/index.d.ts

@@ -1,6 +1,137 @@
 import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
 
-declare const VSystemBar: vue.DefineComponent<{
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
+
+declare const VSystemBar: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            window: boolean;
+            absolute: boolean;
+            order: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+        }> & Omit<{
+            window: boolean;
+            absolute: boolean;
+            order: string | number;
+            tag: string;
+        } & {
+            height?: string | number | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "window" | "absolute" | "order" | "tag" | "rounded">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            window: boolean;
+            absolute: boolean;
+            order: string | number;
+            tag: string;
+        } & {
+            height?: string | number | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            window: boolean;
+            absolute: boolean;
+            order: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $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;
+    } & {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
+        tag: string;
+    } & {
+        height?: string | number | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     window: boolean;
     absolute: boolean;
     order: string | number;
@@ -16,39 +147,71 @@ declare const VSystemBar: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    window: boolean;
-    absolute: boolean;
-    order: string | number;
-    tag: string;
-} & {
-    height?: string | number | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    elevation?: string | number | undefined;
-    theme?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $slots?: {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     window: boolean;
     absolute: boolean;
     order: string | number;
     tag: string;
     rounded: string | number | boolean;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    window: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    color: StringConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    window: BooleanConstructor;
+}>>;
 type VSystemBar = InstanceType<typeof VSystemBar>;
 
 export { VSystemBar };

package/lib/components/VTable/VTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTable.mjs","names":["makeDensityProps","useDensity","makeTagProps","makeThemeProps","provideTheme","convertToUnit","genericComponent","useRender","VTable","name","props","fixedHeader","Boolean","fixedFooter","height","Number","String","hover","setup","slots","themeClasses","densityClasses","top","bottom","value","default","wrapper"],"sources":["../../../src/components/VTable/VTable.tsx"],"sourcesContent":["// Styles\nimport './VTable.sass'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\nexport type VTableSlots = {\n  default: []\n  top: []\n  bottom: []\n  wrapper: []\n}\n\nexport const VTable = genericComponent<VTableSlots>()({\n  name: 'VTable',\n\n  props: {\n    fixedHeader: Boolean,\n    fixedFooter: Boolean,\n    height: [Number, String],\n    hover: Boolean,\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-table',\n          {\n            'v-table--fixed-height': !!props.height,\n            'v-table--fixed-header': props.fixedHeader,\n            'v-table--fixed-footer': props.fixedFooter,\n            'v-table--has-top': !!slots.top,\n            'v-table--has-bottom': !!slots.bottom,\n            'v-table--hover': props.hover,\n          },\n          themeClasses.value,\n          densityClasses.value,\n        ]}\n      >\n        { slots.top?.() }\n\n        { slots.default ? (\n          <div\n            class=\"v-table__wrapper\"\n            style={{ height: convertToUnit(props.height) }}\n          >\n            <table>\n              { slots.default() }\n            </table>\n          </div>\n        ) : slots.wrapper?.() }\n\n        { slots.bottom?.() }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTable = InstanceType<typeof VTable>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS;AASnD,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAAe,CAAC;EACpDG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,WAAW,EAAEC,OAAO;IACpBC,WAAW,EAAED,OAAO;IACpBE,MAAM,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACxBC,KAAK,EAAEL,OAAO;IAEd,GAAGZ,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDe,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGhB,YAAY,CAACM,KAAK,CAAC;IAC5C,MAAM;MAAEW;IAAe,CAAC,GAAGpB,UAAU,CAACS,KAAK,CAAC;IAE5CH,SAAS,CAAC;MAAA,SAEC,CACL,SAAS,EACT;QACE,uBAAuB,EAAE,CAAC,CAACG,KAAK,CAACI,MAAM;QACvC,uBAAuB,EAAEJ,KAAK,CAACC,WAAW;QAC1C,uBAAuB,EAAED,KAAK,CAACG,WAAW;QAC1C,kBAAkB,EAAE,CAAC,CAACM,KAAK,CAACG,GAAG;QAC/B,qBAAqB,EAAE,CAAC,CAACH,KAAK,CAACI,MAAM;QACrC,gBAAgB,EAAEb,KAAK,CAACO;MAC1B,CAAC,EACDG,YAAY,CAACI,KAAK,EAClBH,cAAc,CAACG,KAAK;IACrB;MAAA,gBAECL,KAAK,CAACG,GAAG,IAAI,EAEbH,KAAK,CAACM,OAAO;QAAA,SAEL,kBAAkB;QAAA,SACjB;UAAEX,MAAM,EAAET,aAAa,CAACK,KAAK,CAACI,MAAM;QAAE;MAAC,iCAG1CK,KAAK,CAACM,OAAO,EAAE,OAGnBN,KAAK,CAACO,OAAO,IAAI,EAEnBP,KAAK,CAACI,MAAM,IAAI;IAAA,EAErB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VTable.mjs","names":["makeDensityProps","useDensity","makeTagProps","makeThemeProps","provideTheme","convertToUnit","genericComponent","useRender","VTable","name","props","fixedHeader","Boolean","fixedFooter","height","Number","String","hover","setup","slots","themeClasses","densityClasses","top","bottom","value","default","wrapper"],"sources":["../../../src/components/VTable/VTable.tsx"],"sourcesContent":["// Styles\nimport './VTable.sass'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\nexport type VTableSlots = {\n  default: []\n  top: []\n  bottom: []\n  wrapper: []\n}\n\nexport const VTable = genericComponent<VTableSlots>()({\n  name: 'VTable',\n\n  props: {\n    fixedHeader: Boolean,\n    fixedFooter: Boolean,\n    height: [Number, String],\n    hover: Boolean,\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-table',\n          {\n            'v-table--fixed-height': !!props.height,\n            'v-table--fixed-header': props.fixedHeader,\n            'v-table--fixed-footer': props.fixedFooter,\n            'v-table--has-top': !!slots.top,\n            'v-table--has-bottom': !!slots.bottom,\n            'v-table--hover': props.hover,\n          },\n          themeClasses.value,\n          densityClasses.value,\n        ]}\n      >\n        { slots.top?.() }\n\n        { slots.default ? (\n          <div\n            class=\"v-table__wrapper\"\n            style={{ height: convertToUnit(props.height) }}\n          >\n            <table>\n              { slots.default() }\n            </table>\n          </div>\n        ) : slots.wrapper?.()}\n\n        { slots.bottom?.() }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTable = InstanceType<typeof VTable>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS;AASnD,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAAe,CAAC;EACpDG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,WAAW,EAAEC,OAAO;IACpBC,WAAW,EAAED,OAAO;IACpBE,MAAM,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACxBC,KAAK,EAAEL,OAAO;IAEd,GAAGZ,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDe,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGhB,YAAY,CAACM,KAAK,CAAC;IAC5C,MAAM;MAAEW;IAAe,CAAC,GAAGpB,UAAU,CAACS,KAAK,CAAC;IAE5CH,SAAS,CAAC;MAAA,SAEC,CACL,SAAS,EACT;QACE,uBAAuB,EAAE,CAAC,CAACG,KAAK,CAACI,MAAM;QACvC,uBAAuB,EAAEJ,KAAK,CAACC,WAAW;QAC1C,uBAAuB,EAAED,KAAK,CAACG,WAAW;QAC1C,kBAAkB,EAAE,CAAC,CAACM,KAAK,CAACG,GAAG;QAC/B,qBAAqB,EAAE,CAAC,CAACH,KAAK,CAACI,MAAM;QACrC,gBAAgB,EAAEb,KAAK,CAACO;MAC1B,CAAC,EACDG,YAAY,CAACI,KAAK,EAClBH,cAAc,CAACG,KAAK;IACrB;MAAA,gBAECL,KAAK,CAACG,GAAG,IAAI,EAEbH,KAAK,CAACM,OAAO;QAAA,SAEL,kBAAkB;QAAA,SACjB;UAAEX,MAAM,EAAET,aAAa,CAACK,KAAK,CAACI,MAAM;QAAE;MAAC,iCAG1CK,KAAK,CAACM,OAAO,EAAE,OAGnBN,KAAK,CAACO,OAAO,IAAI,EAEnBP,KAAK,CAACI,MAAM,IAAI;IAAA,EAErB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VTable/index.d.ts

@@ -1,8 +1,166 @@
 import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare const VTable: vue.DefineComponent<{
+declare const VTable: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tag: string;
+            density: Density;
+            hover: boolean;
+            fixedHeader: boolean;
+            fixedFooter: boolean;
+        }> & Omit<{
+            tag: string;
+            density: Density;
+            hover: boolean;
+            fixedHeader: boolean;
+            fixedFooter: boolean;
+        } & {
+            height?: string | number | undefined;
+            theme?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                top?: (() => vue.VNodeChild) | undefined;
+                bottom?: (() => vue.VNodeChild) | undefined;
+                wrapper?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                top?: (() => vue.VNodeChild) | undefined;
+                bottom?: (() => vue.VNodeChild) | undefined;
+                wrapper?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                top?: false | (() => vue.VNodeChild) | undefined;
+                bottom?: false | (() => vue.VNodeChild) | undefined;
+                wrapper?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag" | "density" | "hover" | "fixedHeader" | "fixedFooter">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            tag: string;
+            density: Density;
+            hover: boolean;
+            fixedHeader: boolean;
+            fixedFooter: boolean;
+        } & {
+            height?: string | number | undefined;
+            theme?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                top?: (() => vue.VNodeChild) | undefined;
+                bottom?: (() => vue.VNodeChild) | undefined;
+                wrapper?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                top?: (() => vue.VNodeChild) | undefined;
+                bottom?: (() => vue.VNodeChild) | undefined;
+                wrapper?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                top?: false | (() => vue.VNodeChild) | undefined;
+                bottom?: false | (() => vue.VNodeChild) | undefined;
+                wrapper?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            tag: string;
+            density: Density;
+            hover: boolean;
+            fixedHeader: boolean;
+            fixedFooter: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $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;
+    } & {
+        tag: string;
+        density: Density;
+        hover: boolean;
+        fixedHeader: boolean;
+        fixedFooter: boolean;
+    } & {
+        height?: string | number | undefined;
+        theme?: string | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: (() => vue.VNodeChild) | undefined;
+            top?: (() => vue.VNodeChild) | undefined;
+            bottom?: (() => vue.VNodeChild) | undefined;
+            wrapper?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+            top?: (() => vue.VNodeChild) | undefined;
+            bottom?: (() => vue.VNodeChild) | undefined;
+            wrapper?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            top?: false | (() => vue.VNodeChild) | undefined;
+            bottom?: false | (() => vue.VNodeChild) | undefined;
+            wrapper?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     tag: string;
     density: Density;
     hover: boolean;
@@ -18,33 +176,12 @@ declare const VTable: vue.DefineComponent<{
         bottom?: (() => vue.VNodeChild) | undefined;
         wrapper?: (() => vue.VNodeChild) | undefined;
     };
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        top?: false | (() => vue.VNodeChild) | undefined;
-        bottom?: false | (() => vue.VNodeChild) | undefined;
-        wrapper?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    tag: string;
-    density: Density;
-    hover: boolean;
-    fixedHeader: boolean;
-    fixedFooter: boolean;
-} & {
-    height?: string | number | undefined;
-    theme?: string | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
+    $slots?: {
         default?: (() => vue.VNodeChild) | undefined;
         top?: (() => vue.VNodeChild) | undefined;
         bottom?: (() => vue.VNodeChild) | undefined;
         wrapper?: (() => vue.VNodeChild) | undefined;
-    };
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         top?: false | (() => vue.VNodeChild) | undefined;
@@ -56,13 +193,43 @@ declare const VTable: vue.DefineComponent<{
     "v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
-}, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     tag: string;
     density: Density;
     hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedFooter: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    hover: BooleanConstructor;
+}>>;
 type VTable = InstanceType<typeof VTable>;
 
 export { VTable };

package/lib/components/VTabs/VTab.mjs

@@ -4,41 +4,26 @@ import "./VTab.css";
 
 // Components
 import { VBtn } from "../VBtn/index.mjs"; // Composables
-import { IconValue } from "../../composables/icons.mjs";
-import { makeGroupItemProps } from "../../composables/group.mjs";
-import { makeRouterProps } from "../../composables/router.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
-import { makeThemeProps } from "../../composables/theme.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 import { computed, ref } from 'vue';
-import { animate, genericComponent, pick, standardEasing, useRender } from "../../util/index.mjs"; // Types
+import { animate, genericComponent, omit, standardEasing, useRender } from "../../util/index.mjs";
+import { makeVBtnProps } from "../VBtn/VBtn.mjs"; // Types
 import { VTabsSymbol } from "./shared.mjs";
 export const VTab = genericComponent()({
   name: 'VTab',
   props: {
     fixed: Boolean,
-    icon: [Boolean, String, Function, Object],
-    prependIcon: IconValue,
-    appendIcon: IconValue,
-    stacked: Boolean,
     title: String,
-    ripple: {
-      type: Boolean,
-      default: true
-    },
-    color: String,
     sliderColor: String,
     hideSlider: Boolean,
     direction: {
       type: String,
       default: 'horizontal'
     },
-    ...makeTagProps(),
-    ...makeRouterProps(),
-    ...makeGroupItemProps({
-      selectedClass: 'v-tab--selected'
-    }),
-    ...makeThemeProps()
+    ...omit(makeVBtnProps({
+      selectedClass: 'v-tab--selected',
+      variant: 'text'
+    }), ['active', 'block', 'flat', 'location', 'position', 'symbol'])
   },
   setup(props, _ref) {
     let {
@@ -88,7 +73,7 @@ export const VTab = genericComponent()({
       }
     }
     useRender(() => {
-      const [btnProps] = pick(props, ['href', 'to', 'replace', 'icon', 'stacked', 'prependIcon', 'appendIcon', 'ripple', 'theme', 'disabled', 'selectedClass', 'value', 'color']);
+      const [btnProps] = VBtn.filterProps(props);
       return _createVNode(VBtn, _mergeProps({
         "_as": "VTab",
         "symbol": VTabsSymbol,
@@ -100,7 +85,6 @@ export const VTab = genericComponent()({
         "active": false,
         "block": props.fixed,
         "maxWidth": props.fixed ? 300 : undefined,
-        "variant": "text",
         "rounded": 0
       }, btnProps, attrs, {
         "onGroup:selected": updateSlider