Add v2 Avatar component

Implement the Avatar component from the Probo Radix UI Figma on top
of Base UI's avatar primitive (image load + fallback). It supports
size 1-9, solid/soft variants across the sand/gold/red/green/amber/
sky scales with highContrast, a radius scale, and a fallback node
for initials or an icon, plus a paired AvatarSkeleton. Styling uses
tailwind-variants/lite slots (root/image/fallback).

Add @base-ui/react to @probo/ui — the first v2 component built on a
Base UI primitive.

Signed-off-by: Émile Ré <emile@probo.com>
This commit is contained in:
Émile Ré
2026-06-24 13:47:35 +02:00
parent eb808d429f
commit 2063cfc2ff
6 changed files with 312 additions and 0 deletions

1
package-lock.json generated
View File

@@ -21462,6 +21462,7 @@
"version": "1.0.0",
"dependencies": {
"@ariakit/react": "^0.4.17",
"@base-ui/react": "^1.6.0",
"@floating-ui/react": "^0.27.19",
"@fontsource-variable/inter": "^5.2.8",
"@phosphor-icons/react": "^2.1.10",