@acvl/mobile-components 0.0.0-stage → 0.0.2

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["IconoDeRenglon","Text","crearEstilos","renglon","tipografia","usePaleta","Pressable","View","jsx","_jsx","jsxs","_jsxs","OpcionesExcluyentes","opciones","valor","onElegir","c","styles","useStyles","style","children","map","opcion","elegida","onPress","accessibilityRole","accessibilityState","selected","opcionElegida","name","fontSize","subtitulo","color","primary","secondaryLight","opcionTexto","texto","String","gap","flexDirection","alignItems","backgroundColor","superficie","borderRadius","borderWidth","borderColor","secondaryLighter","padding","primaryWash","flex","fontWeight"],"sourceRoot":"../../../src","sources":["componentes/OpcionesExcluyentes.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,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,MAAMC,mBAAmB,GAAGA,CAA6B;EACrDC,QAAQ;EACRC,KAAK;EACLC;AAKJ,CAAC,KAAK;EACF,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIT,IAAA,CAACF,IAAI;IAACY,KAAK,EAAEF,MAAM,CAACJ,QAAS;IAAAO,QAAA,EACxBP,QAAQ,CAACQ,GAAG,CAAEC,MAAM,IAAK;MACtB,MAAMC,OAAO,GAAGD,MAAM,CAACR,KAAK,KAAKA,KAAK;MACtC,oBACIH,KAAA,CAACL,SAAS;QAENkB,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAACO,MAAM,CAACR,KAAK,CAAE;QACtCW,iBAAiB,EAAC,OAAO;QACzBC,kBAAkB,EAAE;UAAEC,QAAQ,EAAEJ;QAAQ,CAAE;QAC1CJ,KAAK,EAAE,CAACF,MAAM,CAACK,MAAM,EAAEC,OAAO,IAAIN,MAAM,CAACW,aAAa,CAAE;QAAAR,QAAA,gBAExDX,IAAA,CAACT,cAAc;UACX6B,IAAI,EAAEN,OAAO,GAAG,iBAAiB,GAAG,gBAAiB;UACrDO,QAAQ,EAAE1B,UAAU,CAAC2B,SAAU;UAC/BC,KAAK,EAAET,OAAO,GAAGP,CAAC,CAACiB,OAAO,GAAGjB,CAAC,CAACkB;QAAe,CACjD,CAAC,eACFzB,IAAA,CAACR,IAAI;UAACkB,KAAK,EAAEF,MAAM,CAACkB,WAAY;UAAAf,QAAA,EAAEE,MAAM,CAACc;QAAK,CAAO,CAAC;MAAA,GAXjDC,MAAM,CAACf,MAAM,CAACR,KAAK,CAYjB,CAAC;IAEpB,CAAC;EAAC,CACA,CAAC;AAEf,CAAC;AAED,MAAMI,SAAS,GAAGhB,YAAY,CAAEc,CAAC,KAAM;EACnCH,QAAQ,EAAE;IAAEyB,GAAG,EAAE;EAAG,CAAC;EACrBhB,MAAM,EAAE;IACJiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBF,GAAG,EAAE,CAAC;IACNG,eAAe,EAAEzB,CAAC,CAAC0B,UAAU;IAC7BC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE7B,CAAC,CAAC8B,gBAAgB;IAC/BC,OAAO,EAAE;EACb,CAAC;EACDnB,aAAa,EAAE;IAAEiB,WAAW,EAAE7B,CAAC,CAACiB,OAAO;IAAEQ,eAAe,EAAEzB,CAAC,CAACgC;EAAY,CAAC;EACzEb,WAAW,EAAE;IAAEc,IAAI,EAAE,CAAC;IAAE,GAAG9C,OAAO,CAACC,UAAU,CAAC2B,SAAS,CAAC;IAAEmB,UAAU,EAAE,KAAK;IAAElB,KAAK,EAAEhB,CAAC,CAACoB;EAAM;AAChG,CAAC,CAAC,CAAC;AAEH,eAAexB,mBAAmB","ignoreList":[]}

package/lib/module/componentes/PantallaDeError.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import { useEffect } from "react";
+import { ScrollView } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Text } from "../texto";
+import { crearEstilos, tipografia, usePaleta } from "../tema";
+import BotonGrande from "./BotonGrande";
+
+/** Lo que expo-router le pasa al `ErrorBoundary` de un layout. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Lo que se ve cuando una pantalla truena al pintarse, en vez de la pantalla roja (en desarrollo) o
+ * de una app que se cierra sola (en producción). Es el `ErrorBoundary` de expo-router: lo exporta el
+ * layout raíz, envuelto para pasarle `onError`.
+ *
+ * El error se reporta aquí (`onError`, a Sentry): React no lo deja llegar al manejador global una
+ * vez que una frontera lo atrapa. «Reintentar» vuelve a montar la pantalla.
+ *
+ * No usa nada de Paper ni de un proveedor: si lo que tronó es el layout raíz, aquí no hay
+ * proveedores.
+ */
+const PantallaDeError = ({
+  error,
+  retry,
+  onError,
+  mensaje = "Esta pantalla no se pudo abrir. Intenta de nuevo; si vuelve a pasar, avisa a soporte."
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  useEffect(() => {
+    onError?.(error);
+    // Se reporta una vez por error, aunque quien llama pase un `onError` nuevo en cada render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [error]);
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.root,
+    children: /*#__PURE__*/_jsxs(ScrollView, {
+      contentContainerStyle: styles.contenido,
+      children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "alert-octagon-outline",
+        size: 64,
+        color: c.primary
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.titulo,
+        children: "Algo sali\xF3 mal"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.texto,
+        children: mensaje
+      }), /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "refresh",
+        onPress: () => void retry(),
+        children: "Reintentar"
+      })]
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  contenido: {
+    flexGrow: 1,
+    justifyContent: "center",
+    alignItems: "stretch",
+    gap: 16,
+    padding: 24
+  },
+  titulo: {
+    fontSize: tipografia.titulo,
+    fontWeight: "800",
+    color: c.secondaryDark,
+    textAlign: "center"
+  },
+  texto: {
+    fontSize: tipografia.cuerpo,
+    color: c.secondary,
+    textAlign: "center"
+  }
+}));
+export default PantallaDeError;
+//# sourceMappingURL=PantallaDeError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialCommunityIcons","useEffect","ScrollView","SafeAreaView","Text","crearEstilos","tipografia","usePaleta","BotonGrande","jsx","_jsx","jsxs","_jsxs","PantallaDeError","error","retry","onError","mensaje","c","styles","useStyles","style","root","children","contentContainerStyle","contenido","name","size","color","primary","titulo","texto","icono","onPress","flex","backgroundColor","fondo","flexGrow","justifyContent","alignItems","gap","padding","fontSize","fontWeight","secondaryDark","textAlign","cuerpo","secondary"],"sourceRoot":"../../../src","sources":["componentes/PantallaDeError.tsx"],"mappings":";;AAAA,OAAOA,sBAAsB,MAAM,2CAA2C;AAC9E,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AAC7D,OAAOC,WAAW,MAAM,eAAe;;AAEvC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAGA,CAAC;EACrBC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,OAAO,GAAG;AAKd,CAAC,KAAK;EACF,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1BnB,SAAS,CAAC,MAAM;IACZe,OAAO,GAAGF,KAAK,CAAC;IAChB;IACA;EACJ,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACIJ,IAAA,CAACP,YAAY;IAACkB,KAAK,EAAEF,MAAM,CAACG,IAAK;IAAAC,QAAA,eAC7BX,KAAA,CAACV,UAAU;MAACsB,qBAAqB,EAAEL,MAAM,CAACM,SAAU;MAAAF,QAAA,gBAChDb,IAAA,CAACV,sBAAsB;QAAC0B,IAAI,EAAC,uBAAuB;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEV,CAAC,CAACW;MAAQ,CAAE,CAAC,eACnFnB,IAAA,CAACN,IAAI;QAACiB,KAAK,EAAEF,MAAM,CAACW,MAAO;QAAAP,QAAA,EAAC;MAAc,CAAM,CAAC,eACjDb,IAAA,CAACN,IAAI;QAACiB,KAAK,EAAEF,MAAM,CAACY,KAAM;QAAAR,QAAA,EAAEN;MAAO,CAAO,CAAC,eAC3CP,IAAA,CAACF,WAAW;QAACwB,KAAK,EAAC,SAAS;QAACC,OAAO,EAAEA,CAAA,KAAM,KAAKlB,KAAK,CAAC,CAAE;QAAAQ,QAAA,EAAC;MAE1D,CAAa,CAAC;IAAA,CACN;EAAC,CACH,CAAC;AAEvB,CAAC;AAED,MAAMH,SAAS,GAAGf,YAAY,CAAEa,CAAC,KAAM;EACnCI,IAAI,EAAE;IAAEY,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEjB,CAAC,CAACkB;EAAM,CAAC;EAC3CX,SAAS,EAAE;IACPY,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,SAAS;IACrBC,GAAG,EAAE,EAAE;IACPC,OAAO,EAAE;EACb,CAAC;EACDX,MAAM,EAAE;IACJY,QAAQ,EAAEpC,UAAU,CAACwB,MAAM;IAC3Ba,UAAU,EAAE,KAAK;IACjBf,KAAK,EAAEV,CAAC,CAAC0B,aAAa;IACtBC,SAAS,EAAE;EACf,CAAC;EACDd,KAAK,EAAE;IAAEW,QAAQ,EAAEpC,UAAU,CAACwC,MAAM;IAAElB,KAAK,EAAEV,CAAC,CAAC6B,SAAS;IAAEF,SAAS,EAAE;EAAS;AAClF,CAAC,CAAC,CAAC;AAEH,eAAehC,eAAe","ignoreList":[]}

package/lib/module/componentes/Pestanas.js

@@ -0,0 +1,87 @@
+"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 { Pressable, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * La tira de pestañas dentro de una pantalla: la misma de las listas de acv-wms (Cobranza,
+ * Importaciones), con su icono, y la elegida en rojo sobre un lavado rojo. Allá se repite en
+ * cada pantalla; aquí es un componente para que cada sección nueva la reutilice.
+ *
+ * Los iconos son de MaterialCommunityIcons, la familia de Paper, y no de MaterialIcons como en
+ * wms: es la que tiene `progress-clock`, el de Actual.
+ *
+ * **El icono va arriba del texto**, no al lado como en wms: con la letra del operador
+ * (`tipografia.etiqueta`) tres rótulos en fila no caben en un teléfono, y el botón más alto
+ * también se atina mejor con prisa. El rótulo no se encoge por debajo de `etiqueta`, que es el
+ * mínimo: con la letra muy grande, parte en otro renglón.
+ */
+const Pestanas = ({
+  pestanas,
+  activa,
+  onSelect
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.tabs,
+    children: pestanas.map(p => {
+      const on = p.key === activa;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        onPress: () => onSelect(p.key),
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected: on
+        },
+        style: [styles.tab, on && styles.tabOn],
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: p.icono,
+          size: 22,
+          color: on ? c.primary : c.secondaryLight
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.tabText, on && styles.tabTextOn],
+          children: p.label
+        })]
+      }, p.key);
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  tabs: {
+    flexDirection: "row",
+    gap: 6,
+    marginBottom: 12
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 2,
+    paddingVertical: 8,
+    paddingHorizontal: 6,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    borderColor: "transparent",
+    backgroundColor: c.superficie
+  },
+  tabOn: {
+    borderColor: c.primary,
+    backgroundColor: c.primaryWash
+  },
+  tabText: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "500",
+    color: c.secondaryLight,
+    textAlign: "center"
+  },
+  // Sólo el color, sin negritas: en negritas «Por iniciar» ya no cabía en un renglón y la pestaña
+  // crecía al elegirla. Lo elegido ya lo dicen el borde y el fondo.
+  tabTextOn: {
+    color: c.primary
+  }
+}));
+export default Pestanas;
+//# sourceMappingURL=Pestanas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","Text","MaterialCommunityIcons","React","Pressable","View","jsx","_jsx","jsxs","_jsxs","Pestanas","pestanas","activa","onSelect","c","styles","useStyles","style","tabs","children","map","p","on","key","onPress","accessibilityRole","accessibilityState","selected","tab","tabOn","name","icono","size","color","primary","secondaryLight","tabText","tabTextOn","label","flexDirection","gap","marginBottom","flex","alignItems","justifyContent","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","superficie","primaryWash","etiqueta","fontWeight","textAlign"],"sourceRoot":"../../../src","sources":["componentes/Pestanas.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,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAGA,CAAmB;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAmB,CAAC,KAAK;EAC7E,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIT,IAAA,CAACF,IAAI;IAACY,KAAK,EAAEF,MAAM,CAACG,IAAK;IAAAC,QAAA,EACpBR,QAAQ,CAACS,GAAG,CAAEC,CAAC,IAAK;MACjB,MAAMC,EAAE,GAAGD,CAAC,CAACE,GAAG,KAAKX,MAAM;MAC3B,oBACIH,KAAA,CAACL,SAAS;QAENoB,OAAO,EAAEA,CAAA,KAAMX,QAAQ,CAACQ,CAAC,CAACE,GAAG,CAAE;QAC/BE,iBAAiB,EAAC,KAAK;QACvBC,kBAAkB,EAAE;UAAEC,QAAQ,EAAEL;QAAG,CAAE;QACrCL,KAAK,EAAE,CAACF,MAAM,CAACa,GAAG,EAAEN,EAAE,IAAIP,MAAM,CAACc,KAAK,CAAE;QAAAV,QAAA,gBAExCZ,IAAA,CAACL,sBAAsB;UACnB4B,IAAI,EAAET,CAAC,CAACU,KAAM;UACdC,IAAI,EAAE,EAAG;UACTC,KAAK,EAAEX,EAAE,GAAGR,CAAC,CAACoB,OAAO,GAAGpB,CAAC,CAACqB;QAAe,CAC5C,CAAC,eACF5B,IAAA,CAACN,IAAI;UAACgB,KAAK,EAAE,CAACF,MAAM,CAACqB,OAAO,EAAEd,EAAE,IAAIP,MAAM,CAACsB,SAAS,CAAE;UAAAlB,QAAA,EAAEE,CAAC,CAACiB;QAAK,CAAO,CAAC;MAAA,GAXlEjB,CAAC,CAACE,GAYA,CAAC;IAEpB,CAAC;EAAC,CACA,CAAC;AAEf,CAAC;AAED,MAAMP,SAAS,GAAGnB,YAAY,CAAEiB,CAAC,KAAM;EACnCI,IAAI,EAAE;IAAEqB,aAAa,EAAE,KAAK;IAAEC,GAAG,EAAE,CAAC;IAAEC,YAAY,EAAE;EAAG,CAAC;EACxDb,GAAG,EAAE;IACDc,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,GAAG,EAAE,CAAC;IACNK,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAE,aAAa;IAC1BC,eAAe,EAAEpC,CAAC,CAACqC;EACvB,CAAC;EACDtB,KAAK,EAAE;IAAEoB,WAAW,EAAEnC,CAAC,CAACoB,OAAO;IAAEgB,eAAe,EAAEpC,CAAC,CAACsC;EAAY,CAAC;EACjEhB,OAAO,EAAE;IACL,GAAGtC,OAAO,CAACC,UAAU,CAACsD,QAAQ,CAAC;IAC/BC,UAAU,EAAE,KAAK;IACjBrB,KAAK,EAAEnB,CAAC,CAACqB,cAAc;IACvBoB,SAAS,EAAE;EACf,CAAC;EACD;EACA;EACAlB,SAAS,EAAE;IAAEJ,KAAK,EAAEnB,CAAC,CAACoB;EAAQ;AAClC,CAAC,CAAC,CAAC;AAEH,eAAexB,QAAQ","ignoreList":[]}

package/lib/module/componentes/Rotulo.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia } from "../tema";
+
+/** El rótulo de una sección de un formulario, en mayúsculas: «Referencias», «Sello». */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Rotulo = ({
+  children
+}) => {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(Text, {
+    style: styles.rotulo,
+    children: children
+  });
+};
+const useStyles = crearEstilos(c => ({
+  rotulo: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8,
+    marginTop: 8
+  }
+}));
+export default Rotulo;
+//# sourceMappingURL=Rotulo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","jsx","_jsx","Rotulo","children","styles","useStyles","style","rotulo","c","etiqueta","fontWeight","color","secondary","textTransform","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["componentes/Rotulo.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,QAAQ,SAAS;;AAE3D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnD,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBAAOJ,IAAA,CAACL,IAAI;IAACU,KAAK,EAAEF,MAAM,CAACG,MAAO;IAAAJ,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACxD,CAAC;AAED,MAAME,SAAS,GAAGR,YAAY,CAAEW,CAAC,KAAM;EACnCD,MAAM,EAAE;IACJ,GAAGT,OAAO,CAACC,UAAU,CAACU,QAAQ,CAAC;IAC/BC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEH,CAAC,CAACI,SAAS;IAClBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC,CAAC;AAEH,eAAeb,MAAM","ignoreList":[]}