@schema-forms-data/ui

Componentes UI compartilhados (Radix UI + Tailwind CSS) para os pacotes SchemaForms.

Primitivos Radix UI com estilização Tailwind, usados internamente pelo renderer e pelo builder. Pode ser instalado de forma standalone para quem quiser os componentes sem o form engine.

Install

pnpm add @schema-forms-data/ui

Importe o CSS no entry da sua aplicação:

import '@schema-forms-data/ui/style.css';

O que inclui

Componentes: Button, Input, Textarea, Select, Checkbox, RadioGroup, Dialog, Popover, Tooltip, Slider, Switch, Progress, ScrollArea, Separator, Label, Badge, DateInput, FileInput, IconPicker, StepIndicator.

Utilitário: cn() — merge de classes Tailwind sem conflitos.

Peer dependencies

pnpm add lucide-react react react-dom

Dependências em outros pacotes

| Depende de | Motivo | |---|---| | @schema-forms-data/templates | Consome o TemplateContext para aplicar CSS variables de tema |

Ordem de atualização

ui ocupa a terceira posição na cadeia:

core  →  templates  →  [ui]  →  renderer  →  builder  →  react

Ao bumpar ui:

1. Certifique que @schema-forms-data/templates (devDep) está na versão desejada
2. Bumpa e publica ui
3. Atualiza a referência a ui em renderer, builder e react

Licença

MIT © schema-forms-data