{"_id":"@edux-design/avatars","_rev":"5-f3c3d45c5db77ad243ee24c7f4a9cb44","name":"@edux-design/avatars","dist-tags":{"latest":"0.1.3"},"versions":{"0.0.1":{"name":"@edux-design/avatars","version":"0.0.1","_id":"@edux-design/avatars@0.0.1","maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"dist":{"shasum":"d9224009378c27357b5a6776594eb8bc12f1a949","tarball":"https://registry.npmjs.org/@edux-design/avatars/-/avatars-0.0.1.tgz","fileCount":6,"integrity":"sha512-O9VQ8wwMwcYzmXqn7i7QQKQ7Z9rGIhpBm8piLHTiFJ15a0WjJHPQcxtFNhHduNcR7JulLqpntPo2XJAD38Rc3A==","signatures":[{"sig":"MEUCIQCxpU2KB7st/3KyaABuM6bl4Lc6KIRi4w1i/KrhIRypYgIgTVXSdBmcDYUkzL//znm/wkLsXuH1SgKXN4WcGyDfFHc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13073},"types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"9ea97849206dd10ff1f72a682efe63bb95425904","private":false,"scripts":{"dev":"tsup src/index.js --watch --format esm,cjs --dts","lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts","check-types":"tsc --noEmit","generate:component":"turbo gen react-component"},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"_npmVersion":"10.9.2","description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","@edux-design/utils":"*"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","postcss":"^8.5.6","typescript":"^5.9.2","tailwindcss":"^4.1.12","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/avatars_0.0.1_1767048295131_0.2655096433718116","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@edux-design/avatars","version":"0.1.0","_id":"@edux-design/avatars@0.1.0","maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"dist":{"shasum":"aed284d0993d5b0957c19365bcdc99fc833ac396","tarball":"https://registry.npmjs.org/@edux-design/avatars/-/avatars-0.1.0.tgz","fileCount":6,"integrity":"sha512-NyTZ6OPBP1rAMVsb1yixUUcGg4PNR0hJ74qLWKvtY2ki5E5NDJE4ZS7jxapAi0CHnOOjGSuhen20poAuG+Uorw==","signatures":[{"sig":"MEYCIQCAm/1znRUqBdEl+8qVx9Y/2pfiMb5Ytva+sy4HWB1pmwIhAKuALJ080Qb7SIyhOJqLY933AH/iX/gO0LoAo28/M4Mm","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13021},"types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"7250cb811a32db15e58b04e1b9865d3876905b5f","private":false,"scripts":{"dev":"tsup src/index.js --watch --format esm,cjs --dts","lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts","check-types":"tsc --noEmit","generate:component":"turbo gen react-component"},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"_npmVersion":"10.9.2","description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","dependencies":{"@edux-design/utils":"*"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","postcss":"^8.5.6","typescript":"^5.9.2","tailwindcss":"^4.1.12","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/avatars_0.1.0_1767265775119_0.014445930031137033","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@edux-design/avatars","version":"0.1.1","_id":"@edux-design/avatars@0.1.1","maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"dist":{"shasum":"de1d9108dc18348d24fdce0302e42fb8aec0c043","tarball":"https://registry.npmjs.org/@edux-design/avatars/-/avatars-0.1.1.tgz","fileCount":6,"integrity":"sha512-ymGfzYrkvvlbE5QG62lr3C+noE/g6TjFjAuSx+/wiy+76sVMxAOq7Y4m7wREpciwCpZrHAXqquVfS37TXrrPHg==","signatures":[{"sig":"MEUCIC43iXDmnWcuIfTm7fDwIwC/qC/0N8oZ8DWRfDf/yTHyAiEAjUFkwuwj+3UtfHdJZMAU1nW2YVAvh8l1+Uao902iiEo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":347585},"types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"14d76d2ea97a950529f322ee747d5aa8e07fd19e","private":false,"scripts":{"dev":"tsup src/index.js --watch --format esm,cjs --dts","lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts","check-types":"tsc --noEmit","generate:component":"turbo gen react-component"},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"_npmVersion":"10.9.2","description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","dependencies":{"@edux-design/utils":"*"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","postcss":"^8.5.6","typescript":"^5.9.2","tailwindcss":"^4.1.12","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/avatars_0.1.1_1768561634720_0.9890715256540197","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@edux-design/avatars","version":"0.1.2","_id":"@edux-design/avatars@0.1.2","maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"dist":{"shasum":"cd9128a11715d5bbf27a44f8df7d9b57ddf2b550","tarball":"https://registry.npmjs.org/@edux-design/avatars/-/avatars-0.1.2.tgz","fileCount":6,"integrity":"sha512-7mFdam0SoBQq1XEzuWy8ITjY1HosMMmWZk91V+U2yJOKzI03jG6SpqrTTbjNd/UDIyt45HbrP2LMvOpP0VC7sA==","signatures":[{"sig":"MEUCIQChSr4/kow0xRcUNhl/vlXbO01eVc7qHWiSHkG0MDkT/AIgf6gWA21zNWZzzIwe9SqKaP9ahBs/T1KHlrwTuqkktHw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17118},"types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"14d76d2ea97a950529f322ee747d5aa8e07fd19e","private":false,"scripts":{"dev":"tsup src/index.js --watch --format esm,cjs --dts --external react --external react-dom","lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts --external react --external react-dom","check-types":"tsc --noEmit","generate:component":"turbo gen react-component"},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"_npmVersion":"10.9.2","description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","dependencies":{"@edux-design/utils":"*"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","postcss":"^8.5.6","typescript":"^5.9.2","tailwindcss":"^4.1.12","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/avatars_0.1.2_1768563037860_0.01792607195032425","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@edux-design/avatars","version":"0.1.3","private":false,"sideEffects":["**/*.css"],"types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts --external react --external react-dom","dev":"tsup src/index.js --watch --format esm,cjs --dts --external react --external react-dom","generate:component":"turbo gen react-component","check-types":"tsc --noEmit"},"devDependencies":{"typescript":"^5.9.2","tailwindcss":"^4.1.12","postcss":"^8.5.6","tsup":"^8.5.0","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"dependencies":{"@edux-design/utils":"*"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_id":"@edux-design/avatars@0.1.3","gitHead":"14d76d2ea97a950529f322ee747d5aa8e07fd19e","description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-mR0fGN0UAXyId/01APf7q+iHYEugPHQXHBsiala4WzP/Ax707Zud/hYGQemFMPkl+VKA4Xwh5yO4o1zOFV99kQ==","shasum":"29a9ede2303668a5fc0bcd6ac8a6736e97874b7d","tarball":"https://registry.npmjs.org/@edux-design/avatars/-/avatars-0.1.3.tgz","fileCount":6,"unpackedSize":17118,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCzSUxD22LQg2V8IRgJLgCDyedZ/mtY66gPFZhFe4a7IgIgCfZnsYj9fT5K1jKG5tukd+jotJYBwQ5uXTvvg7zlVqI="}]},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"directories":{},"maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/avatars_0.1.3_1769594502411_0.4168312427279772"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-29T22:44:55.037Z","modified":"2026-01-28T10:01:42.679Z","0.0.1":"2025-12-29T22:44:55.273Z","0.1.0":"2026-01-01T11:09:35.268Z","0.1.1":"2026-01-16T11:07:14.873Z","0.1.2":"2026-01-16T11:30:37.998Z","0.1.3":"2026-01-28T10:01:42.559Z"},"description":"Token-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.","maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"readme":"# @edux-design/avatars\n\nToken-driven avatar primitives for identity and presence. The package includes single avatars with initials/image support and an overlap-friendly avatar group.\n\n---\n\n## Installation\n\n```bash\npnpm add @edux-design/avatars @edux-design/utils\n# or\nnpm install @edux-design/avatars @edux-design/utils\n```\n\nThe package ships React components and depends on `react@^19.1.0` / `react-dom@^19.1.0`.\n\n---\n\n## Usage\n\n```jsx\nimport { Avatar, AvatarGroup } from \"@edux-design/avatars\";\n\nexport function Team() {\n  return (\n    <AvatarGroup>\n      <Avatar name=\"Ada Lovelace\" />\n      <Avatar name=\"Grace Hopper\" src=\"/grace.png\" />\n      <Avatar name=\"Margaret Hamilton\" online />\n    </AvatarGroup>\n  );\n}\n```\n\n### Avatar Props\n\n| Prop | Description |\n| ---- | ----------- |\n| `name` | Full name used to derive initials and for accessible labels. |\n| `initials` | Optional override for the displayed initials. |\n| `src` | Image URL for the avatar. When provided, the image renders instead of initials. |\n| `alt` | Accessible text for the image. Defaults to `name`. |\n| `size` | `\"small\"`, `\"medium\"`, or `\"large\"`. Defaults to `\"medium\"`. |\n| `online` | When `true`, shows the online status dot. |\n\n### AvatarGroup Props\n\n| Prop | Description |\n| ---- | ----------- |\n| `size` | Spacing size for the overlap (use the same size as the avatars inside). |\n| `overlap` | Whether avatars overlap. Defaults to `true`. |\n\n---\n\n## Development\n\n```bash\npnpm --filter @edux-design/avatars lint\npnpm --filter @edux-design/avatars check-types\npnpm --filter @edux-design/avatars build\n```\n\nStories live under `src/demos/Avatar.stories.jsx` with initials, image, online state, and group overlap examples.\n","readmeFilename":"README.md"}