orn-ui 0.2.10 → 0.3.0

package/lib/commonjs/organisms/Screen.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
+var _KeyboardAvoidance = require("../theme/KeyboardAvoidance");
 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 => ({
@@ -20,16 +21,31 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   },
   contentContainer: {
     flexGrow: 1
+  },
+  header: {
+    backgroundColor: theme.colors.background
   }
 }));
 
 /**
  * Screen
- * Contenedor raíz de pantalla: fondo del theme, safe area (via insets del
- * UIProvider), teclado y scroll opcional resueltos de forma consistente.
+ * Root screen container: theme background, safe area (via the UIProvider's
+ * insets), keyboard and optional scroll handled consistently.
+ *
+ * Keyboard: with the UIProvider handling it (default), Screen shifts only its
+ * content — clipped below the `header` — to keep the focused Input above the
+ * keyboard. The header stays fixed and a tab bar outside the Screen stays
+ * behind the keyboard, as in a native app. On iOS with scroll, the ScrollView
+ * already brings the field into view (automaticallyAdjustKeyboardInsets) and
+ * nothing is added. Without a host (`keyboardAvoidance={false}` on the
+ * provider) the usual KeyboardAvoidingView remains.
+ *
+ * Gestalt, common region: the header shares the screen's background and stays
+ * fixed; only the content moves, so navigation isn't lost.
  */
 const Screen = exports.Screen = /*#__PURE__*/(0, _react.memo)(({
   children,
+  header,
   style,
   scrollable = true,
   contentContainerStyle,
@@ -38,43 +54,60 @@ const Screen = exports.Screen = /*#__PURE__*/(0, _react.memo)(({
 }) => {
   const insets = (0, _UIProvider.useInsets)();
   const styles = useStyles();
+  const theme = (0, _UIProvider.useTheme)();
+  const host = (0, _KeyboardAvoidance.useKeyboardHost)();
   const applyTop = edges.includes('top');
   const applyBottom = edges.includes('bottom');
+  const topInset = applyTop ? insets.top : 0;
+  const scrollHandles = keyboardAvoiding && scrollable && _reactNative.Platform.OS === 'ios';
+  const panArea = keyboardAvoiding && !scrollHandles && !!host;
+  const avoidWithView = keyboardAvoiding && !scrollHandles && !host;
 
-  // En iOS el ScrollView de abajo ya sube el campo enfocado con
-  // automaticallyAdjustKeyboardInsets; envolverlo además en un
-  // KeyboardAvoidingView compensa el teclado dos veces y el input termina
-  // empujado fuera del borde superior. Android no tiene ese prop, así que ahí
-  // el KeyboardAvoidingView sigue siendo el único mecanismo.
-  const avoidWithView = keyboardAvoiding && !(scrollable && _reactNative.Platform.OS === 'ios');
-  const KeyboardWrapper = avoidWithView ? _reactNative.KeyboardAvoidingView : _reactNative.View;
-  const keyboardProps = avoidWithView ? {
-    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
-    keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 0 : 20
-  } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.wrapper, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardWrapper, {
+  // With a header, the top inset goes above the header; the content starts
+  // right below it.
+  const contentTop = header ? 0 : topInset;
+  let content = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    style: styles.container,
+    automaticallyAdjustKeyboardInsets: scrollHandles,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingTop: contentTop
+    }, applyBottom && {
+      paddingBottom: insets.bottom
+    }, contentContainerStyle],
+    keyboardShouldPersistTaps: "handled",
+    children: scrollHandles ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardAvoidance.KeyboardHandled, {
+      children: children
+    }) : children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      paddingTop: contentTop,
+      paddingBottom: applyBottom ? insets.bottom : 0
+    }],
+    children: children
+  });
+  if (panArea) {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardAvoidance.KeyboardPanArea, {
+      margin: theme.tokens.spacing.md,
+      topLimit: insets.top,
+      clip: true,
+      children: content
+    });
+  } else if (avoidWithView) {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
       style: styles.container,
-      ...keyboardProps,
-      children: scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: styles.container,
-        automaticallyAdjustKeyboardInsets: true,
-        contentContainerStyle: [styles.contentContainer, {
-          paddingTop: applyTop ? insets.top : 0
-        }, applyBottom && {
-          paddingBottom: insets.bottom
-        }, contentContainerStyle],
-        keyboardShouldPersistTaps: "handled",
-        children: children
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.container, {
-          paddingTop: applyTop ? insets.top : 0,
-          paddingBottom: applyBottom ? insets.bottom : 0
-        }],
-        children: children
-      })
-    })
+      behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+      keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 0 : theme.tokens.spacing.xl,
+      children: content
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, style],
+    children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.header, {
+        paddingTop: topInset
+      }],
+      children: header
+    }), content]
   });
 });
 Screen.displayName = 'Screen';

package/lib/commonjs/organisms/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_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","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","Screen","exports","memo","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","useInsets","styles","applyTop","includes","applyBottom","avoidWithView","Platform","OS","KeyboardWrapper","KeyboardAvoidingView","View","keyboardProps","behavior","keyboardVerticalOffset","jsx","ScrollView","automaticallyAdjustKeyboardInsets","paddingTop","top","paddingBottom","bottom","keyboardShouldPersistTaps","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_KeyboardAvoidance","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","header","Screen","exports","memo","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","useInsets","styles","useTheme","host","useKeyboardHost","applyTop","includes","applyBottom","topInset","top","scrollHandles","Platform","OS","panArea","avoidWithView","contentTop","content","jsx","ScrollView","automaticallyAdjustKeyboardInsets","paddingTop","paddingBottom","bottom","keyboardShouldPersistTaps","KeyboardHandled","View","KeyboardPanArea","margin","tokens","spacing","md","topLimit","clip","KeyboardAvoidingView","behavior","keyboardVerticalOffset","xl","jsxs","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/SearchList.js

@@ -22,8 +22,8 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   searchRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: theme.tokens.spacing.lg - 1,
-    gap: theme.tokens.spacing.sm + 2
+    marginBottom: theme.tokens.spacing.lg,
+    gap: theme.tokens.spacing.md
   },
   searchInput: {
     flex: 1,
@@ -31,8 +31,8 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   },
   scanButton: {
     backgroundColor: theme.colors.primary,
-    width: 50,
-    height: 50,
+    width: SCAN_SIZE,
+    height: SCAN_SIZE,
     borderRadius: theme.tokens.radius.lg,
     ...theme.tokens.shadow.sm
   },
@@ -69,16 +69,33 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     padding: theme.tokens.spacing.md
   },
   skeletonText: {
-    flex: 1,
-    gap: theme.tokens.spacing.sm
+    flex: 1
+  },
+  empty: {
+    marginTop: theme.tokens.spacing.xxxl
   }
 }));
 
+/** The scan button is square and as tall as the search Input beside it. */
+const SCAN_SIZE = 50;
+/** Same as Avatar's default size: the placeholder row matches a typical avatar row. */
+const SKELETON_AVATAR = 44;
+
 /**
  * SearchList
- * Buscador + lista + estados de carga/paginación/vacío. El contenido de
- * cada ítem (renderItem) queda a cargo de quien la usa, ya que difiere por
- * completo entre casos de uso.
+ * Search box + list + loading/pagination/empty states. The content of each
+ * item (renderItem) is up to whoever uses it, since it differs completely
+ * between use cases.
+ *
+ * Design:
+ * - Proximity + common region: the search row (box, scan, extra actions)
+ *   sits right on top of the results it filters.
+ * - Doherty threshold: every wait has immediate feedback (placeholders, a
+ *   spinner in the box while searching, a footer loader while paging), and
+ *   "no results" only appears once it is known there is nothing.
+ * - Jakob's law: the clear (×) inside the box, pull-to-refresh, the keyboard
+ *   dismissed when the list is dragged.
+ * - Fitts's law: the scan button is as tall as the box, a 50pt target.
  */
 function SearchList({
   header,
@@ -87,7 +104,7 @@ function SearchList({
   searchPlaceholder,
   searchIsLoading = false,
   onScanPress,
-  scanAccessibilityLabel = 'Scan',
+  scanAccessibilityLabel,
   extraActions,
   data,
   keyExtractor,
@@ -125,8 +142,8 @@ function SearchList({
   const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
   const handleEndReached = onLoadMore ?? onEndReached;
 
-  // El footer propio y el loader de paginación conviven: antes el primero
-  // tapaba al segundo y la lista dejaba de avisar que estaba trayendo más.
+  // The custom footer and the pagination loader coexist: previously the first
+  // covered the second and the list stopped signaling it was fetching more.
   const renderFooter = (0, _react.useCallback)(() => {
     const custom = typeof ListFooterComponent === 'function' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ListFooterComponent, {}) : ListFooterComponent ?? null;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -146,19 +163,17 @@ function SearchList({
     });
   }, [ListFooterComponent, isLoadingMore, resolvedLoadingMoreText, noMoreText, hasMore, data.length, styles.footer, styles.footerText]);
 
-  // Vacío sólo cuando ya se sabe que no hay nada: durante la carga inicial se
-  // muestran placeholders, no "sin resultados".
+  // Empty only once it is known there is nothing: during the initial load
+  // placeholders are shown, not "no results".
   const renderEmpty = (0, _react.useCallback)(() => {
     if (isLoading || isRefreshing) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
       title: emptyTitle,
       description: emptyDescription,
       iconName: emptyIconName,
-      style: {
-        marginTop: 50
-      }
+      style: styles.empty
     });
-  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName]);
+  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName, styles.empty]);
   if (!isReady) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.container, containerStyle],
@@ -183,16 +198,22 @@ function SearchList({
         isLoading: searchIsLoading,
         containerStyle: styles.searchInput
       }), onScanPress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
-        iconName: "search",
+        iconName: "scan",
         onPress: onScanPress,
         color: colors.onPrimary,
         style: styles.scanButton,
-        accessibilityLabel: scanAccessibilityLabel
+        accessibilityLabel: scanAccessibilityLabel ?? labels.scan
       }), extraActions]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.listArea,
       children: [showOverlayLoading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.loadingOverlay,
+        accessible: true,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: resolvedLoadingText,
+        accessibilityState: {
+          busy: true
+        },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           size: "large",
           color: colors.primary
@@ -202,7 +223,16 @@ function SearchList({
         })]
       }), isInitialLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         testID: "list-skeleton",
-        style: [styles.listContent, contentContainerStyle],
+        style: [styles.listContent, contentContainerStyle]
+        // The placeholders are hidden from screen readers: the group
+        // announces that the list is loading instead of silence.
+        ,
+        accessible: true,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: resolvedLoadingText,
+        accessibilityState: {
+          busy: true
+        },
         children: Array.from({
           length: skeletonCount
         }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
@@ -210,15 +240,15 @@ function SearchList({
             style: styles.skeletonRow,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
               variant: "circle",
-              width: 40
+              width: SKELETON_AVATAR
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
               style: styles.skeletonText,
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
-                width: "60%",
-                height: 14
+                variant: "text",
+                width: "60%"
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
-                width: "35%",
-                height: 12
+                variant: "text",
+                width: "35%"
               })]
             })]
           })

package/lib/commonjs/organisms/SearchList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Input","_EmptyState","_Skeleton","_Spinner","_IconButton","_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","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","sm","searchInput","scanButton","backgroundColor","colors","primary","width","height","borderRadius","radius","shadow","listArea","listContent","paddingBottom","xl","loadingOverlay","position","top","left","right","bottom","scrim","zIndex","justifyContent","footer","paddingVertical","md","footerText","color","textLight","fontSize","skeletonRow","padding","skeletonText","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","hasMore","noMoreText","skeletonCount","renderSkeletonItem","onLoadMore","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","handleEndReached","renderFooter","useCallback","custom","jsx","jsxs","Fragment","children","View","style","Spinner","text","fullscreen","length","Text","renderEmpty","EmptyState","title","description","iconName","marginTop","isInitialLoading","showOverlayLoading","Input","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","IconButton","onPress","onPrimary","accessibilityLabel","ActivityIndicator","size","testID","Array","from","_","Skeleton","variant","keyboardDismissMode","ListEmptyComponent","refreshControl","RefreshControl","refreshing","tintColor"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAAiD,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,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;AA0DjD,MAAMkB,SAAS,GAAG,IAAAC,0BAAY,EAAEC,KAAK,KAAM;EACzCC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EACtBC,SAAS,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,YAAY,EAAEN,KAAK,CAACO,MAAM,CAACC,OAAO,CAACC,EAAE,GAAG,CAAC;IAAEC,GAAG,EAAEV,KAAK,CAACO,MAAM,CAACC,OAAO,CAACG,EAAE,GAAG;EAAE,CAAC;EACtIC,WAAW,EAAE;IAAEV,IAAI,EAAE,CAAC;IAAEI,YAAY,EAAE;EAAE,CAAC;EACzCO,UAAU,EAAE;IAAEC,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACC,OAAO;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAEnB,KAAK,CAACO,MAAM,CAACa,MAAM,CAACX,EAAE;IAAE,GAAGT,KAAK,CAACO,MAAM,CAACc,MAAM,CAACV;EAAG,CAAC;EAC7IW,QAAQ,EAAE;IAAEpB,IAAI,EAAE;EAAE,CAAC;EACrBqB,WAAW,EAAE;IAAEC,aAAa,EAAExB,KAAK,CAACO,MAAM,CAACC,OAAO,CAACiB;EAAG,CAAC;EACvDC,cAAc,EAAE;IACdC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTjB,eAAe,EAAEd,KAAK,CAACe,MAAM,CAACiB,KAAK;IACnCC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxB7B,UAAU,EAAE;EACd,CAAC;EACD8B,MAAM,EAAE;IAAEC,eAAe,EAAEpC,KAAK,CAACO,MAAM,CAACC,OAAO,CAACiB,EAAE;IAAEpB,UAAU,EAAE,QAAQ;IAAEK,GAAG,EAAEV,KAAK,CAACO,MAAM,CAACC,OAAO,CAAC6B;EAAG,CAAC;EACxGC,UAAU,EAAE;IAAEC,KAAK,EAAEvC,KAAK,CAACe,MAAM,CAACyB,SAAS;IAAEC,QAAQ,EAAEzC,KAAK,CAACO,MAAM,CAACkC,QAAQ,CAACJ;EAAG,CAAC;EACjFK,WAAW,EAAE;IACXtC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBK,GAAG,EAAEV,KAAK,CAACO,MAAM,CAACC,OAAO,CAAC6B,EAAE;IAC5BM,OAAO,EAAE3C,KAAK,CAACO,MAAM,CAACC,OAAO,CAAC6B;EAChC,CAAC;EACDO,YAAY,EAAE;IAAE1C,IAAI,EAAE,CAAC;IAAEQ,GAAG,EAAEV,KAAK,CAACO,MAAM,CAACC,OAAO,CAACG;EAAG;AACxD,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACO,SAASkC,UAAUA,CAAI;EAC5BC,MAAM;EACNC,WAAW;EACXC,cAAc;EACdC,iBAAiB;EACjBC,eAAe,GAAG,KAAK;EACvBC,WAAW;EACXC,sBAAsB,GAAG,MAAM;EAC/BC,YAAY;EACZC,IAAI;EACJC,YAAY;EACZC,UAAU;EACVC,SAAS,GAAG,KAAK;EACjBC,WAAW,GAAG,SAAS;EACvBC,YAAY,GAAG,KAAK;EACpBC,aAAa,GAAG,KAAK;EACrBC,OAAO,GAAG,IAAI;EACdC,WAAW;EACXC,eAAe;EACfC,OAAO,GAAG,KAAK;EACfC,UAAU;EACVC,aAAa,GAAG,CAAC;EACjBC,kBAAkB;EAClBC,UAAU;EACVC,YAAY;EACZC,qBAAqB,GAAG,GAAG;EAC3BC,SAAS;EACTC,UAAU;EACVC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,mBAAmB;EACnBC,qBAAqB;EACrBC,cAAc;EACdC,aAAa,GAAGC,qBAAQ;EACxBC;AACkB,CAAC,EAAE;EACrB,MAAMlE,MAAM,GAAG,IAAAmE,qBAAS,EAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGrF,SAAS,CAAC,CAAC;EAC1B,MAAMsF,MAAM,GAAG,IAAAC,qBAAS,EAAC,CAAC;EAC1B,MAAMC,yBAAyB,GAAGrC,iBAAiB,IAAImC,MAAM,CAACG,MAAM;EACpE,MAAMC,mBAAmB,GAAG1B,WAAW,IAAIsB,MAAM,CAACK,OAAO;EACzD,MAAMC,uBAAuB,GAAG3B,eAAe,IAAIqB,MAAM,CAACO,WAAW;EAErE,MAAMC,gBAAgB,GAAGxB,UAAU,IAAIC,YAAY;;EAEnD;EACA;EACA,MAAMwB,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrC,MAAMC,MAAM,GACV,OAAOnB,mBAAmB,KAAK,UAAU,gBACvC,IAAAlG,WAAA,CAAAsH,GAAA,EAACpB,mBAAmB,IAAE,CAAC,GAEtBA,mBAAmB,IAAuC,IAC5D;IAEH,oBACE,IAAAlG,WAAA,CAAAuH,IAAA,EAAAvH,WAAA,CAAAwH,QAAA;MAAAC,QAAA,GACGJ,MAAM,EACNnC,aAAa,iBACZ,IAAAlF,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAkI,IAAI;QAACC,KAAK,EAAElB,MAAM,CAAChD,MAAO;QAAAgE,QAAA,eACzB,IAAAzH,WAAA,CAAAsH,GAAA,EAACxH,QAAA,CAAA8H,OAAO;UAACC,IAAI,EAAEb,uBAAwB;UAACc,UAAU,EAAE;QAAM,CAAE;MAAC,CACzD,CACP,EACAvC,UAAU,IAAI,CAACD,OAAO,IAAIV,IAAI,CAACmD,MAAM,GAAG,CAAC,iBACxC,IAAA/H,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAkI,IAAI;QAACC,KAAK,EAAElB,MAAM,CAAChD,MAAO;QAAAgE,QAAA,eACzB,IAAAzH,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAwI,IAAI;UAACL,KAAK,EAAElB,MAAM,CAAC7C,UAAW;UAAA6D,QAAA,EAAElC;QAAU,CAAO;MAAC,CAC/C,CACP;IAAA,CACD,CAAC;EAEP,CAAC,EAAE,CAACW,mBAAmB,EAAEhB,aAAa,EAAE8B,uBAAuB,EAAEzB,UAAU,EAAED,OAAO,EAAEV,IAAI,CAACmD,MAAM,EAAEtB,MAAM,CAAChD,MAAM,EAAEgD,MAAM,CAAC7C,UAAU,CAAC,CAAC;;EAErI;EACA;EACA,MAAMqE,WAAW,GAAG,IAAAb,kBAAW,EAAC,MAAM;IACpC,IAAIrC,SAAS,IAAIE,YAAY,EAAE,OAAO,IAAI;IAC1C,oBAAO,IAAAjF,WAAA,CAAAsH,GAAA,EAAC1H,WAAA,CAAAsI,UAAU;MAACC,KAAK,EAAErC,UAAW;MAACsC,WAAW,EAAErC,gBAAiB;MAACsC,QAAQ,EAAErC,aAAc;MAAC2B,KAAK,EAAE;QAAEW,SAAS,EAAE;MAAG;IAAE,CAAE,CAAC;EAC5H,CAAC,EAAE,CAACvD,SAAS,EAAEE,YAAY,EAAEa,UAAU,EAAEC,gBAAgB,EAAEC,aAAa,CAAC,CAAC;EAE1E,IAAI,CAACb,OAAO,EAAE;IACZ,oBACE,IAAAnF,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAkI,IAAI;MAACC,KAAK,EAAE,CAAClB,MAAM,CAAClF,SAAS,EAAE6E,cAAc,CAAE;MAAAqB,QAAA,eAC9C,IAAAzH,WAAA,CAAAsH,GAAA,EAACxH,QAAA,CAAA8H,OAAO;QAACC,IAAI,EAAEf;MAAoB,CAAE;IAAC,CAClC,CAAC;EAEX;EAEA,MAAMyB,gBAAgB,GAAGxD,SAAS,IAAIC,WAAW,KAAK,SAAS,IAAIJ,IAAI,CAACmD,MAAM,KAAK,CAAC;EACpF,MAAMS,kBAAkB,GAAGzD,SAAS,IAAIC,WAAW,KAAK,SAAS,IAAIJ,IAAI,CAACmD,MAAM,KAAK,CAAC;EAEtF,oBACE,IAAA/H,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;IAACC,KAAK,EAAE,CAAClB,MAAM,CAAClF,SAAS,EAAE6E,cAAc,CAAE;IAAAqB,QAAA,GAC7CrD,MAAM,eAEP,IAAApE,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;MAACC,KAAK,EAAElB,MAAM,CAAChF,SAAU;MAAAgG,QAAA,gBAC5B,IAAAzH,WAAA,CAAAsH,GAAA,EAAC3H,MAAA,CAAA8I,KAAK;QACJC,WAAW,EAAE9B,yBAA0B;QACvC+B,YAAY,EAAC,QAAQ;QACrBC,KAAK,EAAEvE,WAAY;QACnBwE,YAAY,EAAEvE,cAAe;QAC7BwE,aAAa,EAAEzE,WAAW,CAAC0D,MAAM,GAAG,CAAC,GAAG,OAAO,GAAGgB,SAAU;QAC5DC,gBAAgB,EAAEA,CAAA,KAAM1E,cAAc,CAAC,EAAE,CAAE;QAC3CS,SAAS,EAAEP,eAAgB;QAC3B4B,cAAc,EAAEK,MAAM,CAACvE;MAAY,CACpC,CAAC,EACDuC,WAAW,iBACV,IAAAzE,WAAA,CAAAsH,GAAA,EAACvH,WAAA,CAAAkJ,UAAU;QACTZ,QAAQ,EAAC,QAAQ;QACjBa,OAAO,EAAEzE,WAAY;QACrBZ,KAAK,EAAExB,MAAM,CAAC8G,SAAU;QACxBxB,KAAK,EAAElB,MAAM,CAACtE,UAAW;QACzBiH,kBAAkB,EAAE1E;MAAuB,CAC5C,CACF,EACAC,YAAY;IAAA,CACT,CAAC,eAEP,IAAA3E,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;MAACC,KAAK,EAAElB,MAAM,CAAC7D,QAAS;MAAA6E,QAAA,GAC1Be,kBAAkB,iBACjB,IAAAxI,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;QAACC,KAAK,EAAElB,MAAM,CAACzD,cAAe;QAAAyE,QAAA,gBACjC,IAAAzH,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAA6J,iBAAiB;UAACC,IAAI,EAAC,OAAO;UAACzF,KAAK,EAAExB,MAAM,CAACC;QAAQ,CAAE,CAAC,eACzD,IAAAtC,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAwI,IAAI;UAACL,KAAK,EAAElB,MAAM,CAAC7C,UAAW;UAAA6D,QAAA,EAAEX;QAAmB,CAAO,CAAC;MAAA,CACxD,CACP,EAEAyB,gBAAgB,gBACf,IAAAvI,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAkI,IAAI;QAAC6B,MAAM,EAAC,eAAe;QAAC5B,KAAK,EAAE,CAAClB,MAAM,CAAC5D,WAAW,EAAEsD,qBAAqB,CAAE;QAAAsB,QAAA,EAC7E+B,KAAK,CAACC,IAAI,CAAC;UAAE1B,MAAM,EAAEvC;QAAc,CAAC,EAAE,CAACkE,CAAC,EAAElJ,CAAC,kBAC1C,IAAAR,WAAA,CAAAsH,GAAA,EAACjI,MAAA,CAAAsB,OAAK,CAAC6G,QAAQ;UAAAC,QAAA,EACZhC,kBAAkB,GAAG,CAAC,iBACrB,IAAAzF,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;YAACC,KAAK,EAAElB,MAAM,CAACzC,WAAY;YAAAyD,QAAA,gBAC9B,IAAAzH,WAAA,CAAAsH,GAAA,EAACzH,SAAA,CAAA8J,QAAQ;cAACC,OAAO,EAAC,QAAQ;cAACrH,KAAK,EAAE;YAAG,CAAE,CAAC,eACxC,IAAAvC,WAAA,CAAAuH,IAAA,EAAC/H,YAAA,CAAAkI,IAAI;cAACC,KAAK,EAAElB,MAAM,CAACvC,YAAa;cAAAuD,QAAA,gBAC/B,IAAAzH,WAAA,CAAAsH,GAAA,EAACzH,SAAA,CAAA8J,QAAQ;gBAACpH,KAAK,EAAC,KAAK;gBAACC,MAAM,EAAE;cAAG,CAAE,CAAC,eACpC,IAAAxC,WAAA,CAAAsH,GAAA,EAACzH,SAAA,CAAA8J,QAAQ;gBAACpH,KAAK,EAAC,KAAK;gBAACC,MAAM,EAAE;cAAG,CAAE,CAAC;YAAA,CAChC,CAAC;UAAA,CACH;QACP,GATkBhC,CAUL,CACjB;MAAC,CACE,CAAC,gBAEP,IAAAR,WAAA,CAAAsH,GAAA,EAACjB,aAAa;QACZzB,IAAI,EAAEA,IAAK;QACXC,YAAY,EAAEA,YAAa;QAC3BgF,mBAAmB,EAAC,SAAS;QAC7B1D,qBAAqB,EAAE,CAACM,MAAM,CAAC5D,WAAW,EAAEsD,qBAAqB,CAAE;QACnER,YAAY,EAAEuB,gBAAiB;QAC/BtB,qBAAqB,EAAEA,qBAAsB;QAC7CK,mBAAmB,EAAEA,mBAAoB;QACzCC,mBAAmB,EAAEiB,YAAa;QAClC2C,kBAAkB,EAAE7B,WAAY;QAChCnD,UAAU,EAAEA,UAAW;QACvBiF,cAAc,EACZlE,SAAS,gBACP,IAAA7F,WAAA,CAAAsH,GAAA,EAAC9H,YAAA,CAAAwK,cAAc;UACbC,UAAU,EAAEhF,YAAa;UACzBY,SAAS,EAAEA,SAAU;UACrBxD,MAAM,EAAE,CAACA,MAAM,CAACC,OAAO,CAAE;UACzB4H,SAAS,EAAE7H,MAAM,CAACC;QAAQ,CAC3B,CAAC,GACAyG,SACL;QAAA,GACGxC;MAAS,CACd,CACF;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Input","_EmptyState","_Skeleton","_Spinner","_IconButton","_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","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","md","searchInput","scanButton","backgroundColor","colors","primary","width","SCAN_SIZE","height","borderRadius","radius","shadow","sm","listArea","listContent","paddingBottom","xl","loadingOverlay","position","top","left","right","bottom","scrim","zIndex","justifyContent","footer","paddingVertical","footerText","color","textLight","fontSize","skeletonRow","padding","skeletonText","empty","marginTop","xxxl","SKELETON_AVATAR","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","hasMore","noMoreText","skeletonCount","renderSkeletonItem","onLoadMore","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","handleEndReached","renderFooter","useCallback","custom","jsx","jsxs","Fragment","children","View","style","Spinner","text","fullscreen","length","Text","renderEmpty","EmptyState","title","description","iconName","isInitialLoading","showOverlayLoading","Input","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","IconButton","onPress","onPrimary","accessibilityLabel","scan","accessible","accessibilityRole","accessibilityState","busy","ActivityIndicator","size","testID","Array","from","_","Skeleton","variant","keyboardDismissMode","ListEmptyComponent","refreshControl","RefreshControl","refreshing","tintColor"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/Select.js

@@ -7,14 +7,19 @@ exports.Select = Select;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
+var _NativeOverlay = require("../theme/NativeOverlay");
 var _UIProvider = require("../theme/UIProvider");
 var _Icon = require("../icons/Icon");
 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); }
-/** Aire entre el campo y el desplegable. */
+/** Room between the field and the dropdown. */
 const GAP = 8;
-/** Por debajo de esto el desplegable no muestra ni dos filas. */
+/** Below this the dropdown can't even show two rows. */
 const MIN_HEIGHT = 120;
+/** Same height as Input and DateField, so a form's fields line up. */
+const FIELD_MIN_HEIGHT = 50;
+const ICON_SIZE = 20;
+const CHECK_SIZE = 18;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     gap: theme.tokens.spacing.sm
@@ -35,12 +40,15 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     borderColor: theme.colors.border,
     borderRadius: theme.tokens.radius.lg,
     backgroundColor: theme.colors.inputBackground,
-    minHeight: 50,
+    minHeight: FIELD_MIN_HEIGHT,
     paddingHorizontal: theme.tokens.spacing.lg
   },
   fieldOpen: {
     borderColor: theme.colors.primary
   },
+  fieldError: {
+    borderColor: theme.colors.error
+  },
   fieldDisabled: {
     opacity: 0.5
   },
@@ -66,7 +74,7 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     borderWidth: 2,
     borderColor: theme.colors.border,
     borderRadius: theme.tokens.radius.lg,
-    backgroundColor: theme.colors.surface,
+    backgroundColor: theme.colors.surfaceRaised,
     overflow: 'hidden',
     ...theme.tokens.shadow.md
   },
@@ -83,7 +91,7 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingHorizontal: theme.tokens.spacing.lg,
-    paddingVertical: theme.tokens.spacing.md + 2,
+    paddingVertical: theme.tokens.spacing.md + theme.tokens.spacing.xxs,
     borderBottomWidth: 1,
     borderBottomColor: theme.colors.border
   },
@@ -103,7 +111,7 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     flexShrink: 1
   },
   optionText: {
-    fontSize: theme.tokens.fontSize.lg - 1,
+    fontSize: theme.tokens.fontSize.lg,
     color: theme.colors.text
   },
   optionTextSelected: {
@@ -126,10 +134,18 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
 }));
 /**
  * Select
- * Dropdown de una sola opción. La lista se mide contra la ventana y se dibuja
- * dentro de un Modal, no en el árbol del campo: así ningún `overflow: hidden`
- * la recorta, no depende del zIndex (poco confiable en Android) y el fondo del
- * Modal resuelve cerrar tocando afuera y con el botón atrás.
+ * Single-option dropdown. The list is measured against the window and drawn
+ * inside a Modal, not in the field's tree: that way no `overflow: hidden`
+ * clips it, it doesn't depend on zIndex (unreliable on Android) and the
+ * Modal's backdrop handles closing by tapping outside and with the back button.
+ *
+ * Design:
+ * - Proximity + continuity: the list opens right against the field, toward
+ *   wherever there is more room, so the eye goes from field to options.
+ * - Von Restorff: the picked option alone has the accent fill and a check.
+ * - Jakob's law: same field as Input and DateField (height, border, label,
+ *   red border with an error); tap outside or Android back closes it.
+ * - Hick's law: past a handful of options, `searchable` narrows the list.
  */
 function Select({
   label,
@@ -161,6 +177,7 @@ function Select({
   const [query, setQuery] = (0, _react.useState)('');
   const [keyboardHeight, setKeyboardHeight] = (0, _react.useState)(0);
   const isDisabled = disabled || isLoading;
+  const fieldName = label ?? placeholder ?? labels.selectPlaceholder;
   const selectedOption = options.find(o => o.value === selectedValue);
   const close = (0, _react.useCallback)(() => {
     setOpen(false);
@@ -169,8 +186,8 @@ function Select({
     onOpenChange?.(false);
   }, [onOpenChange]);
 
-  // Abrir no espera a la medición: si `measureInWindow` no responde, la lista
-  // igual aparece (centrada) en vez de que el campo deje de funcionar.
+  // Opening doesn't wait for the measurement: if `measureInWindow` doesn't
+  // respond, the list still appears (centered) instead of the field ceasing to work.
   const openList = () => {
     fieldRef.current?.measureInWindow((x, y, width, height) => setAnchor({
       x,
@@ -182,8 +199,8 @@ function Select({
     onOpenChange?.(true);
   };
 
-  // El buscador abre el teclado encima del desplegable: sin descontarlo, la
-  // lista se dibuja donde ya no se ve.
+  // The search box opens the keyboard over the dropdown: without subtracting
+  // it, the list is drawn where it can no longer be seen.
   (0, _react.useEffect)(() => {
     if (!open) return;
     setKeyboardHeight(_reactNative.Keyboard.metrics()?.height ?? 0);
@@ -197,8 +214,8 @@ function Select({
     return options.filter(option => option.label.toLowerCase().includes(needle));
   }, [options, query, searchable]);
 
-  // Se abre hacia donde haya más aire: contra el borde inferior de la pantalla,
-  // hacia arriba es la única forma de que entre.
+  // It opens toward wherever there is more room: against the bottom edge of
+  // the screen, upward is the only way for it to fit.
   const placement = (0, _react.useMemo)(() => {
     if (!anchor) return {
       left: GAP * 2,
@@ -232,7 +249,7 @@ function Select({
     }
     return option.iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       name: option.iconName,
-      size: 20,
+      size: ICON_SIZE,
       color: color
     }) : null;
   };
@@ -248,11 +265,12 @@ function Select({
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
       ref: fieldRef,
-      style: [styles.field, open && styles.fieldOpen, isDisabled && styles.fieldDisabled],
+      style: [styles.field, !!error && styles.fieldError, open && styles.fieldOpen, isDisabled && styles.fieldDisabled],
       onPress: openList,
       disabled: isDisabled,
       accessibilityRole: "combobox",
-      accessibilityLabel: label ?? placeholder ?? labels.selectPlaceholder,
+      accessibilityLabel: required ? `${fieldName}, ${labels.required}` : fieldName,
+      accessibilityHint: error || undefined,
       accessibilityValue: {
         text: selectedOption?.label ?? ''
       },
@@ -273,11 +291,10 @@ function Select({
         color: colors.primary
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: open ? 'chevron-up' : 'chevron-down',
-        size: 20,
+        size: ICON_SIZE,
         color: colors.textLight
       })]
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
-      visible: true,
+    }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_NativeOverlay.NativeOverlay, {
       transparent: true,
       animationType: "fade",
       statusBarTranslucent: true,
@@ -288,7 +305,11 @@ function Select({
         testID: "select-backdrop"
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.sheet, placement],
-        accessibilityRole: "radiogroup",
+        accessibilityRole: "radiogroup"
+        // On iOS it may be drawn inside another open overlay: the reader stays in the list.
+        ,
+        accessibilityViewIsModal: true,
+        onAccessibilityEscape: close,
         testID: "select-list",
         children: [searchable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
           allowFontScaling: allowFontScaling,
@@ -329,7 +350,7 @@ function Select({
                 })]
               }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
                 name: "check",
-                size: 18,
+                size: CHECK_SIZE,
                 color: colors.primary
               })]
             }, String(option.value));