{"_id":"@acandrade/ac-bot-avatar-react","_rev":"2-ca2e504c1bc0c3b8b474d3293debc0f5","name":"@acandrade/ac-bot-avatar-react","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@acandrade/ac-bot-avatar-react","version":"1.0.0","_id":"@acandrade/ac-bot-avatar-react@1.0.0","maintainers":[{"name":"adrianocandrade","email":"adrianowebm@gmail.com"}],"dist":{"shasum":"1f3e58f83db4461c4b35012835c6371d1f726bc6","tarball":"https://registry.npmjs.org/@acandrade/ac-bot-avatar-react/-/ac-bot-avatar-react-1.0.0.tgz","fileCount":16,"integrity":"sha512-gU20sgDahQktLOls6MG0INubfmxzoCZ7LG5Uif+D40QRPlY56JhWyT0TVK02C89BrdDZQ2Q5W3CGtqbLeBBziA==","signatures":[{"sig":"MEQCIGqkD55pqFGoBpJL9IGR72o4o4HPq6bMm820IvdhmaElAiBWfq/D4aGihxDcV/KT8gMAWtoVd0r7/y8uNeHY40W29w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32494},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"0f000bf8e624bf6963876625636000b54be311d8","scripts":{"pack":"npm pack","test":"vitest run --passWithNoTests","build":"tsc"},"_npmUser":{"name":"adrianocandrade","email":"adrianowebm@gmail.com"},"_npmVersion":"10.8.2","directories":{},"_nodeVersion":"20.20.0","dependencies":{"@acandrade/ac-bot-avatar-core":"*","@acandrade/ac-bot-avatar-utils":"*","@acandrade/ac-bot-avatar-assets":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=16"},"_npmOperationalInternal":{"tmp":"tmp/ac-bot-avatar-react_1.0.0_1771605086603_0.9701783723784638","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@acandrade/ac-bot-avatar-react","version":"1.0.3","description":"Official React components for AC Bot Avatars","keywords":["react","component","avatar","profile-image","bot"],"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","test":"vitest run --passWithNoTests","pack":"npm pack"},"dependencies":{"@acandrade/ac-bot-avatar-core":"*","@acandrade/ac-bot-avatar-assets":"*","@acandrade/ac-bot-avatar-utils":"*"},"peerDependencies":{"react":">=16"},"publishConfig":{"access":"public"},"_id":"@acandrade/ac-bot-avatar-react@1.0.3","gitHead":"abf7b857bcc32d2422120d6650fc70b08c29a0e0","_nodeVersion":"20.20.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-olxH2JqZyX90CdsZgbuA65uZFhV7H2RFLNWyrVtkxoEYJOWRzwqXdAFwQN+FgbBCWnLVWJzG5ESKkKbc4evegw==","shasum":"aea5d2fbcc7570c9504b4beeac5626af8885dbe0","tarball":"https://registry.npmjs.org/@acandrade/ac-bot-avatar-react/-/ac-bot-avatar-react-1.0.3.tgz","fileCount":17,"unpackedSize":34031,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCID7qMK25j2dq47TsrQeO++OQDumav6FzhIR+iYnc+b0CAiA8yPxl7M7YqWPmq+cpWoVlL/pkHaAl/Y539r6jb6vgTg=="}]},"_npmUser":{"name":"adrianocandrade","email":"adrianowebm@gmail.com"},"directories":{},"maintainers":[{"name":"adrianocandrade","email":"adrianowebm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ac-bot-avatar-react_1.0.3_1771606635790_0.13807000119155077"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-20T16:31:26.493Z","modified":"2026-02-20T16:57:16.090Z","1.0.0":"2026-02-20T16:31:26.758Z","1.0.3":"2026-02-20T16:57:15.970Z"},"maintainers":[{"name":"adrianocandrade","email":"adrianowebm@gmail.com"}],"readme":"# @acandrade/ac-bot-avatar-react\n\nReact components for rendering official AC Bot Avatars. This package provides high-level components to easily integrate avatars into your React application.\n\n[**Live Documentation & Playground**](https://acbot.dev)\n\n## Installation\n\n```bash\nyarn add @acandrade/ac-bot-avatar-react\n```\n\n# or\n\n```bash\nnpm i @acandrade/ac-bot-avatar-react\n```\n\n## Import components\n\n```tsx\nimport { ACBotAvatar, HashedACBotAvatar } from \"@acandrade/ac-bot-avatar-react\";\n```\n\n## Basic Usage\n\n### Simple Avatar\n\nThe `ACBotAvatar` is the base component. You can pass specific variants, eyes, and mouths.\n\n```tsx\n<ACBotAvatar\n  size={128}\n  variant=\"full\"\n  eye=\"sunglasses\"\n  mouth=\"smile\"\n  color=\"#6366f1\"\n/>\n```\n\n### Deterministic (Hashed) Avatar\n\nUse `HashedACBotAvatar` when you want a unique avatar based on a user ID, email, or any unique string. It will always return the same avatar for the same hash.\n\n```tsx\n<HashedACBotAvatar hash=\"user@example.com\" size={64} />\n```\n\n## Features\n\n- **Deterministic Generation**: Generate unique, consistent avatars from any string.\n- **Customizable**: Control colors, facial expressions, and scaling.\n- **SVG Driven**: Crystal clear at any size, weighs almost nothing.\n- **TypeScript**: First-class support for types.\n\n## Keywords\n\n- component\n- react\n- avatar\n- profile-image\n- bot\n- generator\n- deterministic\n- svg\n","readmeFilename":"README.md","description":"Official React components for AC Bot Avatars","keywords":["react","component","avatar","profile-image","bot"]}