@aurea-uds/native 0.24.1 → 0.25.0

package/dist/inputs.js

@@ -119,7 +119,11 @@ const folha = criarFolha((t) => ({
     // ficam de larguras parecidas, não iguais. Simulado no Yoga: 343 de 343, sem quebrar.
     segmentoCheio: { flexGrow: 1, flexShrink: 0, flexBasis: "auto" },
     segmentadaCheia: { flexGrow: 1 },
-    segmentoAtivo: { backgroundColor: t.color.secondary },
+    // A CÁPSULA ESCOLHIDA tem cor própria, sobre o trilho (ADR-0059, 08/10/2026): era `secondary`, que
+    // no tema claro é a MESMA cor do `muted` do trilho (1:1) e no escuro dá 1,02:1 — não se via. Agora
+    // `segment` com a sombra pequena, como a aba da referência principal. É um `Pressable`, que existe
+    // desde a montagem: a regra do canto no Android (`native-capsula-android.test.tsx`) não o pega.
+    segmentoAtivo: { backgroundColor: t.color.segment, boxShadow: [...t.shadowLayers.shadowSm] },
     // 🔴 O FIO AMARELO DO ESCOLHIDO — ele faltava, e a falta era metade do defeito C4. Os números
     // e a razão moram no `fioDoEscolhido` (`estilos.ts`), que a aba do `Tabs` secundário também usa.
     fioDoSegmento: fioDoEscolhido(t),

package/dist/navigation.js

@@ -196,7 +196,8 @@ const folha = criarFolha((t) => ({
         alignItems: "center", justifyContent: "center",
         paddingHorizontal: 14, ...canto(t.size.radiusControl),
     },
-    abaDeTabAtiva: { backgroundColor: t.color.secondary },
+    // A aba escolhida: a mesma cápsula do `segmentoAtivo` (`inputs.tsx`), pelo mesmo motivo — ADR-0059.
+    abaDeTabAtiva: { backgroundColor: t.color.segment, boxShadow: [...t.shadowLayers.shadowSm] },
     // `variant="secondary"` (R-12, 01/10/2026): a variante secundária da referência,
     // com o fio da casa no lugar do indicador azul dela.
     //   fila (secundária)               padding 0 · border-bottom 1px, cor da borda

package/dist/tokens.d.ts

@@ -44,8 +44,16 @@ export type AureaTokens = {
         editorial: AureaFontScale;
         code: AureaFontScale;
     };
-    /** `boxShadow` do RN 0.76+. */
+    /**
+     * `boxShadow` do RN 0.76+ — **a primeira camada** de cada sombra. Para a sombra INTEIRA, use
+     * `shadowLayers` (a `shadowSm` tem três camadas; aqui está só a primeira).
+     */
     shadow: Record<string, AureaShadow>;
+    /**
+     * Toda sombra com TODAS as camadas, na forma de lista que o `boxShadow` do RN 0.76+ aceita:
+     * `boxShadow: t.shadowLayers.shadowSm`. Desde a 0.25.0 (ADR-0059).
+     */
+    shadowLayers: Record<string, readonly AureaShadow[]>;
     /** `cubicBezier` como os 4 números do DTCG. Não há curva de CSS no RN. */
     easing: Record<string, readonly [number, number, number, number]>;
     /** RAZÃO de `em`, não dp: `letterSpacing` no RN é absoluto, então multiplique pelo `fontSize`. */

package/dist/tokens.js

@@ -15,7 +15,7 @@
 //   • 1 nome existe no `base` E no tema — `warning400`. No CSS o tema ganha.
 // Logo: base < tema < densidade. Inverter isso devolve o app inteiro numa densidade só, e em
 // silêncio — o teste `tokens.test.ts` prova a ordem contra esse defeito.
-import { base, themes, densities, tracking, REM_EM_DP } from "@aurea-uds/tokens/native";
+import { base, themes, densities, tracking, shadowLayers, REM_EM_DP } from "@aurea-uds/tokens/native";
 const ehCor = (v) => typeof v === "object" && v !== null && "hex" in v;
 const ehSombra = (v) => typeof v === "object" && v !== null && "blurRadius" in v;
 // Um objeto por grupo, na ordem em que ganham. `Object.assign` sobre um alvo novo — não sobre o
@@ -96,5 +96,5 @@ export function resolverTokens(theme, density, fontFamilies) {
         editorial: normalizarEscala(fontFamilies?.editorial, texto.fontEditorial ?? "System"),
         code: normalizarEscala(fontFamilies?.code, texto.fontCode ?? "System"),
     };
-    return { theme, density, color, size, font, shadow, easing, tracking: { ...tracking }, remInDp: REM_EM_DP };
+    return { theme, density, color, size, font, shadow, shadowLayers: { ...shadowLayers }, easing, tracking: { ...tracking }, remInDp: REM_EM_DP };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/native",
-  "version": "0.24.1",
+  "version": "0.25.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.24.1"
+    "@aurea-uds/tokens": "^0.25.0"
   },
   "peerDependencies": {
     "@react-native-community/datetimepicker": ">=8",