@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.15

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

@@ -0,0 +1,156 @@
+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;
+}>;
+declare 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;
+    };
+}, () => 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;
+    };
+}>>, {
+    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>;
+
+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;
+    };
+}, () => 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;
+    };
+}>>, {
+    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;
+}>;
+declare type VRow = InstanceType<typeof VRow>;
+
+declare const VSpacer: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => 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;
+    };
+}>>, {
+    tag: string;
+}>;
+declare type VSpacer = InstanceType<typeof VSpacer>;
+
+export { VCol, VContainer, VRow, VSpacer };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VContainer","VCol","VRow","VSpacer"],"sources":["../../../src/components/VGrid/index.ts"],"sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"mappings":"SAASA,U;SACAC,I;SACAC,I;SACAC,O"}
+{"version":3,"file":"index.mjs","names":["VContainer","VCol","VRow","VSpacer"],"sources":["../../../src/components/VGrid/index.ts"],"sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"mappings":"SAASA,UAAU;AAAA,SACVC,IAAI;AAAA,SACJC,IAAI;AAAA,SACJC,OAAO"}

package/lib/components/VHover/VHover.mjs

@@ -1,7 +1,6 @@
 // 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({
   name: 'VHover',
@@ -16,7 +15,6 @@ export const VHover = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -28,7 +26,6 @@ export const VHover = defineComponent({
     } = 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: {
@@ -38,6 +35,5 @@ export const VHover = defineComponent({
       });
     };
   }
-
 });
 //# 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"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OADL;IAELC,UAAU,EAAE;MACVC,IAAI,EAAEF,OADI;MAEVG,OAAO,EAAEC;IAFC,CAFP;IAOL,GAAGZ,cAAc;EAPZ,CAH6B;EAapCa,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAb6B;;EAiBpCC,KAAK,CAAET,KAAF,QAAoB;IAAA,IAAX;MAAEU;IAAF,CAAW;IACvB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAAlC;IACA,MAAM;MAAEY,YAAF;MAAgBC;IAAhB,IAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,UAAU,CAACH,KAAX,GAAmBA,KAAvC,CAAjB,CAAhD;IAEA,OAAO;MAAA;;MAAA,yBAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACH,KADI;QAE3BR,KAAK,EAAE;UACLc,YAAY,EAAEF,YADT;UAELG,YAAY,EAAEF;QAFT;MAFoB,CAAX,CAAX;IAAA,CAAP;EAOD;;AA5BmC,CAAD,CAA9B"}
+{"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"}

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

@@ -0,0 +1,31 @@
+import * as vue from 'vue';
+
+declare const VHover: vue.DefineComponent<{
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    disabled: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: 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;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    disabled: boolean;
+    modelValue: boolean;
+}>;
+declare type VHover = InstanceType<typeof VHover>;
+
+export { VHover };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VHover"],"sources":["../../../src/components/VHover/index.ts"],"sourcesContent":["export { VHover } from './VHover'\n"],"mappings":"SAASA,M"}
+{"version":3,"file":"index.mjs","names":["VHover"],"sources":["../../../src/components/VHover/index.ts"],"sourcesContent":["export { VHover } from './VHover'\n"],"mappings":"SAASA,MAAM"}

package/lib/components/VIcon/VIcon.mjs

@@ -1,16 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VIcon.css"; // Composables
+import "./VIcon.css";
 
+// Composables
 import { IconValue, useIcon } from "../../composables/icons.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
-
 import { computed, toRef } from 'vue';
 import { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from "../../util/index.mjs"; // Types
-
 export const makeVIconProps = propsFactory({
   color: String,
   start: Boolean,
@@ -25,24 +24,20 @@ export const makeVIconProps = propsFactory({
 export const VIcon = defineComponent({
   name: 'VIcon',
   props: makeVIconProps(),
-
   setup(props, _ref) {
     let {
       attrs,
       slots
     } = _ref;
     let slotIcon;
-
     if (slots.default) {
       slotIcon = computed(() => {
         var _slots$default, _flattenFragments$fil;
-
         const slot = (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
         if (!slot) return;
         return (_flattenFragments$fil = flattenFragments(slot).filter(node => node.children && typeof node.children === 'string')[0]) == null ? void 0 : _flattenFragments$fil.children;
       });
     }
-
     const {
       themeClasses
     } = provideTheme(props);
@@ -74,6 +69,5 @@ export const VIcon = defineComponent({
     }, null));
     return {};
   }
-
 });
 //# sourceMappingURL=VIcon.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","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, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments, 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 flattenFragments(slot).filter(node =>\n          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    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,S,EAAWC,O;SACXC,a,EAAeC,O;SACfC,Y;SACAC,c,EAAgBC,Y;SAChBC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,EAAkBC,Y,EAAcC,S,gCAEzE;;AAGA,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MADkC;EAEzCC,KAAK,EAAEC,OAFkC;EAGzCC,GAAG,EAAED,OAHoC;EAIzCE,IAAI,EAAErB,SAJmC;EAMzC,GAAGE,aAAa,EANyB;EAOzC,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAP,CAAD,CAP0B;EAQzC,GAAGjB,cAAc;AARwB,CAAD,EASvC,QATuC,CAAnC;AAWP,OAAO,MAAMkB,KAAK,GAAGZ,eAAe,CAAC;EACnCa,IAAI,EAAE,OAD6B;EAGnCC,KAAK,EAAEV,cAAc,EAHc;;EAKnCW,KAAK,CAAED,KAAF,QAA2B;IAAA,IAAlB;MAAEE,KAAF;MAASC;IAAT,CAAkB;IAC9B,IAAIC,QAAJ;;IACA,IAAID,KAAK,CAACE,OAAV,EAAmB;MACjBD,QAAQ,GAAGrB,QAAQ,CAAC,MAAM;QAAA;;QACxB,MAAMuB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;QACA,IAAI,CAACG,IAAL,EAAW;QAEX,gCAAOnB,gBAAgB,CAACmB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;MAGD,CAPkB,CAAnB;IAQD;;IAED,MAAM;MAAEC;IAAF,IAAmB7B,YAAY,CAACmB,KAAD,CAArC;IACA,MAAM;MAAEW;IAAF,IAAenC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAb,CAA5B;IACA,MAAM;MAAEY;IAAF,IAAkBlC,OAAO,CAACsB,KAAD,CAA/B;IACA,MAAM;MAAEa,gBAAF;MAAoBC;IAApB,IAAwChC,YAAY,CAACE,KAAK,CAACgB,KAAD,EAAQ,OAAR,CAAN,CAA1D;IAEAX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAFN;MAAA,QAGCc,QAAQ,CAACI,KAAT,CAAenB,IAHhB;MAAA,SAIC,CACL,QADK,EAEL,aAFK,EAGLc,YAAY,CAACK,KAHR,EAILH,WAAW,CAACG,KAJP,EAKLF,gBAAgB,CAACE,KALZ,EAML;QACE,qBAAqB,CAAC,CAACb,KAAK,CAACc,OAD/B;QAEE,iBAAiBhB,KAAK,CAACP,KAFzB;QAGE,eAAeO,KAAK,CAACL;MAHvB,CANK,CAJD;MAAA,SAgBC,CACL,CAACiB,WAAW,CAACG,KAAb,GAAsB;QACpBE,QAAQ,EAAEhC,aAAa,CAACe,KAAK,CAACkB,IAAP,CADH;QAEpBC,MAAM,EAAElC,aAAa,CAACe,KAAK,CAACkB,IAAP,CAFD;QAGpBE,KAAK,EAAEnC,aAAa,CAACe,KAAK,CAACkB,IAAP;MAHA,CAAtB,GAIKG,SALA,EAMLP,eAAe,CAACC,KANX,CAhBD;MAAA,QAwBCb,KAAK,CAACc,OAAN,GAAgB,QAAhB,GAA2BK,SAxB5B;MAAA,eAyBQ,CAACnB,KAAK,CAACc;IAzBf,QAAD,CAAT;IA6BA,OAAO,EAAP;EACD;;AArDkC,CAAD,CAA7B"}
+{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","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, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments, 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 flattenFragments(slot).filter(node =>\n          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    ))\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,KAAK,QAAQ,KAAK;AAAA,SAC5BC,aAAa,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElF;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,GAAGZ,eAAe,CAAC;EACnCa,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;QAAA;QACxB,MAAMuB,IAAI,qBAAGH,KAAK,CAACE,OAAO,qBAAb,oBAAAF,KAAK,CAAY;QAC9B,IAAI,CAACG,IAAI,EAAE;QAEX,gCAAOnB,gBAAgB,CAACmB,IAAI,CAAC,CAACC,MAAM,CAACC,IAAI,IACvCA,IAAI,CAACC,QAAQ,IAAI,OAAOD,IAAI,CAACC,QAAQ,KAAK,QAAQ,CACnD,CAAC,CAAC,CAAC,qBAFG,sBAEDA,QAAQ;MAChB,CAAC,CAAC;IACJ;IAEA,MAAM;MAAEC;IAAa,CAAC,GAAG7B,YAAY,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEW;IAAS,CAAC,GAAGnC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAK,CAAC;IAC/C,MAAM;MAAEY;IAAY,CAAC,GAAGlC,OAAO,CAACsB,KAAK,CAAC;IACtC,MAAM;MAAEa,gBAAgB;MAAEC;IAAgB,CAAC,GAAGhC,YAAY,CAACE,KAAK,CAACgB,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAAG;MAAA,QACRc,QAAQ,CAACI,KAAK,CAACnB,IAAI;MAAA,SACnB,CACL,QAAQ,EACR,aAAa,EACbc,YAAY,CAACK,KAAK,EAClBH,WAAW,CAACG,KAAK,EACjBF,gBAAgB,CAACE,KAAK,EACtB;QACE,mBAAmB,EAAE,CAAC,CAACb,KAAK,CAACc,OAAO;QACpC,eAAe,EAAEhB,KAAK,CAACP,KAAK;QAC5B,aAAa,EAAEO,KAAK,CAACL;MACvB,CAAC,CACF;MAAA,SACM,CACL,CAACiB,WAAW,CAACG,KAAK,GAAI;QACpBE,QAAQ,EAAEhC,aAAa,CAACe,KAAK,CAACkB,IAAI,CAAC;QACnCC,MAAM,EAAElC,aAAa,CAACe,KAAK,CAACkB,IAAI,CAAC;QACjCE,KAAK,EAAEnC,aAAa,CAACe,KAAK,CAACkB,IAAI;MACjC,CAAC,GAAIG,SAAS,EACdP,eAAe,CAACC,KAAK,CACtB;MAAA,QACMb,KAAK,CAACc,OAAO,GAAG,QAAQ,GAAGK,SAAS;MAAA,eAC7B,CAACnB,KAAK,CAACc;IAAO,QAE/B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,125 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+declare const VComponentIcon: vue.DefineComponent<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+declare const VSvgIcon: vue.DefineComponent<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+declare const VLigatureIcon: vue.DefineComponent<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+declare const VClassIcon: vue.DefineComponent<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    icon: {
+        type: PropType<IconValue>;
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+
+declare const VIcon: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: StringConstructor;
+    start: BooleanConstructor;
+    end: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    color: StringConstructor;
+    start: BooleanConstructor;
+    end: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+}>>, {
+    end: boolean;
+    start: boolean;
+    size: string | number;
+    tag: string;
+}>;
+declare type VIcon = InstanceType<typeof VIcon>;
+
+export { VClassIcon, VComponentIcon, VIcon, VLigatureIcon, VSvgIcon };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"sources":["../../../src/components/VIcon/index.ts"],"sourcesContent":["export { VIcon } from './VIcon'\nexport { VComponentIcon, VSvgIcon, VLigatureIcon, VClassIcon } from '@/composables/icons'\n"],"mappings":"SAASA,K;SACAC,c,EAAgBC,Q,EAAUC,a,EAAeC,U"}
+{"version":3,"file":"index.mjs","names":["VIcon","VComponentIcon","VSvgIcon","VLigatureIcon","VClassIcon"],"sources":["../../../src/components/VIcon/index.ts"],"sourcesContent":["export { VIcon } from './VIcon'\nexport { VComponentIcon, VSvgIcon, VLigatureIcon, VClassIcon } from '@/composables/icons'\n"],"mappings":"SAASA,KAAK;AAAA,SACLC,cAAc,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU"}