@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.4

package/lib/components/VList/VListItem.mjs

@@ -1,10 +1,10 @@
-import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 import "./VListItem.css"; // Components
 
-import { VAvatar } from "../VAvatar/index.mjs";
 import { VListItemAvatar } from "./VListItemAvatar.mjs";
 import { VListItemHeader } from "./VListItemHeader.mjs";
+import { VListItemIcon } from "./VListItemIcon.mjs";
 import { VListItemSubtitle } from "./VListItemSubtitle.mjs";
 import { VListItemTitle } from "./VListItemTitle.mjs"; // Composables
 
@@ -17,11 +17,12 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { useList } from "./list.mjs"; // Directives
+import { useList } from "./list.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Directives
 
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
-import { computed, onMounted, watch } from 'vue';
+import { computed, watch } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs";
 import { useNestedItem } from "../../composables/nested/nested.mjs"; // Types
 
@@ -35,14 +36,16 @@ export const VListItem = genericComponent()({
     activeColor: String,
     activeClass: String,
     appendAvatar: String,
-    appendIcon: String,
+    appendIcon: IconValue,
     disabled: Boolean,
-    link: Boolean,
+    lines: String,
+    nav: Boolean,
     prependAvatar: String,
-    prependIcon: String,
-    subtitle: String,
-    title: String,
+    prependIcon: IconValue,
+    subtitle: [String, Number, Boolean],
+    title: [String, Number, Boolean],
     value: null,
+    link: Boolean,
     ...makeBorderProps(),
     ...makeDensityProps(),
     ...makeDimensionProps(),
@@ -57,6 +60,8 @@ export const VListItem = genericComponent()({
   },
 
   setup(props, _ref) {
+    var _link$isExactActive2;
+
     let {
       attrs,
       slots
@@ -70,6 +75,8 @@ export const VListItem = genericComponent()({
     const {
       select,
       isSelected,
+      isIndeterminate,
+      isGroupActivator,
       root,
       parent
     } = useNestedItem(id, false);
@@ -79,23 +86,20 @@ export const VListItem = genericComponent()({
 
       return props.active || ((_link$isExactActive = link.isExactActive) == null ? void 0 : _link$isExactActive.value) || isSelected.value;
     });
+    const roundedProps = computed(() => props.rounded || props.nav);
     const variantProps = computed(() => {
       var _props$activeColor;
 
-      const activeColor = (_props$activeColor = props.activeColor) != null ? _props$activeColor : props.color;
       return {
-        color: isActive.value ? activeColor : props.color,
-        textColor: props.textColor,
+        color: isActive.value ? (_props$activeColor = props.activeColor) != null ? _props$activeColor : props.color : props.color,
         variant: props.variant
       };
     });
-    onMounted(() => {
-      var _link$isExactActive2;
 
-      if ((_link$isExactActive2 = link.isExactActive) != null && _link$isExactActive2.value && parent.value != null) {
-        root.open(parent.value, true);
-      }
-    });
+    if ((_link$isExactActive2 = link.isExactActive) != null && _link$isExactActive2.value && parent.value != null) {
+      root.open(parent.value, true);
+    }
+
     watch(() => {
       var _link$isExactActive3;
 
@@ -127,50 +131,53 @@ export const VListItem = genericComponent()({
     } = useElevation(props);
     const {
       roundedClasses
-    } = useRounded(props);
+    } = useRounded(roundedProps);
+    const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined);
     const slotProps = computed(() => ({
       isActive: isActive.value,
       select,
-      isSelected: isSelected.value
+      isSelected: isSelected.value,
+      isIndeterminate: isIndeterminate.value
     }));
     useRender(() => {
-      var _slots$default;
+      var _slots$prepend, _slots$default, _slots$append;
 
       const Tag = link.isLink.value ? 'a' : props.tag;
+      const hasColor = !list || isSelected.value || isActive.value;
       const hasTitle = slots.title || props.title;
       const hasSubtitle = slots.subtitle || props.subtitle;
       const hasHeader = !!(hasTitle || hasSubtitle);
       const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon);
       const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon);
-      const isClickable = !props.disabled && (link.isClickable.value || props.link || props.value != null);
+      const isClickable = !props.disabled && (props.link || link.isClickable.value || props.value != null && !!list);
       list == null ? void 0 : list.updateHasPrepend(hasPrepend);
       return _withDirectives(_createVNode(Tag, {
         "class": ['v-list-item', {
           'v-list-item--active': isActive.value,
           'v-list-item--disabled': props.disabled,
           'v-list-item--link': isClickable,
+          'v-list-item--nav': props.nav,
           'v-list-item--prepend': !hasPrepend && (list == null ? void 0 : list.hasPrepend.value),
-          [`${props.activeClass}`]: isActive.value && props.activeClass
-        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, variantClasses.value],
-        "style": [colorStyles.value, dimensionStyles.value],
+          [`${props.activeClass}`]: isActive.value
+        }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value],
+        "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value],
         "href": link.href.value,
         "tabindex": isClickable ? 0 : undefined,
         "onClick": isClickable && (e => {
           var _link$navigate;
 
+          if (isGroupActivator) return;
           (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
-          select(!isSelected.value, e);
+          props.value != null && select(!isSelected.value, e);
         })
       }, {
-        default: () => [genOverlays(isClickable || isActive.value, 'v-list-item'), hasPrepend && (slots.prepend ? slots.prepend(slotProps.value) : _createVNode(VListItemAvatar, {
-          "left": true
-        }, {
-          default: () => [_createVNode(VAvatar, {
-            "density": props.density,
-            "icon": props.prependIcon,
-            "image": props.prependAvatar
-          }, null)]
-        })), hasHeader && _createVNode(VListItemHeader, null, {
+        default: () => [genOverlays(isClickable || isActive.value, 'v-list-item'), hasPrepend && _createVNode(_Fragment, null, [props.prependAvatar && _createVNode(VListItemAvatar, {
+          "image": props.prependAvatar,
+          "start": true
+        }, null), props.prependIcon && _createVNode(VListItemIcon, {
+          "icon": props.prependIcon,
+          "start": true
+        }, null), (_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots, slotProps.value)]), hasHeader && _createVNode(VListItemHeader, null, {
           default: () => [hasTitle && _createVNode(VListItemTitle, null, {
             default: () => [slots.title ? slots.title({
               title: props.title
@@ -180,15 +187,13 @@ export const VListItem = genericComponent()({
               subtitle: props.subtitle
             }) : props.subtitle]
           })]
-        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, slotProps.value), hasAppend && (slots.append ? slots.append(slotProps.value) : _createVNode(VListItemAvatar, {
-          "right": true
-        }, {
-          default: () => [_createVNode(VAvatar, {
-            "density": props.density,
-            "icon": props.appendIcon,
-            "image": props.appendAvatar
-          }, null)]
-        }))]
+        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, slotProps.value), hasAppend && _createVNode(_Fragment, null, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots, slotProps.value), props.appendAvatar && _createVNode(VListItemAvatar, {
+          "image": props.appendAvatar,
+          "end": true
+        }, null), props.appendIcon && _createVNode(VListItemIcon, {
+          "icon": props.appendIcon,
+          "end": true
+        }, null)])]
       }), [[_resolveDirective("ripple"), isClickable]]);
     });
   }

package/lib/components/VList/VListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItem.tsx"],"names":["VAvatar","VListItemAvatar","VListItemHeader","VListItemSubtitle","VListItemTitle","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","Ripple","computed","onMounted","watch","genericComponent","useRender","useNestedItem","VListItem","name","directives","props","active","Boolean","activeColor","String","activeClass","appendAvatar","appendIcon","disabled","link","prependAvatar","prependIcon","subtitle","title","value","variant","setup","attrs","slots","id","href","select","isSelected","root","parent","list","isActive","isExactActive","variantProps","color","textColor","open","val","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","slotProps","Tag","isLink","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","isClickable","updateHasPrepend","undefined","e","navigate","density","default"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,O;SACAC,e;SACAC,e;SACAC,iB;SACAC,c,gCAET;;SACSC,W,EAAaC,gB,EAAkBC,U;SAC/BC,e,EAAiBC,S;SACjBC,gB,EAAkBC,U;SAClBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,gB,EAAkBC,U;SAClBC,e,EAAiBC,O;SACjBC,Y;SACAC,c,EAAgBC,Y;SAChBC,O,sBAET;;SACSC,M,6CAET;;AACA,SAASC,QAAT,EAAmBC,SAAnB,EAA8BC,KAA9B,QAA2C,KAA3C;SACSC,gB,EAAkBC,S;SAClBC,a,+CAET;;AAkBA,OAAO,MAAMC,SAAS,GAAGH,gBAAgB,GAQpC;AACHI,EAAAA,IAAI,EAAE,WADH;AAGHC,EAAAA,UAAU,EAAE;AAAET,IAAAA;AAAF,GAHT;AAKHU,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,OADH;AAELC,IAAAA,WAAW,EAAEC,MAFR;AAGLC,IAAAA,WAAW,EAAED,MAHR;AAILE,IAAAA,YAAY,EAAEF,MAJT;AAKLG,IAAAA,UAAU,EAAEH,MALP;AAMLI,IAAAA,QAAQ,EAAEN,OANL;AAOLO,IAAAA,IAAI,EAAEP,OAPD;AAQLQ,IAAAA,aAAa,EAAEN,MARV;AASLO,IAAAA,WAAW,EAAEP,MATR;AAULQ,IAAAA,QAAQ,EAAER,MAVL;AAWLS,IAAAA,KAAK,EAAET,MAXF;AAYLU,IAAAA,KAAK,EAAE,IAZF;AAcL,OAAGxC,eAAe,EAdb;AAeL,OAAGE,gBAAgB,EAfd;AAgBL,OAAGE,kBAAkB,EAhBhB;AAiBL,OAAGE,kBAAkB,EAjBhB;AAkBL,OAAGE,gBAAgB,EAlBd;AAmBL,OAAGE,eAAe,EAnBb;AAoBL,OAAGE,YAAY,EApBV;AAqBL,OAAGC,cAAc,EArBZ;AAsBL,OAAGf,gBAAgB,CAAC;AAAE2C,MAAAA,OAAO,EAAE;AAAX,KAAD;AAtBd,GALJ;;AA8BHC,EAAAA,KAAK,CAAEhB,KAAF,QAA2B;AAAA,QAAlB;AAAEiB,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMT,IAAI,GAAGxB,OAAO,CAACe,KAAD,EAAQiB,KAAR,CAApB;AACA,UAAME,EAAE,GAAG5B,QAAQ,CAAC;AAAA;;AAAA,6BAAMS,KAAK,CAACc,KAAZ,2BAAqBL,IAAI,CAACW,IAAL,CAAUN,KAA/B;AAAA,KAAD,CAAnB;AACA,UAAM;AAAEO,MAAAA,MAAF;AAAUC,MAAAA,UAAV;AAAsBC,MAAAA,IAAtB;AAA4BC,MAAAA;AAA5B,QAAuC5B,aAAa,CAACuB,EAAD,EAAK,KAAL,CAA1D;AACA,UAAMM,IAAI,GAAGpC,OAAO,EAApB;AACA,UAAMqC,QAAQ,GAAGnC,QAAQ,CAAC,MAAM;AAAA;;AAC9B,aAAOS,KAAK,CAACC,MAAN,4BAAgBQ,IAAI,CAACkB,aAArB,qBAAgB,oBAAoBb,KAApC,KAA6CQ,UAAU,CAACR,KAA/D;AACD,KAFwB,CAAzB;AAGA,UAAMc,YAAY,GAAGrC,QAAQ,CAAC,MAAM;AAAA;;AAClC,YAAMY,WAAW,yBAAGH,KAAK,CAACG,WAAT,iCAAwBH,KAAK,CAAC6B,KAA/C;AACA,aAAO;AACLA,QAAAA,KAAK,EAAEH,QAAQ,CAACZ,KAAT,GAAiBX,WAAjB,GAA+BH,KAAK,CAAC6B,KADvC;AAELC,QAAAA,SAAS,EAAE9B,KAAK,CAAC8B,SAFZ;AAGLf,QAAAA,OAAO,EAAEf,KAAK,CAACe;AAHV,OAAP;AAKD,KAP4B,CAA7B;AASAvB,IAAAA,SAAS,CAAC,MAAM;AAAA;;AACd,UAAI,wBAAAiB,IAAI,CAACkB,aAAL,kCAAoBb,KAApB,IAA6BU,MAAM,CAACV,KAAP,IAAgB,IAAjD,EAAuD;AACrDS,QAAAA,IAAI,CAACQ,IAAL,CAAUP,MAAM,CAACV,KAAjB,EAAwB,IAAxB;AACD;AACF,KAJQ,CAAT;AAMArB,IAAAA,KAAK,CAAC;AAAA;;AAAA,qCAAMgB,IAAI,CAACkB,aAAX,qBAAM,qBAAoBb,KAA1B;AAAA,KAAD,EAAkCkB,GAAG,IAAI;AAC5C,UAAIA,GAAG,IAAIR,MAAM,CAACV,KAAP,IAAgB,IAA3B,EAAiC;AAC/BS,QAAAA,IAAI,CAACQ,IAAL,CAAUP,MAAM,CAACV,KAAjB,EAAwB,IAAxB;AACD;AACF,KAJI,CAAL;AAMA,UAAM;AAAEmB,MAAAA;AAAF,QAAmB7C,YAAY,CAACY,KAAD,CAArC;AACA,UAAM;AAAEkC,MAAAA;AAAF,QAAoB3D,SAAS,CAACyB,KAAD,CAAnC;AACA,UAAM;AAAEmC,MAAAA,YAAF;AAAgBC,MAAAA,WAAhB;AAA6BC,MAAAA;AAA7B,QAAgDhE,UAAU,CAACuD,YAAD,CAAhE;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAqB7D,UAAU,CAACuB,KAAD,CAArC;AACA,UAAM;AAAEuC,MAAAA;AAAF,QAAsB5D,YAAY,CAACqB,KAAD,CAAxC;AACA,UAAM;AAAEwC,MAAAA;AAAF,QAAuB3D,YAAY,CAACmB,KAAD,CAAzC;AACA,UAAM;AAAEyC,MAAAA;AAAF,QAAqB1D,UAAU,CAACiB,KAAD,CAArC;AAEA,UAAM0C,SAAS,GAAGnD,QAAQ,CAAC,OAAO;AAChCmC,MAAAA,QAAQ,EAAEA,QAAQ,CAACZ,KADa;AAEhCO,MAAAA,MAFgC;AAGhCC,MAAAA,UAAU,EAAEA,UAAU,CAACR;AAHS,KAAP,CAAD,CAA1B;AAMAnB,IAAAA,SAAS,CAAC,MAAM;AAAA;;AACd,YAAMgD,GAAG,GAAIlC,IAAI,CAACmC,MAAL,CAAY9B,KAAb,GAAsB,GAAtB,GAA4Bd,KAAK,CAAC6C,GAA9C;AACA,YAAMC,QAAQ,GAAI5B,KAAK,CAACL,KAAN,IAAeb,KAAK,CAACa,KAAvC;AACA,YAAMkC,WAAW,GAAI7B,KAAK,CAACN,QAAN,IAAkBZ,KAAK,CAACY,QAA7C;AACA,YAAMoC,SAAS,GAAG,CAAC,EAAEF,QAAQ,IAAIC,WAAd,CAAnB;AACA,YAAME,SAAS,GAAG,CAAC,EAAE/B,KAAK,CAACgC,MAAN,IAAgBlD,KAAK,CAACM,YAAtB,IAAsCN,KAAK,CAACO,UAA9C,CAAnB;AACA,YAAM4C,UAAU,GAAG,CAAC,EAAEjC,KAAK,CAACkC,OAAN,IAAiBpD,KAAK,CAACU,aAAvB,IAAwCV,KAAK,CAACW,WAAhD,CAApB;AACA,YAAM0C,WAAW,GAAG,CAACrD,KAAK,CAACQ,QAAP,KAAoBC,IAAI,CAAC4C,WAAL,CAAiBvC,KAAjB,IAA0Bd,KAAK,CAACS,IAAhC,IAAwCT,KAAK,CAACc,KAAN,IAAe,IAA3E,CAApB;AAEAW,MAAAA,IAAI,QAAJ,YAAAA,IAAI,CAAE6B,gBAAN,CAAuBH,UAAvB;AAEA;AAAA,iBAEW,CACL,aADK,EAEL;AACE,iCAAuBzB,QAAQ,CAACZ,KADlC;AAEE,mCAAyBd,KAAK,CAACQ,QAFjC;AAGE,+BAAqB6C,WAHvB;AAIE,kCAAwB,CAACF,UAAD,KAAe1B,IAAf,oBAAeA,IAAI,CAAE0B,UAAN,CAAiBrC,KAAhC,CAJ1B;AAKE,WAAE,GAAEd,KAAK,CAACK,WAAY,EAAtB,GAA0BqB,QAAQ,CAACZ,KAAT,IAAkBd,KAAK,CAACK;AALpD,SAFK,EASL4B,YAAY,CAACnB,KATR,EAULoB,aAAa,CAACpB,KAVT,EAWLqB,YAAY,CAACrB,KAXR,EAYLwB,cAAc,CAACxB,KAZV,EAaL0B,gBAAgB,CAAC1B,KAbZ,EAcL2B,cAAc,CAAC3B,KAdV,EAeLuB,cAAc,CAACvB,KAfV,CAFX;AAAA,iBAmBW,CACLsB,WAAW,CAACtB,KADP,EAELyB,eAAe,CAACzB,KAFX,CAnBX;AAAA,gBAuBWL,IAAI,CAACW,IAAL,CAAUN,KAvBrB;AAAA,oBAwBeuC,WAAW,GAAG,CAAH,GAAOE,SAxBjC;AAAA,mBAyBcF,WAAW,KAAMG,CAAD,IAAmB;AAAA;;AAC3C,4BAAA/C,IAAI,CAACgD,QAAL,yCAAAhD,IAAI,EAAY+C,CAAZ,CAAJ;AACAnC,UAAAA,MAAM,CAAC,CAACC,UAAU,CAACR,KAAb,EAAoB0C,CAApB,CAAN;AACD,SAHoB;AAzBzB;AAAA,wBA+BMrF,WAAW,CAACkF,WAAW,IAAI3B,QAAQ,CAACZ,KAAzB,EAAgC,aAAhC,CA/BjB,EAiCMqC,UAAU,KACVjC,KAAK,CAACkC,OAAN,GACIlC,KAAK,CAACkC,OAAN,CAAcV,SAAS,CAAC5B,KAAxB,CADJ;AAAA;AAAA;AAAA;AAAA,uBAKkBd,KAAK,CAAC0D,OALxB;AAAA,oBAMe1D,KAAK,CAACW,WANrB;AAAA,qBAOgBX,KAAK,CAACU;AAPtB;AAAA,UADU,CAjChB,EA+CMsC,SAAS;AAAA,0BAELF,QAAQ;AAAA,4BAEJ5B,KAAK,CAACL,KAAN,GACEK,KAAK,CAACL,KAAN,CAAY;AAAEA,cAAAA,KAAK,EAAEb,KAAK,CAACa;AAAf,aAAZ,CADF,GAEEb,KAAK,CAACa,KAJJ;AAAA,YAFH,EAWLkC,WAAW;AAAA,4BAEP7B,KAAK,CAACN,QAAN,GACEM,KAAK,CAACN,QAAN,CAAe;AAAEA,cAAAA,QAAQ,EAAEZ,KAAK,CAACY;AAAlB,aAAf,CADF,GAEEZ,KAAK,CAACY,QAJD;AAAA,YAXN;AAAA,UA/Cf,oBAqEMM,KAAK,CAACyC,OArEZ,qBAqEM,oBAAAzC,KAAK,EAAWwB,SAAS,CAAC5B,KAArB,CArEX,EAuEMmC,SAAS,KACT/B,KAAK,CAACgC,MAAN,GACIhC,KAAK,CAACgC,MAAN,CAAaR,SAAS,CAAC5B,KAAvB,CADJ;AAAA;AAAA;AAAA;AAAA,uBAKkBd,KAAK,CAAC0D,OALxB;AAAA,oBAMe1D,KAAK,CAACO,UANrB;AAAA,qBAOgBP,KAAK,CAACM;AAPtB;AAAA,UADS,CAvEf;AAAA,yCA6Be+C,WA7Bf;AAsFD,KAjGQ,CAAT;AAkGD;;AA3KE,CARoC,CAAlC","sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VListItemAvatar } from './VListItemAvatar'\nimport { VListItemHeader } from './VListItemHeader'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\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 { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, onMounted, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\ntype ListItemSlot = {\n  isActive: boolean\n  activate: (value: boolean) => void\n  isSelected: boolean\n  select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n  title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n  subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    prepend: [ListItemSlot]\n    append: [ListItemSlot]\n    default: [ListItemSlot]\n    title: [ListItemTitleSlot]\n    subtitle: [ListItemSubtitleSlot]\n  }>\n}>()({\n  name: 'VListItem',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    activeColor: String,\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: String,\n    disabled: Boolean,\n    link: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    subtitle: String,\n    title: String,\n    value: null,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const link = useLink(props, attrs)\n    const id = computed(() => props.value ?? link.href.value)\n    const { select, isSelected, root, parent } = useNestedItem(id, false)\n    const list = useList()\n    const isActive = computed(() => {\n      return props.active || link.isExactActive?.value || isSelected.value\n    })\n    const variantProps = computed(() => {\n      const activeColor = props.activeColor ?? props.color\n      return {\n        color: isActive.value ? activeColor : props.color,\n        textColor: props.textColor,\n        variant: props.variant,\n      }\n    })\n\n    onMounted(() => {\n      if (link.isExactActive?.value && parent.value != null) {\n        root.open(parent.value, true)\n      }\n    })\n\n    watch(() => link.isExactActive?.value, val => {\n      if (val && parent.value != null) {\n        root.open(parent.value, true)\n      }\n    })\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const slotProps = computed(() => ({\n      isActive: isActive.value,\n      select,\n      isSelected: isSelected.value,\n    }))\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasTitle = (slots.title || props.title)\n      const hasSubtitle = (slots.subtitle || props.subtitle)\n      const hasHeader = !!(hasTitle || hasSubtitle)\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n      const isClickable = !props.disabled && (link.isClickable.value || props.link || props.value != null)\n\n      list?.updateHasPrepend(hasPrepend)\n\n      return (\n        <Tag\n          class={[\n            'v-list-item',\n            {\n              'v-list-item--active': isActive.value,\n              'v-list-item--disabled': props.disabled,\n              'v-list-item--link': isClickable,\n              'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n          ]}\n          href={ link.href.value }\n          tabindex={ isClickable ? 0 : undefined }\n          onClick={ isClickable && ((e: MouseEvent) => {\n            link.navigate?.(e)\n            select(!isSelected.value, e)\n          })}\n          v-ripple={ isClickable }\n        >\n          { genOverlays(isClickable || isActive.value, 'v-list-item') }\n\n          { hasPrepend && (\n            slots.prepend\n              ? slots.prepend(slotProps.value)\n              : (\n                <VListItemAvatar left>\n                  <VAvatar\n                    density={ props.density }\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                  />\n                </VListItemAvatar>\n              )\n          ) }\n\n          { hasHeader && (\n            <VListItemHeader>\n              { hasTitle && (\n                <VListItemTitle>\n                  { slots.title\n                    ? slots.title({ title: props.title })\n                    : props.title\n                  }\n                </VListItemTitle>\n              ) }\n\n              { hasSubtitle && (\n                <VListItemSubtitle>\n                  { slots.subtitle\n                    ? slots.subtitle({ subtitle: props.subtitle })\n                    : props.subtitle\n                  }\n                </VListItemSubtitle>\n              ) }\n            </VListItemHeader>\n          ) }\n\n          { slots.default?.(slotProps.value) }\n\n          { hasAppend && (\n            slots.append\n              ? slots.append(slotProps.value)\n              : (\n                <VListItemAvatar right>\n                  <VAvatar\n                    density={ props.density }\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                  />\n                </VListItemAvatar>\n              )\n          ) }\n        </Tag>\n      )\n    })\n  },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"file":"VListItem.mjs"}
+{"version":3,"file":"VListItem.mjs","names":["VListItemAvatar","VListItemHeader","VListItemIcon","VListItemSubtitle","VListItemTitle","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","useList","IconValue","Ripple","computed","watch","genericComponent","useRender","useNestedItem","VListItem","name","directives","props","active","Boolean","activeColor","String","activeClass","appendAvatar","appendIcon","disabled","lines","nav","prependAvatar","prependIcon","subtitle","Number","title","value","link","variant","setup","attrs","slots","id","href","select","isSelected","isIndeterminate","isGroupActivator","root","parent","list","isActive","isExactActive","roundedProps","rounded","variantProps","color","open","val","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","lineClasses","undefined","slotProps","Tag","isLink","tag","hasColor","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","isClickable","updateHasPrepend","e","navigate","default"],"sources":["../../../src/components/VList/VListItem.tsx"],"sourcesContent":["// Styles\nimport './VListItem.sass'\n\n// Components\nimport { VListItemAvatar } from './VListItemAvatar'\nimport { VListItemHeader } from './VListItemHeader'\nimport { VListItemIcon } from './VListItemIcon'\nimport { VListItemSubtitle } from './VListItemSubtitle'\nimport { VListItemTitle } from './VListItemTitle'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\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 { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useList } from './list'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\nimport { useNestedItem } from '@/composables/nested/nested'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\ntype ListItemSlot = {\n  isActive: boolean\n  activate: (value: boolean) => void\n  isSelected: boolean\n  select: (value: boolean) => void\n}\n\nexport type ListItemTitleSlot = {\n  title?: string\n}\n\nexport type ListItemSubtitleSlot = {\n  subtitle?: string\n}\n\nexport const VListItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    prepend: [ListItemSlot]\n    append: [ListItemSlot]\n    default: [ListItemSlot]\n    title: [ListItemTitleSlot]\n    subtitle: [ListItemSubtitleSlot]\n  }>\n}>()({\n  name: 'VListItem',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    activeColor: String,\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    disabled: Boolean,\n    lines: String as PropType<'one' | 'two' | 'three'>,\n    nav: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: [String, Number, Boolean],\n    title: [String, Number, Boolean],\n    value: null,\n    link: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const link = useLink(props, attrs)\n    const id = computed(() => props.value ?? link.href.value)\n    const { select, isSelected, isIndeterminate, isGroupActivator, root, parent } = useNestedItem(id, false)\n    const list = useList()\n    const isActive = computed(() => {\n      return props.active || link.isExactActive?.value || isSelected.value\n    })\n    const roundedProps = computed(() => props.rounded || props.nav)\n    const variantProps = computed(() => ({\n      color: isActive.value ? props.activeColor ?? props.color : props.color,\n      variant: props.variant,\n    }))\n\n    if (link.isExactActive?.value && parent.value != null) {\n      root.open(parent.value, true)\n    }\n\n    watch(() => link.isExactActive?.value, val => {\n      if (val && parent.value != null) {\n        root.open(parent.value, true)\n      }\n    })\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(roundedProps)\n    const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined)\n\n    const slotProps = computed(() => ({\n      isActive: isActive.value,\n      select,\n      isSelected: isSelected.value,\n      isIndeterminate: isIndeterminate.value,\n    }))\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !list || isSelected.value || isActive.value\n      const hasTitle = (slots.title || props.title)\n      const hasSubtitle = (slots.subtitle || props.subtitle)\n      const hasHeader = !!(hasTitle || hasSubtitle)\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n      const isClickable = !props.disabled && (props.link || link.isClickable.value || (props.value != null && !!list))\n\n      list?.updateHasPrepend(hasPrepend)\n\n      return (\n        <Tag\n          class={[\n            'v-list-item',\n            {\n              'v-list-item--active': isActive.value,\n              'v-list-item--disabled': props.disabled,\n              'v-list-item--link': isClickable,\n              'v-list-item--nav': props.nav,\n              'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,\n              [`${props.activeClass}`]: isActive.value,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n          ]}\n          href={ link.href.value }\n          tabindex={ isClickable ? 0 : undefined }\n          onClick={ isClickable && ((e: MouseEvent) => {\n            if (isGroupActivator) return\n\n            link.navigate?.(e)\n            props.value != null && select(!isSelected.value, e)\n          })}\n          v-ripple={ isClickable }\n        >\n          { genOverlays(isClickable || isActive.value, 'v-list-item') }\n\n          { hasPrepend && (\n            <>\n              { props.prependAvatar && (\n                <VListItemAvatar\n                  image={ props.prependAvatar }\n                  start\n                />\n              ) }\n\n              { props.prependIcon && (\n                <VListItemIcon\n                  icon={ props.prependIcon }\n                  start\n                />\n              ) }\n\n              { slots.prepend?.(slotProps.value) }\n            </>\n          ) }\n\n          { hasHeader && (\n            <VListItemHeader>\n              { hasTitle && (\n                <VListItemTitle>\n                  { slots.title\n                    ? slots.title({ title: props.title })\n                    : props.title\n                  }\n                </VListItemTitle>\n              ) }\n\n              { hasSubtitle && (\n                <VListItemSubtitle>\n                  { slots.subtitle\n                    ? slots.subtitle({ subtitle: props.subtitle })\n                    : props.subtitle\n                  }\n                </VListItemSubtitle>\n              ) }\n            </VListItemHeader>\n          ) }\n\n          { slots.default?.(slotProps.value) }\n\n          { hasAppend && (\n            <>\n              { slots.append?.(slotProps.value) }\n\n              { props.appendAvatar && (\n                <VListItemAvatar\n                  image={ props.appendAvatar }\n                  end\n                />\n              ) }\n\n              { props.appendIcon && (\n                <VListItemIcon\n                  icon={ props.appendIcon }\n                  end\n                />\n              ) }\n            </>\n          ) }\n        </Tag>\n      )\n    })\n  },\n})\n\nexport type VListItem = InstanceType<typeof VListItem>\n"],"mappings":"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"}

package/lib/components/VList/VListItem.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use 'sass:list'
 @use '../../styles/tools'
 @use './variables' as *
@@ -28,15 +27,21 @@
   &--link
     cursor: pointer
 
-.v-list-item-avatar
-  $root: &
-
+.v-list-item-action,
+.v-list-item-avatar,
+.v-list-item-icon
   align-self: center
+  display: flex
+  align-items: center
+  flex: none
   transition: inherit
   transition-property: height, width
 
-  > .v-icon
-    opacity: var(--v-medium-emphasis-opacity)
+  .v-list-item--three-line &
+    align-self: flex-start
+
+.v-list-item-avatar
+  $root: &
 
   &--start
     margin-inline-end: $list-item-avatar-margin-end
@@ -45,16 +50,23 @@
     margin-inline-start: $list-item-avatar-margin-start
 
   @at-root
-    @include tools.density('v-list', $list-density) using ($modifier)
-      &.v-list--three-line #{$root}
+    @include tools.density('v-list-item', $list-density) using ($modifier)
+      &.v-list-item--three-line #{$root}
         margin-top: $list-item-avatar-margin-y - $modifier
 
-  .v-list--two-line &
-    margin-top: $list-item-avatar-margin-y
-    margin-bottom: $list-item-avatar-margin-y
+.v-list-item-icon
+  &--start
+    margin-inline-end: $list-item-icon-margin-end
 
-  .v-list--three-line &
-    align-self: flex-start
+  &--end
+    margin-inline-start: $list-item-icon-margin-start
+
+.v-list-item-action
+  &--start
+    margin-inline-end: $list-item-action-margin-start
+
+  &--end
+    margin-inline-start: $list-item-action-margin-end
 
 .v-list-item-media
   margin-top: $list-item-media-margin-top
@@ -66,11 +78,11 @@
   &--end
     margin-inline-start: $list-item-media-margin-start
 
-  .v-list--two-line &
+  .v-list-item--two-line &
     margin-top: $list-item-media-two-line-margin-top
     margin-bottom: $list-item-media-two-line-margin-bottom
 
-  .v-list--three-line &
+  .v-list-item--three-line &
     margin-top: $list-item-media-three-line-margin-top
     margin-bottom: $list-item-media-three-line-margin-bottom
 
@@ -86,15 +98,18 @@
   padding: $list-item-subtitle-padding
   text-overflow: ellipsis
 
-  .v-list--two-line &
+  .v-list-item--one-line &
     -webkit-line-clamp: 1
 
-  .v-list--three-line &
+  .v-list-item--two-line &
     -webkit-line-clamp: 2
 
+  .v-list-item--three-line &
+    -webkit-line-clamp: 3
+
   @include tools.typography($list-item-subtitle-typography...)
 
-  .v-list--nav &
+  .v-list-item--nav &
     @include tools.typography($list-item-nav-subtitle-typography...)
 
 .v-list-item-title
@@ -109,25 +124,53 @@
 
   @include tools.typography($list-item-title-typography...)
 
-  .v-list--nav &
+  .v-list-item--nav &
     @include tools.typography($list-item-nav-title-typography...)
 
 .v-list-item
-  $root: &
-
   @at-root
-    @include tools.density('v-list', $list-density) using ($modifier)
-      &.v-list--one-line #{$root}
+    @include tools.density('v-list-item', $list-density) using ($modifier)
+      &.v-list-item--one-line
+        $one-line-padding: (list.nth($list-item-padding, 1) + $modifier)
+
         min-height: $list-item-min-height + $modifier
-        padding: (list.nth($list-item-padding, 1) + $modifier) list.nth($list-item-padding, 2)
+        padding-top: $one-line-padding
+        padding-bottom: $one-line-padding
+
+      &.v-list-item--two-line
+        $two-line-padding: (list.nth($list-item-two-line-padding, 1) + $modifier)
 
-      &.v-list--two-line #{$root}
         min-height: $list-item-two-line-min-height + $modifier
-        padding: (list.nth($list-item-two-line-padding, 1) + $modifier) list.nth($list-item-two-line-padding, 2)
+        padding-top: $two-line-padding
+        padding-bottom: $two-line-padding
+
+      &.v-list-item--three-line
+        $three-line-padding: (list.nth($list-item-three-line-padding, 1) + $modifier)
 
-      &.v-list--three-line #{$root}
         min-height: $list-item-three-line-min-height + $modifier
-        padding: (list.nth($list-item-three-line-padding, 1) + $modifier) list.nth($list-item-three-line-padding, 2)
+        padding-top: $three-line-padding
+        padding-bottom: $three-line-padding
+
+      &:not(.v-list-item--nav)
+        &.v-list-item--one-line
+          padding-inline-start: list.nth($list-item-padding, 2)
+          padding-inline-end: list.nth($list-item-padding, 2)
+
+        &.v-list-item--two-line
+          padding-inline-start: list.nth($list-item-two-line-padding, 2)
+          padding-inline-end: list.nth($list-item-two-line-padding, 2)
+
+        &.v-list-item--three-line
+          padding-inline-start: list.nth($list-item-three-line-padding, 2)
+          padding-inline-end: list.nth($list-item-three-line-padding, 2)
+
+  &--nav
+    padding-inline-start: $list-nav-padding
+    padding-inline-end: $list-nav-padding
+
+    .v-list &
+      &:not(:last-child):not(:only-child)
+        margin-bottom: $list-item-nav-margin-top
 
 .v-list-item__overlay
   background-color: currentColor
@@ -141,13 +184,16 @@
   top: 0
   transition: opacity 0.2s ease-in-out
 
-  .v-list-item--active.v-list-item--contained &
+  .v-list-item--active.v-list-item--variant-elevated &
     --v-theme-overlay-multiplier: 0
 
 $base-padding: list.nth($list-item-padding, 2)
 .v-list
   --indent-padding: 0px
 
+  &--nav
+    --indent-padding: -#{$list-nav-padding}
+
 .v-list-group
   --parent-padding: var(--indent-padding)
   &--prepend
@@ -161,7 +207,8 @@ $base-padding: list.nth($list-item-padding, 2)
 
 .v-list-item--prepend,
 .v-list-group__items .v-list-item--prepend
-  padding-inline-start: calc(#{$base-padding} + var(--indent-padding) + #{$list-item-avatar-size} + #{$list-item-avatar-margin-start}) !important
+  .v-list-item-avatar
+    padding-inline-start: calc(#{$base-padding} + var(--indent-padding) + #{$list-item-avatar-size} + #{$list-item-avatar-margin-start}) !important
 
 .v-list-group__header.v-list-item--active
   .v-list-item__overlay

package/lib/components/VList/VListItemAction.mjs

@@ -0,0 +1,29 @@
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+// Composables
+import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VListItemAction = defineComponent({
+  name: 'VListItemAction',
+  props: {
+    start: Boolean,
+    end: Boolean,
+    ...makeTagProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => {
+      return _createVNode(props.tag, {
+        "class": ['v-list-item-action', {
+          'v-list-item-action--start': props.start,
+          'v-list-item-action--end': props.end
+        }]
+      }, slots);
+    };
+  }
+
+});
+//# sourceMappingURL=VListItemAction.mjs.map

package/lib/components/VList/VListItemAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VListItemAction.mjs","names":["makeTagProps","defineComponent","VListItemAction","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemAction.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAction = defineComponent({\n  name: 'VListItemAction',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-action',\n            {\n              'v-list-item-action--start': props.start,\n              'v-list-item-action--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;EAC7CE,IAAI,EAAE,iBADuC;EAG7CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGN,YAAY;EAJV,CAHsC;;EAU7CQ,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,OAAO,MAAM;MACX;QAAA,SAEW,CACL,oBADK,EAEL;UACE,6BAA6BL,KAAK,CAACC,KADrC;UAEE,2BAA2BD,KAAK,CAACG;QAFnC,CAFK;MAFX,GAScE,KATd;IAYD,CAbD;EAcD;;AAzB4C,CAAD,CAAvC"}

package/lib/components/VList/VListItemAvatar.mjs

@@ -1,28 +1,22 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-// Composables
-import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVAvatarProps, VAvatar } from "../VAvatar/VAvatar.mjs"; // Utilities
 
 import { defineComponent } from "../../util/index.mjs";
 export const VListItemAvatar = defineComponent({
   name: 'VListItemAvatar',
-  props: {
-    left: Boolean,
-    right: Boolean,
-    ...makeTagProps()
-  },
+  props: makeVAvatarProps(),
 
   setup(props, _ref) {
     let {
       slots
     } = _ref;
-    return () => {
-      return _createVNode(props.tag, {
-        "class": ['v-list-item-avatar', {
-          'v-list-item-avatar--start': props.left,
-          'v-list-item-avatar--end': props.right
-        }]
-      }, slots);
-    };
+    return () => _createVNode(VAvatar, _mergeProps({
+      "class": ['v-list-item-avatar', {
+        'v-list-item-avatar--start': props.start,
+        'v-list-item-avatar--end': props.end
+      }]
+    }, props), slots);
   }
 
 });

package/lib/components/VList/VListItemAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.tsx"],"names":["makeTagProps","defineComponent","VListItemAvatar","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHsC;;AAU7CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,uCAA6BL,KAAK,CAACC,IADrC;AAEE,qCAA2BD,KAAK,CAACG;AAFnC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB4C,CAAD,CAAvC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAvatar = defineComponent({\n  name: 'VListItemAvatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-avatar',\n            {\n              'v-list-item-avatar--start': props.left,\n              'v-list-item-avatar--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemAvatar.mjs"}
+{"version":3,"file":"VListItemAvatar.mjs","names":["makeVAvatarProps","VAvatar","defineComponent","VListItemAvatar","name","props","setup","slots","start","end"],"sources":["../../../src/components/VList/VListItemAvatar.tsx"],"sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAvatar = defineComponent({\n  name: 'VListItemAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class={[\n          'v-list-item-avatar',\n          {\n            'v-list-item-avatar--start': props.start,\n            'v-list-item-avatar--end': props.end,\n          },\n        ]}\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;EAC7CE,IAAI,EAAE,iBADuC;EAG7CC,KAAK,EAAEL,gBAAgB,EAHsB;;EAK7CM,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,OAAO;MAAA,SAEI,CACL,oBADK,EAEL;QACE,6BAA6BF,KAAK,CAACG,KADrC;QAEE,2BAA2BH,KAAK,CAACI;MAFnC,CAFK;IAFJ,GASEJ,KATF,GAUOE,KAVP,CAAP;EAaD;;AAnB4C,CAAD,CAAvC"}

package/lib/components/VList/VListItemHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemHeader.ts"],"names":["createSimpleFunctional","VListItemHeader"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,eAAe,GAAGD,sBAAsB,CAAC,oBAAD,CAA9C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemHeader = createSimpleFunctional('v-list-item-header')\n"],"file":"VListItemHeader.mjs"}
+{"version":3,"file":"VListItemHeader.mjs","names":["createSimpleFunctional","VListItemHeader"],"sources":["../../../src/components/VList/VListItemHeader.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemHeader = createSimpleFunctional('v-list-item-header')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,eAAe,GAAGD,sBAAsB,CAAC,oBAAD,CAA9C"}

package/lib/components/VList/VListItemIcon.mjs

@@ -0,0 +1,23 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeVIconProps, VIcon } from "../VIcon/VIcon.mjs"; // Utilities
+
+import { defineComponent } from "../../util/index.mjs";
+export const VListItemIcon = defineComponent({
+  name: 'VListItemIcon',
+  props: makeVIconProps(),
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    return () => _createVNode(VIcon, _mergeProps({
+      "class": ['v-list-item-icon', {
+        'v-list-item-icon--start': props.start,
+        'v-list-item-icon--end': props.end
+      }]
+    }, props), slots);
+  }
+
+});
+//# sourceMappingURL=VListItemIcon.mjs.map

package/lib/components/VList/VListItemIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VListItemIcon.mjs","names":["makeVIconProps","VIcon","defineComponent","VListItemIcon","name","props","setup","slots","start","end"],"sources":["../../../src/components/VList/VListItemIcon.tsx"],"sourcesContent":["// Components\nimport { makeVIconProps, VIcon } from '@/components/VIcon/VIcon'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemIcon = defineComponent({\n  name: 'VListItemIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VIcon\n        class={[\n          'v-list-item-icon',\n          {\n            'v-list-item-icon--start': props.start,\n            'v-list-item-icon--end': props.end,\n          },\n        ]}\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"mappings":";AAAA;SACSA,c,EAAgBC,K,8BAEzB;;SACSC,e;AAET,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eADqC;EAG3CC,KAAK,EAAEL,cAAc,EAHsB;;EAK3CM,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,OAAO;MAAA,SAEI,CACL,kBADK,EAEL;QACE,2BAA2BF,KAAK,CAACG,KADnC;QAEE,yBAAyBH,KAAK,CAACI;MAFjC,CAFK;IAFJ,GASEJ,KATF,GAUOE,KAVP,CAAP;EAaD;;AAnB0C,CAAD,CAArC"}

package/lib/components/VList/VListItemMedia.mjs

@@ -6,8 +6,8 @@ import { defineComponent } from "../../util/index.mjs";
 export const VListItemMedia = defineComponent({
   name: 'VListItemMedia',
   props: {
-    left: Boolean,
-    right: Boolean,
+    start: Boolean,
+    end: Boolean,
     ...makeTagProps()
   },
 
@@ -18,8 +18,8 @@ export const VListItemMedia = defineComponent({
     return () => {
       return _createVNode(props.tag, {
         "class": ['v-list-item-media', {
-          'v-list-item-media--start': props.left,
-          'v-list-item-media--end': props.right
+          'v-list-item-media--start': props.start,
+          'v-list-item-media--end': props.end
         }]
       }, slots);
     };

package/lib/components/VList/VListItemMedia.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemMedia.tsx"],"names":["makeTagProps","defineComponent","VListItemMedia","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHqC;;AAU5CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,mBADK,EAEL;AACE,sCAA4BL,KAAK,CAACC,IADpC;AAEE,oCAA0BD,KAAK,CAACG;AAFlC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.left,\n              'v-list-item-media--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemMedia.mjs"}
+{"version":3,"file":"VListItemMedia.mjs","names":["makeTagProps","defineComponent","VListItemMedia","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemMedia.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.start,\n              'v-list-item-media--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;EAC5CE,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGN,YAAY;EAJV,CAHqC;;EAU5CQ,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,OAAO,MAAM;MACX;QAAA,SAEW,CACL,mBADK,EAEL;UACE,4BAA4BL,KAAK,CAACC,KADpC;UAEE,0BAA0BD,KAAK,CAACG;QAFlC,CAFK;MAFX,GAScE,KATd;IAYD,CAbD;EAcD;;AAzB2C,CAAD,CAAtC"}

package/lib/components/VList/VListItemSubtitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"names":["createSimpleFunctional","VListItemSubtitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"file":"VListItemSubtitle.mjs"}
+{"version":3,"file":"VListItemSubtitle.mjs","names":["createSimpleFunctional","VListItemSubtitle"],"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD"}

package/lib/components/VList/VListItemTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemTitle.ts"],"names":["createSimpleFunctional","VListItemTitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"file":"VListItemTitle.mjs"}
+{"version":3,"file":"VListItemTitle.mjs","names":["createSimpleFunctional","VListItemTitle"],"sources":["../../../src/components/VList/VListItemTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C"}