@acvl/mobile-components 0.0.0-stage → 0.0.1

package/lib/module/pantallas/PantallaDeEdicion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","ScrollView","View","KeyboardAvoidingView","useSafeAreaInsets","BotonGrande","CabeceraEmpujada","EstadoVacio","Nota","mensajeDeError","crearEstilos","usePaleta","jsx","_jsx","jsxs","_jsxs","EsperaDeEdicion","eyebrow","puede","sinPermiso","consulta","queEs","c","styles","useStyles","style","root","children","titulo","icono","texto","isError","error","modo","onPress","refetch","color","primary","cargando","FormularioDeEdicion","guardando","onGuardar","textoDeGuardar","insets","behavior","flex","contentContainerStyle","contenido","keyboardShouldPersistTaps","tono","pie","paddingBottom","bottom","backgroundColor","fondo","marginTop","padding","gap","paddingHorizontal","paddingTop","superficie"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDeEdicion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pantallas/PantallaDeFicha.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import React from "react";
+import { ActivityIndicator, RefreshControl, ScrollView, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import BotonGrande from "../componentes/BotonGrande";
+import CabeceraEmpujada from "../componentes/CabeceraEmpujada";
+import EstadoVacio from "../componentes/EstadoVacio";
+import { crearEstilos, usePaleta } from "../tema";
+
+/** Lo que la ficha lee de un `use…Query` de RTK Query. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const esNoEncontrado = error => typeof error === "object" && error !== null && "status" in error && error.status === 404;
+
+/**
+ * Una ficha de solo lectura (un viaje, un tracto, un cliente): la cabecera con atrás, y lo suyo en
+ * un scroll que se refresca jalando hacia abajo. Mientras carga, o si falla, lo dice en vez de
+ * pintar vacía.
+ *
+ * `children` sólo se pinta con datos: quien la usa no tiene que preguntar si ya llegaron.
+ */
+export default function PantallaDeFicha({
+  eyebrow,
+  titulo,
+  consulta,
+  hayDatos,
+  acciones,
+  estado,
+  encima,
+  children
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  let cuerpo;
+  if (consulta.isLoading) {
+    cuerpo = /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: c.primary,
+      size: "large",
+      style: styles.cargando
+    });
+  } else if (!hayDatos) {
+    cuerpo = esNoEncontrado(consulta.error) ? /*#__PURE__*/_jsx(EstadoVacio, {
+      icono: "file-hidden",
+      titulo: "No existe",
+      texto: "Puede que lo hayan borrado, o que no tengas permiso de verlo."
+    }) : /*#__PURE__*/_jsx(EstadoVacio, {
+      icono: "cloud-off-outline",
+      titulo: "No se pudo cargar",
+      texto: "Revisa tu se\xF1al e intenta de nuevo.",
+      children: /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "refresh",
+        onPress: () => consulta.refetch(),
+        children: "Reintentar"
+      })
+    });
+  } else {
+    cuerpo = /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: [styles.contenido, {
+        paddingBottom: insets.bottom + 24
+      }],
+      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: consulta.isFetching && !consulta.isLoading,
+        onRefresh: () => consulta.refetch(),
+        colors: [c.primary],
+        progressBackgroundColor: c.superficie
+      }),
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(CabeceraEmpujada, {
+      eyebrow: eyebrow,
+      titulo: titulo,
+      acciones: hayDatos ? acciones : undefined,
+      estado: hayDatos ? estado : undefined
+    }), cuerpo, hayDatos ? encima : null]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  cargando: {
+    marginTop: 40
+  },
+  contenido: {
+    padding: 16,
+    gap: 20
+  }
+}));
+//# sourceMappingURL=PantallaDeFicha.js.map

package/lib/module/pantallas/PantallaDeFicha.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","RefreshControl","ScrollView","View","useSafeAreaInsets","BotonGrande","CabeceraEmpujada","EstadoVacio","crearEstilos","usePaleta","jsx","_jsx","jsxs","_jsxs","esNoEncontrado","error","status","PantallaDeFicha","eyebrow","titulo","consulta","hayDatos","acciones","estado","encima","children","c","styles","useStyles","insets","cuerpo","isLoading","color","primary","size","style","cargando","icono","texto","onPress","refetch","contentContainerStyle","contenido","paddingBottom","bottom","refreshControl","refreshing","isFetching","onRefresh","colors","progressBackgroundColor","superficie","root","undefined","flex","backgroundColor","fondo","marginTop","padding","gap"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDeFicha.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pantallas/PantallaDePerfil.js

@@ -0,0 +1,137 @@
+"use strict";
+
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { Avatar, Button, Card } from "react-native-paper";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import CabeceraEmpujada from "../componentes/CabeceraEmpujada";
+import ContenidoDePantalla from "../componentes/ContenidoDePantalla";
+import Pestanas from "../componentes/Pestanas";
+import { crearEstilos, renglon, tipografia, usePreferenciaDeTema } from "../tema";
+import { Text } from "../texto";
+
+/**
+ * La apariencia: **igual que el teléfono** por omisión, o fija. Tres opciones y no un interruptor de
+ * «modo oscuro», como el del portal: con un interruptor, quien lo toca una vez ya no vuelve a seguir
+ * al teléfono.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const APARIENCIAS = [{
+  key: "sistema",
+  label: "Teléfono",
+  icono: "cellphone"
+}, {
+  key: "claro",
+  label: "Claro",
+  icono: "white-balance-sunny"
+}, {
+  key: "oscuro",
+  label: "Oscuro",
+  icono: "weather-night"
+}];
+
+/**
+ * El perfil de una app, igual en todas: quién entró, cómo se ve la app y cerrar sesión. Va
+ * empujado encima de las pestañas (lo abre el avatar del header). Necesita `ProveedorDeTema`.
+ *
+ * Lo propio de cada app va por props: quién es, qué pasa al cerrar sesión (avisar si hay envíos
+ * pendientes, confirmar) y, en `children`, lo que vaya al final (la versión instalada).
+ */
+export default function PantallaDePerfil({
+  rotulo,
+  nombre,
+  subtitulo,
+  onCerrarSesion,
+  saliendo = false,
+  children
+}) {
+  const styles = useStyles();
+  const [tema, setTema] = usePreferenciaDeTema();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(CabeceraEmpujada, {
+      eyebrow: rotulo,
+      titulo: "Perfil"
+    }), /*#__PURE__*/_jsx(ContenidoDePantalla, {
+      paddingBottom: insets.bottom + 20,
+      children: /*#__PURE__*/_jsxs(ScrollView, {
+        contentContainerStyle: styles.contenido,
+        keyboardShouldPersistTaps: "handled",
+        children: [/*#__PURE__*/_jsx(Card, {
+          mode: "outlined",
+          style: styles.card,
+          children: /*#__PURE__*/_jsx(Card.Title, {
+            title: nombre || "N/A",
+            titleVariant: "titleLarge",
+            titleStyle: {
+              fontWeight: "bold"
+            },
+            titleNumberOfLines: 0,
+            subtitleNumberOfLines: 0,
+            subtitleStyle: renglon(tipografia.secundario),
+            subtitle: subtitulo || "N/A",
+            subtitleVariant: "bodySmall",
+            left: props => /*#__PURE__*/_jsx(Avatar.Text, {
+              ...props,
+              label: (nombre || "?").charAt(0).toUpperCase(),
+              color: "#ffffff"
+            })
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.apariencia,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.rotulo,
+            children: "Apariencia"
+          }), /*#__PURE__*/_jsx(Pestanas, {
+            pestanas: APARIENCIAS,
+            activa: tema,
+            onSelect: setTema
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.acciones,
+          children: /*#__PURE__*/_jsx(Button, {
+            onPress: onCerrarSesion,
+            mode: "contained",
+            icon: "logout",
+            loading: saliendo,
+            disabled: saliendo,
+            children: "Cerrar sesi\xF3n"
+          })
+        }), children]
+      })
+    })]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  contenido: {
+    gap: 20,
+    alignItems: "center"
+  },
+  card: {
+    width: "100%",
+    backgroundColor: c.superficie,
+    borderColor: c.secondaryLighter
+  },
+  acciones: {
+    width: "100%",
+    maxWidth: 300,
+    gap: 20
+  },
+  apariencia: {
+    width: "100%",
+    gap: 8
+  },
+  rotulo: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8
+  }
+}));
+//# sourceMappingURL=PantallaDePerfil.js.map

package/lib/module/pantallas/PantallaDePerfil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","View","Avatar","Button","Card","useSafeAreaInsets","CabeceraEmpujada","ContenidoDePantalla","Pestanas","crearEstilos","renglon","tipografia","usePreferenciaDeTema","Text","jsx","_jsx","jsxs","_jsxs","APARIENCIAS","key","label","icono","PantallaDePerfil","rotulo","nombre","subtitulo","onCerrarSesion","saliendo","children","styles","useStyles","tema","setTema","insets","style","root","eyebrow","titulo","paddingBottom","bottom","contentContainerStyle","contenido","keyboardShouldPersistTaps","mode","card","Title","title","titleVariant","titleStyle","fontWeight","titleNumberOfLines","subtitleNumberOfLines","subtitleStyle","secundario","subtitle","subtitleVariant","left","props","charAt","toUpperCase","color","apariencia","pestanas","activa","onSelect","acciones","onPress","icon","loading","disabled","c","flex","backgroundColor","fondo","gap","alignItems","width","superficie","borderColor","secondaryLighter","maxWidth","etiqueta","secondary","textTransform","letterSpacing"],"sourceRoot":"../../../src","sources":["pantallas/PantallaDePerfil.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tema/ProveedorDeTema.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { StatusBar } from "expo-status-bar";
+import React from "react";
+import { Appearance } from "react-native";
+import { configureFonts, MD3DarkTheme, MD3LightTheme, PaperProvider } from "react-native-paper";
+import { useEsOscuro, useFondoDeLaRaiz } from "./estilos";
+import { fontFamily } from "./fuentes";
+import { PALETA_CLARA, PALETA_OSCURA } from "./paleta";
+
+/**
+ * Cómo quiere ver la app quien la usa: **igual que el teléfono** (por omisión), o siempre clara, o
+ * siempre oscura. Es del teléfono y no de la cuenta: sobrevive al cerrar sesión.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PREFERENCIAS = ["sistema", "claro", "oscuro"];
+
+/**
+ * Dónde guarda cada app la preferencia (SecureStore, AsyncStorage…). `leer` puede devolver
+ * cualquier cosa: lo que no sea una preferencia válida cuenta como `"sistema"`.
+ */
+
+/**
+ * Pone la preferencia **en toda la app nativa** (`Appearance.setColorScheme`), no sólo en lo que
+ * pinta React: así `useColorScheme` ya contesta la elegida, y lo nativo —un mapa de Google, el
+ * selector de fecha, la barra de estado— la sigue sin que nadie se la pase. «Igual que el teléfono»
+ * es quitar la imposición.
+ */
+const aplicar = preferencia => Appearance.setColorScheme(preferencia === "claro" ? "light" : preferencia === "oscuro" ? "dark" : "unspecified");
+
+// La escala tipográfica de Paper trae `System` en iOS y `sans-serif` en Android; en Android se
+// cambia la familia por Inter y se conservan tamaños y pesos de cada variante. Los `Text` de
+// React Native no leen el tema: esos van por `texto.tsx`.
+const fonts = fontFamily ? configureFonts({
+  config: {
+    fontFamily
+  }
+}) : MD3LightTheme.fonts;
+
+/**
+ * El tema de Paper de cada modo, con los colores de la paleta: los componentes de Paper (Card,
+ * Button, Avatar, Menu) no leen la paleta, leen esto.
+ */
+const temaDePaper = (base, c) => ({
+  ...base,
+  fonts,
+  colors: {
+    ...base.colors,
+    primary: c.primary,
+    onPrimary: c.sobrePrimario,
+    primaryLight: c.primaryLight,
+    primaryLighter: c.primaryLighter,
+    primaryDark: c.primaryDark,
+    secondary: c.secondary,
+    secondaryLight: c.secondaryLight,
+    secondaryLighter: c.secondaryLighter,
+    secondaryDark: c.secondaryDark,
+    background: c.fondo,
+    surface: c.superficie,
+    onSurface: c.texto,
+    outline: c.secondaryLighter,
+    surfacePrimary: c.superficie
+  }
+});
+const TEMA_CLARO = temaDePaper(MD3LightTheme, PALETA_CLARA);
+const TEMA_OSCURO = temaDePaper(MD3DarkTheme, PALETA_OSCURA);
+const Contexto = /*#__PURE__*/React.createContext(null);
+
+/**
+ * El tema de la app: lee la preferencia guardada, se la impone a lo nativo, y da el tema de Paper,
+ * la barra de estado y el fondo de la raíz de ahora. Va en el layout raíz, por encima de todo lo
+ * que pinta.
+ *
+ * **No pinta nada hasta leer la preferencia**: así no se asoma el claro un momento en quien eligió
+ * el oscuro. Leerla es una consulta local, no se nota.
+ */
+export function ProveedorDeTema({
+  almacen,
+  children
+}) {
+  const [preferencia, setPreferencia] = React.useState(almacen ? null : "sistema");
+  const oscuro = useEsOscuro();
+  useFondoDeLaRaiz((oscuro ? PALETA_OSCURA : PALETA_CLARA).fondo);
+  React.useEffect(() => {
+    if (!almacen) return;
+    let vigente = true;
+    almacen.leer().catch(() => null).then(guardada => {
+      if (!vigente) return;
+      const valida = PREFERENCIAS.find(p => p === guardada) ?? "sistema";
+      aplicar(valida);
+      setPreferencia(valida);
+    });
+    return () => {
+      vigente = false;
+    };
+    // Se lee una sola vez, al arrancar: un almacén nuevo en cada render no la vuelve a leer.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const valor = React.useMemo(() => preferencia === null ? null : [preferencia, nueva => {
+    aplicar(nueva);
+    setPreferencia(nueva);
+    almacen?.guardar(nueva).catch(() => {});
+  }], [preferencia, almacen]);
+  if (!valor) return null;
+  return /*#__PURE__*/_jsx(Contexto.Provider, {
+    value: valor,
+    children: /*#__PURE__*/_jsxs(PaperProvider, {
+      theme: oscuro ? TEMA_OSCURO : TEMA_CLARO,
+      children: [/*#__PURE__*/_jsx(StatusBar, {
+        style: oscuro ? "light" : "dark"
+      }), children]
+    })
+  });
+}
+
+/** La preferencia del tema y cómo cambiarla (el perfil). Sólo dentro de `ProveedorDeTema`. */
+export function usePreferenciaDeTema() {
+  const valor = React.useContext(Contexto);
+  if (!valor) throw new Error("usePreferenciaDeTema va dentro de <ProveedorDeTema>.");
+  return valor;
+}
+//# sourceMappingURL=ProveedorDeTema.js.map

package/lib/module/tema/ProveedorDeTema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatusBar","React","Appearance","configureFonts","MD3DarkTheme","MD3LightTheme","PaperProvider","useEsOscuro","useFondoDeLaRaiz","fontFamily","PALETA_CLARA","PALETA_OSCURA","jsx","_jsx","jsxs","_jsxs","PREFERENCIAS","aplicar","preferencia","setColorScheme","fonts","config","temaDePaper","base","c","colors","primary","onPrimary","sobrePrimario","primaryLight","primaryLighter","primaryDark","secondary","secondaryLight","secondaryLighter","secondaryDark","background","fondo","surface","superficie","onSurface","texto","outline","surfacePrimary","TEMA_CLARO","TEMA_OSCURO","Contexto","createContext","ProveedorDeTema","almacen","children","setPreferencia","useState","oscuro","useEffect","vigente","leer","catch","then","guardada","valida","find","p","valor","useMemo","nueva","guardar","Provider","value","theme","style","usePreferenciaDeTema","useContext","Error"],"sourceRoot":"../../../src","sources":["tema/ProveedorDeTema.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tema/estilos.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import * as SystemUI from "expo-system-ui";
+import { useEffect } from "react";
+import { StyleSheet, useColorScheme } from "react-native";
+import { PALETA_CLARA, PALETA_OSCURA } from "./paleta";
+
+/**
+ * Si la app se ve oscura. Lee `useColorScheme` y no un contexto: `ProveedorDeTema` le impone la
+ * preferencia a toda la app nativa (`Appearance.setColorScheme`), así que contesta la elegida, o la
+ * del teléfono con «igual que el teléfono». Y así sirve también fuera de los proveedores, en la
+ * pantalla de error del layout raíz.
+ */
+export const useEsOscuro = () => useColorScheme() === "dark";
+
+/** Los colores de ahora (`paleta.ts`). */
+export const usePaleta = () => useEsOscuro() ? PALETA_OSCURA : PALETA_CLARA;
+
+/**
+ * Hojas de estilo que dependen del tema. Se declaran igual que un `StyleSheet.create`, pero con la
+ * paleta como argumento, y dan un hook:
+ *
+ * ```ts
+ * const useStyles = crearEstilos((c) => ({ caja: { backgroundColor: c.superficie } }));
+ * // en el componente:
+ * const styles = useStyles();
+ * ```
+ *
+ * Cada hoja se crea una vez por paleta y se guarda: cambiar de tema no la vuelve a crear en cada
+ * render.
+ */
+export function crearEstilos(fabrica) {
+  const hojas = new Map();
+  return function useEstilos() {
+    const c = usePaleta();
+    let hoja = hojas.get(c);
+    if (!hoja) {
+      hoja = StyleSheet.create(fabrica(c));
+      hojas.set(c, hoja);
+    }
+    return hoja;
+  };
+}
+
+/**
+ * El fondo de la raíz nativa (lo que se ve detrás de una transición) sigue al tema: sin esto, al
+ * empujar una pantalla en oscuro se asomaba un destello blanco.
+ */
+export function useFondoDeLaRaiz(fondo) {
+  useEffect(() => {
+    SystemUI.setBackgroundColorAsync(fondo).catch(() => {});
+  }, [fondo]);
+}
+//# sourceMappingURL=estilos.js.map

package/lib/module/tema/estilos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SystemUI","useEffect","StyleSheet","useColorScheme","PALETA_CLARA","PALETA_OSCURA","useEsOscuro","usePaleta","crearEstilos","fabrica","hojas","Map","useEstilos","c","hoja","get","create","set","useFondoDeLaRaiz","fondo","setBackgroundColorAsync","catch"],"sourceRoot":"../../../src","sources":["tema/estilos.ts"],"mappings":";;AAAA,OAAO,KAAKA,QAAQ,MAAM,gBAAgB;AAC1C,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,EAAEC,cAAc,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,aAAa,QAAqB,UAAU;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAeH,cAAc,CAAC,CAAC,KAAK,MAAM;;AAErE;AACA,OAAO,MAAMI,SAAS,GAAGA,CAAA,KAAeD,WAAW,CAAC,CAAC,GAAGD,aAAa,GAAGD,YAAa;;AAErF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,YAAYA,CAAsCC,OAAyB,EAAE;EACzF,MAAMC,KAAK,GAAG,IAAIC,GAAG,CAAY,CAAC;EAClC,OAAO,SAASC,UAAUA,CAAA,EAAM;IAC5B,MAAMC,CAAC,GAAGN,SAAS,CAAC,CAAC;IACrB,IAAIO,IAAI,GAAGJ,KAAK,CAACK,GAAG,CAACF,CAAC,CAAC;IACvB,IAAI,CAACC,IAAI,EAAE;MACPA,IAAI,GAAGZ,UAAU,CAACc,MAAM,CAACP,OAAO,CAACI,CAAC,CAAC,CAAC;MACpCH,KAAK,CAACO,GAAG,CAACJ,CAAC,EAAEC,IAAI,CAAC;IACtB;IACA,OAAOA,IAAI;EACf,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,gBAAgBA,CAACC,KAAa,EAAE;EAC5ClB,SAAS,CAAC,MAAM;IACZD,QAAQ,CAACoB,uBAAuB,CAACD,KAAK,CAAC,CAACE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;EAC3D,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;AACf","ignoreList":[]}

package/lib/module/tema/fuentes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Platform } from "react-native";
+
+/**
+ * La tipografía de iOS es San Francisco —lo que React Native llama `System`— y no se puede
+ * llevar a Android: la licencia de Apple la limita a sus plataformas. Android se quedaba con
+ * `sans-serif` (Roboto), de ahí que las dos versiones no se parecieran.
+ *
+ * Inter es el sustituto libre (OFL) más cercano a San Francisco: misma altura de x, mismo
+ * aire de fuente de interfaz. Así que Android va con Inter e iOS se queda como está.
+ *
+ * Los seis cortes —de 400 a 900, que son los pesos que usan las pantallas— vienen en
+ * `assets/fonts/` de este paquete y **cada app los registra** como una sola familia en su
+ * `app.json` (plugin de expo-font, sección `android.fonts`; ver el README). Al declarar cada peso
+ * con su archivo, `fontWeight: "600"` toma el SemiBold de verdad en vez de una negrita sintética.
+ * Tocar esa lista obliga a reconstruir el binario, no basta con recargar.
+ */
+export const fontFamily = Platform.select({
+  android: "Inter",
+  default: undefined
+});
+
+/** Familia lista para mezclar en un `style`; `null` donde vale la del sistema. */
+export const fuenteBase = fontFamily ? {
+  fontFamily
+} : null;
+//# sourceMappingURL=fuentes.js.map

package/lib/module/tema/fuentes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","fontFamily","select","android","default","undefined","fuenteBase"],"sourceRoot":"../../../src","sources":["tema/fuentes.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGD,QAAQ,CAACE,MAAM,CAAC;EAAEC,OAAO,EAAE,OAAO;EAAEC,OAAO,EAAEC;AAAU,CAAC,CAAC;;AAEnF;AACA,OAAO,MAAMC,UAAU,GAAGL,UAAU,GAAG;EAAEA;AAAW,CAAC,GAAG,IAAI","ignoreList":[]}

package/lib/module/tema/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { crearEstilos, useEsOscuro, useFondoDeLaRaiz, usePaleta } from "./estilos";
+export { fontFamily, fuenteBase } from "./fuentes";
+export { PALETA_CLARA, PALETA_OSCURA } from "./paleta";
+export { ProveedorDeTema, usePreferenciaDeTema } from "./ProveedorDeTema";
+export { renglon, tipografia } from "./tipografia";
+//# sourceMappingURL=index.js.map

package/lib/module/tema/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","useEsOscuro","useFondoDeLaRaiz","usePaleta","fontFamily","fuenteBase","PALETA_CLARA","PALETA_OSCURA","ProveedorDeTema","usePreferenciaDeTema","renglon","tipografia"],"sourceRoot":"../../../src","sources":["tema/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,gBAAgB,EAAEC,SAAS,QAAQ,WAAW;AAClF,SAASC,UAAU,EAAEC,UAAU,QAAQ,WAAW;AAClD,SAASC,YAAY,EAAEC,aAAa,QAAqB,UAAU;AACnE,SACIC,eAAe,EACfC,oBAAoB,QAGjB,mBAAmB;AAC1B,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/tema/paleta.js

@@ -0,0 +1,107 @@
+"use strict";
+
+/**
+ * Los colores de las apps, **uno por cosa y no por tono**: el fondo, la superficie de una tarjeta,
+ * el texto, el aviso ámbar. Cada pantalla los toma de aquí (`usePaleta`, `crearEstilos`) y no
+ * escribe hexadecimales: así el modo oscuro es cambiar de paleta, no revisar cada pantalla.
+ *
+ * Los nombres `primary…`/`secondary…` son los del `colors` que traían las apps antes de la paleta,
+ * con el mismo sentido. Lo oscuro sigue al portal (`@acvl/frontend-components`, `v1/theme`): fondo
+ * `#121212`, papel `#1e1e1e` y el rojo más claro `#ff4a57`, que sobre negro se lee mejor que el de
+ * la marca.
+ *
+ * Lo que se pinta dentro de un mapa (los colores de estado de una flota, un pin) no sale de aquí:
+ * tiene que leerse igual sobre claro, oscuro y satélite, y lo escoge cada app.
+ */
+
+export const PALETA_CLARA = {
+  esOscuro: false,
+  fondo: "#f7f7f7",
+  superficie: "#ffffff",
+  superficieTenue: "#f1f1f1",
+  texto: "#1a1a1a",
+  sobrePrimario: "#ffffff",
+  velo: "rgba(0,0,0,0.45)",
+  sombra: "#000000",
+  primary: "#ea1b2b",
+  primaryLight: "rgb(242, 118, 127)",
+  primaryLighter: "rgb(250, 209, 212)",
+  primaryDark: "rgb(163, 18, 30)",
+  primaryWash: "rgba(234,27,43,0.08)",
+  secondary: "#606060",
+  secondaryLight: "rgb(159, 159, 159)",
+  secondaryLighter: "rgb(231, 231, 231)",
+  secondaryDark: "rgb(67, 67, 67)",
+  secondaryText: "#3a3d42",
+  eyebrow: "#4B5563",
+  aviso: {
+    fondo: "#fff8e1",
+    tinta: "#8a5300",
+    fuerte: "#b26a00",
+    acento: "#f5b955",
+    sobreFuerte: "#ffffff",
+    borde: "#ffe0a3"
+  },
+  exito: {
+    fondo: "#e8f5e9",
+    tinta: "#2e7d32"
+  },
+  info: {
+    fondo: "#e3f2fd",
+    tinta: "#1565c0"
+  },
+  error: {
+    fondo: "#fdecea",
+    tinta: "#c62828"
+  },
+  morado: {
+    fondo: "#f1e9fd",
+    tinta: "#5b21b6"
+  }
+};
+export const PALETA_OSCURA = {
+  esOscuro: true,
+  fondo: "#121212",
+  superficie: "#1e1e1e",
+  superficieTenue: "#2a2a2a",
+  texto: "#f2f2f2",
+  sobrePrimario: "#ffffff",
+  velo: "rgba(0,0,0,0.65)",
+  sombra: "#000000",
+  primary: "#ff4a57",
+  primaryLight: "rgb(255, 128, 137)",
+  primaryLighter: "rgb(90, 24, 30)",
+  primaryDark: "#ea1b2b",
+  primaryWash: "rgba(255,74,87,0.16)",
+  secondary: "#b3b3b3",
+  secondaryLight: "#8c8c8c",
+  secondaryLighter: "#3a3a3a",
+  secondaryDark: "#d6d6d6",
+  secondaryText: "#c9ccd1",
+  eyebrow: "#a8b0bd",
+  aviso: {
+    fondo: "#3a2e12",
+    tinta: "#ffcc80",
+    fuerte: "#ffb74d",
+    acento: "#c9932f",
+    sobreFuerte: "#1e1e1e",
+    borde: "#6b5320"
+  },
+  exito: {
+    fondo: "#1b3320",
+    tinta: "#81c784"
+  },
+  info: {
+    fondo: "#132a40",
+    tinta: "#90caf9"
+  },
+  error: {
+    fondo: "#3d1a1a",
+    tinta: "#ff8a80"
+  },
+  morado: {
+    fondo: "#2a1d45",
+    tinta: "#c4b5fd"
+  }
+};
+//# sourceMappingURL=paleta.js.map

package/lib/module/tema/paleta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PALETA_CLARA","esOscuro","fondo","superficie","superficieTenue","texto","sobrePrimario","velo","sombra","primary","primaryLight","primaryLighter","primaryDark","primaryWash","secondary","secondaryLight","secondaryLighter","secondaryDark","secondaryText","eyebrow","aviso","tinta","fuerte","acento","sobreFuerte","borde","exito","info","error","morado","PALETA_OSCURA"],"sourceRoot":"../../../src","sources":["tema/paleta.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgEA,OAAO,MAAMA,YAAoB,GAAG;EAChCC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,aAAa,EAAE,SAAS;EACxBC,IAAI,EAAE,kBAAkB;EACxBC,MAAM,EAAE,SAAS;EAEjBC,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE,oBAAoB;EAClCC,cAAc,EAAE,oBAAoB;EACpCC,WAAW,EAAE,kBAAkB;EAC/BC,WAAW,EAAE,sBAAsB;EACnCC,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE,oBAAoB;EACpCC,gBAAgB,EAAE,oBAAoB;EACtCC,aAAa,EAAE,iBAAiB;EAChCC,aAAa,EAAE,SAAS;EACxBC,OAAO,EAAE,SAAS;EAElBC,KAAK,EAAE;IACHlB,KAAK,EAAE,SAAS;IAChBmB,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IAAExB,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC7CM,IAAI,EAAE;IAAEzB,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC5CO,KAAK,EAAE;IAAE1B,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC7CQ,MAAM,EAAE;IAAE3B,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU;AACjD,CAAC;AAED,OAAO,MAAMS,aAAqB,GAAG;EACjC7B,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,aAAa,EAAE,SAAS;EACxBC,IAAI,EAAE,kBAAkB;EACxBC,MAAM,EAAE,SAAS;EAEjBC,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE,oBAAoB;EAClCC,cAAc,EAAE,iBAAiB;EACjCC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,sBAAsB;EACnCC,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,SAAS;EAC3BC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,OAAO,EAAE,SAAS;EAElBC,KAAK,EAAE;IACHlB,KAAK,EAAE,SAAS;IAChBmB,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EACDC,KAAK,EAAE;IAAExB,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC7CM,IAAI,EAAE;IAAEzB,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC5CO,KAAK,EAAE;IAAE1B,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU,CAAC;EAC7CQ,MAAM,EAAE;IAAE3B,KAAK,EAAE,SAAS;IAAEmB,KAAK,EAAE;EAAU;AACjD,CAAC","ignoreList":[]}

package/lib/module/tema/tipografia.js

@@ -0,0 +1,32 @@
+"use strict";
+
+/**
+ * Los tamaños de letra de las apps. Son grandes a propósito: quien las usa lee de pie, con prisa, a
+ * veces con sol y sin lentes, y la letra chica es donde batalla. **Nada baja de `etiqueta`.** Una
+ * pantalla nueva toma de aquí en lugar de inventar su número.
+ */
+export const tipografia = {
+  /** La acción que toca completar: lo único que tiene que leerse de un vistazo. */
+  destacado: 32,
+  /** El folio y lo que identifica la pantalla. */
+  titulo: 24,
+  /** El nombre de un paso, el cliente: lo que se lee primero dentro de una tarjeta. */
+  subtitulo: 21,
+  /** El texto normal: valores, instrucciones, el lugar. */
+  cuerpo: 19,
+  /** Lo que acompaña: direcciones, el siguiente paso, horas. */
+  secundario: 17,
+  /** Rótulos en mayúsculas, chips y pestañas. El mínimo. */
+  etiqueta: 15
+};
+
+/**
+ * Tamaño y alto de renglón explícito para un texto que lleva un icono al lado. `IconoDeRenglon`
+ * usa el mismo alto para centrarse contra el primer renglón; los dos crecen con la escala de
+ * letra del sistema.
+ */
+export const renglon = fontSize => ({
+  fontSize,
+  lineHeight: Math.round(fontSize * 1.3)
+});
+//# sourceMappingURL=tipografia.js.map

package/lib/module/tema/tipografia.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tipografia","destacado","titulo","subtitulo","cuerpo","secundario","etiqueta","renglon","fontSize","lineHeight","Math","round"],"sourceRoot":"../../../src","sources":["tema/tipografia.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG;EACtB;EACAC,SAAS,EAAE,EAAE;EACb;EACAC,MAAM,EAAE,EAAE;EACV;EACAC,SAAS,EAAE,EAAE;EACb;EACAC,MAAM,EAAE,EAAE;EACV;EACAC,UAAU,EAAE,EAAE;EACd;EACAC,QAAQ,EAAE;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAIC,QAAgB,KAAM;EAC1CA,QAAQ;EACRC,UAAU,EAAEC,IAAI,CAACC,KAAK,CAACH,QAAQ,GAAG,GAAG;AACzC,CAAC,CAAC","ignoreList":[]}