🌟 Sirius Components

Sirius Components é uma biblioteca de componentes React reutilizáveis, projetada para acelerar o desenvolvimento de interfaces modernas e consistentes com estilos padronizados.

📦 Instalação

Você pode instalar o pacote via npm ou yarn:

npm install @sirius-components/react

ou

yarn add @sirius-components/react

⚙️ Configuração do Provider

Após a instalação, é necessário envolver sua aplicação com o SiriusProvider. Esse provider aplica a base de estilos globais e o tema da interface. Ele deve ser adicionado no ponto mais alto da aplicação (como main.tsx ou App.tsx).

O SiriusProvider aceita uma prop chamada type, que define o estilo visual da aplicação. Os valores possíveis são:

• 'dacta' (padrão)
• 'labstracta'
• 'didacta'
• 'predacta'
• 'redacta'

Se nenhum tipo for especificado, o valor padrão 'dacta' será utilizado.

🔧 Exemplo com Vite ou CRA (main.tsx)

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { SiriusProvider } from 'sirius-components';

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <SiriusProvider type="dacta">
      <App />
    </SiriusProvider>
  </React.StrictMode>,
);

🎨 Estilos disponíveis

Você pode customizar os estilos globais passando um valor para a prop type do SiriusProvider. Os estilos disponíveis são:

• dacta (padrão)
• labstracta
• didacta
• predacta
• redacta

Exemplo:

<SiriusProvider type="labstracta">
  <App />
</SiriusProvider>

🧱 Uso dos componentes

Após configurar o SiriusProvider, você pode importar e utilizar os componentes normalmente:

import { Button } from '@sirius-components/react';

function MyComponent() {
  return <Button>Click me</Button>;
}

🤝 Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues, enviar pull requests ou sugerir melhorias.