orn-ui 0.2.9 → 0.3.0

package/lib/commonjs/atoms/EmptyState.js

@@ -9,36 +9,65 @@ var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _Icon = require("../icons/Icon");
+var _Button = require("./Button");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Icon size: the block's focal point without competing with the title. */
+const ICON_SIZE = 48;
+/** Minimum height: the block doesn't get squashed inside a short empty list. */
+const MIN_HEIGHT = 200;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    padding: theme.tokens.spacing.xxl - 4,
-    minHeight: 200
+    padding: theme.tokens.spacing.xl,
+    minHeight: MIN_HEIGHT
   },
   title: {
     fontSize: theme.tokens.fontSize.lg,
     fontWeight: theme.tokens.fontWeight.semibold,
-    color: theme.colors.textLight,
-    marginTop: theme.tokens.spacing.md - 2,
+    lineHeight: theme.tokens.lineHeight.lg,
+    color: theme.colors.text,
+    marginTop: theme.tokens.spacing.md,
     textAlign: 'center'
   },
   description: {
     fontSize: theme.tokens.fontSize.md,
+    lineHeight: theme.tokens.lineHeight.md,
     color: theme.colors.textLight,
-    marginTop: theme.tokens.spacing.xs + 1,
+    marginTop: theme.tokens.spacing.xs,
     textAlign: 'center'
+  },
+  message: {
+    alignItems: 'center'
+  },
+  action: {
+    marginTop: theme.tokens.spacing.lg
   }
 }));
+
+/**
+ * EmptyState
+ * Centered icon + title + description for a list or screen with no data.
+ *
+ * Gestalt, proximity: title and description sit close together (`spacing.xs`)
+ * and the icon one step further (`spacing.md`), so they read as a message
+ * with its image and not as three loose pieces. Similarity: the title in
+ * `text` and the description in `textLight` mark the hierarchy. The action,
+ * if any, is set further apart (`spacing.lg`): it is the next step, not part
+ * of the message.
+ * The message is a single accessibility node (title and description together;
+ * the icon is decorative) and the button a separate, focusable one.
+ */
 const EmptyState = exports.EmptyState = /*#__PURE__*/(0, _react.memo)(({
   title,
   description,
   iconName = 'search',
   icon,
-  style
+  action,
+  style,
+  testID
 }) => {
   const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
@@ -48,20 +77,29 @@ const EmptyState = exports.EmptyState = /*#__PURE__*/(0, _react.memo)(({
   const resolvedDescription = description ?? labels.noResultsDescription;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, style],
-    accessible: true,
-    accessibilityRole: "text",
-    children: [icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-      name: iconName,
-      size: 48,
-      color: colors.textLight
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      allowFontScaling: allowFontScaling,
-      style: styles.title,
-      children: resolvedTitle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      allowFontScaling: allowFontScaling,
-      style: styles.description,
-      children: resolvedDescription
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.message,
+      accessible: true,
+      accessibilityRole: "text",
+      children: [icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: iconName,
+        size: ICON_SIZE,
+        color: colors.textLight
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        allowFontScaling: allowFontScaling,
+        style: styles.title,
+        children: resolvedTitle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        allowFontScaling: allowFontScaling,
+        style: styles.description,
+        children: resolvedDescription
+      })]
+    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      title: action.label,
+      onPress: action.onPress,
+      variant: action.variant ?? 'primary',
+      style: styles.action
     })]
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flex","justifyContent","alignItems","padding","tokens","spacing","xxl","minHeight","title","fontSize","lg","fontWeight","semibold","color","colors","textLight","marginTop","md","textAlign","description","xs","EmptyState","exports","memo","iconName","icon","style","useColors","styles","labels","useLabels","allowFontScaling","useAllowFontScaling","resolvedTitle","noResultsTitle","resolvedDescription","noResultsDescription","jsxs","View","accessible","accessibilityRole","children","jsx","Icon","name","size","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/EmptyState.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_Button","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ICON_SIZE","MIN_HEIGHT","useStyles","createStyles","theme","container","flex","justifyContent","alignItems","padding","tokens","spacing","xl","minHeight","title","fontSize","lg","fontWeight","semibold","lineHeight","color","colors","text","marginTop","md","textAlign","description","textLight","xs","message","action","EmptyState","exports","memo","iconName","icon","style","testID","useColors","styles","labels","useLabels","allowFontScaling","useAllowFontScaling","resolvedTitle","noResultsTitle","resolvedDescription","noResultsDescription","jsxs","View","children","accessible","accessibilityRole","jsx","Icon","name","size","Text","Button","label","onPress","variant","displayName"],"sourceRoot":"../../../src","sources":["atoms/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/Fab.js

@@ -7,10 +7,15 @@ exports.Fab = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _PressableScale = require("./PressableScale");
 var _Icon = require("../icons/Icon");
+var _defaultIcons = require("../icons/defaultIcons");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Default diameter: comfortably above the 44pt touch minimum (Fitts). */
+const DEFAULT_SIZE = 60;
+/** The glyph takes up half the circle. */
+const ICON_RATIO = 0.5;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   fab: {
     position: 'absolute',
@@ -22,39 +27,54 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
 
 /**
  * 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).
+ * Circular floating button for the screen's main action.
+ * `bottom`/`right` instead of the required `tabBarHeight` of the original
+ * version — the consumer decides its own offset (with or without a tab bar).
+ *
+ * Gestalt, figure/ground: it is the only thing that floats (`lg` shadow) and
+ * carries the accent, so it stands apart from the content passing beneath it
+ * (Von Restorff: one per screen). Fitts: large and in the thumb's corner,
+ * above the safe area so it doesn't compete with the home gesture.
  */
 const Fab = exports.Fab = /*#__PURE__*/(0, _react.memo)(({
   onPress,
   iconName = 'plus',
   icon,
-  size = 60,
-  bottom = 20,
-  right = 20,
+  size = DEFAULT_SIZE,
+  bottom,
+  right,
+  safeArea = true,
   color,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  testID
 }) => {
   const styles = useStyles();
   const colors = (0, _UIProvider.useColors)();
+  const theme = (0, _UIProvider.useTheme)();
+  const insets = (0, _UIProvider.useInsets)();
+  const fill = color ?? colors.primary;
+  // With the theme color, its `onPrimary`; with a custom one, black or white
+  // depending on contrast (a cyan with a white icon was unreadable).
+  const glyph = color ? (0, _defaultIcons.onColor)(color) : colors.onPrimary;
+  const edge = theme.tokens.spacing.xl;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableScale.PressableScale, {
     onPress: onPress,
     style: [styles.fab, {
       width: size,
       height: size,
       borderRadius: size / 2,
-      bottom,
-      right,
-      backgroundColor: color ?? colors.primary
+      bottom: (bottom ?? edge) + (safeArea ? insets.bottom : 0),
+      right: (right ?? edge) + (safeArea ? insets.right : 0),
+      backgroundColor: fill
     }, style],
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
+    testID: testID,
     children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       name: iconName,
-      size: size * 0.5,
-      color: colors.onPrimary
+      size: size * ICON_RATIO,
+      color: glyph
     })
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_PressableScale","_Icon","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","exports","memo","onPress","iconName","icon","size","bottom","right","color","style","accessibilityLabel","styles","colors","useColors","jsx","PressableScale","width","height","borderRadius","backgroundColor","primary","accessibilityRole","children","Icon","name","onPrimary","displayName"],"sourceRoot":"../../../src","sources":["atoms/Fab.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PressableScale","_Icon","_defaultIcons","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_SIZE","ICON_RATIO","useStyles","createStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","exports","memo","onPress","iconName","icon","size","bottom","right","safeArea","color","style","accessibilityLabel","testID","styles","colors","useColors","useTheme","insets","useInsets","fill","primary","glyph","onColor","onPrimary","edge","spacing","xl","jsx","PressableScale","width","height","borderRadius","backgroundColor","accessibilityRole","children","Icon","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/Fab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/Gradient.js

@@ -8,19 +8,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const DEFAULT_STEPS = 24;
+const DEFAULT_STEPS = 48;
 const styles = _reactNative.StyleSheet.create({
-  // Recorta el plano rotado de las diagonales y el degradado al borderRadius.
+  // Clips the rotated plane of the diagonals and the gradient to the borderRadius.
   root: {
     overflow: 'hidden'
   },
-  segment: {
-    flex: 1
-  },
-  band: {
-    flex: 1
-  },
-  // Plano √2 centrado: rotado 45° cubre las esquinas sin medir el contenedor.
+  // Centered √2 plane: covers the corners of a SQUARE container without
+  // measuring it. Only used until the first onLayout; after that the plane is
+  // sized with the real diagonal (see `diagonalBox`).
   diagonalPlane: {
     position: 'absolute',
     top: '-21%',
@@ -30,16 +26,54 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+/**
+ * Opacities of stacked layers: layer k (from 1 to n-1) starts at k/n and
+ * runs to the end of the segment; stacked with "over", the total opacity in
+ * band k is k/(n-1), same as side-by-side bands. The difference: no layer
+ * edge sits next to a gap, so the antialiasing of an edge (especially when
+ * rotated) blends with the color of the layer below and not with what is
+ * behind the gradient — without the thin lines between bands.
+ */
+function layerOpacities(n) {
+  const out = [];
+  let prev = 0;
+  for (let k = 1; k < n; k += 1) {
+    const total = k / (n - 1);
+    out.push(prev >= 1 ? 1 : 1 - (1 - total) / (1 - prev));
+    prev = total;
+  }
+  return out;
+}
+
+/** Square with the diagonal as its side, centered: rotated 45° it covers any rectangle. */
+function diagonalBox(width, height) {
+  const side = Math.hypot(width, height);
+  return {
+    position: 'absolute',
+    width: side,
+    height: side,
+    left: (width - side) / 2,
+    top: (height - side) / 2
+  };
+}
+
 /**
  * Gradient
- * Degradado lineal sin dependencias: React Native no trae uno en el rango
- * soportado (Expo SDK 54–57) y `experimental_backgroundImage` no está en toda
- * esa ventana, así que se compone con bandas.
+ * Dependency-free linear gradient: React Native doesn't ship one in the
+ * supported range (Expo SDK 54–57) and `experimental_backgroundImage` isn't
+ * available across that whole window, so it is composed from bands.
+ *
+ * Each segment paints the start color and, on top, layers of the end color
+ * that accumulate (see `layerOpacities`). The compositor blends alpha linearly:
+ * the result is the sRGB interpolation between stops without parsing the
+ * color, which is why any format RN accepts works (hex, `rgba()`, name). The
+ * layers run to the end of the plane so no thin lines are left between
+ * bands, and the diagonals rotate a square the size of the measured diagonal
+ * to cover any rectangle, not just squares.
  *
- * Cada tramo pinta el color inicial y encima N bandas del final con opacidad
- * de 0 a 1. El compositor mezcla alpha linealmente: el resultado es la
- * interpolación sRGB entre paradas sin parsear el color, y por eso vale
- * cualquier formato que acepte RN (hex, `rgba()`, nombre).
+ * Gestalt, figure and ground: content on top must contrast with ALL the
+ * stops, not just the first — white text that reads well over the blue at
+ * the start can get lost over the light blue at the end.
  */
 const Gradient = exports.Gradient = /*#__PURE__*/(0, _react.memo)(({
   colors,
@@ -51,10 +85,21 @@ const Gradient = exports.Gradient = /*#__PURE__*/(0, _react.memo)(({
 }) => {
   const isRow = direction === 'horizontal';
   const isDiagonal = direction === 'diagonal' || direction === 'diagonal-reverse';
-  // rotate positivo gira en horario (Y crece hacia abajo): -45° manda el eje
-  // del degradado hacia abajo-derecha.
+  // positive rotate turns clockwise (Y grows downward): -45° sends the
+  // gradient axis down-right.
   const rotate = direction === 'diagonal' ? '-45deg' : '45deg';
   const bandCount = Math.max(2, Math.floor(steps));
+  const [size, setSize] = (0, _react.useState)(null);
+  const onLayout = isDiagonal ? e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    setSize(prev => prev && prev.width === width && prev.height === height ? prev : {
+      width,
+      height
+    });
+  } : undefined;
   const painted = (0, _react.useMemo)(() => {
     if (colors.length === 0) return null;
     if (colors.length === 1) {
@@ -64,42 +109,63 @@ const Gradient = exports.Gradient = /*#__PURE__*/(0, _react.memo)(({
         }]
       });
     }
-    const segments = colors.slice(0, -1).map((from, index) => {
+    const segmentCount = colors.length - 1;
+    const opacities = layerOpacities(bandCount);
+    // From `start` (fraction of the axis) to the end of the plane.
+    const from = start => isRow ? {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: `${start * 100}%`
+    } : {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 0,
+      top: `${start * 100}%`
+    };
+
+    // Segments are stacked too: each one covers the previous from its start,
+    // and since it begins with the color the previous one ended with, the
+    // edge between segments doesn't show the background.
+    const segments = colors.slice(0, -1).map((start, index) => {
       const to = colors[index + 1];
+      const segStart = index / segmentCount;
+      const segLength = 1 / segmentCount;
+      // The segment runs from segStart to the END of the plane; its layers
+      // sit at fractions of that remaining length.
+      const rest = 1 - segStart;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.segment, {
-          backgroundColor: from,
-          flexDirection: isRow ? 'row' : 'column'
+        style: [from(segStart), {
+          backgroundColor: start
         }],
-        children: Array.from({
-          length: bandCount
-        }, (_, band) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.band, {
+        children: opacities.map((opacity, k) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [from((k + 1) / bandCount * segLength / rest), {
             backgroundColor: to,
-            opacity: band / (bandCount - 1)
+            opacity
           }]
-        }, band))
-      }, `${from}-${to}-${index}`);
+        }, k))
+      }, `${start}-${to}-${index}`);
     });
-    const stack = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [_reactNative.StyleSheet.absoluteFill, {
-        flexDirection: isRow ? 'row' : 'column'
-      }],
+    if (!isDiagonal) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
       children: segments
     });
-    if (!isDiagonal) return stack;
+    const plane = size ? diagonalBox(size.width, size.height) : styles.diagonalPlane;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.diagonalPlane, {
+      style: [plane, {
         transform: [{
           rotate
         }]
       }],
       children: segments
     });
-  }, [colors, isRow, isDiagonal, rotate, bandCount]);
+  }, [colors, isRow, isDiagonal, rotate, bandCount, size]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     testID: testID,
     style: [styles.root, style],
+    onLayout: onLayout,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: _reactNative.StyleSheet.absoluteFill,
       pointerEvents: "none",

package/lib/commonjs/atoms/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_STEPS","styles","StyleSheet","create","root","overflow","segment","flex","band","diagonalPlane","position","top","left","width","height","Gradient","exports","memo","colors","direction","steps","children","style","testID","isRow","isDiagonal","rotate","bandCount","Math","max","floor","painted","useMemo","length","jsx","View","absoluteFill","backgroundColor","segments","slice","map","from","index","to","flexDirection","Array","_","opacity","stack","transform","jsxs","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Gradient.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_STEPS","styles","StyleSheet","create","root","overflow","diagonalPlane","position","top","left","width","height","layerOpacities","out","prev","k","total","push","diagonalBox","side","Math","hypot","Gradient","exports","memo","colors","direction","steps","children","style","testID","isRow","isDiagonal","rotate","bandCount","max","floor","size","setSize","useState","onLayout","nativeEvent","layout","undefined","painted","useMemo","length","jsx","View","absoluteFill","backgroundColor","segmentCount","opacities","from","start","bottom","right","segments","slice","map","index","to","segStart","segLength","rest","opacity","plane","transform","jsxs","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Gradient.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwG,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAyBxG,MAAMkB,aAAa,GAAG,EAAE;AAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/B;EACAC,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EAC5B;EACA;EACA;EACAC,aAAa,EAAE;IAAEC,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,MAAM;IAAEC,IAAI,EAAE,MAAM;IAAEC,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE;EAAO;AAClG,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAC3B,CAAS,EAAY;EAC3C,MAAM4B,GAAa,GAAG,EAAE;EACxB,IAAIC,IAAI,GAAG,CAAC;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG9B,CAAC,EAAE8B,CAAC,IAAI,CAAC,EAAE;IAC7B,MAAMC,KAAK,GAAGD,CAAC,IAAI9B,CAAC,GAAG,CAAC,CAAC;IACzB4B,GAAG,CAACI,IAAI,CAACH,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAGE,KAAK,KAAK,CAAC,GAAGF,IAAI,CAAC,CAAC;IACtDA,IAAI,GAAGE,KAAK;EACd;EACA,OAAOH,GAAG;AACZ;;AAEA;AACA,SAASK,WAAWA,CAACR,KAAa,EAAEC,MAAc,EAAa;EAC7D,MAAMQ,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACX,KAAK,EAAEC,MAAM,CAAC;EACtC,OAAO;IAAEJ,QAAQ,EAAE,UAAU;IAAEG,KAAK,EAAES,IAAI;IAAER,MAAM,EAAEQ,IAAI;IAAEV,IAAI,EAAE,CAACC,KAAK,GAAGS,IAAI,IAAI,CAAC;IAAEX,GAAG,EAAE,CAACG,MAAM,GAAGQ,IAAI,IAAI;EAAE,CAAC;AAChH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,WAAI,EAC1B,CAAC;EAAEC,MAAM;EAAEC,SAAS,GAAG,UAAU;EAAEC,KAAK,GAAG3B,aAAa;EAAE4B,QAAQ;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EACrG,MAAMC,KAAK,GAAGL,SAAS,KAAK,YAAY;EACxC,MAAMM,UAAU,GAAGN,SAAS,KAAK,UAAU,IAAIA,SAAS,KAAK,kBAAkB;EAC/E;EACA;EACA,MAAMO,MAAM,GAAGP,SAAS,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO;EAC5D,MAAMQ,SAAS,GAAGd,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEf,IAAI,CAACgB,KAAK,CAACT,KAAK,CAAC,CAAC;EAChD,MAAM,CAACU,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAA2C,IAAI,CAAC;EAChF,MAAMC,QAAQ,GAAGR,UAAU,GACtBnD,CAAoB,IAAK;IACxB,MAAM;MAAE6B,KAAK;MAAEC;IAAO,CAAC,GAAG9B,CAAC,CAAC4D,WAAW,CAACC,MAAM;IAC9CJ,OAAO,CAAExB,IAAI,IAAMA,IAAI,IAAIA,IAAI,CAACJ,KAAK,KAAKA,KAAK,IAAII,IAAI,CAACH,MAAM,KAAKA,MAAM,GAAGG,IAAI,GAAG;MAAEJ,KAAK;MAAEC;IAAO,CAAE,CAAC;EACxG,CAAC,GACDgC,SAAS;EAEb,MAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC5B,IAAIpB,MAAM,CAACqB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IACpC,IAAIrB,MAAM,CAACqB,MAAM,KAAK,CAAC,EAAE;MACvB,oBAAO,IAAAlE,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;QAACnB,KAAK,EAAE,CAAC3B,uBAAU,CAAC+C,YAAY,EAAE;UAAEC,eAAe,EAAEzB,MAAM,CAAC,CAAC;QAAE,CAAC;MAAE,CAAE,CAAC;IACnF;IAEA,MAAM0B,YAAY,GAAG1B,MAAM,CAACqB,MAAM,GAAG,CAAC;IACtC,MAAMM,SAAS,GAAGxC,cAAc,CAACsB,SAAS,CAAC;IAC3C;IACA,MAAMmB,IAAI,GAAIC,KAAa,IACzBvB,KAAK,GACD;MAAExB,QAAQ,EAAE,UAAU;MAAEC,GAAG,EAAE,CAAC;MAAE+C,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE,CAAC;MAAE/C,IAAI,EAAE,GAAG6C,KAAK,GAAG,GAAG;IAAI,CAAC,GAC9E;MAAE/C,QAAQ,EAAE,UAAU;MAAEE,IAAI,EAAE,CAAC;MAAE+C,KAAK,EAAE,CAAC;MAAED,MAAM,EAAE,CAAC;MAAE/C,GAAG,EAAE,GAAG8C,KAAK,GAAG,GAAG;IAAI,CAAC;;IAEpF;IACA;IACA;IACA,MAAMG,QAAQ,GAAGhC,MAAM,CAACiC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACL,KAAK,EAAEM,KAAK,KAAK;MACzD,MAAMC,EAAE,GAAGpC,MAAM,CAACmC,KAAK,GAAG,CAAC,CAAW;MACtC,MAAME,QAAQ,GAAGF,KAAK,GAAGT,YAAY;MACrC,MAAMY,SAAS,GAAG,CAAC,GAAGZ,YAAY;MAClC;MACA;MACA,MAAMa,IAAI,GAAG,CAAC,GAAGF,QAAQ;MACzB,oBACE,IAAAlF,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;QAAiCnB,KAAK,EAAE,CAACwB,IAAI,CAACS,QAAQ,CAAC,EAAE;UAAEZ,eAAe,EAAEI;QAAM,CAAC,CAAE;QAAA1B,QAAA,EACvFwB,SAAS,CAACO,GAAG,CAAC,CAACM,OAAO,EAAElD,CAAC,kBACxB,IAAAnC,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;UAEHnB,KAAK,EAAE,CAACwB,IAAI,CAAG,CAACtC,CAAC,GAAG,CAAC,IAAImB,SAAS,GAAI6B,SAAS,GAAIC,IAAI,CAAC,EAAE;YAAEd,eAAe,EAAEW,EAAE;YAAEI;UAAQ,CAAC;QAAE,GADvFlD,CAEN,CACF;MAAC,GANO,GAAGuC,KAAK,IAAIO,EAAE,IAAID,KAAK,EAO5B,CAAC;IAEX,CAAC,CAAC;IAEF,IAAI,CAAC5B,UAAU,EAAE,oBAAO,IAAApD,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;MAACnB,KAAK,EAAE3B,uBAAU,CAAC+C,YAAa;MAAArB,QAAA,EAAE6B;IAAQ,CAAO,CAAC;IAC/E,MAAMS,KAAK,GAAG7B,IAAI,GAAGnB,WAAW,CAACmB,IAAI,CAAC3B,KAAK,EAAE2B,IAAI,CAAC1B,MAAM,CAAC,GAAGV,MAAM,CAACK,aAAa;IAChF,oBAAO,IAAA1B,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;MAACnB,KAAK,EAAE,CAACqC,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAElC;QAAO,CAAC;MAAE,CAAC,CAAE;MAAAL,QAAA,EAAE6B;IAAQ,CAAO,CAAC;EAC7E,CAAC,EAAE,CAAChC,MAAM,EAAEM,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEG,IAAI,CAAC,CAAC;EAExD,oBACE,IAAAzD,WAAA,CAAAwF,IAAA,EAACzF,YAAA,CAAAqE,IAAI;IAAClB,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC5B,MAAM,CAACG,IAAI,EAAEyB,KAAK,CAAE;IAACW,QAAQ,EAAEA,QAAS;IAAAZ,QAAA,gBAGpE,IAAAhD,WAAA,CAAAmE,GAAA,EAACpE,YAAA,CAAAqE,IAAI;MAACnB,KAAK,EAAE3B,uBAAU,CAAC+C,YAAa;MAACoB,aAAa,EAAC,MAAM;MAAAzC,QAAA,EACvDgB;IAAO,CACJ,CAAC,EACNhB,QAAQ;EAAA,CACL,CAAC;AAEX,CACF,CAAC;AACDN,QAAQ,CAACgD,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/atoms/IconButton.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _PressableScale = require("./PressableScale");
 var _Icon = require("../icons/Icon");
 var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const useStyles = (0, _createStyles.createStyles)(theme => ({
@@ -18,12 +19,22 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   }
 }));
 
+/** Minimum touch area recommended by Apple (44pt) and Material (48dp ≈ 44pt). */
+const MIN_TOUCH = 44;
+
 /**
  * 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.
+ * Icon-only button. `accessibilityLabel` is required: with no visible text,
+ * it is the only way for a screen reader to announce what it does.
+ *
+ * Fitts: the visible area is icon + `spacing.sm` per side (24 + 16 = 40pt
+ * with the default size, 32pt with `size={16}`). `hitSlop` makes up the
+ * rest up to 44pt without enlarging the layout, so a row of icons keeps its
+ * rhythm and each one is still easy to tap.
+ *
+ * Gestalt, figure and ground: it has no background of its own, the icon is
+ * the figure over whatever is behind it; that is why the default color is
+ * `colors.text` (guaranteed AA contrast) and `disabled` dims it by half.
  */
 const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.memo)(({
   iconName,
@@ -37,9 +48,19 @@ const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.memo)(({
   testID
 }) => {
   const styles = useStyles();
+  const theme = (0, _UIProvider.useTheme)();
+  const visible = size + theme.tokens.spacing.sm * 2;
+  const extra = Math.max(0, Math.ceil((MIN_TOUCH - visible) / 2));
+  const hitSlop = extra > 0 ? {
+    top: extra,
+    bottom: extra,
+    left: extra,
+    right: extra
+  } : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableScale.PressableScale, {
     onPress: onPress,
     disabled: disabled,
+    hitSlop: hitSlop,
     style: [styles.hitArea, {
       opacity: disabled ? 0.5 : 1
     }, style],

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_PressableScale","_Icon","_createStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","hitArea","padding","tokens","spacing","sm","alignItems","justifyContent","IconButton","exports","memo","iconName","icon","onPress","size","color","disabled","style","accessibilityLabel","testID","styles","jsx","PressableScale","opacity","accessibilityRole","accessibilityState","children","Icon","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/IconButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAcrD,MAAMkB,SAAS,GAAG,IAAAC,0BAAY,EAAEC,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;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAC5B,CAAC;EAAEC,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,GAAGtB,SAAS,CAAC,CAAC;EAC1B,oBACE,IAAApB,WAAA,CAAA2C,GAAA,EAAC9C,eAAA,CAAA+C,cAAc;IACbT,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAE,CAACG,MAAM,CAACnB,OAAO,EAAE;MAAEsB,OAAO,EAAEP,QAAQ,GAAG,GAAG,GAAG;IAAE,CAAC,EAAEC,KAAK,CAAE;IAChEO,iBAAiB,EAAC,QAAQ;IAC1BN,kBAAkB,EAAEA,kBAAmB;IACvCO,kBAAkB,EAAE;MAAET,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7CG,MAAM,EAAEA,MAAO;IAAAO,QAAA,EAEdd,IAAI,KAAKD,QAAQ,iBAAI,IAAAjC,WAAA,CAAA2C,GAAA,EAAC7C,KAAA,CAAAmD,IAAI;MAACC,IAAI,EAAEjB,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAC,CAC3D,CAAC;AAErB,CACF,CAAC;AACDP,UAAU,CAACqB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PressableScale","_Icon","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","hitArea","padding","tokens","spacing","sm","alignItems","justifyContent","MIN_TOUCH","IconButton","exports","memo","iconName","icon","onPress","size","color","disabled","style","accessibilityLabel","testID","styles","useTheme","visible","extra","Math","max","ceil","hitSlop","top","bottom","left","right","undefined","jsx","PressableScale","opacity","accessibilityRole","accessibilityState","children","Icon","name","displayName"],"sourceRoot":"../../../src","sources":["atoms/IconButton.tsx"],"mappings":"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","ignoreList":[]}