@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13

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

@@ -0,0 +1,210 @@
+import * as vue from 'vue';
+import { ComponentInternalInstance, Ref, ComputedRef, JSXComponent, PropType } from 'vue';
+import * as vue_router from 'vue-router';
+
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VBtn: vue.DefineComponent<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: PropType<Anchor>;
+    loading: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
+    icon: PropType<boolean | IconValue>;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'group:selected': (val: {
+        value: boolean;
+    }) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: PropType<Anchor>;
+    loading: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    flat: BooleanConstructor;
+    icon: PropType<boolean | IconValue>;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    block: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    active: boolean;
+    block: boolean;
+    loading: boolean;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    stacked: boolean;
+    ripple: boolean;
+}>;
+declare type VBtn = InstanceType<typeof VBtn>;
+
+export { VBtn };

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

@@ -0,0 +1,65 @@
+import * as vue from 'vue';
+
+declare const VBtnGroup: vue.DefineComponent<{
+    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<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<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<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    divided: BooleanConstructor;
+}>>, {
+    tag: string;
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    divided: boolean;
+}>;
+
+export { VBtnGroup };

package/lib/components/VBtnToggle/VBtnToggle.mjs

@@ -11,9 +11,7 @@ import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 export const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
 export const VBtnToggle = genericComponent()({
   name: 'VBtnToggle',
-  props: makeGroupProps({
-    selectedClass: 'v-btn--selected'
-  }),
+  props: makeGroupProps(),
   emits: {
     'update:modelValue': value => true
   },

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

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","selectedClass","emits","value","setup","slots","isSelected","next","prev","select","selected","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { VBtnGroup } from '@/components/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { InjectionKey } from 'vue'\nimport type { MakeSlots } from '@/util'\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\nexport const VBtnToggle = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    default: [DefaultBtnToggleSlot]\n  }>\n}>()({\n  name: 'VBtnToggle',\n\n  props: makeGroupProps({ selectedClass: 'v-btn--selected' }),\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      <VBtnGroup class=\"v-btn-toggle\">\n        { slots.default?.({\n          isSelected,\n          next,\n          prev,\n          select,\n          selected,\n        } as DefaultBtnToggleSlot) }\n      </VBtnGroup>\n    ))\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,S,kCAET;;SACSC,c,EAAgBC,Q,uCAEzB;;SACSC,gB,EAAkBC,S,gCAE3B;;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAArD;AAEP,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,GAIrC;EACHM,IAAI,EAAE,YADH;EAGHC,KAAK,EAAET,cAAc,CAAC;IAAEU,aAAa,EAAE;EAAjB,CAAD,CAHlB;EAKHC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CALJ;;EASHC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,IAAd;MAAoBC,IAApB;MAA0BC,MAA1B;MAAkCC;IAAlC,IAA+ClB,QAAQ,CAACQ,KAAD,EAAQL,gBAAR,CAA7D;IAEAD,SAAS,CAAC;MAAA;;MAAA;QAAA,SACS;MADT;QAAA,kCAEJW,KAAK,CAACM,OAFF,qBAEJ,oBAAAN,KAAK,EAAW;UAChBC,UADgB;UAEhBC,IAFgB;UAGhBC,IAHgB;UAIhBC,MAJgB;UAKhBC;QALgB,CAAX,CAFD;MAAA;IAAA,CAAD,CAAT;IAYA,OAAO;MACLH,IADK;MAELC,IAFK;MAGLC;IAHK,CAAP;EAKD;;AA7BE,CAJqC,CAAnC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { VBtnGroup } from '@/components/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { InjectionKey } from 'vue'\nimport type { MakeSlots } from '@/util'\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\nexport const VBtnToggle = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    default: [DefaultBtnToggleSlot]\n  }>\n}>()({\n  name: 'VBtnToggle',\n\n  props: makeGroupProps(),\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      <VBtnGroup class=\"v-btn-toggle\">\n        { slots.default?.({\n          isSelected,\n          next,\n          prev,\n          select,\n          selected,\n        } as DefaultBtnToggleSlot) }\n      </VBtnGroup>\n    ))\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,S,kCAET;;SACSC,c,EAAgBC,Q,uCAEzB;;SACSC,gB,EAAkBC,S,gCAE3B;;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAArD;AAEP,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,GAIrC;EACHM,IAAI,EAAE,YADH;EAGHC,KAAK,EAAET,cAAc,EAHlB;EAKHU,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CALJ;;EASHC,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,IAAd;MAAoBC,IAApB;MAA0BC,MAA1B;MAAkCC;IAAlC,IAA+CjB,QAAQ,CAACQ,KAAD,EAAQL,gBAAR,CAA7D;IAEAD,SAAS,CAAC;MAAA;;MAAA;QAAA,SACS;MADT;QAAA,kCAEJU,KAAK,CAACM,OAFF,qBAEJ,oBAAAN,KAAK,EAAW;UAChBC,UADgB;UAEhBC,IAFgB;UAGhBC,IAHgB;UAIhBC,MAJgB;UAKhBC;QALgB,CAAX,CAFD;MAAA;IAAA,CAAD,CAAT;IAYA,OAAO;MACLH,IADK;MAELC,IAFK;MAGLC;IAHK,CAAP;EAKD;;AA7BE,CAJqC,CAAnC"}

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

@@ -0,0 +1,175 @@
+import * as vue from 'vue';
+import { VNodeChild, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+
+declare type SlotsToProps<T extends Record<string, Slot>> = {
+    $children: () => (T['default'] | VNodeChild | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots': new () => {
+        [K in keyof T]?: T[K] | false;
+    };
+};
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+
+declare type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev';
+interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {
+}
+declare const VBtnToggle: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            multiple: boolean;
+            modelValue: any;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            modelValue: {
+                type: null;
+                default: undefined;
+            };
+            multiple: BooleanConstructor;
+            mandatory: vue.PropType<boolean | "force">;
+            max: NumberConstructor;
+            selectedClass: StringConstructor;
+            disabled: BooleanConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [DefaultBtnToggleSlot];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "multiple" | "modelValue">;
+        $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, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue", value: any) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            modelValue: {
+                type: null;
+                default: undefined;
+            };
+            multiple: BooleanConstructor;
+            mandatory: vue.PropType<boolean | "force">;
+            max: NumberConstructor;
+            selectedClass: StringConstructor;
+            disabled: BooleanConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [DefaultBtnToggleSlot];
+        }>>>> & {
+            "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;
+            modelValue: any;
+        }> & {
+            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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<{
+        modelValue: {
+            type: null;
+            default: undefined;
+        };
+        multiple: BooleanConstructor;
+        mandatory: vue.PropType<boolean | "force">;
+        max: NumberConstructor;
+        selectedClass: StringConstructor;
+        disabled: BooleanConstructor;
+    } & SlotsToProps<MakeSlots<{
+        default: [DefaultBtnToggleSlot];
+    }>>>> & {
+        "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<Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: StringConstructor;
+    disabled: BooleanConstructor;
+} & SlotsToProps<MakeSlots<{
+    default: [DefaultBtnToggleSlot];
+}>>>> & {
+    "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;
+    modelValue: any;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $slots: MakeSlots<{
+        default: [DefaultBtnToggleSlot];
+    }>;
+});
+
+export { VBtnToggle };

package/lib/components/VCard/VCard.css

@@ -39,11 +39,16 @@
   opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
 }
 .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
-}
-.v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
   opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
 }
+.v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
+  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
+    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  }
+}
 .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
   background: transparent;
   color: inherit;