{"_id":"@andespindola/ui","_rev":"3-d42c9a561a9ebb4e46200acb81fdca37","name":"@andespindola/ui","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@andespindola/ui","version":"0.1.0","keywords":["react","design-system","ui","components","tailwind","radix","framer-motion","dark-mode"],"author":{"name":"Anderson Espindola","email":"andersonfaustinolima@gmail.com"},"license":"MIT","_id":"@andespindola/ui@0.1.0","maintainers":[{"name":"andespindola","email":"andersonfaustinolima@gmail.com"}],"homepage":"https://github.com/andersonflima/ui#readme","bugs":{"url":"https://github.com/andersonflima/ui/issues"},"dist":{"shasum":"dd0570ace1f3cd9f4d24a8a285bd557f343b16b1","tarball":"https://registry.npmjs.org/@andespindola/ui/-/ui-0.1.0.tgz","fileCount":10,"integrity":"sha512-nRIoTHMwQpaWNZJnWnQnQTs7ks9SZHV0yzRggFpS6vcl2o+Q8Ll02J/m9cDToh1PSLC3hrlj3IwFy6ZYu9fE8g==","signatures":[{"sig":"MEYCIQCkqN1zZLPsPkHKTmbwPSSx+rQhlA1K3rmWcBr8HgH7KQIhAN/DjjYcgytGwxWGO/4LrrTqR/4NM9n5V433/5HFtQEt","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":296750},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css","./theme.css":"./dist/theme.css","./styles.css":"./dist/style.css","./package.json":"./package.json"},"gitHead":"f06ec5f2f89436c65ac7ac5bbad2fa562ade33b9","scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"npm run clean && vite build","clean":"rm -rf dist","test:run":"vitest run","typecheck":"tsc --noEmit","pack:dry-run":"npm pack --dry-run","prepublishOnly":"npm run build"},"_npmUser":{"name":"andespindola","email":"andersonfaustinolima@gmail.com"},"repository":{"url":"git+https://github.com/andersonflima/ui.git","type":"git"},"_npmVersion":"11.12.1","description":"Componentes React e design tokens com a identidade visual do portfólio de Anderson Espindola — acessível, animado e pronto para temas light/dark.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.0.0","dependencies":{"clsx":"^2.1.1","lucide-react":"^0.469.0","framer-motion":"^11.18.0","tailwind-merge":"^2.6.0","@radix-ui/react-slot":"^1.1.2","@radix-ui/react-tabs":"^1.1.3","@radix-ui/react-label":"^2.1.2","@radix-ui/react-toast":"^1.2.6","@radix-ui/react-avatar":"^1.1.3","@radix-ui/react-dialog":"^1.1.6","@radix-ui/react-select":"^2.1.6","@radix-ui/react-slider":"^1.2.3","@radix-ui/react-switch":"^1.1.3","@radix-ui/react-popover":"^1.1.6","@radix-ui/react-tooltip":"^1.1.8","@radix-ui/react-checkbox":"^1.1.4","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.3","@radix-ui/react-separator":"^1.1.2","@radix-ui/react-radio-group":"^1.2.3","@radix-ui/react-dropdown-menu":"^2.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.8","react-dom":"^18.3.1","typescript":"^5.7.3","@types/node":"^22.10.5","tailwindcss":"^4.0.0","@types/react":"^18.3.18","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","@tailwindcss/vite":"^4.0.0","@vitejs/plugin-react":"^4.3.4","@testing-library/react":"^16.2.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.0_1782590656602_0.6661007824483809","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Legado (apenas React). Use @andespindola/ui-react (React/Next) ou @andespindola/ui-angular, ambos sobre @andespindola/ui-core. Docs: https://andersonflima.github.io/ui"},"0.1.1":{"name":"@andespindola/ui","version":"0.1.1","keywords":["react","design-system","ui","components","tailwind","radix","framer-motion","dark-mode"],"author":{"name":"Anderson Espindola","email":"andersonfaustinolima@gmail.com"},"license":"MIT","_id":"@andespindola/ui@0.1.1","maintainers":[{"name":"andespindola","email":"andersonfaustinolima@gmail.com"}],"homepage":"https://github.com/andersonflima/ui#readme","bugs":{"url":"https://github.com/andersonflima/ui/issues"},"dist":{"shasum":"f717f1e9eb372368b984721b06c91c93ddcf97d0","tarball":"https://registry.npmjs.org/@andespindola/ui/-/ui-0.1.1.tgz","fileCount":10,"integrity":"sha512-efnCVLSqFW8uXMgyMba0kC4yc4XK3bHK4mrkWk5XaR95D2Xk2gBcZsag7Ad5/3kM9lhAzVu3f9JVbzYKbUfjJg==","signatures":[{"sig":"MEQCIEtJkcHsBEQiMO8AVAsmDLgU+eJnbfdGSX+sdxfXBglnAiBCkWwqR/pKhLkRPlbZ35+YIuUt2Myn4m/AFCcsL+3ljg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":314012},"main":"./dist/index.cjs","type":"module","style":"./dist/style.css","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css","./theme.css":"./dist/theme.css","./styles.css":"./dist/style.css","./package.json":"./package.json"},"gitHead":"019dcafbc64595a3d030770fdc99b406544ac990","scripts":{"dev":"vite","lint":"eslint .","test":"vitest","build":"npm run clean && vite build","clean":"rm -rf dist","test:run":"vitest run","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","pack:dry-run":"npm pack --dry-run","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"andespindola","email":"andersonfaustinolima@gmail.com"},"repository":{"url":"git+https://github.com/andersonflima/ui.git","type":"git"},"_npmVersion":"11.12.1","description":"Componentes React e design tokens com a identidade visual do portfólio de Anderson Espindola — acessível, animado e pronto para temas light/dark.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.0.0","dependencies":{"clsx":"^2.1.1","lucide-react":"^0.469.0","framer-motion":"^11.18.0","tailwind-merge":"^2.6.0","@radix-ui/react-slot":"^1.1.2","@radix-ui/react-tabs":"^1.1.3","@radix-ui/react-label":"^2.1.2","@radix-ui/react-toast":"^1.2.6","@radix-ui/react-avatar":"^1.1.3","@radix-ui/react-dialog":"^1.1.6","@radix-ui/react-select":"^2.1.6","@radix-ui/react-slider":"^1.2.3","@radix-ui/react-switch":"^1.1.3","@radix-ui/react-popover":"^1.1.6","@radix-ui/react-tooltip":"^1.1.8","@radix-ui/react-checkbox":"^1.1.4","@radix-ui/react-progress":"^1.1.2","class-variance-authority":"^0.7.1","@radix-ui/react-accordion":"^1.2.3","@radix-ui/react-separator":"^1.1.2","@radix-ui/react-radio-group":"^1.2.3","@radix-ui/react-dropdown-menu":"^2.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.8","react-dom":"^18.3.1","storybook":"^8.6.14","typescript":"^5.7.3","@types/node":"^22.10.5","tailwindcss":"^4.0.0","@types/react":"^18.3.18","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","@tailwindcss/vite":"^4.0.0","@vitejs/plugin-react":"^4.3.4","@storybook/addon-a11y":"^8.6.14","@storybook/react-vite":"^8.6.14","@testing-library/react":"^16.2.0","@storybook/addon-themes":"^8.6.14","@testing-library/jest-dom":"^6.6.3","@storybook/addon-essentials":"^8.6.14"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/ui_0.1.1_1782591901172_0.8314496665562789","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Legado (apenas React). Use @andespindola/ui-react (React/Next) ou @andespindola/ui-angular, ambos sobre @andespindola/ui-core. Docs: https://andersonflima.github.io/ui"}},"time":{"created":"2026-06-27T20:04:16.389Z","modified":"2026-06-28T01:15:45.743Z","0.1.0":"2026-06-27T20:04:16.741Z","0.1.1":"2026-06-27T20:25:01.331Z"},"bugs":{"url":"https://github.com/andersonflima/ui/issues"},"author":{"name":"Anderson Espindola","email":"andersonfaustinolima@gmail.com"},"license":"MIT","homepage":"https://github.com/andersonflima/ui#readme","keywords":["react","design-system","ui","components","tailwind","radix","framer-motion","dark-mode"],"repository":{"url":"git+https://github.com/andersonflima/ui.git","type":"git"},"description":"Componentes React e design tokens com a identidade visual do portfólio de Anderson Espindola — acessível, animado e pronto para temas light/dark.","maintainers":[{"name":"andespindola","email":"andersonfaustinolima@gmail.com"}],"readme":"# @andespindola/ui\n\nComponentes React e design tokens com a identidade visual do portfólio\n[andersonespindola.com](https://andersonespindola.com) — acessíveis (base Radix UI),\nanimados (Framer Motion) e prontos para temas **light** e **dark**.\n\n## Instalação\n\n```bash\nnpm install @andespindola/ui\n```\n\nPeer deps: `react >=18` e `react-dom >=18`.\n\n## Uso\n\nImporte o CSS uma vez na raiz da aplicação e envolva a árvore com o `ThemeProvider`:\n\n```tsx\nimport \"@andespindola/ui/styles.css\";\nimport { ThemeProvider, Button, ThemeToggle } from \"@andespindola/ui\";\n\nexport function App() {\n  return (\n    <ThemeProvider defaultTheme=\"system\">\n      <main className=\"ui-surface min-h-screen\">\n        <Button variant=\"solid\">Começar</Button>\n        <ThemeToggle />\n      </main>\n    </ThemeProvider>\n  );\n}\n```\n\n> Sem necessidade de configurar Tailwind no projeto consumidor — o CSS já vem compilado.\n\n## Temas\n\nO tema é controlado por uma classe (`.dark`) no elemento raiz, alternada pelo\n`ThemeProvider`. Todos os componentes consomem **design tokens** via CSS variables\n(`--ui-*`), então light/dark funcionam sem alteração de markup. Os tokens podem ser\nsobrescritos pelo consumidor para customizar a identidade:\n\n```css\n:root {\n  --ui-accent: #26d0ce;\n  --ui-radius: 1rem;\n}\n```\n\nPara usar só os tokens (sem componentes): `import \"@andespindola/ui/theme.css\"`.\n\n## Componentes\n\n- **Ações**: `Button`\n- **Layout**: `Card`, `Section`, `Separator`\n- **Formulários**: `Input`, `Textarea`, `Label`, `Field`, `Select`, `Checkbox`,\n  `RadioGroup`, `Switch`, `Slider`\n- **Overlays**: `Dialog` (modal), `Drawer`, `Tooltip`, `Popover`, `DropdownMenu`\n- **Feedback**: `Toast`, `Badge`, `Avatar`, `Spinner`, `Skeleton`\n- **Disclosure / navegação**: `Tabs`, `Accordion`\n- **Animação**: `Reveal`, `MagneticLink`, `ScrollProgress` + presets em `motion`\n- **Tema**: `ThemeProvider`, `useTheme`, `ThemeToggle`\n\n## Documentação (Storybook)\n\nCatálogo visual interativo de todos os componentes, com toggle de tema\n**light/dark** e checagem de acessibilidade (addon a11y):\n\n```bash\nnpm run storybook         # dev server em http://localhost:6006\nnpm run build-storybook   # build estático em storybook-static/\n```\n\n## Desenvolvimento\n\n```bash\nnpm install\nnpm run build       # gera dist/ (ESM + CJS + types + style.css)\nnpm run test:run    # testes\nnpm run typecheck\nnpm run storybook   # catálogo de componentes\n```\n\n## Licença\n\nMIT © Anderson Espindola\n","readmeFilename":"README.md"}