orn-ui 0.1.1 → 0.2.0

package/lib/commonjs/organisms/SearchList.js

@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SearchList = SearchList;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _Input = require("../atoms/Input");
 var _EmptyState = require("../atoms/EmptyState");
+var _Skeleton = require("../atoms/Skeleton");
 var _Spinner = require("../atoms/Spinner");
 var _IconButton = require("../atoms/IconButton");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 => ({
   container: {
-    flex: 1
+    flex: 1,
+    backgroundColor: theme.colors.background
   },
   searchRow: {
     flexDirection: 'row',
@@ -60,6 +62,16 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   footerText: {
     color: theme.colors.textLight,
     fontSize: theme.tokens.fontSize.md
+  },
+  skeletonRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md,
+    padding: theme.tokens.spacing.md
+  },
+  skeletonText: {
+    flex: 1,
+    gap: theme.tokens.spacing.sm
   }
 }));
 
@@ -83,16 +95,26 @@ function SearchList({
   renderItem,
   isLoading = false,
   loadingMode = 'replace',
-  loadingText,
-  onLoadMore,
+  isRefreshing = false,
   isLoadingMore = false,
+  isReady = true,
+  loadingText,
   loadingMoreText,
   hasMore = false,
   noMoreText,
+  skeletonCount = 6,
+  renderSkeletonItem,
+  onLoadMore,
+  onEndReached,
+  onEndReachedThreshold = 0.3,
+  onRefresh,
   emptyTitle,
   emptyDescription,
   emptyIconName,
+  ListHeaderComponent,
+  ListFooterComponent,
   contentContainerStyle,
+  containerStyle,
   ListComponent = _reactNative.FlatList,
   listProps
 }) {
@@ -102,32 +124,54 @@ function SearchList({
   const resolvedSearchPlaceholder = searchPlaceholder ?? labels.search;
   const resolvedLoadingText = loadingText ?? labels.loading;
   const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
-  const renderFooter = () => {
-    if (isLoadingMore) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  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.
+  const renderFooter = (0, _react.useCallback)(() => {
+    const custom = typeof ListFooterComponent === 'function' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ListFooterComponent, {}) : ListFooterComponent ?? null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [custom, isLoadingMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.footer,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
           text: resolvedLoadingMoreText,
           fullscreen: false
         })
-      });
-    }
-    if (noMoreText && !hasMore && data.length > 0) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), noMoreText && !hasMore && data.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.footer,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.footerText,
           children: noMoreText
         })
-      });
-    }
-    return null;
-  };
-  const showReplaceLoading = isLoading && loadingMode === 'replace' && data.length === 0;
+      })]
+    });
+  }, [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".
+  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
+      }
+    });
+  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName]);
+  if (!isReady) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.container, containerStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
+        text: resolvedLoadingText
+      })
+    });
+  }
+  const isInitialLoading = isLoading && loadingMode === 'replace' && data.length === 0;
   const showOverlayLoading = isLoading && loadingMode === 'overlay' && data.length === 0;
-  const showEmpty = !isLoading && data.length === 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
+    style: [styles.container, containerStyle],
     children: [header, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.searchRow,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
@@ -157,21 +201,46 @@ function SearchList({
           style: styles.footerText,
           children: resolvedLoadingText
         })]
-      }), showReplaceLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
-        text: resolvedLoadingText
-      }) : showEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
-        title: emptyTitle,
-        description: emptyDescription,
-        iconName: emptyIconName
+      }), isInitialLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: "list-skeleton",
+        style: [styles.listContent, contentContainerStyle],
+        children: Array.from({
+          length: skeletonCount
+        }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+          children: renderSkeletonItem?.() ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.skeletonRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
+              variant: "circle",
+              width: 40
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.skeletonText,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
+                width: "60%",
+                height: 14
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.Skeleton, {
+                width: "35%",
+                height: 12
+              })]
+            })]
+          })
+        }, i))
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ListComponent, {
         data: data,
         keyExtractor: keyExtractor,
         keyboardDismissMode: "on-drag",
-        contentContainerStyle: contentContainerStyle ?? styles.listContent,
-        onEndReached: onLoadMore,
-        onEndReachedThreshold: 0.2,
+        contentContainerStyle: [styles.listContent, contentContainerStyle],
+        onEndReached: handleEndReached,
+        onEndReachedThreshold: onEndReachedThreshold,
+        ListHeaderComponent: ListHeaderComponent,
         ListFooterComponent: renderFooter,
+        ListEmptyComponent: renderEmpty,
         renderItem: renderItem,
+        refreshControl: onRefresh ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+          refreshing: isRefreshing,
+          onRefresh: onRefresh,
+          colors: [colors.primary],
+          tintColor: colors.primary
+        }) : undefined,
         ...listProps
       })]
     })]

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_createStyles","_UIProvider","_Input","_EmptyState","_Spinner","_IconButton","_jsxRuntime","e","__esModule","default","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","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","loadingText","onLoadMore","isLoadingMore","loadingMoreText","hasMore","noMoreText","emptyTitle","emptyDescription","emptyIconName","contentContainerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","jsx","View","style","children","Spinner","text","fullscreen","length","Text","showReplaceLoading","showOverlayLoading","showEmpty","jsxs","Input","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","containerStyle","IconButton","iconName","onPress","onPrimary","accessibilityLabel","ActivityIndicator","size","EmptyState","title","description","keyboardDismissMode","onEndReached","onEndReachedThreshold","ListFooterComponent"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","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","backgroundColor","colors","background","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","sm","searchInput","scanButton","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":"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","ignoreList":[]}

package/lib/commonjs/organisms/Select.js

@@ -11,14 +11,14 @@ 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. */
+const GAP = 8;
+/** Por debajo de esto el desplegable no muestra ni dos filas. */
+const MIN_HEIGHT = 120;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     gap: theme.tokens.spacing.sm
   },
-  containerOpen: {
-    zIndex: 20,
-    elevation: 20
-  },
   label: {
     fontWeight: theme.tokens.fontWeight.bold,
     fontSize: theme.tokens.fontSize.md,
@@ -38,28 +38,46 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     minHeight: 50,
     paddingHorizontal: theme.tokens.spacing.lg
   },
+  fieldOpen: {
+    borderColor: theme.colors.primary
+  },
+  fieldDisabled: {
+    opacity: 0.5
+  },
+  fieldValue: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.sm,
+    flexShrink: 1
+  },
   fieldText: {
     fontSize: theme.tokens.fontSize.lg,
-    color: theme.colors.text
+    color: theme.colors.text,
+    flexShrink: 1
   },
   fieldPlaceholder: {
     color: theme.colors.textLight
   },
-  optionsList: {
+  backdrop: {
+    flex: 1
+  },
+  sheet: {
     position: 'absolute',
-    top: '100%',
-    left: 0,
-    right: 0,
-    marginTop: theme.tokens.spacing.sm,
     borderWidth: 2,
     borderColor: theme.colors.border,
     borderRadius: theme.tokens.radius.lg,
     backgroundColor: theme.colors.surface,
     overflow: 'hidden',
-    zIndex: 20,
-    elevation: 20,
     ...theme.tokens.shadow.md
   },
+  search: {
+    fontSize: theme.tokens.fontSize.md,
+    color: theme.colors.text,
+    paddingHorizontal: theme.tokens.spacing.lg,
+    paddingVertical: theme.tokens.spacing.md,
+    borderBottomWidth: 1,
+    borderBottomColor: theme.colors.border
+  },
   optionRow: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -75,6 +93,15 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   optionRowSelected: {
     backgroundColor: theme.colors.primarySoft
   },
+  optionRowDisabled: {
+    opacity: 0.4
+  },
+  optionLabel: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.tokens.spacing.sm,
+    flexShrink: 1
+  },
   optionText: {
     fontSize: theme.tokens.fontSize.lg - 1,
     color: theme.colors.text
@@ -83,17 +110,26 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     fontWeight: theme.tokens.fontWeight.semibold,
     color: theme.colors.primaryText
   },
+  emoji: {
+    fontSize: theme.tokens.fontSize.lg
+  },
+  empty: {
+    padding: theme.tokens.spacing.lg,
+    textAlign: 'center',
+    color: theme.colors.textLight,
+    fontSize: theme.tokens.fontSize.md
+  },
   errorText: {
     fontSize: theme.tokens.fontSize.sm,
     color: theme.colors.errorText
   }
 }));
-
 /**
  * Select
- * Dropdown que expande la lista de opciones flotando sobre el resto del
- * contenido (position: absolute), en vez de empujarlo hacia abajo o abrir
- * un picker nativo del sistema.
+ * 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.
  */
 function Select({
   label,
@@ -104,16 +140,105 @@ function Select({
   placeholder,
   error,
   isLoading = false,
-  containerStyle
+  disabled = false,
+  searchable = false,
+  searchPlaceholder,
+  maxHeight = 280,
+  onOpenChange,
+  containerStyle,
+  testID
 }) {
   const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
   const labels = (0, _UIProvider.useLabels)();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
+  const {
+    height: windowHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const fieldRef = (0, _react.useRef)(null);
   const [open, setOpen] = (0, _react.useState)(false);
+  const [anchor, setAnchor] = (0, _react.useState)(null);
+  const [query, setQuery] = (0, _react.useState)('');
+  const [keyboardHeight, setKeyboardHeight] = (0, _react.useState)(0);
+  const isDisabled = disabled || isLoading;
   const selectedOption = options.find(o => o.value === selectedValue);
+  const close = (0, _react.useCallback)(() => {
+    setOpen(false);
+    setAnchor(null);
+    setQuery('');
+    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.
+  const openList = () => {
+    fieldRef.current?.measureInWindow((x, y, width, height) => setAnchor({
+      x,
+      y,
+      width,
+      height
+    }));
+    setOpen(true);
+    onOpenChange?.(true);
+  };
+
+  // El buscador abre el teclado encima del desplegable: sin descontarlo, la
+  // lista se dibuja donde ya no se ve.
+  (0, _react.useEffect)(() => {
+    if (!open) return;
+    setKeyboardHeight(_reactNative.Keyboard.metrics()?.height ?? 0);
+    const [show, hide] = _reactNative.Platform.OS === 'ios' ? ['keyboardWillShow', 'keyboardWillHide'] : ['keyboardDidShow', 'keyboardDidHide'];
+    const subs = [_reactNative.Keyboard.addListener(show, e => setKeyboardHeight(e.endCoordinates.height)), _reactNative.Keyboard.addListener(hide, () => setKeyboardHeight(0))];
+    return () => subs.forEach(sub => sub.remove());
+  }, [open]);
+  const visibleOptions = (0, _react.useMemo)(() => {
+    if (!searchable || query.trim() === '') return options;
+    const needle = query.trim().toLowerCase();
+    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.
+  const placement = (0, _react.useMemo)(() => {
+    if (!anchor) return {
+      left: GAP * 2,
+      right: GAP * 2,
+      top: windowHeight * 0.25,
+      maxHeight
+    };
+    const usableHeight = windowHeight - keyboardHeight;
+    const below = usableHeight - (anchor.y + anchor.height) - GAP * 2;
+    const above = anchor.y - GAP * 2;
+    const downwards = below >= Math.min(maxHeight, above);
+    return {
+      left: anchor.x,
+      width: anchor.width,
+      maxHeight: Math.max(Math.min(maxHeight, downwards ? below : above), MIN_HEIGHT),
+      ...(downwards ? {
+        top: anchor.y + anchor.height + GAP
+      } : {
+        bottom: windowHeight - anchor.y + GAP
+      })
+    };
+  }, [anchor, keyboardHeight, maxHeight, windowHeight]);
+  const renderLeading = (option, color) => {
+    if (!option) return null;
+    if (option.emoji) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        allowFontScaling: allowFontScaling,
+        style: styles.emoji,
+        children: option.emoji
+      });
+    }
+    return option.iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: option.iconName,
+      size: 20,
+      color: color
+    }) : null;
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, open && styles.containerOpen, containerStyle],
+    style: [styles.container, containerStyle],
+    testID: testID,
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: styles.label,
@@ -122,19 +247,27 @@ function Select({
         children: " *"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      style: styles.field,
-      onPress: () => !isLoading && setOpen(o => !o),
-      disabled: isLoading,
-      accessibilityRole: "button",
+      ref: fieldRef,
+      style: [styles.field, open && styles.fieldOpen, isDisabled && styles.fieldDisabled],
+      onPress: openList,
+      disabled: isDisabled,
+      accessibilityRole: "combobox",
       accessibilityLabel: label ?? placeholder ?? labels.selectPlaceholder,
+      accessibilityValue: {
+        text: selectedOption?.label ?? ''
+      },
       accessibilityState: {
         expanded: open,
-        disabled: isLoading
+        disabled: isDisabled
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        allowFontScaling: allowFontScaling,
-        style: [styles.fieldText, !selectedOption && styles.fieldPlaceholder],
-        children: selectedOption?.label || placeholder || labels.selectPlaceholder
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.fieldValue,
+        children: [renderLeading(selectedOption, colors.textLight), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          allowFontScaling: allowFontScaling,
+          numberOfLines: 1,
+          style: [styles.fieldText, !selectedOption && styles.fieldPlaceholder],
+          children: selectedOption?.label || placeholder || labels.selectPlaceholder
+        })]
       }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
         size: "small",
         color: colors.primary
@@ -143,31 +276,70 @@ function Select({
         size: 20,
         color: colors.textLight
       })]
-    }), open && !isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.optionsList,
-      children: options.map((option, index) => {
-        const isSelected = option.value === selectedValue;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          style: [styles.optionRow, index === options.length - 1 && styles.optionRowLast, isSelected && styles.optionRowSelected],
-          onPress: () => {
-            onSelect(option.value);
-            setOpen(false);
-          },
-          accessibilityRole: "menuitem",
-          accessibilityState: {
-            selected: isSelected
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
+      visible: true,
+      transparent: true,
+      animationType: "fade",
+      statusBarTranslucent: true,
+      onRequestClose: close,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: styles.backdrop,
+        onPress: close,
+        testID: "select-backdrop"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.sheet, placement],
+        accessibilityRole: "radiogroup",
+        testID: "select-list",
+        children: [searchable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          allowFontScaling: allowFontScaling,
+          style: styles.search,
+          value: query,
+          onChangeText: setQuery,
+          placeholder: searchPlaceholder ?? labels.search,
+          placeholderTextColor: colors.textLight,
+          autoFocus: true,
+          accessibilityLabel: searchPlaceholder ?? labels.search
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          bounces: false,
+          children: [visibleOptions.map((option, index) => {
+            const isSelected = option.value === selectedValue;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+              style: [styles.optionRow, index === visibleOptions.length - 1 && styles.optionRowLast, isSelected && styles.optionRowSelected, option.disabled && styles.optionRowDisabled],
+              onPress: () => {
+                onSelect(option.value);
+                close();
+              },
+              disabled: option.disabled,
+              accessibilityRole: "radio",
+              accessibilityLabel: option.label,
+              accessibilityState: {
+                selected: isSelected,
+                checked: isSelected,
+                disabled: !!option.disabled
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: styles.optionLabel,
+                children: [renderLeading(option, isSelected ? colors.primary : colors.textLight), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  allowFontScaling: allowFontScaling,
+                  numberOfLines: 1,
+                  style: [styles.optionText, isSelected && styles.optionTextSelected],
+                  children: option.label
+                })]
+              }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+                name: "check",
+                size: 18,
+                color: colors.primary
+              })]
+            }, String(option.value));
+          }), visibleOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             allowFontScaling: allowFontScaling,
-            style: [styles.optionText, isSelected && styles.optionTextSelected],
-            children: option.label
-          }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-            name: "check",
-            size: 18,
-            color: colors.primary
+            style: styles.empty,
+            children: labels.noResultsTitle
           })]
-        }, String(option.value));
-      })
+        })]
+      })]
     }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: styles.errorText,