@acvl/mobile-components 0.0.0-stage → 0.0.1

package/lib/module/componentes/CabeceraEmpujada.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import AccionesDelEncabezado from "../componentes/AccionesDelEncabezado";
+import { Text } from "../texto";
+import { crearEstilos, tipografia, usePaleta } from "../tema";
+import MaterialIcons from "@expo/vector-icons/MaterialIcons";
+import { router } from "expo-router";
+import { TouchableOpacity, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+
+/**
+ * La cabecera de una pantalla empujada encima de las pestañas: atrás, el rótulo, el título y, si
+ * hay, sus acciones a la derecha (`AccionesDelEncabezado`). La usan las fichas, las
+ * pantallas de edición y el perfil.
+ *
+ * `estado` va debajo del título —el estado de la ficha, normalmente un `Chip`— y no a su lado: con
+ * acciones a la derecha, un folio largo y su chip en el mismo renglón se peleaban el ancho.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CabeceraEmpujada = ({
+  eyebrow,
+  titulo,
+  acciones,
+  estado
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.hdr, {
+      paddingTop: insets.top + 10
+    }],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.hdrRow,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => router.back(),
+        accessibilityLabel: "Atr\xE1s",
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "arrow-back",
+          size: 45,
+          color: c.primary
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: acciones?.length ? styles.tituloConAcciones : styles.titulo,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.hdrEyebrow,
+          children: eyebrow
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.hdrTitle,
+          children: titulo
+        }), estado ? /*#__PURE__*/_jsx(View, {
+          style: styles.estado,
+          children: estado
+        }) : null]
+      }), acciones?.length ? /*#__PURE__*/_jsx(AccionesDelEncabezado, {
+        acciones: acciones
+      }) : null]
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  hdr: {
+    paddingHorizontal: 18,
+    paddingBottom: 13,
+    backgroundColor: c.superficie
+  },
+  hdrRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8
+  },
+  titulo: {
+    flex: 1,
+    minWidth: 0
+  },
+  tituloConAcciones: {
+    flexShrink: 1,
+    minWidth: 0
+  },
+  hdrEyebrow: {
+    fontSize: tipografia.etiqueta,
+    color: c.secondaryLight,
+    textTransform: "uppercase",
+    letterSpacing: 1.6,
+    marginBottom: 4,
+    fontWeight: "600"
+  },
+  hdrTitle: {
+    fontSize: tipografia.titulo,
+    fontWeight: "900",
+    color: c.primary
+  },
+  estado: {
+    marginTop: 6,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  }
+}));
+export default CabeceraEmpujada;
+//# sourceMappingURL=CabeceraEmpujada.js.map

package/lib/module/componentes/CabeceraEmpujada.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccionesDelEncabezado","Text","crearEstilos","tipografia","usePaleta","MaterialIcons","router","TouchableOpacity","View","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","CabeceraEmpujada","eyebrow","titulo","acciones","estado","c","styles","useStyles","insets","style","hdr","paddingTop","top","children","hdrRow","onPress","back","accessibilityLabel","name","size","color","primary","length","tituloConAcciones","hdrEyebrow","hdrTitle","paddingHorizontal","paddingBottom","backgroundColor","superficie","flexDirection","alignItems","gap","flex","minWidth","flexShrink","fontSize","etiqueta","secondaryLight","textTransform","letterSpacing","marginBottom","fontWeight","marginTop","flexWrap"],"sourceRoot":"../../../src","sources":["componentes/CabeceraEmpujada.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/componentes/Chip.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { View } from "react-native";
+
+/**
+ * El tono de un chip, por lo que quiere decir y no por su color: así un estado se ve igual en
+ * claro y en oscuro, y dos pantallas no le ponen dos colores a lo mismo.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const colores = (c, tono) => {
+  switch (tono) {
+    case "exito":
+      return c.exito;
+    case "aviso":
+      return {
+        fondo: c.aviso.fondo,
+        tinta: c.aviso.tinta
+      };
+    case "info":
+      return c.info;
+    case "error":
+      return c.error;
+    case "morado":
+      return c.morado;
+    case "primario":
+      return {
+        fondo: c.primary,
+        tinta: c.sobrePrimario
+      };
+    default:
+      return {
+        fondo: c.superficieTenue,
+        tinta: c.secondary
+      };
+  }
+};
+
+/** Un estado en una pastilla: «En progreso», «Por vencer», «En viaje». */
+const Chip = ({
+  texto,
+  tono = "neutro",
+  style
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const {
+    fondo,
+    tinta
+  } = colores(c, tono);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.chip, {
+      backgroundColor: fondo
+    }, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.texto, {
+        color: tinta
+      }],
+      children: texto
+    })
+  });
+};
+const useStyles = crearEstilos(() => ({
+  chip: {
+    alignSelf: "flex-start",
+    paddingHorizontal: 9,
+    paddingVertical: 3,
+    borderRadius: 999
+  },
+  texto: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "700"
+  }
+}));
+export default Chip;
+//# sourceMappingURL=Chip.js.map

package/lib/module/componentes/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","usePaleta","View","jsx","_jsx","colores","c","tono","exito","fondo","aviso","tinta","info","error","morado","primary","sobrePrimario","superficieTenue","secondary","Chip","texto","style","styles","useStyles","chip","backgroundColor","children","color","alignSelf","paddingHorizontal","paddingVertical","borderRadius","etiqueta","fontWeight"],"sourceRoot":"../../../src","sources":["componentes/Chip.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAeC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACnF,SAASC,IAAI,QAAwC,cAAc;;AAEnE;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAMA,MAAMC,OAAO,GAAGA,CAACC,CAAS,EAAEC,IAAgB,KAAK;EAC7C,QAAQA,IAAI;IACR,KAAK,OAAO;MACR,OAAOD,CAAC,CAACE,KAAK;IAClB,KAAK,OAAO;MACR,OAAO;QAAEC,KAAK,EAAEH,CAAC,CAACI,KAAK,CAACD,KAAK;QAAEE,KAAK,EAAEL,CAAC,CAACI,KAAK,CAACC;MAAM,CAAC;IACzD,KAAK,MAAM;MACP,OAAOL,CAAC,CAACM,IAAI;IACjB,KAAK,OAAO;MACR,OAAON,CAAC,CAACO,KAAK;IAClB,KAAK,QAAQ;MACT,OAAOP,CAAC,CAACQ,MAAM;IACnB,KAAK,UAAU;MACX,OAAO;QAAEL,KAAK,EAAEH,CAAC,CAACS,OAAO;QAAEJ,KAAK,EAAEL,CAAC,CAACU;MAAc,CAAC;IACvD;MACI,OAAO;QAAEP,KAAK,EAAEH,CAAC,CAACW,eAAe;QAAEN,KAAK,EAAEL,CAAC,CAACY;MAAU,CAAC;EAC/D;AACJ,CAAC;;AAED;AACA,MAAMC,IAAI,GAAGA,CAAC;EACVC,KAAK;EACLb,IAAI,GAAG,QAAQ;EACfc;AAKJ,CAAC,KAAK;EACF,MAAMf,CAAC,GAAGL,SAAS,CAAC,CAAC;EACrB,MAAMqB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEd,KAAK;IAAEE;EAAM,CAAC,GAAGN,OAAO,CAACC,CAAC,EAAEC,IAAI,CAAC;EACzC,oBACIH,IAAA,CAACF,IAAI;IAACmB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEhB;IAAM,CAAC,EAAEY,KAAK,CAAE;IAAAK,QAAA,eAC1DtB,IAAA,CAACP,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACF,KAAK,EAAE;QAAEO,KAAK,EAAEhB;MAAM,CAAC,CAAE;MAAAe,QAAA,EAAEN;IAAK,CAAO;EAAC,CAC3D,CAAC;AAEf,CAAC;AAED,MAAMG,SAAS,GAAGzB,YAAY,CAAC,OAAO;EAClC0B,IAAI,EAAE;IACFI,SAAS,EAAE,YAAY;IACvBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAClB,CAAC;EACDX,KAAK,EAAE;IAAE,GAAGrB,OAAO,CAACC,UAAU,CAACgC,QAAQ,CAAC;IAAEC,UAAU,EAAE;EAAM;AAChE,CAAC,CAAC,CAAC;AAEH,eAAed,IAAI","ignoreList":[]}

package/lib/module/componentes/ContenidoDePantalla.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React from "react";
+import { useWindowDimensions, View } from "react-native";
+import { KeyboardAvoidingView } from "react-native-keyboard-controller";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { crearEstilos } from "../tema";
+import { jsx as _jsx } from "react/jsx-runtime";
+const BASE_PADDING = 20;
+
+/**
+ * El cuerpo de una pantalla debajo de su header: el fondo, el margen a los lados (el doble en una
+ * tableta, más lo que pida la muesca) y, por omisión, que esquive el teclado.
+ */
+const ContenidoDePantalla = ({
+  paddingBottom,
+  avoidKeyboard = true,
+  children
+}) => {
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const horizontalPadding = width > 700 ? BASE_PADDING * 2 : BASE_PADDING;
+  const containerStyle = [styles.container, {
+    paddingTop: 20,
+    paddingLeft: horizontalPadding + insets.left,
+    paddingRight: horizontalPadding + insets.right,
+    paddingBottom: paddingBottom ?? 0
+  }];
+  if (!avoidKeyboard) {
+    return /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: children
+    });
+  }
+  return (
+    /*#__PURE__*/
+    // `behavior="padding"` funciona en ambas plataformas con edge-to-edge
+    // gracias a react-native-keyboard-controller (RN lo ignora en Android).
+    _jsx(KeyboardAvoidingView, {
+      behavior: "padding",
+      style: containerStyle,
+      children: children
+    })
+  );
+};
+const useStyles = crearEstilos(c => ({
+  container: {
+    flex: 1,
+    backgroundColor: c.fondo
+  }
+}));
+export default ContenidoDePantalla;
+//# sourceMappingURL=ContenidoDePantalla.js.map

package/lib/module/componentes/ContenidoDePantalla.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useWindowDimensions","View","KeyboardAvoidingView","useSafeAreaInsets","crearEstilos","jsx","_jsx","BASE_PADDING","ContenidoDePantalla","paddingBottom","avoidKeyboard","children","styles","useStyles","insets","width","horizontalPadding","containerStyle","container","paddingTop","paddingLeft","left","paddingRight","right","style","behavior","c","flex","backgroundColor","fondo"],"sourceRoot":"../../../src","sources":["componentes/ContenidoDePantalla.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACxD,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,aAAa;EAAEC,aAAa,GAAG,IAAI;EAAEC;AAAgB,CAAC,KAAK;EACtF,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEY;EAAM,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EACvC,MAAMgB,iBAAiB,GAAGD,KAAK,GAAG,GAAG,GAAGR,YAAY,GAAG,CAAC,GAAGA,YAAY;EACvE,MAAMU,cAAc,GAAG,CACnBL,MAAM,CAACM,SAAS,EAChB;IACIC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAEJ,iBAAiB,GAAGF,MAAM,CAACO,IAAI;IAC5CC,YAAY,EAAEN,iBAAiB,GAAGF,MAAM,CAACS,KAAK;IAC9Cd,aAAa,EAAEA,aAAa,IAAI;EACpC,CAAC,CACJ;EACD,IAAI,CAACC,aAAa,EAAE;IAChB,oBAAOJ,IAAA,CAACL,IAAI;MAACuB,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CAAC;EACzD;EACA;IAAA;IACI;IACA;IACAL,IAAA,CAACJ,oBAAoB;MAACuB,QAAQ,EAAC,SAAS;MAACD,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAC1DA;IAAQ,CACS;EAAC;AAE/B,CAAC;AAED,MAAME,SAAS,GAAGT,YAAY,CAAEsB,CAAC,KAAM;EACnCR,SAAS,EAAE;IAAES,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEF,CAAC,CAACG;EAAM;AACnD,CAAC,CAAC,CAAC;AAEH,eAAerB,mBAAmB","ignoreList":[]}

package/lib/module/componentes/EstadoVacio.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Text } from "../texto";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Lo que se pinta cuando una lista no tiene nada que enseñar. Ocupa todo el alto y centra lo suyo,
+ * así que una acción va como hijo: puesta después, como hermano, quedaba hasta abajo de la
+ * pantalla, debajo de la barra de pestañas.
+ */
+const EstadoVacio = ({
+  icono,
+  titulo,
+  texto,
+  children
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: icono,
+      size: 56,
+      color: c.secondaryLight
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.titulo,
+      children: titulo
+    }), texto ? /*#__PURE__*/_jsx(Text, {
+      style: styles.texto,
+      children: texto
+    }) : null, children ? /*#__PURE__*/_jsx(View, {
+      style: styles.accion,
+      children: children
+    }) : null]
+  });
+};
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 10,
+    padding: 24
+  },
+  titulo: {
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "700",
+    color: c.secondaryDark,
+    textAlign: "center"
+  },
+  texto: {
+    fontSize: tipografia.cuerpo,
+    color: c.secondary,
+    textAlign: "center"
+  },
+  accion: {
+    alignSelf: "stretch",
+    marginTop: 14
+  }
+}));
+export default EstadoVacio;
+//# sourceMappingURL=EstadoVacio.js.map

package/lib/module/componentes/EstadoVacio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","Text","MaterialCommunityIcons","React","View","jsx","_jsx","jsxs","_jsxs","EstadoVacio","icono","titulo","texto","children","c","styles","useStyles","style","root","name","size","color","secondaryLight","accion","flex","alignItems","justifyContent","gap","padding","subtitulo","fontWeight","secondaryDark","textAlign","fontSize","cuerpo","secondary","alignSelf","marginTop"],"sourceRoot":"../../../src","sources":["componentes/EstadoVacio.tsx"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACtE,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAOC,sBAAsB,MAAM,2CAA2C;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpC;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAgB,CAAC,KAAK;EAC/D,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIR,KAAA,CAACJ,IAAI;IAACa,KAAK,EAAEF,MAAM,CAACG,IAAK;IAAAL,QAAA,gBACrBP,IAAA,CAACJ,sBAAsB;MAACiB,IAAI,EAAET,KAAM;MAACU,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEP,CAAC,CAACQ;IAAe,CAAE,CAAC,eAC1EhB,IAAA,CAACL,IAAI;MAACgB,KAAK,EAAEF,MAAM,CAACJ,MAAO;MAAAE,QAAA,EAAEF;IAAM,CAAO,CAAC,EAC1CC,KAAK,gBAAGN,IAAA,CAACL,IAAI;MAACgB,KAAK,EAAEF,MAAM,CAACH,KAAM;MAAAC,QAAA,EAAED;IAAK,CAAO,CAAC,GAAG,IAAI,EACxDC,QAAQ,gBAAGP,IAAA,CAACF,IAAI;MAACa,KAAK,EAAEF,MAAM,CAACQ,MAAO;MAAAV,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAAG,IAAI;EAAA,CAC9D,CAAC;AAEf,CAAC;AAED,MAAMG,SAAS,GAAGnB,YAAY,CAAEiB,CAAC,KAAM;EACnCI,IAAI,EAAE;IAAEM,IAAI,EAAE,CAAC;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE,QAAQ;IAAEC,GAAG,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAG,CAAC;EACvFjB,MAAM,EAAE;IACJ,GAAGb,OAAO,CAACC,UAAU,CAAC8B,SAAS,CAAC;IAChCC,UAAU,EAAE,KAAK;IACjBT,KAAK,EAAEP,CAAC,CAACiB,aAAa;IACtBC,SAAS,EAAE;EACf,CAAC;EACDpB,KAAK,EAAE;IAAEqB,QAAQ,EAAElC,UAAU,CAACmC,MAAM;IAAEb,KAAK,EAAEP,CAAC,CAACqB,SAAS;IAAEH,SAAS,EAAE;EAAS,CAAC;EAC/ET,MAAM,EAAE;IAAEa,SAAS,EAAE,SAAS;IAAEC,SAAS,EAAE;EAAG;AAClD,CAAC,CAAC,CAAC;AAEH,eAAe5B,WAAW","ignoreList":[]}

package/lib/module/componentes/Foto.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { ActivityIndicator, Image, StyleSheet, View } from "react-native";
+import { usePaleta } from "../tema";
+
+/**
+ * Una foto: del servidor (`ruta`, la que da el API) o del teléfono (`uri` local, que todavía no
+ * sube).
+ */
+
+/** Cómo baja la app una foto del servidor: la `uri` local donde quedó. Rechaza si no se pudo. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Bajar = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Cómo se bajan las fotos del servidor en esta app. Va en el layout raíz, una vez.
+ *
+ * Es de la app y no de la librería porque las fotos piden la sesión: en Android, con la nueva
+ * arquitectura, el `Image` de React Native **no manda las `headers` del `source`**, así que una
+ * foto con `Authorization` se baja primero con `fetch` a un archivo (con el refresh del token de
+ * cada app) y se pinta el archivo. Sin proveedor, la `ruta` se pinta tal cual, como URL pública.
+ */
+export function ProveedorDeFotos({
+  bajar,
+  children
+}) {
+  return /*#__PURE__*/_jsx(Bajar.Provider, {
+    value: bajar,
+    children: children
+  });
+}
+/**
+ * Pinta una foto, venga de donde venga: la misma en una tira, el visor o una lista.
+ *
+ * Las del servidor se bajan primero con el `ProveedorDeFotos` de la app y se pinta el archivo
+ * local. Mientras baja, un indicador; si no se pudo, un icono de foto rota en vez de un cuadro gris
+ * sin explicación.
+ *
+ * Una miniatura lleva `resizeMethod="resize"`: en Android, sin él, cada cuadrito de 72 px
+ * decodifica la foto entera de 1920 px en memoria, y con varias la lista se arrastra.
+ */
+const Foto = ({
+  foto,
+  style,
+  onError,
+  ...props
+}) => {
+  const c = usePaleta();
+  const bajar = React.useContext(Bajar);
+  const ruta = "ruta" in foto ? foto.ruta : null;
+  // Lo bajado, con la ruta a la que corresponde: si la foto cambia, lo de la anterior no sirve.
+  const [bajada, setBajada] = React.useState();
+  React.useEffect(() => {
+    if (!ruta || !bajar) return;
+    let vigente = true;
+    bajar(ruta).then(uri => vigente && setBajada({
+      ruta,
+      uri
+    })).catch(() => vigente && setBajada({
+      ruta,
+      fallo: true
+    }));
+    return () => {
+      vigente = false;
+    };
+  }, [ruta, bajar]);
+  const deEstaRuta = bajada && bajada.ruta === ruta ? bajada : undefined;
+  const local = "uri" in foto ? foto.uri : bajar ? deEstaRuta?.uri ?? null : ruta;
+  const fallo = Boolean(deEstaRuta?.fallo);
+  if (fallo) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [style, styles.centro],
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "image-broken-variant",
+        size: 28,
+        color: c.secondary
+      })
+    });
+  }
+  if (!local) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [style, styles.centro],
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: c.secondary
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Image, {
+    ...props,
+    style: style,
+    source: {
+      uri: local
+    },
+    onError: onError
+  });
+};
+const styles = StyleSheet.create({
+  centro: {
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+export default Foto;
+//# sourceMappingURL=Foto.js.map

package/lib/module/componentes/Foto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialCommunityIcons","React","ActivityIndicator","Image","StyleSheet","View","usePaleta","jsx","_jsx","Bajar","createContext","ProveedorDeFotos","bajar","children","Provider","value","Foto","foto","style","onError","props","c","useContext","ruta","bajada","setBajada","useState","useEffect","vigente","then","uri","catch","fallo","deEstaRuta","undefined","local","Boolean","styles","centro","name","size","color","secondary","source","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["componentes/Foto.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/componentes/IconoDeRenglon.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { renglon } from "../tema";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { useWindowDimensions, View } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Un icono que acompaña a un renglón de texto y **se queda centrado en él aunque el operador
+ * agrande la letra del teléfono**.
+ *
+ * El texto crece con la escala del sistema (Ajustes › Tamaño de fuente; hay quien la trae al
+ * 180%) y un icono de tamaño fijo no: se quedaba chico y desfasado hacia arriba. Aquí el icono
+ * crece con la misma escala y va en una caja del alto del primer renglón, así que queda centrado
+ * contra la primera línea aunque el texto parta en varias. Para eso el texto necesita un alto de
+ * renglón explícito: el de `renglon()`, que es el mismo que usa esta caja.
+ */
+const IconoDeRenglon = ({
+  name,
+  color,
+  fontSize,
+  size = fontSize,
+  style
+}) => {
+  const {
+    fontScale
+  } = useWindowDimensions();
+  const alto = renglon(fontSize).lineHeight * fontScale;
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      height: alto,
+      minWidth: alto,
+      alignItems: "center",
+      justifyContent: "center"
+    }, style],
+    children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: name,
+      size: size * fontScale,
+      color: color
+    })
+  });
+};
+export default IconoDeRenglon;
+//# sourceMappingURL=IconoDeRenglon.js.map

package/lib/module/componentes/IconoDeRenglon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renglon","MaterialCommunityIcons","React","useWindowDimensions","View","jsx","_jsx","IconoDeRenglon","name","color","fontSize","size","style","fontScale","alto","lineHeight","height","minWidth","alignItems","justifyContent","children"],"sourceRoot":"../../../src","sources":["componentes/IconoDeRenglon.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,SAAS;AACjC,OAAOC,sBAAsB,MAAM,2CAA2C;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAGD,QAAQ;EAAEE;AAAa,CAAC,KAAK;EACjF,MAAM;IAAEC;EAAU,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC3C,MAAMW,IAAI,GAAGd,OAAO,CAACU,QAAQ,CAAC,CAACK,UAAU,GAAGF,SAAS;EAErD,oBACIP,IAAA,CAACF,IAAI;IACDQ,KAAK,EAAE,CACH;MAAEI,MAAM,EAAEF,IAAI;MAAEG,QAAQ,EAAEH,IAAI;MAAEI,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAChFP,KAAK,CACP;IAAAQ,QAAA,eAEFd,IAAA,CAACL,sBAAsB;MAACO,IAAI,EAAEA,IAAK;MAACG,IAAI,EAAEA,IAAI,GAAGE,SAAU;MAACJ,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC1E,CAAC;AAEf,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}

package/lib/module/componentes/Logo.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { Image } from "react-native";
+import { useEsOscuro } from "../tema";
+
+/**
+ * La bola del header, de los archivos de marca (`O:\Logo ACV`): **a color** en claro
+ * (`bola.png`, el «standalone») y **toda en blanco** en oscuro (`bola-blanca.png`, sacada del
+ * mismo archivo: lo rojo opaco y los trazos huecos), como el `Logo` del portal en oscuro.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Logo = () => {
+  const oscuro = useEsOscuro();
+  return /*#__PURE__*/_jsx(Image, {
+    source: oscuro ? require("./logos/bola-blanca.png") : require("./logos/bola.png")
+    // 42 × 36 conserva el aspecto de los PNG (242 × 210).
+    ,
+    style: {
+      width: 42,
+      height: 36,
+      resizeMode: "contain"
+    }
+  });
+};
+
+/**
+ * El logo con las letras: el del login. En oscuro va **todo en blanco**, como el `Logo` del
+ * portal: `logo-blanco.png` sale del archivo de marca en blanco sobre negro
+ * (`O:\Logo ACV\acv-logo_2012-whitereversed`), con el negro vuelto transparente.
+ */
+export const LogoCompleto = () => {
+  const oscuro = useEsOscuro();
+  return /*#__PURE__*/_jsx(Image, {
+    source: oscuro ? require("./logos/logo-blanco.png") : require("./logos/logo.png")
+    // 175 × 66 conserva el aspecto del PNG claro (318 × 120); el blanco cabe en la misma caja.
+    ,
+    style: {
+      resizeMode: "contain",
+      width: 175,
+      height: 66
+    }
+  });
+};
+//# sourceMappingURL=Logo.js.map

package/lib/module/componentes/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","useEsOscuro","jsx","_jsx","Logo","oscuro","source","require","style","width","height","resizeMode","LogoCompleto"],"sourceRoot":"../../../src","sources":["componentes/Logo.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,WAAW,QAAQ,SAAS;;AAErC;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACtB,MAAMC,MAAM,GAAGJ,WAAW,CAAC,CAAC;EAC5B,oBACIE,IAAA,CAACH,KAAK;IACFM,MAAM,EAAED,MAAM,GAAGE,OAAO,CAAC,yBAAyB,CAAC,GAAGA,OAAO,CAAC,kBAAkB;IAChF;IAAA;IACAC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAU;EAAE,CAC3D,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMP,MAAM,GAAGJ,WAAW,CAAC,CAAC;EAC5B,oBACIE,IAAA,CAACH,KAAK;IACFM,MAAM,EAAED,MAAM,GAAGE,OAAO,CAAC,yBAAyB,CAAC,GAAGA,OAAO,CAAC,kBAAkB;IAChF;IAAA;IACAC,KAAK,EAAE;MAAEG,UAAU,EAAE,SAAS;MAAEF,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAG;EAAE,CAC5D,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/componentes/Nota.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import IconoDeRenglon from "../componentes/IconoDeRenglon";
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { View } from "react-native";
+
+/** Un aviso dentro de la pantalla: azul para informar, ámbar para advertir. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Nota = ({
+  texto,
+  tono = "info"
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const aviso = tono === "aviso";
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.nota, aviso && styles.notaAviso],
+    children: [/*#__PURE__*/_jsx(IconoDeRenglon, {
+      name: aviso ? "alert-outline" : "information-outline",
+      fontSize: tipografia.cuerpo,
+      color: aviso ? c.aviso.tinta : c.info.tinta
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.notaTexto, aviso && styles.notaTextoAviso],
+      children: texto
+    })]
+  });
+};
+const useStyles = crearEstilos(c => ({
+  nota: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    backgroundColor: c.info.fondo,
+    borderRadius: 12,
+    padding: 14
+  },
+  notaAviso: {
+    backgroundColor: c.aviso.fondo
+  },
+  notaTexto: {
+    flex: 1,
+    ...renglon(tipografia.cuerpo),
+    color: c.info.tinta
+  },
+  notaTextoAviso: {
+    color: c.aviso.tinta
+  }
+}));
+export default Nota;
+//# sourceMappingURL=Nota.js.map

package/lib/module/componentes/Nota.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconoDeRenglon","Text","crearEstilos","renglon","tipografia","usePaleta","View","jsx","_jsx","jsxs","_jsxs","Nota","texto","tono","c","styles","useStyles","aviso","style","nota","notaAviso","children","name","fontSize","cuerpo","color","tinta","info","notaTexto","notaTextoAviso","flexDirection","alignItems","gap","backgroundColor","fondo","borderRadius","padding","flex"],"sourceRoot":"../../../src","sources":["componentes/Nota.tsx"],"mappings":";;AAAA,OAAOA,cAAc,MAAM,+BAA+B;AAC1D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACtE,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,IAAI,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI,GAAG;AAAmD,CAAC,KAAK;EACnF,MAAMC,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrB,MAAMU,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,KAAK,GAAGJ,IAAI,KAAK,OAAO;EAC9B,oBACIH,KAAA,CAACJ,IAAI;IAACY,KAAK,EAAE,CAACH,MAAM,CAACI,IAAI,EAAEF,KAAK,IAAIF,MAAM,CAACK,SAAS,CAAE;IAAAC,QAAA,gBAClDb,IAAA,CAACR,cAAc;MACXsB,IAAI,EAAEL,KAAK,GAAG,eAAe,GAAG,qBAAsB;MACtDM,QAAQ,EAAEnB,UAAU,CAACoB,MAAO;MAC5BC,KAAK,EAAER,KAAK,GAAGH,CAAC,CAACG,KAAK,CAACS,KAAK,GAAGZ,CAAC,CAACa,IAAI,CAACD;IAAM,CAC/C,CAAC,eACFlB,IAAA,CAACP,IAAI;MAACiB,KAAK,EAAE,CAACH,MAAM,CAACa,SAAS,EAAEX,KAAK,IAAIF,MAAM,CAACc,cAAc,CAAE;MAAAR,QAAA,EAAET;IAAK,CAAO,CAAC;EAAA,CAC7E,CAAC;AAEf,CAAC;AAED,MAAMI,SAAS,GAAGd,YAAY,CAAEY,CAAC,KAAM;EACnCK,IAAI,EAAE;IACFW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAEnB,CAAC,CAACa,IAAI,CAACO,KAAK;IAC7BC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE;EACb,CAAC;EACDhB,SAAS,EAAE;IAAEa,eAAe,EAAEnB,CAAC,CAACG,KAAK,CAACiB;EAAM,CAAC;EAC7CN,SAAS,EAAE;IAAES,IAAI,EAAE,CAAC;IAAE,GAAGlC,OAAO,CAACC,UAAU,CAACoB,MAAM,CAAC;IAAEC,KAAK,EAAEX,CAAC,CAACa,IAAI,CAACD;EAAM,CAAC;EAC1EG,cAAc,EAAE;IAAEJ,KAAK,EAAEX,CAAC,CAACG,KAAK,CAACS;EAAM;AAC3C,CAAC,CAAC,CAAC;AAEH,eAAef,IAAI","ignoreList":[]}

package/lib/module/componentes/OpcionesExcluyentes.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import IconoDeRenglon from "../componentes/IconoDeRenglon";
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Pressable, View } from "react-native";
+
+/**
+ * Opciones excluyentes como tarjetas, una por renglón: la carga y la razón del cambio de sello en
+ * la caseta, la razón de un rechazo en la oficina.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OpcionesExcluyentes = ({
+  opciones,
+  valor,
+  onElegir
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.opciones,
+    children: opciones.map(opcion => {
+      const elegida = opcion.valor === valor;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        onPress: () => onElegir(opcion.valor),
+        accessibilityRole: "radio",
+        accessibilityState: {
+          selected: elegida
+        },
+        style: [styles.opcion, elegida && styles.opcionElegida],
+        children: [/*#__PURE__*/_jsx(IconoDeRenglon, {
+          name: elegida ? "radiobox-marked" : "radiobox-blank",
+          fontSize: tipografia.subtitulo,
+          color: elegida ? c.primary : c.secondaryLight
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.opcionTexto,
+          children: opcion.texto
+        })]
+      }, String(opcion.valor));
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  opciones: {
+    gap: 10
+  },
+  opcion: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8,
+    backgroundColor: c.superficie,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: c.secondaryLighter,
+    padding: 14
+  },
+  opcionElegida: {
+    borderColor: c.primary,
+    backgroundColor: c.primaryWash
+  },
+  opcionTexto: {
+    flex: 1,
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "800",
+    color: c.texto
+  }
+}));
+export default OpcionesExcluyentes;
+//# sourceMappingURL=OpcionesExcluyentes.js.map