orn-ui 0.2.9 → 0.3.0

package/lib/commonjs/organisms/Alert.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Alert = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _NativeOverlay = require("../theme/NativeOverlay");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _Button = require("../atoms/Button");
@@ -19,6 +20,12 @@ const ICON_BY_TYPE = {
   question: 'question',
   info: 'info'
 };
+
+/** Readable line length for a short dialog on tablets too. */
+const DIALOG_MAX_WIDTH = 340;
+const ICON_SIZE = 48;
+/** Above any sibling of the inline host. */
+const INLINE_Z = 9999;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   overlay: {
     flex: 1,
@@ -27,53 +34,53 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     alignItems: 'center',
     padding: theme.tokens.spacing.xl
   },
-  overlayInline: {
+  fill: {
     position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
-    bottom: 0,
-    zIndex: 9999
+    bottom: 0
+  },
+  overlayInline: {
+    zIndex: INLINE_Z
   },
   container: {
-    backgroundColor: theme.colors.surface,
+    // Raised: in dark mode the plain surface sank into the dimmed backdrop.
+    backgroundColor: theme.colors.surfaceRaised,
     borderRadius: theme.tokens.radius.xl,
     padding: theme.tokens.spacing.xl,
     width: '100%',
-    maxWidth: 340,
+    maxWidth: DIALOG_MAX_WIDTH,
     alignItems: 'center',
     ...theme.tokens.shadow.md
   },
   iconContainer: {
-    marginBottom: theme.tokens.spacing.lg - 1
+    marginBottom: theme.tokens.spacing.lg
   },
   title: {
     fontSize: theme.tokens.fontSize.xl,
+    lineHeight: theme.tokens.lineHeight.lg,
     fontWeight: theme.tokens.fontWeight.bold,
     color: theme.colors.text,
     textAlign: 'center',
-    marginBottom: theme.tokens.spacing.md - 2
+    marginBottom: theme.tokens.spacing.sm
   },
   message: {
     fontSize: theme.tokens.fontSize.md,
+    lineHeight: theme.tokens.lineHeight.md,
     color: theme.colors.textLight,
-    textAlign: 'center',
-    marginBottom: theme.tokens.spacing.xl,
-    lineHeight: theme.tokens.lineHeight.md
+    textAlign: 'center'
   },
   buttonContainer: {
     flexDirection: 'row',
     justifyContent: 'center',
-    gap: theme.tokens.spacing.sm + 2,
-    width: '100%'
+    gap: theme.tokens.spacing.sm,
+    width: '100%',
+    marginTop: theme.tokens.spacing.xl
   },
   buttonContainerVertical: {
     flexDirection: 'column'
   },
-  button: {
-    paddingVertical: theme.tokens.spacing.md - 2,
-    paddingHorizontal: theme.tokens.spacing.xl
-  },
   buttonHorizontal: {
     flex: 1
   },
@@ -82,7 +89,7 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   }
 }));
 
-/** Deriva la lista de botones a partir de props, sin mutar `buttons` recibido por props. */
+/** Derives the list of buttons from props, without mutating the `buttons` received through props. */
 function resolveButtons(props, labels) {
   const {
     buttons,
@@ -90,7 +97,8 @@ function resolveButtons(props, labels) {
     cancelText,
     onConfirm,
     onCancel,
-    onClose
+    onClose,
+    destructive
   } = props;
   if (buttons && buttons.length > 0) return buttons;
   if (confirmText || onConfirm) {
@@ -106,7 +114,7 @@ function resolveButtons(props, labels) {
     list.push({
       text: confirmText || labels.confirm,
       onPress: onConfirm,
-      variant: 'primary'
+      variant: destructive ? 'destructive' : 'primary'
     });
     return list;
   }
@@ -119,8 +127,17 @@ function resolveButtons(props, labels) {
 
 /**
  * Alert
- * Componente declarativo de diálogo. Para uso imperativo (mostrar desde
- * un handler sin levantar estado propio), usar AlertProvider + useAlert().
+ * Declarative dialog component. For imperative use (showing it from a
+ * handler without lifting your own state), use AlertProvider + useAlert().
+ *
+ * Gestalt, figure-ground: the overlay dims everything behind, so the dialog
+ * is the only figure. Proximity: icon, title and message sit together and the
+ * buttons a larger step below, as the answer block. Von Restorff: only the
+ * main action is filled (or red when `destructive`); cancel is outline.
+ * Hick: two buttons side by side; three or more stack so each reads alone.
+ *
+ * Accessibility: the title is a header, the dialog is modal for VoiceOver and
+ * the escape gesture (two-finger Z) calls `onClose`.
  */
 const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(props => {
   const {
@@ -131,13 +148,14 @@ const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(props => {
     onClose,
     inline = false
   } = props;
+  const theme = (0, _UIProvider.useTheme)();
   const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
   const labels = (0, _UIProvider.useLabels)();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
   if (!visible) return null;
   const iconColor = {
-    // Íconos sobre la superficie del diálogo: rol `*Text`, no el acento pleno.
+    // Icons over the dialog's surface: `*Text` role, not the full accent.
     success: colors.successText,
     error: colors.errorText,
     warning: colors.warningText,
@@ -154,22 +172,24 @@ const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(props => {
     onPress: onClose,
     accessibilityRole: "none",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.overlay, inline && styles.overlayInline],
+      style: [styles.overlay, inline && [styles.fill, styles.overlayInline]],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.container,
           accessibilityRole: "alert",
           accessibilityViewIsModal: true,
+          onAccessibilityEscape: onClose,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: styles.iconContainer,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
               name: ICON_BY_TYPE[type],
-              size: 48,
+              size: ICON_SIZE,
               color: iconColor[type]
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             allowFontScaling: allowFontScaling,
             style: styles.title,
+            accessibilityRole: "header",
             children: title
           }), !!message && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             allowFontScaling: allowFontScaling,
@@ -186,9 +206,9 @@ const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(props => {
                 title: btn.text,
                 onPress: btn.onPress || onClose || (() => {}),
                 variant: variant,
-                style: [styles.button, vertical ? styles.buttonVertical : styles.buttonHorizontal],
+                style: vertical ? styles.buttonVertical : styles.buttonHorizontal,
                 textStyle: {
-                  fontSize: 14
+                  fontSize: theme.tokens.fontSize.md
                 }
               }, index);
             })
@@ -199,20 +219,14 @@ const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(props => {
   });
   if (inline) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0
-      },
+      style: styles.fill,
       pointerEvents: "box-none",
       children: content
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOverlay.NativeOverlay, {
+    dialog: true,
     transparent: true,
-    visible: visible,
     animationType: "fade",
     statusBarTranslucent: true,
     presentationStyle: "overFullScreen",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Button","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ICON_BY_TYPE","success","error","warning","question","info","useStyles","createStyles","theme","overlay","flex","backgroundColor","colors","justifyContent","alignItems","padding","tokens","spacing","xl","overlayInline","position","top","left","right","bottom","zIndex","container","surface","borderRadius","radius","width","maxWidth","shadow","md","iconContainer","marginBottom","lg","title","fontSize","fontWeight","bold","color","text","textAlign","message","textLight","lineHeight","buttonContainer","flexDirection","gap","sm","buttonContainerVertical","button","paddingVertical","paddingHorizontal","buttonHorizontal","buttonVertical","resolveButtons","props","labels","buttons","confirmText","cancelText","onConfirm","onCancel","onClose","length","list","push","cancel","onPress","variant","style","confirm","close","Alert","exports","memo","visible","type","inline","useColors","styles","useLabels","allowFontScaling","useAllowFontScaling","iconColor","successText","errorText","warningText","primaryText","secondaryText","effectiveButtons","vertical","content","jsx","TouchableWithoutFeedback","accessibilityRole","children","View","jsxs","accessibilityViewIsModal","Icon","name","size","Text","map","btn","index","isCancel","Button","textStyle","pointerEvents","Modal","transparent","animationType","statusBarTranslucent","presentationStyle","onRequestClose","displayName"],"sourceRoot":"../../../src","sources":["organisms/Alert.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_NativeOverlay","_createStyles","_UIProvider","_Button","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ICON_BY_TYPE","success","error","warning","question","info","DIALOG_MAX_WIDTH","ICON_SIZE","INLINE_Z","useStyles","createStyles","theme","overlay","flex","backgroundColor","colors","justifyContent","alignItems","padding","tokens","spacing","xl","fill","position","top","left","right","bottom","overlayInline","zIndex","container","surfaceRaised","borderRadius","radius","width","maxWidth","shadow","md","iconContainer","marginBottom","lg","title","fontSize","lineHeight","fontWeight","bold","color","text","textAlign","sm","message","textLight","buttonContainer","flexDirection","gap","marginTop","buttonContainerVertical","buttonHorizontal","buttonVertical","resolveButtons","props","labels","buttons","confirmText","cancelText","onConfirm","onCancel","onClose","destructive","length","list","push","cancel","onPress","variant","style","confirm","close","Alert","exports","memo","visible","type","inline","useTheme","useColors","styles","useLabels","allowFontScaling","useAllowFontScaling","iconColor","successText","errorText","warningText","primaryText","secondaryText","effectiveButtons","vertical","content","jsx","TouchableWithoutFeedback","accessibilityRole","children","View","jsxs","accessibilityViewIsModal","onAccessibilityEscape","Icon","name","size","Text","map","btn","index","isCancel","Button","textStyle","pointerEvents","NativeOverlay","dialog","transparent","animationType","statusBarTranslucent","presentationStyle","onRequestClose","displayName"],"sourceRoot":"../../../src","sources":["organisms/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/AlertProvider.js

@@ -17,15 +17,15 @@ const AlertContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 const bridge = (0, _imperativeBridge.createImperativeBridge)('AlertProvider');
 
 /**
- * Abre un alert desde fuera del árbol de React —un servicio, un interceptor—
- * sin pasar por el hook. Sin <AlertProvider> montado resuelve de inmediato, así
- * que un `await` nunca queda colgado.
+ * Opens an alert from outside the React tree —a service, an interceptor—
+ * without going through the hook. Without a mounted <AlertProvider> it
+ * resolves immediately, so an `await` never hangs.
  */
 function showAlert(options) {
   return bridge.get()?.alert(options) ?? Promise.resolve();
 }
 
-/** Igual que showAlert, pero resuelve true/false. Sin provider, false. */
+/** Same as showAlert, but resolves true/false. Without a provider, false. */
 function showConfirm(options) {
   return bridge.get()?.confirm(options) ?? Promise.resolve(false);
 }
@@ -41,18 +41,18 @@ const HIDDEN = {
 
 /**
  * AlertProvider
- * Monta un único <Alert> controlado imperativamente. Colocar una vez cerca
- * de la raíz (dentro de UIProvider). Los handlers async pueden hacer
- * `const ok = await confirm({ title: 'Eliminar', destructive: true })`.
+ * Mounts a single imperatively controlled <Alert>. Place it once near the
+ * root (inside UIProvider). Async handlers can do
+ * `const ok = await confirm({ title: 'Delete', destructive: true })`.
  */
 function AlertProvider({
   children
 }) {
   const [state, setState] = (0, _react.useState)(HIDDEN);
   const resolverRef = (0, _react.useRef)(null);
-  // Si alert()/confirm() se llaman de nuevo mientras ya hay uno abierto, el
-  // pedido anterior se resuelve (no se descarta) antes de mostrar el nuevo:
-  // evita que su promise quede colgada para siempre.
+  // If alert()/confirm() are called again while one is already open, the
+  // previous request is resolved (not discarded) before showing the new one:
+  // this keeps its promise from hanging forever.
   const settlePending = (0, _react.useCallback)(() => {
     resolverRef.current?.(undefined);
     resolverRef.current = null;

package/lib/commonjs/organisms/BottomSheet.js

@@ -8,15 +8,21 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
+var _useReduceMotion = require("../theme/useReduceMotion");
+var _KeyboardAvoidance = require("../theme/KeyboardAvoidance");
+var _NativeOverlay = require("../theme/NativeOverlay");
 var _Text = require("../atoms/Text");
 var _IconButton = require("../atoms/IconButton");
 var _Transition = require("../atoms/Transition");
 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 {
-  height: SCREEN_HEIGHT
-} = _reactNative.Dimensions.get('window');
-const DISMISS_THRESHOLD = 100;
+/** Drag distance (pt) that closes the sheet on release. */const DISMISS_DISTANCE = 100;
+/** Downward release speed that closes it even after a short drag (a flick). */
+const DISMISS_VELOCITY = 0.5;
+const HANDLE_WIDTH = 40;
+const HANDLE_HEIGHT = 5;
+const HANDLE_OPACITY = 0.4;
+const CLOSE_ICON_SIZE = 24;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     flex: 1,
@@ -26,7 +32,8 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     backgroundColor: theme.colors.overlay
   },
   sheet: {
-    backgroundColor: theme.colors.surface,
+    // Raised: in dark mode the plain surface sank into the dimmed backdrop.
+    backgroundColor: theme.colors.surfaceRaised,
     borderTopLeftRadius: theme.tokens.radius.xxl,
     borderTopRightRadius: theme.tokens.radius.xxl,
     ...theme.tokens.shadow.lg
@@ -36,10 +43,13 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     alignItems: 'center'
   },
   handle: {
-    width: 40,
-    height: 5,
-    borderRadius: 3,
-    backgroundColor: theme.colors.border
+    width: HANDLE_WIDTH,
+    height: HANDLE_HEIGHT,
+    borderRadius: HANDLE_HEIGHT / 2,
+    // textLight, faded: `border` was nearly invisible on a white sheet, and
+    // the handle is the only hint that the sheet can be dragged.
+    backgroundColor: theme.colors.textLight,
+    opacity: HANDLE_OPACITY
   },
   header: {
     flexDirection: 'row',
@@ -82,10 +92,17 @@ const absoluteFill = {
 
 /**
  * BottomSheet
- * Hoja que entra desde abajo, con arrastre para cerrar (PanResponder, no un
- * gesture-handler externo: la librería es cero dependencias). Header, footer y
- * scroll son opcionales, así que cubre tanto la hoja desnuda como el formulario
- * completo.
+ * Sheet that slides in from the bottom, with drag to close (PanResponder, not
+ * an external gesture-handler: the library is zero-dependency). Header, footer
+ * and scroll are optional, so it covers both the bare sheet and the full
+ * form.
+ *
+ * Gestalt, figure-ground: the backdrop dims the screen, so the sheet is the
+ * only figure. Common region: header, content and footer share one panel;
+ * the footer's top border separates the actions from the content. Continuity:
+ * it slides from the edge it lives on and the drag follows the finger back
+ * down; a short flick closes it too. Fitts: content sits in the thumb zone.
+ * Reduce Motion: it appears and leaves without sliding.
  */
 const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
   visible,
@@ -97,30 +114,42 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
   scrollable = true,
   draggable = true,
   maxHeight = 0.9,
-  closeAccessibilityLabel = 'Close',
+  closeAccessibilityLabel,
   containerStyle,
   contentStyle,
+  inline = false,
   testID
 }) => {
   const styles = useStyles();
   const colors = (0, _UIProvider.useColors)();
+  const theme = (0, _UIProvider.useTheme)();
+  const labels = (0, _UIProvider.useLabels)();
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const {
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const closeLabel = closeAccessibilityLabel ?? labels.close;
+  const {
+    duration
+  } = theme.tokens;
+  // The PanResponder is created once: it reads these through refs.
+  const screenHeightRef = (0, _react.useRef)(screenHeight);
+  screenHeightRef.current = screenHeight;
+  const snapBackMs = (0, _react.useRef)(duration.fast);
+  snapBackMs.current = reduceMotion ? 0 : duration.fast;
   const ModalSafeAreaBoundary = (0, _UIProvider.useModalSafeAreaBoundary)();
   const [mounted, setMounted] = (0, _react.useState)(visible);
   const [keyboardOpen, setKeyboardOpen] = (0, _react.useState)(false);
   const progress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  // El PanResponder de más abajo se crea una sola vez; leer `onClose`
-  // directo del closure daría siempre el de ese primer render. El ref
-  // refleja la última prop sin importar cuándo se creó la closure.
+  // The PanResponder further down is created only once; reading `onClose`
+  // straight from the closure would always give the one from that first
+  // render. The ref reflects the latest prop no matter when the closure was created.
   const onCloseRef = (0, _react.useRef)(onClose);
   onCloseRef.current = onClose;
   (0, _react.useEffect)(() => {
-    const animation = visible ? _reactNative.Animated.timing(progress, {
-      toValue: 1,
-      duration: 250,
-      useNativeDriver: true
-    }) : _reactNative.Animated.timing(progress, {
-      toValue: 0,
-      duration: 200,
+    const animation = _reactNative.Animated.timing(progress, {
+      toValue: visible ? 1 : 0,
+      duration: reduceMotion ? 0 : visible ? duration.slow : duration.base,
       useNativeDriver: true
     });
     if (visible) setMounted(true);
@@ -129,11 +158,11 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
     }) => {
       if (!visible && finished) setMounted(false);
     });
-    // Si el efecto vuelve a correr (o el componente se desmonta) antes de
-    // que termine, se corta: si no, un `finished` tardío podría llamar
-    // `setMounted` sobre un componente ya desmontado.
+    // If the effect runs again (or the component unmounts) before it
+    // finishes, it is cut short: otherwise, a late `finished` could call
+    // `setMounted` on an already unmounted component.
     return () => animation.stop();
-  }, [visible, progress]);
+  }, [visible, progress, reduceMotion, duration.slow, duration.base]);
   (0, _react.useEffect)(() => {
     if (footerPlacement !== 'hide-with-keyboard') return;
     const [show, hide] = _reactNative.Platform.OS === 'ios' ? ['keyboardWillShow', 'keyboardWillHide'] : ['keyboardDidShow', 'keyboardDidHide'];
@@ -143,15 +172,16 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
   const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
     onMoveShouldSetPanResponder: (_, gesture) => gesture.dy > 5 && Math.abs(gesture.dy) > Math.abs(gesture.dx),
     onPanResponderMove: (_, gesture) => {
-      if (gesture.dy > 0) progress.setValue(1 - Math.min(gesture.dy, SCREEN_HEIGHT) / SCREEN_HEIGHT);
+      const h = screenHeightRef.current;
+      if (gesture.dy > 0) progress.setValue(1 - Math.min(gesture.dy, h) / h);
     },
     onPanResponderRelease: (_, gesture) => {
-      if (gesture.dy > DISMISS_THRESHOLD) {
+      if (gesture.dy > DISMISS_DISTANCE || gesture.dy > 0 && gesture.vy > DISMISS_VELOCITY) {
         onCloseRef.current();
       } else {
         _reactNative.Animated.timing(progress, {
           toValue: 1,
-          duration: 150,
+          duration: snapBackMs.current,
           useNativeDriver: true
         }).start();
       }
@@ -159,8 +189,8 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
   })).current;
   if (!mounted) return null;
 
-  // Porcentaje y no píxeles: se mide contra el contenedor, que con el teclado
-  // abierto es más bajo, así que la hoja entra siempre entera.
+  // Percentage, not pixels: it is measured against the container, which is
+  // shorter with the keyboard open, so the sheet always fits entirely.
   const resolvedMaxHeight = maxHeight <= 1 ? `${maxHeight * 100}%` : maxHeight;
   const hasHeader = !!title;
   const scrolledFooter = !!footer && footerPlacement === 'scroll' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -181,61 +211,83 @@ const BottomSheet = exports.BottomSheet = /*#__PURE__*/(0, _react.memo)(({
     style: [styles.content, contentStyle],
     children: [children, scrolledFooter]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: true,
-    transparent: true,
-    animationType: "none",
-    statusBarTranslucent: true,
-    onRequestClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
-      style: styles.container,
-      behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.Transition, {
-        value: progress,
-        preset: "fade",
-        style: [absoluteFill, styles.backdrop],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          style: absoluteFill,
-          onPress: onClose,
-          testID: "bottom-sheet-backdrop",
-          accessibilityRole: hasHeader ? undefined : 'button',
-          accessibilityLabel: hasHeader ? undefined : closeAccessibilityLabel
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalSafeAreaBoundary, {
-        children: insets => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Transition.Transition, {
+  const tree = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardAvoidance.KeyboardHandled, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
+        style: styles.container,
+        behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.Transition, {
           value: progress,
-          preset: "slide-up",
-          distance: SCREEN_HEIGHT,
-          testID: testID,
-          style: [styles.sheet, {
-            maxHeight: resolvedMaxHeight,
-            paddingBottom: Math.max(insets.bottom, 20)
-          }, containerStyle],
-          children: [draggable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.handleArea,
-            testID: "bottom-sheet-handle",
-            ...panResponder.panHandlers,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.handle
-            })
-          }), hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.header, !draggable && styles.headerSpaced],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Title, {
-              style: styles.title,
-              numberOfLines: 1,
-              children: title
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
-              iconName: "close",
-              size: 24,
-              color: colors.text,
-              onPress: onClose,
-              accessibilityLabel: closeAccessibilityLabel
-            })]
-          }), body, pinnedFooter]
-        })
-      })]
+          preset: "fade",
+          style: [absoluteFill, styles.backdrop],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: absoluteFill,
+            onPress: onClose,
+            testID: "bottom-sheet-backdrop",
+            accessibilityRole: hasHeader ? undefined : 'button',
+            accessibilityLabel: hasHeader ? undefined : closeLabel
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalSafeAreaBoundary, {
+          children: insets => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Transition.Transition, {
+            value: progress,
+            preset: "slide-up",
+            distance: screenHeight,
+            testID: testID,
+            style: [styles.sheet, {
+              maxHeight: resolvedMaxHeight,
+              paddingBottom: Math.max(insets.bottom, theme.tokens.spacing.xl)
+            }, containerStyle],
+            children: [draggable &&
+            /*#__PURE__*/
+            // Decorative for screen readers: closing is already exposed by the
+            // close button (with a title) or by the backdrop (without one).
+            (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.handleArea,
+              testID: "bottom-sheet-handle",
+              accessibilityElementsHidden: true,
+              importantForAccessibility: "no-hide-descendants",
+              ...panResponder.panHandlers,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.handle
+              })
+            }), hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: [styles.header, !draggable && styles.headerSpaced],
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Title, {
+                style: styles.title,
+                numberOfLines: 1,
+                children: title
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+                iconName: "close",
+                size: CLOSE_ICON_SIZE,
+                color: colors.text,
+                onPress: onClose,
+                accessibilityLabel: closeLabel
+              })]
+            }), body, pinnedFooter]
+          })
+        })]
+      })
     })
   });
+  if (inline) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: absoluteFill,
+      pointerEvents: "box-none",
+      children: tree
+    });
+  }
+  return (
+    /*#__PURE__*/
+    // closing: while the exit animation plays, no other overlay layers into it.
+    (0, _jsxRuntime.jsx)(_NativeOverlay.NativeOverlay, {
+      closing: !visible,
+      transparent: true,
+      animationType: "none",
+      statusBarTranslucent: true,
+      onRequestClose: onClose,
+      children: tree
+    })
+  );
 });
 BottomSheet.displayName = 'BottomSheet';
 //# sourceMappingURL=BottomSheet.js.map