{"_id":"@avatune/vampire-skin-theme","_rev":"2-d2a2bb933c9c29dc498f56a6fad992d7","name":"@avatune/vampire-skin-theme","dist-tags":{"oidc-seed":"0.0.0-oidc-seed","latest":"1.0.0"},"versions":{"0.0.0-oidc-seed":{"name":"@avatune/vampire-skin-theme","version":"0.0.0-oidc-seed","author":{"url":"https://avatune.dev","name":"Avatune Team"},"license":"SEE LICENSE IN LICENSE.md","_id":"@avatune/vampire-skin-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":"4fb291106153eee11f5f96c0f5a45dd13bf2c360","tarball":"https://registry.npmjs.org/@avatune/vampire-skin-theme/-/vampire-skin-theme-0.0.0-oidc-seed.tgz","fileCount":2,"integrity":"sha512-ldsuVc15bkpUrgm8Du0N8+4GzyerY1Xck2JpKj95vPDZ4wDJcdp+IAEXQLonwYTg+DHOGSddl7A17MSgFDZA0w==","signatures":[{"sig":"MEYCIQDb4prbQu5H8UCxxWpN+czXKarpa8N+hx8GU8TLDlaBpwIhAKGHEfxhlrjzKvk9QV7PmZPjJ5jmgiLBkR9EHYfTo9RN","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":602},"_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/vampire-skin-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/vampire-skin-theme_0.0.0-oidc-seed_1787818089661_0.03400599337813093","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@avatune/vampire-skin-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/vampire-skin-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":"487eda702ba3787fd2999cd7771ff4a8cc9e793b","_id":"@avatune/vampire-skin-theme@1.0.0","description":"[![npm version](https://img.shields.io/npm/v/@avatune/vampire-skin-theme)](https://www.npmjs.com/package/@avatune/vampire-skin-theme) [![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/vampire-skin-theme)](https://www.npmjs.com/package/","_nodeVersion":"24.19.0","_npmVersion":"11.15.0","dist":{"integrity":"sha512-vAgd+bD9P4CBDEzw9HrbLQKGjCX1NtQzlsszGCRcYHAG8OaOsiubBV0rZUHzvccVdp//tYAG2e900t2weyd8iA==","shasum":"058d5a8d97fdf2003c47ade81dd1f24bb5d235e8","tarball":"https://registry.npmjs.org/@avatune/vampire-skin-theme/-/vampire-skin-theme-1.0.0.tgz","fileCount":24,"unpackedSize":126113,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@avatune%2fvampire-skin-theme@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCsit4uVq4vt9tfK5BZnNNMSq9hEPwxYKDvBpKDn0oCrgIgVCrSfV5KYUPJWQouUTqtGURXwrmnj6k7XHq5ZjW9nwQ="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:69649b14-bcba-4479-8a47-16d418967e67"}},"directories":{},"maintainers":[{"name":"nevmstas","email":"nevmyvakastas@gmail.com"},{"name":"teimurjan","email":"teymurgg321@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vampire-skin-theme_1.0.0_1787818434186_0.09405514967612572"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-27T08:08:09.467Z","modified":"2026-08-27T08:13:54.920Z","0.0.0-oidc-seed":"2026-08-27T08:08:09.812Z","1.0.0":"2026-08-27T08:13:54.322Z"},"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/vampire-skin-theme)](https://www.npmjs.com/package/@avatune/vampire-skin-theme) [![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/vampire-skin-theme)](https://www.npmjs.com/package/","maintainers":[{"name":"nevmstas","email":"nevmyvakastas@gmail.com"},{"name":"teimurjan","email":"teymurgg321@gmail.com"}],"readme":"# @avatune/vampire-skin-theme\n\n[![npm version](https://img.shields.io/npm/v/@avatune/vampire-skin-theme)](https://www.npmjs.com/package/@avatune/vampire-skin-theme)\n[![npm bundle size](https://img.shields.io/npm/unpacked-size/@avatune/vampire-skin-theme)](https://www.npmjs.com/package/@avatune/vampire-skin-theme)\n\nAvatar theme for Avatune using vampire skin design assets.\n\n## Installation\n\n```bash\nnpm install @avatune/vampire-skin-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/vampire-skin-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/vampire-skin-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/vampire-skin-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/vampire-skin-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/vampire-skin-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=\"bobBangs\"          // Choose specific hair style\n  hairColor=\"#FF5733\"    // Custom hair color\n  body=\"batCape\"     // Choose specific clothing\n  bodyColor=\"#3498DB\"    // Custom clothing color\n/>\n```\n\n## Design Assets\n\nThis theme uses assets from the [`@avatune/vampire-skin-assets`](https://github.com/avatune/avatune/tree/main/packages/assets/vampire-skin-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/vampire-skin-assets`](https://github.com/avatune/avatune/tree/main/packages/assets/vampire-skin-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"]}