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

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -230,7 +230,7 @@ export const VAutocomplete = genericComponent()({
                     let {
                       isSelected
                     } = _ref3;
-                    return props.multiple ? _createVNode(VCheckboxBtn, {
+                    return props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
                       "modelValue": isSelected,
                       "ripple": false
                     }, null) : undefined;

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

@@ -1 +1 @@
-{"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","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 ? (\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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"}
+{"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/VBreadcrumbs/VBreadcrumbs.css

@@ -1,4 +1,6 @@
 .v-breadcrumbs {
+  display: flex;
+  align-items: center;
   line-height: 1.375rem;
   padding: 16px 12px;
 }
@@ -6,18 +8,23 @@
   border-radius: 4px;
 }
 .v-breadcrumbs--density-default {
-  padding-top: 16px 12px0px;
-  padding-bottom: 16px 12px0px;
+  padding-top: 16px;
+  padding-bottom: 16px;
 }
 
 .v-breadcrumbs--density-comfortable {
-  padding-top: 16px 12px-4px;
-  padding-bottom: 16px 12px-4px;
+  padding-top: 12px;
+  padding-bottom: 12px;
 }
 
 .v-breadcrumbs--density-compact {
-  padding-top: 16px 12px-8px;
-  padding-bottom: 16px 12px-8px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.v-breadcrumbs__prepend {
+  align-items: center;
+  display: inline-flex;
 }
 
 .v-breadcrumbs-item {

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs

@@ -71,11 +71,7 @@ export const VBreadcrumbs = genericComponent()({
         "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
         "style": backgroundColorStyles.value
       }, {
-        default: () => [props.icon && _createVNode(VIcon, {
-          "key": "icon",
-          "icon": props.icon,
-          "left": true
-        }, null), hasPrepend && _createVNode(VDefaultsProvider, {
+        default: () => [hasPrepend && _createVNode(VDefaultsProvider, {
           "key": "prepend",
           "defaults": {
             VIcon: {

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","genericComponent","useRender","toRef","VBreadcrumbs","name","props","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","hasPrepend","prepend","value","start","map","item","index","array","length","title","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { LinkProps } from '@/composables/router'\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n  disabled?: boolean\n})\n\nexport const VBreadcrumbs = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    default: []\n    item: [T | number]\n  }>\n}>()({\n  name: 'VBreadcrumbs',\n\n  props: {\n    activeClass: String,\n    activeColor: String,\n    bgColor: String,\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: IconValue,\n    items: {\n      type: Array as PropType<BreadcrumbItem[]>,\n      default: () => ([]),\n    },\n\n    ...makeDensityProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'ul' }),\n  },\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n          ]}\n          style={ backgroundColorStyles.value }\n        >\n          { props.icon && (\n            <VIcon key=\"icon\" icon={ props.icon } left />\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.icon,\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-breadcrumbs__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : props.icon && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          { props.items.map((item, index, array) => (\n            <>\n              <VBreadcrumbsItem\n                key={ index }\n                disabled={ index >= array.length - 1 }\n                { ...(typeof item === 'string' ? { title: item } : item) }\n                v-slots={{\n                  default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                }}\n              />\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider>\n                  { slots.divider?.({ item, index }) ?? props.divider }\n                </VBreadcrumbsDivider>\n              ) }\n            </>\n          )) }\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}
+{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","genericComponent","useRender","toRef","VBreadcrumbs","name","props","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","hasPrepend","prepend","value","start","map","item","index","array","length","title","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { LinkProps } from '@/composables/router'\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n  disabled?: boolean\n})\n\nexport const VBreadcrumbs = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  }\n  $slots: MakeSlots<{\n    default: []\n    item: [T | number]\n  }>\n}>()({\n  name: 'VBreadcrumbs',\n\n  props: {\n    activeClass: String,\n    activeColor: String,\n    bgColor: String,\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: IconValue,\n    items: {\n      type: Array as PropType<BreadcrumbItem[]>,\n      default: () => ([]),\n    },\n\n    ...makeDensityProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'ul' }),\n  },\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n          ]}\n          style={ backgroundColorStyles.value }\n        >\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.icon,\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-breadcrumbs__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : props.icon && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          { props.items.map((item, index, array) => (\n            <>\n              <VBreadcrumbsItem\n                key={ index }\n                disabled={ index >= array.length - 1 }\n                { ...(typeof item === 'string' ? { title: item } : item) }\n                v-slots={{\n                  default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                }}\n              />\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider>\n                  { slots.divider?.({ item, index }) ?? props.divider }\n                </VBreadcrumbsDivider>\n              ) }\n            </>\n          )) }\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.sass

@@ -2,17 +2,22 @@
 @use './variables' as *
 
 .v-breadcrumbs
+  display: flex
+  align-items: center
   line-height: $breadcrumbs-line-height
-  padding: $breadcrumbs-padding
+  padding: $breadcrumbs-padding-y $breadcrumbs-padding-x
 
   &--rounded
     @include tools.rounded($breadcrumbs-rounded-border-radius)
 
   @at-root
     @include tools.density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
-      padding-top: $breadcrumbs-padding + $modifier
-      padding-bottom: $breadcrumbs-padding + $modifier
+      padding-top: #{$breadcrumbs-padding-y + $modifier}
+      padding-bottom: #{$breadcrumbs-padding-y + $modifier}
 
+.v-breadcrumbs__prepend
+  align-items: center
+  display: inline-flex
 
 .v-breadcrumbs-item
   align-items: center

package/lib/components/VBreadcrumbs/_variables.scss

@@ -11,6 +11,7 @@ $breadcrumbs-item-icon-margin-inline-start: -4px !default;
 $breadcrumbs-item-link-text-decoration: underline !default;
 $breadcrumbs-item-padding: 0 4px !default;
 $breadcrumbs-line-height: tools.map-deep-get(settings.$typography, 'subtitle-2', 'line-height') !default;
-$breadcrumbs-padding: 16px 12px !default;
+$breadcrumbs-padding-y: 16px !default;
+$breadcrumbs-padding-x: 12px !default;
 $breadcrumbs-rounded-border-radius: settings.$border-radius-root !default;
 $breadcrumbs-vertical-align: middle !default;

package/lib/components/VBtn/VBtn.css

@@ -1,7 +1,7 @@
 .v-btn {
   align-items: center;
   border-radius: 4px;
-  display: grid;
+  display: inline-grid;
   grid-template-areas: "prepend content append";
   grid-template-columns: max-content auto max-content;
   font-weight: 500;
@@ -65,7 +65,7 @@
 }
 
 .v-btn.v-btn--density-default {
-  height: calc(var(--v-btn-height) + 4px);
+  height: calc(var(--v-btn-height) + 0px);
 }
 
 .v-btn.v-btn--density-comfortable {
@@ -169,15 +169,17 @@
   border-radius: 50%;
   min-width: 0;
   padding: 0;
+}
+.v-btn--icon.v-btn--size-default {
   font-size: 1rem;
 }
 .v-btn--icon.v-btn--density-default {
-  width: calc(var(--v-btn-height) + 4px);
-  height: calc(var(--v-btn-height) + 4px);
+  width: calc(var(--v-btn-height) + 12px);
+  height: calc(var(--v-btn-height) + 12px);
 }
 .v-btn--icon.v-btn--density-comfortable {
-  width: calc(var(--v-btn-height) + -8px);
-  height: calc(var(--v-btn-height) + -8px);
+  width: calc(var(--v-btn-height) + 0px);
+  height: calc(var(--v-btn-height) + 0px);
 }
 .v-btn--icon.v-btn--density-compact {
   width: calc(var(--v-btn-height) + -8px);
@@ -203,13 +205,14 @@
 }
 .v-btn--disabled.v-btn--disabled {
   color: rgba(var(--v-theme-on-surface), 0.26);
-  opacity: 1;
+  opacity: 0.4615384615;
 }
-.v-btn--disabled.v-btn--variant-elevated {
+.v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
   background: rgb(var(--v-theme-surface));
   box-shadow: none;
+  opacity: 1;
 }
-.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay {
+.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
   opacity: 0.4615384615;
 }
 .v-btn--loading {
@@ -338,16 +341,20 @@
 }
 
 .v-btn__overlay {
+  background-color: currentColor;
+  border-radius: inherit;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.v-btn__overlay,
+.v-btn__underlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: currentColor;
-  border-radius: inherit;
   pointer-events: none;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
 }
 
 .v-app-bar .v-btn {

package/lib/components/VBtn/VBtn.mjs

@@ -69,6 +69,9 @@ export const VBtn = defineComponent({
       variant: 'elevated'
     })
   },
+  emits: {
+    'group:selected': val => true
+  },
 
   setup(props, _ref) {
     let {
@@ -155,10 +158,10 @@ export const VBtn = defineComponent({
             }
           }
         }, {
-          default: () => [_createVNode("div", {
+          default: () => [_createVNode("span", {
             "class": "v-btn__prepend"
           }, [(_slots$prepend = (_slots$prepend2 = slots.prepend) == null ? void 0 : _slots$prepend2.call(slots)) != null ? _slots$prepend : _createVNode(VIcon, null, null)])]
-        }), _createVNode("div", {
+        }), _createVNode("span", {
           "class": "v-btn__content",
           "data-no-activator": ""
         }, [_createVNode(VDefaultsProvider, {
@@ -180,7 +183,7 @@ export const VBtn = defineComponent({
             }
           }
         }, {
-          default: () => [_createVNode("div", {
+          default: () => [_createVNode("span", {
             "class": "v-btn__append"
           }, [(_slots$append = (_slots$append2 = slots.append) == null ? void 0 : _slots$append2.call(slots)) != null ? _slots$append : _createVNode(VIcon, null, null)])]
         }), !!props.loading && _createVNode("span", {

package/lib/components/VBtn/VBtn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","Boolean","symbol","type","default","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","group","link","isDisabled","disabled","value","isElevated","border","select","Tag","isLink","hasColor","isSelected","hasPrepend","prepend","hasAppend","append","undefined","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': props.active,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: typeof props.icon === 'string'\n                    ? props.icon\n                    : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                typeof props.icon === 'string' && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </div>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}
+{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","Boolean","symbol","type","default","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","group","link","isDisabled","disabled","value","isElevated","border","select","Tag","isLink","hasColor","isSelected","hasPrepend","prepend","hasAppend","append","undefined","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': props.active,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: typeof props.icon === 'string'\n                    ? props.icon\n                    : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                typeof props.icon === 'string' && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}

package/lib/components/VBtn/VBtn.sass

@@ -8,7 +8,7 @@
 .v-btn
   align-items: center
   border-radius: $button-border-radius
-  display: grid
+  display: inline-grid
   grid-template-areas: "prepend content append"
   grid-template-columns: max-content auto max-content
   font-weight: $button-font-weight
@@ -53,7 +53,11 @@
     border-radius: $button-icon-border-radius
     min-width: 0
     padding: 0
-    font-size: $button-icon-font-size
+
+    // ensure that default
+    // v-icon size is 24px
+    &.v-btn--size-default
+      font-size: $button-icon-font-size
 
     @at-root &
       @include button-density(('width', 'height'), $button-icon-density)
@@ -77,18 +81,22 @@
   &--disabled
     pointer-events: none
 
+    // This is multiplied by the text opacity,
+    // so we need to divide it to get the desired value
+    $button-overlay-opacity: math.div($button-disabled-overlay, $button-disabled-opacity)
+
     &.v-btn--disabled
       color: rgba(var(--v-theme-on-surface), $button-disabled-opacity)
-      opacity: 1
+      opacity: $button-overlay-opacity
 
-    &.v-btn--variant-elevated
+    &.v-btn--variant-elevated,
+    &.v-btn--variant-flat
       background: rgb(var(--v-theme-surface))
       box-shadow: none
+      opacity: 1
 
       .v-btn__overlay
-        // This is multiplied by the text opacity,
-        // so we need to divide it to get the desired value
-        opacity: math.div($button-disabled-overlay, $button-disabled-opacity)
+        opacity: $button-overlay-opacity
 
   &--loading
     pointer-events: none
@@ -165,13 +173,16 @@
     white-space: normal
 
 .v-btn__overlay
-  @include tools.absolute()
   background-color: currentColor
   border-radius: inherit
-  pointer-events: none
   opacity: 0
   transition: opacity .2s ease-in-out
 
+.v-btn__overlay,
+.v-btn__underlay
+  @include tools.absolute()
+  pointer-events: none
+
 // VAppBar
 .v-btn
   .v-app-bar &

package/lib/components/VBtn/_variables.scss

@@ -28,7 +28,6 @@ $button-height: 36px !default;
 $button-stacked-height: 72px !default;
 $button-icon-border-radius: map.get(settings.$rounded, 'circle') !default;
 $button-icon-font-size: 1rem !default;
-$button-icon-size: 40px !default;
 $button-line-height: normal !default;
 $button-stacked-line-height: 1.25 !default;
 $button-plain-opacity: .62 !default;
@@ -50,9 +49,9 @@ $button-stacked-width-ratio: 1 !default;
 $button-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;
 $button-white-space: nowrap !default;
 
-$button-density: ('default': 1, 'comfortable': -2, 'compact': -3) !default;
+$button-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;
 $button-stacked-density: ('default': 0, 'comfortable': -4, 'compact': -6) !default;
-$button-icon-density: ('default': 1, 'comfortable': -2, 'compact': -2) !default;
+$button-icon-density: ('default': 3, 'comfortable': 0, 'compact': -2) !default;
 
 $button-border: (
   $button-border-color,

package/lib/components/VBtnGroup/VBtnGroup.css

@@ -18,7 +18,7 @@
   box-shadow: none;
 }
 .v-btn-group--density-default.v-btn-group {
-  height: 52px;
+  height: 48px;
 }
 
 .v-btn-group--density-comfortable.v-btn-group {

package/lib/components/VCard/VCard.css

@@ -1,6 +1,7 @@
 .v-card {
   display: block;
   overflow: hidden;
+  overflow-wrap: break-word;
   position: relative;
   padding: 0;
   text-decoration: none;
@@ -88,7 +89,7 @@
   pointer-events: none;
   user-select: none;
 }
-.v-card--disabled > [class*=v-card-] {
+.v-card--disabled > :not(.v-card__loader) {
   opacity: 0.6;
 }
 .v-card--flat {
@@ -234,8 +235,6 @@
   letter-spacing: 0.0178571429em;
   padding: 1rem;
   text-transform: none;
-  transition: inherit;
-  transition-property: color, opacity;
 }
 .v-card .v-card-text {
   line-height: 1.25rem;
@@ -272,6 +271,7 @@
   position: absolute;
   right: 0;
   width: 100%;
+  z-index: 1;
 }
 
 .v-card__overlay {

package/lib/components/VCard/VCard.sass

@@ -5,6 +5,7 @@
 .v-card
   display: block
   overflow: hidden
+  overflow-wrap: $card-overflow-wrap
   position: relative
   padding: $card-padding
   text-decoration: none
@@ -23,7 +24,7 @@
     pointer-events: none
     user-select: none
 
-    > [class*='v-card-']
+    >:not(.v-card__loader)
       opacity: $card-disabled-opacity
 
   &--flat
@@ -153,8 +154,6 @@
   letter-spacing: $card-text-letter-spacing
   padding: $card-text-padding
   text-transform: $card-text-text-transform
-  transition: inherit
-  transition-property: color, opacity
 
   @include card-line-height-densities($card-text-densities)
 
@@ -181,6 +180,7 @@
   position: absolute
   right: 0
   width: 100%
+  z-index: 1
 
 .v-card__overlay
   background-color: currentColor

package/lib/components/VCard/_variables.scss

@@ -24,6 +24,7 @@ $card-hover-elevation: 8 !default;
 $card-img-flex: 1 1 auto !default;
 $card-item-align-items: center !default;
 $card-item-padding: .625rem 1rem !default;
+$card-overflow-wrap: break-word !default;
 $card-padding: 0 !default;
 $card-plain-opacity: .62 !default;
 $card-positions: absolute fixed !default;

package/lib/components/VChip/VChip.mjs

@@ -82,7 +82,8 @@ export const VChip = defineComponent({
   emits: {
     'click:close': e => true,
     'update:active': value => true,
-    'update:modelValue': value => true
+    'update:modelValue': value => true,
+    'group:selected': val => true
   },
 
   setup(props, _ref) {