orn-ui 0.1.0

package/lib/module/atoms/EmptyState.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: theme.tokens.spacing.xxl - 4,
+    minHeight: 200
+  },
+  title: {
+    fontSize: theme.tokens.fontSize.lg,
+    fontWeight: theme.tokens.fontWeight.semibold,
+    color: theme.colors.textLight,
+    marginTop: theme.tokens.spacing.md - 2,
+    textAlign: 'center'
+  },
+  description: {
+    fontSize: theme.tokens.fontSize.md,
+    color: theme.colors.textLight,
+    marginTop: theme.tokens.spacing.xs + 1,
+    textAlign: 'center'
+  }
+}));
+export const EmptyState = /*#__PURE__*/memo(({
+  title,
+  description,
+  iconName = 'search',
+  icon,
+  style
+}) => {
+  const colors = useColors();
+  const styles = useStyles();
+  const labels = useLabels();
+  const allowFontScaling = useAllowFontScaling();
+  const resolvedTitle = title ?? labels.noResultsTitle;
+  const resolvedDescription = description ?? labels.noResultsDescription;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    accessible: true,
+    accessibilityRole: "text",
+    children: [icon ?? /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: 48,
+      color: colors.textLight
+    }), /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.title,
+      children: resolvedTitle
+    }), /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.description,
+      children: resolvedDescription
+    })]
+  });
+});
+EmptyState.displayName = 'EmptyState';
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/atoms/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","useColors","useLabels","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flex","justifyContent","alignItems","padding","tokens","spacing","xxl","minHeight","title","fontSize","lg","fontWeight","semibold","color","colors","textLight","marginTop","md","textAlign","description","xs","EmptyState","iconName","icon","style","styles","labels","allowFontScaling","resolvedTitle","noResultsTitle","resolvedDescription","noResultsDescription","accessible","accessibilityRole","children","name","size","displayName"],"sourceRoot":"../../../src","sources":["atoms/EmptyState.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,IAAI,QAAwB,cAAc;AACzD,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,EAAEC,SAAS,QAAQ,qBAAqB;AAC/E,SAASC,IAAI,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWrC,MAAMC,SAAS,GAAGT,YAAY,CAAEU,KAAK,KAAM;EACzCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,GAAG,GAAG,CAAC;IACrCC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAEX,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACC,EAAE;IAClCC,UAAU,EAAEb,KAAK,CAACM,MAAM,CAACO,UAAU,CAACC,QAAQ;IAC5CC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC,SAAS;IAC7BC,SAAS,EAAElB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACY,EAAE,GAAG,CAAC;IACtCC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXV,QAAQ,EAAEX,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACQ,EAAE;IAClCJ,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC,SAAS;IAC7BC,SAAS,EAAElB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACe,EAAE,GAAG,CAAC;IACtCF,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMG,UAAU,gBAAGpC,IAAI,CAC5B,CAAC;EAAEuB,KAAK;EAAEW,WAAW;EAAEG,QAAQ,GAAG,QAAQ;EAAEC,IAAI;EAAEC;AAAuB,CAAC,KAAK;EAC7E,MAAMV,MAAM,GAAGxB,SAAS,CAAC,CAAC;EAC1B,MAAMmC,MAAM,GAAG5B,SAAS,CAAC,CAAC;EAC1B,MAAM6B,MAAM,GAAGnC,SAAS,CAAC,CAAC;EAC1B,MAAMoC,gBAAgB,GAAGtC,mBAAmB,CAAC,CAAC;EAC9C,MAAMuC,aAAa,GAAGpB,KAAK,IAAIkB,MAAM,CAACG,cAAc;EACpD,MAAMC,mBAAmB,GAAGX,WAAW,IAAIO,MAAM,CAACK,oBAAoB;EACtE,oBACEnC,KAAA,CAACT,IAAI;IAACqC,KAAK,EAAE,CAACC,MAAM,CAAC1B,SAAS,EAAEyB,KAAK,CAAE;IAACQ,UAAU;IAACC,iBAAiB,EAAC,MAAM;IAAAC,QAAA,GACxEX,IAAI,iBAAI7B,IAAA,CAACF,IAAI;MAAC2C,IAAI,EAAEb,QAAS;MAACc,IAAI,EAAE,EAAG;MAACvB,KAAK,EAAEC,MAAM,CAACC;IAAU,CAAE,CAAC,eACpErB,IAAA,CAACR,IAAI;MAACyC,gBAAgB,EAAEA,gBAAiB;MAACH,KAAK,EAAEC,MAAM,CAACjB,KAAM;MAAA0B,QAAA,EAC3DN;IAAa,CACV,CAAC,eACPlC,IAAA,CAACR,IAAI;MAACyC,gBAAgB,EAAEA,gBAAiB;MAACH,KAAK,EAAEC,MAAM,CAACN,WAAY;MAAAe,QAAA,EACjEJ;IAAmB,CAChB,CAAC;EAAA,CACH,CAAC;AAEX,CACF,CAAC;AACDT,UAAU,CAACgB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/atoms/Fab.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { PressableScale } from './PressableScale';
+import { Icon } from '../icons/Icon';
+import { createStyles } from '../theme/createStyles';
+import { useColors } from '../theme/UIProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  fab: {
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    ...theme.tokens.shadow.lg
+  }
+}));
+
+/**
+ * Fab
+ * Botón flotante circular. `bottom`/`right` en vez del `tabBarHeight`
+ * obligatorio de la versión original — el consumidor decide su propio
+ * offset (con o sin tab bar).
+ */
+export const Fab = /*#__PURE__*/memo(({
+  onPress,
+  iconName = 'plus',
+  icon,
+  size = 60,
+  bottom = 20,
+  right = 20,
+  color,
+  style,
+  accessibilityLabel
+}) => {
+  const styles = useStyles();
+  const colors = useColors();
+  return /*#__PURE__*/_jsx(PressableScale, {
+    onPress: onPress,
+    style: [styles.fab, {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      bottom,
+      right,
+      backgroundColor: color ?? colors.primary
+    }, style],
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    children: icon ?? /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: size * 0.5,
+      color: colors.white
+    })
+  });
+});
+Fab.displayName = 'Fab';
+//# sourceMappingURL=Fab.js.map

package/lib/module/atoms/Fab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","PressableScale","Icon","createStyles","useColors","jsx","_jsx","useStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","onPress","iconName","icon","size","bottom","right","color","style","accessibilityLabel","styles","colors","width","height","borderRadius","backgroundColor","primary","accessibilityRole","children","name","white","displayName"],"sourceRoot":"../../../src","sources":["atoms/Fab.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAchD,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,GAAG,EAAE;IACHC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpB,GAAGJ,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC;EACzB;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,gBAAGhB,IAAI,CACrB,CAAC;EAAEiB,OAAO;EAAEC,QAAQ,GAAG,MAAM;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACxH,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1B,MAAMoB,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1B,oBACEE,IAAA,CAACL,cAAc;IACbgB,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CACLE,MAAM,CAACjB,GAAG,EACV;MACEmB,KAAK,EAAER,IAAI;MACXS,MAAM,EAAET,IAAI;MACZU,YAAY,EAAEV,IAAI,GAAG,CAAC;MACtBC,MAAM;MACNC,KAAK;MACLS,eAAe,EAAER,KAAK,IAAII,MAAM,CAACK;IACnC,CAAC,EACDR,KAAK,CACL;IACFS,iBAAiB,EAAC,QAAQ;IAC1BR,kBAAkB,EAAEA,kBAAmB;IAAAS,QAAA,EAEtCf,IAAI,iBAAIb,IAAA,CAACJ,IAAI;MAACiC,IAAI,EAAEjB,QAAS;MAACE,IAAI,EAAEA,IAAI,GAAG,GAAI;MAACG,KAAK,EAAEI,MAAM,CAACS;IAAM,CAAE;EAAC,CAC1D,CAAC;AAErB,CACF,CAAC;AACDpB,GAAG,CAACqB,WAAW,GAAG,KAAK","ignoreList":[]}

package/lib/module/atoms/IconButton.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { PressableScale } from './PressableScale';
+import { Icon } from '../icons/Icon';
+import { createStyles } from '../theme/createStyles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  hitArea: {
+    padding: theme.tokens.spacing.sm,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+}));
+
+/**
+ * IconButton
+ * Botón de solo ícono con área táctil mínima de 44x44 garantizada por el
+ * padding (icon 24 + padding 8*2 = 40; sube a 44 con size>=24 default RN).
+ * `accessibilityLabel` es obligatorio: sin texto visible, es la única forma
+ * de que un lector de pantalla anuncie qué hace el botón.
+ */
+export const IconButton = /*#__PURE__*/memo(({
+  iconName,
+  icon,
+  onPress,
+  size = 24,
+  color,
+  disabled,
+  style,
+  accessibilityLabel,
+  testID
+}) => {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(PressableScale, {
+    onPress: onPress,
+    disabled: disabled,
+    style: [styles.hitArea, {
+      opacity: disabled ? 0.5 : 1
+    }, style],
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    testID: testID,
+    children: icon ?? (iconName && /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: size,
+      color: color
+    }))
+  });
+});
+IconButton.displayName = 'IconButton';
+//# sourceMappingURL=IconButton.js.map

package/lib/module/atoms/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","PressableScale","Icon","createStyles","jsx","_jsx","useStyles","theme","hitArea","padding","tokens","spacing","sm","alignItems","justifyContent","IconButton","iconName","icon","onPress","size","color","disabled","style","accessibilityLabel","testID","styles","opacity","accessibilityRole","accessibilityState","children","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/IconButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,YAAY,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcrD,MAAMC,SAAS,GAAGH,YAAY,CAAEI,KAAK,KAAM;EACzCC,OAAO,EAAE;IACPC,OAAO,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,EAAE;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGf,IAAI,CAC5B,CAAC;EAAEgB,QAAQ;EAAEC,IAAI;EAAEC,OAAO;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,kBAAkB;EAAEC;AAAwB,CAAC,KAAK;EAC/G,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1B,oBACED,IAAA,CAACJ,cAAc;IACbiB,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAACG,MAAM,CAACjB,OAAO,EAAE;MAAEkB,OAAO,EAAEL,QAAQ,GAAG,GAAG,GAAG;IAAE,CAAC,EAAEC,KAAK,CAAE;IAChEK,iBAAiB,EAAC,QAAQ;IAC1BJ,kBAAkB,EAAEA,kBAAmB;IACvCK,kBAAkB,EAAE;MAAEP,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7CG,MAAM,EAAEA,MAAO;IAAAK,QAAA,EAEdZ,IAAI,KAAKD,QAAQ,iBAAIX,IAAA,CAACH,IAAI;MAAC4B,IAAI,EAAEd,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAC,CAC3D,CAAC;AAErB,CACF,CAAC;AACDL,UAAU,CAACgB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/atoms/Image.js

@@ -0,0 +1,108 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useState } from 'react';
+import { Image as RNImage, Platform, StyleSheet, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { Spinner } from './Spinner';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    overflow: 'hidden',
+    backgroundColor: theme.colors.border + '30'
+  },
+  overlay: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fallback: {
+    flex: 1,
+    backgroundColor: theme.colors.border + '30'
+  }
+}));
+function sourceUri(source) {
+  return typeof source === 'object' && source !== null && 'uri' in source ? source.uri : undefined;
+}
+
+/**
+ * Image
+ * Wrapper cero-dependencias sobre <Image> de RN: agrega estado de carga y
+ * error (con los mismos placeholders que el resto de la librería), y expone
+ * `priority="high"` para adelantar la descarga vía Image.prefetch(). El
+ * cache real (disco/memoria) lo maneja el motor de imágenes nativo de RN —
+ * esto no lo reimplementa, solo no lo deja apagado por accidente: en iOS
+ * fuerza `cache="force-cache"` (usa el disco aunque el header HTTP no lo
+ * pida); en Android el cache de disco de la imagen nativa ya está siempre
+ * activo, no hay knob equivalente que tocar.
+ */
+export const Image = /*#__PURE__*/memo(({
+  source,
+  width,
+  height,
+  resizeMode = 'cover',
+  radius = 0,
+  loading = true,
+  fallback,
+  priority = 'normal',
+  style,
+  onLoadEnd,
+  onError,
+  testID
+}) => {
+  const styles = useStyles();
+  const [status, setStatus] = useState('loading');
+  const uri = sourceUri(source);
+  useEffect(() => {
+    // Resetea el estado si cambia la imagen (misma instancia de Image,
+    // source distinto: p.ej. avatar de un usuario a otro en la misma fila).
+    setStatus('loading');
+  }, [uri ?? source]);
+  useEffect(() => {
+    if (priority === 'high' && uri) {
+      RNImage.prefetch(uri).catch(() => {});
+    }
+  }, [priority, uri]);
+  const handleError = useCallback(e => {
+    setStatus('error');
+    onError?.(e);
+  }, [onError]);
+  const handleLoadEnd = useCallback(() => {
+    setStatus('loaded');
+    onLoadEnd?.();
+  }, [onLoadEnd]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      width,
+      height,
+      borderRadius: radius
+    }, style],
+    testID: testID,
+    children: [status !== 'error' && /*#__PURE__*/_jsx(RNImage, {
+      source: source,
+      resizeMode: resizeMode,
+      style: StyleSheet.absoluteFill,
+      fadeDuration: Platform.OS === 'android' ? 150 : undefined,
+      ...(Platform.OS === 'ios' ? {
+        cache: 'force-cache'
+      } : null),
+      onLoadEnd: handleLoadEnd,
+      onError: handleError
+    }), status === 'loading' && loading !== false && /*#__PURE__*/_jsx(View, {
+      style: [StyleSheet.absoluteFill, styles.overlay],
+      children: loading === true ? /*#__PURE__*/_jsx(Spinner, {
+        size: "small",
+        fullscreen: false
+      }) : loading
+    }), status === 'error' && (fallback ?? /*#__PURE__*/_jsx(View, {
+      style: styles.fallback
+    }))]
+  });
+});
+Image.displayName = 'Image';
+
+/**
+ * Precarga una URL antes de montar el componente (p.ej. al recibir la
+ * respuesta de un listado, antes de navegar al detalle). Re-exporta
+ * Image.prefetch de RN — no hay nada zero-dep que agregarle encima.
+ */
+export const prefetchImage = RNImage.prefetch;
+//# sourceMappingURL=Image.js.map

package/lib/module/atoms/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useState","Image","RNImage","Platform","StyleSheet","View","createStyles","Spinner","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","overflow","backgroundColor","colors","border","overlay","alignItems","justifyContent","fallback","flex","sourceUri","source","uri","undefined","width","height","resizeMode","radius","loading","priority","style","onLoadEnd","onError","testID","styles","status","setStatus","prefetch","catch","handleError","e","handleLoadEnd","borderRadius","children","absoluteFill","fadeDuration","OS","cache","size","fullscreen","displayName","prefetchImage"],"sourceRoot":"../../../src","sources":["atoms/Image.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SACEC,KAAK,IAAIC,OAAO,EAChBC,QAAQ,EACRC,UAAU,EACVC,IAAI,QAOC,cAAc;AACrB,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA2BpC,MAAMC,SAAS,GAAGN,YAAY,CAAEO,KAAK,KAAM;EACzCC,SAAS,EAAE;IAAEC,QAAQ,EAAE,QAAQ;IAAEC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,MAAM,GAAG;EAAK,CAAC;EAC9EC,OAAO,EAAE;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EAC3DC,QAAQ,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEP,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,MAAM,GAAG;EAAK;AACnE,CAAC,CAAC,CAAC;AAEH,SAASM,SAASA,CAACC,MAA2B,EAAsB;EAClE,OAAO,OAAOA,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,IAAI,KAAK,IAAIA,MAAM,GAAGA,MAAM,CAACC,GAAG,GAAGC,SAAS;AAClG;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM1B,KAAK,gBAAGJ,IAAI,CACvB,CAAC;EACC4B,MAAM;EACNG,KAAK;EACLC,MAAM;EACNC,UAAU,GAAG,OAAO;EACpBC,MAAM,GAAG,CAAC;EACVC,OAAO,GAAG,IAAI;EACdV,QAAQ;EACRW,QAAQ,GAAG,QAAQ;EACnBC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC;AACU,CAAC,KAAK;EAChB,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM,CAAC2B,MAAM,EAAEC,SAAS,CAAC,GAAGxC,QAAQ,CAAiC,SAAS,CAAC;EAC/E,MAAM0B,GAAG,GAAGF,SAAS,CAACC,MAAM,CAAC;EAE7B1B,SAAS,CAAC,MAAM;IACd;IACA;IACAyC,SAAS,CAAC,SAAS,CAAC;EACtB,CAAC,EAAE,CAACd,GAAG,IAAID,MAAM,CAAC,CAAC;EAEnB1B,SAAS,CAAC,MAAM;IACd,IAAIkC,QAAQ,KAAK,MAAM,IAAIP,GAAG,EAAE;MAC9BxB,OAAO,CAACuC,QAAQ,CAACf,GAAG,CAAC,CAACgB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC;EACF,CAAC,EAAE,CAACT,QAAQ,EAAEP,GAAG,CAAC,CAAC;EAEnB,MAAMiB,WAAW,GAAG7C,WAAW,CAC5B8C,CAA4C,IAAK;IAChDJ,SAAS,CAAC,OAAO,CAAC;IAClBJ,OAAO,GAAGQ,CAAC,CAAC;EACd,CAAC,EACD,CAACR,OAAO,CACV,CAAC;EAED,MAAMS,aAAa,GAAG/C,WAAW,CAAC,MAAM;IACtC0C,SAAS,CAAC,QAAQ,CAAC;IACnBL,SAAS,GAAG,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACExB,KAAA,CAACN,IAAI;IAAC6B,KAAK,EAAE,CAACI,MAAM,CAACxB,SAAS,EAAE;MAAEc,KAAK;MAAEC,MAAM;MAAEiB,YAAY,EAAEf;IAAO,CAAC,EAAEG,KAAK,CAAE;IAACG,MAAM,EAAEA,MAAO;IAAAU,QAAA,GAC7FR,MAAM,KAAK,OAAO,iBACjB9B,IAAA,CAACP,OAAO;MACNuB,MAAM,EAAEA,MAAO;MACfK,UAAU,EAAEA,UAAW;MACvBI,KAAK,EAAE9B,UAAU,CAAC4C,YAAa;MAC/BC,YAAY,EAAE9C,QAAQ,CAAC+C,EAAE,KAAK,SAAS,GAAG,GAAG,GAAGvB,SAAU;MAAA,IACrDxB,QAAQ,CAAC+C,EAAE,KAAK,KAAK,GAAG;QAAEC,KAAK,EAAE;MAAuB,CAAC,GAAG,IAAI;MACrEhB,SAAS,EAAEU,aAAc;MACzBT,OAAO,EAAEO;IAAY,CACtB,CACF,EACAJ,MAAM,KAAK,SAAS,IAAIP,OAAO,KAAK,KAAK,iBACxCvB,IAAA,CAACJ,IAAI;MAAC6B,KAAK,EAAE,CAAC9B,UAAU,CAAC4C,YAAY,EAAEV,MAAM,CAACnB,OAAO,CAAE;MAAA4B,QAAA,EACpDf,OAAO,KAAK,IAAI,gBAAGvB,IAAA,CAACF,OAAO;QAAC6C,IAAI,EAAC,OAAO;QAACC,UAAU,EAAE;MAAM,CAAE,CAAC,GAAGrB;IAAO,CACrE,CACP,EACAO,MAAM,KAAK,OAAO,KAAKjB,QAAQ,iBAAIb,IAAA,CAACJ,IAAI;MAAC6B,KAAK,EAAEI,MAAM,CAAChB;IAAS,CAAE,CAAC,CAAC;EAAA,CACjE,CAAC;AAEX,CACF,CAAC;AACDrB,KAAK,CAACqD,WAAW,GAAG,OAAO;;AAE3B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGrD,OAAO,CAACuC,QAAQ","ignoreList":[]}

package/lib/module/atoms/Input.js

@@ -0,0 +1,168 @@
+"use strict";
+
+import React, { memo, useRef, useState } from 'react';
+import { ActivityIndicator, Animated, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    marginBottom: theme.tokens.spacing.lg,
+    width: '100%'
+  },
+  label: {
+    marginBottom: theme.tokens.spacing.sm,
+    fontSize: theme.tokens.fontSize.md,
+    fontWeight: theme.tokens.fontWeight.medium,
+    color: theme.colors.text
+  },
+  required: {
+    color: theme.colors.error
+  },
+  inputWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: theme.colors.inputBackground,
+    borderRadius: theme.tokens.radius.lg,
+    borderWidth: 2,
+    minHeight: 50
+  },
+  input: {
+    flex: 1,
+    paddingVertical: theme.tokens.spacing.md,
+    paddingHorizontal: theme.tokens.spacing.lg,
+    fontSize: theme.tokens.fontSize.lg,
+    color: theme.colors.text
+  },
+  leftIcon: {
+    marginLeft: theme.tokens.spacing.lg,
+    marginRight: -theme.tokens.spacing.xs
+  },
+  rightIcon: {
+    padding: theme.tokens.spacing.sm + 2,
+    marginRight: theme.tokens.spacing.xs
+  },
+  errorText: {
+    marginTop: theme.tokens.spacing.xs,
+    fontSize: theme.tokens.fontSize.sm,
+    color: theme.colors.error
+  }
+}));
+
+/**
+ * Input
+ * El borde anima color entre border/primary/error con Animated (no
+ * useNativeDriver: los navegadores de color en RN sin Fabric solo son
+ * confiables en el hilo de JS; el costo es despreciable, se anima un borde).
+ */
+export const Input = /*#__PURE__*/memo(({
+  label,
+  required = false,
+  error,
+  containerStyle,
+  leftIconName,
+  rightIconName,
+  onRightIconPress,
+  isPassword = false,
+  isLoading = false,
+  style,
+  onFocus,
+  onBlur,
+  testID,
+  ...props
+}) => {
+  const colors = useColors();
+  const styles = useStyles();
+  const allowFontScaling = useAllowFontScaling();
+  const [isFocused, setIsFocused] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const focusProgress = useRef(new Animated.Value(0)).current;
+  const handleFocus = e => {
+    setIsFocused(true);
+    Animated.timing(focusProgress, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: false
+    }).start();
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setIsFocused(false);
+    Animated.timing(focusProgress, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: false
+    }).start();
+    onBlur?.(e);
+  };
+  const borderColor = error ? colors.error : focusProgress.interpolate({
+    outputRange: [colors.border, colors.primary],
+    inputRange: [0, 1]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    testID: testID,
+    children: [label && /*#__PURE__*/_jsxs(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.label,
+      children: [label, required && /*#__PURE__*/_jsx(Text, {
+        style: styles.required,
+        children: " *"
+      })]
+    }), /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.inputWrapper, {
+        borderColor
+      }],
+      children: [leftIconName && /*#__PURE__*/_jsx(Icon, {
+        name: leftIconName,
+        size: 20,
+        color: colors.textLight,
+        style: styles.leftIcon
+      }), /*#__PURE__*/_jsx(TextInput, {
+        style: [styles.input, style],
+        placeholderTextColor: colors.textLight,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        secureTextEntry: isPassword && !showPassword,
+        allowFontScaling: allowFontScaling,
+        textAlignVertical: "center",
+        accessibilityLabel: label ?? props.placeholder,
+        ...props
+      }), isLoading ? /*#__PURE__*/_jsx(View, {
+        style: styles.rightIcon,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: colors.primary
+        })
+      }) : isPassword ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setShowPassword(v => !v),
+        style: styles.rightIcon,
+        accessibilityRole: "button",
+        accessibilityLabel: showPassword ? 'Hide password' : 'Show password',
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: showPassword ? 'eye-off' : 'eye',
+          size: 20,
+          color: colors.textLight
+        })
+      }) : rightIconName ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onRightIconPress,
+        style: styles.rightIcon,
+        disabled: !onRightIconPress,
+        accessibilityRole: "button",
+        accessibilityLabel: "Clear",
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: rightIconName,
+          size: 20,
+          color: colors.textLight
+        })
+      }) : null]
+    }), !!error && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.errorText,
+      children: error
+    })]
+  });
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

package/lib/module/atoms/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useRef","useState","ActivityIndicator","Animated","Text","TextInput","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","marginBottom","tokens","spacing","lg","width","label","sm","fontSize","md","fontWeight","medium","color","colors","text","required","error","inputWrapper","flexDirection","alignItems","backgroundColor","inputBackground","borderRadius","radius","borderWidth","minHeight","input","flex","paddingVertical","paddingHorizontal","leftIcon","marginLeft","marginRight","xs","rightIcon","padding","errorText","marginTop","Input","containerStyle","leftIconName","rightIconName","onRightIconPress","isPassword","isLoading","style","onFocus","onBlur","testID","props","styles","allowFontScaling","isFocused","setIsFocused","showPassword","setShowPassword","focusProgress","Value","current","handleFocus","e","timing","toValue","duration","useNativeDriver","start","handleBlur","borderColor","interpolate","outputRange","border","primary","inputRange","children","name","size","textLight","placeholderTextColor","secureTextEntry","textAlignVertical","accessibilityLabel","placeholder","onPress","v","accessibilityRole","disabled","displayName"],"sourceRoot":"../../../src","sources":["atoms/Input.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/KeyValueRow.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling } from '../theme/UIProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: theme.tokens.fontSize.sm,
+    fontWeight: theme.tokens.fontWeight.semibold,
+    color: theme.colors.textLight
+  },
+  value: {
+    fontSize: theme.tokens.fontSize.sm,
+    textAlign: 'right',
+    color: theme.colors.text
+  }
+}));
+
+/**
+ * KeyValueRow
+ * Fila label (izquierda) / value (derecha). Si label/value son string o
+ * number, se renderizan con el estilo default; si ya vienen envueltos en un
+ * componente de texto propio, se respetan tal cual.
+ */
+export const KeyValueRow = /*#__PURE__*/memo(({
+  label,
+  value,
+  style,
+  labelStyle,
+  valueStyle
+}) => {
+  const styles = useStyles();
+  const allowFontScaling = useAllowFontScaling();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.row, style],
+    children: [typeof label === 'string' || typeof label === 'number' ? /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: [styles.label, labelStyle],
+      children: label
+    }) : label, typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: [styles.value, valueStyle],
+      children: value
+    }) : value]
+  });
+});
+KeyValueRow.displayName = 'KeyValueRow';
+//# sourceMappingURL=KeyValueRow.js.map

package/lib/module/atoms/KeyValueRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Text","View","createStyles","useAllowFontScaling","jsx","_jsx","jsxs","_jsxs","useStyles","theme","row","flexDirection","justifyContent","alignItems","label","fontSize","tokens","sm","fontWeight","semibold","color","colors","textLight","value","textAlign","text","KeyValueRow","style","labelStyle","valueStyle","styles","allowFontScaling","children","displayName"],"sourceRoot":"../../../src","sources":["atoms/KeyValueRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU1D,MAAMC,SAAS,GAAGN,YAAY,CAAEO,KAAK,KAAM;EACzCC,GAAG,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE;EAAS,CAAC;EACpFC,KAAK,EAAE;IAAEC,QAAQ,EAAEN,KAAK,CAACO,MAAM,CAACD,QAAQ,CAACE,EAAE;IAAEC,UAAU,EAAET,KAAK,CAACO,MAAM,CAACE,UAAU,CAACC,QAAQ;IAAEC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC;EAAU,CAAC;EAC1HC,KAAK,EAAE;IAAER,QAAQ,EAAEN,KAAK,CAACO,MAAM,CAACD,QAAQ,CAACE,EAAE;IAAEO,SAAS,EAAE,OAAO;IAAEJ,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACI;EAAK;AAC5F,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAG3B,IAAI,CAAC,CAAC;EAAEe,KAAK;EAAES,KAAK;EAAEI,KAAK;EAAEC,UAAU;EAAEC;AAA6B,CAAC,KAAK;EACrG,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1B,MAAMuB,gBAAgB,GAAG5B,mBAAmB,CAAC,CAAC;EAC9C,oBACEI,KAAA,CAACN,IAAI;IAAC0B,KAAK,EAAE,CAACG,MAAM,CAACpB,GAAG,EAAEiB,KAAK,CAAE;IAAAK,QAAA,GAC9B,OAAOlB,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrDT,IAAA,CAACL,IAAI;MAAC+B,gBAAgB,EAAEA,gBAAiB;MAACJ,KAAK,EAAE,CAACG,MAAM,CAAChB,KAAK,EAAEc,UAAU,CAAE;MAAAI,QAAA,EACzElB;IAAK,CACF,CAAC,GAEPA,KACD,EACA,OAAOS,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrDlB,IAAA,CAACL,IAAI;MAAC+B,gBAAgB,EAAEA,gBAAiB;MAACJ,KAAK,EAAE,CAACG,MAAM,CAACP,KAAK,EAAEM,UAAU,CAAE;MAAAG,QAAA,EACzET;IAAK,CACF,CAAC,GAEPA,KACD;EAAA,CACG,CAAC;AAEX,CAAC,CAAC;AACFG,WAAW,CAACO,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/atoms/PressableScale.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { memo, useRef } from 'react';
+import { Animated, Pressable } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PressableScale
+ * Feedback táctil de "achicarse" al presionar, con Animated.spring de RN
+ * (useNativeDriver: true — corre en el hilo nativo, sin coste de JS por frame).
+ * No depende de reanimated: la librería entera es cero-dependencias.
+ */
+export const PressableScale = /*#__PURE__*/memo(({
+  scaleTo = 0.96,
+  style,
+  children,
+  onPressIn,
+  onPressOut,
+  disabled,
+  ...props
+}) => {
+  const scale = useRef(new Animated.Value(1)).current;
+  const animateTo = value => {
+    Animated.spring(scale, {
+      toValue: value,
+      useNativeDriver: true,
+      speed: 50,
+      bounciness: 6
+    }).start();
+  };
+  const handlePressIn = e => {
+    if (!disabled) animateTo(scaleTo);
+    onPressIn?.(e);
+  };
+  const handlePressOut = e => {
+    if (!disabled) animateTo(1);
+    onPressOut?.(e);
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...props,
+    disabled: disabled,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    style: style,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        transform: [{
+          scale
+        }]
+      },
+      children: children
+    })
+  });
+});
+PressableScale.displayName = 'PressableScale';
+//# sourceMappingURL=PressableScale.js.map

package/lib/module/atoms/PressableScale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","View","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,SAAS,QAAyD,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGN,IAAI,CAChC,CAAC;EAAEO,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAGb,MAAM,CAAC,IAAIC,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnChB,QAAQ,CAACiB,MAAM,CAACL,KAAK,EAAE;MACrBM,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAACV,OAAO,CAAC;IACjCG,SAAS,GAAGgB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAAC,CAAC,CAAC;IAC3BN,UAAU,GAAGe,CAAC,CAAC;EACjB,CAAC;EAED,oBACErB,IAAA,CAACF,SAAS;IAAA,GACJU,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEe,aAAc;IACzBd,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAEA,KAAM;IAAAC,QAAA,eAEbJ,IAAA,CAACH,QAAQ,CAAC0B,IAAI;MAACpB,KAAK,EAAE;QAAEqB,SAAS,EAAE,CAAC;UAAEf;QAAM,CAAC;MAAE,CAAE;MAAAL,QAAA,EAAEA;IAAQ,CAAgB;EAAC,CACnE,CAAC;AAEhB,CACF,CAAC;AACDH,cAAc,CAACwB,WAAW,GAAG,gBAAgB","ignoreList":[]}