@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.6

package/lib/components/VAppBar/_variables.scss

@@ -2,6 +2,7 @@
 @use "../../styles/settings/variables";
 @use "../../styles/tools/functions";
 
+// VAppBar
 $app-bar-background: rgb(var(--v-theme-surface)) !default;
 $app-bar-border-color: variables.$border-color-root !default;
 $app-bar-border-radius: map.get(variables.$rounded, '0') !default;
@@ -29,6 +30,7 @@ $app-bar-title-font-size: functions.map-deep-get(variables.$typography, 'h5', 's
 $app-bar-title-padding: 6px 20px !default;
 $app-bar-transition: .2s variables.$standard-easing !default;
 
+// Lists
 $app-bar-border: (
   $app-bar-border-color,
   $app-bar-border-style,

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -3,6 +3,7 @@ import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createV
 import "./VAutocomplete.css"; // Components
 
 import { makeSelectProps } from "../VSelect/VSelect.mjs";
+import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
@@ -11,12 +12,12 @@ import { VTextField } from "../VTextField/index.mjs"; // Composables
 
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
-import { useItems } from "../../composables/items.mjs";
 import { useForwardRef } from "../../composables/forwardRef.mjs";
+import { useItems } from "../../composables/items.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
 
-import { computed, nextTick, ref, watch } from 'vue';
+import { computed, mergeProps, nextTick, ref, watch } from 'vue';
 import { genericComponent, useRender, wrapInArray } from "../../util/index.mjs"; // Types
 
 function highlightResult(text, matches, length) {
@@ -47,7 +48,8 @@ export const VAutocomplete = genericComponent()({
   emits: {
     'click:clear': e => true,
     'update:search': val => true,
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:menu': val => true
   },
 
   setup(props, _ref) {
@@ -60,7 +62,7 @@ export const VAutocomplete = genericComponent()({
     const vTextFieldRef = ref();
     const isFocused = ref(false);
     const isPristine = ref(true);
-    const menu = ref(false);
+    const menu = useProxiedModel(props, 'menu');
     const {
       items,
       transformIn,
@@ -68,8 +70,10 @@ export const VAutocomplete = genericComponent()({
     } = useItems(props);
     const search = useProxiedModel(props, 'search', '');
     const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      var _transformed$;
+
       const transformed = transformOut(v);
-      return props.multiple ? transformed : transformed[0];
+      return props.multiple ? transformed : (_transformed$ = transformed[0]) != null ? _transformed$ : null;
     });
     const {
       filteredItems
@@ -165,6 +169,10 @@ export const VAutocomplete = genericComponent()({
       return _createVNode(VTextField, {
         "ref": vTextFieldRef,
         "modelValue": search.value,
+        "onUpdate:modelValue": v => {
+          if (v == null) model.value = [];
+        },
+        "validationValue": props.modelValue,
         "onInput": onInput,
         "class": ['v-autocomplete', {
           'v-autocomplete--active-menu': menu.value,
@@ -172,7 +180,6 @@ export const VAutocomplete = genericComponent()({
           [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true
         }],
         "appendInnerIcon": props.menuIcon,
-        "dirty": selected.value.length > 0,
         "onClick:clear": onClear,
         "onClick:control": onClickControl,
         "onClick:input": onClickControl,
@@ -183,31 +190,51 @@ export const VAutocomplete = genericComponent()({
         default: () => {
           var _slots$noData, _slots$noData2;
 
-          return _createVNode(_Fragment, null, [_createVNode(VMenu, {
+          return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-autocomplete__content",
             "eager": props.eager,
             "openOnClick": false,
+            "closeOnContentClick": false,
             "transition": props.transition,
             "onAfterLeave": onAfterLeave
-          }, {
+          }, props.menuProps), {
             default: () => [_createVNode(VList, {
               "selected": selected.value,
-              "selectStrategy": props.multiple ? 'independent' : 'single-independent'
+              "selectStrategy": props.multiple ? 'independent' : 'single-independent',
+              "onMousedown": e => e.preventDefault()
             }, {
               default: () => [!filteredItems.value.length && !props.hideNoData && ((_slots$noData = (_slots$noData2 = slots['no-data']) == null ? void 0 : _slots$noData2.call(slots)) != null ? _slots$noData : _createVNode(VListItem, {
                 "title": t(props.noDataText)
-              }, null)), filteredItems.value.map(_ref2 => {
+              }, null)), filteredItems.value.map((_ref2, index) => {
+                var _slots$item, _slots$item2;
+
                 let {
                   item,
                   matches
                 } = _ref2;
-                return _createVNode(VListItem, _mergeProps(item.props, {
-                  "onMousedown": e => e.preventDefault(),
+                return (_slots$item = (_slots$item2 = slots.item) == null ? void 0 : _slots$item2.call(slots, {
+                  item,
+                  index,
+                  props: mergeProps(item.props, {
+                    onClick: () => select(item)
+                  })
+                })) != null ? _slots$item : _createVNode(VListItem, _mergeProps({
+                  "key": index
+                }, item.props, {
                   "onClick": () => select(item)
                 }), {
+                  prepend: _ref3 => {
+                    let {
+                      isSelected
+                    } = _ref3;
+                    return props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
+                      "modelValue": isSelected,
+                      "ripple": false
+                    }, null) : undefined;
+                  },
                   title: () => {
                     var _search$value$length, _search$value;
 
@@ -216,11 +243,11 @@ export const VAutocomplete = genericComponent()({
                 });
               })]
             })]
-          }), selections.value.map((selection, index) => {
+          }), selections.value.map((item, index) => {
             function onChipClose(e) {
               e.stopPropagation();
               e.preventDefault();
-              select(selection);
+              select(item);
             }
 
             const slotProps = {
@@ -228,27 +255,28 @@ export const VAutocomplete = genericComponent()({
               modelValue: true
             };
             return _createVNode("div", {
+              "key": index,
               "class": "v-autocomplete__selection"
             }, [hasChips ? _createVNode(VDefaultsProvider, {
               "defaults": {
                 VChip: {
                   closable: props.closableChips,
                   size: 'small',
-                  text: selection.props.title
+                  text: item.title
                 }
               }
             }, {
               default: () => [slots.chip ? slots.chip({
-                props: slotProps,
-                item: selection.originalItem,
-                index
+                item,
+                index,
+                props: slotProps
               }) : _createVNode(VChip, slotProps, null)]
             }) : slots.selection ? slots.selection({
-              item: selection.originalItem,
+              item,
               index
             }) : _createVNode("span", {
               "class": "v-autocomplete__selection-text"
-            }, [selection.props.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
+            }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
               "class": "v-autocomplete__selection-comma"
             }, [_createTextVNode(",")])])]);
           })]);
@@ -256,7 +284,12 @@ export const VAutocomplete = genericComponent()({
       });
     });
     return useForwardRef({
-      filteredItems
+      isFocused,
+      isPristine,
+      menu,
+      search,
+      filteredItems,
+      select
     }, vTextFieldRef);
   }
 

package/lib/components/VAutocomplete/VAutocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","useItems","useForwardRef","useLocale","useProxiedModel","computed","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","e","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","openOnClear","onClickControl","hideNoData","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","menuIcon","default","eager","noDataText","preventDefault","onChipClose","stopPropagation","slotProps","modelValue","closable","closableChips","size","originalItem"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\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 { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useItems } from '@/composables/items'\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\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 VAutocomplete = 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  }\n  $slots: VInputSlots & VFieldSlots & MakeSlots<{\n    chip: [{ item: T, index: number, props: Record<string, unknown> }]\n    selection: [{ item: T, index: number }]\n    'no-data': []\n  }>\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    search: String,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'update:search': (val: any) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const menu = ref(false)\n    const { items, transformIn, transformOut } = useItems(props)\n    const search = useProxiedModel(props, 'search', '')\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]\n      }\n    )\n    const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\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      search.value = ''\n    }\n    function onClickControl () {\n      if (props.hideNoData && !filteredItems.value.length) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n    }\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n    const isSelecting = ref(false)\n    function select (item: any) {\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          search.value = ''\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ search.value }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          dirty={ selected.value.length > 0 }\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.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-autocomplete__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                >\n                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                  >\n                    { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { filteredItems.value.map(({ item, matches }) => (\n                      <VListItem\n                        { ...item.props }\n                        onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                        onClick={ () => select(item) }\n                      >\n                        {{\n                          title: () => {\n                            return isPristine.value\n                              ? item.title\n                              : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n                          },\n                        }}\n                      </VListItem>\n                    )) }\n                  </VList>\n                </VMenu>\n\n                { selections.value.map((selection, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(selection)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                  }\n\n                  return (\n                    <div class=\"v-autocomplete__selection\">\n                      { hasChips ? (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: selection.props.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ props: slotProps, item: selection.originalItem, index })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item: selection.originalItem, index })\n                          : (\n                            <span class=\"v-autocomplete__selection-text\">\n                              { selection.props.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-autocomplete__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return useForwardRef({\n      filteredItems,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","useForwardRef","useItems","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","e","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","openOnClear","onClickControl","hideNoData","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","modelValue","menuIcon","default","eager","menuProps","preventDefault","noDataText","onClick","prepend","isSelected","hideSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\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 { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useItems } from '@/composables/items'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\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 VAutocomplete = 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  }\n  $slots: VInputSlots & VFieldSlots & MakeSlots<{\n    item: [{ item: T, index: number, props: Record<string, unknown> }]\n    chip: [{ item: T, index: number, props: Record<string, unknown> }]\n    selection: [{ item: T, index: number }]\n    'no-data': []\n  }>\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    search: String,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'update:search': (val: any) => true,\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()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const menu = useProxiedModel(props, 'menu')\n    const { items, transformIn, transformOut } = useItems(props)\n    const search = useProxiedModel(props, 'search', '')\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 { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\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      search.value = ''\n    }\n    function onClickControl () {\n      if (props.hideNoData && !filteredItems.value.length) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n    }\n\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n\n    const isSelecting = ref(false)\n\n    function select (item: any) {\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          search.value = ''\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          validationValue={ props.modelValue }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.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-autocomplete__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\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                    { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { filteredItems.value.map(({ item, matches }, 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                          title: () => {\n                            return isPristine.value\n                              ? item.title\n                              : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n                          },\n                        }}\n                      </VListItem>\n                    )) }\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-autocomplete__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-autocomplete__selection-text\">\n                              { item.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-autocomplete__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return useForwardRef({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}

package/lib/components/VAutocomplete/VAutocomplete.sass

@@ -1,10 +1,8 @@
-@forward './variables'
 @use 'sass:selector'
 @use 'sass:math'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
-@use '../VInput/variables' as *
 
 .v-autocomplete
   .v-field

package/lib/components/VAvatar/VAvatar.css

@@ -39,5 +39,5 @@
   width: calc(var(--v-avatar-height) + -8px);
 }
 .v-avatar--rounded {
-  @includes tools.rounded($avatar-rounded-border-radius);
+  border-radius: 4px;
 }

package/lib/components/VAvatar/VAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","IconValue","defineComponent","propsFactory","useRender","toRef","makeVAvatarProps","color","String","start","Boolean","end","icon","image","VAvatar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVAvatarProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n})\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n\n        { props.image\n          ? (<VImg src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon icon={ props.icon } />)\n            : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,K;SACAC,I,6BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB;SACAC,S,uCAET;;SACSC,e,EAAiBC,Y,EAAcC,S;AACxC,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,YAAY,CAAC;EAC3CI,KAAK,EAAEC,MADoC;EAE3CC,KAAK,EAAEC,OAFoC;EAG3CC,GAAG,EAAED,OAHsC;EAI3CE,IAAI,EAAEX,SAJqC;EAK3CY,KAAK,EAAEL,MALoC;EAO3C,GAAGf,gBAAgB,EAPwB;EAQ3C,GAAGE,gBAAgB,EARwB;EAS3C,GAAGE,aAAa,EAT2B;EAU3C,GAAGE,YAAY;AAV4B,CAAD,CAArC;AAaP,OAAO,MAAMe,OAAO,GAAGZ,eAAe,CAAC;EACrCa,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEV,gBAAgB,EAHc;;EAKrCW,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,sBAAF;MAA0BC;IAA1B,IAAoDpB,kBAAkB,CAACK,KAAK,CAACW,KAAD,EAAQ,OAAR,CAAN,CAA5E;IACA,MAAM;MAAEK;IAAF,IAAqB3B,UAAU,CAACsB,KAAD,CAArC;IACA,MAAM;MAAEM;IAAF,IAAqB1B,UAAU,CAACoB,KAAD,CAArC;IACA,MAAM;MAAEO,WAAF;MAAeC;IAAf,IAA8B1B,OAAO,CAACkB,KAAD,CAA3C;IAEAZ,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,UADK,EAEL;UACE,mBAAmBY,KAAK,CAACP,KAD3B;UAEE,iBAAiBO,KAAK,CAACL;QAFzB,CAFK,EAMLQ,sBAAsB,CAACM,KANlB,EAOLJ,cAAc,CAACI,KAPV,EAQLH,cAAc,CAACG,KARV,EASLF,WAAW,CAACE,KATP,CAFD;QAAA,SAaC,CACLL,qBAAqB,CAACK,KADjB,EAELD,UAAU,CAACC,KAFN;MAbD;QAAA,gBAmBJT,KAAK,CAACH,KAAN;UAAA,OACeG,KAAK,CAACH,KADrB;UAAA,OACiC;QADjC,WAEEG,KAAK,CAACJ,IAAN;UAAA,QACiBI,KAAK,CAACJ;QADvB,6BAEEM,KAAK,CAACQ,OAFR,qBAEE,oBAAAR,KAAK,CAvBL;MAAA;IAAA,CAAD,CAAT;IA4BA,OAAO,EAAP;EACD;;AAxCoC,CAAD,CAA/B"}
+{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","IconValue","defineComponent","propsFactory","useRender","toRef","makeVAvatarProps","color","String","start","Boolean","end","icon","image","VAvatar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVAvatarProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n})\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon icon={ props.icon } />)\n            : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,K;SACAC,I,6BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB;SACAC,S,uCAET;;SACSC,e,EAAiBC,Y,EAAcC,S;AACxC,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,YAAY,CAAC;EAC3CI,KAAK,EAAEC,MADoC;EAE3CC,KAAK,EAAEC,OAFoC;EAG3CC,GAAG,EAAED,OAHsC;EAI3CE,IAAI,EAAEX,SAJqC;EAK3CY,KAAK,EAAEL,MALoC;EAO3C,GAAGf,gBAAgB,EAPwB;EAQ3C,GAAGE,gBAAgB,EARwB;EAS3C,GAAGE,aAAa,EAT2B;EAU3C,GAAGE,YAAY;AAV4B,CAAD,CAArC;AAaP,OAAO,MAAMe,OAAO,GAAGZ,eAAe,CAAC;EACrCa,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEV,gBAAgB,EAHc;;EAKrCW,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,sBAAF;MAA0BC;IAA1B,IAAoDpB,kBAAkB,CAACK,KAAK,CAACW,KAAD,EAAQ,OAAR,CAAN,CAA5E;IACA,MAAM;MAAEK;IAAF,IAAqB3B,UAAU,CAACsB,KAAD,CAArC;IACA,MAAM;MAAEM;IAAF,IAAqB1B,UAAU,CAACoB,KAAD,CAArC;IACA,MAAM;MAAEO,WAAF;MAAeC;IAAf,IAA8B1B,OAAO,CAACkB,KAAD,CAA3C;IAEAZ,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,UADK,EAEL;UACE,mBAAmBY,KAAK,CAACP,KAD3B;UAEE,iBAAiBO,KAAK,CAACL;QAFzB,CAFK,EAMLQ,sBAAsB,CAACM,KANlB,EAOLJ,cAAc,CAACI,KAPV,EAQLH,cAAc,CAACG,KARV,EASLF,WAAW,CAACE,KATP,CAFD;QAAA,SAaC,CACLL,qBAAqB,CAACK,KADjB,EAELD,UAAU,CAACC,KAFN;MAbD;QAAA,gBAkBJT,KAAK,CAACH,KAAN;UAAA,OACeG,KAAK,CAACH,KADrB;UAAA,OACiC;QADjC,WAEEG,KAAK,CAACJ,IAAN;UAAA,QACiBI,KAAK,CAACJ;QADvB,6BAEEM,KAAK,CAACQ,OAFR,qBAEE,oBAAAR,KAAK,CAtBL;MAAA;IAAA,CAAD,CAAT;IA2BA,OAAO,EAAP;EACD;;AAvCoC,CAAD,CAA/B"}

package/lib/components/VAvatar/VAvatar.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './mixins' as *
 @use './variables' as *
@@ -19,4 +18,4 @@
   @include tools.theme($avatar-theme...)
 
   &--rounded
-    @includes tools.rounded($avatar-rounded-border-radius)
+    @include tools.rounded($avatar-rounded-border-radius)

package/lib/components/VAvatar/_mixins.scss

@@ -1,4 +1,3 @@
-@forward './variables';
 @use 'sass:map';
 @use 'sass:meta';
 @use '../../styles/settings';

package/lib/components/VBadge/VBadge.mjs

@@ -4,17 +4,17 @@ import "./VBadge.css"; // Components
 
 import { VIcon } from "../VIcon/index.mjs"; // Composables
 
+import { IconValue } from "../../composables/icons.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, useTheme } from "../../composables/theme.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
-import { useLocale } from "../../composables/locale.mjs";
-import { makeLocationProps, useLocation } from "../../composables/location.mjs";
-import { IconValue } from "../../composables/icons.mjs"; // Utilities
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
 
+import { defineComponent, pick, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
-import { defineComponent, pick } from "../../util/index.mjs";
 export const VBadge = defineComponent({
   name: 'VBadge',
   inheritAttrs: false,
@@ -75,7 +75,7 @@ export const VBadge = defineComponent({
       const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
       return base + (['top', 'bottom'].includes(side) ? +((_props$offsetY = props.offsetY) != null ? _props$offsetY : 0) : ['left', 'right'].includes(side) ? +((_props$offsetX = props.offsetX) != null ? _props$offsetX : 0) : 0);
     });
-    return () => {
+    useRender(() => {
       var _ctx$slots$default, _ctx$slots, _ctx$slots$badge, _ctx$slots2;
 
       const value = Number(props.content);
@@ -95,7 +95,7 @@ export const VBadge = defineComponent({
           "transition": props.transition
         }, {
           default: () => [_withDirectives(_createVNode("span", _mergeProps({
-            "class": ['v-badge__badge', backgroundColorClasses.value, roundedClasses.value, textColorClasses.value, themeClasses.value],
+            "class": ['v-badge__badge', themeClasses.value, backgroundColorClasses.value, roundedClasses.value, textColorClasses.value],
             "style": [backgroundColorStyles.value, textColorStyles.value, props.inline ? {} : locationStyles.value],
             "aria-atomic": "true",
             "aria-label": t(props.label, value),
@@ -106,7 +106,8 @@ export const VBadge = defineComponent({
           }, null) : content]), [[_vShow, props.modelValue]])]
         })])]
       });
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VBadge/VBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBadge.mjs","names":["VIcon","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","makeLocationProps","useLocation","IconValue","toRef","defineComponent","pick","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent, pick } from '@/util'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: IconValue,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n\n    ...makeLocationProps({ location: 'top end' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    return () => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                  themeClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}
+{"version":3,"file":"VBadge.mjs","names":["VIcon","IconValue","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","defineComponent","pick","useRender","toRef","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { defineComponent, pick, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: IconValue,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n\n    ...makeLocationProps({ location: 'top end' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    useRender(() => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}

package/lib/components/VBadge/VBadge.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VBadge/_variables.scss

@@ -1,7 +1,6 @@
 @use '../../styles/settings';
 
-// Defaults
-
+// VBadge
 $badge-background: rgb(var(--v-theme-surface-variant)) !default;
 $badge-color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity)) !default;
 $badge-border-color: rgb(var(--v-theme-background)) !default;
@@ -26,6 +25,7 @@ $badge-padding: 4px 6px !default;
 $badge-transition: .225s settings.$standard-easing !default;
 $badge-wrapper-margin: 0 4px !default;
 
+// Lists
 $badge-theme: (
   $badge-background,
   $badge-color

package/lib/components/VBanner/VBanner.css

@@ -1,9 +1,8 @@
 .v-banner {
-  align-items: center;
   display: grid;
   flex: 1 1;
   font-size: 0.875rem;
-  grid-template-areas: "prepend text actions";
+  grid-template-areas: "prepend content actions";
   grid-template-columns: max-content auto max-content;
   grid-template-rows: max-content max-content;
   line-height: 1.375rem;
@@ -39,7 +38,7 @@
   border-radius: 4px;
 }
 .v-banner--stacked:not(.v-banner--one-line) {
-  grid-template-areas: "prepend text" ". actions";
+  grid-template-areas: "prepend content" ". actions";
 }
 .v-banner--stacked .v-banner-text {
   padding-inline-end: 36px;
@@ -117,8 +116,10 @@
   top: 0;
 }
 
-.v-banner-avatar,
-.v-banner-icon,
+.v-banner__content {
+  grid-area: content;
+}
+
 .v-banner__prepend {
   align-self: flex-start;
   grid-area: prepend;
@@ -139,9 +140,8 @@
 .v-banner-text {
   -webkit-box-orient: vertical;
   display: -webkit-box;
-  grid-area: text;
-  overflow: hidden;
   padding-inline-end: 90px;
+  overflow: hidden;
 }
 .v-banner--one-line .v-banner-text {
   -webkit-line-clamp: 1;

package/lib/components/VBanner/VBanner.mjs

@@ -1,11 +1,11 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VBanner.css"; // Components
 
+import { VAvatar } from "../VAvatar/index.mjs";
 import { VBannerActions } from "./VBannerActions.mjs";
-import { VBannerAvatar } from "./VBannerAvatar.mjs";
-import { VBannerIcon } from "./VBannerIcon.mjs";
-import { VBannerText } from "./VBannerText.mjs"; // Composables
+import { VBannerText } from "./VBannerText.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
 
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
@@ -81,15 +81,6 @@ export const VBanner = defineComponent({
       VBannerActions: {
         color,
         density
-      },
-      VBannerAvatar: {
-        density,
-        image: toRef(props, 'avatar')
-      },
-      VBannerIcon: {
-        color,
-        density,
-        icon: toRef(props, 'icon')
       }
     });
     useRender(() => {
@@ -106,11 +97,27 @@ export const VBanner = defineComponent({
         "style": [dimensionStyles.value, locationStyles.value],
         "role": "banner"
       }, {
-        default: () => [hasPrepend && _createVNode(_Fragment, null, [slots.prepend ? _createVNode("div", {
-          "class": "v-banner__prepend"
-        }, [slots.prepend()]) : props.avatar ? _createVNode(VBannerAvatar, null, null) : props.icon ? _createVNode(VBannerIcon, null, null) : undefined]), hasText && _createVNode(VBannerText, null, {
+        default: () => [hasPrepend && _createVNode(VDefaultsProvider, {
+          "key": "prepend",
+          "defaults": {
+            VAvatar: {
+              color: color.value,
+              density: density.value,
+              icon: props.icon,
+              image: props.avatar
+            }
+          }
+        }, {
+          default: () => [_createVNode("div", {
+            "class": "v-banner__prepend"
+          }, [slots.prepend ? slots.prepend() : (props.avatar || props.icon) && _createVNode(VAvatar, null, null)])]
+        }), _createVNode("div", {
+          "class": "v-banner__content"
+        }, [hasText && _createVNode(VBannerText, {
+          "key": "text"
+        }, {
           default: () => [slots.text ? slots.text() : props.text]
-        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.actions && _createVNode(VBannerActions, null, {
+        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), slots.actions && _createVNode(VBannerActions, null, {
           default: () => [slots.actions()]
         })]
       });