@aurea-uds/native 0.7.0

package/dist/toast.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+import { type IconName } from "./icon.js";
+import { type AureaAlertVariant } from "./feedback.js";
+/** As mesmas quatro faces do `AureaToastType` da web (`system.tsx:65`). */
+export type AureaToastType = AureaAlertVariant;
+export interface AureaToastInput {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    type?: AureaToastType;
+    /**
+     * Quanto tempo fica, em ms. **`0` nunca fecha sozinho**, e é o que um aviso com `action` tem de
+     * usar: um botão que foge da mão em cinco segundos é um botão que não existe para quem lê
+     * devagar, para quem usa leitor de tela, ou para quem só olhou para o lado.
+     */
+    duration?: number;
+    /** Uma ação curta — "Desfazer". Ver o aviso sobre `duration` acima. */
+    action?: React.ReactNode;
+    /** Deixe de fora para não desenhar ícone nenhum; sem isto vem o do tipo. */
+    icon?: IconName | false;
+}
+export interface AureaToast extends AureaToastInput {
+    id: string;
+}
+export interface AureaToastManager {
+    /** Põe um aviso na pilha e devolve o `id`, que serve para fechá-lo antes da hora. */
+    add: (aviso: AureaToastInput) => string;
+    /** Tira um aviso pelo `id`. Chamar com um `id` que já saiu não faz nada. */
+    close: (id: string) => void;
+    /** A pilha, do mais antigo para o mais novo. */
+    toasts: readonly AureaToast[];
+}
+/**
+ * O gerente de avisos. **Precisa de um `ToastHost` acima na árvore.**
+ *
+ * ⚠ Sem hospedeiro ele LEVANTA em vez de devolver um gerente mudo — ver o cabeçalho deste
+ * arquivo. O aviso que não aparece é o defeito que ninguém descobre.
+ */
+export declare function useToast(): AureaToastManager;
+export interface ToastHostProps {
+    children?: React.ReactNode;
+    /** Quantos avisos cabem ao mesmo tempo. Passando disso, o mais ANTIGO sai. */
+    max?: number;
+    /** O padrão de `duration` para quem não passa um. */
+    duration?: number;
+    /**
+     * Quanto subir a pilha. Use quando houver `BottomNav`: sem isto o aviso nasce em cima da barra
+     * e tapa justamente o que a pessoa ia tocar.
+     */
+    offset?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Hospeda a pilha de avisos e o estado dela.
+ *
+ * ⚠ **Ele desenha um `View` com `flex: 1` em volta dos filhos** — é o preço de não haver portal
+ * no React Native, e ele está dito aqui em vez de escondido no `AureaProvider`. Ponha-o o mais
+ * alto que puder, dentro do provider.
+ *
+ * ⚠ **O respiro de baixo é `Math.max`, não soma** — mesma conta do `BottomNav` (Lote 3): a barra
+ * de gestos e o nosso espaçamento ocupam o MESMO espaço, e somar os dois empurra o aviso para o
+ * meio da tela.
+ */
+export declare function ToastHost({ children, max, duration, offset, style, testID, }: ToastHostProps): React.JSX.Element;
+/**
+ * Um aviso da pilha. Exportado porque o hospedeiro o desenha e porque um teste precisa alcançá-lo
+ * — não porque o app deva montá-lo à mão: quem cria aviso é o `useToast`.
+ *
+ * ⚠ **`danger` é `role="alert"`; o resto é `status`** — a mesma regra do `Alert` do Lote 2, e ela
+ * vem do fonte da web, não do CSS. E no Android o papel sozinho não faz o leitor falar sem foco:
+ * quem faz é a região viva.
+ */
+export declare function Toast({ toast, onClose }: {
+    toast: AureaToast;
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/toast.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Aurea nativo — o **aviso passageiro**: `ToastHost`, `useToast` e o `Toast` que a pilha desenha.
+//
+// Lote 5 do `NATIVE.md` §5.5. Na web isto é `useToast`, e o motor é o gerente de avisos do Base
+// UI (`@base-ui/react/toast`), montado pelo `AureaProvider` num portal. **Aqui não há nem um nem
+// outro**, e as duas ausências decidem a API deste arquivo.
+//
+// ── AUSÊNCIA 1: NÃO HÁ PORTAL ────────────────────────────────────────────────────────────────
+//
+// Na web o `AureaProvider` pendura a pilha no fim do `<body>` com um portal, e por isso ela flutua
+// sobre tudo sem o app saber. O React Native **não tem portal**: um componente só desenha onde
+// está na árvore.
+//
+// ⚠ **A saída óbvia seria fazer o `AureaProvider` desenhar a pilha, e ela está ERRADA.** Medido
+// no `theme.tsx:158-160`: hoje o provider devolve **só contextos** — nenhum `View`. Pôr um `View`
+// lá dentro mudaria o layout de **todo app que já usa a Aurea**, sem que nada acusasse: um
+// contêiner novo entre a raiz e o primeiro filho é exatamente a mudança que quebra um `flex: 1`
+// e aparece como "por que minha tela encolheu?" três dias depois. É a terceira vez que um lote
+// mexeria na superfície de outro (o `Screen` já ganhou props no Lote 3); desta vez a resposta é
+// não.
+//
+// Então a pilha tem um hospedeiro PRÓPRIO e EXPLÍCITO, que o app põe onde quer:
+//
+//     <AureaProvider>
+//       <ToastHost>          {/* este é o `View` novo, e ele está à vista */}
+//         <MinhaApp/>
+//       </ToastHost>
+//     </AureaProvider>
+//
+// O nome diz o que ele faz — hospeda. Quem não chama `useToast` não põe o `ToastHost`, não paga
+// o `View`, e nada muda.
+//
+// ⚠ **E `useToast()` sem hospedeiro LEVANTA**, com a frase que diz o que fazer. Devolver um
+// `add()` que não faz nada seria o defeito mais caro possível: o aviso de "salvo" que nunca
+// aparece não quebra nada, não aparece em teste, e some no meio de um fluxo que parecia certo.
+//
+// ── AUSÊNCIA 2: NÃO HÁ `prefers-reduced-motion` ──────────────────────────────────────────────
+//
+// Mesma regra do Lote 2, e mesma armadilha: a entrada só anima quando `useReduceMotion()` devolve
+// `false` — `null` (ainda lendo) trata-se como "não anime".
+//
+// ⚠ **Mas o TEMPO não é movimento, e a distinção importa:** com "remover animações" ligado o
+// aviso ainda some sozinho depois de `duration`. Quem pediu menos movimento não pediu que o aviso
+// ficasse na tela para sempre.
+//
+// ── O QUE FOI MEDIDO NA WEB, COM A LINHA ─────────────────────────────────────────────────────
+//   .toast-stack   aurea.css:1586  fixo no canto de baixo, 22 de margem, min(360, 100vw-44), gap 10
+//   .toast         :1586           linha, gap 11, padding 14, raio LG (não o de card), fundo
+//                                  `popover`, sombra MD, transição .28s
+//   .toast-text    :1586           coluna, gap 2
+//   .toast-info/success/warning/danger :1595-1598  borda tingida + fundo semântico
+//
+// E o comentário do CSS (aurea.css:1587-1594) diz de onde veio o tingimento: **reusado do
+// `.alert`/`.banner`, não inventado**. Aqui ele é reusado de novo — os mesmos pares
+// `<x>Bg`/`<x>` que o `Alert` do Lote 2 usa (`feedback.tsx:60-63`).
+import * as React from "react";
+import { Animated, Easing, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { IconButton } from "./actions.js";
+import { criarFolha } from "./estilos.js";
+import { Icon } from "./icon.js";
+import { ICONE_DA_VARIANTE } from "./feedback.js";
+import { useReduceMotion } from "./movimento.js";
+import { Text } from "./text.js";
+import { useAureaStrings, useAureaTokens } from "./theme.js";
+const folha = criarFolha((t) => ({
+    hospedeiro: { flex: 1 },
+    pilha: {
+        position: "absolute", left: 0, right: 0, bottom: 0,
+        paddingHorizontal: 22, gap: 10,
+        zIndex: t.size.zToast,
+    },
+    aviso: {
+        flexDirection: "row", alignItems: "center", gap: 11, padding: 14,
+        maxWidth: 360, width: "100%", alignSelf: "flex-end",
+        borderWidth: t.size.borderWidth, borderColor: t.color.border,
+        borderRadius: t.size.radiusLg,
+        backgroundColor: t.color.popover,
+        ...(t.shadow.shadowMd ? { boxShadow: [t.shadow.shadowMd] } : null),
+    },
+    texto: { flex: 1, minWidth: 0, gap: 2 },
+    aviso_info: { backgroundColor: t.color.infoBg, borderColor: t.color.info },
+    aviso_success: { backgroundColor: t.color.successBg, borderColor: t.color.success },
+    aviso_warning: { backgroundColor: t.color.warningBg, borderColor: t.color.warning },
+    aviso_danger: {
+        backgroundColor: t.color.dangerBg,
+        borderColor: t.color.danger400 ?? t.color.destructive,
+    },
+}));
+/** Quanto um aviso fica na tela sem `duration`. */
+const DURACAO_PADRAO = 5000;
+/** A entrada, nos mesmos `.28s` do `.toast` do CSS. */
+const ENTRADA = 280;
+const Ctx = React.createContext(null);
+/**
+ * O gerente de avisos. **Precisa de um `ToastHost` acima na árvore.**
+ *
+ * ⚠ Sem hospedeiro ele LEVANTA em vez de devolver um gerente mudo — ver o cabeçalho deste
+ * arquivo. O aviso que não aparece é o defeito que ninguém descobre.
+ */
+export function useToast() {
+    const v = React.useContext(Ctx);
+    if (!v) {
+        throw new Error("useToast() precisa de um <ToastHost> acima na árvore. " +
+            "Ponha <ToastHost> dentro do <AureaProvider>, envolvendo o app.");
+    }
+    return v;
+}
+/**
+ * Hospeda a pilha de avisos e o estado dela.
+ *
+ * ⚠ **Ele desenha um `View` com `flex: 1` em volta dos filhos** — é o preço de não haver portal
+ * no React Native, e ele está dito aqui em vez de escondido no `AureaProvider`. Ponha-o o mais
+ * alto que puder, dentro do provider.
+ *
+ * ⚠ **O respiro de baixo é `Math.max`, não soma** — mesma conta do `BottomNav` (Lote 3): a barra
+ * de gestos e o nosso espaçamento ocupam o MESMO espaço, e somar os dois empurra o aviso para o
+ * meio da tela.
+ */
+export function ToastHost({ children, max = 3, duration = DURACAO_PADRAO, offset = 0, style, testID, }) {
+    const t = useAureaTokens();
+    const s = folha(t);
+    const inset = useSafeAreaInsets();
+    const [avisos, setAvisos] = React.useState([]);
+    const proximo = React.useRef(0);
+    // Os relógios vivem numa `ref` porque fechar um aviso à mão tem de PARAR o dele — senão o
+    // relógio dispara depois, sobre um `id` que já saiu, e no dia em que os `id` forem reusados ele
+    // fecha o aviso errado.
+    const relogios = React.useRef(new Map()).current;
+    const close = React.useCallback((id) => {
+        const r = relogios.get(id);
+        if (r) {
+            clearTimeout(r);
+            relogios.delete(id);
+        }
+        setAvisos((atual) => atual.filter((a) => a.id !== id));
+    }, [relogios]);
+    const add = React.useCallback((entrada) => {
+        const id = `aurea-toast-${proximo.current++}`;
+        const aviso = { ...entrada, id };
+        setAvisos((atual) => {
+            const proxima = [...atual, aviso];
+            // Corta pelo começo: o aviso mais NOVO é o que a pessoa está esperando ver.
+            const excedentes = proxima.slice(0, Math.max(0, proxima.length - max));
+            for (const e of excedentes) {
+                const r = relogios.get(e.id);
+                if (r) {
+                    clearTimeout(r);
+                    relogios.delete(e.id);
+                }
+            }
+            return proxima.slice(-max);
+        });
+        const ms = entrada.duration ?? duration;
+        if (ms > 0)
+            relogios.set(id, setTimeout(() => close(id), ms));
+        return id;
+    }, [max, duration, close, relogios]);
+    React.useEffect(() => () => {
+        for (const r of relogios.values())
+            clearTimeout(r);
+        relogios.clear();
+    }, [relogios]);
+    const gerente = React.useMemo(() => ({ add, close, toasts: avisos }), [add, close, avisos]);
+    return (_jsx(Ctx.Provider, { value: gerente, children: _jsxs(View, { style: [s.hospedeiro, style], testID: testID, children: [children, avisos.length > 0 ? (_jsx(View, { pointerEvents: "box-none", style: [s.pilha, { paddingBottom: Math.max(22, inset.bottom) + offset }], testID: testID ? `${testID}-pilha` : undefined, children: avisos.map((a) => _jsx(Toast, { toast: a, onClose: () => close(a.id) }, a.id)) })) : null] }) }));
+}
+/**
+ * Um aviso da pilha. Exportado porque o hospedeiro o desenha e porque um teste precisa alcançá-lo
+ * — não porque o app deva montá-lo à mão: quem cria aviso é o `useToast`.
+ *
+ * ⚠ **`danger` é `role="alert"`; o resto é `status`** — a mesma regra do `Alert` do Lote 2, e ela
+ * vem do fonte da web, não do CSS. E no Android o papel sozinho não faz o leitor falar sem foco:
+ * quem faz é a região viva.
+ */
+export function Toast({ toast, onClose }) {
+    const t = useAureaTokens();
+    const s = folha(t);
+    const strings = useAureaStrings();
+    const reduzir = useReduceMotion();
+    const entrada = React.useRef(new Animated.Value(0)).current;
+    const tipo = toast.type ?? "info";
+    React.useEffect(() => {
+        if (reduzir !== false) {
+            entrada.setValue(1);
+            return;
+        }
+        const laco = Animated.timing(entrada, {
+            toValue: 1, duration: ENTRADA, useNativeDriver: true,
+            easing: Easing.bezier(...t.easing.easeEmphasized),
+        });
+        laco.start();
+        return () => laco.stop();
+    }, [reduzir, entrada, t.easing.easeEmphasized]);
+    const corDoIcone = tipo === "success" ? t.color.success
+        : tipo === "warning" ? t.color.warning
+            : tipo === "danger" ? (t.color.danger400 ?? t.color.destructive)
+                : t.color.info;
+    const glifo = toast.icon === false ? null : (toast.icon ?? ICONE_DA_VARIANTE[tipo]);
+    return (_jsxs(Animated.View, { accessible: true, ...(tipo === "danger" ? { accessibilityRole: "alert" } : null), accessibilityLiveRegion: tipo === "danger" ? "assertive" : "polite", style: [
+            s.aviso, s[`aviso_${tipo}`],
+            // Os mesmos 12dp de baixo que o `.toast[data-starting-style]` da web usa.
+            { opacity: entrada, transform: [{ translateY: entrada.interpolate({
+                            inputRange: [0, 1], outputRange: [12, 0],
+                        }) }] },
+        ], testID: `toast-${toast.id}`, children: [glifo ? _jsx(Icon, { name: glifo, size: "md", color: corDoIcone }) : null, _jsxs(View, { style: s.texto, children: [_jsx(Text, { size: "sm", weight: 600, children: toast.title }), toast.description != null
+                        ? (typeof toast.description === "string"
+                            ? _jsx(Text, { size: "sm", tone: "muted", children: toast.description })
+                            : toast.description)
+                        : null] }), toast.action, _jsx(IconButton, { name: "close", label: strings.dismissNotification, appearance: "ghost", size: "sm", onPress: onClose })] }));
+}

package/dist/tokens.d.ts

@@ -0,0 +1,71 @@
+export type AureaThemeName = "dark" | "light";
+export type AureaDensity = "compact" | "comfortable" | "spacious";
+/** Sombra no formato do `boxShadow` do RN 0.76+, que a Etapa 2 mediu ser 1:1 com o CSS. */
+export type AureaShadow = {
+    offsetX: number;
+    offsetY: number;
+    blurRadius: number;
+    spreadDistance: number;
+    color: string;
+};
+/**
+ * Peso -> nome de família que o `fontFamily` do RN aceita. **Total de propósito:** pedir um peso
+ * nunca devolve `undefined`, porque `fontFamily: undefined` cai na fonte de sistema em silêncio,
+ * que é a classe de defeito que este pacote inteiro existe para não ter.
+ *
+ * O que chega de fora **não** é total — ver `AureaFontInput` e `normalizarEscala`.
+ */
+export type AureaFontScale = Record<400 | 500 | 600 | 700, string> & {
+    /** Só o papel `ui` tem itálico no pacote de fontes; nos outros é `undefined`. */
+    italic?: string;
+};
+/**
+ * O que o consumidor INJETA, e é parcial porque o pacote de fontes é parcial — medido em
+ * 03/09/2026 no `@aurea-uds/fonts/native`:
+ *
+ *     ui         400  400i  500  600  700
+ *     editorial            500  600  700      ← não há 400
+ *     code       400       500  600           ← não há 700
+ *
+ * É a grade que o IBM Plex desenha, não um esquecimento nosso.
+ */
+export type AureaFontInput = Partial<Record<"400" | "500" | "600" | "700" | "400i", string>>;
+export type AureaTokens = {
+    theme: AureaThemeName;
+    density: AureaDensity;
+    /** Cores em **hex**, e só hex. Ver a nota sobre a ADR-0027 abaixo. */
+    color: Record<string, string>;
+    /** Todo token numérico, em dp — espaçamento, raio, tipografia, altura, duração, camada. */
+    size: Record<string, number>;
+    /** Família por papel de tipografia e peso. */
+    font: {
+        ui: AureaFontScale;
+        editorial: AureaFontScale;
+        code: AureaFontScale;
+    };
+    /** `boxShadow` do RN 0.76+. */
+    shadow: Record<string, 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`. */
+    tracking: Record<string, number>;
+    /** 1rem em dp. Medido no navegador (raiz sem `font-size` = 16px), não presumido. */
+    remInDp: number;
+};
+/** O mapa que o consumidor injeta para o texto sair no IBM Plex. Ver `AureaProviderProps`. */
+export type AureaFontFamilies = {
+    ui: AureaFontInput;
+    editorial: AureaFontInput;
+    code: AureaFontInput;
+};
+/**
+ * Resolve os tokens para um par (tema, densidade). Puro e sem estado: o provider chama isto
+ * dentro de um `useMemo` e o resultado é o que os componentes leem.
+ *
+ * **Cor sai em `hex`, e isso não é escolha nossa.** A ADR-0027 mediu o interpretador de cor do
+ * próprio React Native rodando no Node: ele RECUSA `oklch()`, `lab()`, `color(display-p3 …)` e
+ * até `color(srgb …)` — nas versões 0.81.5 e 0.87.0, e é JavaScript compartilhado entre iOS e
+ * Android. Passar `p3` a um `style` faz a cor ser DESCARTADA, em silêncio. Os campos `p3` e
+ * `oklch` seguem no alvo de tokens como intenção registrada; aqui eles não passam.
+ */
+export declare function resolverTokens(theme: AureaThemeName, density: AureaDensity, fontFamilies?: AureaFontFamilies): AureaTokens;

package/dist/tokens.js

@@ -0,0 +1,100 @@
+// Aurea nativo — resolver os tokens para UM par (tema, densidade).
+//
+// Lote 0 do NATIVE.md, sobre a ADR-0037 (`StyleSheet` puro, a camada de tema é NOSSA).
+//
+// É AQUI que a cascata que o CSS dá de graça deixa de existir. Na web, `data-theme` e
+// `data-density` no `<html>` reescrevem custom properties e todo `var()` abaixo enxerga o valor
+// novo, resolvido no USO. No React Native não há cascata, não há `var()` e não há ligação tardia:
+// alguém tem de escolher, uma vez, qual dos três valores de `--control-h-md` é o valor. Esse
+// alguém é esta função.
+//
+// A PRECEDÊNCIA É MEDIDA, não convencionada — e é a razão de o `mesclar` existir em vez de um
+// spread solto. Rodado sobre `@aurea-uds/tokens/native` em 02/09/2026:
+//   • 8 nomes existem no `base` E na densidade — controlH{Xs,Sm,Md,Lg,Xl}, rowH, cardPad,
+//     sectionGap. No CSS a densidade ganha;
+//   • 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";
+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
+// `base` importado, que é do módulo de tokens e não é nosso para mutar.
+function mesclar(...grupos) {
+    return Object.assign({}, ...grupos);
+}
+const PESOS = [400, 500, 600, 700];
+/**
+ * Fecha a grade parcial que o pacote de fontes emite numa escala TOTAL.
+ *
+ * Existe por um defeito concreto, achado em 03/09/2026 ao escrever o app de smoke test: o tipo
+ * prometia os quatro pesos para os três papéis, e o mapa real não tem `editorial[400]` nem
+ * `code[700]`. Quem pedisse recebia `undefined`, o RN cairia na fonte de sistema **em silêncio**,
+ * e a tela pareceria certa num peso e errada noutro — a classe de defeito mais cara deste alvo,
+ * porque não levanta e não some.
+ *
+ * A queda é para o peso mais PRÓXIMO que existe, e em empate para o mais leve: pedir 400 num
+ * papel que só tem 500+ devolve o 500, e não o 700 — engordar o texto é mais visível do que
+ * afiná-lo. Sem nenhum peso, cai na família crua do token, que é o comportamento de quem não
+ * injetou mapa nenhum.
+ */
+function normalizarEscala(entrada, familiaCrua) {
+    const disponiveis = PESOS.filter((p) => entrada?.[String(p)]);
+    const escala = {};
+    for (const p of PESOS) {
+        const exato = entrada?.[String(p)];
+        if (exato) {
+            escala[p] = exato;
+            continue;
+        }
+        const perto = disponiveis
+            .slice()
+            .sort((a, b) => Math.abs(a - p) - Math.abs(b - p) || a - b)[0];
+        escala[p] = (perto && entrada?.[String(perto)]) || familiaCrua;
+    }
+    const italico = entrada?.["400i"];
+    if (italico)
+        escala.italic = italico;
+    return escala;
+}
+/**
+ * Resolve os tokens para um par (tema, densidade). Puro e sem estado: o provider chama isto
+ * dentro de um `useMemo` e o resultado é o que os componentes leem.
+ *
+ * **Cor sai em `hex`, e isso não é escolha nossa.** A ADR-0027 mediu o interpretador de cor do
+ * próprio React Native rodando no Node: ele RECUSA `oklch()`, `lab()`, `color(display-p3 …)` e
+ * até `color(srgb …)` — nas versões 0.81.5 e 0.87.0, e é JavaScript compartilhado entre iOS e
+ * Android. Passar `p3` a um `style` faz a cor ser DESCARTADA, em silêncio. Os campos `p3` e
+ * `oklch` seguem no alvo de tokens como intenção registrada; aqui eles não passam.
+ */
+export function resolverTokens(theme, density, fontFamilies) {
+    const cru = mesclar(base, themes[theme], densities[density]);
+    const color = {};
+    const size = {};
+    const shadow = {};
+    const easing = {};
+    const texto = {};
+    for (const [nome, valor] of Object.entries(cru)) {
+        if (ehCor(valor))
+            color[nome] = valor.hex;
+        else if (ehSombra(valor))
+            shadow[nome] = valor;
+        else if (typeof valor === "number")
+            size[nome] = valor;
+        else if (Array.isArray(valor))
+            easing[nome] = valor;
+        else if (typeof valor === "string")
+            texto[nome] = valor;
+        // Nada cai fora: o check do validador cobra que a classificação seja total, porque um token
+        // que some daqui some do app sem ninguém acusar.
+    }
+    // Sem mapa injetado, a família CRUA do token preenche os quatro pesos: é o token dizendo
+    // "IBM Plex Sans", que no aparelho vira Regular ou fonte de sistema. Honesto e previsível —
+    // e é por isso que o `fontFamilies` do provider existe.
+    const font = {
+        ui: normalizarEscala(fontFamilies?.ui, texto.fontUi ?? "System"),
+        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 };
+}

package/icons/4K--filled.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const Icon4KFilled: (props: AureaIconProps) => React.ReactElement;
+export default Icon4KFilled;

package/icons/4K--filled.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function Icon4KFilled({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M28,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM14,21H12V17H8V11h2v4h2V11h2Zm10.19,0H22l-2.09-4.06L19,18.27V21H17V11h2v4.39L22,11h2.19l-3,4.38Z", fill: color})
+  );
+}

package/icons/4K.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const Icon4K: (props: AureaIconProps) => React.ReactElement;
+export default Icon4K;

package/icons/4K.js

@@ -0,0 +1,12 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function Icon4K({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M12 11.03 12 15.03 10 15.03 10 11.03 8 11.03 8 17.03 12 17.03 12 21.03 14 21.03 14 11.03 12 11.03z", fill: color}),
+    React.createElement(Path, {d: "M24.19 11.03 22 11.03 19 15.42 19 11.03 17 11.03 17 21.03 19 21.03 19 18.3 19.91 16.97 22 21.03 24.19 21.03 21.2 15.41 24.19 11.03z", fill: color}),
+    React.createElement(Path, {d: "M28,26H4a2,2,0,0,1-2-2V8A2,2,0,0,1,4,6H28a2,2,0,0,1,2,2V24A2,2,0,0,1,28,26ZM4,8V24H28V8Z", fill: color})
+  );
+}

package/icons/AI-enabled-EDT.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const AIEnabledEDT: (props: AureaIconProps) => React.ReactElement;
+export default AIEnabledEDT;

package/icons/AI-enabled-EDT.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function AIEnabledEDT({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M18,20v-2h1v-7h-1v-2h4v2h-1v7h1v2h-4ZM14.5005,20h2l-3.5005-11h-3l-3.4966,11h1.9988l.6018-2h4.7781l.6184,2ZM9.7058,16l1.6284-5.4111.2559-.0024,1.6736,5.4136h-3.5579ZM12,30H0V0h30v20h-2V2H2v26h10v2ZM28,24c-1.0684,0-2.0723.416-2.8701,1.2158l-1.1305,1.2772-1.1713-1.3212c-.7559-.7559-1.7598-1.1718-2.8281-1.1718-2.2061,0-4,1.7939-4,4s1.7939,4,4,4c1.0684,0,2.0723-.4161,2.8701-1.2159l1.1305-1.2772,1.1713,1.3212c.7559.7559,1.7598,1.1719,2.8281,1.1719,2.2061,0,4-1.7939,4-4s-1.7939-4-4-4ZM21.4141,29.4141c-.3779.3779-.8799.5859-1.4141.5859-1.1025,0-2-.8975-2-2s.8975-2,2-2c.5342,0,1.0361.208,1.3721.542l1.2931,1.4586s-1.2511,1.4135-1.2511,1.4135ZM28,30c-.5342,0-1.0361-.208-1.3721-.542l-1.2931-1.4586,1.2511-1.4135c.3779-.3779.8799-.5859,1.4141-.5859,1.1025,0,2,.8975,2,2s-.8975,2-2,2Z", fill: color})
+  );
+}

package/icons/AI-enabled-PDLC.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const AIEnabledPDLC: (props: AureaIconProps) => React.ReactElement;
+export default AIEnabledPDLC;

package/icons/AI-enabled-PDLC.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function AIEnabledPDLC({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M19,18v-7h-1v-2h4v2h-1v7h1v2h-4v-2h1ZM10,9h3l3.5005,11h-2l-.6184-2h-4.7781l-.6018,2h-1.9988l3.4966-11ZM11.3342,10.5889l-1.6284,5.4111h3.5579s-1.6736-5.4135-1.6736-5.4135l-.2559.0024ZM0,0v30h16v-2H2V2h26v22c0,1.1025-.8975,2-2,2h-3.1718s2.5859-2.586,2.5859-2.586l-1.4141-1.414-5,5,5,5,1.4141-1.4142-2.5859-2.5859h3.1718c2.2061,0,4-1.7938,4-3.9999V0H0Z", fill: color})
+  );
+}

package/icons/AI.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const AI: (props: AureaIconProps) => React.ReactElement;
+export default AI;

package/icons/AI.js

@@ -0,0 +1,11 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function AI({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {strokeWidth: "0", d: "M17 11 20 11 20 21 17 21 17 23 25 23 25 21 22 21 22 11 25 11 25 9 17 9 17 11z", fill: color}),
+    React.createElement(Path, {strokeWidth: "0", d: "m13,9h-4c-1.103,0-2,.897-2,2v12h2v-5h4v5h2v-12c0-1.103-.897-2-2-2Zm-4,7v-5h4v5h-4Z", fill: color})
+  );
+}

package/icons/API--1.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const API1: (props: AureaIconProps) => React.ReactElement;
+export default API1;

package/icons/API--1.js

@@ -0,0 +1,12 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function API1({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M8,9H4a2,2,0,0,0-2,2V23H4V18H8v5h2V11A2,2,0,0,0,8,9ZM4,16V11H8v5Z", fill: color}),
+    React.createElement(Path, {d: "M22 11 25 11 25 21 22 21 22 23 30 23 30 21 27 21 27 11 30 11 30 9 22 9 22 11z", fill: color}),
+    React.createElement(Path, {d: "M14,23H12V9h6a2,2,0,0,1,2,2v5a2,2,0,0,1-2,2H14Zm0-7h4V11H14Z", fill: color})
+  );
+}

package/icons/ASM.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const ASM: (props: AureaIconProps) => React.ReactElement;
+export default ASM;

package/icons/ASM.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function ASM({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M8,9h-4c-1.103,0-2,.897-2,2v12h2v-5h4v5h2v-12c0-1.103-.897-2-2-2ZM4,16v-5h4v5h-4ZM20,21v-4c0-1.103-.897-2-2-2h-4v-4h6v-2h-6c-1.103,0-2,.897-2,2v4c0,1.103.897,2,2,2h4v4h-6v2h6c1.103,0,2-.8975,2-2ZM28,9l-1.5151,5-.4849,1.977-.465-1.977-1.535-5h-2v14h2v-8l-.1585-1.9961.5797,1.9961,1.5788,4.6262,1.5788-4.6263.5801-2-.1588,2v8h2v-14h-2.0001Z", fill: color})
+  );
+}

package/icons/BPMN-compensation--fill.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const BPMNCompensationFill: (props: AureaIconProps) => React.ReactElement;
+export default BPMNCompensationFill;

package/icons/BPMN-compensation--fill.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function BPMNCompensationFill({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M16,8v16c0,.3691-.2031.708-.5283.8818-.3247.1729-.7197.1543-1.0264-.0498L2.4453,16.832c-.2783-.1855-.4453-.498-.4453-.832,0-.3345.167-.6465.4453-.832L14.4453,7.168c.3066-.2041.7017-.2236,1.0264-.0498.3252.1743.5283.5132.5283.8818ZM29.4717,7.1182c-.3242-.1743-.7207-.1548-1.0264.0498l-12,8c-.2783.1855-.4453.4976-.4453.832,0,.334.167.6465.4453.832l12,8c.167.1113.3604.168.5547.168.1621,0,.3242-.0391.4717-.1182.3252-.1738.5283-.5127.5283-.8818V8c0-.3687-.2031-.7075-.5283-.8818Z", fill: color})
+  );
+}

package/icons/BPMN-compensation--outline.d.ts

@@ -0,0 +1,6 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import type * as React from "react";
+import type {AureaIconProps} from "./props.js";
+declare const BPMNCompensationOutline: (props: AureaIconProps) => React.ReactElement;
+export default BPMNCompensationOutline;

package/icons/BPMN-compensation--outline.js

@@ -0,0 +1,10 @@
+// GERADO por packages/native/build-icons-native.mjs. NÃO EDITAR.
+// Glifo do @carbon/icons (IBM Corp., Apache-2.0) — ver NOTICE. Desenho copiado sem alteração.
+import * as React from "react";
+import Svg, {Path} from "react-native-svg";
+
+export default function BPMNCompensationOutline({size = 32, color = "#000000", ...rest}) {
+  return React.createElement(Svg, {width: size, height: size, viewBox: "0 0 32 32", ...rest},
+    React.createElement(Path, {d: "M29,25c-.1943,0-.3877-.0566-.5547-.168l-12-8c-.2783-.1855-.4453-.498-.4453-.832v8c0,.3691-.2031.708-.5283.8818-.3247.1729-.7197.1543-1.0264-.0498L2.4453,16.832c-.2783-.1855-.4453-.498-.4453-.832,0-.3345.167-.6465.4453-.832L14.4453,7.168c.3066-.2041.7017-.2236,1.0264-.0498.3252.1743.5283.5132.5283.8818v8c0-.3345.167-.6465.4453-.832l12-8c.3057-.2046.7021-.2241,1.0264-.0498.3252.1743.5283.5132.5283.8818v16c0,.3691-.2031.708-.5283.8818-.1475.0791-.3096.1182-.4717.1182ZM18.8027,16l9.1973,6.1318v-12.2632l-9.1973,6.1313ZM4.8027,16l9.1973,6.1318v-12.2632l-9.1973,6.1313Z", fill: color})
+  );
+}