@aurea-uds/native 0.33.0 → 0.34.0

package/dist/actions.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //                 do Lote 3. Aparência sem consumidor é a ADR-0034 ("ter a variante não é usar").
 import * as React from "react";
 import { AccessibilityInfo, Platform, Pressable, Share, View } from "react-native";
-import { canto, criarFolha, REACAO_AO_TOQUE, estadoAcessivel } from "./estilos.js";
+import { canto, comOpacidade, criarFolha, misturaOpaca, preenchimento, REACAO_AO_TOQUE, estadoAcessivel } from "./estilos.js";
 import { Icon } from "./icon.js";
 import { Text } from "./text.js";
 import { AvisosContext, useAureaStrings, useAureaTheme, useAureaTokens, useSobreAMarca } from "./theme.js";
@@ -102,6 +102,16 @@ function pintar(t, tone) {
  * o da marca também seguem na tinta (neutro 1,61; marca é amarelo no amarelo, 1,00).
  */
 const TONS_COM_COR = new Set(["success", "danger", "warning", "info"]);
+/**
+ * SEM LINHA (16/10/2026), a "C" da bancada, escolhida pelo Victor: no tema CLARO, a letra do botão de CONTORNO com tom de
+ * estado vai 20% para a cor do texto. O fundo é o tom a 16%, e o azul do claro, que já fica perto do limite contra a
+ * página branca, caía a 4,02:1 sobre ele (o mínimo é 4,5). Fora disso, a letra de sempre. O par da web está no fim do
+ * `aurea.css` (`[data-theme="light"] .btn-outline.btn-tone-*`).
+ */
+function corDaLetra(t, tone, appearance, marca, sobre) {
+    const deEstado = tone === "info" || tone === "success" || tone === "warning" || tone === "danger";
+    return appearance === "outline" && !marca && deEstado && t.theme === "light" ? misturaOpaca(sobre, t.color.foreground, 0.8) : sobre;
+}
 function pintarSobreAMarca(base, marca, tone, appearance) {
     if (marca == null)
         return base;
@@ -221,14 +231,20 @@ function CorpoDoBotao({ children, appearance = "solid", tone = "neutral", size =
         height: medida.altura,
         paddingHorizontal: medida.recheio,
         gap: medida.vao,
-        backgroundColor: appearance === "solid" ? cor.solido : "transparent",
-        borderColor: cor.contorno ?? (appearance === "outline" ? corDaBorda : "transparent"),
+        // Sem linha (16/10/2026): o de CONTORNO, sem a linha, ganha o fundo — o tom a 16%, o neutro a 10%. A letra do tom de
+        // estado, no claro, vai 20% para a cor do texto (`corDaLetra`): a "C" da bancada.
+        backgroundColor: appearance === "solid" ? cor.solido
+            // Dentro do cartão da marca, a mesma tinta escura do campo (a 14%): o branco a 10% clareava o amarelo e sumia.
+            : appearance === "outline" ? (marca ? comOpacidade(marca.tinta, 0.14)
+                : tone && tone !== "neutral" ? comOpacidade(cor.solido, 0.16) : preenchimento(t, 2))
+                : "transparent",
+        borderColor: "transparent",
         ...(fullWidth ? { flex: 1 } : null),
         // A regra do botão-link da referência: `height: auto; padding: 0`, e a do botão dela já
         // tem `border-width: 0`. A borda transparente de 1 empurraria o texto 1 para dentro.
         ...(semRecuo ? { height: undefined, paddingHorizontal: 0, borderWidth: 0 } : null),
-    }), [medida.altura, medida.recheio, medida.vao, appearance, cor.solido, cor.contorno, corDaBorda, fullWidth, semRecuo]);
-    const corDoTexto = appearance === "solid" ? cor.texto : cor.sobre;
+    }), [medida.altura, medida.recheio, medida.vao, appearance, cor.solido, cor.contorno, corDaBorda, fullWidth, semRecuo, marca, tone, t]);
+    const corDoTexto = appearance === "solid" ? cor.texto : corDaLetra(t, tone, appearance, marca, cor.sobre);
     return (_jsx(Pressable, { disabled: disabled, onPress: aoTocar, accessibilityRole: "button", accessibilityLabel: accessibilityLabel, ...estadoAcessivel({ disabled: !!disabled, pressed }), style: ({ pressed: tocando }) => [
             s.alvo, fullWidth && s.alvoLargura,
             tocando && s.pressionado, disabled && s.inerte,
@@ -286,15 +302,19 @@ function BotaoDeIcone({ name, label, appearance = "ghost", tone = "neutral", siz
     const caixa = React.useMemo(() => ({
         height: lado, width: lado, paddingHorizontal: 0,
         ...canto(t.size.radiusControl),
-        backgroundColor: appearance === "solid" ? cor.solido : "transparent",
-        borderColor: cor.contorno ?? (appearance === "outline" ? corDaBorda : "transparent"),
-    }), [t, lado, appearance, cor.solido, cor.contorno, corDaBorda]);
+        // Sem linha (16/10/2026): o de contorno ganha o fundo, como o `Button` — a tinta do cartão da marca, o tom, ou o neutro.
+        backgroundColor: appearance === "solid" ? cor.solido
+            : appearance === "outline" ? (marca ? comOpacidade(marca.tinta, 0.14)
+                : tone && tone !== "neutral" ? comOpacidade(cor.solido, 0.16) : preenchimento(t, 2))
+                : "transparent",
+        borderColor: "transparent",
+    }), [t, lado, appearance, cor.solido, cor.contorno, corDaBorda, marca, tone]);
     return (_jsx(Pressable, { disabled: disabled, onPress: aoTocar, accessibilityRole: "button", accessibilityLabel: label, ...estadoAcessivel({ disabled: !!disabled, pressed }), style: ({ pressed: tocando }) => [
             // Largura FIXA, como o só-ícone da referência: ele nunca estica,
             // nem numa coluna sem alinhamento. O alvo é o maior entre o desenho e o `targetMin`.
             s.alvo, { width: Math.max(lado, t.size.targetMin), alignItems: "center" },
             tocando && s.pressionado, disabled && s.inerte,
-        ], ...rest, children: _jsx(View, { style: [s.caixa, caixa], children: _jsx(Icon, { name: name, size: ICONE[size], icons: icons, weight: pesoDoIcone, color: corDoIcone && !marca ? corDoIcone : appearance === "solid" ? cor.texto : cor.sobre }) }) }));
+        ], ...rest, children: _jsx(View, { style: [s.caixa, caixa], children: _jsx(Icon, { name: name, size: ICONE[size], icons: icons, weight: pesoDoIcone, color: corDoIcone && !marca ? corDoIcone : appearance === "solid" ? cor.texto : corDaLetra(t, tone, appearance, marca, cor.sobre) }) }) }));
 }
 export function ThemeToggle(props) {
     const { theme, toggleTheme } = useAureaTheme();

package/dist/arquivo.js

@@ -33,7 +33,7 @@ import * as React from "react";
 import { Pressable, View } from "react-native";
 import * as DocumentPicker from "expo-document-picker";
 import { IconButton } from "./actions.js";
-import { canto, criarFolha, estadoAcessivel } from "./estilos.js";
+import { canto, criarFolha, estadoAcessivel, preenchimento } from "./estilos.js";
 import { Icon } from "./icon.js";
 import { alturaDoTamanho, respiroDoTamanho, useCampo } from "./inputs.js";
 import { Text } from "./text.js";
@@ -43,10 +43,10 @@ const folha = criarFolha((t) => ({
     // O gatilho e a linha do arquivo têm a pele do campo: mesma borda, mesmo fundo, cápsula.
     caixa: {
         flexDirection: "row", alignItems: "center", gap: t.size.space2,
-        width: "100%", minWidth: 0, borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        width: "100%", minWidth: 0, borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
     },
-    invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
+    invalido: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     desabilitado: { opacity: t.size.opacityDisabled },
     nomeETamanho: { flex: 1, minWidth: 0, flexDirection: "row", alignItems: "center", gap: t.size.space2 },
     nome: { flexShrink: 1 },

package/dist/busca.js

@@ -69,7 +69,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import * as React from "react";
 import { Animated, Easing, FlatList, Modal, PanResponder, Pressable, TextInput, View, } from "react-native";
 import { IconButton } from "./actions.js";
-import { canto, cantosDeCima, criarFolha, estadoAcessivel } from "./estilos.js";
+import { canto, cantosDeCima, criarFolha, estadoAcessivel, preenchimento } from "./estilos.js";
 import { Spinner } from "./feedback.js";
 import { Icon } from "./icon.js";
 import { KeyboardAvoiding, alturaDoTamanho, indicadorDaEscolhida, respiroDoGatilho, respiroDoTamanho, useCampo, } from "./inputs.js";
@@ -100,11 +100,11 @@ const folha = criarFolha((t) => ({
     // borda, o mesmo raio de controle.
     caixa: {
         width: "100%", minWidth: 0,
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
         flexDirection: "row", alignItems: "center",
     },
-    invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
+    invalido: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     desabilitado: { opacity: t.size.opacityDisabled },
     // As ações do gatilho — limpar e a seta. O `.combobox-actions` da web (`aurea.css:1673`) é
     // absoluto sobre o campo; aqui é um irmão na linha, porque não há campo por baixo.
@@ -150,7 +150,7 @@ const folha = criarFolha((t) => ({
         maxHeight: "90%",
         // HER-03 (ADR-0058): a folha que sobe de baixo tem 32, como a `BottomSheet`.
         ...cantosDeCima(t.size.radiusSheet),
-        backgroundColor: t.color.popover, borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        backgroundColor: t.color.popover, borderWidth: t.size.borderWidth, borderColor: "transparent",
     },
     // O puxador, copiado do `BottomSheet` (`overlays.tsx:111-112`) — mesma medida, mesmo token.
     puxadorArea: { alignItems: "center", paddingVertical: t.size.space2 },
@@ -162,8 +162,8 @@ const folha = criarFolha((t) => ({
         flexDirection: "row", alignItems: "center", gap: t.size.space1,
         margin: t.size.space3,
         paddingHorizontal: t.size.space3,
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
     },
     // ⚠ `paddingVertical: 0` e `textAlignVertical: "center"` — a MESMA correção que o `Input` do
     // Lote 4 levou depois do vidro (`inputs.tsx:280-296`): sem elas o Android injeta o padding do

package/dist/data.js

@@ -77,7 +77,7 @@ const folha = criarFolha((t) => ({
         marginTop: t.size.space1, backgroundColor: t.color.primary,
         // O halo do CSS é `box-shadow: 0 0 0 space-05 surface-1`. No RN sombra não faz anel —
         // uma BORDA da cor da superfície faz o mesmo buraco, e cresce o ponto pelo mesmo tanto.
-        borderWidth: t.size.space05, borderColor: t.color.surface1,
+        borderWidth: t.size.space05, borderColor: "transparent",
     },
     colunaDoEvento: { flex: 1, minWidth: 0, gap: t.size.space05 },
     // R-18: o ponto centrado na coluna da moldura, quando a lista tem molduras.
@@ -98,7 +98,7 @@ const folha = criarFolha((t) => ({
     tabela: { gap: t.size.space2 },
     linha: {
         padding: t.size.space3, gap: t.size.space2,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusLg), backgroundColor: t.color.card,
     },
     linhaTocavel: { minHeight: t.size.targetMin ?? 44 },

package/dist/display.js

@@ -25,7 +25,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Image, View } from "react-native";
 import { IconButton, folgaDoToque } from "./actions.js";
-import { canto, acentoDoTom, criarFolha, fundoDoTom, preenchimentoDoTom } from "./estilos.js";
+import { canto, acentoDoTom, comOpacidade, criarFolha, fundoDoTom, misturaOpaca, preenchimentoDoTom } from "./estilos.js";
 import { Card } from "./layout.js";
 import { gravidadeDoEstado } from "./strings.js";
 import { Icon } from "./icon.js";
@@ -48,7 +48,7 @@ const folha = criarFolha((t) => ({
         flexDirection: "row", alignItems: "center", justifyContent: "center", gap: t.size.space1,
         paddingVertical: t.size.space1, paddingHorizontal: t.size.space3,
         borderWidth: t.size.borderWidth, ...canto(t.size.radiusControl),
-        backgroundColor: t.color.secondary, borderColor: t.color.border,
+        backgroundColor: t.color.secondary, borderColor: "transparent",
     },
     selo_xs: { minHeight: t.size.space4, paddingVertical: 0, paddingHorizontal: t.size.space1, borderWidth: 0 },
     selo_sm: { paddingVertical: t.size.space05, paddingHorizontal: t.size.space2 },
@@ -67,7 +67,7 @@ const folha = criarFolha((t) => ({
     // atrás. Antes sobrava o recheio vertical do tamanho — o "1" do `sm` media 14,9 × 22, esticado —
     // e o anel era uma sombra de 2.
     sobreposto: { position: "absolute", zIndex: 1, paddingVertical: 0, paddingHorizontal: t.size.space05,
-        borderWidth: t.size.borderWidth, borderColor: t.color.background },
+        borderWidth: t.size.borderWidth, borderColor: "transparent" },
     // ── Status ─────────────────────────────────────────────────────────────────────────────────
     estado: { flexDirection: "row", alignItems: "center", gap: t.size.space2 },
     // O halo é `box-shadow 0 0 0 3px` da cor corrente a 14% (aurea.css:1055). Sem `color-mix` no
@@ -78,8 +78,8 @@ const folha = criarFolha((t) => ({
     // com as iniciais em 12 · 14 · 16 e peso médio. O lado sai no componente (`LADO_DO_AVATAR`).
     avatar: {
         alignItems: "center", justifyContent: "center", overflow: "hidden",
-        ...canto(t.size.radiusFull), backgroundColor: t.color.surface3,
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
+        ...canto(t.size.radiusFull), backgroundColor: misturaOpaca(t.color.foreground, t.color.background, 0.2),
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
     },
     imagem: { width: "100%", height: "100%" },
     // ── KPI ────────────────────────────────────────────────────────────────────────────────────
@@ -124,12 +124,15 @@ export function Badge({ tone = "neutral", emphasis = "soft", size = "md", dot, c
     const pele = emphasis === "solid"
         ? { backgroundColor: cheio ? cheio[0] : acento, borderColor: "transparent" }
         : emphasis === "outline"
-            ? { backgroundColor: "transparent", borderColor: acento }
+            ? { backgroundColor: comOpacidade(acento, 0.16), borderColor: "transparent" }
             : tone === "neutral"
                 ? {}
-                : { backgroundColor: fundo, borderColor: acento };
+                : { backgroundColor: fundo, borderColor: "transparent" };
+    // Sem linha (16/10/2026): a letra do selo de CONTORNO vai 20% para a cor do texto, nos dois temas — sobre o acento a 16%,
+    // a de sempre caía abaixo de 4,5:1 (o verde do claro, o `success` do escuro). O par da web é o `.badge-outline`.
+    const letra = tone === "neutral" ? t.color.secondaryForeground : acento;
     const corDoTexto = emphasis === "solid" ? (cheio ? cheio[1] : t.color.background)
-        : tone === "neutral" ? t.color.secondaryForeground : acento;
+        : emphasis === "outline" ? misturaOpaca(letra, t.color.foreground, 0.8) : letra;
     const numero = count != null ? formatarContagem(count, max) : undefined;
     const miolo = anchor ? (numero ?? badgeContent) : (numero ?? children);
     // Ponto puro: `dot` sem nada para mostrar. Aí o selo não tem conteúdo e ganha medida própria.
@@ -237,9 +240,9 @@ export function Status({ variant, state, children, style, ...rest }) {
     return (_jsxs(View, { style: [s.estado, style], ...rest, children: [_jsx(View, { style: [
                     s.pontoDeEstado,
                     v === "offline"
-                        // Vazado: sem preenchimento, com o anel de 2 por dentro. `borderWidth` faz o que o
-                        // `inset 0 0 0 2px` do CSS faz.
-                        ? { backgroundColor: "transparent", borderWidth: 2, borderColor: cor }
+                        // Sem linha (16/10/2026): era vazado (um anel de 2). Agora é a bolinha cheia, apagada,
+                        // como a da web.
+                        ? { backgroundColor: comOpacidade(cor, 0.4) }
                         : { backgroundColor: cor },
                 ] }), typeof rotulo === "string"
                 ? _jsx(Text, { size: "sm", children: rotulo })

package/dist/escolha.js

@@ -12,7 +12,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // do `BottomSheet` (`overlays.tsx`).
 import * as React from "react";
 import { Animated, PanResponder, Platform, Pressable, TextInput, View, } from "react-native";
-import { canto, criarFolha, estadoAcessivel } from "./estilos.js";
+import { canto, criarFolha, estadoAcessivel, preenchimento } from "./estilos.js";
 import { Icon } from "./icon.js";
 import { Label, useCampo } from "./inputs.js";
 import { driverNativo, useReduceMotion } from "./movimento.js";
@@ -55,12 +55,12 @@ const folha = criarFolha((t) => ({
     casa: {
         width: t.size.space10 + t.size.space1, height: t.size.touchControlHMd,
         alignItems: "center", justifyContent: "center",
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
     },
     // A casa ativa: a borda da cor do foco, com a espessura do anel (o contorno de 2 da referência).
     casaAtiva: { borderColor: t.color.focusStrong, borderWidth: t.size.focusWidth },
-    casaInvalida: { borderColor: t.color.danger400 ?? t.color.destructive },
+    casaInvalida: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     // O dígito da referência: 18 em seminegrito, na linha de 28 do `text-lg`.
     digito: { fontSize: t.size.textLg, lineHeight: t.size.textLg * t.size.textLgLeading,
         fontFamily: t.font.ui[600], color: t.color.foreground },
@@ -345,7 +345,7 @@ export function OTPField({ length, value, defaultValue, onValueChange, mask, dis
                             ativa && s.casaAtiva,
                             invalido && s.casaInvalida,
                             // Sobre a marca vale a tinta, inclusive no lugar do vermelho — a regra do `Input`.
-                            pele && { borderColor: pele.borderColor, backgroundColor: pele.backgroundColor },
+                            pele && { borderColor: "transparent", backgroundColor: pele.backgroundColor },
                         ], children: digito != null
                             ? (mask
                                 ? _jsx(View, { style: [s.ponto, pele && { backgroundColor: pele.color }] })

package/dist/estilos.d.ts

@@ -33,6 +33,19 @@ export declare function criarFolha<T extends NamedStyles<T> | NamedStyles<Record
  * um ícone) não tinha como escrevê-lo sem número à mão. O `check 39` cobra o teste dele.
  */
 export declare const comOpacidade: (cor: string, pct: number) => string;
+/**
+ * SEM LINHA (16/10/2026), a sugestão: o fundo TRANSLÚCIDO da cor do texto, que se separa de qualquer fundo atrás —
+ * como o trilho desligado do switch da referência (o texto a 20%). Uma cor fixa acaba igual a alguma superfície, e foi
+ * assim que as peças sumiram quando a linha saiu. Nível 1 = 6% (superfície de dentro), 2 = 10% (campo, botão de
+ * contorno), 3 = 20% (marca do checkbox e do rádio, trilho do switch).
+ */
+export declare const preenchimento: (t: AureaTokens, nivel: 1 | 2 | 3) => string;
+/**
+ * A mesma mistura, OPACA: a cor da frente a `pct` sobre a do fundo. Para o que tem algo passando POR TRÁS (o traço dos
+ * passos) ou cobre outra peça (as fotos sobrepostas) — translúcido, o que está atrás aparece. Hex de seis, como o
+ * `comOpacidade`; fora disso devolve a cor da frente.
+ */
+export declare const misturaOpaca: (frente: string, fundo: string, pct: number) => string;
 /**
  * 🍎 O CANTO DO iOS — HER-01, 06/10/2026: todo canto arredondado do nativo passa por aqui.
  *

package/dist/estilos.js

@@ -49,6 +49,27 @@ export function criarFolha(descrever) {
 export const comOpacidade = (cor, pct) => /^#[0-9a-fA-F]{6}$/.test(cor)
     ? cor + Math.round(Math.max(0, Math.min(1, pct)) * 255).toString(16).padStart(2, "0")
     : cor;
+/**
+ * SEM LINHA (16/10/2026), a sugestão: o fundo TRANSLÚCIDO da cor do texto, que se separa de qualquer fundo atrás —
+ * como o trilho desligado do switch da referência (o texto a 20%). Uma cor fixa acaba igual a alguma superfície, e foi
+ * assim que as peças sumiram quando a linha saiu. Nível 1 = 6% (superfície de dentro), 2 = 10% (campo, botão de
+ * contorno), 3 = 20% (marca do checkbox e do rádio, trilho do switch).
+ */
+export const preenchimento = (t, nivel) => comOpacidade(t.color.foreground, nivel === 1 ? 0.06 : nivel === 2 ? 0.1 : 0.2);
+/**
+ * A mesma mistura, OPACA: a cor da frente a `pct` sobre a do fundo. Para o que tem algo passando POR TRÁS (o traço dos
+ * passos) ou cobre outra peça (as fotos sobrepostas) — translúcido, o que está atrás aparece. Hex de seis, como o
+ * `comOpacidade`; fora disso devolve a cor da frente.
+ */
+export const misturaOpaca = (frente, fundo, pct) => {
+    const hex = /^#([0-9a-fA-F]{6})$/;
+    const a = hex.exec(frente), b = hex.exec(fundo);
+    if (!a || !b)
+        return frente;
+    const canal = (h, i) => parseInt(h.slice(i, i + 2), 16);
+    return "#" + [0, 2, 4].map((i) => Math.round(canal(a[1], i) * pct + canal(b[1], i) * (1 - pct))
+        .toString(16).padStart(2, "0")).join("");
+};
 /**
  * 🍎 O CANTO DO iOS — HER-01, 06/10/2026: todo canto arredondado do nativo passa por aqui.
  *
@@ -79,9 +100,11 @@ export const peleDoCartao = (t) => ({
     padding: t.size.cardPad,
     backgroundColor: t.color.card,
     borderWidth: t.size.borderWidth,
-    borderColor: t.color.border,
+    borderColor: "transparent",
 });
-export const peleDoCartaoEscolhido = (t) => ({ borderColor: t.color.primaryOutline, backgroundColor: t.color.surface2 });
+// Sem linha (16/10/2026): o escolhido era a linha da marca sobre o fundo de cima; sem linha, o aviso é o FUNDO, na cor
+// da marca a 12% — o mesmo da web (`.card-selected`).
+export const peleDoCartaoEscolhido = (t) => ({ borderColor: "transparent", backgroundColor: comOpacidade(t.color.primary, 0.12) });
 /**
  * A cor FORTE de um tom: o texto do selo, o ícone da moldura.
  *

package/dist/feedback.js

@@ -23,6 +23,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import * as React from "react";
 import { Animated, Easing, View } from "react-native";
 import { Button, CloseButton } from "./actions.js";
+import Svg, { Circle } from "react-native-svg";
 import { canto, criarFolha, estadoAcessivel, letraDoToken } from "./estilos.js";
 import { Icon } from "./icon.js";
 import { IconeEmMoldura } from "./moldura.js";
@@ -39,7 +40,7 @@ const folha = criarFolha((t) => ({
     // HER-01: a ÚNICA peça com o canto `circular`, declarada. O anel GIRA, e um contorno que não
     // seja círculo perfeito balança ao girar. A referência também deixa o `Spinner` de
     // fora das 24 peças com canto contínuo.
-    anel: { borderWidth: 2, borderRightColor: "transparent", ...canto(t.size.radiusFull, "circular") },
+    anel: { ...canto(t.size.radiusFull, "circular") },
     // ── Skeleton ───────────────────────────────────────────────────────────────────────────────
     // O raio 7 é cru no CSS (`aurea.css:1111`) e entra aqui **como está**: inventar um token para
     // ele faria o nativo e a web desenharem cantos diferentes para a mesma peça.
@@ -120,12 +121,17 @@ export function Spinner({ size = "md", label, decorative, style, testID }) {
         ? { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }
         : { accessible: true, accessibilityRole: "progressbar",
             accessibilityLabel: label ?? strings.loading };
+    // Sem linha (16/10/2026): o anel era BORDA (3/4 da volta). Agora é o mesmo arco desenhado, como a
+    // máscara da web — 2 de espessura em qualquer tamanho, por isso a conta em unidades do desenho.
+    const traco = (2 * 16) / lado;
+    const raio = 8 - traco / 2;
+    const volta = 2 * Math.PI * raio;
     return (_jsx(Animated.View, { testID: testID, ...acessibilidade, style: [
             s.anel,
-            { width: lado, height: lado, borderColor: t.color.foreground, borderRightColor: "transparent" },
+            { width: lado, height: lado },
             { transform: [{ rotate: giro.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] }) }] },
             style,
-        ] }));
+        ], children: _jsx(Svg, { width: lado, height: lado, viewBox: "0 0 16 16", children: _jsx(Circle, { cx: 8, cy: 8, r: raio, fill: "none", stroke: t.color.foreground, strokeWidth: traco, strokeDasharray: `${volta * 0.75} ${volta * 0.25}` }) }) }));
 }
 export const GrupoDeEsqueleto = React.createContext(null);
 /**

package/dist/inputs.js

@@ -44,7 +44,8 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // estão ao lado dela. O `SegmentedControl` fica na escala da web — não é desta frente.
 import * as React from "react";
 import { Animated, KeyboardAvoidingView as KeyboardAvoidingViewRN, Modal, Platform, Pressable, ScrollView, TextInput, View, } from "react-native";
-import { canto, cantosDeCima, criarFolha, estadoAcessivel, fioDoEscolhido, peleDoCartao, peleDoCartaoEscolhido } from "./estilos.js";
+import Svg, { Path } from "react-native-svg";
+import { canto, cantosDeCima, criarFolha, estadoAcessivel, fioDoEscolhido, peleDoCartao, peleDoCartaoEscolhido, preenchimento } from "./estilos.js";
 import { FilaRolante } from "./rolagem.js";
 import { IconButton } from "./actions.js";
 import { Icon } from "./icon.js";
@@ -70,8 +71,8 @@ const folha = criarFolha((t) => ({
     rotulo: { flexDirection: "row", justifyContent: "space-between", gap: 12 },
     caixa: {
         width: "100%", minWidth: 0,
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
         color: t.color.foreground,
     },
     // O `.textarea` é o único da família com raio LG em vez do de controle: uma caixa alta em
@@ -79,15 +80,15 @@ const folha = criarFolha((t) => ({
     // 0.32.0: a caixa alta da referência — 128 de altura (era 104) e 8 em cima e embaixo (era 12).
     areaDeTexto: { minHeight: t.size.space24 + t.size.space8, paddingVertical: t.size.space2,
         ...canto(t.size.radiusLg) },
-    invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
+    invalido: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     desabilitado: { opacity: t.size.opacityDisabled },
     // O GRUPO é a mesma caixa do campo virada em LINHA, e os números são os mesmos: mesma borda,
     // mesmo raio de controle, mesmo fundo. A altura e o respiro horizontal entram por tamanho, como
     // no `Input`, porque é o grupo que passa a desenhar a caixa quando existe um.
     grupo: {
         flexDirection: "row", alignItems: "center", width: "100%", minWidth: 0,
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
         gap: t.size.space1,
     },
     // Dentro do grupo o campo perde a caixa e vira só o texto — a borda passou a ser do grupo.
@@ -98,8 +99,8 @@ const folha = criarFolha((t) => ({
     encaixe: { flexDirection: "row", alignItems: "center", flexShrink: 0, gap: t.size.space1 },
     marcaBase: {
         alignItems: "center", justifyContent: "center",
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        backgroundColor: preenchimento(t, 3),
     },
     // E5: a marca no MEIO da altura do texto, como a referência. Era `flex-start` com um
     // `marginTop: 1` fixo, e a bolinha ficava presa no topo do rótulo.
@@ -110,8 +111,8 @@ const folha = criarFolha((t) => ({
     itemCartao: { ...peleDoCartao(t), alignItems: "flex-start" },
     itemCartaoEscolhido: peleDoCartaoEscolhido(t),
     linhaNoTopo: { alignItems: "flex-start" },
-    trilho: { ...canto(t.size.radiusFull), backgroundColor: t.color.muted,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border, justifyContent: "center" },
+    trilho: { ...canto(t.size.radiusFull), backgroundColor: preenchimento(t, 3),
+        borderWidth: t.size.borderWidth, borderColor: "transparent", justifyContent: "center" },
     // 0.32.0: a 2 da borda de FORA, como a bolinha da referência — o `left` conta de dentro da borda
     // do trilho, então é `space05 − borderWidth` (1), a mesma conta do `.switch-track:after` da web.
     polegar: { position: "absolute", left: t.size.space05 - t.size.borderWidth, ...canto(t.size.radiusFull) },
@@ -153,7 +154,7 @@ const folha = criarFolha((t) => ({
         maxHeight: "60%", paddingVertical: t.size.space2,
         // HER-03 (ADR-0058): a folha que sobe de baixo tem 32, como a `BottomSheet`.
         ...cantosDeCima(t.size.radiusSheet),
-        backgroundColor: t.color.popover, borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        backgroundColor: t.color.popover, borderWidth: t.size.borderWidth, borderColor: "transparent",
     },
     // 0.32.0: a opção da lista da referência — 12 em cima e embaixo, 8 dos lados, 8 entre o rótulo e
     // o indicador. Com a linha de 24 do rótulo dá 48, a altura de toque (era `controlHLg`, 40).
@@ -395,22 +396,16 @@ function ControleMarcado({ papel, label, description, checked, onChange, disable
                     // web; era 5 cru.
                     { width: lado, height: lado,
                         ...canto(papel === "radio" ? t.size.radiusFull : t.size.radiusXs) },
-                    checked && { backgroundColor: t.color.controlSelected, borderColor: t.color.controlSelected },
+                    checked && { backgroundColor: t.color.controlSelected, borderColor: "transparent" },
                 ], children: checked && (papel === "radio"
                     // O ponto do rádio é da cor de primeiro plano da seleção, sobre a marca já pintada.
                     // 0.32.0: 10, o ponto da referência e o do `RadioGroup` (`space2 + space05`); era 8.
                     ? _jsx(View, { style: { width: t.size.space2 + t.size.space05, height: t.size.space2 + t.size.space05,
                             ...canto(t.size.radiusFull), backgroundColor: t.color.controlSelectedForeground } })
-                    // O visto da web é desenhado com DUAS BORDAS de um retângulo 8×4 girado −45°. Isso
-                    // atravessa inteiro: `transform: rotate` e `borderLeftWidth`/`borderBottomWidth`
-                    // existem no RN. Desenhá-lo assim, em vez de trazer um glifo, mantém a peça sem
-                    // depender do registro de ícones do app.
-                    : _jsx(View, { style: {
-                            width: 8, height: 4, marginTop: -2,
-                            borderLeftWidth: 2, borderBottomWidth: 2,
-                            borderColor: t.color.controlSelectedForeground,
-                            transform: [{ rotate: "-45deg" }],
-                        } })) }), temTexto && (_jsxs(View, { style: { flex: 1 }, children: [typeof label === "string" ? _jsx(Text, { size: "sm", children: label }) : label, description != null && (typeof description === "string"
+                    // O visto. Era desenhado com DUAS BORDAS de um retângulo girado; sem linha (16/10/2026), ele é
+                    // um glifo, o mesmo da web (a máscara do `.checkbox` no `aurea.css`), sobre o `react-native-svg`
+                    // que o pacote já usa — sem depender do registro de ícones do app.
+                    : _jsx(Svg, { width: "100%", height: "100%", viewBox: "0 0 16 16", children: _jsx(Path, { d: "M3.5 8.5l3 3 6-7", fill: "none", stroke: t.color.controlSelectedForeground, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) })) }), temTexto && (_jsxs(View, { style: { flex: 1 }, children: [typeof label === "string" ? _jsx(Text, { size: "sm", children: label }) : label, description != null && (typeof description === "string"
                         ? _jsx(Text, { size: "xs", tone: "muted", children: description }) : description)] }))] }));
 }
 /** A caixa que marca. `accessibilityRole="checkbox"` + `state.checked`. */
@@ -448,9 +443,9 @@ function ItemDoGrupoDeRadio({ value, label, description, disabled, invalid, indi
     const marcaDesenhada = (_jsx(View, { style: [
             s.marcaBase,
             { width: marca, height: marca, ...canto(t.size.radiusFull) },
-            erro && { borderColor: perigo, backgroundColor: "transparent" },
+            erro && { borderColor: "transparent", backgroundColor: t.color.dangerBg },
             escolhido && { backgroundColor: erro ? perigo : t.color.controlSelected,
-                borderColor: erro ? perigo : t.color.controlSelected },
+                borderColor: "transparent" },
         ], children: escolhido && _jsx(View, { style: { width: ponto, height: ponto, ...canto(t.size.radiusFull),
                 backgroundColor: t.color.controlSelectedForeground } }) }, "marca"));
     // O ícone é decorativo: o rótulo já diz o que a opção é, e o `Icon` sem `label` sai da árvore
@@ -465,7 +460,7 @@ function ItemDoGrupoDeRadio({ value, label, description, disabled, invalid, indi
             // pagou no Android — caixa que ganha a pintura depois de montada perde o raio.
             cartao && s.itemCartao,
             cartao && escolhido && s.itemCartaoEscolhido,
-            cartao && erro && { borderColor: perigo },
+            cartao && erro && { borderColor: "transparent", backgroundColor: t.color.dangerBg },
             inativo && s.desabilitado, style,
         ], ...rest, children: noInicio ? [marcaDesenhada, glifo, texto] : [glifo, texto, marcaDesenhada] }));
 }
@@ -551,7 +546,7 @@ export function Switch({ label, description, checked, onChange, disabled, size,
         ], children: [_jsx(View, { style: [
                     s.trilho,
                     { width: larguraDoTrilho, height: alturaDoTrilho },
-                    checked && { backgroundColor: t.color.controlSelected, borderColor: t.color.controlSelected },
+                    checked && { backgroundColor: t.color.controlSelected, borderColor: "transparent" },
                 ], children: _jsx(Animated.View, { style: [
                         s.polegar,
                         { width: larguraDoPolegar, height: alturaDoPolegar,

package/dist/layout.js

@@ -17,7 +17,7 @@ import { Pressable, StyleSheet, View } from "react-native";
 // `@aurea-uds/react` ja' faz (o `Stack` da web e' `HTMLAttributes & RefAttributes`, sem
 // envelope). O `ViewProps`/`TextProps` do RN 0.87 ja' declaram `ref`, entao ele viaja no
 // `...rest` sem nada a mais.
-import { canto, criarFolha, peleDoCartao, peleDoCartaoEscolhido, REACAO_AO_TOQUE, estadoAcessivel } from "./estilos.js";
+import { canto, comOpacidade, criarFolha, peleDoCartao, peleDoCartaoEscolhido, REACAO_AO_TOQUE, estadoAcessivel } from "./estilos.js";
 import { Text } from "./text.js";
 import { useAureaTheme, useAureaTokens, SobreAMarca, TemaDentro } from "./theme.js";
 const folha = criarFolha((t) => ({
@@ -43,14 +43,15 @@ const folha = criarFolha((t) => ({
     cardBase: peleDoCartao(t),
     card_base: {},
     card_raised: { boxShadow: [t.shadow.shadowLg] },
-    card_interactive: { borderColor: t.color.borderStrong },
+    card_interactive: { borderColor: "transparent" },
     // `inset` recessa em vez de flutuar — é o painel DENTRO de um card, e a ficha da web diz isso.
     card_inset: { backgroundColor: t.color.surfaceInset, borderColor: "transparent" },
     // 0.32.0: `outline` é o cartão da cor de onde ele está, só com a linha em volta — o mesmo nome da
     // web. Sem fundo; a borda, o raio e o recheio continuam os do `cardBase`.
-    card_outline: { backgroundColor: "transparent" },
+    // Sem linha (ADR-0072): a ÚNICA linha que fica — clara, o texto a 10% (a "B" da caixa da vitrine, o Victor, 16/10).
+    card_outline: { backgroundColor: "transparent", borderColor: comOpacidade(t.color.foreground, 0.1) },
     card_selected: peleDoCartaoEscolhido(t),
-    card_danger: { borderColor: t.color.danger400 ?? t.color.destructive, backgroundColor: t.color.dangerBg },
+    card_danger: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     // O amarelo é o DE PREENCHER — `primary`, o mesmo do botão sólido. A borda some: uma superfície
     // cheia não precisa de contorno, e um contorno sobre o amarelo mede 2,43 no claro (invisível).
     card_brand: { backgroundColor: t.color.primary, borderColor: "transparent" },
@@ -58,7 +59,7 @@ const folha = criarFolha((t) => ({
     // `cardBase` já é o cartão do escuro. No claro, sem linha em volta (13,3:1 contra a tela); no
     // escuro, o amarelo, com a borda de sempre.
     card_contrast: { borderColor: "transparent" },
-    contrasteNoEscuro: { borderColor: t.color.primary },
+    contrasteNoEscuro: { borderColor: "transparent" },
     // MT-02 (ADR-0063): o traço no topo. Uma borda mais grossa só em cima, com o canto 22, desenha
     // errado no Android (react-native#51926, fechada sem conserto em 24/03/2026: a borda sai do
     // contorno e deixa vão). Então o traço é uma faixa de `accentWidth` numa camada que se recorta no

package/dist/menu.js

@@ -43,7 +43,7 @@ const folha = criarFolha((t) => ({
     painel: {
         position: "absolute",
         backgroundColor: t.color.popover,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusCard),
         boxShadow: [...t.shadowLayers.shadowLg],
     },
@@ -94,7 +94,7 @@ const folha = criarFolha((t) => ({
     fundoDoSubmenu: {
         position: "absolute", top: 0, right: 0, bottom: 0, left: 0,
         backgroundColor: t.color.popover,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusLg),
         boxShadow: [...t.shadowLayers.shadowMd],
     },

package/dist/midia.js

@@ -60,7 +60,7 @@ const folha = criarFolha((t) => ({
     // superfície do cartão, a borda, a sombra média e o canto da folha de baixo; o de dentro acompanha.
     moldura: {
         padding: t.size.space2,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusSheet),
         backgroundColor: t.color.card,
         ...(t.shadow.shadowMd ? { boxShadow: [t.shadow.shadowMd] } : null),

package/dist/navigation.js

@@ -3,7 +3,7 @@ import { Pressable, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useAnotarBottomNav } from "./barranav.js";
 import { Avatar, Badge } from "./display.js";
-import { canto, comOpacidade, criarFolha, estadoAcessivel, fioDoEscolhido } from "./estilos.js";
+import { canto, comOpacidade, criarFolha, estadoAcessivel, fioDoEscolhido, misturaOpaca } from "./estilos.js";
 import { Icon } from "./icon.js";
 import { Card } from "./layout.js";
 import { FilaRolante } from "./rolagem.js";
@@ -21,7 +21,7 @@ const folha = criarFolha((t) => ({
     topo_floating: {
         marginHorizontal: t.size.space4, marginTop: t.size.space4,
         paddingVertical: t.size.space2, paddingHorizontal: t.size.space4,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusCard), backgroundColor: t.color.card,
     },
     topo_flush: { paddingVertical: t.size.space2, paddingHorizontal: t.size.space5,
@@ -34,7 +34,7 @@ const folha = criarFolha((t) => ({
     topo_pill: {
         alignSelf: "center", marginTop: t.size.space4, justifyContent: "flex-start",
         gap: t.size.space2, padding: t.size.space2,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusControl), backgroundColor: t.color.card,
     },
     // ── BottomNav ──────────────────────────────────────────────────────────────────────────────
@@ -52,7 +52,7 @@ const folha = criarFolha((t) => ({
     barra: {
         position: "absolute", bottom: 0, zIndex: t.size.zSticky,
         flexDirection: "row", gap: t.size.space1, margin: t.size.space4, padding: t.size.space1,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusControl), backgroundColor: t.color.card,
         boxShadow: [t.shadow.shadowMd],
     },
@@ -226,7 +226,7 @@ const folha = criarFolha((t) => ({
     //   indicador (secundária)          border-bottom 2px na cor de destaque → `fioDoEscolhido`
     abasSecundarias: {
         flexDirection: "row", gap: t.size.space1,
-        borderBottomWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderBottomWidth: t.size.borderWidth, borderColor: "transparent",
     },
     abaSecundaria: {
         alignItems: "center", justifyContent: "center", minHeight: t.size.controlHMd,
@@ -240,8 +240,8 @@ const folha = criarFolha((t) => ({
     bolinha: {
         width: 32, height: 32, marginBottom: t.size.space2,
         alignItems: "center", justifyContent: "center", ...canto(t.size.radiusFull),
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        backgroundColor: t.color.surface1,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        backgroundColor: misturaOpaca(t.color.foreground, t.color.background, 0.2),
     },
 }));
 /**
@@ -393,7 +393,8 @@ export function BottomNav({ items, current, variant = "floating", indicator = "n
                         backgroundColor: t.color.popover, boxShadow: [t.shadow.shadowMd],
                     },
                     ativo && indicator === "circle-outline" && {
-                        borderWidth: t.size.borderWidth, borderColor: t.color.primaryEmphasis,
+                        borderWidth: t.size.borderWidth, borderColor: "transparent",
+                        backgroundColor: comOpacidade(t.color.primaryEmphasis, 0.10),
                     },
                     ativo && capsula && { backgroundColor: t.color.primary },
                 ], children: [it.icon && _jsx(Icon, { name: it.icon, size: "lg", color: corDoIcone, weight: ativo ? "fill" : undefined }), it.badge != null && it.badge !== false && (_jsx(View, { style: [s.contador, capsula && s.contadorCapsula], children: typeof it.badge === "number"
@@ -531,8 +532,8 @@ export function Stepper({ items, label, doneIcon = "check", errorIcon = "x-circl
                     : t.color.foreground;
             const miolo = (_jsxs(_Fragment, { children: [_jsx(View, { style: [
                             s.bolinha,
-                            st === "error" && { borderColor: cor },
-                            st === "active" && { borderColor: t.color.primaryEmphasis },
+                            st === "error" && { borderColor: "transparent", backgroundColor: t.color.dangerBg },
+                            st === "active" && { borderColor: "transparent", backgroundColor: comOpacidade(t.color.primary, 0.14) },
                         ], children: st === "done" && doneIcon
                             ? _jsx(Icon, { name: doneIcon, size: "sm", color: cor })
                             : st === "error" && errorIcon

package/dist/numero.js

@@ -48,7 +48,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Platform, TextInput, View } from "react-native";
 import { IconButton } from "./actions.js";
-import { canto, criarFolha, estadoAcessivel } from "./estilos.js";
+import { canto, criarFolha, estadoAcessivel, preenchimento } from "./estilos.js";
 import { useCampo } from "./inputs.js";
 import { useAureaStrings, useAureaTokens, usePeleSobreAMarca } from "./theme.js";
 // 0.32.0: o campo comum na altura de TOQUE, como o `Input` (40 · 48 · 56; era 32 · 36 · 40). O
@@ -80,14 +80,14 @@ const folha = criarFolha((t) => ({
     // não cabe em 64dp — nem aqui nem na web**, e é para isso que existe o `fullWidth`.
     campo: {
         width: t.size.space16, textAlign: "center",
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
         // A mesma correção de Android do `Input` do Lote 4 — ver `inputs.tsx:280-296`.
         paddingVertical: 0, textAlignVertical: "center",
     },
     campoLargo: { width: undefined, flex: 1, minWidth: t.size.space16 },
     campoDisplay: { width: t.size.space24 },
-    invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
+    invalido: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     desabilitado: { opacity: t.size.opacityDisabled },
 }));
 // ─────────────────────────────────────────────────────────────────────────────────────────────

package/dist/overlays.js

@@ -79,7 +79,7 @@ const folha = criarFolha((t) => ({
     // título 18 em peso médio e descrição 16 (no componente).
     superficie: {
         width: "100%", maxWidth: 560, padding: t.size.space5,
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         ...canto(t.size.radiusCard),
         backgroundColor: t.color.popover,
         ...(t.shadow.shadowLg ? { boxShadow: [t.shadow.shadowLg] } : null),
@@ -117,8 +117,8 @@ const folha = criarFolha((t) => ({
         backgroundColor: t.color.surface1,
         ...(t.shadow.shadowLg ? { boxShadow: [t.shadow.shadowLg] } : null),
     },
-    gavetaDireita: { right: 0, borderLeftWidth: t.size.borderWidth, borderLeftColor: t.color.border },
-    gavetaEsquerda: { left: 0, borderRightWidth: t.size.borderWidth, borderRightColor: t.color.border },
+    gavetaDireita: { right: 0, borderLeftWidth: t.size.borderWidth, borderLeftColor: "transparent" },
+    gavetaEsquerda: { left: 0, borderRightWidth: t.size.borderWidth, borderRightColor: "transparent" },
     folhaBaixo: {
         position: "absolute", left: 0, right: 0, bottom: 0,
         maxHeight: "90%",
@@ -131,7 +131,7 @@ const folha = criarFolha((t) => ({
         // do telefone. Decisão do Victor, olhando as duas na bancada. A lista do `Select` e a folha do
         // `Combobox` sobem do mesmo jeito e levam o mesmo token.
         ...cantosDeCima(t.size.radiusSheet),
-        borderTopWidth: t.size.borderWidth, borderTopColor: t.color.border,
+        borderTopWidth: t.size.borderWidth, borderTopColor: "transparent",
         ...(t.shadow.shadowLg ? { boxShadow: [t.shadow.shadowLg] } : null),
     },
     folhaSemPuxador: { paddingTop: t.size.space5 },

package/dist/sistema.js

@@ -35,7 +35,7 @@ import { Linking, Platform, Pressable, View } from "react-native";
 import RNDateTimePicker, { DateTimePickerAndroid } from "@react-native-community/datetimepicker";
 import * as ImagePicker from "expo-image-picker";
 import { IconButton } from "./actions.js";
-import { canto, criarFolha, estadoAcessivel } from "./estilos.js";
+import { canto, criarFolha, estadoAcessivel, preenchimento } from "./estilos.js";
 import { Alert } from "./feedback.js";
 import { Icon } from "./icon.js";
 import { alturaDoTamanho, respiroDoTamanho, useCampo } from "./inputs.js";
@@ -45,10 +45,10 @@ import { useAureaStrings, useAureaTokens } from "./theme.js";
 const folha = criarFolha((t) => ({
     gatilho: {
         flexDirection: "row", alignItems: "center", justifyContent: "space-between",
-        width: "100%", borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        ...canto(t.size.radiusControl), backgroundColor: t.color.fieldBg,
+        width: "100%", borderWidth: t.size.borderWidth, borderColor: "transparent",
+        ...canto(t.size.radiusControl), backgroundColor: preenchimento(t, 2),
     },
-    invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
+    invalido: { borderColor: "transparent", backgroundColor: t.color.dangerBg },
     // No navegador o texto e o ícone vão numa caixa escondida do leitor de tela (E16): a mesma
     // fileira do gatilho, ocupando a largura dele.
     mioloWeb: { flex: 1, flexDirection: "row", alignItems: "center", justifyContent: "space-between" },
@@ -70,8 +70,8 @@ const folha = criarFolha((t) => ({
     adicionar: {
         alignItems: "center", justifyContent: "center", gap: t.size.space1,
         width: t.size.space16, height: t.size.space16, ...canto(t.size.radiusLg),
-        borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
-        borderStyle: "dashed", backgroundColor: t.color.fieldBg,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
+        borderStyle: "dashed", backgroundColor: preenchimento(t, 2),
     },
 }));
 /**

package/dist/theme.d.ts

@@ -161,6 +161,12 @@ export declare function TemaDentro({ tema, children }: {
  *
  * ⚠ **O texto digitado e o marcador de dica ficam da MESMA cor**, porque só existe uma tinta. É
  * perda real de hierarquia, declarada e não escondida: sobre o amarelo não há segunda cor.
+ *
+ * ⚠ **Sem linha (16/10/2026, o Victor: "quero tudo sem borda sem exceções").** O contorno da tinta
+ * saiu, e sem ele o campo sumia no amarelo (fundo transparente, nenhuma linha). Agora o campo é a
+ * TINTA a 14% sobre o amarelo — o amarelo um pouco mais escuro, como o campo fora do cartão é a
+ * superfície um pouco diferente da página. A 1.4.11 (3:1 para o limite do campo), que só o contorno
+ * alcançava, deixa de ser cumprida aqui, como em todo campo sem linha: decisão do Victor, ADR-0072.
  */
 export declare function usePeleSobreAMarca(): {
     borderColor: string;

package/dist/theme.js

@@ -2,6 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useColorScheme } from "react-native";
 import { IconRegistryProvider } from "./icon.js";
+import { comOpacidade } from "./estilos.js";
 import { defaultStrings } from "./strings.js";
 import { resolverTokens, } from "./tokens.js";
 // `comfortable` não é gosto: MEDIDO em 02/09/2026, os 8 tokens de densidade do `comfortable` são
@@ -182,10 +183,16 @@ export function TemaDentro({ tema, children }) {
  *
  * ⚠ **O texto digitado e o marcador de dica ficam da MESMA cor**, porque só existe uma tinta. É
  * perda real de hierarquia, declarada e não escondida: sobre o amarelo não há segunda cor.
+ *
+ * ⚠ **Sem linha (16/10/2026, o Victor: "quero tudo sem borda sem exceções").** O contorno da tinta
+ * saiu, e sem ele o campo sumia no amarelo (fundo transparente, nenhuma linha). Agora o campo é a
+ * TINTA a 14% sobre o amarelo — o amarelo um pouco mais escuro, como o campo fora do cartão é a
+ * superfície um pouco diferente da página. A 1.4.11 (3:1 para o limite do campo), que só o contorno
+ * alcançava, deixa de ser cumprida aqui, como em todo campo sem linha: decisão do Victor, ADR-0072.
  */
 export function usePeleSobreAMarca() {
     const marca = useSobreAMarca();
     return marca == null
         ? null
-        : { borderColor: marca.tinta, backgroundColor: "transparent", color: marca.tinta };
+        : { borderColor: "transparent", backgroundColor: comOpacidade(marca.tinta, 0.14), color: marca.tinta };
 }

package/dist/toast.js

@@ -74,7 +74,7 @@ const folha = criarFolha((t) => ({
         // 0.32.0: 16 de recheio, o do aviso do nativo da referência (era 14, o da web antiga).
         flexDirection: "row", alignItems: "center", gap: 11, padding: t.size.space4,
         maxWidth: 360, width: "100%", alignSelf: "flex-end",
-        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderWidth: t.size.borderWidth, borderColor: "transparent",
         // HER-02 (06/10/2026): era `radiusLg` (16). O aviso é superfície flutuante, e superfície
         // flutuante é 22 na identidade da Aurea (`CLAUDE.md` §5). A referência usa 24.
         ...canto(t.size.radiusCard),

package/package.json

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