vuetify 3.1.3 → 3.1.5

package/lib/components/VGrid/VRow.mjs

@@ -4,7 +4,7 @@ import "./VGrid.css";
 // Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 import { capitalize, computed, h } from 'vue';
-import { defineComponent } from "../../util/index.mjs"; // Types
+import { genericComponent } from "../../util/index.mjs"; // Types
 const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
 
 const ALIGNMENT = ['start', 'end', 'center'];
@@ -60,7 +60,7 @@ function breakpointClass(type, prop, val) {
   className += `-${val}`;
   return className.toLowerCase();
 }
-export const VRow = defineComponent({
+export const VRow = genericComponent()({
   name: 'VRow',
   props: {
     dense: Boolean,
@@ -110,12 +110,9 @@ export const VRow = defineComponent({
       });
       return classList;
     });
-    return () => {
-      var _slots$default;
-      return h(props.tag, {
-        class: ['v-row', classes.value]
-      }, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots));
-    };
+    return () => h(props.tag, {
+      class: ['v-row', classes.value]
+    }, slots.default?.());
   }
 });
 //# sourceMappingURL=VRow.mjs.map

package/lib/components/VGrid/VRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRow.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","ALIGN_VALUES","alignValidator","str","includes","alignProps","type","String","default","validator","JUSTIFY_VALUES","justifyValidator","justifyProps","ALIGN_CONTENT_VALUES","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","tag","class"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <T> (prefix: string, def: () => Prop<T, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<T, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String as PropType<typeof ALIGN_VALUES[number]>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String as PropType<typeof JUSTIFY_VALUES[number]>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = defineComponent({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String as PropType<typeof ALIGN_VALUES[number]>,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: alignContentValidator,\n    },\n\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}
+{"version":3,"file":"VRow.mjs","names":["makeTagProps","capitalize","computed","h","genericComponent","breakpoints","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","ALIGN_VALUES","alignValidator","str","includes","alignProps","type","String","default","validator","JUSTIFY_VALUES","justifyValidator","justifyProps","ALIGN_CONTENT_VALUES","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","tag","class"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <T> (prefix: string, def: () => Prop<T, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<T, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String as PropType<typeof ALIGN_VALUES[number]>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String as PropType<typeof JUSTIFY_VALUES[number]>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = genericComponent()({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String as PropType<typeof ALIGN_VALUES[number]>,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: alignContentValidator,\n    },\n\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"AAAA;AACA;;AAEA;AAAA,SACSA,YAAY,qCAErB;AACA,SAASC,UAAU,EAAEC,QAAQ,EAAEC,CAAC,QAAQ,KAAK;AAAA,SACpCC,gBAAgB,gCAEzB;AAGA,MAAMC,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,EAAC;;AAE7D,MAAMC,SAAS,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAU;AAErD,MAAMC,KAAK,GAAG,CAAC,eAAe,EAAE,cAAc,EAAE,cAAc,CAAU;AAExE,SAASC,YAAY,CAAMC,MAAc,EAAEC,GAAwB,EAAE;EACnE,OAAOL,WAAW,CAACM,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;IACxCD,KAAK,CAACH,MAAM,GAAGR,UAAU,CAACY,GAAG,CAAC,CAAC,GAAGH,GAAG,EAAE;IACvC,OAAOE,KAAK;EACd,CAAC,EAAE,CAAC,CAAC,CAAkC;AACzC;AAEA,MAAME,YAAY,GAAG,CAAC,GAAGR,SAAS,EAAE,UAAU,EAAE,SAAS,CAAU;AACnE,MAAMS,cAAc,GAAIC,GAAQ,IAAKF,YAAY,CAACG,QAAQ,CAACD,GAAG,CAAC;AAC/D,MAAME,UAAU,GAAGV,YAAY,CAAC,OAAO,EAAE,OAAO;EAC9CW,IAAI,EAAEC,MAA+C;EACrDC,OAAO,EAAE,IAAI;EACbC,SAAS,EAAEP;AACb,CAAC,CAAC,CAAC;AAEH,MAAMQ,cAAc,GAAG,CAAC,GAAGjB,SAAS,EAAE,GAAGC,KAAK,CAAU;AACxD,MAAMiB,gBAAgB,GAAIR,GAAQ,IAAKO,cAAc,CAACN,QAAQ,CAACD,GAAG,CAAC;AACnE,MAAMS,YAAY,GAAGjB,YAAY,CAAC,SAAS,EAAE,OAAO;EAClDW,IAAI,EAAEC,MAAiD;EACvDC,OAAO,EAAE,IAAI;EACbC,SAAS,EAAEE;AACb,CAAC,CAAC,CAAC;AAEH,MAAME,oBAAoB,GAAG,CAAC,GAAGpB,SAAS,EAAE,GAAGC,KAAK,EAAE,SAAS,CAAU;AACzE,MAAMoB,qBAAqB,GAAIX,GAAQ,IAAKU,oBAAoB,CAACT,QAAQ,CAACD,GAAG,CAAC;AAC9E,MAAMY,iBAAiB,GAAGpB,YAAY,CAAC,cAAc,EAAE,OAAO;EAC5DW,IAAI,EAAEC,MAAuD;EAC7DC,OAAO,EAAE,IAAI;EACbC,SAAS,EAAEK;AACb,CAAC,CAAC,CAAC;AAEH,MAAME,OAAO,GAAG;EACdC,KAAK,EAAEC,MAAM,CAACC,IAAI,CAACd,UAAU,CAAC;EAC9Be,OAAO,EAAEF,MAAM,CAACC,IAAI,CAACP,YAAY,CAAC;EAClCS,YAAY,EAAEH,MAAM,CAACC,IAAI,CAACJ,iBAAiB;AAC7C,CAAC;AAED,MAAMO,QAAQ,GAAG;EACfL,KAAK,EAAE,OAAO;EACdG,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE;AAChB,CAAC;AAED,SAASE,eAAe,CAAEjB,IAA0B,EAAEkB,IAAY,EAAExB,GAAW,EAAE;EAC/E,IAAIyB,SAAS,GAAGH,QAAQ,CAAChB,IAAI,CAAC;EAC9B,IAAIN,GAAG,IAAI,IAAI,EAAE;IACf,OAAO0B,SAAS;EAClB;EACA,IAAIF,IAAI,EAAE;IACR;IACA,MAAMG,UAAU,GAAGH,IAAI,CAACI,OAAO,CAACtB,IAAI,EAAE,EAAE,CAAC;IACzCmB,SAAS,IAAK,IAAGE,UAAW,EAAC;EAC/B;EACA;EACAF,SAAS,IAAK,IAAGzB,GAAI,EAAC;EACtB,OAAOyB,SAAS,CAACI,WAAW,EAAE;AAChC;AAEA,OAAO,MAAMC,IAAI,GAAGvC,gBAAgB,EAAE,CAAC;EACrCwC,IAAI,EAAE,MAAM;EAEZhC,KAAK,EAAE;IACLiC,KAAK,EAAEC,OAAO;IACdC,SAAS,EAAED,OAAO;IAClBhB,KAAK,EAAE;MACLX,IAAI,EAAEC,MAA+C;MACrDC,OAAO,EAAE,IAAI;MACbC,SAAS,EAAEP;IACb,CAAC;IACD,GAAGG,UAAU;IACbe,OAAO,EAAE;MACPd,IAAI,EAAEC,MAAuD;MAC7DC,OAAO,EAAE,IAAI;MACbC,SAAS,EAAEE;IACb,CAAC;IACD,GAAGC,YAAY;IACfS,YAAY,EAAE;MACZf,IAAI,EAAEC,MAAuD;MAC7DC,OAAO,EAAE,IAAI;MACbC,SAAS,EAAEK;IACb,CAAC;IAED,GAAGC,iBAAiB;IACpB,GAAG5B,YAAY;EACjB,CAAC;EAEDgD,KAAK,CAAEpC,KAAK,QAAa;IAAA,IAAX;MAAEqC;IAAM,CAAC;IACrB,MAAMC,OAAO,GAAGhD,QAAQ,CAAC,MAAM;MAC7B,MAAMiD,SAAgB,GAAG,EAAE;;MAE3B;MACA,IAAIhC,IAA0B;MAC9B,KAAKA,IAAI,IAAIU,OAAO,EAAE;QACpBA,OAAO,CAACV,IAAI,CAAC,CAACiC,OAAO,CAACf,IAAI,IAAI;UAC5B,MAAMgB,KAAa,GAAIzC,KAAK,CAASyB,IAAI,CAAC;UAC1C,MAAMC,SAAS,GAAGF,eAAe,CAACjB,IAAI,EAAEkB,IAAI,EAAEgB,KAAK,CAAC;UACpD,IAAIf,SAAS,EAAEa,SAAS,CAAEG,IAAI,CAAChB,SAAS,CAAC;QAC3C,CAAC,CAAC;MACJ;MAEAa,SAAS,CAACG,IAAI,CAAC;QACb,mBAAmB,EAAE1C,KAAK,CAACmC,SAAS;QACpC,cAAc,EAAEnC,KAAK,CAACiC,KAAK;QAC3B,CAAE,SAAQjC,KAAK,CAACkB,KAAM,EAAC,GAAGlB,KAAK,CAACkB,KAAK;QACrC,CAAE,WAAUlB,KAAK,CAACqB,OAAQ,EAAC,GAAGrB,KAAK,CAACqB,OAAO;QAC3C,CAAE,iBAAgBrB,KAAK,CAACsB,YAAa,EAAC,GAAGtB,KAAK,CAACsB;MACjD,CAAC,CAAC;MAEF,OAAOiB,SAAS;IAClB,CAAC,CAAC;IAEF,OAAO,MAAMhD,CAAC,CAACS,KAAK,CAAC2C,GAAG,EAAE;MACxBC,KAAK,EAAE,CAAC,OAAO,EAAEN,OAAO,CAACG,KAAK;IAChC,CAAC,EAAEJ,KAAK,CAAC5B,OAAO,IAAI,CAAC;EACvB;AACF,CAAC,CAAC"}

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

@@ -1,132 +1,111 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
 
 declare const VContainer: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    fluid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    fluid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
+    tag: string;
+    fluid: boolean;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+    fluid: boolean;
+} & {} & {
+    $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;
     fluid: boolean;
 }>;
-declare type VContainer = InstanceType<typeof VContainer>;
+type VContainer = InstanceType<typeof VContainer>;
 
 declare const VCol: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    alignSelf: {
-        type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    order: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-    };
-    offset: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-    };
-    cols: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: boolean;
-    };
+    offset: string | number;
+    alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
+    order: string | number;
+    tag: string;
+    cols: string | number | boolean;
+} & {} & {
+    $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;
-    };
-    alignSelf: {
-        type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    order: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-    };
-    offset: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-    };
-    cols: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: boolean;
-    };
-}>>, {
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    offset: string | number;
+    alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
+    order: string | number;
+    tag: string;
+    cols: string | number | boolean;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     offset: string | number;
     alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
     order: string | number;
     tag: string;
     cols: string | number | boolean;
 }>;
-declare type VCol = InstanceType<typeof VCol>;
+type VCol = InstanceType<typeof VCol>;
 
 declare const VRow: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    alignContent: {
-        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    justify: {
-        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    dense: BooleanConstructor;
-    noGutters: BooleanConstructor;
-    align: {
-        type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
+    alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    tag: string;
+    dense: boolean;
+    justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    align: "center" | "end" | "start" | "stretch" | "baseline";
+    noGutters: boolean;
+} & {} & {
+    $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;
-    };
-    alignContent: {
-        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    justify: {
-        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-    dense: BooleanConstructor;
-    noGutters: BooleanConstructor;
-    align: {
-        type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
-        default: null;
-        validator: (str: any) => boolean;
-    };
-}>>, {
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    tag: string;
+    dense: boolean;
+    justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    align: "center" | "end" | "start" | "stretch" | "baseline";
+    noGutters: boolean;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
     tag: string;
     dense: boolean;
@@ -134,23 +113,35 @@ declare const VRow: vue.DefineComponent<{
     align: "center" | "end" | "start" | "stretch" | "baseline";
     noGutters: boolean;
 }>;
-declare type VRow = InstanceType<typeof VRow>;
+type VRow = InstanceType<typeof VRow>;
 
 declare const VSpacer: 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 VSpacer = InstanceType<typeof VSpacer>;
+type VSpacer = InstanceType<typeof VSpacer>;
 
 export { VCol, VContainer, VRow, VSpacer };

package/lib/components/VHover/VHover.mjs

@@ -1,8 +1,8 @@
 // Composables
 import { makeDelayProps, useDelay } from "../../composables/delay.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-import { defineComponent } from "../../util/index.mjs";
-export const VHover = defineComponent({
+import { genericComponent } from "../../util/index.mjs";
+export const VHover = genericComponent()({
   name: 'VHover',
   props: {
     disabled: Boolean,
@@ -24,16 +24,13 @@ export const VHover = defineComponent({
       runOpenDelay,
       runCloseDelay
     } = useDelay(props, value => !props.disabled && (isHovering.value = value));
-    return () => {
-      var _slots$default;
-      return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
-        isHovering: isHovering.value,
-        props: {
-          onMouseenter: runOpenDelay,
-          onMouseleave: runCloseDelay
-        }
-      });
-    };
+    return () => slots.default?.({
+      isHovering: isHovering.value,
+      props: {
+        onMouseenter: runOpenDelay,
+        onMouseleave: runCloseDelay
+      }
+    });
   }
 });
 //# sourceMappingURL=VHover.mjs.map

package/lib/components/VHover/VHover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"sources":["../../../src/components/VHover/VHover.tsx"],"sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n\nexport type VHover = InstanceType<typeof VHover>\n"],"mappings":"AAAA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,eAAe,8CAExB;AAAA,SACSC,eAAe;AAExB,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OAAO;IACjBC,UAAU,EAAE;MACVC,IAAI,EAAEF,OAAO;MACbG,OAAO,EAAEC;IACX,CAAC;IAED,GAAGZ,cAAc;EACnB,CAAC;EAEDa,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAK,EAAE,YAAY,CAAC;IACvD,MAAM;MAAEY,YAAY;MAAEC;IAAc,CAAC,GAAGlB,QAAQ,CAACK,KAAK,EAAEQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAQ,KAAKU,UAAU,CAACH,KAAK,GAAGA,KAAK,CAAC,CAAC;IAE/G,OAAO;MAAA;MAAA,yBAAME,KAAK,CAACL,OAAO,qBAAb,oBAAAK,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACH,KAAK;QAC5BR,KAAK,EAAE;UACLc,YAAY,EAAEF,YAAY;UAC1BG,YAAY,EAAEF;QAChB;MACF,CAAC,CAAC;IAAA;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","genericComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"sources":["../../../src/components/VHover/VHover.tsx"],"sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\ntype VHoverSlots = {\n  default: [{\n    isHovering: boolean\n    props: Record<string, unknown>\n  }]\n}\n\nexport const VHover = genericComponent<VHoverSlots>()({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n\nexport type VHover = InstanceType<typeof VHover>\n"],"mappings":"AAAA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,eAAe,8CAExB;AAAA,SACSC,gBAAgB;AASzB,OAAO,MAAMC,MAAM,GAAGD,gBAAgB,EAAe,CAAC;EACpDE,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OAAO;IACjBC,UAAU,EAAE;MACVC,IAAI,EAAEF,OAAO;MACbG,OAAO,EAAEC;IACX,CAAC;IAED,GAAGZ,cAAc;EACnB,CAAC;EAEDa,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAK,EAAE,YAAY,CAAC;IACvD,MAAM;MAAEY,YAAY;MAAEC;IAAc,CAAC,GAAGlB,QAAQ,CAACK,KAAK,EAAEQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAQ,KAAKU,UAAU,CAACH,KAAK,GAAGA,KAAK,CAAC,CAAC;IAE/G,OAAO,MAAME,KAAK,CAACL,OAAO,GAAG;MAC3BM,UAAU,EAAEA,UAAU,CAACH,KAAK;MAC5BR,KAAK,EAAE;QACLc,YAAY,EAAEF,YAAY;QAC1BG,YAAY,EAAEF;MAChB;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -1,31 +1,69 @@
 import * as vue from 'vue';
 
 declare const VHover: vue.DefineComponent<{
-    closeDelay: (StringConstructor | NumberConstructor)[];
-    openDelay: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
+    disabled: boolean;
+} & {
+    modelValue?: boolean | undefined;
+    closeDelay?: string | number | undefined;
+    openDelay?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: {
+        isHovering: boolean;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | {
+        default?: ((args_0: {
+            isHovering: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            isHovering: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        isHovering: boolean;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    closeDelay: (StringConstructor | NumberConstructor)[];
-    openDelay: (StringConstructor | NumberConstructor)[];
-    disabled: BooleanConstructor;
-    modelValue: {
-        type: BooleanConstructor;
-        default: undefined;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    disabled: boolean;
+} & {
+    modelValue?: boolean | undefined;
+    closeDelay?: string | number | undefined;
+    openDelay?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: {
+        isHovering: boolean;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | {
+        default?: ((args_0: {
+            isHovering: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
     };
-}>> & {
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            isHovering: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        isHovering: boolean;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     disabled: boolean;
     modelValue: boolean;
 }>;
-declare type VHover = InstanceType<typeof VHover>;
+type VHover = InstanceType<typeof VHover>;
 
 export { VHover };

package/lib/components/VIcon/VIcon.mjs

@@ -9,7 +9,7 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 import { computed, Text, toRef } from 'vue';
-import { convertToUnit, defineComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVIconProps = propsFactory({
   color: String,
   start: Boolean,
@@ -21,7 +21,7 @@ export const makeVIconProps = propsFactory({
   }),
   ...makeThemeProps()
 }, 'v-icon');
-export const VIcon = defineComponent({
+export const VIcon = genericComponent()({
   name: 'VIcon',
   props: makeVIconProps(),
   setup(props, _ref) {
@@ -32,10 +32,9 @@ export const VIcon = defineComponent({
     let slotIcon;
     if (slots.default) {
       slotIcon = computed(() => {
-        var _slots$default, _slot$filter$;
-        const slot = (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
+        const slot = slots.default?.();
         if (!slot) return;
-        return (_slot$filter$ = slot.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]) == null ? void 0 : _slot$filter$.children;
+        return slot.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       });
     }
     const {
@@ -51,27 +50,24 @@ export const VIcon = defineComponent({
       textColorClasses,
       textColorStyles
     } = useTextColor(toRef(props, 'color'));
-    useRender(() => {
-      var _slots$default2;
-      return _createVNode(iconData.value.component, {
-        "tag": props.tag,
-        "icon": iconData.value.icon,
-        "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
-          'v-icon--clickable': !!attrs.onClick,
-          'v-icon--start': props.start,
-          'v-icon--end': props.end
-        }],
-        "style": [!sizeClasses.value ? {
-          fontSize: convertToUnit(props.size),
-          height: convertToUnit(props.size),
-          width: convertToUnit(props.size)
-        } : undefined, textColorStyles.value],
-        "role": attrs.onClick ? 'button' : undefined,
-        "aria-hidden": !attrs.onClick
-      }, {
-        default: () => [(_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)]
-      });
-    });
+    useRender(() => _createVNode(iconData.value.component, {
+      "tag": props.tag,
+      "icon": iconData.value.icon,
+      "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
+        'v-icon--clickable': !!attrs.onClick,
+        'v-icon--start': props.start,
+        'v-icon--end': props.end
+      }],
+      "style": [!sizeClasses.value ? {
+        fontSize: convertToUnit(props.size),
+        height: convertToUnit(props.size),
+        width: convertToUnit(props.size)
+      } : undefined, textColorStyles.value],
+      "role": attrs.onClick ? 'button' : undefined,
+      "aria-hidden": !attrs.onClick
+    }, {
+      default: () => [slots.default?.()]
+    }));
     return {};
   }
 });

package/lib/components/VIcon/VIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","Text","toRef","convertToUnit","defineComponent","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","type","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","onClick","fontSize","size","height","width","undefined"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, Text, toRef } from 'vue'\nimport { convertToUnit, defineComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'v-icon')\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return slot.filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => (\n      <iconData.value.component\n        tag={ props.tag }\n        icon={ iconData.value.icon }\n        class={[\n          'v-icon',\n          'notranslate',\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          {\n            'v-icon--clickable': !!attrs.onClick,\n            'v-icon--start': props.start,\n            'v-icon--end': props.end,\n          },\n        ]}\n        style={[\n          !sizeClasses.value ? ({\n            fontSize: convertToUnit(props.size),\n            height: convertToUnit(props.size),\n            width: convertToUnit(props.size),\n          }) : undefined,\n          textColorStyles.value,\n        ]}\n        role={ attrs.onClick ? 'button' : undefined }\n        aria-hidden={ !attrs.onClick }\n      >\n        { slots.default?.() }\n      </iconData.value.component>\n    ))\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":"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"}
+{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","Text","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","type","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","onClick","fontSize","size","height","width","undefined"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, Text, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'v-icon')\n\nexport const VIcon = genericComponent()({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return slot.filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => (\n      <iconData.value.component\n        tag={ props.tag }\n        icon={ iconData.value.icon }\n        class={[\n          'v-icon',\n          'notranslate',\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          {\n            'v-icon--clickable': !!attrs.onClick,\n            'v-icon--start': props.start,\n            'v-icon--end': props.end,\n          },\n        ]}\n        style={[\n          !sizeClasses.value ? ({\n            fontSize: convertToUnit(props.size),\n            height: convertToUnit(props.size),\n            width: convertToUnit(props.size),\n          }) : undefined,\n          textColorStyles.value,\n        ]}\n        role={ attrs.onClick ? 'button' : undefined }\n        aria-hidden={ !attrs.onClick }\n      >\n        { slots.default?.() }\n      </iconData.value.component>\n    ))\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,SAAS,EAAEC,OAAO;AAAA,SAClBC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,YAAY,uCAErB;AACA,SAASC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAClCC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAEjE;AAGA,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MAAM;EACbC,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAErB,SAAS;EAEf,GAAGE,aAAa,EAAE;EAClB,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAI,CAAC,CAAC;EAC7B,GAAGjB,cAAc;AACnB,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMkB,KAAK,GAAGX,gBAAgB,EAAE,CAAC;EACtCY,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEV,cAAc,EAAE;EAEvBW,KAAK,CAAED,KAAK,QAAoB;IAAA,IAAlB;MAAEE,KAAK;MAAEC;IAAM,CAAC;IAC5B,IAAIC,QAAqD;IACzD,IAAID,KAAK,CAACE,OAAO,EAAE;MACjBD,QAAQ,GAAGrB,QAAQ,CAAC,MAAM;QACxB,MAAMuB,IAAI,GAAGH,KAAK,CAACE,OAAO,IAAI;QAC9B,IAAI,CAACC,IAAI,EAAE;QAEX,OAAOA,IAAI,CAACC,MAAM,CAACC,IAAI,IACrBA,IAAI,CAACC,IAAI,KAAKzB,IAAI,IAAIwB,IAAI,CAACE,QAAQ,IAAI,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAAQ,CACzE,CAAC,CAAC,CAAC,EAAEA,QAAQ;MAChB,CAAC,CAAC;IACJ;IAEA,MAAM;MAAEC;IAAa,CAAC,GAAG9B,YAAY,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEY;IAAS,CAAC,GAAGpC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAK,CAAC;IAC/C,MAAM;MAAEa;IAAY,CAAC,GAAGnC,OAAO,CAACsB,KAAK,CAAC;IACtC,MAAM;MAAEc,gBAAgB;MAAEC;IAAgB,CAAC,GAAGjC,YAAY,CAACG,KAAK,CAACe,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAAG;MAAA,QACRe,QAAQ,CAACI,KAAK,CAACpB,IAAI;MAAA,SACnB,CACL,QAAQ,EACR,aAAa,EACbe,YAAY,CAACK,KAAK,EAClBH,WAAW,CAACG,KAAK,EACjBF,gBAAgB,CAACE,KAAK,EACtB;QACE,mBAAmB,EAAE,CAAC,CAACd,KAAK,CAACe,OAAO;QACpC,eAAe,EAAEjB,KAAK,CAACP,KAAK;QAC5B,aAAa,EAAEO,KAAK,CAACL;MACvB,CAAC,CACF;MAAA,SACM,CACL,CAACkB,WAAW,CAACG,KAAK,GAAI;QACpBE,QAAQ,EAAEhC,aAAa,CAACc,KAAK,CAACmB,IAAI,CAAC;QACnCC,MAAM,EAAElC,aAAa,CAACc,KAAK,CAACmB,IAAI,CAAC;QACjCE,KAAK,EAAEnC,aAAa,CAACc,KAAK,CAACmB,IAAI;MACjC,CAAC,GAAIG,SAAS,EACdP,eAAe,CAACC,KAAK,CACtB;MAAA,QACMd,KAAK,CAACe,OAAO,GAAG,QAAQ,GAAGK,SAAS;MAAA,eAC7B,CAACpB,KAAK,CAACe;IAAO;MAAA,gBAE1Bd,KAAK,CAACE,OAAO,IAAI;IAAA,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}