@dloizides/ui-forms 1.13.1 → 1.13.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import React2, { useState, useCallback, useMemo, useRef, useEffect, useLayoutEffect } from 'react';
-import { Platform, StyleSheet, TextInput, View, Text, Switch, Pressable, TouchableOpacity } from 'react-native';
+import { Platform, StyleSheet, TextInput, View, Text, Switch, Pressable, ScrollView, TouchableOpacity } from 'react-native';
 import { useUi } from '@dloizides/ui-feedback';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '@dloizides/ui-buttons';
@@ -465,6 +465,7 @@ var TRANSITION_TIMING = "ease";
 var FOCUS_RING_WIDTH = 3;
 var FOCUS_RING_ALPHA = 0.16;
 var HOVER_BORDER_ALPHA = 0.22;
+var PLACEHOLDER_ALPHA = 0.6;
 var HEX_RADIX = 16;
 var HEX_SHORT_LENGTH = 4;
 var HEX_FULL_LENGTH = 7;
@@ -546,7 +547,7 @@ function useThemedInput(options = {}) {
   );
   return {
     style,
-    placeholderTextColor: colors.textSecondary,
+    placeholderTextColor: withAlpha(colors.textSecondary, PLACEHOLDER_ALPHA),
     isFocused,
     isHovered,
     focusBind,
@@ -1113,7 +1114,7 @@ function AnchoredMenu({
       accessibilityRole: "menu",
       style: [controlStyles.menu, { borderColor: colors.border, backgroundColor: colors.surface }, portalStyle],
       testID: `${testID}-menu`,
-      children: options.map((opt) => {
+      children: /* @__PURE__ */ jsx(ScrollView, { keyboardShouldPersistTaps: "handled", nestedScrollEnabled: true, children: options.map((opt) => {
         const active = opt.value === selectedValue;
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -1130,7 +1131,7 @@ function AnchoredMenu({
           },
           opt.value
         );
-      })
+      }) })
     }
   );
   if (usePortal && IS_WEB6) return createPortal(menu, document.body);