achery-ui 0.15.0 → 0.17.0

package/dist/native/index.cjs

@@ -5432,11 +5432,12 @@ var SegmentedControl = ({
 };
 var ScreenNav = ({
   onBack,
-  backLabel = "cancel",
+  backLabel = "Back",
   title,
   onAction,
   actionLabel,
-  actionDisabled = false
+  actionDisabled = false,
+  compact = false
 }) => {
   const { tokens: tokens$1 } = useTheme();
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5447,7 +5448,7 @@ var ScreenNav = ({
         alignItems: "center",
         justifyContent: "space-between",
         paddingHorizontal: tokens.spacing.sp4,
-        paddingTop: 56,
+        paddingTop: compact ? tokens.spacing.sp3 : 56,
         paddingBottom: tokens.spacing.sp3,
         backgroundColor: tokens$1.surface,
         borderBottomWidth: 1,
@@ -5477,7 +5478,13 @@ var ScreenNav = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           reactNative.Text,
           {
+            numberOfLines: 1,
             style: {
+              // Flex + single line so a long title truncates instead of pushing the
+              // trailing action button off-screen.
+              flex: 1,
+              textAlign: "center",
+              marginHorizontal: tokens.spacing.sp3,
               color: tokens$1.fgMute,
               fontSize: 11,
               fontWeight: tokens.fontWeights.semibold.toString(),
@@ -5636,12 +5643,29 @@ var BottomSheet = ({
   showClose = false,
   children,
   maxContentHeight,
+  avoidKeyboard = true,
   style
 }) => {
   const { tokens: tokens$1 } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const { height: windowHeight } = reactNative.useWindowDimensions();
   const slideAnim = react.useRef(new reactNative.Animated.Value(0)).current;
   const scrimAnim = react.useRef(new reactNative.Animated.Value(0)).current;
+  const [keyboardOffset, setKeyboardOffset] = react.useState(0);
+  react.useEffect(() => {
+    if (!avoidKeyboard) return;
+    const showEvt = reactNative.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+    const hideEvt = reactNative.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const show = reactNative.Keyboard.addListener(
+      showEvt,
+      (e) => setKeyboardOffset(Math.max(0, e.endCoordinates.height - insets.bottom))
+    );
+    const hide = reactNative.Keyboard.addListener(hideEvt, () => setKeyboardOffset(0));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, [avoidKeyboard, insets.bottom]);
   react.useEffect(() => {
     if (open) {
       reactNative.Animated.parallel([
@@ -5719,6 +5743,8 @@ var BottomSheet = ({
                 // Clear the home indicator so the last row is never cut off / hard
                 // to tap on devices with a bottom safe area.
                 paddingBottom: Math.max(insets.bottom, tokens.spacing.sp4),
+                // Lift above the keyboard when a field inside is focused.
+                marginBottom: keyboardOffset,
                 transform: [{ translateY }]
               },
               style
@@ -5776,15 +5802,20 @@ var BottomSheet = ({
                   ]
                 }
               ),
-              maxContentHeight != null ? /* @__PURE__ */ jsxRuntime.jsx(
-                reactNative.ScrollView,
-                {
-                  style: { maxHeight: maxContentHeight },
-                  showsVerticalScrollIndicator: false,
-                  bounces: false,
-                  children
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { children })
+              (() => {
+                const keyboardCap = keyboardOffset > 0 ? Math.max(160, windowHeight - keyboardOffset - insets.bottom - 140) : void 0;
+                const effectiveMax = maxContentHeight != null && keyboardCap != null ? Math.min(maxContentHeight, keyboardCap) : maxContentHeight ?? keyboardCap;
+                return effectiveMax != null ? /* @__PURE__ */ jsxRuntime.jsx(
+                  reactNative.ScrollView,
+                  {
+                    style: { maxHeight: effectiveMax },
+                    showsVerticalScrollIndicator: false,
+                    bounces: false,
+                    keyboardShouldPersistTaps: "handled",
+                    children
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { children });
+              })()
             ]
           }
         )