vuetify 3.2.2 → 3.2.3

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

@@ -65,7 +65,7 @@ declare const VCarousel: {
             reverse: boolean;
             interval: string | number;
             height: string | number;
-            direction: string;
+            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
@@ -77,14 +77,14 @@ declare const VCarousel: {
             prevIcon: IconValue;
             showArrows: NonNullable<string | boolean>;
             cycle: boolean;
+            delimiterIcon: IconValue;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
-            delimiterIcon: IconValue;
         }> & Omit<{
             reverse: boolean;
             interval: string | number;
             height: string | number;
-            direction: string;
+            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
@@ -95,9 +95,9 @@ declare const VCarousel: {
             prevIcon: IconValue;
             showArrows: NonNullable<string | boolean>;
             cycle: boolean;
+            delimiterIcon: IconValue;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
-            delimiterIcon: IconValue;
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
@@ -182,7 +182,7 @@ declare const VCarousel: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "hideDelimiters" | "hideDelimiterBackground" | "delimiterIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "delimiterIcon" | "hideDelimiters" | "hideDelimiterBackground">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -200,7 +200,7 @@ declare const VCarousel: {
             reverse: boolean;
             interval: string | number;
             height: string | number;
-            direction: string;
+            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
@@ -211,9 +211,9 @@ declare const VCarousel: {
             prevIcon: IconValue;
             showArrows: NonNullable<string | boolean>;
             cycle: boolean;
+            delimiterIcon: IconValue;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
-            delimiterIcon: IconValue;
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
@@ -304,7 +304,7 @@ declare const VCarousel: {
             reverse: boolean;
             interval: string | number;
             height: string | number;
-            direction: string;
+            direction: "horizontal" | "vertical";
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
@@ -316,9 +316,9 @@ declare const VCarousel: {
             prevIcon: IconValue;
             showArrows: NonNullable<string | boolean>;
             cycle: boolean;
+            delimiterIcon: IconValue;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
-            delimiterIcon: IconValue;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -343,7 +343,7 @@ declare const VCarousel: {
         reverse: boolean;
         interval: string | number;
         height: string | number;
-        direction: string;
+        direction: "horizontal" | "vertical";
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -354,9 +354,9 @@ declare const VCarousel: {
         prevIcon: IconValue;
         showArrows: NonNullable<string | boolean>;
         cycle: boolean;
+        delimiterIcon: IconValue;
         hideDelimiters: boolean;
         hideDelimiterBackground: boolean;
-        delimiterIcon: IconValue;
     } & {
         progress?: string | boolean | undefined;
         color?: string | undefined;
@@ -449,7 +449,7 @@ declare const VCarousel: {
     reverse: boolean;
     interval: string | number;
     height: string | number;
-    direction: string;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -460,9 +460,9 @@ declare const VCarousel: {
     prevIcon: IconValue;
     showArrows: NonNullable<string | boolean>;
     cycle: boolean;
+    delimiterIcon: IconValue;
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
-    delimiterIcon: IconValue;
 } & {
     progress?: string | boolean | undefined;
     color?: string | undefined;
@@ -553,7 +553,7 @@ declare const VCarousel: {
     reverse: boolean;
     interval: string | number;
     height: string | number;
-    direction: string;
+    direction: "horizontal" | "vertical";
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -565,9 +565,9 @@ declare const VCarousel: {
     prevIcon: IconValue;
     showArrows: NonNullable<string | boolean>;
     cycle: boolean;
+    delimiterIcon: IconValue;
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
-    delimiterIcon: IconValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     tag: {
@@ -604,7 +604,7 @@ declare const VCarousel: {
         default: undefined;
     };
     direction: {
-        type: StringConstructor;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
     };
     modelValue: null;
@@ -674,7 +674,7 @@ declare const VCarousel: {
         default: undefined;
     };
     direction: {
-        type: StringConstructor;
+        type: PropType<"horizontal" | "vertical">;
         default: string;
     };
     modelValue: null;
@@ -711,17 +711,46 @@ declare const VCarousel: {
 }>>;
 type VCarousel = InstanceType<typeof VCarousel>;
 
+interface srcObject {
+    src?: string;
+    srcset?: string;
+    lazySrc?: string;
+    aspect: number;
+}
+
 declare const VCarouselItem: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            transition: string | boolean;
             style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+            reverseTransition: string | boolean;
         }> & Omit<{
             style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
         } & {
+            width?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            transition?: string | boolean | undefined;
             value?: any;
             class?: any;
+            alt?: string | undefined;
+            sizes?: string | undefined;
+            srcset?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+            selectedClass?: string | undefined;
+            reverseTransition?: string | boolean | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -740,7 +769,7 @@ declare const VCarouselItem: {
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "style" | "eager" | "disabled" | "options" | "cover" | "src" | "reverseTransition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -756,9 +785,24 @@ declare const VCarouselItem: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
         } & {
+            width?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            transition?: string | boolean | undefined;
             value?: any;
             class?: any;
+            alt?: string | undefined;
+            sizes?: string | undefined;
+            srcset?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+            selectedClass?: string | undefined;
+            reverseTransition?: string | boolean | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -778,7 +822,14 @@ declare const VCarouselItem: {
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            transition: string | boolean;
             style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+            reverseTransition: string | boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -801,9 +852,24 @@ declare const VCarouselItem: {
         $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;
     } & {
         style: vue.StyleValue;
+        eager: boolean;
+        disabled: boolean;
+        options: IntersectionObserverInit;
+        cover: boolean;
+        src: string | srcObject;
     } & {
+        width?: string | number | undefined;
+        aspectRatio?: string | number | undefined;
+        transition?: string | boolean | undefined;
         value?: any;
         class?: any;
+        alt?: string | undefined;
+        sizes?: string | undefined;
+        srcset?: string | undefined;
+        gradient?: string | undefined;
+        lazySrc?: string | undefined;
+        selectedClass?: string | undefined;
+        reverseTransition?: string | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -828,9 +894,24 @@ declare const VCarouselItem: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
+    eager: boolean;
+    disabled: boolean;
+    options: IntersectionObserverInit;
+    cover: boolean;
+    src: string | srcObject;
 } & {
+    width?: string | number | undefined;
+    aspectRatio?: string | number | undefined;
+    transition?: string | boolean | undefined;
     value?: any;
     class?: any;
+    alt?: string | undefined;
+    sizes?: string | undefined;
+    srcset?: string | undefined;
+    gradient?: string | undefined;
+    lazySrc?: string | undefined;
+    selectedClass?: string | undefined;
+    reverseTransition?: string | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -850,21 +931,90 @@ declare const VCarouselItem: {
     "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    transition: string | boolean;
     style: vue.StyleValue;
+    eager: boolean;
+    disabled: boolean;
+    options: IntersectionObserverInit;
+    cover: boolean;
+    src: string | srcObject;
+    reverseTransition: string | boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    eager: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    value: null;
+    reverseTransition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    transition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    alt: StringConstructor;
+    cover: BooleanConstructor;
+    gradient: StringConstructor;
+    lazySrc: StringConstructor;
+    options: {
+        type: vue.PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+    sizes: StringConstructor;
+    src: {
+        type: vue.PropType<string | srcObject>;
+        default: string;
+    };
+    srcset: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
 }, vue.ExtractPropTypes<{
+    eager: BooleanConstructor;
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    value: null;
+    reverseTransition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    transition: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: undefined;
+    };
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    alt: StringConstructor;
+    cover: BooleanConstructor;
+    gradient: StringConstructor;
+    lazySrc: StringConstructor;
+    options: {
+        type: vue.PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+    sizes: StringConstructor;
+    src: {
+        type: vue.PropType<string | srcObject>;
+        default: string;
+    };
+    srcset: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
 }>>;
 type VCarouselItem = InstanceType<typeof VCarouselItem>;
 

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -7,14 +7,15 @@ import { makeVInputProps, VInput } from "../VInput/VInput.mjs";
 import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Composables
 import { useFocus } from "../../composables/focus.mjs"; // Utilities
 import { computed } from 'vue';
-import { filterInputAttrs, genericComponent, getUid, omit, useRender } from "../../util/index.mjs"; // Types
+import { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVCheckboxProps = propsFactory({
+  ...makeVInputProps(),
+  ...omit(makeVCheckboxBtnProps(), ['inline'])
+}, 'v-checkbox');
 export const VCheckbox = genericComponent()({
   name: 'VCheckbox',
   inheritAttrs: false,
-  props: {
-    ...makeVInputProps(),
-    ...omit(makeVCheckboxBtnProps(), ['inline'])
-  },
+  props: makeVCheckboxProps(),
   emits: {
     'update:focused': focused => true
   },

package/lib/components/VCheckbox/VCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","class","value","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    ...makeVInputProps(),\n    ...omit(makeVCheckboxBtnProps(), ['inline']),\n  },\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...inputAttrs }\n          { ...inputProps }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SAESA,eAAe,EAAEC,MAAM;AAAA,SACvBC,qBAAqB,EAAEC,YAAY,8BAE5C;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,gCAEpE;AAKA,OAAO,MAAMC,SAAS,GAAGJ,gBAAgB,EAAkB,CAAC;EAC1DK,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACL,GAAGd,eAAe,EAAE;IACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;EAC7C,CAAC;EAEDa,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAM;MAAEG,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGnB,QAAQ,CAACU,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGhB,MAAM,EAAE;IACpB,MAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDd,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,UAAU,EAAEC,YAAY,CAAC,GAAGrB,gBAAgB,CAACa,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG5B,MAAM,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG7B,YAAY,CAAC2B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAhC,MAAA,EAAAiC,WAAA;QAAA,SAEW,CACL,YAAY,EACZpB,KAAK,CAACqB,KAAK;MACZ,GACIT,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACW,KAAK;QAAA,WACHf,SAAS,CAACe,KAAK;QAAA,SACjBtB,KAAK,CAACuB;MAAK;QAGjB,GAAGjB,KAAK;QACRkB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRd,EAAE;YACFe,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAA9B,YAAA,EAAA+B,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACW,KAAK;YAAA,oBACMI,UAAU,CAACJ,KAAK;YAAA,YACxBK,UAAU,CAACL,KAAK;YAAA,YAChBM,UAAU,CAACN;UAAK,GACtBT,YAAY;YAAA,WACPL,KAAK;YAAA,UACNC;UAAI,IACHH,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCheckbox.mjs","names":["makeVInputProps","VInput","makeVCheckboxBtnProps","VCheckboxBtn","useFocus","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVCheckboxProps","VCheckbox","name","inheritAttrs","props","emits","focused","setup","_ref","attrs","slots","isFocused","focus","blur","uid","id","inputAttrs","controlAttrs","inputProps","_1","filterProps","checkboxProps","_2","_createVNode","_mergeProps","class","value","style","default","_ref2","messagesId","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Composables\nimport { useFocus } from '@/composables/focus'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '../VSelectionControl/VSelectionControl'\n\nexport type VCheckboxSlots = VInputSlots & VSelectionControlSlots\n\nexport const makeVCheckboxProps = propsFactory({\n  ...makeVInputProps(),\n  ...omit(makeVCheckboxBtnProps(), ['inline']),\n}, 'v-checkbox')\n\nexport const VCheckbox = genericComponent<VCheckboxSlots>()({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: makeVCheckboxProps(),\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { isFocused, focus, blur } = useFocus(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [checkboxProps, _2] = VCheckboxBtn.filterProps(props)\n\n      return (\n        <VInput\n          class={[\n            'v-checkbox',\n            props.class,\n          ]}\n          { ...inputAttrs }\n          { ...inputProps }\n          id={ id.value }\n          focused={ isFocused.value }\n          style={ props.style }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                aria-describedby={ messagesId.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                onFocus={ focus }\n                onBlur={ blur }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SAESA,eAAe,EAAEC,MAAM;AAAA,SACvBC,qBAAqB,EAAEC,YAAY,8BAE5C;AAAA,SACSC,QAAQ,uCAEjB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAElF;AAKA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7C,GAAGV,eAAe,EAAE;EACpB,GAAGS,IAAI,CAACP,qBAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC;AAC7C,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMW,SAAS,GAAGN,gBAAgB,EAAkB,CAAC;EAC1DO,IAAI,EAAE,WAAW;EAEjBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEJ,kBAAkB,EAAE;EAE3BK,KAAK,EAAE;IACL,gBAAgB,EAAGC,OAAgB,IAAK;EAC1C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAM;MAAEG,SAAS;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGrB,QAAQ,CAACY,KAAK,CAAC;IAElD,MAAMU,GAAG,GAAGlB,MAAM,EAAE;IACpB,MAAMmB,EAAE,GAAGtB,QAAQ,CAAC,MAAMW,KAAK,CAACW,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDf,SAAS,CAAC,MAAM;MACd,MAAM,CAACiB,UAAU,EAAEC,YAAY,CAAC,GAAGvB,gBAAgB,CAACe,KAAK,CAAC;MAC1D,MAAM,CAACS,UAAU,EAAEC,EAAE,CAAC,GAAG9B,MAAM,CAAC+B,WAAW,CAAChB,KAAK,CAAC;MAClD,MAAM,CAACiB,aAAa,EAAEC,EAAE,CAAC,GAAG/B,YAAY,CAAC6B,WAAW,CAAChB,KAAK,CAAC;MAE3D,OAAAmB,YAAA,CAAAlC,MAAA,EAAAmC,WAAA;QAAA,SAEW,CACL,YAAY,EACZpB,KAAK,CAACqB,KAAK;MACZ,GACIT,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACW,KAAK;QAAA,WACHf,SAAS,CAACe,KAAK;QAAA,SACjBtB,KAAK,CAACuB;MAAK;QAGjB,GAAGjB,KAAK;QACRkB,OAAO,EAAEC,KAAA;UAAA,IAAC;YACRd,EAAE;YACFe,UAAU;YACVC,UAAU;YACVC;UACF,CAAC,GAAAH,KAAA;UAAA,OAAAN,YAAA,CAAAhC,YAAA,EAAAiC,WAAA,CAEQH,aAAa;YAAA,MACbN,EAAE,CAACW,KAAK;YAAA,oBACMI,UAAU,CAACJ,KAAK;YAAA,YACxBK,UAAU,CAACL,KAAK;YAAA,YAChBM,UAAU,CAACN;UAAK,GACtBT,YAAY;YAAA,WACPL,KAAK;YAAA,UACNC;UAAI,IACHH,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -105,6 +105,7 @@ declare const VCheckbox: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -195,6 +196,7 @@ declare const VCheckbox: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -313,6 +315,7 @@ declare const VCheckbox: {
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
     } & {
@@ -393,6 +396,7 @@ declare const VCheckbox: {
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
+    defaultsTarget?: string | undefined;
     trueValue?: any;
     falseValue?: any;
 } & {
@@ -483,6 +487,7 @@ declare const VCheckbox: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultsTarget: StringConstructor;
     falseIcon: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
@@ -564,6 +569,7 @@ declare const VCheckbox: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultsTarget: StringConstructor;
     falseIcon: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
@@ -659,6 +665,7 @@ declare const VCheckboxBtn: {
             class?: any;
             theme?: string | undefined;
             modelValue?: any;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -726,6 +733,7 @@ declare const VCheckboxBtn: {
             class?: any;
             theme?: string | undefined;
             modelValue?: any;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -816,6 +824,7 @@ declare const VCheckboxBtn: {
         class?: any;
         theme?: string | undefined;
         modelValue?: any;
+        defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
     } & {
@@ -873,6 +882,7 @@ declare const VCheckboxBtn: {
     class?: any;
     theme?: string | undefined;
     modelValue?: any;
+    defaultsTarget?: string | undefined;
     trueValue?: any;
     falseValue?: any;
 } & {
@@ -920,14 +930,20 @@ declare const VCheckboxBtn: {
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     disabled: BooleanConstructor;
+    defaultsTarget: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
@@ -955,11 +971,6 @@ declare const VCheckboxBtn: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;
@@ -970,14 +981,20 @@ declare const VCheckboxBtn: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     disabled: BooleanConstructor;
+    defaultsTarget: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
@@ -1005,11 +1022,6 @@ declare const VCheckboxBtn: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;

package/lib/components/VChip/VChip.css

@@ -2,8 +2,10 @@
   align-items: center;
   cursor: default;
   display: inline-flex;
+  flex: 1 0;
   font-weight: 400;
   max-width: 100%;
+  min-width: 0;
   overflow: hidden;
   position: relative;
   text-decoration: none;
@@ -349,6 +351,12 @@
   border-radius: 4px;
 }
 
+.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .v-chip__filter,
 .v-chip__prepend,
 .v-chip__append,