Design System

Este é um design system moderno construído com React, TypeScript, Tailwind CSS e Storybook.

Instalação

npm install @your-org/design-system

Uso

import { Button } from "@your-org/design-system";

function App() {
  return <Button variant="primary">Click me</Button>;
}

Componentes Disponíveis

• Button
  • Variantes: default, destructive, outline, secondary, ghost, link
  • Tamanhos: default, sm, lg, icon

Desenvolvimento

1. Clone o repositório
2. Instale as dependências:

   npm install

3. Inicie o Storybook:

   npm run storybook

4. Para construir o pacote:

   npm run build

Tecnologias Utilizadas

• React
• TypeScript
• Tailwind CSS
• Storybook
• Vite
• tsup (para build do pacote)

Estrutura do Projeto

src/
  components/     # Componentes do design system
  index.ts       # Ponto de entrada do pacote
  index.css      # Estilos globais e variáveis CSS

Contribuindo

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/amazing-feature)
3. Commit suas mudanças (git commit -m 'Add some amazing feature')
4. Push para a branch (git push origin feature/amazing-feature)
5. Abra um Pull Request