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

package/lib/components/VBtn/VBtn.css

@@ -6,8 +6,9 @@
   justify-content: center;
   letter-spacing: 0.0892857143em;
   line-height: normal;
+  max-width: 100%;
   outline: none;
-  overflow: visible;
+  overflow: hidden;
   position: relative;
   text-decoration: none;
   text-indent: 0.0892857143em;
@@ -18,6 +19,7 @@
   user-select: none;
   vertical-align: middle;
   flex-shrink: 0;
+  white-space: nowrap;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
@@ -89,6 +91,14 @@
     opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
   }
 }
+.v-btn--active:hover.v-btn__overlay,
+.v-btn--active .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover.v-btn__overlay,
+.v-btn[aria-haspopup=menu][aria-expanded=true] .v-btn__overlay {
+  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+}
+.v-btn--active:focus .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus .v-btn__overlay {
+  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+}
 .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-contained-text {
   background: transparent;
   color: inherit;
@@ -254,6 +264,15 @@
 .v-btn--rounded {
   border-radius: 24px;
 }
+.v-btn .v-icon {
+  --v-icon-size-multiplier: 0.8571428571;
+}
+.v-btn--icon .v-icon {
+  --v-icon-size-multiplier: 1;
+}
+.v-btn--stacked .v-icon {
+  --v-icon-size-multiplier: 1.1428571429;
+}
 
 .v-btn__content {
   transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);

package/lib/components/VBtn/VBtn.mjs

@@ -16,7 +16,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 { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs"; // Directives
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { useSelectLink } from "../../composables/selectLink.mjs"; // Directives
 
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
@@ -28,6 +29,11 @@ export const VBtn = defineComponent({
     Ripple
   },
   props: {
+    active: Boolean,
+    symbol: {
+      type: null,
+      default: VBtnToggleSymbol
+    },
     flat: Boolean,
     icon: [Boolean, String],
     prependIcon: String,
@@ -91,21 +97,22 @@ export const VBtn = defineComponent({
     const {
       sizeClasses
     } = useSize(props);
-    const group = useGroupItem(props, VBtnToggleSymbol, false);
+    const group = useGroupItem(props, props.symbol, false);
     const link = useLink(props, attrs);
     const isDisabled = computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
     const isElevated = computed(() => {
       return props.variant === 'contained' && !(props.disabled || props.flat || props.border);
     });
+    useSelectLink(link, group == null ? void 0 : group.select);
     return () => {
-      var _link$isExactActive, _slots$default;
+      var _slots$default;
 
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasColor = !group || group.isSelected.value;
       return _withDirectives(_createVNode(Tag, {
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group == null ? void 0 : group.selectedClass.value, {
-          'v-btn--active': (_link$isExactActive = link.isExactActive) == null ? void 0 : _link$isExactActive.value,
+          'v-btn--active': props.active,
           'v-btn--block': props.block,
           'v-btn--disabled': isDisabled.value,
           'v-btn--elevated': isElevated.value,
@@ -116,12 +123,18 @@ export const VBtn = defineComponent({
         "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, positionStyles.value],
         "disabled": isDisabled.value || undefined,
         "href": link.href.value,
-        "onClick": isDisabled.value || link.navigate || (group == null ? void 0 : group.toggle)
+        "onClick": e => {
+          var _link$navigate;
+
+          if (isDisabled.value) return;
+          (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
+          group == null ? void 0 : group.toggle();
+        }
       }, {
         default: () => [genOverlays(true, 'v-btn'), !props.icon && props.prependIcon && _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.prependIcon,
-          "left": !props.stacked
+          "start": true
         }, null), typeof props.icon === 'boolean' ? (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots) : _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.icon,
@@ -129,7 +142,7 @@ export const VBtn = defineComponent({
         }, null), !props.icon && props.appendIcon && _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.appendIcon,
-          "right": !props.stacked
+          "end": true
         }, null)]
       }), [[_resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
     };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBtn/VBtn.tsx"],"names":["VBtnToggleSymbol","VIcon","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","computed","defineComponent","VBtn","name","directives","props","flat","Boolean","icon","String","prependIcon","appendIcon","block","stacked","ripple","type","default","tag","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","sizeClasses","group","link","isDisabled","disabled","value","isElevated","border","Tag","isLink","hasColor","isSelected","undefined","selectedClass","isExactActive","href","navigate","toggle","size"],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VIcon } from '@/components/VIcon'\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 { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    flat: Boolean,\n    icon: [Boolean, String],\n    prependIcon: String,\n    appendIcon: String,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\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 { sizeClasses } = useSize(props)\n    const group = useGroupItem(props, VBtnToggleSymbol, false)\n    const link = useLink(props, attrs)\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'contained' && !(props.disabled || props.flat || props.border)\n    })\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': link.isExactActive?.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ isDisabled.value || link.navigate || group?.toggle }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && props.prependIcon && (\n            <VIcon\n              class=\"v-btn__icon\"\n              icon={ props.prependIcon }\n              left={ !props.stacked }\n            />\n          ) }\n\n          { typeof props.icon === 'boolean'\n            ? slots.default?.()\n            : (\n              <VIcon\n                class=\"v-btn__icon\"\n                icon={ props.icon }\n                size={ props.size }\n              />\n            )\n          }\n\n          { !props.icon && props.appendIcon && (\n            <VIcon\n              class=\"v-btn__icon\"\n              icon={ props.appendIcon }\n              right={ !props.stacked }\n            />\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"file":"VBtn.mjs"}
+{"version":3,"sources":["../../../src/components/VBtn/VBtn.tsx"],"names":["VBtnToggleSymbol","VIcon","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","useSelectLink","Ripple","computed","defineComponent","VBtn","name","directives","props","active","Boolean","symbol","type","default","flat","icon","String","prependIcon","appendIcon","block","stacked","ripple","tag","variant","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","sizeClasses","group","link","isDisabled","disabled","value","isElevated","border","select","Tag","isLink","hasColor","isSelected","undefined","selectedClass","href","e","navigate","toggle","size"],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VIcon } from '@/components/VIcon'\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 { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String],\n    prependIcon: String,\n    appendIcon: String,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\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 { sizeClasses } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'contained' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': props.active,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && props.prependIcon && (\n            <VIcon\n              class=\"v-btn__icon\"\n              icon={ props.prependIcon }\n              start\n            />\n          ) }\n\n          { typeof props.icon === 'boolean'\n            ? slots.default?.()\n            : (\n              <VIcon\n                class=\"v-btn__icon\"\n                icon={ props.icon }\n                size={ props.size }\n              />\n            )\n          }\n\n          { !props.icon && props.appendIcon && (\n            <VIcon\n              class=\"v-btn__icon\"\n              icon={ props.appendIcon }\n              end\n            />\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"file":"VBtn.mjs"}

package/lib/components/VBtn/VBtn.sass

@@ -14,8 +14,9 @@
   justify-content: center
   letter-spacing: $button-text-letter-spacing
   line-height: $button-line-height
+  max-width: $button-max-width
   outline: none
-  overflow: visible
+  overflow: $button-overflow
   position: relative
   text-decoration: none
   text-indent: $button-text-letter-spacing
@@ -26,13 +27,14 @@
   user-select: none
   vertical-align: $button-vertical-align
   flex-shrink: 0
+  white-space: $button-white-space
 
   @at-root
     @include button-sizes()
     @include button-density('height', $button-density)
 
   @include tools.border($button-border...)
-  @include tools.states('.v-btn__overlay', false)
+  @include tools.states('.v-btn__overlay')
   @include tools.variant($button-variants...)
 
   @supports selector(:focus-visible)
@@ -99,6 +101,17 @@
   &--rounded
     @include tools.rounded($button-rounded-border-radius)
 
+  .v-icon
+    --v-icon-size-multiplier: #{calc(18/21)}
+
+  &--icon
+    .v-icon
+      --v-icon-size-multiplier: 1
+
+  &--stacked
+    .v-icon
+      --v-icon-size-multiplier: #{calc(24/21)}
+
 .v-btn__content
   transition: $button-content-transition
 

package/lib/components/VBtn/_variables.scss

@@ -34,6 +34,8 @@ $button-stacked-line-height: 1.25 !default;
 $button-plain-opacity: .62 !default;
 $button-padding-ratio: 2.25 !default;
 $button-stacked-padding-ratio: 4.5 !default;
+$button-max-width: 100% !default;
+$button-overflow: hidden !default;
 $button-positions: absolute fixed !default;
 $button-text-letter-spacing: tools.map-deep-get(settings.$typography, 'button', 'letter-spacing') !default;
 $button-text-transform: tools.map-deep-get(settings.$typography, 'button', 'text-transform') !default;
@@ -43,6 +45,7 @@ $button-width-ratio: math.div(16, 9) !default;
 $button-snackbar-action-padding: 0 8px !default;
 $button-stacked-width-ratio: 1 !default;
 $button-rounded-border-radius: map.get(settings.$rounded, 'xl') !default;
+$button-white-space: nowrap !default;
 
 $button-density: ('default': 0, 'comfortable': -2, 'compact': -3) !default;
 $button-stacked-density: ('default': 0, 'comfortable': -4, 'compact': -6) !default;

package/lib/components/VBtnGroup/VBtnGroup.css

@@ -1,7 +1,6 @@
 .v-btn-group {
   display: inline-flex;
   flex-wrap: nowrap;
-  flex: 1 1;
   max-width: 100%;
   min-width: 0;
   overflow: hidden;
@@ -32,17 +31,26 @@
 
 .v-btn-group .v-btn {
   border-radius: 0;
+  border-color: inherit;
 }
 .v-btn-group .v-btn:not(:last-child) {
-  border-right: none;
+  border-inline-end: none;
 }
 .v-btn-group .v-btn:not(:first-child) {
-  border-left: none;
+  border-inline-start: none;
+}
+.v-btn-group .v-btn:first-child {
+  border-start-start-radius: inherit;
+  border-end-start-radius: inherit;
+}
+.v-btn-group .v-btn:last-child {
+  border-start-end-radius: inherit;
+  border-end-end-radius: inherit;
 }
 .v-btn-group--divided .v-btn:not(:last-child) {
-  border-right-width: thin;
-  border-right-style: solid;
-  border-right-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-inline-end-width: thin;
+  border-inline-end-style: solid;
+  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
 }
 .v-btn-group--tile {
   border-radius: 0;

package/lib/components/VBtnGroup/VBtnGroup.sass

@@ -9,7 +9,6 @@
 
   display: inline-flex
   flex-wrap: nowrap
-  flex: 1 1
   max-width: 100%
   min-width: 0
   overflow: hidden
@@ -27,18 +26,27 @@
 
   .v-btn
     border-radius: 0
+    border-color: inherit
 
     &:not(:last-child)
-      border-right: none
+      border-inline-end: none
 
     &:not(:first-child)
-      border-left: none
+      border-inline-start: none
+
+    &:first-child
+      border-start-start-radius: inherit
+      border-end-start-radius: inherit
+
+    &:last-child
+      border-start-end-radius: inherit
+      border-end-end-radius: inherit
 
   &--divided
     .v-btn:not(:last-child)
-      border-right-width: $btn-group-border-thin-width
-      border-right-style: $btn-group-border-style
-      border-right-color: $btn-group-border-color
+      border-inline-end-width: $btn-group-border-thin-width
+      border-inline-end-style: $btn-group-border-style
+      border-inline-end-color: $btn-group-border-color
 
   &--tile
     @include tools.rounded($btn-group-tile-border-radius)

package/lib/components/VCard/VCard.css

@@ -1,6 +1,5 @@
 .v-card {
   display: block;
-  overflow: hidden;
   position: relative;
   padding: 0;
   text-decoration: none;
@@ -34,10 +33,11 @@
   }
 }
 .v-card--active:hover.v-card__overlay,
-.v-card--active .v-card__overlay {
+.v-card--active .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover.v-card__overlay,
+.v-card[aria-haspopup=menu][aria-expanded=true] .v-card__overlay {
   opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
 }
-.v-card--active:focus .v-card__overlay {
+.v-card--active:focus .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus .v-card__overlay {
   opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
 }
 .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-contained-text {
@@ -133,7 +133,7 @@
 .v-card-actions {
   align-items: center;
   display: flex;
-  flex: 1 1 auto;
+  flex: none;
   min-height: 52px;
   padding: 0.5rem;
 }
@@ -158,6 +158,7 @@
   border-radius: inherit;
   display: flex;
   height: 100%;
+  flex: 1 1 auto;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -168,19 +169,17 @@
 .v-card-header {
   align-items: center;
   display: flex;
+  flex: none;
   padding: 0.625rem 1rem;
 }
 .v-card-header + .v-card-text {
   padding-top: 0;
 }
 
-.v-card-media {
-  overflow: hidden;
-}
-
 .v-card-subtitle {
   align-items: center;
   display: flex;
+  flex: none;
   font-size: 0.875rem;
   font-weight: 400;
   letter-spacing: 0.0178571429em;
@@ -202,7 +201,7 @@
 }
 
 .v-card-text {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  flex: 1 1 auto;
   font-size: 0.875rem;
   font-weight: 400;
   letter-spacing: 0.0178571429em;
@@ -220,13 +219,16 @@
 .v-card--density-compact .v-card-text {
   line-height: 1.15rem;
 }
-.v-card-text + .v-card-actions {
-  margin-top: -0.5rem;
+
+.v-card-content {
+  flex: 1 1 auto;
+  padding: 1rem;
 }
 
 .v-card-title {
   align-items: center;
   display: flex;
+  flex: none;
   font-size: 1.25rem;
   font-weight: 500;
   hyphens: auto;

package/lib/components/VCard/VCard.mjs

@@ -8,6 +8,7 @@ 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";
@@ -97,7 +98,7 @@ export const VCard = defineComponent({
     } = useRounded(props);
     const link = useLink(props, attrs);
     return () => {
-      var _slots$image, _slots$media, _slots$default;
+      var _slots$image, _slots$media, _slots$headerText, _slots$default;
 
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasTitle = !!(slots.title || props.title);
@@ -151,7 +152,7 @@ export const VCard = defineComponent({
               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: {
@@ -167,6 +168,8 @@ export const VCard = defineComponent({
           })]
         }), 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
         })]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCard.tsx"],"names":["VAvatar","VImg","VCardActions","VCardAvatar","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","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 { 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                </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.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"}
+{"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

@@ -5,7 +5,6 @@
 
 .v-card
   display: block
-  overflow: hidden
   position: relative
   padding: $card-padding
   text-decoration: none
@@ -74,7 +73,7 @@
 .v-card-actions
   align-items: center
   display: flex
-  flex: 1 1 auto
+  flex: $card-actions-flex
   min-height: $card-actions-min-height
   padding: $card-actions-padding
 
@@ -91,13 +90,14 @@
       padding-inline-start: $card-avatar-header-padding
 
 .v-card-header-text
-  flex: 1 1 auto
+  flex: $card-header-text-flex
   min-width: 0
 
 .v-card-img
   border-radius: inherit
   display: flex
   height: 100%
+  flex: $card-img-flex
   left: 0
   overflow: hidden
   position: absolute
@@ -107,17 +107,16 @@
 .v-card-header
   align-items: $card-item-align-items
   display: flex
+  flex: $card-header-flex
   padding: $card-item-padding
 
   + .v-card-text
     padding-top: 0
 
-.v-card-media
-  overflow: hidden
-
 .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
@@ -131,23 +130,27 @@
     padding: $card-subtitle-header-padding
 
 .v-card-text
-  color: $card-text-color
+  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
 
   @include card-line-height-densities($card-text-densities)
 
-  + .v-card-actions
-    margin-top: -.5rem
+.v-card-content
+  flex: $card-content-flex
+  padding: $card-text-padding
+  // position: relative
 
 .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

package/lib/components/VCard/VCardActions.mjs

@@ -2,8 +2,7 @@ import { createVNode as _createVNode } from "vue";
 // Composables
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
 
-import { defineComponent } from 'vue';
-import { useRender } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VCardActions = defineComponent({
   name: 'VCardActions',
 

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

@@ -1 +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;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,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 } from 'vue'\nimport { 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"}
+{"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/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"}