@hugeicons/vue 1.0.1

package/README.md

@@ -0,0 +1,307 @@
+![31c9262e-aeea-4403-9086-3c8b88885cab](https://github.com/hugeicons/hugeicons-react/assets/130147052/ff91f2f0-095a-4c6d-8942-3af4759f9021)
+
+# @hugeicons/vue
+
+> HugeIcons Pro Vue Component Library - Beautiful and customizable icons for your Vue applications
+
+## What is HugeIcons?
+
+HugeIcons is a comprehensive icon library designed for modern web and mobile applications. The free package includes 4,000+ carefully crafted icons in the Stroke Rounded style, while the pro version offers over 36,000 icons across 9 unique styles.
+
+### Key Highlights
+- **4,000+ Free Icons**: Extensive collection of Stroke Rounded icons covering essential UI elements, actions, and concepts
+- **Pixel Perfect**: Every icon is crafted on a 24x24 pixel grid ensuring crisp, clear display at any size
+- **Customizable**: Easily adjust colors, sizes, and styles to match your design needs
+- **Regular Updates**: New icons added regularly to keep up with evolving design trends
+
+> 📚 **Looking for Pro Icons?** Check out our comprehensive documentation at [docs.hugeicons.com](https://docs.hugeicons.com) for detailed information about pro icons, styles, and advanced usage.
+
+![a40aa766-1b04-4a2a-a2e6-0ec3c492b96a](https://github.com/hugeicons/hugeicons-react/assets/130147052/f82c0e0e-60ae-4617-802f-812cdc7a58da)
+
+## Table of Contents
+- [What is HugeIcons?](#what-is-hugeicons)
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Props](#props)
+- [Examples](#examples)
+  - [Basic Usage](#basic-usage)
+  - [Custom Size and Color](#custom-size-and-color)
+  - [Interactive Examples](#interactive-examples)
+- [Performance](#performance)
+- [Troubleshooting](#troubleshooting)
+- [Browser Support](#browser-support)
+- [Related Packages](#related-packages)
+- [Pro Version](#pro-version)
+- [License](#license)
+- [Related](#related)
+
+## Features
+
+- 🎨 Customizable colors and sizes
+- 💪 TypeScript support with full type definitions
+- 🎯 Tree-shakeable for optimal bundle size
+- 📦 Multiple bundle formats (ESM, CJS, UMD)
+- ⚡ Lightweight and optimized
+- 🔄 Alternate icon support for dynamic interactions
+
+## Installation
+
+```bash
+# Using npm
+npm install @hugeicons/vue @hugeicons/core-free-icons
+
+# Using yarn
+yarn add @hugeicons/vue @hugeicons/core-free-icons
+
+# Using pnpm
+pnpm add @hugeicons/vue @hugeicons/core-free-icons
+
+# Using bun
+bun add @hugeicons/vue @hugeicons/core-free-icons
+```
+
+## Usage
+
+```vue
+<template>
+  <HugeiconsIcon
+    :icon="SearchIcon"
+    :size="24"
+    color="currentColor"
+    :stroke-width="1.5"
+  />
+</template>
+
+<script>
+import { HugeiconsIcon } from '@hugeicons/vue';
+import { SearchIcon } from '@hugeicons/core-free-icons';
+
+export default {
+  components: {
+    HugeiconsIcon
+  },
+  setup() {
+    return {
+      SearchIcon
+    }
+  }
+}
+</script>
+```
+
+## Props
+
+| Prop (in template) | Prop (in script) | Type | Default | Description |
+|-------------------|------------------|------|---------|-------------|
+| `icon` | `icon` | `[string, Record<string, any>][]` | Required | The main icon to display (array of SVG elements and their attributes) |
+| `size` | `size` | `number \| string` | `24` | Icon size in pixels. Must be a positive number. String values will be parsed to numbers |
+| `stroke-width` | `strokeWidth` | `number \| undefined` | `undefined` | Width of the icon strokes. When used with `absoluteStrokeWidth`, the stroke width will be automatically scaled relative to the icon size |
+| `absolute-stroke-width` | `absoluteStrokeWidth` | `boolean` | `false` | When true, the stroke width will be scaled relative to the icon size to maintain visual consistency across different sizes |
+| `alt-icon` | `altIcon` | `[string, Record<string, any>][]` | `undefined` | Alternative icon that can be used for states, interactions, or animations |
+| `show-alt` | `showAlt` | `boolean` | `false` | When true, displays the altIcon instead of the main icon |
+| `color` | `color` | `string` | `currentColor` | Icon color (CSS color value) |
+
+Note: 
+- The component accepts all standard SVG attributes as props which will be passed to the root SVG element.
+- The `size` prop accepts both numbers and strings, but strings will be parsed to numbers and must result in a positive number.
+- Icon arrays are tuples of `[elementName: string, attributes: Record<string, any>][]` representing SVG elements.
+
+## Examples
+
+### Basic Usage
+```vue
+<template>
+  <HugeiconsIcon :icon="SearchIcon" />
+</template>
+
+<script>
+import { HugeiconsIcon } from '@hugeicons/vue';
+import { SearchIcon } from '@hugeicons/core-free-icons';
+
+export default {
+  components: { HugeiconsIcon },
+  setup() {
+    return { SearchIcon }
+  }
+}
+</script>
+```
+
+### Custom Size and Color
+```vue
+<template>
+  <HugeiconsIcon
+    :icon="NotificationIcon"
+    :size="32"
+    color="#FF5733"
+  />
+</template>
+
+<script>
+import { HugeiconsIcon } from '@hugeicons/vue';
+import { NotificationIcon } from '@hugeicons/core-free-icons';
+
+export default {
+  components: { HugeiconsIcon },
+  setup() {
+    return { NotificationIcon }
+  }
+}
+</script>
+```
+
+### Interactive Examples
+
+#### Search Bar with Clear Button
+```vue
+<template>
+  <div>
+    <input
+      v-model="searchValue"
+      type="text"
+      placeholder="Search..."
+    />
+    <HugeiconsIcon
+      :icon="SearchIcon"
+      :alt-icon="CloseCircleIcon"
+      :show-alt="searchValue.length > 0"
+      @click="clearSearch"
+    />
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue';
+import { HugeiconsIcon } from '@hugeicons/vue';
+import { SearchIcon, CloseCircleIcon } from '@hugeicons/core-free-icons';
+
+export default {
+  components: { HugeiconsIcon },
+  setup() {
+    const searchValue = ref('');
+    
+    const clearSearch = () => {
+      if (searchValue.value.length > 0) {
+        searchValue.value = '';
+      }
+    };
+
+    return {
+      searchValue,
+      clearSearch,
+      SearchIcon,
+      CloseCircleIcon
+    }
+  }
+}
+</script>
+```
+
+#### Theme Toggle
+```vue
+<template>
+  <button @click="toggleTheme">
+    <HugeiconsIcon
+      :icon="SunIcon"
+      :alt-icon="MoonIcon"
+      :show-alt="isDark"
+    />
+  </button>
+</template>
+
+<script>
+import { ref } from 'vue';
+import { HugeiconsIcon } from '@hugeicons/vue';
+import { SunIcon, MoonIcon } from '@hugeicons/core-free-icons';
+
+export default {
+  components: { HugeiconsIcon },
+  setup() {
+    const isDark = ref(false);
+    const toggleTheme = () => isDark.value = !isDark.value;
+
+    return {
+      isDark,
+      toggleTheme,
+      SunIcon,
+      MoonIcon
+    }
+  }
+}
+</script>
+```
+
+## Performance
+
+- **Tree-shaking**: The package is fully tree-shakeable, ensuring only the icons you use are included in your final bundle
+- **Optimized SVGs**: All icons are optimized for size and performance
+- **Code Splitting**: Icons can be easily code-split when using dynamic imports
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Icons not showing up?**
+   - Make sure you've installed both `@hugeicons/vue` and `@hugeicons/core-free-icons`
+   - Check that the icon names are correctly imported
+
+2. **TypeScript errors?**
+   - Ensure your `tsconfig.json` includes the necessary type definitions
+   - Check that you're using the latest version of the package
+
+3. **Bundle size concerns?**
+   - Use named imports instead of importing the entire icon set
+   - Implement code splitting for different sections of your app
+
+## Browser Support
+
+The library supports all modern browsers.
+
+## Related Packages
+
+- [@hugeicons/react](https://www.npmjs.com/package/@hugeicons/react) - React component
+- [@hugeicons/svelte](https://www.npmjs.com/package/@hugeicons/svelte) - Svelte component
+- [@hugeicons/angular](https://www.npmjs.com/package/@hugeicons/angular) - Angular component
+- [@hugeicons/react-native](https://www.npmjs.com/package/@hugeicons/react-native) - React Native component
+
+## Pro Version
+
+> 🌟 **Want access to 36,000+ icons and 9 unique styles?** 
+> Check out our [Pro Version](https://hugeicons.com/pricing) and visit [docs.hugeicons.com](https://docs.hugeicons.com) for comprehensive documentation.
+
+### Available Pro Styles
+- **Stroke Styles**
+  - Stroke Rounded (`@hugeicons-pro/core-stroke-rounded`)
+  - Stroke Sharp (`@hugeicons-pro/core-stroke-sharp`)
+  - Stroke Standard (`@hugeicons-pro/core-stroke-standard`)
+- **Solid Styles**
+  - Solid Rounded (`@hugeicons-pro/core-solid-rounded`)
+  - Solid Sharp (`@hugeicons-pro/core-solid-sharp`)
+  - Solid Standard (`@hugeicons-pro/core-solid-standard`)
+- **Special Styles**
+  - Bulk Rounded (`@hugeicons-pro/core-bulk-rounded`)
+  - Duotone Rounded (`@hugeicons-pro/core-duotone-rounded`)
+  - Twotone Rounded (`@hugeicons-pro/core-twotone-rounded`)
+
+## License
+
+This project is licensed under the [MIT License](LICENSE.md).
+
+## Related
+
+- [@hugeicons/core-free-icons](https://www.npmjs.com/package/@hugeicons/core-free-icons) - Free icon package
+- [HugeIcons Website](https://hugeicons.com) - Browse all available icons 
+
+## Changelog
+
+### v1.1.0
+- Added `absoluteStrokeWidth` prop for consistent stroke width scaling
+- Improved stroke width handling by applying it at the SVG level
+- Enhanced TypeScript types and documentation
+
+### v1.0.0
+- Initial release
+- Basic icon rendering functionality
+- Support for customization (size, color, alternate icons)
+- Full TypeScript support 

package/dist/cjs/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+exports.default = _export_sfc;
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/cjs/_virtual/_plugin-vue_export-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/cjs/components/HugeiconsIcon.vue.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HugeiconsIcon_vue_vue_type_script_lang = require('./HugeiconsIcon.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["width", "height", "color", "stroke-width"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    width: _ctx.computedSize,
+    height: _ctx.computedSize,
+    viewBox: `0 0 24 24`,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    color: _ctx.color,
+    "stroke-width": _ctx.calculatedStrokeWidth,
+    stroke: "currentColor"
+  }, _ctx.$attrs), [
+    (vue.openBlock(true), vue.createElementBlock(
+      vue.Fragment,
+      null,
+      vue.renderList(_ctx.currentIcon, (element, index) => {
+        return vue.openBlock(), vue.createBlock(
+          vue.resolveDynamicComponent(element[0]),
+          vue.mergeProps({
+            key: index,
+            ref_for: true
+          }, _ctx.transformAttrs(element[1])),
+          null,
+          16
+          /* FULL_PROPS */
+        );
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ], 16, _hoisted_1);
+}
+var HugeiconsIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(HugeiconsIcon_vue_vue_type_script_lang.default, [["render", _sfc_render], ["__file", "/Users/mac/Documents/Projects/Hugeicons/monorepo/hugeicons/packages/vue/src/components/HugeiconsIcon.vue"]]);
+
+exports.default = HugeiconsIcon;
+//# sourceMappingURL=HugeiconsIcon.vue.js.map

package/dist/cjs/components/HugeiconsIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HugeiconsIcon.vue.js","sources":["../../../src/components/HugeiconsIcon.vue"],"sourcesContent":["<template>\n  <svg\n    :width=\"computedSize\"\n    :height=\"computedSize\"\n    :viewBox=\"`0 0 24 24`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    :color=\"color\"\n    :stroke-width=\"calculatedStrokeWidth\"\n    stroke=\"currentColor\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"(element, index) in currentIcon\" :key=\"index\">\n      <component\n        :is=\"element[0]\"\n        v-bind=\"transformAttrs(element[1])\"\n      />\n    </template>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue';\n\nexport default defineComponent({\n  name: 'HugeiconsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      required: true\n    },\n    size: {\n      type: [Number, String],\n      default: 24,\n      validator(value: number | string) {\n        const size = typeof value === 'string' ? parseInt(value, 10) : value;\n        return !isNaN(size) && size > 0;\n      }\n    },\n    strokeWidth: {\n      type: Number,\n      default: undefined\n    },\n    absoluteStrokeWidth: {\n      type: Boolean,\n      default: false\n    },\n    altIcon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      default: undefined\n    },\n    showAlt: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: 'currentColor'\n    }\n  },\n  setup(props) {\n    const computedSize = computed(() => {\n      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;\n      return !isNaN(size) && size > 0 ? size : 24;\n    });\n\n    const calculatedStrokeWidth = computed(() => {\n      if (props.strokeWidth === undefined) return undefined;\n      return props.absoluteStrokeWidth \n        ? (props.strokeWidth * 24) / computedSize.value \n        : props.strokeWidth;\n    });\n\n    const currentIcon = computed(() => {\n      return props.altIcon && props.showAlt ? props.altIcon : props.icon;\n    });\n\n    const transformAttrs = (attrs: Record<string, any>) => {\n      const result = { ...attrs };\n      if (result.fillRule) {\n        result['fill-rule'] = result.fillRule;\n        delete result.fillRule;\n      }\n      return result;\n    };\n\n    return {\n      computedSize,\n      calculatedStrokeWidth,\n      transformAttrs,\n      currentIcon\n    };\n  }\n});\n</script> "],"names":["computedSize","_openBlock","_createElementBlock","_mergeProps","color","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","transformAttrs"],"mappings":";;;;;;;;;AAEU,SAAA,WAAA,CAAEA,IAAY,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AACb,EAAA,OAAAC,aAAA,EAAc,EAAAC,sBAAA,CAAA,KAAA,EAAAC,cAAA,CAAA;AAAA,IACpB,OAAO,IAAE,CAAA,YAAA;AAAA,IACV,MAAM,EAAA,IAAA,CAAA,YAAA;AAAA,IACN,OAAK,EAAA,CAAA,SAAA,CAAA;AAAA,IACJ,KAAOC,EAAAA,4BAAAA;AAAAA,IACP,IAAA,EAAA,MAAA;AAAA,IACD,OAAM,IAAC,CAAA,KAAA;AAAA,IACO,cAAA,EAAA,IAAA,CAAA,qBAAA;AAAA,IAAA,MAAA,EAAA,cAAA;;mBAE0C,IAAK,CAAA,EAAAF,sBAAA;AAAA,MAAAG,YAAA;AAAA,MAAA,IAAA;AAAA,MAAAC,cAAA,CAAA,IAAA,CAAA,WAAA,EAAA,CAAA,OAAA,EAAA,KAAA,KAAA;AAZjE,QAAA,OAAAL,aAAA,EAAA,EAAAM,eAAA;AAAA,UAAAC,2BAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAAL,cAAA,CAAA;AAAA,YAegBM,GAAAA,EAAAA,KAAAA;AAAAA,YAAAA,OAAAA,EAAAA,IAAAA;AAfhB,WAAA,EAAA,IAAA,CAAA,cAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA,EAAA;AAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;;;;;;;;;;"}

package/dist/cjs/components/HugeiconsIcon.vue2.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = vue.defineComponent({
+  name: 'HugeiconsIcon',
+  inheritAttrs: false,
+  props: {
+    icon: {
+      type: Array ,
+      required: true
+    },
+    size: {
+      type: [Number, String],
+      default: 24,
+      validator(value) {
+        const size = typeof value === 'string' ? parseInt(value, 10) : value;
+        return !isNaN(size) && size > 0;
+      }
+    },
+    strokeWidth: {
+      type: Number,
+      default: undefined
+    },
+    absoluteStrokeWidth: {
+      type: Boolean,
+      default: false
+    },
+    altIcon: {
+      type: Array ,
+      default: undefined
+    },
+    showAlt: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: 'currentColor'
+    }
+  },
+  setup(props) {
+    const computedSize = vue.computed(() => {
+      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;
+      return !isNaN(size) && size > 0 ? size : 24;
+    });
+
+    const calculatedStrokeWidth = vue.computed(() => {
+      if (props.strokeWidth === undefined) return undefined;
+      return props.absoluteStrokeWidth 
+        ? (props.strokeWidth * 24) / computedSize.value 
+        : props.strokeWidth;
+    });
+
+    const currentIcon = vue.computed(() => {
+      return props.altIcon && props.showAlt ? props.altIcon : props.icon;
+    });
+
+    const transformAttrs = (attrs) => {
+      const result = { ...attrs };
+      if (result.fillRule) {
+        result['fill-rule'] = result.fillRule;
+        delete result.fillRule;
+      }
+      return result;
+    };
+
+    return {
+      computedSize,
+      calculatedStrokeWidth,
+      transformAttrs,
+      currentIcon
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=HugeiconsIcon.vue2.js.map

package/dist/cjs/components/HugeiconsIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HugeiconsIcon.vue2.js","sources":["../../../src/components/HugeiconsIcon.vue"],"sourcesContent":["<template>\n  <svg\n    :width=\"computedSize\"\n    :height=\"computedSize\"\n    :viewBox=\"`0 0 24 24`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    :color=\"color\"\n    :stroke-width=\"calculatedStrokeWidth\"\n    stroke=\"currentColor\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"(element, index) in currentIcon\" :key=\"index\">\n      <component\n        :is=\"element[0]\"\n        v-bind=\"transformAttrs(element[1])\"\n      />\n    </template>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue';\n\nexport default defineComponent({\n  name: 'HugeiconsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      required: true\n    },\n    size: {\n      type: [Number, String],\n      default: 24,\n      validator(value: number | string) {\n        const size = typeof value === 'string' ? parseInt(value, 10) : value;\n        return !isNaN(size) && size > 0;\n      }\n    },\n    strokeWidth: {\n      type: Number,\n      default: undefined\n    },\n    absoluteStrokeWidth: {\n      type: Boolean,\n      default: false\n    },\n    altIcon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      default: undefined\n    },\n    showAlt: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: 'currentColor'\n    }\n  },\n  setup(props) {\n    const computedSize = computed(() => {\n      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;\n      return !isNaN(size) && size > 0 ? size : 24;\n    });\n\n    const calculatedStrokeWidth = computed(() => {\n      if (props.strokeWidth === undefined) return undefined;\n      return props.absoluteStrokeWidth \n        ? (props.strokeWidth * 24) / computedSize.value \n        : props.strokeWidth;\n    });\n\n    const currentIcon = computed(() => {\n      return props.altIcon && props.showAlt ? props.altIcon : props.icon;\n    });\n\n    const transformAttrs = (attrs: Record<string, any>) => {\n      const result = { ...attrs };\n      if (result.fillRule) {\n        result['fill-rule'] = result.fillRule;\n        delete result.fillRule;\n      }\n      return result;\n    };\n\n    return {\n      computedSize,\n      calculatedStrokeWidth,\n      transformAttrs,\n      currentIcon\n    };\n  }\n});\n</script> "],"names":["defineComponent","computed"],"mappings":";;;;;;AAwBA,gBAAeA,mBAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,eAAe;AACrB,EAAA,YAAY,EAAE,KAAK;AACnB,EAAA,KAAK,EAAE;IACL,IAAI,EAAE;MACJ,IAAI,EAAE,KAAM;MACZ,QAAQ,EAAE,IAAA;KACX;IACD,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE,EAAE;AACX,MAAA,SAAS,CAAC,KAAK,EAAmB;QAChC,MAAM,IAAA,GAAO,OAAO,UAAU,QAAA,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAA,GAAI,KAAK,CAAA;QACpE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAE,IAAG,IAAK,GAAE,CAAC,CAAA;AACjC,OAAA;KACD;IACD,WAAW,EAAE;MACX,IAAI,EAAE,MAAM;AACZ,MAAA,OAAO,EAAE,SAAA;KACV;AACD,IAAA,mBAAmB,EAAE;MACnB,IAAI,EAAE,OAAO;MACb,OAAO,EAAE,KAAA;KACV;AACD,IAAA,OAAO,EAAE;MACP,IAAI,EAAE,KAAM;AACZ,MAAA,OAAO,EAAE,SAAA;KACV;AACD,IAAA,OAAO,EAAE;MACP,IAAI,EAAE,OAAO;MACb,OAAO,EAAE,KAAA;KACV;AACD,IAAA,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;AACZ,MAAA,OAAO,EAAE,cAAA;AACX,KAAA;GACD;EACD,KAAK,CAAC,KAAK,EAAE;AACX,IAAA,MAAM,YAAa,GAAEC,YAAQ,CAAC,MAAM;AAClC,MAAA,MAAM,OAAO,OAAO,KAAK,CAAC,IAAA,KAAS,QAAS,GAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAE,GAAE,KAAK,CAAC,IAAI,CAAA;AACnF,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAA,IAAK,IAAA,GAAO,CAAA,GAAI,IAAA,GAAO,EAAE,CAAA;AAC7C,KAAC,CAAC,CAAA;;AAEF,IAAA,MAAM,qBAAsB,GAAEA,YAAQ,CAAC,MAAM;MAC3C,IAAI,KAAK,CAAC,gBAAgB,SAAS,EAAE,OAAO,SAAS,CAAA;AACrD,MAAA,OAAO,KAAK,CAAC,mBAAA;AACX,UAAE,CAAC,KAAK,CAAC,WAAA,GAAc,EAAE,IAAI,YAAY,CAAC,KAAA;AAC1C,UAAE,KAAK,CAAC,WAAW,CAAA;AACvB,KAAC,CAAC,CAAA;;AAEF,IAAA,MAAM,WAAY,GAAEA,YAAQ,CAAC,MAAM;MACjC,OAAO,KAAK,CAAC,OAAA,IAAW,KAAK,CAAC,OAAQ,GAAE,KAAK,CAAC,OAAA,GAAU,KAAK,CAAC,IAAI,CAAA;AACpE,KAAC,CAAC,CAAA;;IAEF,MAAM,cAAe,GAAE,CAAC,KAAK,KAA0B;MACrD,MAAM,MAAO,GAAE,EAAE,GAAG,OAAO,CAAA;AAC3B,MAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,QAAA,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAA;AACrC,QAAA,OAAO,MAAM,CAAC,QAAQ,CAAA;AACxB,OAAA;MACA,OAAO,MAAM,CAAA;KACd,CAAA;;AAED,IAAA,OAAO;MACL,YAAY;AACZ,MAAA,qBAAqB;AACrB,MAAA,cAAc;MACd,WAAA;KACD,CAAA;AACH,GAAA;AACF,CAAC,CAAC;;;;"}

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HugeiconsIcon = require('./components/HugeiconsIcon.vue.js');
+
+const HugeiconsPlugin = {
+  install: (app) => {
+    app.component('HugeiconsIcon', HugeiconsIcon.default);
+  }
+};
+
+exports.HugeiconsIcon = HugeiconsIcon.default;
+exports.HugeiconsPlugin = HugeiconsPlugin;
+exports.default = HugeiconsPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport HugeiconsIcon from './components/HugeiconsIcon.vue';\n\nexport { default as HugeiconsIcon } from './components/HugeiconsIcon.vue';\nexport * from './types';\n\nexport const HugeiconsPlugin = {\n  install: (app: App) => {\n    app.component('HugeiconsIcon', HugeiconsIcon);\n  }\n};\n\nexport default HugeiconsPlugin; "],"names":["HugeiconsIcon"],"mappings":";;;;;;AAMO,MAAM,kBAAkB;AAC/B,EAAE,OAAO,EAAE,CAAC,GAAG,KAAU;AACzB,IAAI,GAAG,CAAC,SAAS,CAAC,eAAe,EAAEA,qBAAa,CAAC,CAAA;AACjD,GAAE;AACF;;;;;;"}

package/dist/esm/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/esm/_virtual/_plugin-vue_export-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/esm/components/HugeiconsIcon.vue.js

@@ -0,0 +1,40 @@
+import _sfc_main from './HugeiconsIcon.vue2.js';
+import { openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.js';
+
+const _hoisted_1 = ["width", "height", "color", "stroke-width"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    width: _ctx.computedSize,
+    height: _ctx.computedSize,
+    viewBox: `0 0 24 24`,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    color: _ctx.color,
+    "stroke-width": _ctx.calculatedStrokeWidth,
+    stroke: "currentColor"
+  }, _ctx.$attrs), [
+    (openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList(_ctx.currentIcon, (element, index) => {
+        return openBlock(), createBlock(
+          resolveDynamicComponent(element[0]),
+          mergeProps({
+            key: index,
+            ref_for: true
+          }, _ctx.transformAttrs(element[1])),
+          null,
+          16
+          /* FULL_PROPS */
+        );
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ], 16, _hoisted_1);
+}
+var HugeiconsIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/mac/Documents/Projects/Hugeicons/monorepo/hugeicons/packages/vue/src/components/HugeiconsIcon.vue"]]);
+
+export { HugeiconsIcon as default };
+//# sourceMappingURL=HugeiconsIcon.vue.js.map

package/dist/esm/components/HugeiconsIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HugeiconsIcon.vue.js","sources":["../../../src/components/HugeiconsIcon.vue"],"sourcesContent":["<template>\n  <svg\n    :width=\"computedSize\"\n    :height=\"computedSize\"\n    :viewBox=\"`0 0 24 24`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    :color=\"color\"\n    :stroke-width=\"calculatedStrokeWidth\"\n    stroke=\"currentColor\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"(element, index) in currentIcon\" :key=\"index\">\n      <component\n        :is=\"element[0]\"\n        v-bind=\"transformAttrs(element[1])\"\n      />\n    </template>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue';\n\nexport default defineComponent({\n  name: 'HugeiconsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      required: true\n    },\n    size: {\n      type: [Number, String],\n      default: 24,\n      validator(value: number | string) {\n        const size = typeof value === 'string' ? parseInt(value, 10) : value;\n        return !isNaN(size) && size > 0;\n      }\n    },\n    strokeWidth: {\n      type: Number,\n      default: undefined\n    },\n    absoluteStrokeWidth: {\n      type: Boolean,\n      default: false\n    },\n    altIcon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      default: undefined\n    },\n    showAlt: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: 'currentColor'\n    }\n  },\n  setup(props) {\n    const computedSize = computed(() => {\n      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;\n      return !isNaN(size) && size > 0 ? size : 24;\n    });\n\n    const calculatedStrokeWidth = computed(() => {\n      if (props.strokeWidth === undefined) return undefined;\n      return props.absoluteStrokeWidth \n        ? (props.strokeWidth * 24) / computedSize.value \n        : props.strokeWidth;\n    });\n\n    const currentIcon = computed(() => {\n      return props.altIcon && props.showAlt ? props.altIcon : props.icon;\n    });\n\n    const transformAttrs = (attrs: Record<string, any>) => {\n      const result = { ...attrs };\n      if (result.fillRule) {\n        result['fill-rule'] = result.fillRule;\n        delete result.fillRule;\n      }\n      return result;\n    };\n\n    return {\n      computedSize,\n      calculatedStrokeWidth,\n      transformAttrs,\n      currentIcon\n    };\n  }\n});\n</script> "],"names":["computedSize","_openBlock","_createElementBlock","_mergeProps","color","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","transformAttrs"],"mappings":";;;;;AAEU,SAAA,WAAA,CAAEA,IAAY,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AACb,EAAA,OAAAC,SAAA,EAAc,EAAAC,kBAAA,CAAA,KAAA,EAAAC,UAAA,CAAA;AAAA,IACpB,OAAO,IAAE,CAAA,YAAA;AAAA,IACV,MAAM,EAAA,IAAA,CAAA,YAAA;AAAA,IACN,OAAK,EAAA,CAAA,SAAA,CAAA;AAAA,IACJ,KAAOC,EAAAA,4BAAAA;AAAAA,IACP,IAAA,EAAA,MAAA;AAAA,IACD,OAAM,IAAC,CAAA,KAAA;AAAA,IACO,cAAA,EAAA,IAAA,CAAA,qBAAA;AAAA,IAAA,MAAA,EAAA,cAAA;;eAE0C,IAAK,CAAA,EAAAF,kBAAA;AAAA,MAAAG,QAAA;AAAA,MAAA,IAAA;AAAA,MAAAC,UAAA,CAAA,IAAA,CAAA,WAAA,EAAA,CAAA,OAAA,EAAA,KAAA,KAAA;AAZjE,QAAA,OAAAL,SAAA,EAAA,EAAAM,WAAA;AAAA,UAAAC,uBAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAAL,UAAA,CAAA;AAAA,YAegBM,GAAAA,EAAAA,KAAAA;AAAAA,YAAAA,OAAAA,EAAAA,IAAAA;AAfhB,WAAA,EAAA,IAAA,CAAA,cAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA,EAAA;AAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA;;;;;;;;;;"}

package/dist/esm/components/HugeiconsIcon.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent, computed } from 'vue';
+
+var _sfc_main = defineComponent({
+  name: 'HugeiconsIcon',
+  inheritAttrs: false,
+  props: {
+    icon: {
+      type: Array ,
+      required: true
+    },
+    size: {
+      type: [Number, String],
+      default: 24,
+      validator(value) {
+        const size = typeof value === 'string' ? parseInt(value, 10) : value;
+        return !isNaN(size) && size > 0;
+      }
+    },
+    strokeWidth: {
+      type: Number,
+      default: undefined
+    },
+    absoluteStrokeWidth: {
+      type: Boolean,
+      default: false
+    },
+    altIcon: {
+      type: Array ,
+      default: undefined
+    },
+    showAlt: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: 'currentColor'
+    }
+  },
+  setup(props) {
+    const computedSize = computed(() => {
+      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;
+      return !isNaN(size) && size > 0 ? size : 24;
+    });
+
+    const calculatedStrokeWidth = computed(() => {
+      if (props.strokeWidth === undefined) return undefined;
+      return props.absoluteStrokeWidth 
+        ? (props.strokeWidth * 24) / computedSize.value 
+        : props.strokeWidth;
+    });
+
+    const currentIcon = computed(() => {
+      return props.altIcon && props.showAlt ? props.altIcon : props.icon;
+    });
+
+    const transformAttrs = (attrs) => {
+      const result = { ...attrs };
+      if (result.fillRule) {
+        result['fill-rule'] = result.fillRule;
+        delete result.fillRule;
+      }
+      return result;
+    };
+
+    return {
+      computedSize,
+      calculatedStrokeWidth,
+      transformAttrs,
+      currentIcon
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=HugeiconsIcon.vue2.js.map

package/dist/esm/components/HugeiconsIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HugeiconsIcon.vue2.js","sources":["../../../src/components/HugeiconsIcon.vue"],"sourcesContent":["<template>\n  <svg\n    :width=\"computedSize\"\n    :height=\"computedSize\"\n    :viewBox=\"`0 0 24 24`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    :color=\"color\"\n    :stroke-width=\"calculatedStrokeWidth\"\n    stroke=\"currentColor\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"(element, index) in currentIcon\" :key=\"index\">\n      <component\n        :is=\"element[0]\"\n        v-bind=\"transformAttrs(element[1])\"\n      />\n    </template>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue';\n\nexport default defineComponent({\n  name: 'HugeiconsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      required: true\n    },\n    size: {\n      type: [Number, String],\n      default: 24,\n      validator(value: number | string) {\n        const size = typeof value === 'string' ? parseInt(value, 10) : value;\n        return !isNaN(size) && size > 0;\n      }\n    },\n    strokeWidth: {\n      type: Number,\n      default: undefined\n    },\n    absoluteStrokeWidth: {\n      type: Boolean,\n      default: false\n    },\n    altIcon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      default: undefined\n    },\n    showAlt: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: 'currentColor'\n    }\n  },\n  setup(props) {\n    const computedSize = computed(() => {\n      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;\n      return !isNaN(size) && size > 0 ? size : 24;\n    });\n\n    const calculatedStrokeWidth = computed(() => {\n      if (props.strokeWidth === undefined) return undefined;\n      return props.absoluteStrokeWidth \n        ? (props.strokeWidth * 24) / computedSize.value \n        : props.strokeWidth;\n    });\n\n    const currentIcon = computed(() => {\n      return props.altIcon && props.showAlt ? props.altIcon : props.icon;\n    });\n\n    const transformAttrs = (attrs: Record<string, any>) => {\n      const result = { ...attrs };\n      if (result.fillRule) {\n        result['fill-rule'] = result.fillRule;\n        delete result.fillRule;\n      }\n      return result;\n    };\n\n    return {\n      computedSize,\n      calculatedStrokeWidth,\n      transformAttrs,\n      currentIcon\n    };\n  }\n});\n</script> "],"names":[],"mappings":";;AAwBA,gBAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,eAAe;AACrB,EAAA,YAAY,EAAE,KAAK;AACnB,EAAA,KAAK,EAAE;IACL,IAAI,EAAE;MACJ,IAAI,EAAE,KAAM;MACZ,QAAQ,EAAE,IAAA;KACX;IACD,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE,EAAE;AACX,MAAA,SAAS,CAAC,KAAK,EAAmB;QAChC,MAAM,IAAA,GAAO,OAAO,UAAU,QAAA,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAA,GAAI,KAAK,CAAA;QACpE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAE,IAAG,IAAK,GAAE,CAAC,CAAA;AACjC,OAAA;KACD;IACD,WAAW,EAAE;MACX,IAAI,EAAE,MAAM;AACZ,MAAA,OAAO,EAAE,SAAA;KACV;AACD,IAAA,mBAAmB,EAAE;MACnB,IAAI,EAAE,OAAO;MACb,OAAO,EAAE,KAAA;KACV;AACD,IAAA,OAAO,EAAE;MACP,IAAI,EAAE,KAAM;AACZ,MAAA,OAAO,EAAE,SAAA;KACV;AACD,IAAA,OAAO,EAAE;MACP,IAAI,EAAE,OAAO;MACb,OAAO,EAAE,KAAA;KACV;AACD,IAAA,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;AACZ,MAAA,OAAO,EAAE,cAAA;AACX,KAAA;GACD;EACD,KAAK,CAAC,KAAK,EAAE;AACX,IAAA,MAAM,YAAa,GAAE,QAAQ,CAAC,MAAM;AAClC,MAAA,MAAM,OAAO,OAAO,KAAK,CAAC,IAAA,KAAS,QAAS,GAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAE,GAAE,KAAK,CAAC,IAAI,CAAA;AACnF,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAA,IAAK,IAAA,GAAO,CAAA,GAAI,IAAA,GAAO,EAAE,CAAA;AAC7C,KAAC,CAAC,CAAA;;AAEF,IAAA,MAAM,qBAAsB,GAAE,QAAQ,CAAC,MAAM;MAC3C,IAAI,KAAK,CAAC,gBAAgB,SAAS,EAAE,OAAO,SAAS,CAAA;AACrD,MAAA,OAAO,KAAK,CAAC,mBAAA;AACX,UAAE,CAAC,KAAK,CAAC,WAAA,GAAc,EAAE,IAAI,YAAY,CAAC,KAAA;AAC1C,UAAE,KAAK,CAAC,WAAW,CAAA;AACvB,KAAC,CAAC,CAAA;;AAEF,IAAA,MAAM,WAAY,GAAE,QAAQ,CAAC,MAAM;MACjC,OAAO,KAAK,CAAC,OAAA,IAAW,KAAK,CAAC,OAAQ,GAAE,KAAK,CAAC,OAAA,GAAU,KAAK,CAAC,IAAI,CAAA;AACpE,KAAC,CAAC,CAAA;;IAEF,MAAM,cAAe,GAAE,CAAC,KAAK,KAA0B;MACrD,MAAM,MAAO,GAAE,EAAE,GAAG,OAAO,CAAA;AAC3B,MAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,QAAA,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAA;AACrC,QAAA,OAAO,MAAM,CAAC,QAAQ,CAAA;AACxB,OAAA;MACA,OAAO,MAAM,CAAA;KACd,CAAA;;AAED,IAAA,OAAO;MACL,YAAY;AACZ,MAAA,qBAAqB;AACrB,MAAA,cAAc;MACd,WAAA;KACD,CAAA;AACH,GAAA;AACF,CAAC,CAAC;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+import HugeiconsIcon from './components/HugeiconsIcon.vue.js';
+
+const HugeiconsPlugin = {
+  install: (app) => {
+    app.component('HugeiconsIcon', HugeiconsIcon);
+  }
+};
+
+export { HugeiconsIcon, HugeiconsPlugin, HugeiconsPlugin as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport HugeiconsIcon from './components/HugeiconsIcon.vue';\n\nexport { default as HugeiconsIcon } from './components/HugeiconsIcon.vue';\nexport * from './types';\n\nexport const HugeiconsPlugin = {\n  install: (app: App) => {\n    app.component('HugeiconsIcon', HugeiconsIcon);\n  }\n};\n\nexport default HugeiconsPlugin; "],"names":[],"mappings":";;AAMO,MAAM,kBAAkB;AAC/B,EAAE,OAAO,EAAE,CAAC,GAAG,KAAU;AACzB,IAAI,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AACjD,GAAE;AACF;;;;"}

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+export { default as HugeiconsIcon } from './components/HugeiconsIcon.vue';
+export { IconArray, IconElement } from './types.js';
+
+declare const HugeiconsPlugin: {
+    install: (app: App) => void;
+};
+
+export { HugeiconsPlugin, HugeiconsPlugin as default };

package/dist/types/types.d.ts

@@ -0,0 +1,4 @@
+type IconElement = [string, Record<string, any>];
+type IconArray = IconElement[];
+
+export { IconArray, IconElement };

package/dist/umd/index.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).HugeiconsVue={},e.Vue)}(this,(function(e,t){"use strict";var o=t.defineComponent({name:"HugeiconsIcon",inheritAttrs:!1,props:{icon:{type:Array,required:!0},size:{type:[Number,String],default:24,validator(e){const t="string"==typeof e?parseInt(e,10):e;return!isNaN(t)&&t>0}},strokeWidth:{type:Number,default:void 0},absoluteStrokeWidth:{type:Boolean,default:!1},altIcon:{type:Array,default:void 0},showAlt:{type:Boolean,default:!1},color:{type:String,default:"currentColor"}},setup(e){const o=t.computed((()=>{const t="string"==typeof e.size?parseInt(e.size,10):e.size;return!isNaN(t)&&t>0?t:24})),r=t.computed((()=>{if(void 0!==e.strokeWidth)return e.absoluteStrokeWidth?24*e.strokeWidth/o.value:e.strokeWidth})),n=t.computed((()=>e.altIcon&&e.showAlt?e.altIcon:e.icon));return{computedSize:o,calculatedStrokeWidth:r,transformAttrs:e=>{const t={...e};return t.fillRule&&(t["fill-rule"]=t.fillRule,delete t.fillRule),t},currentIcon:n}}});const r=["width","height","color","stroke-width"];var n=((e,t)=>{const o=e.__vccOpts||e;for(const[e,r]of t)o[e]=r;return o})(o,[["render",function(e,o,n,i,c,s){return t.openBlock(),t.createElementBlock("svg",t.mergeProps({width:e.computedSize,height:e.computedSize,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"none",color:e.color,"stroke-width":e.calculatedStrokeWidth,stroke:"currentColor"},e.$attrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.currentIcon,((o,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o[0]),t.mergeProps({key:r,ref_for:!0},e.transformAttrs(o[1])),null,16)))),128))],16,r)}],["__file","/Users/mac/Documents/Projects/Hugeicons/monorepo/hugeicons/packages/vue/src/components/HugeiconsIcon.vue"]]);const i={install:e=>{e.component("HugeiconsIcon",n)}};e.HugeiconsIcon=n,e.HugeiconsPlugin=i,e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=index.js.map

package/dist/umd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/HugeiconsIcon.vue","../../src/index.ts"],"sourcesContent":["<template>\n  <svg\n    :width=\"computedSize\"\n    :height=\"computedSize\"\n    :viewBox=\"`0 0 24 24`\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    :color=\"color\"\n    :stroke-width=\"calculatedStrokeWidth\"\n    stroke=\"currentColor\"\n    v-bind=\"$attrs\"\n  >\n    <template v-for=\"(element, index) in currentIcon\" :key=\"index\">\n      <component\n        :is=\"element[0]\"\n        v-bind=\"transformAttrs(element[1])\"\n      />\n    </template>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType, computed } from 'vue';\n\nexport default defineComponent({\n  name: 'HugeiconsIcon',\n  inheritAttrs: false,\n  props: {\n    icon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      required: true\n    },\n    size: {\n      type: [Number, String],\n      default: 24,\n      validator(value: number | string) {\n        const size = typeof value === 'string' ? parseInt(value, 10) : value;\n        return !isNaN(size) && size > 0;\n      }\n    },\n    strokeWidth: {\n      type: Number,\n      default: undefined\n    },\n    absoluteStrokeWidth: {\n      type: Boolean,\n      default: false\n    },\n    altIcon: {\n      type: Array as PropType<[string, Record<string, any>][]>,\n      default: undefined\n    },\n    showAlt: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: 'currentColor'\n    }\n  },\n  setup(props) {\n    const computedSize = computed(() => {\n      const size = typeof props.size === 'string' ? parseInt(props.size, 10) : props.size;\n      return !isNaN(size) && size > 0 ? size : 24;\n    });\n\n    const calculatedStrokeWidth = computed(() => {\n      if (props.strokeWidth === undefined) return undefined;\n      return props.absoluteStrokeWidth \n        ? (props.strokeWidth * 24) / computedSize.value \n        : props.strokeWidth;\n    });\n\n    const currentIcon = computed(() => {\n      return props.altIcon && props.showAlt ? props.altIcon : props.icon;\n    });\n\n    const transformAttrs = (attrs: Record<string, any>) => {\n      const result = { ...attrs };\n      if (result.fillRule) {\n        result['fill-rule'] = result.fillRule;\n        delete result.fillRule;\n      }\n      return result;\n    };\n\n    return {\n      computedSize,\n      calculatedStrokeWidth,\n      transformAttrs,\n      currentIcon\n    };\n  }\n});\n</script> ","import type { App } from 'vue';\nimport HugeiconsIcon from './components/HugeiconsIcon.vue';\n\nexport { default as HugeiconsIcon } from './components/HugeiconsIcon.vue';\nexport * from './types';\n\nexport const HugeiconsPlugin = {\n  install: (app: App) => {\n    app.component('HugeiconsIcon', HugeiconsIcon);\n  }\n};\n\nexport default HugeiconsPlugin; "],"names":["_sfc_main","defineComponent","name","inheritAttrs","props","icon","type","Array","required","size","Number","String","default","validator","value","parseInt","isNaN","strokeWidth","undefined","absoluteStrokeWidth","Boolean","altIcon","showAlt","color","setup","computedSize","computed","calculatedStrokeWidth","currentIcon","transformAttrs","attrs","result","fillRule","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_mergeProps","width","_ctx","height","viewBox","xmlns","fill","stroke","createElementBlock","_Fragment","Fragment","_renderList","element","index","_createBlock","createBlock","_resolveDynamicComponent","HugeiconsPlugin","install","app","component","HugeiconsIcon"],"mappings":"iRAwBA,IAAAA,EAAeC,kBAAgB,CAC7BC,KAAM,gBACNC,cAAc,EACdC,MAAO,CACLC,KAAM,CACJC,KAAMC,MACNC,UAAU,GAEZC,KAAM,CACJH,KAAM,CAACI,OAAQC,QACfC,QAAS,GACT,SAAAC,CAAUC,GACR,MAAML,EAAwB,iBAAVK,EAAqBC,SAASD,EAAO,IAAMA,EAC/D,OAAQE,MAAMP,IAASA,EAAO,CAChC,GAEFQ,YAAa,CACXX,KAAMI,OACNE,aAASM,GAEXC,oBAAqB,CACnBb,KAAMc,QACNR,SAAS,GAEXS,QAAS,CACPf,KAAMC,MACNK,aAASM,GAEXI,QAAS,CACPhB,KAAMc,QACNR,SAAS,GAEXW,MAAO,CACLjB,KAAMK,OACNC,QAAS,iBAGb,KAAAY,CAAMpB,GACJ,MAAMqB,EAAeC,EAAAA,UAAS,KAC5B,MAAMjB,EAA6B,iBAAfL,EAAMK,KAAoBM,SAASX,EAAMK,KAAM,IAAML,EAAMK,KAC/E,OAAQO,MAAMP,IAASA,EAAO,EAAIA,EAAO,EAAE,IAGvCkB,EAAwBD,EAAAA,UAAS,KACrC,QAA0BR,IAAtBd,EAAMa,YACV,OAAOb,EAAMe,oBACY,GAApBf,EAAMa,YAAoBQ,EAAaX,MACxCV,EAAMa,WAAW,IAGjBW,EAAcF,EAAAA,UAAS,IACpBtB,EAAMiB,SAAWjB,EAAMkB,QAAUlB,EAAMiB,QAAUjB,EAAMC,OAYhE,MAAO,CACLoB,eACAE,wBACAE,eAZsBC,IACtB,MAAMC,EAAS,IAAKD,GAKpB,OAJIC,EAAOC,WACTD,EAAO,aAAeA,EAAOC,gBACtBD,EAAOC,UAETD,CAAM,EAObH,cAEJ,8IA3FQ,SAAEH,EAAYQ,EAAAC,EAAAC,EAAAC,EAAAC,GACb,OAAAC,cAAcC,qBAAA,MAAAC,EAAAA,WAAA,CACpBC,MAAOC,EAAEjB,aACVkB,OAAMD,EAAAjB,aACNmB,QAAK,YACJC,MAAOtB,6BACPuB,KAAA,OACDvB,MAAMmB,EAACnB,MACO,eAAAmB,EAAAf,sBAAAoB,OAAA,yCAE0C,GAAKR,EAAAS,mBAAAC,EAAAC,SAAA,KAAAC,EAAAA,WAAAT,EAAAd,aAAA,CAAAwB,EAAAC,KAZjEf,EAAAA,YAAAgB,EAAAC,YAAAC,0BAAAJ,EAAA,IAAAZ,aAAA,CAegBX,IAAAA,EAAAA,SAAAA,GAfhBa,EAAAb,eAAAuB,EAAA,KAAA,KAAA,8ICMO,MAAMK,EAAkB,CAC7BC,QAAUC,IACRA,EAAIC,UAAU,gBAAiBC,EAAc"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@hugeicons/vue",
+  "version": "1.0.1",
+  "description": "HugeIcons Pro Vue Component Library https://hugeicons.com",
+  "homepage": "https://hugeicons.com",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "unpkg": "./dist/umd/index.js",
+  "types": "./dist/types/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-sucrase": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.0.0",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vue/compiler-sfc": "^3.5.13",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-vue": "^6.0.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.7.3",
+    "vue": "^3.5.13"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.0 || ^3.0.0"
+  },
+  "keywords": [
+    "icons",
+    "vue-icons",
+    "ui-components",
+    "design-system",
+    "vector-icons",
+    "vue-component-library",
+    "web-icons",
+    "scalable-icons",
+    "customizable-icons",
+    "icon-library"
+  ],
+  "scripts": {
+    "build": "pnpm clean && pnpm typecheck && pnpm build:bundles",
+    "build:bundles": "rollup -c ./rollup.config.mjs",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}