{"_id":"@avatune/toon-flat-theme","_rev":"2-11ec49bba0efeab489ee81de068b646e","name":"@avatune/toon-flat-theme","dist-tags":{"oidc-seed":"0.0.0-oidc-seed","latest":"1.0.0"},"versions":{"0.0.0-oidc-seed":{"name":"@avatune/toon-flat-theme","version":"0.0.0-oidc-seed","author":{"url":"https://avatune.dev","name":"Avatune Team"},"license":"SEE LICENSE IN LICENSE.md","_id":"@avatune/toon-flat-theme@0.0.0-oidc-seed","maintainers":[{"name":"nevmstas","email":"nevmyvakastas@gmail.com"},{"name":"teimurjan","email":"teymurgg321@gmail.com"}],"homepage":"https://avatune.dev","bugs":{"url":"https://github.com/avatune/avatune/issues"},"dist":{"shasum":"ba4ac8e250ecf3249139bcbaf0c94df964613709","tarball":"https://registry.npmjs.org/@avatune/toon-flat-theme/-/toon-flat-theme-0.0.0-oidc-seed.tgz","fileCount":2,"integrity":"sha512-8rUGvJeZX7POk2wBOtoo13rBuNrZUYXDiC4fzUrHvhrJLM7NaCJzS0nag6cUzNbOJL1T+HRh+EOve6BoRRGJBw==","signatures":[{"sig":"MEYCIQCWpt+Ox82fiQell5ve1393LewFW30vZqY4e+6Firdf3wIhAM7J2y2SnCkkOxRwfX9kgB4O40XBhVV/dkKVTZ4MyHma","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":593},"_npmUser":{"name":"teimurjan","email":"teymurgg321@gmail.com"},"repository":{"url":"git+https://github.com/avatune/avatune.git","type":"git"},"_npmVersion":"11.17.0","description":"Placeholder reserving @avatune/toon-flat-theme — see the oidc-seed tag. The first real release follows shortly.","directories":{},"_nodeVersion":"24.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/toon-flat-theme_0.0.0-oidc-seed_1787725208519_0.2136650374468323","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@avatune/toon-flat-theme","version":"1.0.0","private":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/avatune/avatune.git"},"homepage":"https://avatune.dev","bugs":{"url":"https://github.com/avatune/avatune/issues"},"author":{"name":"Avatune Team","url":"https://avatune.dev"},"keywords":["avatune","avatar","theme","customization","react","vue","svelte"],"type":"module","exports":{".":{"types":"./dist/vanilla.d.ts","import":"./dist/vanilla.js","require":"./dist/vanilla.cjs"},"./vanilla":{"types":"./dist/vanilla.d.ts","import":"./dist/vanilla.js","require":"./dist/vanilla.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./vue":{"types":"./dist/vue.d.ts","import":"./dist/vue.js","require":"./dist/vue.cjs"},"./svelte":{"svelte":"./dist/svelte.js","types":"./dist/svelte.d.ts","import":"./dist/svelte.js"},"./react-native":{"types":"./dist/react-native.d.ts","import":"./dist/react-native.js","require":"./dist/react-native.cjs"},"./solidjs":{"solid":"./dist/solidjs.js","types":"./dist/solidjs.d.ts","import":"./dist/solidjs.js","require":"./dist/solidjs.cjs"},"./angular":{"types":"./dist/angular.d.ts","import":"./dist/angular.js","require":"./dist/angular.cjs"}},"types":"./dist/vanilla.d.ts","scripts":{"build":"rslib build","dev":"rslib build --watch","check-types":"tsc --noEmit"},"dependencies":{"@avatune/toon-flat-assets":"workspace:*","@avatune/theme-builder":"workspace:*","@avatune/types":"workspace:*","@avatune/utils":"workspace:*"},"devDependencies":{"@avatune/typescript-config":"workspace:*","@rslib/core":"^0.16.1","@types/node":"^24.9.1","typescript":"^5.9.3"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.74.0","react-native-svg":">=15.0.0","solid-js":">=1.8.0","svelte":">=5.0.0","vue":"^3.5.22","@angular/core":">=19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"solid-js":{"optional":true},"svelte":{"optional":true},"vue":{"optional":true},"react-native":{"optional":true},"react-native-svg":{"optional":true},"@angular/core":{"optional":true}},"license":"SEE LICENSE IN LICENSE.md","gitHead":"c23f3323d73bf8fbc0ac717215e592d40bbe5191","_id":"@avatune/toon-flat-theme@1.0.0","description":"[![npm version](https://img.shields.io/npm/v/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/toon-flat-theme) [![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/","_nodeVersion":"24.19.0","_npmVersion":"11.15.0","dist":{"integrity":"sha512-4iI9mG6Ud3S4D73PeKdUBLaS133k+6I9OeYSNd0O2Yj+vDxselaWu3rEbpQOOmZRALhf4xbgt+KrSV4vQkZfDA==","shasum":"de9b14f57f96e2141d36e42c6e3130033c925f64","tarball":"https://registry.npmjs.org/@avatune/toon-flat-theme/-/toon-flat-theme-1.0.0.tgz","fileCount":24,"unpackedSize":89676,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@avatune%2ftoon-flat-theme@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICt2mLFgwE1HDbBVFALsg9rpOTHk8rd/0qAyBEohS4WtAiEAsQQSM+reV7glQdv4RynpiYvbQAjdrRTL0gfoTuiFIM0="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:e9220a24-197e-4653-9947-e0a3265d8ffb"}},"directories":{},"maintainers":[{"name":"nevmstas","email":"nevmyvakastas@gmail.com"},{"name":"teimurjan","email":"teymurgg321@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toon-flat-theme_1.0.0_1787725698330_0.7244342232537697"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-26T06:20:08.391Z","modified":"2026-08-26T06:28:18.879Z","0.0.0-oidc-seed":"2026-08-26T06:20:08.688Z","1.0.0":"2026-08-26T06:28:18.464Z"},"bugs":{"url":"https://github.com/avatune/avatune/issues"},"author":{"name":"Avatune Team","url":"https://avatune.dev"},"license":"SEE LICENSE IN LICENSE.md","homepage":"https://avatune.dev","repository":{"type":"git","url":"git+https://github.com/avatune/avatune.git"},"description":"[![npm version](https://img.shields.io/npm/v/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/toon-flat-theme) [![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/","maintainers":[{"name":"nevmstas","email":"nevmyvakastas@gmail.com"},{"name":"teimurjan","email":"teymurgg321@gmail.com"}],"readme":"# @avatune/toon-flat-theme\n\n[![npm version](https://img.shields.io/npm/v/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/toon-flat-theme)\n[![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/toon-flat-theme)](https://www.npmjs.com/package/@avatune/toon-flat-theme)\n\nAvatar theme for Avatune using toon flat design assets.\n\n## Installation\n\n```bash\nnpm install @avatune/toon-flat-theme\n```\n\n## Usage\n\nThis theme is available for multiple frameworks: React, Vue, Svelte, Angular, and Vanilla JavaScript.\n\n### React\n\n```tsx\nimport { Avatar } from '@avatune/react'\nimport theme from '@avatune/toon-flat-theme/react'\n\nfunction App() {\n  return (\n    <Avatar\n      theme={theme}\n      size={300}\n      seed=\"optional-seed-for-random-generation\"\n    />\n  )\n}\n```\n\n### Vue\n\n```vue\n<script setup lang=\"ts\">\nimport { Avatar } from '@avatune/vue'\nimport theme from '@avatune/toon-flat-theme/vue'\n</script>\n\n<template>\n  <Avatar\n    :theme=\"theme\"\n    :size=\"300\"\n    seed=\"optional-seed-for-random-generation\"\n  />\n</template>\n```\n\n### Svelte\n\n```svelte\n<script lang=\"ts\">\n  import { Avatar } from '@avatune/svelte'\n  import theme from '@avatune/toon-flat-theme/svelte'\n</script>\n\n<Avatar\n  theme={theme}\n  size={300}\n  seed=\"optional-seed-for-random-generation\"\n/>\n```\n\n### Angular\n\n```ts\nimport { Component } from '@angular/core'\nimport { Avatar } from '@avatune/angular'\nimport theme from '@avatune/toon-flat-theme/angular'\n\n@Component({\n  selector: 'app-root',\n  standalone: true,\n  imports: [Avatar],\n  template: `\n    <avatune-avatar\n      [theme]=\"theme\"\n      [inputSize]=\"300\"\n      seed=\"optional-seed-for-random-generation\"\n    />\n  `,\n})\nexport class AppComponent {\n  theme = theme\n}\n```\n\n### Vanilla JavaScript\n\n```typescript\nimport { avatar } from '@avatune/vanilla'\nimport theme from '@avatune/toon-flat-theme/vanilla'\n\nconst container = document.getElementById('avatar-container')\nconst svg = avatar({\n  theme,\n  size: 300,\n  seed: 'optional-seed-for-random-generation',\n})\n\ncontainer?.appendChild(svg)\n```\n\n## Customization\n\nYou can override specific avatar parts:\n\n```tsx\n<Avatar\n  theme={theme}\n  size={300}\n  hair=\"beanie\"          // Choose specific hair style\n  hairColor=\"#FF5733\"    // Custom hair color\n  body=\"halfZip\"     // Choose specific clothing\n  bodyColor=\"#3498DB\"    // Custom clothing color\n/>\n```\n\n## Design Assets\n\nThis theme uses assets from the [`@avatune/toon-flat-assets`](https://github.com/avatune/avatune/tree/main/packages/assets/toon-flat-assets) package.\n\n## License\n\nThis theme package is licensed under MIT (see [LICENSE.md](https://github.com/avatune/avatune/blob/main/LICENSE.md)).\n\nThe design assets used in this theme are separately licensed. See the asset package for details.\n\n## Related Packages\n\n- [`@avatune/toon-flat-assets`](https://github.com/avatune/avatune/tree/main/packages/assets/toon-flat-assets) - SVG assets used by this theme\n- [`@avatune/react`](https://github.com/avatune/avatune/tree/main/packages/renderers/react) - React avatar renderer\n- [`@avatune/vue`](https://github.com/avatune/avatune/tree/main/packages/renderers/vue) - Vue avatar renderer\n- [`@avatune/svelte`](https://github.com/avatune/avatune/tree/main/packages/renderers/svelte) - Svelte avatar renderer\n- [`@avatune/angular`](https://github.com/avatune/avatune/tree/main/packages/renderers/angular) - Angular avatar renderer\n- [`@avatune/vanilla`](https://github.com/avatune/avatune/tree/main/packages/renderers/vanilla) - Vanilla JavaScript avatar renderer\n\n## Development\n\n```bash\n# Build the theme\nbun run build\n\n# Build in watch mode\nbun run dev\n\n# Type checking\nbun run check-types\n```","readmeFilename":"README.md","keywords":["avatune","avatar","theme","customization","react","vue","svelte"]}