Introdução

@ag/ui é a biblioteca de componentes da AG — construída sobre Radix UI e Tailwind CSS v4, com foco em consistência visual e acessibilidade entre os produtos da empresa.

O que está incluído#

• Componentes base — botões, inputs, selects, modais, tabelas e mais de 50 outros elementos prontos para uso
• Temas — suporte a modo claro e escuro via next-themes, com variáveis CSS customizáveis
• Tipografia — sistema de tipografia consistente com utilitários prontos
• Hooks — utilitários React para casos de uso recorrentes

Tecnologias#

Estrutura do pacote#

O pacote exporta múltiplos entry points para otimizar o bundle:

import { Button } from "@ag/ui"           // componentes principais
import { ThemeProvider } from "@ag/ui/providers"
import { useMediaQuery } from "@ag/ui/hooks"
import "@ag/ui/styles.css"                // estilos globais (importar uma vez)

Antes de começar#

O pacote é privado e hospedado no registry interno da empresa. Configure o acesso antes de instalar — veja o guia de instalação.