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

package/lib/components/VSelect/VSelect.mjs

@@ -1,7 +1,8 @@
 import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
-import "./VSelect.css"; // Components
+import "./VSelect.css";
 
+// Components
 import { VDialogTransition } from "../transitions/index.mjs";
 import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
@@ -9,17 +10,14 @@ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
 import { VMenu } from "../VMenu/index.mjs";
 import { VTextField } from "../VTextField/index.mjs"; // Composables
-
 import { makeItemsProps, useItems } from "../../composables/items.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
 import { forwardRefs } from "../../composables/forwardRefs.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { IconValue } from "../../composables/icons.mjs"; // Utility
-
 import { computed, mergeProps, ref } from 'vue';
 import { genericComponent, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
-
 export const makeSelectProps = propsFactory({
   chips: Boolean,
   closableChips: Boolean,
@@ -51,7 +49,8 @@ export const makeSelectProps = propsFactory({
 }, 'select');
 export const VSelect = genericComponent()({
   name: 'VSelect',
-  props: { ...makeSelectProps(),
+  props: {
+    ...makeSelectProps(),
     ...makeTransitionProps({
       transition: {
         component: VDialogTransition
@@ -62,7 +61,6 @@ export const VSelect = genericComponent()({
     'update:modelValue': val => true,
     'update:menu': val => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -87,36 +85,28 @@ export const VSelect = genericComponent()({
       });
     });
     const selected = computed(() => selections.value.map(selection => selection.props.value));
-
     function onClear(e) {
       model.value = [];
-
       if (props.openOnClear) {
         menu.value = true;
       }
     }
-
     function onClickControl() {
       if (props.hideNoData && !items.value.length || props.readonly) return;
       menu.value = !menu.value;
     }
-
     function onKeydown(e) {
       if (props.readonly) return;
-
       if (['Enter', 'ArrowDown', ' '].includes(e.key)) {
         menu.value = true;
       }
-
       if (['Escape', 'Tab'].includes(e.key)) {
         menu.value = false;
       }
     }
-
     function select(item) {
       if (props.multiple) {
         const index = selected.value.findIndex(selection => selection === item.value);
-
         if (index === -1) {
           model.value = [...model.value, item];
         } else {
@@ -129,7 +119,6 @@ export const VSelect = genericComponent()({
         menu.value = false;
       }
     }
-
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       return _createVNode(VTextField, {
@@ -152,10 +141,10 @@ export const VSelect = genericComponent()({
         "onClick:control": onClickControl,
         "onBlur": () => menu.value = false,
         "onKeydown": onKeydown
-      }, { ...slots,
+      }, {
+        ...slots,
         default: () => {
           var _slots$noData, _slots$prependItem, _slots$appendItem;
-
           return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
@@ -175,7 +164,6 @@ export const VSelect = genericComponent()({
                 "title": t(props.noDataText)
               }, null)), (_slots$prependItem = slots['prepend-item']) == null ? void 0 : _slots$prependItem.call(slots), items.value.map((item, index) => {
                 var _slots$item;
-
                 return ((_slots$item = slots.item) == null ? void 0 : _slots$item.call(slots, {
                   item,
                   index,
@@ -205,13 +193,13 @@ export const VSelect = genericComponent()({
               e.preventDefault();
               select(item);
             }
-
             const slotProps = {
               'onClick:close': onChipClose,
-              modelValue: true
+              modelValue: true,
+              'onUpdate:modelValue': undefined
             };
             return _createVNode("div", {
-              "key": index,
+              "key": item.value,
               "class": "v-select__selection"
             }, [hasChips ? _createVNode(VDefaultsProvider, {
               "defaults": {
@@ -244,6 +232,5 @@ export const VSelect = genericComponent()({
       select
     }, vTextFieldRef);
   }
-
 });
 //# sourceMappingURL=VSelect.mjs.map

package/lib/components/VSelect/VSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSelect.mjs","names":["VDialogTransition","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeItemsProps","useItems","makeTransitionProps","forwardRefs","useLocale","useProxiedModel","IconValue","computed","mergeProps","ref","genericComponent","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","menu","menuIcon","type","default","menuProps","Object","modelValue","multiple","noDataText","String","openOnClear","readonly","itemChildren","VSelect","name","props","transition","component","emits","val","setup","slots","t","vTextFieldRef","items","transformIn","transformOut","model","v","transformed","selections","value","map","find","item","selected","selection","onClear","e","onClickControl","length","onKeydown","includes","key","select","index","findIndex","splice","hasChips","chip","join","externalValue","preventDefault","onClick","prepend","isSelected","undefined","onChipClose","stopPropagation","slotProps","closable","size","text","title"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeItemsProps, useItems } from '@/composables/items'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utility\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { InternalItem } from '@/composables/items'\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const makeSelectProps = propsFactory({\n  chips: Boolean,\n  closableChips: Boolean,\n  eager: Boolean,\n  hideNoData: Boolean,\n  hideSelected: Boolean,\n  menu: Boolean,\n  menuIcon: {\n    type: IconValue,\n    default: '$dropdown',\n  },\n  menuProps: {\n    type: Object as PropType<VMenu['$props']>,\n  },\n  modelValue: {\n    type: null,\n    default: () => ([]),\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n  readonly: Boolean,\n\n  ...makeItemsProps({ itemChildren: false }),\n}, 'select')\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VSelect = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: Readonly<V>\n    'onUpdate:modelValue'?: (val: V) => void\n  } & Omit<VTextField['$props'], 'modelValue' | 'onUpdate:modelValue'>\n  $slots: Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n    item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n    chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n    selection: [{ item: InternalItem<T>, index: number }]\n    'no-data': []\n  }>\n}>()({\n  name: 'VSelect',\n\n  props: {\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: { component: VDialogTransition } }),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref<VTextField>()\n    const menu = useProxiedModel(props, 'menu')\n    const { items, transformIn, transformOut } = useItems(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => item.value === v.value) || v\n      })\n    })\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n    function onClear (e: MouseEvent) {\n      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onClickControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly\n      ) return\n\n      menu.value = !menu.value\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly) return\n\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n    }\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => selection === item.value)\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n        menu.value = false\n      }\n    }\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ model.value.map(v => v.props.value).join(', ') }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          validationValue={ model.externalValue }\n          dirty={ model.value.length > 0 }\n          class={[\n            'v-select',\n            {\n              'v-select--active-menu': menu.value,\n              'v-select--chips': !!props.chips,\n              [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-select--selected': model.value.length,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          readonly\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onBlur={ () => menu.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-select__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  { ...props.menuProps }\n                >\n                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                    onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                  >\n                    { !items.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { slots['prepend-item']?.() }\n\n                    { items.value.map((item, index) => slots.item?.({\n                      item,\n                      index,\n                      props: mergeProps(item.props, { onClick: () => select(item) }),\n                    }) ?? (\n                      <VListItem\n                        key={ index }\n                        { ...item.props }\n                        onClick={ () => select(item) }\n                      >\n                        {{\n                          prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                            <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n                          ) : undefined,\n                        }}\n                      </VListItem>\n                    )) }\n\n                    { slots['append-item']?.() }\n                  </VList>\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                  }\n\n                  return (\n                    <div key={ index } class=\"v-select__selection\">\n                      { hasChips ? (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\n                            <span class=\"v-select__selection-text\">\n                              { item.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-select__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      menu,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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"}
+{"version":3,"file":"VSelect.mjs","names":["VDialogTransition","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeItemsProps","useItems","makeTransitionProps","forwardRefs","useLocale","useProxiedModel","IconValue","computed","mergeProps","ref","genericComponent","propsFactory","useRender","wrapInArray","makeSelectProps","chips","Boolean","closableChips","eager","hideNoData","hideSelected","menu","menuIcon","type","default","menuProps","Object","modelValue","multiple","noDataText","String","openOnClear","readonly","itemChildren","VSelect","name","props","transition","component","emits","val","setup","slots","t","vTextFieldRef","items","transformIn","transformOut","model","v","transformed","selections","value","map","find","item","selected","selection","onClear","e","onClickControl","length","onKeydown","includes","key","select","index","findIndex","splice","hasChips","chip","join","externalValue","preventDefault","onClick","prepend","isSelected","undefined","onChipClose","stopPropagation","slotProps","closable","size","text","title"],"sources":["../../../src/components/VSelect/VSelect.tsx"],"sourcesContent":["// Styles\nimport './VSelect.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeItemsProps, useItems } from '@/composables/items'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utility\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { InternalItem } from '@/composables/items'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const makeSelectProps = propsFactory({\n  chips: Boolean,\n  closableChips: Boolean,\n  eager: Boolean,\n  hideNoData: Boolean,\n  hideSelected: Boolean,\n  menu: Boolean,\n  menuIcon: {\n    type: IconValue,\n    default: '$dropdown',\n  },\n  menuProps: {\n    type: Object as PropType<VMenu['$props']>,\n  },\n  modelValue: {\n    type: null,\n    default: () => ([]),\n  },\n  multiple: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  openOnClear: Boolean,\n  readonly: Boolean,\n\n  ...makeItemsProps({ itemChildren: false }),\n}, 'select')\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VSelect = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V\n    'onUpdate:modelValue'?: (val: V) => void\n  } & Omit<VTextField['$props'], 'modelValue' | 'onUpdate:modelValue' | '$children'> & SlotsToProps<\n    Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n      item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      selection: [{ item: InternalItem<T>, index: number }]\n      'prepend-item': []\n      'append-item': []\n      'no-data': []\n    }>\n  >\n}>()({\n  name: 'VSelect',\n\n  props: {\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: { component: VDialogTransition } }),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref<VTextField>()\n    const menu = useProxiedModel(props, 'menu')\n    const { items, transformIn, transformOut } = useItems(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => item.value === v.value) || v\n      })\n    })\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n    function onClear (e: MouseEvent) {\n      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onClickControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly\n      ) return\n\n      menu.value = !menu.value\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly) return\n\n      if (['Enter', 'ArrowDown', ' '].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape', 'Tab'].includes(e.key)) {\n        menu.value = false\n      }\n    }\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => selection === item.value)\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n        menu.value = false\n      }\n    }\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ model.value.map(v => v.props.value).join(', ') }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          validationValue={ model.externalValue }\n          dirty={ model.value.length > 0 }\n          class={[\n            'v-select',\n            {\n              'v-select--active-menu': menu.value,\n              'v-select--chips': !!props.chips,\n              [`v-select--${props.multiple ? 'multiple' : 'single'}`]: true,\n              'v-select--selected': model.value.length,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          readonly\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onBlur={ () => menu.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-select__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  { ...props.menuProps }\n                >\n                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                    onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                  >\n                    { !items.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { slots['prepend-item']?.() }\n\n                    { items.value.map((item, index) => slots.item?.({\n                      item,\n                      index,\n                      props: mergeProps(item.props, { onClick: () => select(item) }),\n                    }) ?? (\n                      <VListItem\n                        key={ index }\n                        { ...item.props }\n                        onClick={ () => select(item) }\n                      >\n                        {{\n                          prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                            <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n                          ) : undefined,\n                        }}\n                      </VListItem>\n                    )) }\n\n                    { slots['append-item']?.() }\n                  </VList>\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div key={ item.value } class=\"v-select__selection\">\n                      { hasChips ? (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ item, index, props: slotProps })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\n                            <span class=\"v-select__selection-text\">\n                              { item.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-select__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      menu,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VSelect = InstanceType<typeof VSelect>\n"],"mappings":"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"}

package/lib/components/VSelect/VSelect.sass

@@ -4,6 +4,10 @@
 @use '../../styles/tools'
 @use './variables' as *
 
+@at-root
+  @include tools.density('v-input', $select-chips-margin-bottom) using ($modifier)
+    --select-chips-margin-bottom: #{0px + math.div($modifier, 2)}
+
 .v-select
   .v-field
     .v-text-field__prefix,
@@ -59,6 +63,7 @@
   &--chips
     .v-select__selection
       margin-top: $select-chips-margin-top
+      margin-bottom: var(--select-chips-margin-bottom)
 
       &:first-child
         margin-inline-start: 0
@@ -68,3 +73,4 @@
       .v-field__input
         > input
           opacity: 0
+

package/lib/components/VSelect/_variables.scss

@@ -7,3 +7,4 @@ $select-line-height: 1.75 !default;
 $select-transition: .2s settings.$standard-easing !default;
 $select-chips-control-min-height: 64px !default;
 $select-chips-margin-top: 2px !default;
+$select-chips-margin-bottom: ('default': 0, 'comfortable': 1, 'compact': 2) !default;