@aurea-uds/native 0.13.0 → 0.15.0

package/dist/numero.js

@@ -50,8 +50,10 @@ import { IconButton } from "./actions.js";
 import { criarFolha, estadoAcessivel } from "./estilos.js";
 import { useCampo } from "./inputs.js";
 import { useAureaStrings, useAureaTokens, usePeleSobreAMarca } from "./theme.js";
-const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg : t.size.controlHMd;
-const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textSm : s === "lg" ? t.size.textLg : t.size.textBase; // ADR-0050: um degrau acima da web
+const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg
+    : s === "display" ? t.size.controlHXl : t.size.controlHMd;
+const fonteDoTamanho = (t, s) => s === "sm" ? t.size.textSm : s === "lg" ? t.size.textLg
+    : s === "display" ? t.size.text3xl : t.size.textBase; // ADR-0050: um degrau acima da web
 const folha = criarFolha((t) => ({
     // 🔴 ELE ESTICAVA, E NÃO DEVIA — achado em 12/09/2026, olhando a primeira imagem da vitrine.
     //
@@ -79,6 +81,7 @@ const folha = criarFolha((t) => ({
         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 },
     desabilitado: { opacity: t.size.opacityDisabled },
 }));
@@ -250,6 +253,7 @@ export function NumberField({ value, defaultValue, onValueChange, min, max, step
     const strings = useAureaStrings();
     const campo = useCampo();
     const tam = size ?? campo?.size ?? "md";
+    const tamDoBotao = tam === "display" ? "lg" : tam;
     const inativo = disabled ?? campo?.disabled;
     const [interno, setInterno] = React.useState(defaultValue ?? null);
     const numero = value !== undefined ? value : interno;
@@ -355,14 +359,15 @@ export function NumberField({ value, defaultValue, onValueChange, min, max, step
     // (`aurea.css:685`), com os dois botões FORA dela. O estado que faltava é o deles; a geometria
     // continua sendo a nossa.
     const [focado, setFocado] = React.useState(false);
-    return (_jsxs(View, { testID: testID, style: [s.grupo, fullWidth && s.grupoLargo, inativo && s.desabilitado, style], children: [mostrarBotoes && (_jsx(IconButton, { name: icons.decrement, label: strings.decrement, appearance: "ghost", size: tam, disabled: inativo || noLimite(-1), onPress: () => empurrar(-1), testID: testID ? `${testID}-menos` : undefined })), _jsx(TextInput, { testID: testID ? `${testID}-campo` : undefined, value: mostrar, onChangeText: digitar, onFocus: () => { setFocado(true); setEmEdicao(paraEdicao(numero, locale)); }, onBlur: () => { setFocado(false); confirmar(); }, editable: !inativo && !readOnly, placeholder: placeholder, placeholderTextColor: peleDaMarca?.color ?? t.color.subtleForeground, keyboardType: keyboardType ?? tecladoPadrao, 
+    return (_jsxs(View, { testID: testID, style: [s.grupo, fullWidth && s.grupoLargo, inativo && s.desabilitado, style], children: [mostrarBotoes && (_jsx(IconButton, { name: icons.decrement, label: strings.decrement, appearance: "ghost", size: tamDoBotao, disabled: inativo || noLimite(-1), onPress: () => empurrar(-1), testID: testID ? `${testID}-menos` : undefined })), _jsx(TextInput, { testID: testID ? `${testID}-campo` : undefined, value: mostrar, onChangeText: digitar, onFocus: () => { setFocado(true); setEmEdicao(paraEdicao(numero, locale)); }, onBlur: () => { setFocado(false); confirmar(); }, editable: !inativo && !readOnly, placeholder: placeholder, placeholderTextColor: peleDaMarca?.color ?? t.color.subtleForeground, keyboardType: keyboardType ?? tecladoPadrao, 
                 // O nome vem do `Field`, como em todo controle deste pacote — e `label` cobre quem usa o
                 // campo solto. Sem um dos dois, é um nó anônimo para o leitor de tela.
                 accessibilityLabel: label ?? campo?.label, accessibilityHint: campo?.hint, ...estadoAcessivel({ disabled: !!inativo }), "aria-invalid": campo?.invalido, style: [
                     s.campo,
+                    tam === "display" && s.campoDisplay,
                     fullWidth && s.campoLargo,
                     { height: alturaDoTamanho(t, tam), fontSize: fonteDoTamanho(t, tam),
-                        fontFamily: t.font.ui[400], color: t.color.foreground },
+                        fontFamily: t.font.ui[tam === "display" ? 600 : 400], color: t.color.foreground },
                     campo?.invalido && s.invalido,
                     // A ORDEM IMPORTA e é a mesma do `Input` do Lote 4: o inválido vem antes, o foco
                     // depois. Um campo inválido que está sendo corrigido tem de mostrar que está ativo —
@@ -373,5 +378,5 @@ export function NumberField({ value, defaultValue, onValueChange, min, max, step
                     // O foco continua existindo, por espessura.
                     peleDaMarca,
                     peleDaMarca && focado && { borderWidth: t.size.borderWidth * 2 },
-                ] }), mostrarBotoes && (_jsx(IconButton, { name: icons.increment, label: strings.increment, appearance: "ghost", size: tam, disabled: inativo || noLimite(1), onPress: () => empurrar(1), testID: testID ? `${testID}-mais` : undefined }))] }));
+                ] }), mostrarBotoes && (_jsx(IconButton, { name: icons.increment, label: strings.increment, appearance: "ghost", size: tamDoBotao, disabled: inativo || noLimite(1), onPress: () => empurrar(1), testID: testID ? `${testID}-mais` : undefined }))] }));
 }

package/dist/overlays.js

@@ -63,7 +63,7 @@ import { IconButton } from "./actions.js";
 import { RecuoDaFolha } from "./screen.js";
 import { Text } from "./text.js";
 import { useAureaStrings, useAureaTokens, ForaDaMarca } from "./theme.js";
-import { useReduceMotion } from "./movimento.js";
+import { useReduceMotion, driverNativo } from "./movimento.js";
 const folha = criarFolha((t) => ({
     fundo: { flex: 1, backgroundColor: t.color.overlay },
     // 🔴 O FUNDO TOCÁVEL VIROU IRMÃO, NÃO ANCESTRAL — 10/09/2026, e a razão está no bloco
@@ -226,7 +226,7 @@ export function Drawer({ open, title, children, onClose, side = "right", scroll
             return;
         }
         const laco = Animated.timing(progresso, {
-            toValue: 1, duration: DURACAO, useNativeDriver: true,
+            toValue: 1, duration: DURACAO, useNativeDriver: driverNativo(),
             easing: Easing.bezier(...t.easing.easeEmphasized),
         });
         laco.start();
@@ -289,7 +289,7 @@ export function BottomSheet({ open, title, children, onClose, grabber = true, dr
                 return;
             }
             Animated.timing(arrasto, {
-                toValue: 0, duration: DURACAO, useNativeDriver: true,
+                toValue: 0, duration: DURACAO, useNativeDriver: driverNativo(),
                 easing: Easing.bezier(...t.easing.easeEmphasized),
             }).start();
         },

package/dist/sistema.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type StyleProp, type ViewStyle } from "react-native";
-import { type IconName } from "./icon.js";
+import { type AureaIcon } from "./icon.js";
 import { type AureaFieldSize } from "./inputs.js";
 export interface DatePickerProps {
     value?: Date;
@@ -14,7 +14,7 @@ export interface DatePickerProps {
     /** Como a data vira texto no gatilho. Padrão: o formato do aparelho. */
     format?: (d: Date) => string;
     placeholder?: string;
-    icon?: IconName | false;
+    icon?: AureaIcon | false;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
@@ -56,8 +56,8 @@ export interface PhotoInputProps {
     offerSettings?: boolean;
     /** Avisado quando a permissão foi negada — o app pode querer contar uma história própria. */
     onPermissionDenied?: () => void;
-    addIcon?: IconName | false;
-    removeIcon?: IconName;
+    addIcon?: AureaIcon | false;
+    removeIcon?: AureaIcon;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
@@ -78,5 +78,17 @@ export interface PhotoInputProps {
  * | **quantas** cabem? | uma | `max` |
  *
  * ⚠ **O gatilho some quando o limite é atingido**, em vez de ficar aceso e não fazer nada.
+ *
+ * **R-22 (02/10/2026), achado do app: a pessoa não conseguia OLHAR a foto que escolheu.** A
+ * miniatura era um `Avatar` redondo de 42, sem toque, e o X (sem fundo, só 8 para fora) cobria
+ * metade dela. Agora, na "B" da prancha escolhida pelo Victor:
+ *
+ * | | |
+ * |---|---|
+ * | miniatura | quadrada de 64, a `Image` da `Gallery` (o `Avatar` `lg` do HeroUI) |
+ * | tocar nela | abre a foto grande, no MESMO zoom da `Gallery` (`FotoAmpliada`) |
+ * | o X | com fundo, TODO fora da foto, no canto de cima à direita |
+ * | leitor de tela | *"Foto 2 de 3"* (com uma só, *"Foto"*) e *"Abre a foto"*; o X, *"Remover foto 2"* |
+ * | inativo | a foto ainda abre (olhar não muda nada); o X não remove |
  */
 export declare function PhotoInput({ value, onChange, max, source, disabled, offerSettings, onPermissionDenied, addIcon, removeIcon, style, testID, }: PhotoInputProps): React.JSX.Element;

package/dist/sistema.js

@@ -35,11 +35,11 @@ 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 { Avatar } from "./display.js";
 import { criarFolha, estadoAcessivel } from "./estilos.js";
 import { Alert } from "./feedback.js";
 import { Icon } from "./icon.js";
 import { useCampo } from "./inputs.js";
+import { FotoAmpliada, Image } from "./midia.js";
 import { Text } from "./text.js";
 import { useAureaStrings, useAureaTokens } from "./theme.js";
 const folha = criarFolha((t) => ({
@@ -50,16 +50,28 @@ const folha = criarFolha((t) => ({
     },
     invalido: { borderColor: t.color.danger400 ?? t.color.destructive },
     desabilitado: { opacity: t.size.opacityDisabled },
-    galeria: { flexDirection: "row", flexWrap: "wrap", gap: t.size.space2 },
-    miniatura: { position: "relative" },
-    remover: { position: "absolute", top: -t.size.space2, right: -t.size.space2 },
+    // R-22 (02/10/2026), a "B" da prancha: miniatura QUADRADA de 64 — o `Avatar` `lg` do HeroUI
+    // Native, e a medida que o botão de pôr foto passou a ter também (era 72, número à mão) — e o X
+    // TODO FORA da foto. O X é o `IconButton` `sm` (30) com fundo; a área de toque dele é de 44
+    // (`targetMin`), com o desenho no centro, então o deslocamento que põe o canto do DESENHO no
+    // canto da foto é (30 + 44) / 2. A grade deixa esse espaço em cima, à direita e entre as linhas,
+    // porque no Android o toque fora da caixa do pai não chega.
+    galeria: {
+        flexDirection: "row", flexWrap: "wrap", columnGap: t.size.space4,
+        rowGap: foraDoX(t) + t.size.space2,
+    },
+    comX: { paddingTop: foraDoX(t), paddingRight: foraDoX(t) },
+    miniatura: { position: "relative", width: t.size.space16 },
+    remover: { position: "absolute", top: -foraDoX(t), right: -foraDoX(t) },
     adicionar: {
         alignItems: "center", justifyContent: "center", gap: t.size.space1,
-        width: 72, height: 72, borderRadius: t.size.radiusMd,
+        width: t.size.space16, height: t.size.space16, borderRadius: t.size.radiusLg,
         borderWidth: t.size.borderWidth, borderColor: t.color.borderStrong,
         borderStyle: "dashed", backgroundColor: t.color.fieldBg,
     },
 }));
+/** Quanto o X do `PhotoInput` sai da foto: metade do desenho (30) mais metade do alvo (44). */
+const foraDoX = (t) => (t.size.controlHSm + Math.max(t.size.controlHSm, t.size.targetMin)) / 2;
 const alturaDoTamanho = (t, s) => s === "sm" ? t.size.controlHSm : s === "lg" ? t.size.controlHLg : t.size.controlHMd;
 /**
  * O campo de data — **a nossa pele, o calendário DELES**.
@@ -133,6 +145,18 @@ export function DatePicker({ value, onChange, mode = "date", minimumDate, maximu
  * | **quantas** cabem? | uma | `max` |
  *
  * ⚠ **O gatilho some quando o limite é atingido**, em vez de ficar aceso e não fazer nada.
+ *
+ * **R-22 (02/10/2026), achado do app: a pessoa não conseguia OLHAR a foto que escolheu.** A
+ * miniatura era um `Avatar` redondo de 42, sem toque, e o X (sem fundo, só 8 para fora) cobria
+ * metade dela. Agora, na "B" da prancha escolhida pelo Victor:
+ *
+ * | | |
+ * |---|---|
+ * | miniatura | quadrada de 64, a `Image` da `Gallery` (o `Avatar` `lg` do HeroUI) |
+ * | tocar nela | abre a foto grande, no MESMO zoom da `Gallery` (`FotoAmpliada`) |
+ * | o X | com fundo, TODO fora da foto, no canto de cima à direita |
+ * | leitor de tela | *"Foto 2 de 3"* (com uma só, *"Foto"*) e *"Abre a foto"*; o X, *"Remover foto 2"* |
+ * | inativo | a foto ainda abre (olhar não muda nada); o X não remove |
  */
 export function PhotoInput({ value = [], onChange, max = 1, source = "camera", disabled, offerSettings = true, onPermissionDenied, addIcon = "camera", removeIcon = "x", style, testID, }) {
     const t = useAureaTokens();
@@ -141,7 +165,12 @@ export function PhotoInput({ value = [], onChange, max = 1, source = "camera", d
     const campo = useCampo();
     const inativo = disabled ?? campo?.disabled;
     const [negadoDeVez, setNegadoDeVez] = React.useState(false);
+    const [aberta, setAberta] = React.useState(null);
     const cheio = value.length >= max;
+    // "Foto 2 de 3": a posição entre as que EXISTEM, e não entre as que cabem (`max`).
+    const nomeDa = (n) => value.length > 1
+        ? `${strings.photo} ${n + 1} ${strings.positionOf} ${value.length}` : strings.photo;
+    const fotoAberta = aberta != null ? value[aberta] : undefined;
     const escolher = React.useCallback(async () => {
         if (source === "camera") {
             const atual = await ImagePicker.getCameraPermissionsAsync();
@@ -166,5 +195,7 @@ export function PhotoInput({ value = [], onChange, max = 1, source = "camera", d
             .map((a) => ({ uri: a.uri, width: a.width, height: a.height }));
         onChange?.([...value, ...novas]);
     }, [source, max, value, onChange, onPermissionDenied]);
-    return (_jsxs(View, { testID: testID, style: style, children: [negadoDeVez && (_jsx(Alert, { variant: "warning", children: _jsxs(View, { style: { gap: t.size.space2 }, children: [_jsx(Text, { size: "sm", tone: "muted", children: strings.cameraDenied }), offerSettings && (_jsx(Pressable, { onPress: () => Linking.openSettings(), accessibilityRole: "button", accessibilityLabel: strings.openSettings, children: _jsx(Text, { size: "sm", weight: 600, tone: "primary", children: strings.openSettings }) }))] }) })), _jsxs(View, { style: s.galeria, children: [value.map((foto, n) => (_jsxs(View, { style: s.miniatura, children: [_jsx(Avatar, { source: foto.uri, size: "lg", alt: "" }), _jsx(View, { style: s.remover, children: _jsx(IconButton, { appearance: "ghost", size: "sm", name: removeIcon, label: strings.photoRemove, onPress: () => onChange?.(value.filter((_, i) => i !== n)) }) })] }, foto.uri))), !cheio && (_jsx(Pressable, { onPress: inativo ? undefined : escolher, disabled: inativo, accessibilityRole: "button", accessibilityLabel: campo?.label, ...estadoAcessivel({ disabled: !!inativo }), style: [s.adicionar, inativo && s.desabilitado], children: addIcon && _jsx(Icon, { name: addIcon, size: "lg", color: t.color.subtleForeground }) }))] })] }));
+    return (_jsxs(View, { testID: testID, style: style, children: [negadoDeVez && (_jsx(Alert, { variant: "warning", children: _jsxs(View, { style: { gap: t.size.space2 }, children: [_jsx(Text, { size: "sm", tone: "muted", children: strings.cameraDenied }), offerSettings && (_jsx(Pressable, { onPress: () => Linking.openSettings(), accessibilityRole: "button", accessibilityLabel: strings.openSettings, children: _jsx(Text, { size: "sm", weight: 600, tone: "primary", children: strings.openSettings }) }))] }) })), _jsxs(View, { style: [s.galeria, value.length > 0 && s.comX], children: [value.map((foto, n) => (_jsxs(View, { style: s.miniatura, children: [_jsx(Pressable, { onPress: () => setAberta(n), accessibilityRole: "imagebutton", accessibilityLabel: nomeDa(n), accessibilityHint: strings.photoOpen, children: _jsx(Image, { source: foto.uri, alt: "", ratio: 1 }) }), _jsx(View, { style: s.remover, children: _jsx(IconButton, { appearance: "solid", size: "sm", name: removeIcon, label: `${strings.photoRemove} ${n + 1}`, disabled: inativo, onPress: () => onChange?.(value.filter((_, i) => i !== n)) }) })] }, `${foto.uri}-${n}`))), !cheio && (_jsx(Pressable, { onPress: inativo ? undefined : escolher, disabled: inativo, accessibilityRole: "button", accessibilityLabel: campo?.label ?? strings.photoAdd, ...estadoAcessivel({ disabled: !!inativo }), style: [s.adicionar, inativo && s.desabilitado], children: addIcon && _jsx(Icon, { name: addIcon, size: "lg", color: t.color.subtleForeground }) }))] }), _jsx(FotoAmpliada, { source: fotoAberta?.uri, title: aberta != null ? nomeDa(aberta) : "", alt: aberta != null ? nomeDa(aberta) : "", 
+                // A proporção da foto, quando a câmera a deu: a grande aparece inteira, sem tarja à toa.
+                ratio: fotoAberta?.width && fotoAberta.height ? fotoAberta.width / fotoAberta.height : 1, onClose: () => setAberta(null) })] }));
 }

package/dist/strings.d.ts

@@ -32,8 +32,18 @@ export interface AureaStrings {
     cameraDenied: string;
     /** O botão que leva às configurações do app. */
     openSettings: string;
-    /** O rótulo do botão que tira uma foto anexada. */
+    /** O rótulo do botão que tira uma foto anexada. O número da foto vem depois (R-22). */
     photoRemove: string;
+    /**
+     * O nome de cada miniatura do `PhotoInput` (R-22): *"Foto 2 de 3"* — com uma foto só, só
+     * *"Foto"*. O `positionOf` é a mesma chave da web.
+     */
+    photo: string;
+    positionOf: string;
+    /** O que a miniatura faz, dito pelo leitor de tela depois do nome (R-22). */
+    photoOpen: string;
+    /** O nome do botão de pôr foto quando ele não está num `Field` (R-22): sem isto, ficava mudo. */
+    photoAdd: string;
     /**
      * O botão que revela a senha no `PasswordField`, e o que a esconde de volta. Mesmos nomes da
      * web (`pure.tsx`), porque é a mesma peça com a mesma decisão: **o rótulo é que anuncia o
@@ -83,6 +93,17 @@ export interface AureaStrings {
     searchClear: string;
     /** O nome da grade de fotos da `Gallery`. Mesmo nome da web. */
     galleryLabel: string;
+    /**
+     * O texto do gatilho do `FileInput` (R-21). **Não existe na web**: lá a área de soltar diz
+     * *"Arraste arquivos aqui ou clique para selecionar"*, e no telefone não há o que arrastar.
+     */
+    fileChoose: string;
+    /** O botão que tira um arquivo escolhido; o nome do arquivo vem depois. Mesmo nome da web. */
+    fileRemove: string;
+    /** O aviso do arquivo maior que o `maxSize`. Mesmo nome — e mesma frase — da web. */
+    fileTooLarge: string;
+    /** O aviso do arquivo de um tipo que o `accept` não aceita. Mesmo nome e frase da web. */
+    fileWrongType: string;
     /** A frase de cada estado universal. */
     universalState: Record<AureaUniversalState, string>;
 }

package/dist/strings.js

@@ -38,6 +38,10 @@ export const defaultStrings = {
     cameraDenied: "Camera access is off. Turn it on in Settings to attach a photo.",
     openSettings: "Open Settings",
     photoRemove: "Remove photo",
+    photo: "Photo",
+    positionOf: "of",
+    photoOpen: "Opens the photo",
+    photoAdd: "Add photo",
     passwordShow: "Show password",
     passwordHide: "Hide password",
     close: "Close",
@@ -56,6 +60,10 @@ export const defaultStrings = {
     comboboxSearch: "Search",
     searchClear: "Clear search",
     galleryLabel: "Gallery",
+    fileChoose: "Choose file",
+    fileRemove: "Remove",
+    fileTooLarge: "File exceeds the size limit",
+    fileWrongType: "File type not allowed",
     universalState: {
         waiting_user: "Waiting for someone to act.",
         waiting_approval: "Waiting for approval.",
@@ -78,6 +86,10 @@ export const ptBR = {
     cameraDenied: "O acesso à câmera está desligado. Ligue nas configurações para anexar uma foto.",
     openSettings: "Abrir configurações",
     photoRemove: "Remover foto",
+    photo: "Foto",
+    positionOf: "de",
+    photoOpen: "Abre a foto",
+    photoAdd: "Adicionar foto",
     passwordShow: "Mostrar senha",
     passwordHide: "Ocultar senha",
     close: "Fechar",
@@ -96,6 +108,10 @@ export const ptBR = {
     comboboxSearch: "Buscar",
     searchClear: "Limpar busca",
     galleryLabel: "Galeria",
+    fileChoose: "Escolher arquivo",
+    fileRemove: "Remover",
+    fileTooLarge: "Arquivo maior que o limite",
+    fileWrongType: "Tipo de arquivo não aceito",
     universalState: {
         waiting_user: "Esperando alguém agir.",
         waiting_approval: "Esperando aprovação.",

package/dist/text.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 //
 // É o **bloqueio 3** da §5.2 do NATIVE.md, e a razão dele é estrutural, não de escopo:
 //
-//   web:    body { font-family:var(--font-ui); font-size:var(--text-md);
+//   web:    body { font-family:var(--font-ui); font-size:var(--text-sm);
 //                  line-height:var(--leading-normal) }        ← e TODO <p>/<span>/<h1> herda
 //   nativo: não há cascata de estilo de texto através de `View`, e não há `<p>`.
 //

package/dist/toast.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type StyleProp, type ViewStyle } from "react-native";
-import { type IconName } from "./icon.js";
+import { type AureaIcon } from "./icon.js";
 import { type AureaAlertVariant } from "./feedback.js";
 /** As mesmas quatro faces do `AureaToastType` da web (`system.tsx:65`). */
 export type AureaToastType = AureaAlertVariant;
@@ -17,7 +17,7 @@ export interface AureaToastInput {
     /** 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;
+    icon?: AureaIcon | false;
 }
 export interface AureaToast extends AureaToastInput {
     id: string;

package/dist/toast.js

@@ -60,7 +60,7 @@ 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 { useReduceMotion, driverNativo } from "./movimento.js";
 import { Text } from "./text.js";
 import { useAureaStrings, useAureaTokens } from "./theme.js";
 const folha = criarFolha((t) => ({
@@ -185,7 +185,7 @@ export function Toast({ toast, onClose }) {
             return;
         }
         const laco = Animated.timing(entrada, {
-            toValue: 1, duration: ENTRADA, useNativeDriver: true,
+            toValue: 1, duration: ENTRADA, useNativeDriver: driverNativo(),
             easing: Easing.bezier(...t.easing.easeEmphasized),
         });
         laco.start();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/native",
-  "version": "0.13.0",
+  "version": "0.15.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",
@@ -36,6 +36,10 @@
       "types": "./dist/sistema.d.ts",
       "import": "./dist/sistema.js"
     },
+    "./system/file": {
+      "types": "./dist/arquivo.d.ts",
+      "import": "./dist/arquivo.js"
+    },
     "./icons": {
       "types": "./icons/index.d.ts",
       "import": "./icons/index.js"
@@ -51,10 +55,11 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@aurea-uds/tokens": "^0.13.0"
+    "@aurea-uds/tokens": "^0.15.0"
   },
   "peerDependencies": {
     "@react-native-community/datetimepicker": ">=8",
+    "expo-document-picker": ">=12",
     "expo-image-picker": ">=16",
     "react": ">=19",
     "react-native": ">=0.76",
@@ -64,6 +69,7 @@
   "devDependencies": {
     "@phosphor-icons/core": "2.1.1",
     "@react-native-community/datetimepicker": "9.1.0",
+    "expo-document-picker": "57.0.3",
     "expo-image-picker": "57.0.15",
     "react": "^19.2.0",
     "react-native": "^0.87.1",
@@ -74,6 +80,9 @@
     "@react-native-community/datetimepicker": {
       "optional": true
     },
+    "expo-document-picker": {
+      "optional": true
+    },
     "expo-image-picker": {
       "optional": true
     }