2063cfc2ff
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>
83 lines
2.4 KiB
JSON
83 lines
2.4 KiB
JSON
{
|
|
"name": "@probo/ui",
|
|
"version": "1.0.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"sideEffects": false,
|
|
"main": "src/index.ts",
|
|
"scripts": {
|
|
"dev": "storybook dev -p 6006 --no-open",
|
|
"dev:v2": "storybook dev -p 6007 -c .storybook-v2 --no-open",
|
|
"build:v2": "storybook build -c .storybook-v2",
|
|
"check": "tsc --noEmit -p tsconfig.app.json",
|
|
"icons": "bun run src/Atoms/Icons/generator.ts"
|
|
},
|
|
"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",
|
|
"@probo/helpers": "1.0.0",
|
|
"@probo/i18n": "1.0.0",
|
|
"@probo/prosemirror": "1.0.0",
|
|
"@radix-ui/colors": "^3.0.0",
|
|
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
"@radix-ui/react-label": "^2.1.8",
|
|
"@radix-ui/react-popover": "^1.1.15",
|
|
"@radix-ui/react-portal": "^1.1.10",
|
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
"@radix-ui/react-select": "^2.2.6",
|
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
"@tiptap/extension-table": "^3.20.4",
|
|
"@tiptap/pm": "^3.20.2",
|
|
"@tiptap/react": "^3.20.2",
|
|
"@tiptap/starter-kit": "^3.20.2",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"mermaid": "^11.15.0",
|
|
"react-dropzone": "^14.3.8",
|
|
"react-intersection-observer": "^9.16.0",
|
|
"react-markdown": "^10.1.0",
|
|
"rehype-raw": "^7.0.0",
|
|
"remark-gfm": "^4.0.1",
|
|
"tailwind-merge": "^3.4.0",
|
|
"tailwind-variants": "^3.2.2",
|
|
"tailwindcss": "^4.3.1",
|
|
"tw-animate-css": "^1.3.0",
|
|
"zustand": "^5.0.4"
|
|
},
|
|
"devDependencies": {
|
|
"@chromatic-com/storybook": "^5.0.1",
|
|
"@rollup/pluginutils": "^5.1.4",
|
|
"@storybook/addon-vitest": "^10.2.8",
|
|
"@storybook/react": "^10.2.8",
|
|
"@storybook/react-vite": "^10.2.8",
|
|
"@tailwindcss/typography": "^0.5.16",
|
|
"@tailwindcss/vite": "^4.3.1",
|
|
"@types/react": "^19.2.17",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^6.0.2",
|
|
"@vitest/browser": "4.1.8",
|
|
"@vitest/coverage-v8": "4.1.8",
|
|
"playwright": "^1.55.1",
|
|
"react": "^19.2.7",
|
|
"react-docgen": "^7.1.1",
|
|
"react-dom": "^19.2.7",
|
|
"react-router": "^8.0.0",
|
|
"storybook": "^10.2.10",
|
|
"typescript": "~6.0.3",
|
|
"vite": "^8.0.16",
|
|
"vitest": "^4.1.8"
|
|
},
|
|
"peerDependencies": {
|
|
"react": "^19.2.7",
|
|
"react-dom": "^19.2.7",
|
|
"react-router": "^8.0.0"
|
|
},
|
|
"volta": {
|
|
"node": "24.4.0"
|
|
}
|
|
}
|