{"_id":"@boxicons/vue","_rev":"2-e3ef1fa1b17d025248540f65f2874298","name":"@boxicons/vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@boxicons/vue","version":"1.0.0","keywords":["boxicons","icons","vue","vue3","vue-icons","svg"],"author":{"name":"Boxicons"},"license":"MIT","_id":"@boxicons/vue@1.0.0","maintainers":[{"name":"bxicons","email":"contact@boxicons.com"}],"homepage":"https://boxicons.com","bugs":{"url":"https://github.com/box-icons/boxicons-vue/issues"},"dist":{"shasum":"1301c3d8a796532ce6c3ede30feac107fc713290","tarball":"https://registry.npmjs.org/@boxicons/vue/-/vue-1.0.0.tgz","fileCount":13100,"integrity":"sha512-DDMY804oHvUmTxMnv8pAnAbWXEfIyk4gDPf7E8y7OPILjtATJoR+l9kf40+cfIR9oEzBxz/eP2kutPpBoQiDAQ==","signatures":[{"sig":"MEUCIDZXFaKow5vAuaeHG59l60DUsd6FjeaJAoGIQwLXo7FeAiEAzMuBtoaHXi7bxQbut/Ftrnn+IVe3ytcMstjDfnriMBQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27652011},"main":"./dist/cjs/index.js","types":"./dist/types/index.d.ts","module":"./dist/esm/index.js","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","default":"./dist/cjs/index.js","require":"./dist/cjs/index.js"},"./*":{"types":"./dist/types/icons/*.d.ts","import":"./dist/esm/icons/*.js","default":"./dist/cjs/icons/*.js","require":"./dist/cjs/icons/*.js"}},"gitHead":"cf129f3ec095daaa78245095f9ba8e7e38c6cd15","scripts":{"build":"npm run generate && npm run build:esm && npm run build:cjs && npm run build:types","clean":"rm -rf dist src/icons","generate":"node scripts/generate-icons.js","build:cjs":"tsc --project tsconfig.cjs.json","build:esm":"tsc --project tsconfig.esm.json","build:types":"tsc --project tsconfig.types.json","prepublishOnly":"npm run clean && npm run build","publish:package":"npm publish"},"_npmUser":{"name":"bxicons","email":"contact@boxicons.com"},"repository":{"url":"git+ssh://git@github.com/box-icons/boxicons-vue.git","type":"git"},"_npmVersion":"11.7.0","description":"Vue components for Boxicons","directories":{},"sideEffects":false,"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.0","typescript":"^5.3.0","@types/node":"^20.10.0"},"peerDependencies":{"vue":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_1.0.0_1770857453032_0.8435117136652186","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@boxicons/vue","version":"1.0.1","description":"Vue components for Boxicons","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js","default":"./dist/cjs/index.js"},"./*":{"types":"./dist/types/icons/*.d.ts","import":"./dist/esm/icons/*.js","require":"./dist/cjs/icons/*.js","default":"./dist/cjs/icons/*.js"}},"sideEffects":false,"scripts":{"generate":"node scripts/generate-icons.js","build:esm":"tsc --project tsconfig.esm.json","build:cjs":"tsc --project tsconfig.cjs.json","build:types":"tsc --project tsconfig.types.json","build":"npm run generate && npm run build:esm && npm run build:cjs && npm run build:types","clean":"rm -rf dist src/icons","prepublishOnly":"npm run clean && npm run build","publish:package":"npm publish"},"peerDependencies":{"vue":">=3.0.0"},"devDependencies":{"@boxicons/core":"file:../boxicons-core","@types/node":"^20.10.0","typescript":"^5.3.0","vue":"^3.4.0"},"keywords":["boxicons","icons","vue","vue3","vue-icons","svg"],"author":{"name":"Boxicons"},"homepage":"https://boxicons.com","license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/box-icons/boxicons-vue.git"},"gitHead":"49fa137d05da4df631e03c4eabd0826614f204bc","_id":"@boxicons/vue@1.0.1","bugs":{"url":"https://github.com/box-icons/boxicons-vue/issues"},"_nodeVersion":"24.13.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-eZKXfR0oQTq06MJAEgvGqx1Oi9aLNfqVFdEDY4YWEN3AVf167WY9OH5wMjRDVL1mn3GgplpdmPEIe+Sj7/A3PQ==","shasum":"a74bc4e9398a046142223a9406201fd80644e5af","tarball":"https://registry.npmjs.org/@boxicons/vue/-/vue-1.0.1.tgz","fileCount":13101,"unpackedSize":27653159,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCuKxCp3fCpUWN29dNSYobeVLcLkzmo0fYRc4PhuO/6rAIgdGpOpqcP5ym8pmZcySfe/fpcfMWYSLlSi5b72DYhxz4="}]},"_npmUser":{"name":"bxicons","email":"contact@boxicons.com"},"directories":{},"maintainers":[{"name":"bxicons","email":"contact@boxicons.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_1.0.1_1771202906359_0.4377046766375683"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-12T00:50:52.888Z","modified":"2026-02-16T00:48:26.797Z","1.0.0":"2026-02-12T00:50:53.359Z","1.0.1":"2026-02-16T00:48:26.628Z"},"bugs":{"url":"https://github.com/box-icons/boxicons-vue/issues"},"author":{"name":"Boxicons"},"license":"MIT","homepage":"https://boxicons.com","keywords":["boxicons","icons","vue","vue3","vue-icons","svg"],"repository":{"type":"git","url":"git+ssh://git@github.com/box-icons/boxicons-vue.git"},"description":"Vue components for Boxicons","maintainers":[{"name":"bxicons","email":"contact@boxicons.com"}],"readme":"# @boxicons/vue\n\nVue 3 icon library built from Boxicons SVG files with full tree-shaking support.\n\n## Installation\n\n```bash\nnpm install @boxicons/vue\n# or\nyarn add @boxicons/vue\n# or\npnpm add @boxicons/vue\n```\n\n## Usage\n\n### Basic Usage\n\n```vue\n<script setup>\nimport { Alarm, Twitter, Home } from '@boxicons/vue';\n</script>\n\n<template>\n  <Alarm />\n  <Twitter />\n  <Home />\n</template>\n```\n\n### Icon Packs\n\n- **basic** - Outline/regular style icons (default)\n- **filled** - Solid/filled style icons\n- **brands** - Brand/logo icons\n\n```vue\n<template>\n  <Alarm />\n  <Alarm pack=\"filled\" />\n</template>\n```\n\n### Sizing\n\n#### Size Presets\n\n```vue\n<template>\n  <Alarm size=\"xs\" />   <!-- 16px -->\n  <Alarm size=\"sm\" />   <!-- 20px -->\n  <Alarm size=\"base\" /> <!-- 24px (default) -->\n  <Alarm size=\"md\" />   <!-- 36px -->\n  <Alarm size=\"lg\" />   <!-- 48px -->\n  <Alarm size=\"xl\" />   <!-- 64px -->\n  <Alarm size=\"2xl\" />  <!-- 96px -->\n  <Alarm size=\"3xl\" />  <!-- 128px -->\n  <Alarm size=\"4xl\" />  <!-- 256px -->\n  <Alarm size=\"5xl\" />  <!-- 512px -->\n</template>\n```\n\n#### Custom Sizing\n\n```vue\n<template>\n  <Alarm :width=\"32\" :height=\"32\" />\n  <Alarm width=\"2rem\" height=\"2rem\" />\n</template>\n```\n\n### Colors\n\n```vue\n<template>\n  <Alarm fill=\"#ff0000\" />\n  <Alarm fill=\"currentColor\" />\n</template>\n```\n\n### Opacity\n\n```vue\n<template>\n  <Alarm :opacity=\"0.5\" />\n</template>\n```\n\n### Flip\n\n```vue\n<template>\n  <Alarm flip=\"horizontal\" />\n  <Alarm flip=\"vertical\" />\n</template>\n```\n\n### Rotate\n\n```vue\n<template>\n  <Alarm :rotate=\"45\" />\n  <Alarm rotate=\"90deg\" />\n</template>\n```\n\n### Remove Padding\n\n```vue\n<template>\n  <Alarm remove-padding />\n</template>\n```\n\n### Combining Props\n\n```vue\n<template>\n  <Alarm \n    pack=\"filled\"\n    fill=\"#ffffff\"\n    :opacity=\"0.8\"\n    size=\"lg\"\n    flip=\"horizontal\"\n    :rotate=\"45\"\n    class=\"my-icon\"\n  />\n</template>\n```\n\n## Tree Shaking\n\nOnly imported icons are bundled:\n\n```js\n// ✅ Only Alarm is bundled\nimport { Alarm } from '@boxicons/vue';\n```\n\n## Available Icons\n\n- **1884** basic (outline) icons\n- **1884** filled icons  \n- **295** brand icons\n\n## TypeScript\n\n```ts\nimport type { BoxIconProps, IconPack, IconSize, FlipDirection } from '@boxicons/vue';\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}