vuetify 3.3.0 → 3.3.2

package/lib/components/VBtn/_variables.scss

@@ -64,24 +64,24 @@ $button-border: (
 
 $button-sizes: () !default;
 $button-sizes: map.merge(
-    (
-      'height': $button-height,
-      'font-size': $button-font-size,
-      'width-ratio': $button-width-ratio,
-      'padding-ratio': $button-padding-ratio
-    ),
-    $button-sizes
+  (
+    'height': $button-height,
+    'font-size': $button-font-size,
+    'width-ratio': $button-width-ratio,
+    'padding-ratio': $button-padding-ratio
+  ),
+  $button-sizes
 );
 
 $button-stacked-sizes: () !default;
 $button-stacked-sizes: map.merge(
-    (
-      'height': $button-stacked-height,
-      'font-size': $button-font-size,
-      'width-ratio': $button-stacked-width-ratio,
-      'padding-ratio': $button-stacked-padding-ratio
-    ),
-    $button-stacked-sizes
+  (
+    'height': $button-stacked-height,
+    'font-size': $button-font-size,
+    'width-ratio': $button-stacked-width-ratio,
+    'padding-ratio': $button-stacked-padding-ratio
+  ),
+  $button-stacked-sizes
 );
 
 $button-variants: (
@@ -90,4 +90,4 @@ $button-variants: (
   map.get($button-elevation, 'default'),
   $button-plain-opacity,
   'v-btn'
-);
+) !default;

package/lib/components/VBtn/index.d.mts

@@ -97,12 +97,6 @@ declare const VBtn: {
                 append?: false | (() => vue.VNodeChild) | undefined;
                 loader?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -234,13 +228,6 @@ declare const VBtn: {
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             "onGroup:selected"?: ((val: {
                 value: boolean;
@@ -355,13 +342,6 @@ declare const VBtn: {
         "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            loader?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         "onGroup:selected"?: ((val: {
             value: boolean;
@@ -427,13 +407,6 @@ declare const VBtn: {
     "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-        loader?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     "onGroup:selected"?: ((val: {
         value: boolean;

package/lib/components/VBtnGroup/VBtnGroup.mjs

@@ -5,15 +5,15 @@ import "./VBtnGroup.css";
 // Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { makeVariantProps } from "../../composables/variant.mjs";
-import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
-import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { makeVariantProps } from "../../composables/variant.mjs"; // Utilities
 import { toRef } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVBtnGroupProps = propsFactory({
   divided: Boolean,
   ...makeBorderProps(),
@@ -24,7 +24,7 @@ export const makeVBtnGroupProps = propsFactory({
   ...makeTagProps(),
   ...makeThemeProps(),
   ...makeVariantProps()
-}, 'v-btn-group');
+}, 'VBtnGroup');
 export const VBtnGroup = genericComponent()({
   name: 'VBtnGroup',
   props: makeVBtnGroupProps(),

package/lib/components/VBtnGroup/VBtnGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","genericComponent","propsFactory","useRender","toRef","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { genericComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'v-btn-group')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAClD,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,kBAAkB,GAAGH,YAAY,CAAC;EAC7CI,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,EAAE;EACpB,GAAGE,kBAAkB,EAAE;EACvB,GAAGC,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMS,SAAS,GAAGP,gBAAgB,EAAE,CAAC;EAC1CQ,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGhB,YAAY,CAACY,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGxB,UAAU,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG5B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGxB,YAAY,CAACiB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGvB,UAAU,CAACe,KAAK,CAAC;IAE5CV,eAAe,CAAC;MACdmB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEjB,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BY,OAAO,EAAElB,KAAK,CAACM,KAAK,EAAE,SAAS,CAAC;QAChCa,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEpB,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAM;MACd,OAAAsB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEhB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,yCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,EAAE;EACpB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMQ,SAAS,GAAGN,gBAAgB,EAAE,CAAC;EAC1CO,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGf,YAAY,CAACW,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGvB,UAAU,CAACkB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG5B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGvB,YAAY,CAACgB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGtB,UAAU,CAACc,KAAK,CAAC;IAE5CpB,eAAe,CAAC;MACd6B,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEpB,KAAK,CAACS,KAAK,EAAE,OAAO,CAAC;QAC5BY,OAAO,EAAErB,KAAK,CAACS,KAAK,EAAE,SAAS,CAAC;QAChCa,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEvB,KAAK,CAACS,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFN,SAAS,CAAC,MAAM;MACd,OAAAqB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEhB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VBtnGroup/index.d.mts

@@ -34,9 +34,6 @@ declare const VBtnGroup: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -113,10 +110,6 @@ declare const VBtnGroup: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
             tag: string;
@@ -170,10 +163,6 @@ declare const VBtnGroup: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -200,10 +189,6 @@ declare const VBtnGroup: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;

package/lib/components/VBtnToggle/VBtnToggle.mjs

@@ -4,13 +4,13 @@ import "./VBtnToggle.css";
 
 // Components
 import { makeVBtnGroupProps, VBtnGroup } from "../VBtnGroup/VBtnGroup.mjs"; // Composables
-import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utility
+import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utilities
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
 export const makeVBtnToggleProps = propsFactory({
   ...makeVBtnGroupProps(),
   ...makeGroupProps()
-}, 'v-btn-toggle');
+}, 'VBtnToggle');
 export const VBtnToggle = genericComponent()({
   name: 'VBtnToggle',
   props: makeVBtnToggleProps(),

package/lib/components/VBtnToggle/VBtnToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","propsFactory","useRender","VBtnToggleSymbol","Symbol","for","makeVBtnToggleProps","VBtnToggle","name","props","emits","value","setup","_ref","slots","isSelected","next","prev","select","selected","btnGroupProps","filterProps","_createVNode","_mergeProps","class","style","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\ntype VBtnToggleSlots = {\n  default: [DefaultBtnToggleSlot]\n}\n\nexport const makeVBtnToggleProps = propsFactory({\n  ...makeVBtnGroupProps(),\n  ...makeGroupProps(),\n}, 'v-btn-toggle')\n\nexport const VBtnToggle = genericComponent<VBtnToggleSlots>()({\n  name: 'VBtnToggle',\n\n  props: makeVBtnToggleProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = VBtnGroup.filterProps(props)\n\n      return (\n        <VBtnGroup\n          class={[\n            'v-btn-toggle',\n            props.class,\n          ]}\n          { ...btnGroupProps }\n          style={ props.style }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot)}\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,SAAS,sCAEtC;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAOA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,mBAAmB,GAAGL,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,EAAE;EACvB,GAAGE,cAAc;AACnB,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAmB,CAAC;EAC5DQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,EAAE;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGpB,QAAQ,CAACU,KAAK,EAAEN,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAM,CAACkB,aAAa,CAAC,GAAGvB,SAAS,CAACwB,WAAW,CAACZ,KAAK,CAAC;MAEpD,OAAAa,YAAA,CAAAzB,SAAA,EAAA0B,WAAA;QAAA,SAEW,CACL,cAAc,EACdd,KAAK,CAACe,KAAK;MACZ,GACIJ,aAAa;QAAA,SACVX,KAAK,CAACgB;MAAK;QAAAC,OAAA,EAAAA,CAAA,MAEjBZ,KAAK,CAACY,OAAO,GAAG;UAChBX,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","propsFactory","useRender","VBtnToggleSymbol","Symbol","for","makeVBtnToggleProps","VBtnToggle","name","props","emits","value","setup","_ref","slots","isSelected","next","prev","select","selected","btnGroupProps","filterProps","_createVNode","_mergeProps","class","style","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\ntype VBtnToggleSlots = {\n  default: DefaultBtnToggleSlot\n}\n\nexport const makeVBtnToggleProps = propsFactory({\n  ...makeVBtnGroupProps(),\n  ...makeGroupProps(),\n}, 'VBtnToggle')\n\nexport const VBtnToggle = genericComponent<VBtnToggleSlots>()({\n  name: 'VBtnToggle',\n\n  props: makeVBtnToggleProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = VBtnGroup.filterProps(props)\n\n      return (\n        <VBtnGroup\n          class={[\n            'v-btn-toggle',\n            props.class,\n          ]}\n          { ...btnGroupProps }\n          style={ props.style }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot)}\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,SAAS,sCAEtC;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAOA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,mBAAmB,GAAGL,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,EAAE;EACvB,GAAGE,cAAc;AACnB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAmB,CAAC;EAC5DQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,EAAE;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGpB,QAAQ,CAACU,KAAK,EAAEN,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAM,CAACkB,aAAa,CAAC,GAAGvB,SAAS,CAACwB,WAAW,CAACZ,KAAK,CAAC;MAEpD,OAAAa,YAAA,CAAAzB,SAAA,EAAA0B,WAAA;QAAA,SAEW,CACL,cAAc,EACdd,KAAK,CAACe,KAAK;MACZ,GACIJ,aAAa;QAAA,SACVX,KAAK,CAACgB;MAAK;QAAAC,OAAA,EAAAA,CAAA,MAEjBZ,KAAK,CAACY,OAAO,GAAG;UAChBX,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VBtnToggle/index.d.mts

@@ -54,19 +54,16 @@ declare const VBtnToggle: {
             class?: any;
             mandatory?: boolean | "force" | undefined;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild);
+                default?: ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild);
             elevation?: string | number | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -116,7 +113,7 @@ declare const VBtnToggle: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -145,17 +142,13 @@ declare const VBtnToggle: {
             selectedClass?: string | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild);
+                default?: ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            "v-slot:default"?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }, {
@@ -175,7 +168,7 @@ declare const VBtnToggle: {
             modelValue: any;
             divided: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -219,17 +212,13 @@ declare const VBtnToggle: {
         selectedClass?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-        } | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild);
+            default?: ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        } | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+            default?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        "v-slot:default"?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -261,17 +250,13 @@ declare const VBtnToggle: {
     selectedClass?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-    } | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild);
+        default?: ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+    } | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
+        default?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    "v-slot:default"?: false | ((arg: DefaultBtnToggleSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
@@ -291,7 +276,7 @@ declare const VBtnToggle: {
     modelValue: any;
     divided: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{

package/lib/components/VCard/VCard.mjs

@@ -9,22 +9,22 @@ import { VCardActions } from "./VCardActions.mjs";
 import { VCardItem } from "./VCardItem.mjs";
 import { VCardText } from "./VCardText.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
-import { VImg } from "../VImg/index.mjs"; // Directives
-import { Ripple } from "../../directives/ripple/index.mjs"; // Composables
-import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
-import { IconValue } from "../../composables/icons.mjs";
-import { LoaderSlot, makeLoaderProps, useLoader } from "../../composables/loader.mjs";
+import { VImg } from "../VImg/index.mjs"; // Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { IconValue } from "../../composables/icons.mjs";
+import { LoaderSlot, makeLoaderProps, useLoader } from "../../composables/loader.mjs";
 import { makeLocationProps, useLocation } from "../../composables/location.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"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs"; // Directives
+import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 import { computed } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVCardProps = propsFactory({
@@ -62,7 +62,7 @@ export const makeVCardProps = propsFactory({
   ...makeVariantProps({
     variant: 'elevated'
   })
-}, 'v-card');
+}, 'VCard');
 export const VCard = genericComponent()({
   name: 'VCard',
   directives: {

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

@@ -1 +1 @@
-{"version":3,"file":"VCard.mjs","names":["VCardActions","VCardItem","VCardText","VDefaultsProvider","VImg","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","computed","genericComponent","propsFactory","useRender","makeVCardProps","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","VCard","name","directives","props","setup","_ref","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","_withDirectives","_createVNode","class","style","href","navigate","cover","src","loading","loader","item","actions","_resolveDirective"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VCardActions } from './VCardActions'\nimport { VCardItem } from './VCardItem'\nimport { VCardText } from './VCardText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCardItemSlots } from './VCardItem'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport const makeVCardProps = propsFactory({\n  appendAvatar: String,\n  appendIcon: IconValue,\n  disabled: Boolean,\n  flat: Boolean,\n  hover: Boolean,\n  image: String,\n  link: {\n    type: Boolean,\n    default: undefined,\n  },\n  prependAvatar: String,\n  prependIcon: IconValue,\n  ripple: {\n    type: Boolean,\n    default: true,\n  },\n  subtitle: String,\n  text: String,\n  title: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLoaderProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeRouterProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'elevated' } as const),\n}, 'v-card')\n\nexport type VCardSlots = VCardItemSlots & {\n  default: []\n  actions: []\n  text: []\n  loader: [LoaderSlotProps]\n  image: []\n  item: []\n}\n\nexport const VCard = genericComponent<VCardSlots>()({\n  name: 'VCard',\n\n  directives: { Ripple },\n\n  props: makeVCardProps(),\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value)\n    )\n\n    useRender(() => {\n      const Tag = 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 hasImage = !!(slots.image || props.image)\n      const hasCardItem = hasHeader || hasPrepend || hasAppend\n      const hasText = !!(slots.text || props.text)\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.value,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          href={ link.href.value }\n          onClick={ isClickable.value && link.navigate }\n          v-ripple={ isClickable.value && props.ripple }\n          tabindex={ props.disabled ? -1 : undefined }\n        >\n          { hasImage && (\n            <div key=\"image\" class=\"v-card__image\">\n              { !slots.image ? (\n                <VImg\n                  key=\"image-img\"\n                  cover\n                  src={ props.image }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"image-defaults\"\n                  disabled={ !props.image }\n                  defaults={{\n                    VImg: {\n                      cover: true,\n                      src: props.image,\n                    },\n                  }}\n                  v-slots:default={ slots.image }\n                />\n              )}\n            </div>\n          )}\n\n          <LoaderSlot\n            name=\"v-card\"\n            active={ !!props.loading }\n            color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasCardItem && (\n            <VCardItem\n              key=\"item\"\n              prependAvatar={ props.prependAvatar }\n              prependIcon={ props.prependIcon }\n              title={ props.title }\n              subtitle={ props.subtitle }\n              appendAvatar={ props.appendAvatar }\n              appendIcon={ props.appendIcon }\n            >\n              {{\n                default: slots.item,\n                prepend: slots.prepend,\n                title: slots.title,\n                subtitle: slots.subtitle,\n                append: slots.append,\n              }}\n            </VCardItem>\n          )}\n\n          { hasText && (\n            <VCardText key=\"text\">\n              { slots.text?.() ?? props.text }\n            </VCardText>\n          )}\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          )}\n\n          { genOverlays(isClickable.value, 'v-card') }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}
+{"version":3,"file":"VCard.mjs","names":["VCardActions","VCardItem","VCardText","VDefaultsProvider","VImg","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","computed","genericComponent","propsFactory","useRender","makeVCardProps","appendAvatar","String","appendIcon","disabled","Boolean","flat","hover","image","link","type","default","undefined","prependAvatar","prependIcon","ripple","subtitle","text","title","variant","VCard","name","directives","props","setup","_ref","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","isLink","value","isClickable","Tag","tag","hasTitle","hasSubtitle","hasHeader","hasAppend","append","hasPrepend","prepend","hasImage","hasCardItem","hasText","_withDirectives","_createVNode","class","style","href","navigate","cover","src","loading","loader","item","actions","_resolveDirective"],"sources":["../../../src/components/VCard/VCard.tsx"],"sourcesContent":["/* eslint-disable complexity */\n\n// Styles\nimport './VCard.sass'\n\n// Components\nimport { VCardActions } from './VCardActions'\nimport { VCardItem } from './VCardItem'\nimport { VCardText } from './VCardText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { 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 { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCardItemSlots } from './VCardItem'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport const makeVCardProps = propsFactory({\n  appendAvatar: String,\n  appendIcon: IconValue,\n  disabled: Boolean,\n  flat: Boolean,\n  hover: Boolean,\n  image: String,\n  link: {\n    type: Boolean,\n    default: undefined,\n  },\n  prependAvatar: String,\n  prependIcon: IconValue,\n  ripple: {\n    type: Boolean,\n    default: true,\n  },\n  subtitle: String,\n  text: String,\n  title: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLoaderProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeRouterProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'elevated' } as const),\n}, 'VCard')\n\nexport type VCardSlots = VCardItemSlots & {\n  default: never\n  actions: never\n  text: never\n  loader: LoaderSlotProps\n  image: never\n  item: never\n}\n\nexport const VCard = genericComponent<VCardSlots>()({\n  name: 'VCard',\n\n  directives: { Ripple },\n\n  props: makeVCardProps(),\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const link = useLink(props, attrs)\n\n    const isLink = computed(() => props.link !== false && link.isLink.value)\n    const isClickable = computed(() =>\n      !props.disabled &&\n      props.link !== false &&\n      (props.link || link.isClickable.value)\n    )\n\n    useRender(() => {\n      const Tag = 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 hasImage = !!(slots.image || props.image)\n      const hasCardItem = hasHeader || hasPrepend || hasAppend\n      const hasText = !!(slots.text || props.text)\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.value,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            props.style,\n          ]}\n          href={ link.href.value }\n          onClick={ isClickable.value && link.navigate }\n          v-ripple={ isClickable.value && props.ripple }\n          tabindex={ props.disabled ? -1 : undefined }\n        >\n          { hasImage && (\n            <div key=\"image\" class=\"v-card__image\">\n              { !slots.image ? (\n                <VImg\n                  key=\"image-img\"\n                  cover\n                  src={ props.image }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"image-defaults\"\n                  disabled={ !props.image }\n                  defaults={{\n                    VImg: {\n                      cover: true,\n                      src: props.image,\n                    },\n                  }}\n                  v-slots:default={ slots.image }\n                />\n              )}\n            </div>\n          )}\n\n          <LoaderSlot\n            name=\"v-card\"\n            active={ !!props.loading }\n            color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasCardItem && (\n            <VCardItem\n              key=\"item\"\n              prependAvatar={ props.prependAvatar }\n              prependIcon={ props.prependIcon }\n              title={ props.title }\n              subtitle={ props.subtitle }\n              appendAvatar={ props.appendAvatar }\n              appendIcon={ props.appendIcon }\n            >\n              {{\n                default: slots.item,\n                prepend: slots.prepend,\n                title: slots.title,\n                subtitle: slots.subtitle,\n                append: slots.append,\n              }}\n            </VCardItem>\n          )}\n\n          { hasText && (\n            <VCardText key=\"text\">\n              { slots.text?.() ?? props.text }\n            </VCardText>\n          )}\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VCardActions v-slots={{ default: slots.actions }} />\n          )}\n\n          { genOverlays(isClickable.value, 'v-card') }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCard = InstanceType<typeof VCard>\n"],"mappings":"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"}

package/lib/components/VCard/VCard.sass

@@ -139,7 +139,7 @@
   text-transform: $card-subtitle-text-transform
   white-space: $card-subtitle-white-space
 
-  @include card-line-height-densities($card-subtitle-densities)
+  @include card-line-height-densities($card-subtitle-density-line-height)
 
   .v-card-item &
     padding: $card-subtitle-header-padding
@@ -152,7 +152,7 @@
   padding: $card-text-padding
   text-transform: $card-text-text-transform
 
-  @include card-line-height-densities($card-text-densities)
+  @include card-line-height-densities($card-text-density-line-height)
 
 .v-card__image
   display: flex

package/lib/components/VCard/VCardItem.mjs

@@ -1,12 +1,12 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Components
-import { VAvatar } from "../VAvatar/index.mjs";
 import { VCardSubtitle } from "./VCardSubtitle.mjs";
 import { VCardTitle } from "./VCardTitle.mjs";
+import { VAvatar } from "../VAvatar/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
-import { IconValue } from "../../composables/icons.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
-import { makeDensityProps } from "../../composables/density.mjs"; // Utility
+import { makeDensityProps } from "../../composables/density.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeCardItemProps = propsFactory({
   appendAvatar: String,
@@ -17,7 +17,7 @@ export const makeCardItemProps = propsFactory({
   title: String,
   ...makeComponentProps(),
   ...makeDensityProps()
-}, 'v-card-item');
+}, 'VCardItem');
 export const VCardItem = genericComponent()({
   name: 'VCardItem',
   props: makeCardItemProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeComponentProps","makeDensityProps","genericComponent","propsFactory","useRender","makeCardItemProps","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","VCardItem","name","props","setup","_ref","slots","hasPrependMedia","hasPrepend","prepend","hasAppendMedia","hasAppend","append","hasTitle","hasSubtitle","_createVNode","class","style","density","icon","image","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport type VCardItemSlots = {\n  default: []\n  prepend: []\n  append: []\n  title: []\n  subtitle: []\n}\n\nexport const makeCardItemProps = propsFactory({\n  appendAvatar: String,\n  appendIcon: IconValue,\n  prependAvatar: String,\n  prependIcon: IconValue,\n  subtitle: String,\n  title: String,\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n}, 'v-card-item')\n\nexport const VCardItem = genericComponent<VCardItemSlots>()({\n  name: 'VCardItem',\n\n  props: makeCardItemProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\n      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon)\n      const hasAppend = !!(hasAppendMedia || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div\n          class={[\n            'v-card-item',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-card-item__prepend\">\n              { !slots.prepend ? (\n                hasPrependMedia && (\n                  <VAvatar\n                    key=\"prepend-avatar\"\n                    density={ props.density }\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VCardTitle>\n            )}\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-card-item__append\">\n              { !slots.append ? (\n                hasAppendMedia && (\n                  <VAvatar\n                    key=\"append-avatar\"\n                    density={ props.density }\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !hasAppendMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n           </div>\n          )}\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":"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"}
+{"version":3,"file":"VCardItem.mjs","names":["VCardSubtitle","VCardTitle","VAvatar","VDefaultsProvider","makeComponentProps","makeDensityProps","IconValue","genericComponent","propsFactory","useRender","makeCardItemProps","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","VCardItem","name","props","setup","_ref","slots","hasPrependMedia","hasPrepend","prepend","hasAppendMedia","hasAppend","append","hasTitle","hasSubtitle","_createVNode","class","style","density","icon","image","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VAvatar } from '@/components/VAvatar'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps } from '@/composables/density'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport type VCardItemSlots = {\n  default: never\n  prepend: never\n  append: never\n  title: never\n  subtitle: never\n}\n\nexport const makeCardItemProps = propsFactory({\n  appendAvatar: String,\n  appendIcon: IconValue,\n  prependAvatar: String,\n  prependIcon: IconValue,\n  subtitle: String,\n  title: String,\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n}, 'VCardItem')\n\nexport const VCardItem = genericComponent<VCardItemSlots>()({\n  name: 'VCardItem',\n\n  props: makeCardItemProps(),\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrependMedia = !!(props.prependAvatar || props.prependIcon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\n      const hasAppendMedia = !!(props.appendAvatar || props.appendIcon)\n      const hasAppend = !!(hasAppendMedia || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div\n          class={[\n            'v-card-item',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-card-item__prepend\">\n              { !slots.prepend ? (\n                hasPrependMedia && (\n                  <VAvatar\n                    key=\"prepend-avatar\"\n                    density={ props.density }\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.prependIcon,\n                      image: props.prependAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title }\n              </VCardTitle>\n            )}\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-card-item__append\">\n              { !slots.append ? (\n                hasAppendMedia && (\n                  <VAvatar\n                    key=\"append-avatar\"\n                    density={ props.density }\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                  />\n                )\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !hasAppendMedia }\n                  defaults={{\n                    VAvatar: {\n                      density: props.density,\n                      icon: props.appendIcon,\n                      image: props.appendAvatar,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n           </div>\n          )}\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":"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"}

package/lib/components/VCard/VCardSubtitle.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"VCardSubtitle.mjs","names":["createSimpleFunctional","VCardSubtitle"],"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardSubtitle = createSimpleFunctional('v-card-subtitle')\n\nexport type VCardSubtitle = InstanceType<typeof VCardSubtitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,iBAAiB,CAAC"}
+{"version":3,"file":"VCardSubtitle.mjs","names":["createSimpleFunctional","VCardSubtitle"],"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCardSubtitle = createSimpleFunctional('v-card-subtitle')\n\nexport type VCardSubtitle = InstanceType<typeof VCardSubtitle>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,iBAAiB,CAAC"}

package/lib/components/VCard/VCardText.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"VCardText.mjs","names":["createSimpleFunctional","VCardText"],"sources":["../../../src/components/VCard/VCardText.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardText = createSimpleFunctional('v-card-text')\n\nexport type VCardText = InstanceType<typeof VCardText>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,SAAS,GAAGD,sBAAsB,CAAC,aAAa,CAAC"}
+{"version":3,"file":"VCardText.mjs","names":["createSimpleFunctional","VCardText"],"sources":["../../../src/components/VCard/VCardText.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCardText = createSimpleFunctional('v-card-text')\n\nexport type VCardText = InstanceType<typeof VCardText>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,SAAS,GAAGD,sBAAsB,CAAC,aAAa,CAAC"}

package/lib/components/VCard/VCardTitle.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"VCardTitle.mjs","names":["createSimpleFunctional","VCardTitle"],"sources":["../../../src/components/VCard/VCardTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardTitle = createSimpleFunctional('v-card-title')\n\nexport type VCardTitle = InstanceType<typeof VCardTitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,UAAU,GAAGD,sBAAsB,CAAC,cAAc,CAAC"}
+{"version":3,"file":"VCardTitle.mjs","names":["createSimpleFunctional","VCardTitle"],"sources":["../../../src/components/VCard/VCardTitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCardTitle = createSimpleFunctional('v-card-title')\n\nexport type VCardTitle = InstanceType<typeof VCardTitle>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,UAAU,GAAGD,sBAAsB,CAAC,cAAc,CAAC"}