{"_id":"@dhikanove/pln-mobile-icons","_rev":"3-3f992c66c27b0886b2124f97982b98d7","name":"@dhikanove/pln-mobile-icons","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@dhikanove/pln-mobile-icons","version":"1.0.0","keywords":["vue","vue3","icons","svg","icon-library","typescript","plnm"],"author":{"name":"dhikanove"},"license":"MIT","_id":"@dhikanove/pln-mobile-icons@1.0.0","maintainers":[{"name":"dhikanove","email":"andhik4noverezki@gmail.com"}],"homepage":"https://dhikanove.github.io/PLNMIconLib/","bugs":{"url":"https://github.com/dhikanove/PLNMIconLib/issues"},"dist":{"shasum":"6b7e3e9d5956dea1eed75871c83d719e58db3f42","tarball":"https://registry.npmjs.org/@dhikanove/pln-mobile-icons/-/pln-mobile-icons-1.0.0.tgz","fileCount":10,"integrity":"sha512-CXAPvhkfYvEqQRZ5S1867hsEY4RRuSlPcfwqr2WwUNlY7LY0M36tlncuUf+82vT0rDpvuhZgMAIA/KRkTub+8g==","signatures":[{"sig":"MEUCIQCQJ60PUq6KNT0rFolLUt/H1DMtpfjmD+Funm9h2d+cHAIgbCWvo1KfCx3DxdefjCVoJD39NGrN7IIl4+q1XPbt7vg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1723171},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"7107a7d2a2e739a49c46983280662c63d9d9d16b","scripts":{"dev":"vite","build":"vue-tsc -b && vite build --config vite.config.ts","preview":"vite preview","build:demo":"vite build --config vite.demo.config.ts","preview:demo":"vite preview --config vite.demo.config.ts","prepublishOnly":"npm run build","generate:icons-type":"npx tsx scripts/generate-icon-type.ts"},"_npmUser":{"name":"dhikanove","email":"andhik4noverezki@gmail.com"},"repository":{"url":"git+https://github.com/dhikanove/PLNMIconLib.git","type":"git"},"_npmVersion":"10.9.2","description":"Vue 3 SVG icon library for PLNM — 150+ icons with TypeScript support","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^6.4.1","vue-tsc":"^2.1.4","typescript":"^5.5.3","@types/node":"^25.5.0","vite-plugin-dts":"^4.5.4","@vitejs/plugin-vue":"^5.1.3"},"peerDependencies":{"vue":"^3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/pln-mobile-icons_1.0.0_1775046428966_0.665225555399352","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@dhikanove/pln-mobile-icons","version":"1.0.1","keywords":["vue","vue3","icons","svg","icon-library","typescript","plnm"],"author":{"name":"dhikanove"},"license":"MIT","_id":"@dhikanove/pln-mobile-icons@1.0.1","maintainers":[{"name":"dhikanove","email":"andhik4noverezki@gmail.com"}],"homepage":"https://dhikanove.github.io/PLNMIconLib/","bugs":{"url":"https://github.com/dhikanove/PLNMIconLib/issues"},"dist":{"shasum":"d0963e50c6682b2abf95cfb7787c638ba1443785","tarball":"https://registry.npmjs.org/@dhikanove/pln-mobile-icons/-/pln-mobile-icons-1.0.1.tgz","fileCount":10,"integrity":"sha512-PofkwDfdtOjB2CesTbkUmvwpX797x43rJfRQSHcNoiLQ8KWPUo95VjdQ5BaclBsgZmK92lRMoGhXfIxgzQSKWA==","signatures":[{"sig":"MEQCIAZKn94fv6xQFjeFlyEYQcOsmeC5Y1OzuMiuh8C0+s5MAiBj4xys+uJX9pUNcVpttz8yBxv09mfAKzsnXasDUmnTDQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1723146},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"77faf2c28ac1b30061cca95e97f7071e6c1d20e1","scripts":{"dev":"vite","build":"vue-tsc -b && vite build --config vite.config.ts","preview":"vite preview","build:demo":"vite build --config vite.demo.config.ts","preview:demo":"vite preview --config vite.demo.config.ts","prepublishOnly":"npm run build","generate:icons-type":"npx tsx scripts/generate-icon-type.ts"},"_npmUser":{"name":"dhikanove","email":"andhik4noverezki@gmail.com"},"repository":{"url":"git+https://github.com/dhikanove/PLNMIconLib.git","type":"git"},"_npmVersion":"10.9.2","description":"Vue 3 SVG icon library for PLNM — 150+ icons with TypeScript support","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^6.4.1","vue-tsc":"^2.1.4","typescript":"^5.5.3","@types/node":"^25.5.0","vite-plugin-dts":"^4.5.4","@vitejs/plugin-vue":"^5.1.3"},"peerDependencies":{"vue":"^3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/pln-mobile-icons_1.0.1_1775046981685_0.2688320802242625","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@dhikanove/pln-mobile-icons","version":"1.0.2","description":"Vue 3 SVG icon library for PLNM — 150+ icons with TypeScript support","homepage":"https://dhikanove.github.io/PLNMIconLib/","keywords":["vue","vue3","icons","svg","icon-library","typescript","plnm"],"license":"MIT","author":{"name":"dhikanove"},"repository":{"type":"git","url":"git+https://github.com/dhikanove/PLNMIconLib.git"},"type":"module","main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"scripts":{"dev":"vite","build":"vue-tsc -b && vite build --config vite.config.ts","build:demo":"vite build --config vite.demo.config.ts","prepublishOnly":"npm run build","preview":"vite preview","preview:demo":"vite preview --config vite.demo.config.ts","generate:icons-type":"npx tsx scripts/generate-icon-type.ts"},"peerDependencies":{"vue":"^3.5.0"},"devDependencies":{"@types/node":"^25.5.0","@vitejs/plugin-vue":"^5.1.3","typescript":"^5.5.3","vite":"^6.4.1","vite-plugin-dts":"^4.5.4","vue":"^3.5.0","vue-tsc":"^2.1.4"},"_id":"@dhikanove/pln-mobile-icons@1.0.2","gitHead":"ee08345beb21ff29b44c5ffa456d27ae5b26bff7","bugs":{"url":"https://github.com/dhikanove/PLNMIconLib/issues"},"_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-ggHtVtNuZnHg8kXA419sapE2BvXPie7CWQdcWCGKM4pn0XY8Oq4UBO6BYiTgehKjUBak21AAamBgwmj4kaf2yg==","shasum":"60163767e3c2c381e90e00c1a81c0586616f64d6","tarball":"https://registry.npmjs.org/@dhikanove/pln-mobile-icons/-/pln-mobile-icons-1.0.2.tgz","fileCount":10,"unpackedSize":1723158,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIC1PJrIHDb3vMIFabwxJJ5rPtDD+oPwa+ChED1vEwDpbAiEAiE79Y5tD8UQx6qcRCTCDspIWbVT18AwAcL4NhqIO4SU="}]},"_npmUser":{"name":"dhikanove","email":"andhik4noverezki@gmail.com"},"directories":{},"maintainers":[{"name":"dhikanove","email":"andhik4noverezki@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pln-mobile-icons_1.0.2_1775101400920_0.794888263647777"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-01T12:27:08.871Z","modified":"2026-04-02T03:43:21.239Z","1.0.0":"2026-04-01T12:27:09.137Z","1.0.1":"2026-04-01T12:36:21.860Z","1.0.2":"2026-04-02T03:43:21.119Z"},"bugs":{"url":"https://github.com/dhikanove/PLNMIconLib/issues"},"author":{"name":"dhikanove"},"license":"MIT","homepage":"https://dhikanove.github.io/PLNMIconLib/","keywords":["vue","vue3","icons","svg","icon-library","typescript","plnm"],"repository":{"type":"git","url":"git+https://github.com/dhikanove/PLNMIconLib.git"},"description":"Vue 3 SVG icon library for PLNM — 150+ icons with TypeScript support","maintainers":[{"name":"dhikanove","email":"andhik4noverezki@gmail.com"}],"readme":"# PLN Mobile Icons\n\n> Vue 3 SVG icon library — 155+ custom icons with TypeScript support, color customization, and URL loading.\n\n## Documentation\n> https://dhikanove.github.io/PLNMIconLib/\n## Features\n\n- **155+ SVG icons** — ready to use out of the box\n- **TypeScript** — full type safety with `IconName` union type\n- **Custom size** — number (px) or any CSS unit (`rem`, `em`, `%`)\n- **Custom color** — single color or multi-color support\n- **Load from URL** — fetch any external SVG at runtime\n- **Slot support** — pass your own inline SVG\n- **Tree-shakeable** — only what you use ends up in your bundle\n- **Vue 3** — built with `<script setup>` and Composition API\n\n## Installation\n\n```bash\nnpm install @dhikanove/pln-mobile-icons\n```\n\n## Usage\n\n### Register globally (recommended)\n\n```ts\n// main.ts\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport { Icon } from '@dhikanove/pln-mobile-icons'\n\nconst app = createApp(App)\napp.component('Icon', Icon)\napp.mount('#app')\n```\n\n### Import per component\n\n```vue\n<script setup lang=\"ts\">\nimport { Icon } from '@dhikanove/pln-mobile-icons'\n</script>\n\n<template>\n  <Icon name=\"home\" />\n</template>\n```\n\n## Props\n\n| Prop      | Type               | Default          | Description                                    |\n| --------- | ------------------ | ---------------- | ---------------------------------------------- |\n| `name`    | `IconName | string` | —                | Name of a registered icon                      |\n| `size`    | `number | string`  | `24`             | Width & height. Number = px; string = any unit |\n| `color`   | `string`           | `'currentColor'` | Fill color applied to all paths                |\n| `colors`  | `string[]`         | —                | Array of colors applied to paths in order      |\n| `url`     | `string`           | —                | URL of an external SVG to load at runtime      |\n| `viewBox` | `string`           | auto-detected    | Override the SVG viewBox attribute             |\n| `class`   | `string`           | —                | Extra CSS class on the wrapper element         |\n\n## Examples\n\n```vue\n<!-- Basic -->\n<Icon name=\"home\" />\n\n<!-- Custom size -->\n<Icon name=\"heart\" :size=\"32\" />\n<Icon name=\"heart\" size=\"2rem\" />\n\n<!-- Custom color -->\n<Icon name=\"star\" color=\"#FFD700\" />\n\n<!-- Multi-color -->\n<Icon name=\"energy\" :colors=\"['#00C853', '#FF6D00']\" />\n\n<!-- Load from URL -->\n<Icon url=\"https://example.com/my-icon.svg\" />\n\n<!-- Slot: your own SVG -->\n<Icon :size=\"32\" color=\"red\">\n  <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"/>\n  </svg>\n</Icon>\n```\n\n## Advanced: Register custom icons\n\n```ts\nimport { registerIcon } from '@dhikanove/pln-mobile-icons'\n\nregisterIcon('my-icon', '<svg viewBox=\"0 0 24 24\">...</svg>')\n```\n\nThen use like any built-in icon:\n\n```vue\n<Icon name=\"my-icon\" />\n```\n\n## Icon List\n> See Full Icon List: https://dhikanove.github.io/PLNMIconLib/#icons\n## License\n\n[MIT](./LICENSE) © dhikanove\n","readmeFilename":"README.md"}