vuetify 3.1.3 → 3.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"VCardActions.mjs","names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"sources":["../../../src/components/VCard/VCardActions.tsx"],"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\nexport type VCardActions = InstanceType<typeof VCardActions>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,0CAExB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cAAc;EAEpBC,KAAK,CAAEC,CAAC,QAAa;IAAA,IAAX;MAAEC;IAAM,CAAC;IACjBP,eAAe,CAAC;MACdQ,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC;MAAA;MAAA;QAAA,SACG;MAAgB,sBACvBK,KAAK,CAACG,OAAO,qBAAb,oBAAAH,KAAK,CAAY;IAAA,CAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCardActions.mjs","names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"sources":["../../../src/components/VCard/VCardActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\n\nexport const VCardActions = defineComponent<SlotsToProps<{ default: [] }>>({\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\nexport type VCardActions = InstanceType<typeof VCardActions>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,0CAExB;AAAA,SACSC,eAAe,EAAEC,SAAS,gCAEnC;AAGA,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAgC;EACzEG,IAAI,EAAE,cAAc;EAEpBC,KAAK,CAAEC,CAAC,QAAa;IAAA,IAAX;MAAEC;IAAM,CAAC;IACjBP,eAAe,CAAC;MACdQ,IAAI,EAAE;QACJC,OAAO,EAAE;MACX;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC;MAAA,SACG;IAAgB,IACvBK,KAAK,CAACG,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCard/VCardItem.mjs

@@ -6,8 +6,8 @@ import { VCardTitle } from "./VCardTitle.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { makeDensityProps } from "../../composables/density.mjs"; // Utility
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VCardItem = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VCardItem = genericComponent()({
   name: 'VCardItem',
   props: {
     appendAvatar: String,
@@ -23,7 +23,6 @@ export const VCardItem = defineComponent({
       slots
     } = _ref;
     useRender(() => {
-      var _slots$prepend, _slots$title, _slots$subtitle, _slots$default, _slots$append;
       const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append);
       const hasTitle = !!(props.title || slots.title);
@@ -46,18 +45,18 @@ export const VCardItem = defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": "v-card-item__prepend"
-        }, [((_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)) ?? _createVNode(VAvatar, null, null)])]
+        }, [slots.prepend?.() ?? _createVNode(VAvatar, null, null)])]
       }), _createVNode("div", {
         "class": "v-card-item__content"
       }, [hasTitle && _createVNode(VCardTitle, {
         "key": "title"
       }, {
-        default: () => [((_slots$title = slots.title) == null ? void 0 : _slots$title.call(slots)) ?? props.title]
+        default: () => [slots.title?.() ?? props.title]
       }), hasSubtitle && _createVNode(VCardSubtitle, {
         "key": "subtitle"
       }, {
-        default: () => [((_slots$subtitle = slots.subtitle) == null ? void 0 : _slots$subtitle.call(slots)) ?? props.subtitle]
-      }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), hasAppend && _createVNode(VDefaultsProvider, {
+        default: () => [slots.subtitle?.() ?? props.subtitle]
+      }), slots.default?.()]), hasAppend && _createVNode(VDefaultsProvider, {
         "key": "append",
         "defaults": {
           VAvatar: {
@@ -73,7 +72,7 @@ export const VCardItem = defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": "v-card-item__append"
-        }, [((_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)) ?? _createVNode(VAvatar, null, null)])]
+        }, [slots.append?.() ?? _createVNode(VAvatar, null, null)])]
       })]);
     });
     return {};

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

@@ -1 +1 @@
-{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","defineComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCardItem = defineComponent({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\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            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":";AAAA;AAAA,SACSA,OAAO;AAAA,SACPC,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,iBAAiB,0CAE1B;AAAA,SACSC,SAAS;AAAA,SACTC,gBAAgB,yCAEzB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;EACvCG,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,YAAY,EAAEC,MAAM;IACpBC,UAAU,EAAET,SAAS;IACrBU,aAAa,EAAEF,MAAM;IACrBG,WAAW,EAAEX,SAAS;IACtBY,QAAQ,EAAEJ,MAAM;IAChBK,KAAK,EAAEL,MAAM;IAEb,GAAGP,gBAAgB;EACrB,CAAC;EAEDa,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrBZ,SAAS,CAAC,MAAM;MAAA;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAa,IAAIJ,KAAK,CAACK,WAAW,IAAII,KAAK,CAACE,OAAO,CAAC;MAChF,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAY,IAAID,KAAK,CAACG,UAAU,IAAIM,KAAK,CAACI,MAAM,CAAC;MAC5E,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAK,IAAIE,KAAK,CAACF,KAAK,CAAC;MAC/C,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAQ,IAAIG,KAAK,CAACH,QAAQ,CAAC;MAExD;QAAA,SACa;MAAa,IACpBI,UAAU;QAAA,OAEJ,SAAS;QAAA,YACH;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK,WAAW;YACvBa,KAAK,EAAElB,KAAK,CAACI;UACf,CAAC;UACDe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAsB,IAC7B,mBAAAI,KAAK,CAACE,OAAO,qBAAb,oBAAAF,KAAK,CAAY,sCAAiB;MAAA,EAGzC;QAAA,SAEU;MAAsB,IAC7BK,QAAQ;QAAA,OACQ;MAAO;QAAA,gBACnB,iBAAAL,KAAK,CAACF,KAAK,qBAAX,kBAAAE,KAAK,CAAU,KAAIT,KAAK,CAACO,KAAK;MAAA,EAEnC,EAECQ,WAAW;QAAA,OACQ;MAAU;QAAA,gBACzB,oBAAAN,KAAK,CAACH,QAAQ,qBAAd,qBAAAG,KAAK,CAAa,KAAIT,KAAK,CAACM,QAAQ;MAAA,EAEzC,oBAECG,KAAK,CAACW,OAAO,qBAAb,oBAAAX,KAAK,CAAY,IAGnBG,SAAS;QAAA,OAEH,QAAQ;QAAA,YACF;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG,UAAU;YACtBe,KAAK,EAAElB,KAAK,CAACC;UACf,CAAC;UACDkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAqB,IAC5B,kBAAAM,KAAK,CAACI,MAAM,qBAAZ,mBAAAJ,KAAK,CAAW,sCAAiB;MAAA,EAGxC;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","genericComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VCardItemSlots = MakeSlots<{\n  default: []\n  prepend: []\n  append: []\n  title: []\n  subtitle: []\n}>\n\nexport const VCardItem = genericComponent<VCardItemSlots>()({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\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            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":";AAAA;AAAA,SACSA,OAAO;AAAA,SACPC,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,iBAAiB,0CAE1B;AAAA,SACSC,SAAS;AAAA,SACTC,gBAAgB,yCAEzB;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAWA,OAAO,MAAMC,SAAS,GAAGF,gBAAgB,EAAkB,CAAC;EAC1DG,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,YAAY,EAAEC,MAAM;IACpBC,UAAU,EAAET,SAAS;IACrBU,aAAa,EAAEF,MAAM;IACrBG,WAAW,EAAEX,SAAS;IACtBY,QAAQ,EAAEJ,MAAM;IAChBK,KAAK,EAAEL,MAAM;IAEb,GAAGP,gBAAgB;EACrB,CAAC;EAEDa,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrBZ,SAAS,CAAC,MAAM;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAa,IAAIJ,KAAK,CAACK,WAAW,IAAII,KAAK,CAACE,OAAO,CAAC;MAChF,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAY,IAAID,KAAK,CAACG,UAAU,IAAIM,KAAK,CAACI,MAAM,CAAC;MAC5E,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAK,IAAIE,KAAK,CAACF,KAAK,CAAC;MAC/C,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAQ,IAAIG,KAAK,CAACH,QAAQ,CAAC;MAExD;QAAA,SACa;MAAa,IACpBI,UAAU;QAAA,OAEJ,SAAS;QAAA,YACH;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK,WAAW;YACvBa,KAAK,EAAElB,KAAK,CAACI;UACf,CAAC;UACDe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAsB,IAC7BI,KAAK,CAACE,OAAO,IAAI,qCAAiB;MAAA,EAGzC;QAAA,SAEU;MAAsB,IAC7BG,QAAQ;QAAA,OACQ;MAAO;QAAA,gBACnBL,KAAK,CAACF,KAAK,IAAI,IAAIP,KAAK,CAACO,KAAK;MAAA,EAEnC,EAECQ,WAAW;QAAA,OACQ;MAAU;QAAA,gBACzBN,KAAK,CAACH,QAAQ,IAAI,IAAIN,KAAK,CAACM,QAAQ;MAAA,EAEzC,EAECG,KAAK,CAACW,OAAO,IAAI,IAGnBR,SAAS;QAAA,OAEH,QAAQ;QAAA,YACF;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG,UAAU;YACtBe,KAAK,EAAElB,KAAK,CAACC;UACf,CAAC;UACDkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAqB,IAC5BM,KAAK,CAACI,MAAM,IAAI,qCAAiB;MAAA,EAGxC;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCard/index.d.ts

@@ -3,146 +3,156 @@ import { JSXComponent, PropType } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
-
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
-declare type Tblock = typeof block[number];
-declare type Tinline = typeof inline[number];
-declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 declare const VCard: vue.DefineComponent<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: vue.PropType<Anchor>;
-    loading: (StringConstructor | BooleanConstructor)[];
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    disabled: BooleanConstructor;
-    flat: BooleanConstructor;
-    hover: BooleanConstructor;
-    image: StringConstructor;
-    link: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    subtitle: StringConstructor;
-    text: StringConstructor;
-    title: StringConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: vue.PropType<Anchor>;
-    loading: (StringConstructor | BooleanConstructor)[];
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    disabled: BooleanConstructor;
-    flat: BooleanConstructor;
-    hover: BooleanConstructor;
-    image: StringConstructor;
-    link: {
-        type: BooleanConstructor;
-        default: undefined;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    disabled: boolean;
+    tag: string;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    ripple: boolean;
+    hover: boolean;
+} & {
+    link?: boolean | undefined;
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    loading?: string | boolean | undefined;
+    title?: string | undefined;
+    image?: string | undefined;
+    text?: string | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    appendAvatar?: string | undefined;
+    prependAvatar?: string | undefined;
+    subtitle?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        subtitle?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
+        image?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
     };
-    prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        subtitle?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
+        image?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    disabled: boolean;
+    tag: string;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    ripple: boolean;
+    hover: boolean;
+} & {
+    link?: boolean | undefined;
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    loading?: string | boolean | undefined;
+    title?: string | undefined;
+    image?: string | undefined;
+    text?: string | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    appendAvatar?: string | undefined;
+    prependAvatar?: string | undefined;
+    subtitle?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        subtitle?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
+        image?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
     };
-    subtitle: StringConstructor;
-    text: StringConstructor;
-    title: StringConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        subtitle?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
+        image?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     replace: boolean;
     link: boolean;
     flat: boolean;
@@ -151,93 +161,183 @@ declare const VCard: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     ripple: boolean;
     hover: boolean;
 }>;
-declare type VCard = InstanceType<typeof VCard>;
+type VCard = InstanceType<typeof VCard>;
 
-declare const VCardActions: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
-declare type VCardActions = InstanceType<typeof VCardActions>;
+declare const VCardActions: vue.DefineComponent<{
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<{
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}>, {}>;
+type VCardActions = InstanceType<typeof VCardActions>;
 
 declare const VCardItem: vue.DefineComponent<{
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
+    density: Density;
+} & {
+    title?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    appendAvatar?: string | undefined;
+    prependAvatar?: string | undefined;
+    subtitle?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        subtitle?: (() => vue.VNodeChild) | undefined;
     };
-    appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
-    subtitle: StringConstructor;
-    title: StringConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        subtitle?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    density: Density;
+} & {
+    title?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+    appendAvatar?: string | undefined;
+    prependAvatar?: string | undefined;
+    subtitle?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        subtitle?: (() => vue.VNodeChild) | undefined;
     };
-    appendAvatar: StringConstructor;
-    appendIcon: vue.PropType<IconValue>;
-    prependAvatar: StringConstructor;
-    prependIcon: vue.PropType<IconValue>;
-    subtitle: StringConstructor;
-    title: StringConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        subtitle?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     density: Density;
 }>;
-declare type VCardItem = InstanceType<typeof VCardItem>;
+type VCardItem = InstanceType<typeof VCardItem>;
 
 declare const VCardSubtitle: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
+type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
 
 declare const VCardText: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VCardText = InstanceType<typeof VCardText>;
+type VCardText = InstanceType<typeof VCardText>;
 
 declare const VCardTitle: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VCardTitle = InstanceType<typeof VCardTitle>;
+type VCardTitle = InstanceType<typeof VCardTitle>;
 
 export { VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle };

package/lib/components/VCarousel/VCarousel.mjs

@@ -10,12 +10,12 @@ import { VWindow } from "../VWindow/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
+import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs";
 import { onMounted, ref, watch } from 'vue';
 
 // Types
 
-export const VCarousel = defineComponent({
+export const VCarousel = genericComponent()({
   name: 'VCarousel',
   props: {
     color: String,