CINTESPBR UI

Biblioteca de componentes React utilizada nos sistemas da CINTESPBR, desenvolvida com React + Vite + Styled Components e documentada com Storybook.

🚀 Tecnologias

• React
• Vite
• TypeScript
• Styled-components
• Storybook
• Vitest
• Playwright

📦 Repositório

git clone https://github.com/richard7santos/cintespbr-ui.git
cd cintespbr-ui

📥 Instalação das dependências

npm install
# ou
yarn install

▶️ Executar o projeto (dev)

npm run dev
# ou
yarn dev

📚 Storybook

Executar Storybook

npm run storybook
# ou
yarn storybook

Acesse: http://localhost:6006

Build do Storybook

npm run build-storybook

🏗️ Build da biblioteca

npm run build

Saída em /dist

📦 Instalação da lib

npm install @cintespbr/ui
# ou
yarn add @cintespbr/ui

🧩 Uso básico

import { HeaderLogo } from "@cintespbr/ui";

export function Header() {
  return (
    <HeaderLogo
      size="medium"
      onClickRedirect={() => {
        window.location.href = "/";
      }}
    />
  );
}

♿ Acessibilidade

• Suporte a teclado
• aria-label
• foco navegável

📁 Estrutura

src/
 ├─ components/
 │   ├─ HeaderLogo/
 │   └─ index.ts
 └─ index.ts

📌 Versionamento

Semantic Versioning (SemVer)

📤 Publicação

npm run build
npm login
npm publish --access public

🧑‍💻 Autor

Richard Santos
CINTESPBR

📄 Licença

MIT