https://aura.toolspace.com.br/novidades/ O que mudou em cada versão do Aura UI. pt-BR https://aura.toolspace.com.br/novidades/#v0-3-1 https://aura.toolspace.com.br/novidades/#v0-3-1 Tue, 03 Nov 2026 18:42:26 GMT Correções encontradas ao montar o novo site de docs (demos ao vivo de todos os componentes): - **aura-ui-tailwind**: as classes `aura-*` agora ficam em `@layer components`, então utilitários do Tailwind (`rounded-*`, `shadow-*`, `bg-*`, `absolute`…) passam a sobrescrevê-las; `dark:` segue a classe `.dark` e os temas escuros, não só o sistema operacional. - **aura-ui-components**, **aura-ui-effects**, **aura-ui-native**: correções de acessibilidade, layout e variantes listadas no site (Slider com várias alças e nome acessível, Skeleton com shimmer por padrão, anel gradiente do Avatar, OrbitingCircles que orbita de verdade, AnimatedBeam desenhando no React 19, PressableScale com o layout na área de toque, textos legíveis em gradientes claros, entre outras). - Todos os pacotes: `homepage` aponta para o site de docs (o repositório passa a ser privado). Utilities de cor seguem `data-theme` aninhado - O preset passa a declarar as cores, sombras, raio, fonte e ease em `@theme inline`: `bg-aura-primary`, `text-aura-surface-foreground`, `border-aura-border` etc. viram `hsl(var(--aura-*))` e resolvem o token no próprio elemento. - Antes elas apontavam para `var(--color-aura-*)`, calculada uma vez no `:root`; um `data-theme` (ou `.dark`) num card, preview ou seção mudava os tokens `--aura-*`, mas botões e inputs continuavam com as cores do tema do `<html>`. - Tema no `<html>` continua igual. Quem usa `var(--color-aura-*)` direto no próprio CSS segue recebendo a variável no `:root`. https://aura.toolspace.com.br/novidades/#v0-3-0 https://aura.toolspace.com.br/novidades/#v0-3-0 Mon, 02 Nov 2026 01:06:18 GMT Aura UI para React Native (`aura-ui-native`) - Novo pacote **aura-ui-native**: design system React Native sem dependências nativas (Expo Go e bare, RN ≥ 0.79). `AuraProvider` com os 33 temas do web (paletas geradas do CSS do core), modo claro/escuro/sistema, `overrides` de cores/raio/fontes e `LinearGradient`/`BlurView` plugáveis. - Layout por tokens (`Box`, `VStack`/`HStack`, `Screen`, `Divider`), `Text`/`Heading`, `Button` (9 variantes), `Card`, formulários (`Input`, `Switch`, `Checkbox`, `RadioGroup`, `SegmentedControl`, `Chip`, `OTPInput`, `Select`), exibição (`Badge`, `Avatar`, `Alert`, `Progress`, `Skeleton`, `ListItem`, `EmptyState`) e overlays (`Dialog`, `BottomSheet`, `ActionSheet`, `Toast`). - `makeStyles`/`useStyles`/`useAura` para estilos próprios que seguem o tema. - **aura-ui-mcp**: catálogo inclui os componentes nativos (`category: "native"`, `platform: "native"`) e `get_setup` ganha `mode: "native"`. - Storybook: galeria "Native/\*" renderizada via react-native-web numa moldura de celular. Temas escuros mantêm a própria superfície com `.dark` - **Fix**: ao escolher `midnight`, `cyber`, `synthwave`, `matrix`, `volcano`, `grape`, `obsidian` ou `terminal` pelo `ThemeProvider`, a classe `.dark` no `<html>` sobrescrevia `--aura-surface`, `--aura-muted`, `--aura-border` e os foregrounds do tema com o escuro genérico. Os blocos desses temas agora também casam com `.dark[data-theme="…"]` e vencem o `.dark` genérico; temas claros no modo escuro continuam iguais - `registry/lib/themes.css` sincronizado; teste novo resolve a cascata de `data-theme` + `.dark` no mesmo elemento https://aura.toolspace.com.br/novidades/#v0-2-1 https://aura.toolspace.com.br/novidades/#v0-2-1 Sat, 31 Oct 2026 19:01:21 GMT Links do npm e READMEs corrigidos - `repository`, `homepage` e `bugs` apontavam para `github.com/aura-ui/aura-ui`, que redireciona para outro projeto (ora-ui). Agora apontam para `github.com/Adilson2902/aura-ui` (homepage = pasta do pacote). - READMEs atualizados: `aura-ui-components` com o catálogo completo (73 componentes) e a instalação com `tailwind.css`; 33 temas no core/preset; bin `aura-ui-cli`; links para o repositório. - CLI: `aura init` não grava mais `$schema: https://aura-ui.dev/schema.json` (domínio inexistente); `homepage` do registry aponta para o GitHub. https://aura.toolspace.com.br/novidades/#v0-2-0 https://aura.toolspace.com.br/novidades/#v0-2-0 Sat, 31 Oct 2026 17:49:37 GMT O registry é empacotado junto (`registry/` no pacote) — antes `aura add` procurava a raiz do monorepo e falhava instalado do npm (e até no build local). Novo bin `aura-ui-cli`, para `npx aura-ui-cli init` funcionar; `--version` lê a versão do package.json. `aura init` gera só `@import "aura-ui-tailwind"` (o preset já inclui tokens/primitivas) e sugere `npx aura-ui-cli add`. Catálogo v3 — 22 componentes novos, overlays animados e APIs mais flexíveis - **22 novos componentes**: AlertDialog, HoverCard, ContextMenu, Collapsible, Command/CommandDialog (cmdk), Combobox (simples/múltiplo), Drawer (arrastar p/ fechar), Field (label/descrição/erro com ARIA automático), InputGroup, InputOTP, NumberInput, FileUpload, Calendar (single/range, sem deps), DatePicker/DateRangePicker, ButtonGroup, AspectRatio, CopyButton, Typography (Heading/Text/InlineCode/Prose), Banner, Carousel (scroll-snap, sem deps), TestimonialCard/TestimonialGrid, LogoCloud (grid/marquee) - **Core**: animações de overlay por `data-state` (`aura-overlay`, `aura-pop`, `aura-sheet`, `aura-expandable`, `aura-toast`) com saída animada e `prefers-reduced-motion` - **Fix**: Dialog/Sheet/Popover/Menu/Select/Tooltip não animavam (classes `animate-in` de um plugin não instalado / transições que o Radix não espera); Accordion, Toggle `gradient` e Rating `gradient` usavam variantes Tailwind em classes CSS puras (ignoradas pelo Tailwind v4); seta do Tooltip era cortada; Toast semântico era transparente sobre a página - **APIs**: Button (`loading`, `loadingText`, `leftIcon`/`rightIcon`, `fullWidth`, tamanhos `xs`/`xl`/`icon-sm`/`icon-lg`, variantes `accent`/`destructive`/`link`); Card (`padding`, `interactive`, `asChild`, `CardAction`); `size` em Input/Select/Badge/Switch/Checkbox/Radio; Dialog/Sheet (`size`, `showClose`, `closeLabel`); Tabs (5 estilos + vertical); Accordion (4 estilos); Toast (6 posições, ações, `toast.success/error/warning/info`, pausa no hover); Avatar (`shape`, `AvatarGroup`); Checkbox indeterminado; `RadioGroupCard`; `SimpleTooltip`; `SelectSeparator` - **Tailwind preset**: `aura-destructive-foreground`, `shadow-aura-4`/`shadow-aura-5` - **Registry/CLI**: 40 arquivos do registry eram `export *` relativos ao monorepo (quebravam no `aura add`) — agora `pnpm registry:sync` gera cópias completas e deps reais (98 itens); arquivos `lib` vão p/ `aliases.lib`; `aura add` lista o `pnpm add` necessário Catálogo v2 — 33 temas, 51 componentes e blocos de página - **33 temas** `data-theme` (23 novos: amber, emerald, cherry, lavender, matrix, arctic, desert, volcano, grape, mint, steel, peach, indigo, lime, sakura, obsidian, solar, aqua, candy, mono, terminal, bubblegum, caramel) + `AURA_DARK_THEMES`, `AURA_THEME_LABELS` e `isDarkTheme()` no core - **15 novos componentes de página**: Hero, Section/Container/SectionHeading, FeatureGrid/FeatureCard, PricingCard/PricingGrid, CallToAction, Footer, Sidebar/SidebarItem/AppShell, Steps, Timeline, Rating, TagsInput, Meter, CodeBlock, Blockquote, Toggle/ToggleGroup - **Variantes ≥5 em tudo** (limpas, 3D, animadas): Input/Textarea 7 (incl. `3d` com bevel), Card 9, Table 6 (`clean`, `striped`, `bordered`, `glass`, `3d`), Spinner 5 (`dots`, `bars`, `pulse`, `gradient`), Kbd 5, Separator 5, Avatar 5 anéis - **Fix**: `themes.css` agora é importado pelo preset (`data-theme` antes não tinha efeito); ThemeProvider usa conjunto dinâmico de temas escuros; ThemeSwitcher usa labels do core - Registry: 76 itens (61 → 76); Storybook: stories "Page Blocks" + "Theme Gallery"; testes de contrato (≥5 variantes, temas com bloco CSS completo) Novo `aura-ui-effects/tailwind.css` com `@source` dos efeitos, para o Tailwind v4 gerar as classes quando instalado como pacote. `preset.css` importa o core por nome de pacote (`aura-ui-core/styles/*`) em vez de caminhos do monorepo (`../../core/...`) — antes o preset quebrava instalado do npm; `aura-ui-core` virou dependência. Removidos os `@source` relativos ao monorepo: cada pacote de componentes agora traz seu `tailwind.css` (`@import "aura-ui-components/tailwind.css"`). Novo `aura-ui-three/tailwind.css` com `@source` do pacote. `aura-ui-core` passou de peerDependency para dependency (é importado em runtime). Novo `aura-ui-components/tailwind.css` com `@source` dos componentes, para o Tailwind v4 gerar as classes quando instalado como pacote.