@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VCard/VCard.mjs

@@ -1,82 +1,180 @@
-// @ts-nocheck
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 
-/* eslint-disable */
+/* eslint-disable complexity */
 // Styles
-import "./VCard.sass"; // Extensions
+import "./VCard.css"; // Components
 
-import VSheet from "../VSheet/index.mjs"; // Mixins
+import { VAvatar } from "../VAvatar/index.mjs";
+import { VImg } from "../VImg/index.mjs";
+import { VCardActions } from "./VCardActions.mjs";
+import { VCardAvatar } from "./VCardAvatar.mjs";
+import { VCardContent } from "./VCardContent.mjs";
+import { VCardHeader } from "./VCardHeader.mjs";
+import { VCardHeaderText } from "./VCardHeaderText.mjs";
+import { VCardImg } from "./VCardImg.mjs";
+import { VCardSubtitle } from "./VCardSubtitle.mjs";
+import { VCardText } from "./VCardText.mjs";
+import { VCardTitle } from "./VCardTitle.mjs"; // Composables
 
-import Loadable from "../../mixins/loadable/index.mjs";
-import Routable from "../../mixins/routable/index.mjs"; // Helpers
+import { makeBorderProps, useBorder } from "../../composables/border.mjs";
+import { makeDensityProps, useDensity } from "../../composables/density.mjs";
+import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
+import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makePositionProps, usePosition } from "../../composables/position.mjs";
+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 { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs"; // Directives
 
-import mixins from "../../util/mixins.mjs"; // Types
+import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
-/* @vue/component */
-export default mixins(Loadable, Routable, VSheet).extend({
-  name: 'v-card',
+import { defineComponent } from "../../util/index.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+export const VCard = defineComponent({
+  name: 'VCard',
+  directives: {
+    Ripple
+  },
   props: {
+    appendAvatar: String,
+    appendIcon: String,
+    disabled: Boolean,
     flat: Boolean,
     hover: Boolean,
-    img: String,
+    image: String,
     link: Boolean,
-    loaderHeight: {
-      type: [Number, String],
-      default: 4
-    },
-    raised: Boolean
-  },
-  computed: {
-    classes() {
-      return {
-        'v-card': true,
-        ...Routable.options.computed.classes.call(this),
-        'v-card--flat': this.flat,
-        'v-card--hover': this.hover,
-        'v-card--link': this.isClickable,
-        'v-card--loading': this.loading,
-        'v-card--disabled': this.disabled,
-        'v-card--raised': this.raised,
-        ...VSheet.options.computed.classes.call(this)
-      };
-    },
-
-    styles() {
-      const style = { ...VSheet.options.computed.styles.call(this)
-      };
-
-      if (this.img) {
-        style.background = "url(\"".concat(this.img, "\") center center / cover no-repeat");
-      }
-
-      return style;
-    }
-
-  },
-  methods: {
-    genProgress() {
-      const render = Loadable.options.methods.genProgress.call(this);
-      if (!render) return null;
-      return this.$createElement('div', {
-        staticClass: 'v-card__progress',
-        key: 'progress'
-      }, [render]);
-    }
-
+    prependAvatar: String,
+    prependIcon: String,
+    ripple: Boolean,
+    subtitle: String,
+    text: String,
+    title: String,
+    ...makeThemeProps(),
+    ...makeBorderProps(),
+    ...makeDensityProps(),
+    ...makeDimensionProps(),
+    ...makeElevationProps(),
+    ...makePositionProps(),
+    ...makeRoundedProps(),
+    ...makeRouterProps(),
+    ...makeTagProps(),
+    ...makeVariantProps({
+      variant: 'contained'
+    })
   },
 
-  render(h) {
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
     const {
-      tag,
-      data
-    } = this.generateRouteLink();
-    data.style = this.styles;
-
-    if (this.isClickable) {
-      data.attrs = data.attrs || {};
-      data.attrs.tabindex = 0;
-    }
+      themeClasses
+    } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      positionClasses,
+      positionStyles
+    } = usePosition(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const link = useLink(props, attrs);
+    return () => {
+      var _slots$image, _slots$media, _slots$headerText, _slots$default;
 
-    return h(tag, this.setBackgroundColor(this.color, data), [this.genProgress(), this.$slots.default]);
+      const Tag = link.isLink.value ? 'a' : props.tag;
+      const hasTitle = !!(slots.title || props.title);
+      const hasSubtitle = !!(slots.subtitle || props.subtitle);
+      const hasHeaderText = hasTitle || hasSubtitle;
+      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon);
+      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon);
+      const hasImage = !!(slots.image || props.image);
+      const hasHeader = hasHeaderText || hasPrepend || hasAppend;
+      const hasText = !!(slots.text || props.text);
+      const isClickable = !props.disabled && (link.isClickable.value || props.link);
+      return _withDirectives(_createVNode(Tag, {
+        "class": ['v-card', {
+          'v-card--disabled': props.disabled,
+          'v-card--flat': props.flat,
+          'v-card--hover': props.hover && !(props.disabled || props.flat),
+          'v-card--link': isClickable
+        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value],
+        "style": [colorStyles.value, dimensionStyles.value, positionStyles.value],
+        "href": link.href.value,
+        "onClick": isClickable && link.navigate
+      }, {
+        default: () => [genOverlays(isClickable, 'v-card'), hasImage && _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VImg: {
+              cover: true,
+              src: props.image
+            }
+          }
+        }, {
+          default: () => [_createVNode(VCardImg, null, {
+            default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : _createVNode(VImg, {
+              "alt": ""
+            }, null)]
+          })]
+        }), (_slots$media = slots.media) == null ? void 0 : _slots$media.call(slots), hasHeader && _createVNode(VCardHeader, null, {
+          default: () => [hasPrepend && _createVNode(VDefaultsProvider, {
+            "defaults": {
+              VAvatar: {
+                density: props.density,
+                icon: props.prependIcon,
+                image: props.prependAvatar
+              }
+            }
+          }, {
+            default: () => [_createVNode(VCardAvatar, null, {
+              default: () => [slots.prepend ? slots.prepend() : _createVNode(VAvatar, null, null)]
+            })]
+          }), hasHeaderText && _createVNode(VCardHeaderText, null, {
+            default: () => [hasTitle && _createVNode(VCardTitle, null, {
+              default: () => [slots.title ? slots.title() : props.title]
+            }), hasSubtitle && _createVNode(VCardSubtitle, null, {
+              default: () => [slots.subtitle ? slots.subtitle() : props.subtitle]
+            }), (_slots$headerText = slots.headerText) == null ? void 0 : _slots$headerText.call(slots)]
+          }), hasAppend && _createVNode(VDefaultsProvider, {
+            "defaults": {
+              VAvatar: {
+                density: props.density,
+                icon: props.appendIcon,
+                image: props.appendAvatar
+              }
+            }
+          }, {
+            default: () => [_createVNode(VCardAvatar, null, {
+              default: () => [slots.append ? slots.append() : _createVNode(VAvatar, null, null)]
+            })]
+          })]
+        }), hasText && _createVNode(VCardText, null, {
+          default: () => [slots.text ? slots.text() : props.text]
+        }), slots.content && _createVNode(VCardContent, null, {
+          default: slots.content
+        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.actions && _createVNode(VCardActions, null, {
+          default: slots.actions
+        })]
+      }), [[_resolveDirective("ripple"), isClickable]]);
+    };
   }
 
 });

package/lib/components/VCard/VCard.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCard.ts"],"names":["VSheet","Loadable","Routable","mixins","extend","name","props","flat","Boolean","hover","img","String","link","loaderHeight","type","Number","default","raised","computed","classes","options","call","isClickable","loading","disabled","styles","style","background","methods","genProgress","render","$createElement","staticClass","key","h","tag","data","generateRouteLink","attrs","tabindex","setBackgroundColor","color","$slots"],"mappings":"AAAA;;AACA;AAEA;AACA,sB,CAEA;;OACOA,M,6BAEP;;OACOC,Q;OACAC,Q,yCAEP;;OACOC,M,+BAEP;;AAGA;AACA,eAAeA,MAAM,CACnBF,QADmB,EAEnBC,QAFmB,EAGnBF,MAHmB,CAAN,CAIbI,MAJa,CAIN;AACPC,EAAAA,IAAI,EAAE,QADC;AAGPC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAGLE,IAAAA,GAAG,EAAEC,MAHA;AAILC,IAAAA,IAAI,EAAEJ,OAJD;AAKLK,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASJ,MAAT,CADM;AAEZK,MAAAA,OAAO,EAAE;AAFG,KALT;AASLC,IAAAA,MAAM,EAAET;AATH,GAHA;AAePU,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO;AACL,kBAAU,IADL;AAEL,WAAGjB,QAAQ,CAACkB,OAAT,CAAiBF,QAAjB,CAA0BC,OAA1B,CAAkCE,IAAlC,CAAuC,IAAvC,CAFE;AAGL,wBAAgB,KAAKd,IAHhB;AAIL,yBAAiB,KAAKE,KAJjB;AAKL,wBAAgB,KAAKa,WALhB;AAML,2BAAmB,KAAKC,OANnB;AAOL,4BAAoB,KAAKC,QAPpB;AAQL,0BAAkB,KAAKP,MARlB;AASL,WAAGjB,MAAM,CAACoB,OAAP,CAAeF,QAAf,CAAwBC,OAAxB,CAAgCE,IAAhC,CAAqC,IAArC;AATE,OAAP;AAWD,KAbO;;AAcRI,IAAAA,MAAM,GAAY;AAChB,YAAMC,KAAyB,GAAG,EAChC,GAAG1B,MAAM,CAACoB,OAAP,CAAeF,QAAf,CAAwBO,MAAxB,CAA+BJ,IAA/B,CAAoC,IAApC;AAD6B,OAAlC;;AAIA,UAAI,KAAKX,GAAT,EAAc;AACZgB,QAAAA,KAAK,CAACC,UAAN,mBAA2B,KAAKjB,GAAhC;AACD;;AAED,aAAOgB,KAAP;AACD;;AAxBO,GAfH;AA0CPE,EAAAA,OAAO,EAAE;AACPC,IAAAA,WAAW,GAAI;AACb,YAAMC,MAAM,GAAG7B,QAAQ,CAACmB,OAAT,CAAiBQ,OAAjB,CAAyBC,WAAzB,CAAqCR,IAArC,CAA0C,IAA1C,CAAf;AAEA,UAAI,CAACS,MAAL,EAAa,OAAO,IAAP;AAEb,aAAO,KAAKC,cAAL,CAAoB,KAApB,EAA2B;AAChCC,QAAAA,WAAW,EAAE,kBADmB;AAEhCC,QAAAA,GAAG,EAAE;AAF2B,OAA3B,EAGJ,CAACH,MAAD,CAHI,CAAP;AAID;;AAVM,GA1CF;;AAuDPA,EAAAA,MAAM,CAAEI,CAAF,EAAY;AAChB,UAAM;AAAEC,MAAAA,GAAF;AAAOC,MAAAA;AAAP,QAAgB,KAAKC,iBAAL,EAAtB;AAEAD,IAAAA,IAAI,CAACV,KAAL,GAAa,KAAKD,MAAlB;;AAEA,QAAI,KAAKH,WAAT,EAAsB;AACpBc,MAAAA,IAAI,CAACE,KAAL,GAAaF,IAAI,CAACE,KAAL,IAAc,EAA3B;AACAF,MAAAA,IAAI,CAACE,KAAL,CAAWC,QAAX,GAAsB,CAAtB;AACD;;AAED,WAAOL,CAAC,CAACC,GAAD,EAAM,KAAKK,kBAAL,CAAwB,KAAKC,KAA7B,EAAoCL,IAApC,CAAN,EAAiD,CACvD,KAAKP,WAAL,EADuD,EAEvD,KAAKa,MAAL,CAAY1B,OAF2C,CAAjD,CAAR;AAID;;AArEM,CAJM,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\n"],"file":"VCard.mjs"}
+{"version":3,"sources":["../../../src/components/VCard/VCard.tsx"],"names":["VAvatar","VImg","VCardActions","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","defineComponent","VDefaultsProvider","VCard","name","directives","props","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","Tag","isLink","value","tag","hasTitle","hasSubtitle","hasHeaderText","hasAppend","append","hasPrepend","prepend","hasImage","hasHeader","hasText","isClickable","href","navigate","cover","src","media","density","icon","headerText","content","default","actions"],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VImg } from '@/components/VImg'\nimport { VCardActions } from './VCardActions'\nimport { VCardAvatar } from './VCardAvatar'\nimport { VCardContent } from './VCardContent'\nimport { VCardHeader } from './VCardHeader'\nimport { VCardHeaderText } from './VCardHeaderText'\nimport { VCardImg } from './VCardImg'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardText } from './VCardText'\nimport { VCardTitle } from './VCardTitle'\n\n// Composables\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 { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\nexport const VCard = defineComponent({\n  name: 'VCard',\n\n  directives: { Ripple },\n\n  props: {\n    appendAvatar: String,\n    appendIcon: String,\n    disabled: Boolean,\n    flat: Boolean,\n    hover: Boolean,\n    image: String,\n    link: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    ripple: Boolean,\n    subtitle: String,\n    text: String,\n    title: String,\n\n    ...makeThemeProps(),\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeTagProps(),\n    ...makeVariantProps({ variant: 'contained' } as const),\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    return () => {\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 hasHeaderText = hasTitle || hasSubtitle\n      const hasAppend = !!(slots.append || props.appendAvatar || props.appendIcon)\n      const hasPrepend = !!(slots.prepend || props.prependAvatar || props.prependIcon)\n      const hasImage = !!(slots.image || props.image)\n      const hasHeader = hasHeaderText || hasPrepend || hasAppend\n      const hasText = !!(slots.text || props.text)\n      const isClickable = !props.disabled && (link.isClickable.value || props.link)\n\n      return (\n        <Tag\n          class={[\n            'v-card',\n            {\n              'v-card--disabled': props.disabled,\n              'v-card--flat': props.flat,\n              'v-card--hover': props.hover && !(props.disabled || props.flat),\n              'v-card--link': isClickable,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          href={ link.href.value }\n          onClick={ isClickable && link.navigate }\n          v-ripple={ isClickable }\n        >\n          { genOverlays(isClickable, 'v-card') }\n\n          { hasImage && (\n            <VDefaultsProvider\n              defaults={{\n                VImg: {\n                  cover: true,\n                  src: props.image,\n                },\n              }}\n            >\n              <VCardImg>\n                { slots.image ? slots.image?.() : (<VImg alt=\"\" />) }\n              </VCardImg>\n            </VDefaultsProvider>\n          ) }\n\n          { slots.media?.() }\n\n          { hasHeader && (\n            <VCardHeader>\n              { hasPrepend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.prepend ? slots.prepend() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n\n              { hasHeaderText && (\n                <VCardHeaderText>\n                  { hasTitle && (\n                    <VCardTitle>\n                      { slots.title ? slots.title() : props.title}\n                    </VCardTitle>\n                  ) }\n\n                  { hasSubtitle && (\n                    <VCardSubtitle>\n                      { slots.subtitle ? slots.subtitle() : props.subtitle }\n                    </VCardSubtitle>\n                  ) }\n\n                  { slots.headerText?.() }\n                </VCardHeaderText>\n              ) }\n\n              { hasAppend && (\n                <VDefaultsProvider\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                >\n                  <VCardAvatar>\n                    { slots.append ? slots.append() : (<VAvatar />) }\n                  </VCardAvatar>\n                </VDefaultsProvider>\n              ) }\n            </VCardHeader>\n          ) }\n\n          { hasText && (\n            <VCardText>\n              { slots.text ? slots.text() : props.text }\n            </VCardText>\n          ) }\n\n          { slots.content && (\n            <VCardContent v-slots={{ default: slots.content }} />\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"file":"VCard.mjs"}

package/lib/components/VCard/VCard.sass

@@ -1,155 +1,183 @@
-@import './_variables.scss'
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
+@use './mixins' as *
 
-// Theme
-+theme(v-card) using ($material)
-  background-color: map-get($material, 'cards')
-  color: map-deep-get($material, 'text', 'primary')
-
-  > .v-card__text,
-  .v-card__subtitle
-    color: map-deep-get($material, 'text', 'secondary')
-
-// Sheet
-+sheet(v-card, $card-elevation, $card-border-radius, $card-shaped-border-radius)
-
-// Block
 .v-card
-  border-width: $card-outlined-border-width
   display: block
-  max-width: 100%
-  outline: none
-  text-decoration: none
-  transition-property: box-shadow, opacity
-  overflow-wrap: $card-overflow-wrap
   position: relative
-  white-space: $card-white-space
+  padding: $card-padding
+  text-decoration: none
+  transition-duration: $card-transition-duration
+  transition-property: $card-transition-property
+  transition-timing-function: $card-transition-timing-function
 
-  > *:first-child:not(.v-btn):not(.v-chip),
-  > .v-card__progress + *:not(.v-btn):not(.v-chip)
-    border-top-left-radius: inherit
-    border-top-right-radius: inherit
+  @include tools.border($card-border...)
+  @include tools.position($card-positions)
+  @include tools.rounded($card-border-radius)
+  @include tools.states('.v-card__overlay')
+  @include tools.variant($card-variants...)
 
-  > *:last-child:not(.v-btn):not(.v-chip)
-    border-bottom-left-radius: inherit
-    border-bottom-right-radius: inherit
+  &--disabled
+    pointer-events: none
+    user-select: none
 
-// Element
-.v-card__progress
-  top: 0
-  left: 0
-  right: 0
-  overflow: hidden
+    > [class*='v-card-']
+      opacity: $card-disabled-opacity
 
-.v-card__subtitle
-  + .v-card__text
-    padding-top: $card-adjacent-sibling-text-padding-top
+  &--flat
+    box-shadow: none
 
-.v-card__subtitle,
-.v-card__text
-  font-size: $card-text-font-size
-  font-weight: $card-text-font-weight
-  line-height: $card-text-line-height
-  letter-spacing: $card-text-letter-spacing
+  &--hover
+    cursor: pointer
 
-.v-card__subtitle,
-.v-card__text,
-.v-card__title
-  padding: $card-subtitle-padding
+    &::before,
+    &::after
+      border-radius: inherit
+      bottom: 0
+      content: ''
+      display: block
+      left: 0
+      pointer-events: none
+      position: absolute
+      right: 0
+      top: 0
+      transition: inherit
 
-.v-card__title
-  align-items: center
-  display: flex
-  flex-wrap: wrap
-  font-size: $card-title-font-size
-  font-weight: $card-title-font-weight
-  letter-spacing: $card-title-letter-spacing
-  line-height: $card-title-line-height
-  word-break: $card-title-word-break
+    &::before
+      opacity: 1
+      z-index: -1
 
-  + .v-card__subtitle,
-  + .v-card__text
-    padding-top: $card-adjacent-sibling-text-padding-top
+      @include tools.elevation($card-elevation)
 
-  + .v-card__subtitle
-    margin-top: $card-title-adjacent-sibling-subtitle-margin-top
+    &::after
+      z-index: 1
+      opacity: 0
 
-.v-card__text
-  width: 100%
+      @include tools.elevation($card-hover-elevation)
+
+    &:hover::after
+      opacity: 1
+
+    &:hover::before
+      opacity: 0
+
+    @include tools.elevation(0)
+
+  &--link
+    cursor: pointer
 
-.v-card__actions
+  &--tile
+    @include tools.rounded($card-tile-border-radius)
+
+.v-card-actions
   align-items: center
   display: flex
+  flex: $card-actions-flex
+  min-height: $card-actions-min-height
   padding: $card-actions-padding
 
-  > .v-btn.v-btn
-    padding: $card-btn-padding
+.v-card-avatar
+  align-self: $card-avatar-align-self
+  padding: $card-avatar-padding
 
-    // Buttons have reduced padding in card actions per spec
-    // and need to compensate the icon margins accordingly
-    +ltr()
-      + .v-btn
-        margin-left: $card-btn-margin-x
+  &:last-child
+    .v-card-header &
+      padding-inline-end: $card-avatar-header-padding
 
-      .v-icon--left
-        margin-left: $card-btn-small-margin-x
+  &:first-child
+    .v-card-header &
+      padding-inline-start: $card-avatar-header-padding
 
-      .v-icon--right
-        margin-right: $card-btn-small-margin-x
+.v-card-header-text
+  flex: $card-header-text-flex
+  min-width: 0
 
-    +rtl()
-      + .v-btn
-        margin-right: $card-btn-margin-x
+.v-card-img
+  border-radius: inherit
+  display: flex
+  height: 100%
+  flex: $card-img-flex
+  left: 0
+  overflow: hidden
+  position: absolute
+  top: 0
+  width: 100%
 
-      .v-icon--left
-        margin-right: $card-btn-small-margin-x
+.v-card-header
+  align-items: $card-item-align-items
+  display: flex
+  flex: $card-header-flex
+  padding: $card-item-padding
 
-      .v-icon--right
-        margin-left: $card-btn-small-margin-x
+  + .v-card-text
+    padding-top: 0
 
-// @deprecated
-// TODO: Remove in v3
-.v-card--flat
-  +elevation(0, true)
+.v-card-subtitle
+  align-items: center
+  display: flex
+  flex: $card-subtitle-flex
+  font-size: $card-subtitle-font-size
+  font-weight: $card-subtitle-font-weight
+  letter-spacing: $card-subtitle-letter-spacing
+  opacity: $card-subtitle-opacity
+  padding: $card-subtitle-padding
+  text-transform: $card-subtitle-text-transform
 
-.v-sheet.v-card--hover
-  cursor: pointer
-  transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1)
+  @include card-line-height-densities($card-subtitle-densities)
 
-  &:hover, &:focus
-    +elevation($card-hover-elevation)
+  .v-card-header &
+    padding: $card-subtitle-header-padding
 
-.v-card--link
-  cursor: pointer
+.v-card-text
+  flex: $card-text-flex
+  font-size: $card-text-font-size
+  font-weight: $card-text-font-weight
+  letter-spacing: $card-text-letter-spacing
+  padding: $card-text-padding
+  // position: relative
+  text-transform: $card-text-text-transform
+  transition: inherit
+  transition-property: color, opacity
 
-  // https://github.com/vuetifyjs/vuetify/issues/3925
-  .v-chip
-    cursor: pointer
+  @include card-line-height-densities($card-text-densities)
 
-  &:focus:before
-    opacity: $card-link-focus-opacity
+.v-card-content
+  flex: $card-content-flex
+  padding: $card-text-padding
+  // position: relative
 
-  &:before
-    background: currentColor
-    bottom: 0
-    content: ''
-    left: 0
-    opacity: 0
-    pointer-events: none
-    position: absolute
-    right: 0
-    top: 0
-    transition: .2s opacity map-get($transition, 'fast-in-slow-out')
+.v-card-title
+  align-items: center
+  display: flex
+  flex: $card-title-flex
+  font-size: $card-title-font-size
+  font-weight: $card-title-font-weight
+  hyphens: $card-title-hyphens
+  letter-spacing: $card-title-letter-spacing
+  overflow-wrap: $card-title-overflow-wrap
+  padding: $card-title-padding
+  text-transform: $card-title-text-transform
+  word-break: $card-title-word-break
+  word-wrap: $card-title-word-wrap
 
-.v-card--disabled
-  pointer-events: none
-  user-select: none
+  @include card-line-height-densities($card-title-densities)
 
-  > *:not(.v-card__progress)
-    opacity: $card-disabled-opacity
-    transition: inherit
+  .v-card-header &
+    padding: $card-title-header-padding
 
-.v-card--loading
-  overflow: hidden
+.v-card__overlay
+  background-color: currentColor
+  border-radius: inherit
+  position: absolute
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  pointer-events: none
+  opacity: 0
+  transition: opacity 0.2s ease-in-out
 
-.v-card--raised
-  +elevation($card-raised-elevation)
+  + .v-card-media
+    border-top-left-radius: inherit
+    border-top-right-radius: inherit

package/lib/components/VCard/VCardActions.mjs

@@ -0,0 +1,29 @@
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
+
+import { defineComponent, useRender } from "../../util/index.mjs";
+export const VCardActions = defineComponent({
+  name: 'VCardActions',
+
+  setup(_, _ref) {
+    let {
+      slots
+    } = _ref;
+    provideDefaults({
+      VBtn: {
+        variant: 'text'
+      }
+    });
+    useRender(() => {
+      var _slots$default;
+
+      return _createVNode("div", {
+        "class": "v-card-actions"
+      }, [slots == null ? void 0 : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
+    });
+    return {};
+  }
+
+});
+//# sourceMappingURL=VCardActions.mjs.map

package/lib/components/VCard/VCardActions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardActions.tsx"],"names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;AAC1CG,EAAAA,IAAI,EAAE,cADoC;;AAG1CC,EAAAA,KAAK,CAAEC,CAAF,QAAgB;AAAA,QAAX;AAAEC,MAAAA;AAAF,KAAW;AACnBP,IAAAA,eAAe,CAAC;AACdQ,MAAAA,IAAI,EAAE;AACJC,QAAAA,OAAO,EAAE;AADL;AADQ,KAAD,CAAf;AAMAP,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,iBACG;AADH,UAEJK,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO,EAAP;AACD;;AAjByC,CAAD,CAApC","sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCardActions = defineComponent({\n  name: 'VCardActions',\n\n  setup (_, { slots }) {\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-card-actions\">\n        { slots?.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"file":"VCardActions.mjs"}

package/lib/components/VCard/VCardAvatar.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardAvatar = createSimpleFunctional('v-card-avatar');
+//# sourceMappingURL=VCardAvatar.mjs.map

package/lib/components/VCard/VCardAvatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardAvatar.ts"],"names":["createSimpleFunctional","VCardAvatar"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardAvatar = createSimpleFunctional('v-card-avatar')\n"],"file":"VCardAvatar.mjs"}

package/lib/components/VCard/VCardContent.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardContent = createSimpleFunctional('v-card-content');
+//# sourceMappingURL=VCardContent.mjs.map

package/lib/components/VCard/VCardContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardContent.ts"],"names":["createSimpleFunctional","VCardContent"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,YAAY,GAAGD,sBAAsB,CAAC,gBAAD,CAA3C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardContent = createSimpleFunctional('v-card-content')\n"],"file":"VCardContent.mjs"}

package/lib/components/VCard/VCardHeader.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardHeader = createSimpleFunctional('v-card-header');
+//# sourceMappingURL=VCardHeader.mjs.map

package/lib/components/VCard/VCardHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VCard/VCardHeader.ts"],"names":["createSimpleFunctional","VCardHeader"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardHeader = createSimpleFunctional('v-card-header')\n"],"file":"VCardHeader.mjs"}

package/lib/components/VCard/VCardHeaderText.mjs

@@ -0,0 +1,3 @@
+import { createSimpleFunctional } from "../../util/index.mjs";
+export const VCardHeaderText = createSimpleFunctional('v-card-header-text');
+//# sourceMappingURL=VCardHeaderText.mjs.map