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

package/lib/components/VChip/VChip.mjs

@@ -1,9 +1,12 @@
 import { resolveDirective as _resolveDirective, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+
+/* eslint-disable complexity */
 // Styles
 import "./VChip.css"; // Components
 
 import { VAvatar } from "../VAvatar/index.mjs";
 import { VChipGroupSymbol } from "../VChipGroup/VChipGroup.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VExpandXTransition } from "../transitions/index.mjs";
 import { VIcon } from "../VIcon/index.mjs"; // Composables
 
@@ -17,7 +20,8 @@ import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Directives
 
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
@@ -30,10 +34,10 @@ export const VChip = defineComponent({
   props: {
     activeClass: String,
     appendAvatar: String,
-    appendIcon: String,
+    appendIcon: IconValue,
     closable: Boolean,
     closeIcon: {
-      type: String,
+      type: IconValue,
       default: '$delete'
     },
     closeLabel: {
@@ -50,7 +54,7 @@ export const VChip = defineComponent({
     link: Boolean,
     pill: Boolean,
     prependAvatar: String,
-    prependIcon: String,
+    prependIcon: IconValue,
     ripple: {
       type: Boolean,
       default: true
@@ -72,7 +76,7 @@ export const VChip = defineComponent({
     }),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-text'
+      variant: 'tonal'
     })
   },
   emits: {
@@ -87,10 +91,6 @@ export const VChip = defineComponent({
       emit,
       slots
     } = _ref;
-    const isActive = useProxiedModel(props, 'modelValue');
-    const {
-      themeClasses
-    } = provideTheme(props);
     const {
       borderClasses
     } = useBorder(props);
@@ -99,10 +99,12 @@ export const VChip = defineComponent({
       colorStyles,
       variantClasses
     } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
     const {
       elevationClasses
     } = useElevation(props);
-    const group = useGroupItem(props, VChipGroupSymbol, false);
     const {
       roundedClasses
     } = useRounded(props);
@@ -110,8 +112,10 @@ export const VChip = defineComponent({
       sizeClasses
     } = useSize(props);
     const {
-      densityClasses
-    } = useDensity(props);
+      themeClasses
+    } = provideTheme(props);
+    const isActive = useProxiedModel(props, 'modelValue');
+    const group = useGroupItem(props, VChipGroupSymbol, false);
     const link = useLink(props, attrs);
 
     function onCloseClick(e) {
@@ -135,6 +139,7 @@ export const VChip = defineComponent({
           'v-chip--disabled': props.disabled,
           'v-chip--label': props.label,
           'v-chip--link': isClickable,
+          'v-chip--filter': hasFilter,
           'v-chip--pill': props.pill
         }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group == null ? void 0 : group.selectedClass.value],
         "style": [hasColor ? colorStyles.value : undefined],
@@ -143,42 +148,76 @@ export const VChip = defineComponent({
         "href": link.href.value,
         "onClick": isClickable && onClickFunc
       }, {
-        default: () => [genOverlays(isClickable, 'v-chip'), hasFilter && _createVNode(VExpandXTransition, null, {
-          default: () => [_withDirectives(_createVNode("div", {
-            "class": "v-chip__filter"
-          }, [slots.filter ? slots.filter() : _createVNode(VIcon, {
-            "icon": props.filterIcon
-          }, null)]), [[_vShow, group.isSelected.value]])]
-        }), hasPrepend && _createVNode("div", {
-          "class": "v-chip__prepend"
-        }, [slots.prepend ? slots.prepend() : _createVNode(VAvatar, {
-          "icon": props.prependIcon,
-          "image": props.prependAvatar,
-          "size": props.size
-        }, null)]), (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots, {
+        default: () => [genOverlays(isClickable, 'v-chip'), hasFilter && _createVNode(VDefaultsProvider, {
+          "key": "filter",
+          "defaults": {
+            VIcon: {
+              icon: props.filterIcon
+            }
+          }
+        }, {
+          default: () => [_createVNode(VExpandXTransition, null, {
+            default: () => [_withDirectives(_createVNode("div", {
+              "class": "v-chip__filter"
+            }, [slots.filter ? slots.filter() : _createVNode(VIcon, null, null)]), [[_vShow, group.isSelected.value]])]
+          })]
+        }), hasPrepend && _createVNode(VDefaultsProvider, {
+          "key": "prepend",
+          "defaults": {
+            VAvatar: {
+              image: props.prependAvatar
+            },
+            VIcon: {
+              icon: props.prependIcon
+            }
+          }
+        }, {
+          default: () => [slots.prepend ? _createVNode("div", {
+            "class": "v-chip__prepend"
+          }, [slots.prepend()]) : props.prependAvatar ? _createVNode(VAvatar, {
+            "start": true
+          }, null) : props.prependIcon ? _createVNode(VIcon, {
+            "start": true
+          }, null) : undefined]
+        }), (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots, {
           isSelected: group == null ? void 0 : group.isSelected.value,
           selectedClass: group == null ? void 0 : group.selectedClass.value,
           select: group == null ? void 0 : group.select,
           toggle: group == null ? void 0 : group.toggle,
           value: group == null ? void 0 : group.value.value,
           disabled: props.disabled
-        })) != null ? _slots$default : props.text, hasAppend && _createVNode("div", {
-          "class": "v-chip__append"
-        }, [slots.append ? slots.append() : _createVNode(VAvatar, {
-          "icon": props.appendIcon,
-          "image": props.appendAvatar,
-          "size": props.size
-        }, null)]), hasClose && _createVNode("div", {
-          "class": "v-chip__close",
-          "onClick": onCloseClick
-        }, [slots.close ? slots.close({
-          props: {
-            onClick: onCloseClick
+        })) != null ? _slots$default : props.text, hasAppend && _createVNode(VDefaultsProvider, {
+          "key": "append",
+          "defaults": {
+            VAvatar: {
+              image: props.appendAvatar
+            },
+            VIcon: {
+              icon: props.appendIcon
+            }
+          }
+        }, {
+          default: () => [slots.append ? _createVNode("div", {
+            "class": "v-chip__append"
+          }, [slots.append()]) : props.appendAvatar ? _createVNode(VAvatar, {
+            "end": true
+          }, null) : props.appendIcon ? _createVNode(VIcon, {
+            "end": true
+          }, null) : undefined]
+        }), hasClose && _createVNode(VDefaultsProvider, {
+          "key": "close",
+          "defaults": {
+            VIcon: {
+              icon: props.closeIcon,
+              size: 'x-small'
+            }
           }
-        }) : _createVNode(VIcon, {
-          "icon": props.closeIcon,
-          "size": "x-small"
-        }, null)])]
+        }, {
+          default: () => [_createVNode("div", {
+            "class": "v-chip__close",
+            "onClick": onCloseClick
+          }, [slots.close ? slots.close() : _createVNode(VIcon, null, null)])]
+        })]
       }), [[_resolveDirective("ripple"), isClickable && props.ripple, null]]);
     };
   }

package/lib/components/VChip/VChip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/VChip.tsx"],"names":["VAvatar","VChipGroupSymbol","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","setup","attrs","emit","slots","isActive","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","elevationClasses","group","roundedClasses","sizeClasses","densityClasses","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","size","select","onClick"],"mappings":"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","sourcesContent":["// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\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 { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: String,\n    closable: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-text' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: Boolean) => true,\n    'update:modelValue': (value: Boolean) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { elevationClasses } = useElevation(props)\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { densityClasses } = useDensity(props)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VExpandXTransition>\n              <div\n                class=\"v-chip__filter\"\n                v-show={ group.isSelected.value }\n              >\n                { slots.filter\n                  ? slots.filter()\n                  : <VIcon icon={ props.filterIcon } />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasPrepend && (\n            <div class=\"v-chip__prepend\">\n              { slots.prepend\n                ? slots.prepend()\n                : (\n                  <VAvatar\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <div class=\"v-chip__append\">\n              { slots.append\n                ? slots.append()\n                : (\n                  <VAvatar\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { hasClose && (\n            <div\n              class=\"v-chip__close\"\n              onClick={ onCloseClick }\n            >\n              { slots.close\n                ? slots.close({ props: { onClick: onCloseClick } })\n                : (\n                  <VIcon\n                    icon={ props.closeIcon }\n                    size=\"x-small\"\n                  />\n                )\n              }\n            </div>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"file":"VChip.mjs"}
+{"version":3,"file":"VChip.mjs","names":["VAvatar","VChipGroupSymbol","VDefaultsProvider","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","IconValue","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","setup","attrs","emit","slots","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","elevationClasses","roundedClasses","sizeClasses","themeClasses","isActive","group","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","icon","image","select","size"],"sources":["../../../src/components/VChip/VChip.tsx"],"sourcesContent":["/* eslint-disable complexity */\n// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\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 { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: Boolean) => true,\n    'update:modelValue': (value: Boolean) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { themeClasses } = provideTheme(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--filter': hasFilter,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VDefaultsProvider\n              key=\"filter\"\n              defaults={{\n                VIcon: { icon: props.filterIcon },\n              }}\n            >\n              <VExpandXTransition>\n                <div\n                  class=\"v-chip__filter\"\n                  v-show={ group.isSelected.value }\n                >\n                  { slots.filter ? slots.filter() : (<VIcon />) }\n                </div>\n              </VExpandXTransition>\n            </VDefaultsProvider>\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              { slots.prepend\n                ? (\n                  <div class=\"v-chip__prepend\">\n                    { slots.prepend() }\n                  </div>\n                )\n                : props.prependAvatar ? (<VAvatar start />)\n                : props.prependIcon ? (<VIcon start />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              { slots.append\n                ? (\n                  <div class=\"v-chip__append\">\n                    { slots.append() }\n                  </div>\n                )\n                : props.appendAvatar ? (<VAvatar end />)\n                : props.appendIcon ? (<VIcon end />)\n                : undefined\n              }\n            </VDefaultsProvider>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              key=\"close\"\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'x-small',\n                },\n              }}\n            >\n              <div\n                class=\"v-chip__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close ? slots.close() : (<VIcon />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"mappings":"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"}

package/lib/components/VChip/VChip.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 @use './mixins' as *
@@ -29,6 +28,9 @@
   &--link
     cursor: pointer
 
+  &--filter
+    user-select: none
+
   &--label
     @include tools.rounded($chip-label-border-radius)
 
@@ -51,6 +53,9 @@
   .v-icon
     font-size: inherit
 
+.v-chip__filter
+  transition: $chip-filter-transition
+
 .v-chip__overlay
   @include tools.absolute()
   background-color: currentColor

package/lib/components/VChip/_mixins.scss

@@ -11,24 +11,35 @@
     $height: map.get($chip-sizes, "height") + (6 * $multiplier);
     $padding: math.round(math.div($height, $chip-padding-ratio));
 
-    .v-chip--size-#{$sizeName} {
+    .v-chip.v-chip--size-#{$sizeName} {
       --v-chip-size: #{$size};
       --v-chip-height: #{$height};
       font-size: $size;
       padding: 0 $padding;
 
       .v-avatar {
-        --v-avatar-height: #{$height - 8};
+        --v-avatar-height: #{$height - 6};
 
         @at-root #{selector.append('.v-chip--pill', &)} {
           --v-avatar-height: #{$height};
         }
       }
 
+      .v-chip__filter,
       .v-chip__prepend,
-      .v-chip__filter {
-        margin-inline-start: -$padding * .5;
+      > .v-avatar--start,
+      > .v-icon--start {
         margin-inline-end: $padding * .5;
+      }
+
+      .v-chip__filter,
+      .v-chip__prepend,
+      .v-icon--start {
+        margin-inline-start: -$padding * .5;
+      }
+
+      .v-avatar--start {
+        margin-inline-start: -$padding * .7;
 
         @at-root #{selector.append('.v-chip--pill', &)} {
           margin-inline-start: -$padding;
@@ -36,12 +47,21 @@
       }
 
       .v-chip__append,
-      .v-chip__close {
-        margin-inline-end: -$padding * .5;
+      .v-chip__close,
+      > .v-avatar--end,
+      > .v-icon--end {
         margin-inline-start: $padding * .5;
+        margin-inline-end: -$padding * .5;
+      }
 
+      .v-avatar--end,
+      .v-icon--end {
         @at-root #{selector.append('.v-chip--pill', &)} {
           margin-inline-end: -$padding;
+
+          + .v-chip__close {
+            margin-inline-start: $padding;
+          }
         }
       }
     }

package/lib/components/VChip/_variables.scss

@@ -4,16 +4,12 @@
 @use '../../styles/tools';
 
 // Defaults
-$chip-append-margin-inline-end: 0 !default;
-$chip-append-margin-inline-start: 8px !default;
 $chip-background: rgb(var(--v-theme-surface-variant)) !default;
 $chip-border-color: settings.$border-color-root !default;
 $chip-border-radius: map.get(settings.$rounded, "pill") !default;
 $chip-border-style: settings.$border-style-root !default;
 $chip-border-thin-width: thin !default;
 $chip-border-width: 0 !default;
-$chip-close-margin-inline-end: -4px !default;
-$chip-close-margin-inline-start: 8px !default;
 $chip-close-size: 18px !default;
 $chip-color: rgb(var(--v-theme-on-surface-variant)) !default;
 $chip-density: ("default": 0, "comfortable": -2, "compact": -3) !default;
@@ -28,7 +24,7 @@ $chip-max-width: 100% !default;
 $chip-overflow: hidden !default;
 $chip-padding-ratio: 2 + math.div(2, 3) !default;
 $chip-plain-opacity: 0.26 !default;
-$chip-rounded-border-radius: settings.$border-radius-root !default;
+$chip-filter-transition: .15s settings.$standard-easing !default;
 $chip-white-space: nowrap !default;
 
 $chip-sizes: (

package/lib/components/VChip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/index.ts"],"names":["VChip"],"mappings":"SAASA,K","sourcesContent":["export { VChip } from './VChip'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VChip"],"sources":["../../../src/components/VChip/index.ts"],"sourcesContent":["export { VChip } from './VChip'\n"],"mappings":"SAASA,K"}

package/lib/components/VChipGroup/VChipGroup.mjs

@@ -8,7 +8,7 @@ import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
 
-import { deepEqual, defineComponent } from "../../util/index.mjs";
+import { deepEqual, defineComponent, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue'; // Types
 
 export const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
@@ -27,7 +27,7 @@ export const VChipGroup = defineComponent({
     ...makeTagProps(),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-text'
+      variant: 'tonal'
     })
   },
   emits: {
@@ -55,7 +55,7 @@ export const VChipGroup = defineComponent({
         variant: toRef(props, 'variant')
       }
     });
-    return () => {
+    useRender(() => {
       var _slots$default;
 
       return _createVNode(props.tag, {
@@ -71,7 +71,8 @@ export const VChipGroup = defineComponent({
           selected: selected.value
         })]
       });
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VChipGroup/VChipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,S,EAAWC,e;AACpB,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC;AACxCM,EAAAA,IAAI,EAAE,YADkC;AAGxCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,OADH;AAELC,IAAAA,MAAM,EAAED,OAFH;AAGLE,IAAAA,eAAe,EAAE;AACfC,MAAAA,IAAI,EAAEC,QADS;AAEfC,MAAAA,OAAO,EAAEf;AAFM,KAHZ;AAQL,OAAGP,cAAc,CAAC;AAAEuB,MAAAA,aAAa,EAAE;AAAjB,KAAD,CARZ;AASL,OAAGrB,YAAY,EATV;AAUL,OAAGC,cAAc,EAVZ;AAWL,OAAGE,gBAAgB,CAAC;AAAEmB,MAAAA,OAAO,EAAE;AAAX,KAAD;AAXd,GAHiC;AAiBxCC,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAgB;AADhC,GAjBiC;;AAqBxCC,EAAAA,KAAK,CAAEZ,KAAF,QAAoB;AAAA,QAAX;AAAEa,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBzB,YAAY,CAACW,KAAD,CAArC;AACA,UAAM;AAAEe,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,IAAtB;AAA4BC,MAAAA,IAA5B;AAAkCC,MAAAA;AAAlC,QAA+CjC,QAAQ,CAACc,KAAD,EAAQL,gBAAR,CAA7D;AAEAJ,IAAAA,eAAe,CAAC;AACd6B,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE3B,KAAK,CAACM,KAAD,EAAQ,OAAR,CADP;AAELG,QAAAA,MAAM,EAAET,KAAK,CAACM,KAAD,EAAQ,QAAR,CAFR;AAGLS,QAAAA,OAAO,EAAEf,KAAK,CAACM,KAAD,EAAQ,SAAR;AAHT;AADO,KAAD,CAAf;AAQA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,cADK,EAEL;AACE,kCAAwBA,KAAK,CAACC;AADhC,SAFK,EAKLa,YAAY,CAACH,KALR;AAFJ;AAAA,0CAUDE,KAAK,CAACN,OAVL,qBAUD,oBAAAM,KAAK,EAAW;AAChBE,UAAAA,UADgB;AAEhBC,UAAAA,MAFgB;AAGhBC,UAAAA,IAHgB;AAIhBC,UAAAA,IAJgB;AAKhBC,UAAAA,QAAQ,EAAEA,QAAQ,CAACR;AALH,SAAX,CAVJ;AAAA;AAAA,KAAP;AAmBD;;AApDuC,CAAD,CAAlC","sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"file":"VChipGroup.mjs"}
+{"version":3,"file":"VChipGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","useRender","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,S,EAAWC,e,EAAiBC,S;AACrC,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGN,eAAe,CAAC;EACxCO,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE;IACLC,MAAM,EAAEC,OADH;IAELC,MAAM,EAAED,OAFH;IAGLE,eAAe,EAAE;MACfC,IAAI,EAAEC,QADS;MAEfC,OAAO,EAAEhB;IAFM,CAHZ;IAQL,GAAGP,cAAc,CAAC;MAAEwB,aAAa,EAAE;IAAjB,CAAD,CARZ;IASL,GAAGtB,YAAY,EATV;IAUL,GAAGC,cAAc,EAVZ;IAWL,GAAGE,gBAAgB,CAAC;MAAEoB,OAAO,EAAE;IAAX,CAAD;EAXd,CAHiC;EAiBxCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAjBiC;;EAqBxCC,KAAK,CAAEZ,KAAF,QAAoB;IAAA,IAAX;MAAEa;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmB1B,YAAY,CAACY,KAAD,CAArC;IACA,MAAM;MAAEe,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+ClC,QAAQ,CAACe,KAAD,EAAQL,gBAAR,CAA7D;IAEAL,eAAe,CAAC;MACd8B,KAAK,EAAE;QACLC,KAAK,EAAE3B,KAAK,CAACM,KAAD,EAAQ,OAAR,CADP;QAELG,MAAM,EAAET,KAAK,CAACM,KAAD,EAAQ,QAAR,CAFR;QAGLS,OAAO,EAAEf,KAAK,CAACM,KAAD,EAAQ,SAAR;MAHT;IADO,CAAD,CAAf;IAQAP,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,cADK,EAEL;UACE,wBAAwBO,KAAK,CAACC;QADhC,CAFK,EAKLa,YAAY,CAACH,KALR;MAFD;QAAA,kCAUJE,KAAK,CAACN,OAVF,qBAUJ,oBAAAM,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAVD;MAAA;IAAA,CAAD,CAAT;IAoBA,OAAO,EAAP;EACD;;AAtDuC,CAAD,CAAlC"}

package/lib/components/VChipGroup/VChipGroup.sass

@@ -1,4 +1,4 @@
-@import './_variables.scss'
+@use './variables' as *
 
 // Block
 .v-chip-group

package/lib/components/VChipGroup/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+// VChipGroup
 $chip-group-selected-opacity: var(--v-activated-opacity) !default;
 $chip-group-padding: 4px 0 !default;
 $chip-group-margin: 4px 8px 4px 0 !default;

package/lib/components/VChipGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/index.ts"],"names":["VChipGroup"],"mappings":"SAASA,U","sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VChipGroup"],"sources":["../../../src/components/VChipGroup/index.ts"],"sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"mappings":"SAASA,U"}

package/lib/components/VCode/VCode.sass

@@ -1,8 +1,7 @@
-@forward './variables'
 @use './variables' as *
 
 .v-code
-  background-color: rgb(var(--v-code-background-color))
+  background-color: rgb($code-background-color)
   border-radius: $code-border-radius
   font-size: $code-font-size
   font-weight: $code-font-weight

package/lib/components/VCode/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+$code-background-color: var(--v-code-background-color) !default;
 $code-border-radius: 3px !default;
 $code-font-size: 85% !default;
 $code-font-weight: normal !default;

package/lib/components/VCode/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCode/index.ts"],"names":["createSimpleFunctional","VCode"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAD,CAApC","sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VCode"],"sources":["../../../src/components/VCode/index.ts"],"sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAD,CAApC"}

package/lib/components/VColorPicker/VColorPicker.mjs

@@ -2,20 +2,20 @@ import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VColorPicker.css"; // Components
 
-import { VSheet } from "../VSheet/index.mjs";
-import { VColorPickerPreview } from "./VColorPickerPreview.mjs";
 import { VColorPickerCanvas } from "./VColorPickerCanvas.mjs";
 import { VColorPickerEdit } from "./VColorPickerEdit.mjs";
-import { VColorPickerSwatches } from "./VColorPickerSwatches.mjs"; // Composables
+import { VColorPickerPreview } from "./VColorPickerPreview.mjs";
+import { VColorPickerSwatches } from "./VColorPickerSwatches.mjs";
+import { VSheet } from "../VSheet/index.mjs"; // Composables
 
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { makeElevationProps } from "../../composables/elevation.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs";
-import { makeThemeProps } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps } from "../../composables/theme.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
-import { onMounted, ref } from 'vue';
-import { defineComponent, HSVAtoCSS } from "../../util/index.mjs";
-import { extractColor, modes, nullColor, parseColor } from "./util/index.mjs"; // Types
+import { defineComponent, HSVAtoCSS, useRender } from "../../util/index.mjs";
+import { extractColor, modes, nullColor, parseColor } from "./util/index.mjs";
+import { onMounted, ref } from 'vue'; // Types
 
 export const VColorPicker = defineComponent({
   name: 'VColorPicker',
@@ -93,7 +93,7 @@ export const VColorPicker = defineComponent({
     onMounted(() => {
       if (!props.modes.includes(mode.value)) mode.value = props.modes[0];
     });
-    return () => {
+    useRender(() => {
       var _currentColor$value;
 
       return _createVNode(VSheet, {
@@ -109,6 +109,7 @@ export const VColorPicker = defineComponent({
         "maxWidth": props.width
       }, {
         default: () => [!props.hideCanvas && _createVNode(VColorPickerCanvas, {
+          "key": "canvas",
           "color": currentColor.value,
           "onUpdate:color": updateColor,
           "disabled": props.disabled,
@@ -116,13 +117,16 @@ export const VColorPicker = defineComponent({
           "width": props.width,
           "height": props.canvasHeight
         }, null), (!props.hideSliders || !props.hideInputs) && _createVNode("div", {
+          "key": "controls",
           "class": "v-color-picker__controls"
         }, [!props.hideSliders && _createVNode(VColorPickerPreview, {
+          "key": "preview",
           "color": currentColor.value,
           "onUpdate:color": updateColor,
           "hideAlpha": !mode.value.endsWith('a'),
           "disabled": props.disabled
         }, null), !props.hideInputs && _createVNode(VColorPickerEdit, {
+          "key": "edit",
           "modes": props.modes,
           "mode": mode.value,
           "onUpdate:mode": m => mode.value = m,
@@ -130,6 +134,7 @@ export const VColorPicker = defineComponent({
           "onUpdate:color": updateColor,
           "disabled": props.disabled
         }, null)]), props.showSwatches && _createVNode(VColorPickerSwatches, {
+          "key": "swatches",
           "color": currentColor.value,
           "onUpdate:color": updateColor,
           "maxHeight": props.swatchesMaxHeight,
@@ -137,7 +142,8 @@ export const VColorPicker = defineComponent({
           "disabled": props.disabled
         }, null)]
       });
-    };
+    });
+    return {};
   }
 
 });