vuetify 3.3.0 → 3.3.2

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

@@ -1 +1 @@
-{"version":3,"file":"VRow.mjs","names":["breakpoints","makeComponentProps","makeTagProps","capitalize","computed","h","genericComponent","propsFactory","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","prefixKey","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","makeVRowProps","dense","Boolean","noGutters","VRow","name","setup","_ref","slots","classes","classList","forEach","value","push","tag","class","style"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { breakpoints } from '@/composables/display'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { Breakpoint } from '@/composables/display'\nimport type { Prop, PropType } from 'vue'\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\ntype BreakpointAlign = `align${Capitalize<Breakpoint>}`\ntype BreakpointJustify = `justify${Capitalize<Breakpoint>}`\ntype BreakpointAlignContent = `alignContent${Capitalize<Breakpoint>}`\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <\n  Name extends BreakpointAlign | BreakpointJustify | BreakpointAlignContent,\n  Type,\n> (prefix: string, def: () => Prop<Type, null>) {\n  return breakpoints.reduce((props, val) => {\n    const prefixKey = prefix + capitalize(val) as Name\n    props[prefixKey] = def()\n    return props\n  }, {} as Record<Name, Prop<Type, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\ntype AlignValue = typeof ALIGN_VALUES[number]\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps<BreakpointAlign, AlignValue>('align', () => ({\n  type: String as PropType<AlignValue>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\ntype JustifyValue = typeof JUSTIFY_VALUES[number]\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps<BreakpointJustify, JustifyValue>('justify', () => ({\n  type: String as PropType<JustifyValue>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\ntype AlignContentValue = typeof ALIGN_CONTENT_VALUES[number]\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps<BreakpointAlignContent, AlignContentValue>('alignContent', () => ({\n  type: String as PropType<AlignContentValue>,\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 makeVRowProps = propsFactory({\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  ...makeComponentProps(),\n  ...makeTagProps(),\n}, 'v-row')\n\nexport const VRow = genericComponent()({\n  name: 'VRow',\n\n  props: makeVRowProps(),\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: [\n        'v-row',\n        classes.value,\n        props.class,\n      ],\n      style: props.style,\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}
+{"version":3,"file":"VRow.mjs","names":["makeComponentProps","breakpoints","makeTagProps","capitalize","computed","h","genericComponent","propsFactory","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","prefixKey","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","makeVRowProps","dense","Boolean","noGutters","VRow","name","setup","_ref","slots","classes","classList","forEach","value","push","tag","class","style"],"sources":["../../../src/components/VGrid/VRow.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { breakpoints } from '@/composables/display'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\nimport type { Breakpoint } from '@/composables/display'\n\nconst ALIGNMENT = ['start', 'end', 'center'] as const\n\ntype BreakpointAlign = `align${Capitalize<Breakpoint>}`\ntype BreakpointJustify = `justify${Capitalize<Breakpoint>}`\ntype BreakpointAlignContent = `alignContent${Capitalize<Breakpoint>}`\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <\n  Name extends BreakpointAlign | BreakpointJustify | BreakpointAlignContent,\n  Type,\n> (prefix: string, def: () => Prop<Type, null>) {\n  return breakpoints.reduce((props, val) => {\n    const prefixKey = prefix + capitalize(val) as Name\n    props[prefixKey] = def()\n    return props\n  }, {} as Record<Name, Prop<Type, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\ntype AlignValue = typeof ALIGN_VALUES[number]\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps<BreakpointAlign, AlignValue>('align', () => ({\n  type: String as PropType<AlignValue>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\ntype JustifyValue = typeof JUSTIFY_VALUES[number]\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps<BreakpointJustify, JustifyValue>('justify', () => ({\n  type: String as PropType<JustifyValue>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\ntype AlignContentValue = typeof ALIGN_CONTENT_VALUES[number]\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps<BreakpointAlignContent, AlignContentValue>('alignContent', () => ({\n  type: String as PropType<AlignContentValue>,\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 makeVRowProps = propsFactory({\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  ...makeComponentProps(),\n  ...makeTagProps(),\n}, 'VRow')\n\nexport const VRow = genericComponent()({\n  name: 'VRow',\n\n  props: makeVRowProps(),\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: [\n        'v-row',\n        classes.value,\n        props.class,\n      ],\n      style: props.style,\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}

package/lib/components/VGrid/VSpacer.mjs

@@ -1,3 +1,4 @@
+// Utilities
 import { createSimpleFunctional } from "../../util/index.mjs";
 export const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer');
 //# sourceMappingURL=VSpacer.mjs.map

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

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

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

@@ -25,9 +25,6 @@ declare const VContainer: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -97,10 +94,6 @@ declare const VContainer: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
             tag: string;
@@ -144,10 +137,6 @@ declare const VContainer: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -167,10 +156,6 @@ declare const VContainer: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
@@ -233,9 +218,6 @@ declare const VCol: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -338,10 +320,6 @@ declare const VCol: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -408,10 +386,6 @@ declare const VCol: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -451,10 +425,6 @@ declare const VCol: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -579,9 +549,6 @@ declare const VRow: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -685,10 +652,6 @@ declare const VRow: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -757,10 +720,6 @@ declare const VRow: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -801,10 +760,6 @@ declare const VRow: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -925,9 +880,6 @@ declare const VSpacer: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -996,10 +948,6 @@ declare const VSpacer: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -1043,10 +991,6 @@ declare const VSpacer: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -1067,10 +1011,6 @@ declare const VSpacer: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {

package/lib/components/VHover/VHover.mjs

@@ -9,7 +9,7 @@ export const makeVHoverProps = propsFactory({
     default: undefined
   },
   ...makeDelayProps()
-}, 'v-hover');
+}, 'VHover');
 export const VHover = genericComponent()({
   name: 'VHover',
   props: makeVHoverProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","genericComponent","propsFactory","makeVHoverProps","disabled","Boolean","modelValue","type","default","undefined","VHover","name","props","emits","value","setup","_ref","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, propsFactory } from '@/util'\n\ntype VHoverSlots = {\n  default: [{\n    isHovering: boolean | undefined\n    props: Record<string, unknown>\n  }]\n}\n\nexport const makeVHoverProps = propsFactory({\n  disabled: Boolean,\n  modelValue: {\n    type: Boolean,\n    default: undefined,\n  },\n\n  ...makeDelayProps(),\n}, 'v-hover')\n\nexport const VHover = genericComponent<VHoverSlots>()({\n  name: 'VHover',\n\n  props: makeVHoverProps(),\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,EAAEC,YAAY;AASvC,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACVC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACX,CAAC;EAED,GAAGX,cAAc;AACnB,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,MAAMY,MAAM,GAAGT,gBAAgB,EAAe,CAAC;EACpDU,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAET,eAAe,EAAE;EAExBU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,UAAU,GAAGlB,eAAe,CAACY,KAAK,EAAE,YAAY,CAAC;IACvD,MAAM;MAAEO,YAAY;MAAEC;IAAc,CAAC,GAAGrB,QAAQ,CAACa,KAAK,EAAEE,KAAK,IAAI,CAACF,KAAK,CAACR,QAAQ,KAAKc,UAAU,CAACJ,KAAK,GAAGA,KAAK,CAAC,CAAC;IAE/G,OAAO,MAAMG,KAAK,CAACT,OAAO,GAAG;MAC3BU,UAAU,EAAEA,UAAU,CAACJ,KAAK;MAC5BF,KAAK,EAAE;QACLS,YAAY,EAAEF,YAAY;QAC1BG,YAAY,EAAEF;MAChB;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","genericComponent","propsFactory","makeVHoverProps","disabled","Boolean","modelValue","type","default","undefined","VHover","name","props","emits","value","setup","_ref","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, propsFactory } from '@/util'\n\ntype VHoverSlots = {\n  default: {\n    isHovering: boolean | undefined\n    props: Record<string, unknown>\n  }\n}\n\nexport const makeVHoverProps = propsFactory({\n  disabled: Boolean,\n  modelValue: {\n    type: Boolean,\n    default: undefined,\n  },\n\n  ...makeDelayProps(),\n}, 'VHover')\n\nexport const VHover = genericComponent<VHoverSlots>()({\n  name: 'VHover',\n\n  props: makeVHoverProps(),\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,EAAEC,YAAY;AASvC,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACVC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACX,CAAC;EAED,GAAGX,cAAc;AACnB,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMY,MAAM,GAAGT,gBAAgB,EAAe,CAAC;EACpDU,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAET,eAAe,EAAE;EAExBU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,UAAU,GAAGlB,eAAe,CAACY,KAAK,EAAE,YAAY,CAAC;IACvD,MAAM;MAAEO,YAAY;MAAEC;IAAc,CAAC,GAAGrB,QAAQ,CAACa,KAAK,EAAEE,KAAK,IAAI,CAACF,KAAK,CAACR,QAAQ,KAAKc,UAAU,CAACJ,KAAK,GAAGA,KAAK,CAAC,CAAC;IAE/G,OAAO,MAAMG,KAAK,CAACT,OAAO,GAAG;MAC3BU,UAAU,EAAEA,UAAU,CAACJ,KAAK;MAC5BF,KAAK,EAAE;QACLS,YAAY,EAAEF,YAAY;QAC1BG,YAAY,EAAEF;MAChB;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -16,29 +16,23 @@ declare const VHover: {
             style?: unknown;
             class?: unknown;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isHovering: boolean | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: {
-                    isHovering: boolean | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: {
+                default?: false | ((arg: {
                     isHovering: boolean | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
@@ -92,7 +86,7 @@ declare const VHover: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: {
+            default?: ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -111,32 +105,25 @@ declare const VHover: {
             openDelay?: string | number | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isHovering: boolean | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: {
+                default?: false | ((arg: {
                     isHovering: boolean | undefined;
                     props: Record<string, unknown>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: {
-                    isHovering: boolean | undefined;
-                    props: Record<string, unknown>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -147,7 +134,7 @@ declare const VHover: {
             disabled: boolean;
             modelValue: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: {
+            default: (arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -181,32 +168,25 @@ declare const VHover: {
         openDelay?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: {
+            default?: ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
-        } | ((args_0: {
+        } | ((arg: {
             isHovering: boolean | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: {
+            default?: false | ((arg: {
                 isHovering: boolean | undefined;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: {
+        "v-slot:default"?: false | ((arg: {
             isHovering: boolean | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: {
-                isHovering: boolean | undefined;
-                props: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -223,32 +203,25 @@ declare const VHover: {
     openDelay?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: {
+        default?: ((arg: {
             isHovering: boolean | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
-    } | ((args_0: {
+    } | ((arg: {
         isHovering: boolean | undefined;
         props: Record<string, unknown>;
     }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: {
+        default?: false | ((arg: {
             isHovering: boolean | undefined;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: {
+    "v-slot:default"?: false | ((arg: {
         isHovering: boolean | undefined;
         props: Record<string, unknown>;
     }) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: {
-            isHovering: boolean | undefined;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -259,7 +232,7 @@ declare const VHover: {
     disabled: boolean;
     modelValue: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: {
+    default: (arg: {
         isHovering: boolean | undefined;
         props: Record<string, unknown>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {

package/lib/components/VIcon/VIcon.mjs

@@ -3,12 +3,12 @@ import { createVNode as _createVNode } from "vue";
 import "./VIcon.css";
 
 // Composables
-import { IconValue, useIcon } from "../../composables/icons.mjs";
+import { useTextColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
+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 { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
 import { computed, ref, Text, toRef } from 'vue';
 import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVIconProps = propsFactory({
@@ -22,7 +22,7 @@ export const makeVIconProps = propsFactory({
     tag: 'i'
   }),
   ...makeThemeProps()
-}, 'v-icon');
+}, 'VIcon');
 export const VIcon = genericComponent()({
   name: 'VIcon',
   props: makeVIconProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeComponentProps","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","ref","Text","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","_ref","attrs","slots","slotIcon","themeClasses","iconData","value","sizeClasses","textColorClasses","textColorStyles","slotValue","default","filter","node","type","children","_createVNode","component","onClick","class","fontSize","size","height","width","undefined","style"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeComponentProps } from '@/composables/component'\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, ref, Text, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeComponentProps(),\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    const slotIcon = ref<string>()\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(computed(() => slotIcon.value || props.icon))\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const slotValue = slots.default?.()\n      if (slotValue) {\n        slotIcon.value = slotValue.filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      }\n\n      return (\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            props.class,\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            props.style,\n          ]}\n          role={ attrs.onClick ? 'button' : undefined }\n          aria-hidden={ !attrs.onClick }\n        >\n          { slotValue }\n        </iconData.value.component>\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,kBAAkB;AAAA,SAClBC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,YAAY,uCAErB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,IAAI,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvCC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAEjE,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MAAM;EACbC,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAEvB,SAAS;EAEf,GAAGE,kBAAkB,EAAE;EACvB,GAAGC,aAAa,EAAE;EAClB,GAAGE,YAAY,CAAC;IAAEmB,GAAG,EAAE;EAAI,CAAC,CAAC;EAC7B,GAAGlB,cAAc;AACnB,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMmB,KAAK,GAAGX,gBAAgB,EAAE,CAAC;EACtCY,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEV,cAAc,EAAE;EAEvBW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,QAAQ,GAAGtB,GAAG,EAAU;IAE9B,MAAM;MAAEuB;IAAa,CAAC,GAAG1B,YAAY,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEO;IAAS,CAAC,GAAGjC,OAAO,CAACQ,QAAQ,CAAC,MAAMuB,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACJ,IAAI,CAAC,CAAC;IAC1E,MAAM;MAAEa;IAAY,CAAC,GAAGhC,OAAO,CAACuB,KAAK,CAAC;IACtC,MAAM;MAAEU,gBAAgB;MAAEC;IAAgB,CAAC,GAAG9B,YAAY,CAACI,KAAK,CAACe,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFX,SAAS,CAAC,MAAM;MACd,MAAMuB,SAAS,GAAGR,KAAK,CAACS,OAAO,IAAI;MACnC,IAAID,SAAS,EAAE;QACbP,QAAQ,CAACG,KAAK,GAAGI,SAAS,CAACE,MAAM,CAACC,IAAI,IACpCA,IAAI,CAACC,IAAI,KAAKhC,IAAI,IAAI+B,IAAI,CAACE,QAAQ,IAAI,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAAQ,CACzE,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAX,QAAA,CAAAC,KAAA,CAAAW,SAAA;QAAA,OAEUnB,KAAK,CAACH,GAAG;QAAA,QACRU,QAAQ,CAACC,KAAK,CAACZ,IAAI;QAAA,SACnB,CACL,QAAQ,EACR,aAAa,EACbU,YAAY,CAACE,KAAK,EAClBC,WAAW,CAACD,KAAK,EACjBE,gBAAgB,CAACF,KAAK,EACtB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACiB,OAAO;UACpC,eAAe,EAAEpB,KAAK,CAACP,KAAK;UAC5B,aAAa,EAAEO,KAAK,CAACL;QACvB,CAAC,EACDK,KAAK,CAACqB,KAAK,CACZ;QAAA,SACM,CACL,CAACZ,WAAW,CAACD,KAAK,GAAI;UACpBc,QAAQ,EAAEpC,aAAa,CAACc,KAAK,CAACuB,IAAI,CAAC;UACnCC,MAAM,EAAEtC,aAAa,CAACc,KAAK,CAACuB,IAAI,CAAC;UACjCE,KAAK,EAAEvC,aAAa,CAACc,KAAK,CAACuB,IAAI;QACjC,CAAC,GAAIG,SAAS,EACdf,eAAe,CAACH,KAAK,EACrBR,KAAK,CAAC2B,KAAK,CACZ;QAAA,QACMxB,KAAK,CAACiB,OAAO,GAAG,QAAQ,GAAGM,SAAS;QAAA,eAC7B,CAACvB,KAAK,CAACiB;MAAO;QAAAP,OAAA,EAAAA,CAAA,MAE1BD,SAAS;MAAA;IAGjB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VIcon.mjs","names":["useTextColor","makeComponentProps","IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","computed","ref","Text","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","_ref","attrs","slots","slotIcon","themeClasses","iconData","value","sizeClasses","textColorClasses","textColorStyles","slotValue","default","filter","node","type","children","_createVNode","component","onClick","class","fontSize","size","height","width","undefined","style"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, ref, Text, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeComponentProps(),\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'VIcon')\n\nexport const VIcon = genericComponent()({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    const slotIcon = ref<string>()\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(computed(() => slotIcon.value || props.icon))\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const slotValue = slots.default?.()\n      if (slotValue) {\n        slotIcon.value = slotValue.filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      }\n\n      return (\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            props.class,\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            props.style,\n          ]}\n          role={ attrs.onClick ? 'button' : undefined }\n          aria-hidden={ !attrs.onClick }\n        >\n          { slotValue }\n        </iconData.value.component>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,SAAS,EAAEC,OAAO;AAAA,SAClBC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,IAAI,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvCC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAEjE,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MAAM;EACbC,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAErB,SAAS;EAEf,GAAGD,kBAAkB,EAAE;EACvB,GAAGG,aAAa,EAAE;EAClB,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAI,CAAC,CAAC;EAC7B,GAAGjB,cAAc;AACnB,CAAC,EAAE,OAAO,CAAC;AAEX,OAAO,MAAMkB,KAAK,GAAGX,gBAAgB,EAAE,CAAC;EACtCY,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEV,cAAc,EAAE;EAEvBW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,QAAQ,GAAGtB,GAAG,EAAU;IAE9B,MAAM;MAAEuB;IAAa,CAAC,GAAGzB,YAAY,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEO;IAAS,CAAC,GAAG/B,OAAO,CAACM,QAAQ,CAAC,MAAMuB,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACJ,IAAI,CAAC,CAAC;IAC1E,MAAM;MAAEa;IAAY,CAAC,GAAG/B,OAAO,CAACsB,KAAK,CAAC;IACtC,MAAM;MAAEU,gBAAgB;MAAEC;IAAgB,CAAC,GAAGtC,YAAY,CAACY,KAAK,CAACe,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFX,SAAS,CAAC,MAAM;MACd,MAAMuB,SAAS,GAAGR,KAAK,CAACS,OAAO,IAAI;MACnC,IAAID,SAAS,EAAE;QACbP,QAAQ,CAACG,KAAK,GAAGI,SAAS,CAACE,MAAM,CAACC,IAAI,IACpCA,IAAI,CAACC,IAAI,KAAKhC,IAAI,IAAI+B,IAAI,CAACE,QAAQ,IAAI,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAAQ,CACzE,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAX,QAAA,CAAAC,KAAA,CAAAW,SAAA;QAAA,OAEUnB,KAAK,CAACH,GAAG;QAAA,QACRU,QAAQ,CAACC,KAAK,CAACZ,IAAI;QAAA,SACnB,CACL,QAAQ,EACR,aAAa,EACbU,YAAY,CAACE,KAAK,EAClBC,WAAW,CAACD,KAAK,EACjBE,gBAAgB,CAACF,KAAK,EACtB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACiB,OAAO;UACpC,eAAe,EAAEpB,KAAK,CAACP,KAAK;UAC5B,aAAa,EAAEO,KAAK,CAACL;QACvB,CAAC,EACDK,KAAK,CAACqB,KAAK,CACZ;QAAA,SACM,CACL,CAACZ,WAAW,CAACD,KAAK,GAAI;UACpBc,QAAQ,EAAEpC,aAAa,CAACc,KAAK,CAACuB,IAAI,CAAC;UACnCC,MAAM,EAAEtC,aAAa,CAACc,KAAK,CAACuB,IAAI,CAAC;UACjCE,KAAK,EAAEvC,aAAa,CAACc,KAAK,CAACuB,IAAI;QACjC,CAAC,GAAIG,SAAS,EACdf,eAAe,CAACH,KAAK,EACrBR,KAAK,CAAC2B,KAAK,CACZ;QAAA,QACMxB,KAAK,CAACiB,OAAO,GAAG,QAAQ,GAAGM,SAAS;QAAA,eAC7B,CAACvB,KAAK,CAACiB;MAAO;QAAAP,OAAA,EAAAA,CAAA,MAE1BD,SAAS;MAAA;IAGjB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -27,9 +27,6 @@ declare const VComponentIcon: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -97,10 +94,6 @@ declare const VComponentIcon: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -138,10 +131,6 @@ declare const VComponentIcon: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -159,10 +148,6 @@ declare const VComponentIcon: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -604,9 +589,6 @@ declare const VIcon: {
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -681,10 +663,6 @@ declare const VIcon: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             end: boolean;
             start: boolean;
@@ -735,10 +713,6 @@ declare const VIcon: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -763,10 +737,6 @@ declare const VIcon: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     end: boolean;
     start: boolean;

package/lib/components/VImg/VImg.mjs

@@ -1,11 +1,12 @@
 import { withDirectives as _withDirectives, mergeProps as _mergeProps, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+// Styles
 import "./VImg.css";
 
 // Components
-import { makeVResponsiveProps, VResponsive } from "../VResponsive/VResponsive.mjs"; // Directives
-import intersect from "../../directives/intersect/index.mjs"; // Composables
+import { makeVResponsiveProps, VResponsive } from "../VResponsive/VResponsive.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
-import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
+import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Directives
+import intersect from "../../directives/intersect/index.mjs"; // Utilities
 import { computed, nextTick, onBeforeMount, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
 import { genericComponent, propsFactory, SUPPORTS_INTERSECTION, useRender } from "../../util/index.mjs"; // Types
 export const makeVImgProps = propsFactory({
@@ -33,7 +34,7 @@ export const makeVImgProps = propsFactory({
   ...makeVResponsiveProps(),
   ...makeComponentProps(),
   ...makeTransitionProps()
-}, 'v-img');
+}, 'VImg');
 export const VImg = genericComponent()({
   name: 'VImg',
   directives: {