vuetify 3.0.2 → 3.0.4

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

@@ -160,8 +160,8 @@ declare const VAlert: vue.DefineComponent<{
     rounded: string | number | boolean;
     prominent: boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;

package/lib/components/VAppBar/VAppBar.mjs

@@ -7,8 +7,8 @@ import { filterToolbarProps, makeVToolbarProps, VToolbar } from "../VToolbar/VTo
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed, ref, toRef } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-export const VAppBar = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VAppBar = genericComponent()({
   name: 'VAppBar',
   props: {
     // TODO: Implement scrolling techniques

package/lib/components/VAppBar/VAppBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","defineComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { filterToolbarProps, makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VAppBar = defineComponent({\n  name: 'VAppBar',\n\n  props: {\n    // TODO: Implement scrolling techniques\n    // hideOnScroll: Boolean\n    // invertedScroll: Boolean\n    // collapseOnScroll: Boolean\n    // elevateOnScroll: Boolean\n    // shrinkOnScroll: Boolean\n    // fadeImageOnScroll: Boolean\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const height = computed(() => {\n      const height: number = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = filterToolbarProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,iBAAiB,EAAEC,QAAQ,oCAExD;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,eAAe,EAAEC,SAAS,gCAEnC;AAGA,OAAO,MAAMC,OAAO,GAAGF,eAAe,CAAC;EACrCG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGpB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBoB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,WAAW,GAAGrB,GAAG,EAAE;IACzB,MAAMsB,QAAQ,GAAGxB,eAAe,CAACQ,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAAA;MAC5B,MAAMiB,MAAc,GAAG,uBAAAK,WAAW,CAACP,KAAK,qBAAjB,mBAAmBS,aAAa,KAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAG,wBAAAH,WAAW,CAACP,KAAK,qBAAjB,oBAAmBU,eAAe,KAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAiB,CAAC,GAAG5B,aAAa,CAAC;MACzC6B,EAAE,EAAEpB,KAAK,CAACD,IAAI;MACdsB,KAAK,EAAE5B,QAAQ,CAAC,MAAM6B,QAAQ,CAACtB,KAAK,CAACqB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE5B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCwB,UAAU,EAAEd,MAAM;MAClBe,WAAW,EAAEf,MAAM;MACnBgB,MAAM,EAAEV,QAAQ;MAChBW,QAAQ,EAAEhC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAAC+B,YAAY,CAAC,GAAGzC,kBAAkB,CAACa,KAAK,CAAC;MAEhD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGc,gBAAgB,CAACX,KAAK;UACzBE,MAAM,EAAEmB;QACV;MAAC,GACID,YAAY,GACPd,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","genericComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { filterToolbarProps, makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { SlotsToProps } from '@/util'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<new () => {\n  $props: SlotsToProps<VToolbarSlots>\n}>()({\n  name: 'VAppBar',\n\n  props: {\n    // TODO: Implement scrolling techniques\n    // hideOnScroll: Boolean\n    // invertedScroll: Boolean\n    // collapseOnScroll: Boolean\n    // elevateOnScroll: Boolean\n    // shrinkOnScroll: Boolean\n    // fadeImageOnScroll: Boolean\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const height = computed(() => {\n      const height: number = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = filterToolbarProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,iBAAiB,EAAEC,QAAQ,oCAExD;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS,gCAEpC;AAKA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAEnC,CAAC;EACHG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGpB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBoB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,WAAW,GAAGrB,GAAG,EAAE;IACzB,MAAMsB,QAAQ,GAAGxB,eAAe,CAACQ,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAAA;MAC5B,MAAMiB,MAAc,GAAG,uBAAAK,WAAW,CAACP,KAAK,qBAAjB,mBAAmBS,aAAa,KAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAG,wBAAAH,WAAW,CAACP,KAAK,qBAAjB,oBAAmBU,eAAe,KAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAiB,CAAC,GAAG5B,aAAa,CAAC;MACzC6B,EAAE,EAAEpB,KAAK,CAACD,IAAI;MACdsB,KAAK,EAAE5B,QAAQ,CAAC,MAAM6B,QAAQ,CAACtB,KAAK,CAACqB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE5B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCwB,UAAU,EAAEd,MAAM;MAClBe,WAAW,EAAEf,MAAM;MACnBgB,MAAM,EAAEV,QAAQ;MAChBW,QAAQ,EAAEhC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAAC+B,YAAY,CAAC,GAAGzC,kBAAkB,CAACa,KAAK,CAAC;MAEhD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGc,gBAAgB,CAACX,KAAK;UACzBE,MAAM,EAAEmB;QACV;MAAC,GACID,YAAY,GACPd,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1,66 +1,275 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent } from 'vue';
+import { VNodeChild, PropType, JSXComponent } from 'vue';
+
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots'?: {
+        [K in keyof T]?: T[K] | false;
+    };
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
+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]>;
+};
 
 declare type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact';
+declare type VToolbarSlots = MakeSlots<{
+    default: [];
+    image: [];
+    prepend: [];
+    append: [];
+    title: [];
+    extension: [];
+}>;
 
-declare const VAppBar: vue.DefineComponent<{
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    name: {
-        type: StringConstructor;
-    };
-    order: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    absolute: BooleanConstructor;
-    theme: StringConstructor;
-    tag: Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    collapse: BooleanConstructor;
-    color: StringConstructor;
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    extended: BooleanConstructor;
-    extensionHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    flat: BooleanConstructor;
-    floating: BooleanConstructor;
-    image: StringConstructor;
-    title: StringConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    location: {
-        type: PropType<"top" | "bottom">;
-        default: string;
-        validator: (value: any) => boolean;
-    };
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: boolean) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+declare const VAppBar: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            flat: boolean;
+            absolute: boolean;
+            location: "top" | "bottom";
+            height: string | number;
+            order: string | number;
+            tag: string;
+            collapse: boolean;
+            rounded: string | number | boolean;
+            density: Density;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+            modelValue: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            name: {
+                type: StringConstructor;
+            };
+            order: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            absolute: BooleanConstructor;
+            theme: StringConstructor;
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            collapse: BooleanConstructor;
+            color: StringConstructor;
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            extended: BooleanConstructor;
+            extensionHeight: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            flat: BooleanConstructor;
+            floating: BooleanConstructor;
+            image: StringConstructor;
+            title: StringConstructor;
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            location: {
+                type: PropType<"top" | "bottom">;
+                default: string;
+                validator: (value: any) => boolean;
+            };
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "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: boolean) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            name: {
+                type: StringConstructor;
+            };
+            order: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            absolute: BooleanConstructor;
+            theme: StringConstructor;
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            collapse: BooleanConstructor;
+            color: StringConstructor;
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            extended: BooleanConstructor;
+            extensionHeight: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            flat: BooleanConstructor;
+            floating: BooleanConstructor;
+            image: StringConstructor;
+            title: StringConstructor;
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            location: {
+                type: PropType<"top" | "bottom">;
+                default: string;
+                validator: (value: any) => boolean;
+            };
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'update:modelValue': (value: boolean) => boolean;
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">, string, {
+            flat: boolean;
+            absolute: boolean;
+            location: "top" | "bottom";
+            height: string | number;
+            order: string | number;
+            tag: string;
+            collapse: boolean;
+            rounded: string | number | boolean;
+            density: Density;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+            modelValue: boolean;
+        }> & {
+            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<Omit<{
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        order: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        absolute: BooleanConstructor;
+        theme: StringConstructor;
+        tag: Omit<{
+            type: StringConstructor;
+            default: string;
+        }, "type" | "default"> & {
+            type: PropType<string>;
+            default: string;
+        };
+        rounded: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        elevation: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator(v: any): boolean;
+        };
+        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        collapse: BooleanConstructor;
+        color: StringConstructor;
+        density: {
+            type: PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        extended: BooleanConstructor;
+        extensionHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        flat: BooleanConstructor;
+        floating: BooleanConstructor;
+        image: StringConstructor;
+        title: StringConstructor;
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        location: {
+            type: PropType<"top" | "bottom">;
+            default: string;
+            validator: (value: any) => boolean;
+        };
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -115,9 +324,11 @@ declare const VAppBar: vue.DefineComponent<{
         default: string;
         validator: (value: any) => boolean;
     };
-}>> & {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'update:modelValue': (value: boolean) => boolean;
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:image" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "v-slot:extension">, string, {
     flat: boolean;
     absolute: boolean;
     location: "top" | "bottom";
@@ -131,7 +342,9 @@ declare const VAppBar: vue.DefineComponent<{
     extensionHeight: string | number;
     floating: boolean;
     modelValue: boolean;
-}>;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $props: SlotsToProps<VToolbarSlots>;
+});
 declare type VAppBar = InstanceType<typeof VAppBar>;
 
 declare type IconValue = string | JSXComponent;

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

@@ -217,15 +217,15 @@ declare const VAutocomplete: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: vue.PropType<any>;
+                default: any;
+            };
             variant: {
                 type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: vue.PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: vue.PropType<IconValue>;
             appendIcon: vue.PropType<IconValue>;
@@ -495,7 +495,7 @@ declare const VAutocomplete: {
             };
             noFilter: BooleanConstructor;
             search: StringConstructor;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "transition" | "loading" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "messages" | "noDataText" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear" | "filterMode" | "noFilter" | "filterKeys">;
@@ -560,15 +560,15 @@ declare const VAutocomplete: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: vue.PropType<any>;
+                default: any;
+            };
             variant: {
                 type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: vue.PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: vue.PropType<IconValue>;
             appendIcon: vue.PropType<IconValue>;
@@ -838,7 +838,7 @@ declare const VAutocomplete: {
             };
             noFilter: BooleanConstructor;
             search: StringConstructor;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
             "onUpdate:search"?: ((val: any) => any) | undefined;
         }, {
@@ -859,7 +859,7 @@ declare const VAutocomplete: {
             'update:search': (val: any) => boolean;
             'update:modelValue': (val: any) => boolean;
             'update:menu': (val: boolean) => boolean;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "update:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
             reverse: boolean;
             type: string;
             error: boolean;
@@ -970,15 +970,15 @@ declare const VAutocomplete: {
             default: string;
             validator: (v: any) => boolean;
         };
+        modelValue: {
+            type: vue.PropType<any>;
+            default: any;
+        };
         variant: {
             type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
             default: string;
             validator: (v: any) => boolean;
         };
-        modelValue: {
-            type: vue.PropType<any>;
-            default: any;
-        };
         bgColor: StringConstructor;
         prependIcon: vue.PropType<IconValue>;
         appendIcon: vue.PropType<IconValue>;
@@ -1248,7 +1248,7 @@ declare const VAutocomplete: {
         };
         noFilter: BooleanConstructor;
         search: StringConstructor;
-    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
         "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         "onUpdate:search"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -1317,15 +1317,15 @@ declare const VAutocomplete: {
         default: string;
         validator: (v: any) => boolean;
     };
+    modelValue: {
+        type: vue.PropType<any>;
+        default: any;
+    };
     variant: {
         type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: vue.PropType<any>;
-        default: any;
-    };
     bgColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
@@ -1595,7 +1595,7 @@ declare const VAutocomplete: {
     };
     noFilter: BooleanConstructor;
     search: StringConstructor;
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
     "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     "onUpdate:search"?: ((val: any) => any) | undefined;
 }, {
@@ -1616,7 +1616,7 @@ declare const VAutocomplete: {
     'update:search': (val: any) => boolean;
     'update:modelValue': (val: any) => boolean;
     'update:menu': (val: boolean) => boolean;
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "update:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     reverse: boolean;
     type: string;
     error: boolean;

package/lib/components/VCheckbox/VCheckbox.css

@@ -1,3 +1,3 @@
 .v-checkbox .v-selection-control {
-  height: var(--v-input-control-height);
+  min-height: var(--v-input-control-height);
 }

package/lib/components/VCheckbox/VCheckbox.sass

@@ -5,4 +5,4 @@
 
 .v-checkbox
   .v-selection-control
-    height: var(--v-input-control-height)
+    min-height: var(--v-input-control-height)

package/lib/components/VChip/VChip.mjs

@@ -23,6 +23,7 @@ import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { IconValue } from "../../composables/icons.mjs"; // Directives
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 import { defineComponent } from "../../util/index.mjs";
+import { computed } from 'vue';
 export const VChip = defineComponent({
   name: 'VChip',
   directives: {
@@ -79,7 +80,8 @@ export const VChip = defineComponent({
   emits: {
     'click:close': e => true,
     'update:modelValue': value => true,
-    'group:selected': val => true
+    'group:selected': val => true,
+    click: e => true
   },
   setup(props, _ref) {
     let {
@@ -113,10 +115,18 @@ export const VChip = defineComponent({
     const isActive = useProxiedModel(props, 'modelValue');
     const group = useGroupItem(props, VChipGroupSymbol, false);
     const link = useLink(props, attrs);
+    const isClickable = computed(() => !props.disabled && (!!group || link.isClickable.value || props.link));
     function onCloseClick(e) {
       isActive.value = false;
       emit('click:close', e);
     }
+    function onClick(e) {
+      var _link$navigate;
+      emit('click', e);
+      if (!isClickable.value) return;
+      (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
+      group == null ? void 0 : group.toggle();
+    }
     return () => {
       var _slots$default;
       const Tag = link.isLink.value ? 'a' : props.tag;
@@ -125,8 +135,6 @@ export const VChip = defineComponent({
       const hasFilter = !!(slots.filter || props.filter) && group;
       const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar);
       const hasColor = !group || group.isSelected.value;
-      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link);
-      const onClickFunc = props.link ? props.link : group == null ? void 0 : group.toggle;
       return isActive.value && _withDirectives(_createVNode(Tag, {
         "class": ['v-chip', {
           'v-chip--disabled': props.disabled,
@@ -139,9 +147,9 @@ export const VChip = defineComponent({
         "disabled": props.disabled || undefined,
         "draggable": props.draggable,
         "href": link.href.value,
-        "onClick": isClickable && onClickFunc
+        "onClick": onClick
       }, {
-        default: () => [genOverlays(isClickable, 'v-chip'), hasFilter && _createVNode(VDefaultsProvider, {
+        default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && _createVNode(VDefaultsProvider, {
           "key": "filter",
           "defaults": {
             VIcon: {
@@ -211,7 +219,7 @@ export const VChip = defineComponent({
             "onClick": onCloseClick
           }, [slots.close ? slots.close() : _createVNode(VIcon, null, null)])]
         })]
-      }), [[_resolveDirective("ripple"), isClickable && props.ripple, null]]);
+      }), [[_resolveDirective("ripple"), isClickable.value && props.ripple, null]]);
     };
   }
 });