@aurea-uds/native 0.22.0 → 0.24.0

package/dist/index.d.ts

@@ -22,8 +22,8 @@ export { useAureaStrings } from "./theme.js";
 export { defaultStrings, ptBR, gravidadeDoEstado, AUREA_UNIVERSAL_STATES } from "./strings.js";
 export type { AureaStrings, AureaUniversalState } from "./strings.js";
 export { useReduceMotion } from "./movimento.js";
-export { BottomNav, Topbar, NavList, Stepper, Tabs } from "./navigation.js";
-export type { BottomNavProps, TopbarProps, NavListProps, StepperProps, AureaNavItem, AureaNavListItem, AureaNavListIndicator, AureaStepItem, AureaStepState, AureaBottomNavVariant, AureaBottomNavIndicator, AureaBottomNavWidth, AureaTopbarVariant, AureaTopbarInset, TabsProps, AureaTabItem, AureaTabsVariant, AureaTabsPanel, } from "./navigation.js";
+export { BottomNav, Header, Topbar, NavList, Stepper, Tabs } from "./navigation.js";
+export type { BottomNavProps, HeaderProps, TopbarProps, NavListProps, StepperProps, AureaNavItem, AureaNavListItem, AureaNavListIndicator, AureaStepItem, AureaStepState, AureaBottomNavVariant, AureaBottomNavIndicator, AureaBottomNavWidth, AureaHeaderVariant, AureaHeaderInset, AureaTopbarVariant, AureaTopbarInset, TabsProps, AureaTabItem, AureaTabsVariant, AureaTabsPanel, } from "./navigation.js";
 export { Field, Label, Input, Textarea, Select, Switch, Checkbox, Radio, RadioGroup, SegmentedControl, Form, KeyboardAvoiding, useCampo, } from "./inputs.js";
 export type { FieldProps, LabelProps, InputProps, TextareaProps, SelectProps, SwitchProps, CheckboxProps, RadioProps, RadioGroupProps, RadioGroupItemProps, AureaRadioIndicatorPlacement, AureaRadioGroupVariant, SegmentedControlProps, FormProps, KeyboardAvoidingProps, AureaFieldSize, } from "./inputs.js";
 export { InputGroup, InputGroupAddon, PasswordField, useGrupoDeCampo } from "./inputs.js";

package/dist/index.js

@@ -54,7 +54,7 @@ export { useReduceMotion } from "./movimento.js";
 // ⚠ **O `Tabs` entrou em 17/09/2026, e é a única peça daqui que NÃO saiu de um lote** — ele
 // veio do consumidor, que precisava trocar de painel dentro de uma tela e só tinha o
 // `SegmentedControl`, que anuncia "rádio". A fronteira com o `BottomNav` está no JSDoc dele.
-export { BottomNav, Topbar, NavList, Stepper, Tabs } from "./navigation.js";
+export { BottomNav, Header, Topbar, NavList, Stepper, Tabs } from "./navigation.js";
 // ── Lote 4 — os formulários ────────────────────────────────────────────────────────────────
 // ⚠ O `Field` NÃO nomeia o controle por referência, como o `<label for>` da web: ele empurra o
 // nome, a dica e o estado de inválido para o controle por CONTEXTO. É a tradução que decidiu o

package/dist/navigation.d.ts

@@ -103,21 +103,27 @@ export interface BottomNavProps extends ViewProps {
  * `useBottomNavSpace()`. Fora de um provedor os dois valem zero, e nada muda.
  */
 export declare function BottomNav({ items, current, variant, indicator, width, label, style, ...rest }: BottomNavProps): React.JSX.Element;
-export type AureaTopbarVariant = "floating" | "flush" | "pill";
+export type AureaHeaderVariant = "floating" | "flush" | "pill";
 /** O recuo dos lados da `flush`: `bar` (20, o de sempre), `page` (16, o da `Screen`) ou `none`. */
-export type AureaTopbarInset = "bar" | "page" | "none";
-export interface TopbarProps extends ViewProps {
-    variant?: AureaTopbarVariant;
+export type AureaHeaderInset = "bar" | "page" | "none";
+/** @deprecated Nome antigo do `AureaHeaderVariant` (07/10/2026). Continua valendo. */
+export type AureaTopbarVariant = AureaHeaderVariant;
+/** @deprecated Nome antigo do `AureaHeaderInset` (07/10/2026). Continua valendo. */
+export type AureaTopbarInset = AureaHeaderInset;
+export interface HeaderProps extends ViewProps {
+    variant?: AureaHeaderVariant;
     /**
      * Só na `flush` — R-02, 24/09/2026. Por padrão a barra recua 20 dos lados e a `Screen` recua 16,
      * então o título fica 4 para dentro do conteúdo. `page` alinha os dois; `none` serve para a
      * barra que já vai dentro de um conteúdo com recuo. As outras duas variantes são caixas com
      * margem própria e ignoram esta prop.
      */
-    inset?: AureaTopbarInset;
+    inset?: AureaHeaderInset;
     brand?: React.ReactNode;
     children?: React.ReactNode;
 }
+/** @deprecated Nome antigo do `HeaderProps` (07/10/2026). Continua valendo. */
+export type TopbarProps = HeaderProps;
 /**
  * A barra de cima.
  *
@@ -126,7 +132,7 @@ export interface TopbarProps extends ViewProps {
  *
  * ```tsx
  * <Screen padded={false}>
- *   <Topbar brand={<Text weight={700}>Aurea</Text>} />
+ *   <Header brand={<Text weight={700}>Aurea</Text>} />
  *   <ScrollView>…</ScrollView>
  * </Screen>
  * ```
@@ -135,7 +141,9 @@ export interface TopbarProps extends ViewProps {
  * e **não há landmarks no RN**. Um papel inventado diria uma coisa errada; a barra fica sem papel,
  * e quem nomeia a tela é o conteúdo dela.
  */
-export declare function Topbar({ variant, inset, brand, children, style, ...rest }: TopbarProps): React.JSX.Element;
+export declare function Header({ variant, inset, brand, children, style, ...rest }: HeaderProps): React.JSX.Element;
+/** @deprecated `Topbar` é o nome antigo do `Header` (07/10/2026). Continua funcionando, igual; use `Header`. */
+export declare function Topbar(props: HeaderProps): React.JSX.Element;
 /** Um sinal da linha (AN-04): fixada, silenciada. O `label` não aparece; é o que o leitor de tela lê. */
 export interface AureaNavListIndicator {
     icon: AureaIcon;

package/dist/navigation.js

@@ -430,7 +430,7 @@ export function BottomNav({ items, current, variant = "floating", indicator = "n
  *
  * ```tsx
  * <Screen padded={false}>
- *   <Topbar brand={<Text weight={700}>Aurea</Text>} />
+ *   <Header brand={<Text weight={700}>Aurea</Text>} />
  *   <ScrollView>…</ScrollView>
  * </Screen>
  * ```
@@ -439,7 +439,7 @@ export function BottomNav({ items, current, variant = "floating", indicator = "n
  * e **não há landmarks no RN**. Um papel inventado diria uma coisa errada; a barra fica sem papel,
  * e quem nomeia a tela é o conteúdo dela.
  */
-export function Topbar({ variant = "floating", inset = "bar", brand, children, style, ...rest }) {
+export function Header({ variant = "floating", inset = "bar", brand, children, style, ...rest }) {
     const s = folha(useAureaTokens());
     return (_jsxs(View, { style: [
             s.topo, s[`topo_${variant}`],
@@ -447,6 +447,10 @@ export function Topbar({ variant = "floating", inset = "bar", brand, children, s
             style,
         ], ...rest, children: [brand != null && _jsx(View, { children: brand }), children] }));
 }
+/** @deprecated `Topbar` é o nome antigo do `Header` (07/10/2026). Continua funcionando, igual; use `Header`. */
+export function Topbar(props) {
+    return _jsx(Header, { ...props });
+}
 /**
  * A lista de destinos DENTRO da página — a tela de ajustes, não a moldura do app.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/native",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "A Aurea UDS para React Native: o provider de tema e densidade, os componentes e os ícones do Phosphor sobre react-native-svg.",
   "keywords": [
     "aurea",
@@ -55,7 +55,7 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@aurea-uds/tokens": "^0.22.0"
+    "@aurea-uds/tokens": "^0.24.0"
   },
   "peerDependencies": {
     "@react-native-community/datetimepicker": ">=8",