{"_id":"@barbosa-dev-front/design-system","_rev":"2-3dc3d653c8b20a82705ddea8ff95dd94","name":"@barbosa-dev-front/design-system","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.1":{"name":"@barbosa-dev-front/design-system","version":"1.0.1","keywords":["ui","ui-kit"],"author":{"url":"https://github.com/RodrigoBLima","name":"Rodrigo Barbosa"},"license":"MIT","_id":"@barbosa-dev-front/design-system@1.0.1","maintainers":[{"name":"barbosa-dev-front","email":"vanderdigo837@outlook.com"}],"dist":{"shasum":"00a9560205d69a0f2d6da60acd9d13c5027d56d2","tarball":"https://registry.npmjs.org/@barbosa-dev-front/design-system/-/design-system-1.0.1.tgz","fileCount":7,"integrity":"sha512-C0NNStVWvLUviI2mxRjnG/XiQtqlxsCSdBFgz1HCSiSZ6DraTxOWl1LTW2Fby3ehRgGMlHqHwoYo16K6wwB3sg==","signatures":[{"sig":"MEQCICkbPmGl5tt62RVNSPy1PA1MPUM/09pCjeBgI7CduMejAiBuRl27ggK3EQMNsiMbALCY+SMArGmJrnECpHtDnpe7AQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":292749},"type":"module","husky":{"hooks":{"pre-commit":"lint-staged"}},"config":{"commitizen":{"path":"./cz-custom.cjs"}},"exports":{"./button":{"types":"./dist/button/button.d.ts","import":"./dist/button/index.es.js"}},"gitHead":"a46d99cc2e413a76aa688c44929359024a728e04","release":{"plugins":[["@semantic-release/commit-analyzer",{"preset":"conventionalcommits","releaseRules":[{"type":"refactor","release":"patch"},{"type":"style","release":"patch"}]}],["@semantic-release/release-notes-generator",{"preset":"conventionalcommits"}],"@semantic-release/npm","@semantic-release/changelog","@semantic-release/git"],"branches":["main"]},"scripts":{"dev":"vite","lint":"biome check ./src","test":"vitest","build":"tsc -b && vite build","commit":"git-cz","format":"biome format --write ./src","prepare":"husky","preview":"vite preview","release":"standard-version","storybook":"storybook dev -p 6006","prepublish":"rm -rf ./dist && npm run build","format:check":"biome check --write ./src","test:coverage":"vitest run --coverage src","build-storybook":"storybook build"},"_npmUser":{"name":"barbosa-dev-front","email":"vanderdigo837@outlook.com"},"_npmVersion":"10.9.2","description":"## 📌 Sobre o Projeto","directories":{},"lint-staged":{"src/**/*.(ts|tsx|js|jsx)":["biome format --write","biome check --write"],"src/**/*.(json|css|scss|md)|.(babelrc|prettierrc|eslint.js|tsconfig.json)":["biome format --write","biome check --write"]},"_nodeVersion":"22.14.0","dependencies":{"clsx":"^2.1.1","react":"^19.1.0","react-dom":"^19.1.0","lucide-react":"^0.509.0","tailwind-merge":"^3.3.0","@tailwindcss/vite":"^4.1.6","tailwindcss-animate":"^1.0.7","@radix-ui/react-slot":"^1.2.2","@storybook/addon-console":"^3.0.0","class-variance-authority":"^0.7.1"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","husky":"^9.1.7","jsdom":"^26.1.0","vitest":"^3.1.3","globals":"^16.0.0","postcss":"^8.5.3","prettier":"^3.5.3","storybook":"^8.6.12","commitizen":"^4.3.1","playwright":"^1.52.0","typescript":"~5.8.3","@types/node":"^22.15.17","lint-staged":"^16.0.0","tailwindcss":"^3.4.17","@types/react":"^19.1.2","autoprefixer":"^10.4.21","@biomejs/biome":"1.9.4","@commitlint/cli":"^19.8.1","@storybook/test":"^8.6.12","@vitest/browser":"^3.1.3","vite-plugin-dts":"^4.5.3","@storybook/react":"^8.6.12","@types/react-dom":"^19.1.2","@storybook/blocks":"^8.6.12","@vitest/coverage-v8":"^3.1.3","vite-tsconfig-paths":"^5.1.4","@vitejs/plugin-react":"^4.4.1","@semantic-release/git":"^10.0.1","@semantic-release/npm":"^12.0.1","@storybook/react-vite":"^8.6.12","@testing-library/react":"^16.3.0","@chromatic-com/storybook":"^3.2.6","@testing-library/jest-dom":"^6.6.3","@semantic-release/changelog":"^6.0.3","@storybook/addon-essentials":"^8.6.12","@storybook/addon-onboarding":"^8.6.12","@testing-library/user-event":"^14.6.1","@commitlint/config-conventional":"^19.8.1","@semantic-release/commit-analyzer":"^13.0.1","@storybook/experimental-addon-test":"^8.6.12","@semantic-release/release-notes-generator":"^14.0.3"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.1_1747057769657_0.2925952969296215","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@barbosa-dev-front/design-system","version":"1.0.3","type":"module","author":{"name":"Rodrigo Barbosa","url":"https://github.com/RodrigoBLima"},"license":"MIT","keywords":["ui","ui-kit"],"scripts":{"dev":"vite","build":"tsc && vite build","test":"vitest","test:coverage":"vitest run --coverage src","lint":"biome check ./src","format":"biome format --write ./src","format:check":"biome check --write ./src","storybook":"storybook dev -p 6006","build-storybook":"storybook build","pre-commit":"npm --no-git-tag-version version patch && git add .","prepublish":"rm -rf ./dist && npm run build","prepare":"husky","commit":"git-cz"},"exports":{"./button":{"import":"./dist/button/index.es.js","types":"./dist/button/button.d.ts"}},"release":{"branches":["main"],"plugins":[["@semantic-release/commit-analyzer",{"preset":"conventionalcommits","releaseRules":[{"type":"refactor","release":"patch"},{"type":"style","release":"patch"}]}],["@semantic-release/release-notes-generator",{"preset":"conventionalcommits"}],"@semantic-release/npm","@semantic-release/changelog","@semantic-release/git"]},"config":{"commitizen":{"path":"./cz-custom.cjs"}},"lint-staged":{"src/**/*.(ts|tsx|js|jsx)":["biome format --write","biome check --write"],"src/**/*.(json|css|scss|md)|.(babelrc|prettierrc|eslint.js|tsconfig.json)":["biome format --write","biome check --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"dependencies":{"@radix-ui/react-slot":"^1.2.2","@storybook/addon-console":"^3.0.0","@tailwindcss/vite":"^4.1.6","class-variance-authority":"^0.7.1","clsx":"^2.1.1","lucide-react":"^0.509.0","react":"^19.1.0","react-dom":"^19.1.0","tailwind-merge":"^3.3.0","tailwindcss-animate":"^1.0.7"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"devDependencies":{"@biomejs/biome":"1.9.4","@chromatic-com/storybook":"^3.2.6","@commitlint/cli":"^19.8.1","@commitlint/config-conventional":"^19.8.1","@semantic-release/changelog":"^6.0.3","@semantic-release/commit-analyzer":"^13.0.1","@semantic-release/git":"^10.0.1","@semantic-release/npm":"^12.0.1","@semantic-release/release-notes-generator":"^14.0.3","@storybook/addon-essentials":"^8.6.12","@storybook/addon-onboarding":"^8.6.12","@storybook/blocks":"^8.6.12","@storybook/experimental-addon-test":"^8.6.12","@storybook/react":"^8.6.12","@storybook/react-vite":"^8.6.12","@storybook/test":"^8.6.12","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.3.0","@testing-library/user-event":"^14.6.1","@types/node":"^22.15.17","@types/react":"^19.1.2","@types/react-dom":"^19.1.2","@vitejs/plugin-react":"^4.4.1","@vitest/browser":"^3.1.3","@vitest/coverage-v8":"^3.1.3","autoprefixer":"^10.4.21","commitizen":"^4.3.1","globals":"^16.0.0","husky":"^9.1.7","jsdom":"^26.1.0","lint-staged":"^16.0.0","playwright":"^1.52.0","postcss":"^8.5.3","prettier":"^3.5.3","storybook":"^8.6.12","tailwindcss":"^3.4.17","typescript":"~5.8.3","vite":"^6.3.5","vite-plugin-dts":"^4.5.3","vite-tsconfig-paths":"^5.1.4","vitest":"^3.1.3"},"eslintConfig":{"extends":["plugin:storybook/recommended"]},"_id":"@barbosa-dev-front/design-system@1.0.3","gitHead":"2d48c47895e3df1d1a18aeb73ab06db865cc0501","description":"## 📌 Sobre o Projeto","_nodeVersion":"20.19.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-tCCMNyG3czo136jdl08z3cinqEermOTer0BALRqla1PTWQw2TR9K/97/AMgx9p/ZIahYN4CzMCxXlTU4NBkyzg==","shasum":"952b424bba4c3d352c816cb96f5ba3ef0417c7b5","tarball":"https://registry.npmjs.org/@barbosa-dev-front/design-system/-/design-system-1.0.3.tgz","fileCount":9,"unpackedSize":293486,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDN6xNttvRa1O51a+Lmj9H5VxFRV8savMekUHpOaHo2UAiEAu8oDjdV1PLlefsb4x6fJ6nSEtvkXjtzzbCzf2FJrJXQ="}]},"_npmUser":{"name":"barbosa-dev-front","email":"vanderdigo837@outlook.com"},"directories":{},"maintainers":[{"name":"barbosa-dev-front","email":"vanderdigo837@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_1.0.3_1747061054936_0.8068524942281083"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-12T13:49:29.522Z","modified":"2025-05-12T14:44:15.321Z","1.0.1":"2025-05-12T13:49:29.899Z","1.0.3":"2025-05-12T14:44:15.152Z"},"author":{"name":"Rodrigo Barbosa","url":"https://github.com/RodrigoBLima"},"license":"MIT","keywords":["ui","ui-kit"],"description":"## 📌 Sobre o Projeto","maintainers":[{"name":"barbosa-dev-front","email":"vanderdigo837@outlook.com"}],"readme":"# 🧩 Design System – Biblioteca de Componentes React\n\n## 📌 Sobre o Projeto\n\nEste projeto é um **Design System** baseado em **React**, criado para promover consistência visual e produtividade no desenvolvimento de interfaces. Ele utiliza:\n\n- **TypeScript** para garantir tipagem estática;\n- **Tailwind CSS** para estilos utilitários;\n- **Storybook** para documentação e visualização interativa dos componentes;\n- **shadcn/ui** como base para componentes acessíveis e modernos.\n\nA biblioteca oferece **componentes reutilizáveis, acessíveis e personalizáveis**, prontos para serem integrados a qualquer projeto frontend.\n\n---\n\n## 🚀 Instalação\n\nSiga os passos abaixo para instalar e rodar o projeto localmente:\n\n```bash\n# Clone o repositório\ngit clone https://github.com/RodrigoBLima/design-system\n\n# Acesse o diretório do projeto\ncd design-system\n\n# Instale as dependências\nnpm install\n```\n\n---\n\n## 📦 Como Usar os Componentes via NPM\n\nRealizar integração\n\n---\n\n## 📚 Visualizando Componentes com Storybook\n\nO **Storybook** permite que você desenvolva, documente e teste os componentes de forma isolada.\n\n### ▶️ Para iniciar o Storybook localmente:\n\n```bash\nnpm run storybook\n```\n\nA aplicação será aberta em seu navegador, geralmente no endereço: `http://localhost:6006`.\n\nLá você poderá explorar os componentes, suas variações e estados, facilitando o desenvolvimento e testes.\n\n---\n\n## ✍️ Como Adicionar Novos Componentes\n\nPara adicionar novos componentes ao design system, siga os passos abaixo:\n\n1. **Crie o componente:**\n\nUtilize o utilitário do **shadcn/ui** para gerar a estrutura base do componente:\n\n```bash\nnpx shadcn@latest add accordion\n```\n\n> 📌 Consulte a [documentação oficial do shadcn/ui](https://ui.shadcn.com/docs/components) para ver a lista completa de componentes disponíveis.\n\n2. **Estilize e ajuste conforme o design do projeto:**\n\nEdite o componente gerado na pasta:\n\n```\nsrc/components/<nome-do-componente>/index.tsx\n```\n\n3. **Crie a história do componente para o Storybook:**\n\nAdicione o arquivo:\n\n```\nsrc/components/<nome-do-componente>/<nome-do-componente>.stories.tsx\n```\n\nInclua variações e exemplos de uso do componente para facilitar testes e documentação.\n\n4. **Visualize no Storybook:**\n\nExecute o Storybook localmente e verifique se o componente foi adicionado corretamente.\n\n5. **Versione suas alterações:**\n\n```bash\ngit add .\ngit commit -m \"feat: adiciona componente <nome-do-componente>\"\ngit push origin main\n```\n\n> 💡 Se tiver dúvidas sobre como escrever uma história, consulte a [documentação oficial do Storybook](https://storybook.js.org/docs/react/writing-stories/introduction).\n","readmeFilename":"README.md"}