@acvl/mobile-components 0.0.4 → 0.0.6

package/src/formularios/SelectorDeOpcion.tsx

@@ -15,6 +15,7 @@ import IconoDeRenglon from "../componentes/IconoDeRenglon";
 import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
 import { Text, TextInput } from "../texto";
 import { CajaDeCampo } from "./campos";
+import { useTextos } from "../idioma";
 
 /** Una opción de una lista: lo que se guarda (`value`) y lo que se lee (`label`). */
 export interface Opcion {
@@ -111,7 +112,7 @@ function HojaDeOpciones<T extends Opcion>({
     onTocar,
     detalle,
     grupo,
-    vacio = "Nada que coincida.",
+    vacio,
     encabezado,
     pie,
 }: {
@@ -133,12 +134,13 @@ function HojaDeOpciones<T extends Opcion>({
     const c = usePaleta();
     const styles = useStyles();
     const insets = useSafeAreaInsets();
+    const t = useTextos();
 
     return (
         <Modal visible={abierto} animationType="slide" onRequestClose={onCerrar}>
             <View style={[styles.hoja, { paddingTop: insets.top + 10 }]}>
                 <View style={styles.cabecera}>
-                    <TouchableOpacity onPress={onCerrar}>
+                    <TouchableOpacity onPress={onCerrar} accessibilityLabel={t.comun.atras}>
                         <MaterialIcons name="arrow-back" size={45} color={c.primary} />
                     </TouchableOpacity>
                     <Text style={styles.titulo}>{etiqueta}</Text>
@@ -146,7 +148,7 @@ function HojaDeOpciones<T extends Opcion>({
                 <TextInput
                     value={texto}
                     onChangeText={onBuscar}
-                    placeholder="Buscar"
+                    placeholder={t.comun.buscar}
                     placeholderTextColor={c.secondaryLight}
                     autoCorrect={false}
                     autoCapitalize="characters"
@@ -163,7 +165,12 @@ function HojaDeOpciones<T extends Opcion>({
                     }}
                     ListHeaderComponent={encabezado}
                     ListEmptyComponent={
-                        cargando ? null : <EstadoVacio icono="magnify" titulo={vacio} />
+                        cargando ? null : (
+                            <EstadoVacio
+                                icono="magnify"
+                                titulo={vacio ?? t.listas.nadaQueCoincida}
+                            />
+                        )
                     }
                     renderItem={({ item, index }) => {
                         const rotulo = grupo?.(item);
@@ -217,6 +224,7 @@ function RenglonDelSelector({
 }) {
     const c = usePaleta();
     const styles = useStyles();
+    const t = useTextos();
     return (
         <CajaDeCampo
             etiqueta={etiqueta}
@@ -227,7 +235,9 @@ function RenglonDelSelector({
             pendiente={pendiente}
         >
             <View style={styles.renglon}>
-                <Text style={[styles.valor, !texto && styles.sinValor]}>{texto ?? "Elegir…"}</Text>
+                <Text style={[styles.valor, !texto && styles.sinValor]}>
+                    {texto ?? t.comun.elegir}
+                </Text>
                 <IconoDeRenglon
                     name="chevron-down"
                     fontSize={tipografia.subtitulo}
@@ -253,13 +263,14 @@ export default function SelectorDeOpcion<T extends Opcion>(props: PropsDeSelecto
         detalle,
         grupo,
         opcional,
-        textoDeNinguno = "Ninguno",
+        textoDeNinguno,
         vacio,
         disabled,
         accesorio,
         resaltarVacio,
     } = props;
     const styles = useStyles();
+    const t = useTextos();
     const [abierto, setAbierto] = React.useState(false);
     const { texto, buscar, visibles } = useBuscador(props);
 
@@ -296,7 +307,9 @@ export default function SelectorDeOpcion<T extends Opcion>(props: PropsDeSelecto
                 encabezado={
                     opcional ? (
                         <Pressable onPress={() => elegir(null)} style={styles.opcion}>
-                            <Text style={styles.opcionNombre}>{textoDeNinguno}</Text>
+                            <Text style={styles.opcionNombre}>
+                                {textoDeNinguno ?? t.comun.ninguno}
+                            </Text>
                         </Pressable>
                     ) : null
                 }
@@ -329,6 +342,7 @@ export function SelectorDeVarias<T extends Opcion>(props: PropsDeSelectorDeVaria
     } = props;
     const [abierto, setAbierto] = React.useState(false);
     const [marcadas, setMarcadas] = React.useState<T[]>(valor);
+    const t = useTextos();
     const { texto, buscar, visibles } = useBuscador(props);
 
     const abrir = () => {
@@ -377,7 +391,7 @@ export function SelectorDeVarias<T extends Opcion>(props: PropsDeSelectorDeVaria
                             cerrar();
                         }}
                     >
-                        {marcadas.length ? `Listo (${marcadas.length})` : "Listo"}
+                        {marcadas.length ? t.listas.listoCon(marcadas.length) : t.comun.listo}
                     </BotonGrande>
                 }
             />

package/src/formularios/campos.tsx

@@ -12,6 +12,7 @@ import IconoDeRenglon from "../componentes/IconoDeRenglon";
 import OpcionesExcluyentes from "../componentes/OpcionesExcluyentes";
 import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
 import { Text, TextInput } from "../texto";
+import { useTextos } from "../idioma";
 
 /**
  * Los campos de un formulario (un viaje, un tracto, un operador). Cada uno es una caja con su
@@ -245,6 +246,7 @@ export function CampoDeFechaHora({
     const c = usePaleta();
     const styles = useStyles();
     const [eligiendo, setEligiendo] = React.useState<"date" | "time" | null>(null);
+    const t = useTextos();
     // Vacío, el selector arranca en la próxima hora en punto: la hora de ahora no le sirve a nadie.
     const base = valor ?? dayjs().add(1, "hour").startOf("hour").toDate();
 
@@ -296,7 +298,7 @@ export function CampoDeFechaHora({
                             fontSize={tipografia.subtitulo}
                             color={c.secondaryLight}
                         />
-                        <Text style={[styles.textoFecha, styles.sinValor]}>Elegir…</Text>
+                        <Text style={[styles.textoFecha, styles.sinValor]}>{t.comun.elegir}</Text>
                     </View>
                 )}
             </CajaDeCampo>
@@ -335,12 +337,13 @@ export function CampoDeFechaHora({
 /** El «Quitar» de una fecha opcional: la ✕ junto al rótulo, dentro de la caja. */
 function BotonDeQuitar({ onPress }: { onPress: () => void }) {
     const c = usePaleta();
+    const t = useTextos();
     return (
         <Pressable
             onPress={onPress}
             hitSlop={10}
             accessibilityRole="button"
-            accessibilityLabel="Quitar"
+            accessibilityLabel={t.comun.quitar}
         >
             <IconoDeRenglon
                 name="close-circle"
@@ -418,6 +421,7 @@ export function CampoDeFecha({
     const c = usePaleta();
     const styles = useStyles();
     const [eligiendo, setEligiendo] = React.useState(false);
+    const t = useTextos();
     const fecha = valor ? dayjs(valor) : null;
 
     return (
@@ -438,7 +442,7 @@ export function CampoDeFecha({
                         color={fecha ? c.secondary : c.secondaryLight}
                     />
                     <Text style={[styles.textoFecha, !fecha && styles.sinValor]}>
-                        {fecha ? fecha.format("D MMM YYYY") : "Elegir…"}
+                        {fecha ? fecha.format("D MMM YYYY") : t.comun.elegir}
                     </Text>
                 </View>
             </CajaDeCampo>
@@ -528,6 +532,7 @@ export function CampoDeTelefono({
     const styles = useStyles();
     const { entrada, enfocada, enfocar, alEnfocar, alSalir } = useEntradaEnCaja();
     const { lada, digitos } = partirTelefono(valor);
+    const t = useTextos();
     const armar = (nuevaLada: string, nuevosDigitos: string) => {
         const solo = nuevosDigitos.replace(/\D/g, "");
         onCambiar(solo ? `${nuevaLada}${solo}` : null);
@@ -569,7 +574,7 @@ export function CampoDeTelefono({
                         onBlur={alSalir}
                         keyboardType="phone-pad"
                         maxLength={10}
-                        placeholder="10 dígitos"
+                        placeholder={t.campos.diezDigitos}
                         accessibilityLabel={etiqueta}
                         style={styles.texto}
                     />

package/src/formularios/guardado.ts

@@ -3,6 +3,7 @@ import React from "react";
 import type { FieldValues, UseFormReturn } from "react-hook-form";
 import { avisar } from "../dialogos/dialogos";
 import { mensajeDeError, setErrors } from "./errores";
+import { textosActuales } from "../idioma";
 
 /**
  * Lo que comparten los formularios de edición: cómo se compara lo capturado contra lo que vino,
@@ -54,9 +55,10 @@ export function useGuardado<T extends FieldValues>(form: UseFormReturn<T>) {
             router.back();
         } catch (falla) {
             volcarErrores(form, falla);
-            const mensaje = mensajeDeError(falla, "Revisa la señal e intenta de nuevo.");
+            const t = textosActuales();
+            const mensaje = mensajeDeError(falla, t.comun.revisaLaSenal);
             setError(mensaje);
-            await avisar({ titulo: "No se guardó", mensaje, icono: "alert-circle-outline" });
+            await avisar({ titulo: t.edicion.noSeGuardo, mensaje, icono: "alert-circle-outline" });
         }
     };
     return { error, guardar };

package/src/fotos/elegir.ts

@@ -11,6 +11,7 @@ import {
 } from "../camara/elegir";
 import { reducirImagenAdjunta } from "../camara/reducir";
 import { avisar, mostrarDialogo } from "../dialogos/dialogos";
+import { textosActuales } from "../idioma";
 
 /** El tope de un archivo en el servidor (`ConArchivoSubido.TAMANO_MAXIMO`): 25 MB. */
 export const TAMANO_MAXIMO_BYTES = 25 * 1024 * 1024;
@@ -48,10 +49,12 @@ export async function elegirDocumentos({
         const pesa = doc.size ?? new File(doc.uri).size;
         if (pesa > tamanoMaximo) {
             await avisar({
-                titulo: "Archivo demasiado pesado",
-                mensaje:
-                    `«${doc.name}» pesa ${(pesa / (1024 * 1024)).toFixed(1)} MB y el tope son ` +
-                    `${tamanoMaximo / (1024 * 1024)} MB. Elige uno más ligero o tómale una foto.`,
+                titulo: textosActuales().fotos.demasiadoPesado,
+                mensaje: textosActuales().fotos.pesaDeMas(
+                    doc.name,
+                    (pesa / (1024 * 1024)).toFixed(1),
+                    tamanoMaximo / (1024 * 1024),
+                ),
                 icono: "file-alert-outline",
             });
             continue;
@@ -71,7 +74,7 @@ export async function elegirDocumentos({
  * cualquier paso o el archivo no se puede subir (y ya se dijo por qué).
  */
 export async function elegirAdjunto({
-    titulo = "Subir un archivo",
+    titulo,
     permiso,
     tipos,
 }: {
@@ -79,29 +82,30 @@ export async function elegirAdjunto({
     permiso: PermisoDeCamara;
     tipos?: string[];
 }): Promise<ArchivoElegido | null> {
+    const t = textosActuales();
     const origen = await mostrarDialogo<"camara" | "galeria" | "documento" | null>({
-        titulo,
+        titulo: titulo ?? t.fotos.subirArchivo,
         icono: "paperclip",
         botones: [
             {
-                texto: "Tomar una foto",
+                texto: t.fotos.tomarUnaFoto,
                 icono: "camera-outline",
                 estilo: "principal",
                 valor: "camara",
             },
             {
-                texto: "De la galería",
+                texto: t.fotos.deLaGaleria,
                 icono: "image-outline",
                 estilo: "secundario",
                 valor: "galeria",
             },
             {
-                texto: "Un documento",
+                texto: t.fotos.unDocumento,
                 icono: "file-document-outline",
                 estilo: "secundario",
                 valor: "documento",
             },
-            { texto: "Cancelar", estilo: "cancelar", valor: null },
+            { texto: t.comun.cancelar, estilo: "cancelar", valor: null },
         ],
     });
     const elegidos =

package/src/hoja/HojaDeLista.tsx

@@ -13,6 +13,7 @@ import { EnHoja } from "../componentes/Tarjeta";
 import { Buscador } from "../listas/piezas";
 import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
 import { Text } from "../texto";
+import { useTextos } from "../idioma";
 
 /** Lo alto de la hoja: arriba se sigue viendo un poco de la ficha, que dice dónde se está. */
 const ALTO = "85%";
@@ -76,6 +77,7 @@ export default function HojaDeLista<T>({
 }) {
     const c = usePaleta();
     const styles = useStyles();
+    const t = useTextos();
     const hoja = useRef<BottomSheet>(null);
     const insets = useSafeAreaInsets();
 
@@ -123,9 +125,7 @@ export default function HojaDeLista<T>({
             ) : null}
             {acciones}
             {nombres && total != null && renglones.length ? (
-                <Text style={styles.cuenta}>
-                    {total === 1 ? `1 ${nombres[0]}` : `${total} ${nombres[1]}`}
-                </Text>
+                <Text style={styles.cuenta}>{t.listas.cuantos(total, nombres)}</Text>
             ) : null}
         </View>
     );
@@ -134,9 +134,9 @@ export default function HojaDeLista<T>({
         <ActivityIndicator color={c.primary} style={styles.espera} />
     ) : lista.fallo ? (
         <View style={styles.vacio}>
-            <Text style={styles.linea}>No se pudo cargar. Revisa tu señal.</Text>
+            <Text style={styles.linea}>{t.ficha.hojaNoCargo}</Text>
             <BotonGrande icono="refresh" modo="contorno" onPress={lista.onReintentar}>
-                Reintentar
+                {t.comun.reintentar}
             </BotonGrande>
         </View>
     ) : (

package/src/hoja/useMasDeLaFicha.tsx

@@ -1,6 +1,7 @@
 import HojaInferior from "./HojaInferior";
 import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
 import React from "react";
+import { useTextos } from "../idioma";
 import { FilaConContador, SeccionDeFicha } from "../listas/piezas";
 
 /** Una lista de «Más»: su renglón con contador y lo que abre en la hoja. */
@@ -26,13 +27,14 @@ export interface ListaDeLaFicha {
  */
 export function useMasDeLaFicha(listas: ListaDeLaFicha[], subtitulo?: string) {
     // Lo que enseña se queda al cerrarla, para que su título no se vacíe mientras baja.
+    const t = useTextos();
     const [clave, setClave] = React.useState<string | null>(null);
     const [abierta, setAbierta] = React.useState(false);
     const cerrar = React.useCallback(() => setAbierta(false), []);
     const elegida = listas.find((l) => l.clave === clave);
 
     const seccion = listas.length ? (
-        <SeccionDeFicha titulo="Más">
+        <SeccionDeFicha titulo={t.ficha.mas}>
             {listas.map((l) => (
                 <FilaConContador
                     key={l.clave}

package/src/idioma/ProveedorDeIdioma.tsx

@@ -0,0 +1,51 @@
+import React, { createContext, useContext } from "react";
+import TEXTOS, { type Idioma, type Textos } from "./textos";
+
+// ==============================|| IDIOMA ||============================== //
+
+/**
+ * El idioma en el que la librería dibuja lo suyo. La librería **no traduce**: recibe el idioma ya
+ * resuelto y elige diccionario. De dónde sale (el teléfono, un claim del token, lo que el usuario
+ * eligió) y dónde se cambia es asunto de la app. Es el mismo trato que `LocaleProvider` en
+ * `@acvl/frontend-components`.
+ *
+ * Sin proveedor el idioma es español, que es como se comportaba antes de que esto existiera: una
+ * app que no lo monta no cambia en nada.
+ *
+ * @example
+ * <ProveedorDeIdioma idioma={idioma}>
+ *     <Stack />
+ * </ProveedorDeIdioma>
+ */
+const ContextoDeIdioma = createContext<Idioma>("es");
+
+/**
+ * El idioma vigente para lo que corre fuera de un componente (`avisar`, `confirmar`,
+ * `elegirAdjunto`): no pueden leer un contexto. Lo pone el proveedor al pintarse.
+ */
+let idiomaVigente: Idioma = "es";
+
+export function ProveedorDeIdioma({
+    idioma,
+    children,
+}: {
+    idioma: Idioma;
+    children: React.ReactNode;
+}) {
+    // En el render y no en un efecto: un `avisar` que salga del primer render de los hijos ya
+    // tiene que hablar el idioma nuevo. Es idempotente, así que StrictMode no lo descompone.
+    idiomaVigente = idioma;
+    return <ContextoDeIdioma.Provider value={idioma}>{children}</ContextoDeIdioma.Provider>;
+}
+
+/** El idioma activo de la librería. */
+export const useIdiomaDeLaLibreria = (): Idioma => useContext(ContextoDeIdioma);
+
+/**
+ * Los textos de la librería en el idioma activo. Devuelve el diccionario entero y no una función:
+ * `t.comun.cerrar` se autocompleta y una llave mal escrita no compila.
+ */
+export const useTextos = (): Textos => TEXTOS[useContext(ContextoDeIdioma)] ?? TEXTOS.es;
+
+/** Los textos fuera de un componente; dentro de uno, `useTextos`. */
+export const textosActuales = (): Textos => TEXTOS[idiomaVigente] ?? TEXTOS.es;

package/src/idioma/index.ts

@@ -0,0 +1,7 @@
+export {
+    ProveedorDeIdioma,
+    textosActuales,
+    useIdiomaDeLaLibreria,
+    useTextos,
+} from "./ProveedorDeIdioma";
+export { type Idioma, type Textos } from "./textos";

package/src/idioma/textos.ts

@@ -0,0 +1,246 @@
+// ==============================|| TEXTOS DE LA LIBRERÍA ||============================== //
+
+/**
+ * Los textos que la librería dibuja por su cuenta, en los dos idiomas. Es el espejo del de
+ * `@acvl/frontend-components`: un diccionario tipado y no un runtime de i18n, para que cada app
+ * traiga el suyo (o ninguno) sin que la librería le imponga `i18next`. A `en` le falta una llave y
+ * no compila.
+ *
+ * El idioma lo pone la app con `ProveedorDeIdioma`; se lee con `useTextos()` en un componente y con
+ * `textosActuales()` fuera de uno (`avisar`, `elegirAdjunto`).
+ *
+ * Las plantillas van como funciones: el orden de las palabras cambia entre idiomas y una
+ * concatenación en el punto de uso lo fija.
+ */
+
+/** Idiomas que entiende la librería. */
+export type Idioma = "es" | "en";
+
+const es = {
+    comun: {
+        cancelar: "Cancelar",
+        cerrar: "Cerrar",
+        entendido: "Entendido",
+        reintentar: "Reintentar",
+        listo: "Listo",
+        quitar: "Quitar",
+        elegir: "Elegir…",
+        buscar: "Buscar",
+        ninguno: "Ninguno",
+        noDisponible: "N/A",
+        si: "Sí",
+        no: "No",
+        atras: "Atrás",
+        revisaLaSenal: "Revisa tu señal e intenta de nuevo.",
+        noSePudoCargar: "No se pudo cargar",
+    },
+    acceso: {
+        usuario: "Usuario",
+        contrasena: "Contraseña",
+        entrar: "Iniciar Sesión",
+        noSePudo: "No se pudo iniciar sesión. Intente de nuevo.",
+    },
+    perfil: {
+        titulo: "Perfil",
+        apariencia: "Apariencia",
+        telefono: "Teléfono",
+        claro: "Claro",
+        oscuro: "Oscuro",
+        cerrarSesion: "Cerrar sesión",
+    },
+    error: {
+        titulo: "Algo salió mal",
+        mensaje:
+            "Esta pantalla no se pudo abrir. Intenta de nuevo; si vuelve a pasar, avisa a soporte.",
+    },
+    ficha: {
+        noExiste: "No existe",
+        noExisteTexto: "Puede que lo hayan borrado, o que no tengas permiso de verlo.",
+        mas: "Más",
+        hojaNoCargo: "No se pudo cargar. Revisa tu señal.",
+        seccionNoCargo: "No se pudo cargar. Jala la ficha para releer.",
+    },
+    edicion: {
+        sinPermiso: "No tienes permiso",
+        noSePudoCargar: (queEs: string) => `No se pudo cargar ${queEs}`,
+        guardar: "Guardar",
+        guardando: "Guardando…",
+        noSeGuardo: "No se guardó",
+    },
+    listas: {
+        cuantos: (total: number, [uno, varios]: readonly [string, string]) =>
+            total === 1 ? `1 ${uno}` : `${total} ${varios}`,
+        borrarBusqueda: "Borrar búsqueda",
+        filtrosPuestos: (cuenta: number) => `Filtros, ${cuenta} puestos`,
+        filtrosYOrden: "Filtros y orden",
+        filtros: "Filtros",
+        ver: (total: number, [uno, varios]: readonly [string, string]) =>
+            `Ver ${total} ${total === 1 ? uno : varios}`,
+        ordenarPor: "Ordenar por",
+        sentido: "Sentido",
+        ascendente: "Ascendente",
+        descendente: "Descendente",
+        nadaQueCoincida: "Nada que coincida.",
+        listoCon: (n: number) => `Listo (${n})`,
+        masAcciones: "Más acciones",
+    },
+    contacto: {
+        llamar: (nombre: string) => `Llamar a ${nombre}`,
+        whatsapp: (nombre: string) => `WhatsApp a ${nombre}`,
+        correo: (nombre: string) => `Correo a ${nombre}`,
+        direccion: "Dirección",
+        abrirEnElMapa: (donde: string) => `Abrir en el mapa: ${donde}`,
+    },
+    campos: {
+        diezDigitos: "10 dígitos",
+    },
+    fotos: {
+        verLaFoto: "Ver la foto",
+        archivo: (nombre: string) => `Archivo ${nombre}`.trim(),
+        quitarFoto: "Quitar esta foto",
+        quitarArchivo: "Quitar este archivo",
+        guardada: "Guardada en la galería",
+        noSeGuardo: "No se pudo guardar; intentar de nuevo",
+        guardarEnGaleria: "Guardar en la galería",
+        deTotal: (n: number, total: number) => `${n} de ${total}`,
+        tomarFoto: "Tomar foto",
+        tomarUnaFoto: "Tomar una foto",
+        deLaGaleria: "De la galería",
+        unDocumento: "Un documento",
+        subirArchivo: "Subir un archivo",
+        sinPermisoDeCamara: "Sin permiso de cámara",
+        activaLaCamara: (para: string) =>
+            `Para ${para}, activa la cámara para la app en los ajustes del teléfono.`,
+        laCamara: "La cámara",
+        demasiadoPesado: "Archivo demasiado pesado",
+        pesaDeMas: (nombre: string, pesaMb: string, topeMb: number) =>
+            `«${nombre}» pesa ${pesaMb} MB y el tope son ${topeMb} MB. Elige uno más ligero o tómale una foto.`,
+    },
+    historial: {
+        titulo: "Historial",
+        sistema: "Sistema",
+        sinCambios: "Sin cambios en los campos.",
+        ocultarCampos: "Ocultar campos",
+        verTodos: "Ver todos los campos",
+        verCampos: "Ver los campos",
+        noCargo: "No se pudo cargar el historial",
+        sinMovimientos: "Sin movimientos registrados",
+    },
+};
+
+export type Textos = typeof es;
+
+const en: Textos = {
+    comun: {
+        cancelar: "Cancel",
+        cerrar: "Close",
+        entendido: "Got it",
+        reintentar: "Try again",
+        listo: "Done",
+        quitar: "Clear",
+        elegir: "Choose…",
+        buscar: "Search",
+        ninguno: "None",
+        noDisponible: "N/A",
+        si: "Yes",
+        no: "No",
+        atras: "Back",
+        revisaLaSenal: "Check your connection and try again.",
+        noSePudoCargar: "Couldn't load",
+    },
+    acceso: {
+        usuario: "Username",
+        contrasena: "Password",
+        entrar: "Sign in",
+        noSePudo: "Couldn't sign in. Please try again.",
+    },
+    perfil: {
+        titulo: "Profile",
+        apariencia: "Appearance",
+        telefono: "Phone",
+        claro: "Light",
+        oscuro: "Dark",
+        cerrarSesion: "Sign out",
+    },
+    error: {
+        titulo: "Something went wrong",
+        mensaje: "This screen couldn't open. Try again; if it keeps happening, contact support.",
+    },
+    ficha: {
+        noExiste: "Not found",
+        noExisteTexto: "It may have been deleted, or you may not have permission to see it.",
+        mas: "More",
+        hojaNoCargo: "Couldn't load. Check your connection.",
+        seccionNoCargo: "Couldn't load. Pull down to refresh.",
+    },
+    edicion: {
+        sinPermiso: "You don't have permission",
+        noSePudoCargar: (queEs: string) => `Couldn't load ${queEs}`,
+        guardar: "Save",
+        guardando: "Saving…",
+        noSeGuardo: "Not saved",
+    },
+    listas: {
+        cuantos: (total: number, [uno, varios]: readonly [string, string]) =>
+            total === 1 ? `1 ${uno}` : `${total} ${varios}`,
+        borrarBusqueda: "Clear search",
+        filtrosPuestos: (cuenta: number) => `Filters, ${cuenta} applied`,
+        filtrosYOrden: "Filters and sorting",
+        filtros: "Filters",
+        ver: (total: number, [uno, varios]: readonly [string, string]) =>
+            `Show ${total} ${total === 1 ? uno : varios}`,
+        ordenarPor: "Sort by",
+        sentido: "Direction",
+        ascendente: "Ascending",
+        descendente: "Descending",
+        nadaQueCoincida: "No matches.",
+        listoCon: (n: number) => `Done (${n})`,
+        masAcciones: "More actions",
+    },
+    contacto: {
+        llamar: (nombre: string) => `Call ${nombre}`,
+        whatsapp: (nombre: string) => `WhatsApp ${nombre}`,
+        correo: (nombre: string) => `Email ${nombre}`,
+        direccion: "Address",
+        abrirEnElMapa: (donde: string) => `Open in maps: ${donde}`,
+    },
+    campos: {
+        diezDigitos: "10 digits",
+    },
+    fotos: {
+        verLaFoto: "View photo",
+        archivo: (nombre: string) => `File ${nombre}`.trim(),
+        quitarFoto: "Remove this photo",
+        quitarArchivo: "Remove this file",
+        guardada: "Saved to gallery",
+        noSeGuardo: "Couldn't save; try again",
+        guardarEnGaleria: "Save to gallery",
+        deTotal: (n: number, total: number) => `${n} of ${total}`,
+        tomarFoto: "Take photo",
+        tomarUnaFoto: "Take a photo",
+        deLaGaleria: "From gallery",
+        unDocumento: "A document",
+        subirArchivo: "Upload a file",
+        sinPermisoDeCamara: "No camera permission",
+        activaLaCamara: (para: string) =>
+            `To ${para}, turn on camera access for the app in your phone's settings.`,
+        laCamara: "The camera",
+        demasiadoPesado: "File too large",
+        pesaDeMas: (nombre: string, pesaMb: string, topeMb: number) =>
+            `"${nombre}" is ${pesaMb} MB and the limit is ${topeMb} MB. Choose a smaller one or take a photo of it.`,
+    },
+    historial: {
+        titulo: "History",
+        sistema: "System",
+        sinCambios: "No field changes.",
+        ocultarCampos: "Hide fields",
+        verTodos: "Show all fields",
+        verCampos: "Show fields",
+        noCargo: "Couldn't load the history",
+        sinMovimientos: "No recorded activity",
+    },
+};
+
+const TEXTOS: Record<Idioma, Textos> = { es, en };
+
+export default TEXTOS;

package/src/index.ts

@@ -10,6 +10,7 @@ export {
     type AccionDelEncabezado,
 } from "./componentes/AccionesDelEncabezado";
 export { default as BotonDeAvatar, inicialesDe } from "./componentes/BotonDeAvatar";
+export { default as BotonFlotante, HUECO_DEL_BOTON_FLOTANTE } from "./componentes/BotonFlotante";
 export { default as BotonGrande } from "./componentes/BotonGrande";
 export { default as CabeceraEmpujada } from "./componentes/CabeceraEmpujada";
 export { default as Chip, type TonoDeChip } from "./componentes/Chip";
@@ -150,3 +151,14 @@ export {
     type Historial,
 } from "./pantallas/PantallaDeHistorial";
 export { default as PantallaDePerfil } from "./pantallas/PantallaDePerfil";
+
+// ==============================|| IDIOMA ||============================== //
+
+export {
+    ProveedorDeIdioma,
+    textosActuales,
+    useIdiomaDeLaLibreria,
+    useTextos,
+    type Idioma,
+    type Textos,
+} from "./idioma";