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

package/lib/components/VBtnGroup/VBtnGroup.mjs

@@ -11,11 +11,8 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
-import { genericComponent, pick, propsFactory, useRender } from "../../util/index.mjs";
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
-
-// Types
-
 export const makeVBtnGroupProps = propsFactory({
   divided: Boolean,
   ...makeBorderProps(),
@@ -66,7 +63,4 @@ export const VBtnGroup = genericComponent()({
     });
   }
 });
-export function filterVBtnGroupProps(props) {
-  return pick(props, Object.keys(VBtnGroup.props));
-}
 //# sourceMappingURL=VBtnGroup.mjs.map

package/lib/components/VBtnGroup/VBtnGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","genericComponent","pick","propsFactory","useRender","toRef","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value","filterVBtnGroupProps","Object","keys"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { genericComponent, pick, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'v-btn-group')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n\nexport function filterVBtnGroupProps (props: Partial<ExtractPropTypes<ReturnType<typeof makeVBtnGroupProps>>>) {\n  return pick(props, Object.keys(VBtnGroup.props) as any)\n}\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS;AACxD,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,kBAAkB,GAAGH,YAAY,CAAC;EAC7CI,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,EAAE;EACpB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMU,SAAS,GAAGR,gBAAgB,EAAE,CAAC;EAC1CS,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGhB,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEI;IAAe,CAAC,GAAGxB,UAAU,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAc,CAAC,GAAG3B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEM;IAAiB,CAAC,GAAGxB,YAAY,CAACkB,KAAK,CAAC;IAChD,MAAM;MAAEO;IAAe,CAAC,GAAGvB,UAAU,CAACgB,KAAK,CAAC;IAE5CX,eAAe,CAAC;MACdmB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEhB,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BW,OAAO,EAAEjB,KAAK,CAACM,KAAK,EAAE,SAAS,CAAC;QAChCY,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEnB,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEO,KAAK,CAACJ;QAChC,CAAC,EACDO,YAAY,CAACW,KAAK,EAClBT,aAAa,CAACS,KAAK,EACnBV,cAAc,CAACU,KAAK,EACpBR,gBAAgB,CAACQ,KAAK,EACtBP,cAAc,CAACO,KAAK;MACrB,GACSZ,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC;AAIF,OAAO,SAASa,oBAAoB,CAAEf,KAAuE,EAAE;EAC7G,OAAOT,IAAI,CAACS,KAAK,EAAEgB,MAAM,CAACC,IAAI,CAACnB,SAAS,CAACE,KAAK,CAAC,CAAQ;AACzD"}
+{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","genericComponent","propsFactory","useRender","toRef","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { genericComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'v-btn-group')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAClD,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,kBAAkB,GAAGH,YAAY,CAAC;EAC7CI,OAAO,EAAEC,OAAO;EAEhB,GAAGnB,eAAe,EAAE;EACpB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMS,SAAS,GAAGP,gBAAgB,EAAE,CAAC;EAC1CQ,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGf,YAAY,CAACY,KAAK,CAAC;IAC5C,MAAM;MAAEI;IAAe,CAAC,GAAGvB,UAAU,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAc,CAAC,GAAG1B,SAAS,CAACqB,KAAK,CAAC;IAC1C,MAAM;MAAEM;IAAiB,CAAC,GAAGvB,YAAY,CAACiB,KAAK,CAAC;IAChD,MAAM;MAAEO;IAAe,CAAC,GAAGtB,UAAU,CAACe,KAAK,CAAC;IAE5CV,eAAe,CAAC;MACdkB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEhB,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BW,OAAO,EAAEjB,KAAK,CAACM,KAAK,EAAE,SAAS,CAAC;QAChCY,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEnB,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEO,KAAK,CAACJ;QAChC,CAAC,EACDO,YAAY,CAACW,KAAK,EAClBT,aAAa,CAACS,KAAK,EACnBV,cAAc,CAACU,KAAK,EACpBR,gBAAgB,CAACQ,KAAK,EACtBP,cAAc,CAACO,KAAK;MACrB,GACSZ,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -1,8 +1,136 @@
 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 VBtnGroup: vue.DefineComponent<{
+declare const VBtnGroup: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: boolean;
+        }> & Omit<{
+            tag: string;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: boolean;
+        } & {
+            border?: string | number | boolean | 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, "tag" | "rounded" | "density" | "variant" | "divided">;
+        $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;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: boolean;
+        } & {
+            border?: string | number | boolean | 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;
+        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: 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;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        divided: boolean;
+    } & {
+        border?: string | number | boolean | 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<{
     tag: string;
     density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -17,38 +145,75 @@ declare const VBtnGroup: 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;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    tag: string;
-    density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    divided: boolean;
-} & {
-    border?: string | number | boolean | 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;
-}, {
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     tag: string;
     rounded: string | number | boolean;
     density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     divided: boolean;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}>>;
 type VBtnGroup = InstanceType<typeof VBtnGroup>;
 
 export { VBtnGroup };

package/lib/components/VBtnToggle/VBtnToggle.mjs

@@ -3,7 +3,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import "./VBtnToggle.css";
 
 // Components
-import { filterVBtnGroupProps, makeVBtnGroupProps, VBtnGroup } from "../VBtnGroup/VBtnGroup.mjs"; // Composables
+import { makeVBtnGroupProps, VBtnGroup } from "../VBtnGroup/VBtnGroup.mjs"; // Composables
 import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utility
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 export const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
@@ -28,7 +28,7 @@ export const VBtnToggle = genericComponent()({
       selected
     } = useGroup(props, VBtnToggleSymbol);
     useRender(() => {
-      const [btnGroupProps] = filterVBtnGroupProps(props);
+      const [btnGroupProps] = VBtnGroup.filterProps(props);
       return _createVNode(VBtnGroup, _mergeProps({
         "class": "v-btn-toggle"
       }, btnGroupProps), {

package/lib/components/VBtnToggle/VBtnToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["filterVBtnGroupProps","makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","btnGroupProps","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { filterVBtnGroupProps, makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\ntype VBtnToggleSlots = {\n  default: [DefaultBtnToggleSlot]\n}\n\nexport const VBtnToggle = genericComponent<VBtnToggleSlots>()({\n  name: 'VBtnToggle',\n\n  props: {\n    ...makeVBtnGroupProps(),\n    ...makeGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = filterVBtnGroupProps(props)\n\n      return (\n        <VBtnGroup\n          class=\"v-btn-toggle\"\n          { ...btnGroupProps }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot) }\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,oBAAoB,EAAEC,kBAAkB,EAAEC,SAAS,sCAE5D;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAOA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,EAAmB,CAAC;EAC5DM,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,kBAAkB,EAAE;IACvB,GAAGE,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGjB,QAAQ,CAACQ,KAAK,EAAEL,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,aAAa,CAAC,GAAGtB,oBAAoB,CAACY,KAAK,CAAC;MAEnD;QAAA,SAEU;MAAc,GACfU,aAAa;QAAA,gBAEhBN,KAAK,CAACO,OAAO,GAAG;UAChBN,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","btnGroupProps","filterProps","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\ntype VBtnToggleSlots = {\n  default: [DefaultBtnToggleSlot]\n}\n\nexport const VBtnToggle = genericComponent<VBtnToggleSlots>()({\n  name: 'VBtnToggle',\n\n  props: {\n    ...makeVBtnGroupProps(),\n    ...makeGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = VBtnGroup.filterProps(props)\n\n      return (\n        <VBtnGroup\n          class=\"v-btn-toggle\"\n          { ...btnGroupProps }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot)}\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,SAAS,sCAEtC;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAOA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,EAAmB,CAAC;EAC5DM,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,kBAAkB,EAAE;IACvB,GAAGE,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGjB,QAAQ,CAACQ,KAAK,EAAEL,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,aAAa,CAAC,GAAGpB,SAAS,CAACqB,WAAW,CAACX,KAAK,CAAC;MAEpD;QAAA,SAEU;MAAc,GACfU,aAAa;QAAA,gBAEhBN,KAAK,CAACQ,OAAO,GAAG;UAChBP,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

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

@@ -1,5 +1,9 @@
 import * as vue from 'vue';
-import { ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, ComponentInternalInstance, Ref, ComputedRef } 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';
 
@@ -29,7 +33,170 @@ interface GroupProvide {
 type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev';
 interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {
 }
-declare const VBtnToggle: vue.DefineComponent<{
+declare const VBtnToggle: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            multiple: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            modelValue: any;
+            divided: boolean;
+        }> & Omit<{
+            disabled: boolean;
+            multiple: boolean;
+            tag: string;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: boolean;
+        } & {
+            max?: number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            mandatory?: boolean | "force" | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            modelValue?: any;
+            selectedClass?: string | undefined;
+        } & {
+            $children?: vue.VNodeChild | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | {
+                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "multiple" | "tag" | "rounded" | "density" | "variant" | "modelValue" | "divided">;
+        $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: "update:modelValue", value: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            disabled: boolean;
+            multiple: boolean;
+            tag: string;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            divided: boolean;
+        } & {
+            max?: number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            mandatory?: boolean | "force" | undefined;
+            elevation?: string | number | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            modelValue?: any;
+            selectedClass?: string | undefined;
+        } & {
+            $children?: vue.VNodeChild | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | {
+                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }, {
+            next: () => void;
+            prev: () => void;
+            select: (id: number, value: boolean) => void;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (value: any) => boolean;
+        }, string, {
+            disabled: boolean;
+            multiple: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            modelValue: any;
+            divided: 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;
+    } & {
+        disabled: boolean;
+        multiple: boolean;
+        tag: string;
+        density: Density;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        divided: boolean;
+    } & {
+        max?: number | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        mandatory?: boolean | "force" | undefined;
+        elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        modelValue?: any;
+        selectedClass?: string | undefined;
+    } & {
+        $children?: vue.VNodeChild | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | {
+            default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        next: () => void;
+        prev: () => void;
+        select: (id: number, value: boolean) => void;
+    }> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     disabled: boolean;
     multiple: boolean;
     tag: string;
@@ -50,46 +217,23 @@ declare const VBtnToggle: vue.DefineComponent<{
     $children?: vue.VNodeChild | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | {
         default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     next: () => void;
     prev: () => void;
     select: (id: number, value: boolean) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: any) => boolean;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    disabled: boolean;
-    multiple: boolean;
-    tag: string;
-    density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    divided: boolean;
-} & {
-    max?: number | undefined;
-    border?: string | number | boolean | undefined;
-    color?: string | undefined;
-    mandatory?: boolean | "force" | undefined;
-    elevation?: string | number | undefined;
-    theme?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-    modelValue?: any;
-    selectedClass?: string | undefined;
-} & {
-    $children?: vue.VNodeChild | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | {
-        default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-    };
-    'v-slots'?: {
-        default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-} & {
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}, {
+}, string, {
     disabled: boolean;
     multiple: boolean;
     tag: string;
@@ -98,7 +242,79 @@ declare const VBtnToggle: vue.DefineComponent<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: any;
     divided: boolean;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: StringConstructor;
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+    variant: {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: StringConstructor;
+    disabled: BooleanConstructor;
+    color: StringConstructor;
+    variant: {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}>>;
 type VBtnToggle = InstanceType<typeof VBtnToggle>;
 
 export { VBtnToggle };

package/lib/components/VCard/VCard.mjs

@@ -128,19 +128,23 @@ export const VCard = genericComponent()({
         "onClick": isClickable.value && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
       }, {
-        default: () => [hasImage && _createVNode(VDefaultsProvider, {
+        default: () => [hasImage && _createVNode("div", {
           "key": "image",
+          "class": "v-card__image"
+        }, [!slots.image ? _createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : _createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
           "defaults": {
             VImg: {
               cover: true,
               src: props.image
             }
           }
-        }, {
-          default: () => [_createVNode("div", {
-            "class": "v-card__image"
-          }, [slots.image?.() ?? _createVNode(VImg, null, null)])]
-        }), _createVNode(LoaderSlot, {
+        }, slots.image)]), _createVNode(LoaderSlot, {
           "name": "v-card",
           "active": !!props.loading,
           "color": typeof props.loading === 'boolean' ? undefined : props.loading