blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/overlay/sheet/sheetMath.js

@@ -29,6 +29,47 @@ export function clampSheetDrag(translationY) {
   return Math.max(0, translationY);
 }
 
+/** Downward travel (pt) before the sheet pan may activate — keeps taps live. */
+export const SHEET_PAN_ACTIVATION_DISTANCE = 8;
+
+/**
+ * Whether the sheet (rather than an inner scrollable) should consume a drag:
+ * only when the scrollable is at (or bounced past) its top AND the finger is
+ * moving downward. With no scrollable registered the offset stays 0, so a
+ * plain-content sheet always consumes — today's behaviour.
+ */
+export function shouldSheetConsumeDrag(scrollOffsetY, translationY) {
+  'worklet';
+
+  return scrollOffsetY <= 0 && translationY > 0;
+}
+
+/**
+ * The manual-activation decision for the sheet pan: activate only once the
+ * finger has travelled the activation distance downward while the inner
+ * scrollable sits at its top. Until then the pan stays undetermined, so the
+ * scrollable (running simultaneously) keeps full control — and if the list
+ * reaches its top mid-gesture, the pan activates then and the capture logic
+ * picks the sheet up from under the finger.
+ */
+export function shouldActivateSheetPan(touchTravelY, scrollOffsetY) {
+  'worklet';
+
+  return touchTravelY > SHEET_PAN_ACTIVATION_DISTANCE && shouldSheetConsumeDrag(scrollOffsetY, touchTravelY);
+}
+
+/**
+ * The sheet's effective drag once it starts consuming mid-gesture: the pan
+ * captures the translation at the instant the inner list reaches its top, so
+ * the sheet picks up from under the finger instead of jumping by however far
+ * the list had already scrolled.
+ */
+export function resolveSheetDrag(translationY, capturedTranslationY) {
+  'worklet';
+
+  return Math.max(0, translationY - capturedTranslationY);
+}
+
 /**
  * Whether a released drag should dismiss the sheet: past the distance
  * threshold, or a genuine downward fling. An upward fling never dismisses,
@@ -44,10 +85,12 @@ export function shouldDismissSheet(translationY, velocityY, sheetHeight) {
 
 /**
  * The tallest a sheet may grow: the capped fraction of the window, minus
- * whatever top inset (status bar / notch) must stay visible above it.
+ * whatever top inset (status bar / notch) must stay visible above it, minus
+ * the keyboard when the sheet translates up to avoid it — otherwise a tall
+ * sheet pushed up by the keyboard would run past the notch.
  */
-export function resolveSheetMaxHeight(windowHeight, topInset = 0, maxHeightFraction = SHEET_MAX_HEIGHT_FRACTION) {
+export function resolveSheetMaxHeight(windowHeight, topInset = 0, maxHeightFraction = SHEET_MAX_HEIGHT_FRACTION, keyboardHeight = 0) {
   const capped = windowHeight * maxHeightFraction;
-  return Math.max(0, Math.min(capped, windowHeight - topInset));
+  return Math.max(0, Math.min(capped, windowHeight - topInset - keyboardHeight));
 }
 //# sourceMappingURL=sheetMath.js.map

package/lib/module/overlay/sheet/sheetMath.js.map

@@ -1 +1 @@
-{"version":3,"names":["SHEET_DISMISS_FRACTION","SHEET_DISMISS_VELOCITY","SHEET_MAX_HEIGHT_FRACTION","clampSheetDrag","translationY","Math","max","shouldDismissSheet","velocityY","sheetHeight","resolveSheetMaxHeight","windowHeight","topInset","maxHeightFraction","capped","min"],"sourceRoot":"../../../../src","sources":["overlay/sheet/sheetMath.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,sBAAsB,GAAG,IAAI;;AAE1C;AACA,OAAO,MAAMC,sBAAsB,GAAG,GAAG;;AAEzC;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,YAAoB,EAAU;EACzD,SAAS;;EACT,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,YAAY,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,kBAAkBA,CAC9BH,YAAoB,EACpBI,SAAiB,EACjBC,WAAmB,EACZ;EACP,SAAS;;EACT,IAAID,SAAS,IAAI,CAACP,sBAAsB,EAAE,OAAO,KAAK;EACtD,IAAIO,SAAS,IAAIP,sBAAsB,EAAE,OAAOG,YAAY,GAAG,CAAC;EAChE,OACIK,WAAW,GAAG,CAAC,IAAIL,YAAY,IAAIK,WAAW,GAAGT,sBAAsB;AAE/E;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASU,qBAAqBA,CACjCC,YAAoB,EACpBC,QAAgB,GAAG,CAAC,EACpBC,iBAAyB,GAAGX,yBAAyB,EAC/C;EACN,MAAMY,MAAM,GAAGH,YAAY,GAAGE,iBAAiB;EAC/C,OAAOR,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACU,GAAG,CAACD,MAAM,EAAEH,YAAY,GAAGC,QAAQ,CAAC,CAAC;AACjE","ignoreList":[]}
+{"version":3,"names":["SHEET_DISMISS_FRACTION","SHEET_DISMISS_VELOCITY","SHEET_MAX_HEIGHT_FRACTION","clampSheetDrag","translationY","Math","max","SHEET_PAN_ACTIVATION_DISTANCE","shouldSheetConsumeDrag","scrollOffsetY","shouldActivateSheetPan","touchTravelY","resolveSheetDrag","capturedTranslationY","shouldDismissSheet","velocityY","sheetHeight","resolveSheetMaxHeight","windowHeight","topInset","maxHeightFraction","keyboardHeight","capped","min"],"sourceRoot":"../../../../src","sources":["overlay/sheet/sheetMath.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,sBAAsB,GAAG,IAAI;;AAE1C;AACA,OAAO,MAAMC,sBAAsB,GAAG,GAAG;;AAEzC;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,YAAoB,EAAU;EACzD,SAAS;;EACT,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,YAAY,CAAC;AACpC;;AAEA;AACA,OAAO,MAAMG,6BAA6B,GAAG,CAAC;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAClCC,aAAqB,EACrBL,YAAoB,EACb;EACP,SAAS;;EACT,OAAOK,aAAa,IAAI,CAAC,IAAIL,YAAY,GAAG,CAAC;AACjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,sBAAsBA,CAClCC,YAAoB,EACpBF,aAAqB,EACd;EACP,SAAS;;EACT,OACIE,YAAY,GAAGJ,6BAA6B,IAC5CC,sBAAsB,CAACC,aAAa,EAAEE,YAAY,CAAC;AAE3D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC5BR,YAAoB,EACpBS,oBAA4B,EACtB;EACN,SAAS;;EACT,OAAOR,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,YAAY,GAAGS,oBAAoB,CAAC;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAC9BV,YAAoB,EACpBW,SAAiB,EACjBC,WAAmB,EACZ;EACP,SAAS;;EACT,IAAID,SAAS,IAAI,CAACd,sBAAsB,EAAE,OAAO,KAAK;EACtD,IAAIc,SAAS,IAAId,sBAAsB,EAAE,OAAOG,YAAY,GAAG,CAAC;EAChE,OACIY,WAAW,GAAG,CAAC,IAAIZ,YAAY,IAAIY,WAAW,GAAGhB,sBAAsB;AAE/E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASiB,qBAAqBA,CACjCC,YAAoB,EACpBC,QAAgB,GAAG,CAAC,EACpBC,iBAAyB,GAAGlB,yBAAyB,EACrDmB,cAAsB,GAAG,CAAC,EACpB;EACN,MAAMC,MAAM,GAAGJ,YAAY,GAAGE,iBAAiB;EAC/C,OAAOf,IAAI,CAACC,GAAG,CACX,CAAC,EACDD,IAAI,CAACkB,GAAG,CAACD,MAAM,EAAEJ,YAAY,GAAGC,QAAQ,GAAGE,cAAc,CAC7D,CAAC;AACL","ignoreList":[]}

package/lib/module/overlay/toast/ToastOutlet.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useCallback, useContext, useEffect, useSyncExternalStore } from 'react';
+import { useCallback, useContext, useEffect, useRef, useState, useSyncExternalStore } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { Portal } from "../portal.js";
 import { SafeAreaInsetsContext } from "../safeAreaInsets.js";
 import { MOTION_DURATION, MOTION_EASING, MOTION_PRESETS } from "../../motion/motion.js";
@@ -14,51 +14,123 @@ import { dismissToast, getToasts, getVisibleToasts, subscribeToasts } from "./to
  * The toast rendering surface, mounted once by `BlendNativeProvider`.
  *
  * Subscribes to the store and renders the newest `MAX_VISIBLE_TOASTS`
- * bottom-stacked above everything through a `Portal`. Each toast slides up
- * on entry (a fade under reduce-motion), owns its auto-dismiss timer, and
- * announces itself to assistive tech when asked.
+ * bottom-stacked above everything through a priority `Portal` — priority
+ * keeps toasts painting above overlays that mount later (a sheet opened
+ * after a toast must not cover it). Each toast slides up on entry, slides
+ * away on exit (fades under reduce-motion), owns its auto-dismiss timer —
+ * paused while a finger is on it — and announces itself to assistive tech
+ * when asked.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
+
+/** Toasts paint above ordinary overlay layers (sheets, menus, modals). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TOAST_PORTAL_PRIORITY = 1;
+export const TOAST_EXIT_DURATION = MOTION_DURATION.fast;
+function sameEntries(a, b) {
+  return a.length === b.length && a.every((entry, i) => entry === b[i]);
+}
 export function ToastOutlet() {
   const toasts = useSyncExternalStore(subscribeToasts, getToasts, getToasts);
   const insets = useContext(SafeAreaInsetsContext);
   const visible = getVisibleToasts(toasts);
-  if (visible.length === 0) return null;
+
+  // Entries that just left the store are kept mounted, flagged `exiting`,
+  // until their exit animation reports done — the keep-mounted pattern
+  // from BottomSheet. Departures are detected with the official
+  // setState-during-render derived-state form (store entries are stable
+  // object references, so identity comparison is exact and a same-id
+  // content replacement never triggers an exit).
+  const [prevVisible, setPrevVisible] = useState([]);
+  const [exitingList, setExitingList] = useState([]);
+  if (!sameEntries(prevVisible, visible)) {
+    const visibleIds = new Set(visible.map(entry => entry.id));
+    const departed = prevVisible.filter(entry => !visibleIds.has(entry.id));
+    setPrevVisible(visible);
+    setExitingList(current => [...current.filter(entry => !visibleIds.has(entry.id)), ...departed.filter(entry => !current.some(c => c.id === entry.id))]);
+  }
+  const handleExited = useCallback(id => {
+    setExitingList(current => current.filter(entry => entry.id !== id));
+  }, []);
+  if (visible.length === 0 && exitingList.length === 0) return null;
   return /*#__PURE__*/_jsx(Portal, {
-    children: /*#__PURE__*/_jsx(View, {
+    priority: TOAST_PORTAL_PRIORITY,
+    children: /*#__PURE__*/_jsxs(View, {
       style: [styles.stack, {
         paddingBottom: (insets?.bottom ?? 0) + 16
       }],
       pointerEvents: "box-none",
       testID: "blend-toast-outlet",
-      children: visible.map(toast => /*#__PURE__*/_jsx(ToastItem, {
-        toast: toast
-      }, toast.id))
+      children: [visible.map(entry => /*#__PURE__*/_jsx(ToastItem, {
+        toast: entry,
+        exiting: false,
+        onExited: handleExited
+      }, entry.id)), exitingList.map(entry => /*#__PURE__*/_jsx(ToastItem, {
+        toast: entry,
+        exiting: true,
+        onExited: handleExited
+      }, entry.id))]
     })
   });
 }
 ToastOutlet.displayName = 'ToastOutlet';
 function ToastItem({
-  toast
+  toast,
+  exiting,
+  onExited
 }) {
   const reduceMotion = useReduceMotion();
   const progress = useSharedValue(0);
   const dismiss = useCallback(() => dismissToast(toast.id), [toast.id]);
 
-  // Enter animation once per toast id.
+  // Enter once per toast id; exit when the store drops the entry, then
+  // report done so the outlet releases the retained item.
+  const notifyExited = useCallback(() => onExited(toast.id), [onExited, toast.id]);
   useEffect(() => {
+    if (exiting) {
+      progress.value = withTiming(0, {
+        duration: TOAST_EXIT_DURATION,
+        easing: Easing.bezier(...MOTION_EASING.accelerate)
+      }, finished => {
+        if (finished) runOnJS(notifyExited)();
+      });
+      return;
+    }
     progress.value = withTiming(1, {
       duration: MOTION_PRESETS.slideUp.duration,
       easing: Easing.bezier(...MOTION_EASING.decelerate)
     });
-  }, [progress]);
+  }, [progress, exiting, notifyExited]);
 
-  // Auto-dismiss owns its timer; content replacement (same id) restarts it.
+  // Auto-dismiss owns its timer, with remaining-time bookkeeping so a
+  // finger on the toast pauses the countdown (the sonner behaviour).
+  // Content replacement (same id) restarts the full duration.
+  const remainingRef = useRef(null);
+  const startedAtRef = useRef(0);
+  const timerRef = useRef(null);
+  const stopTimer = useCallback(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const startTimer = useCallback(() => {
+    stopTimer();
+    if (remainingRef.current === null || exiting) return;
+    startedAtRef.current = Date.now();
+    timerRef.current = setTimeout(dismiss, remainingRef.current);
+  }, [dismiss, exiting, stopTimer]);
+  const pauseTimer = useCallback(() => {
+    if (timerRef.current === null || remainingRef.current === null) return;
+    stopTimer();
+    remainingRef.current = Math.max(0, remainingRef.current - (Date.now() - startedAtRef.current));
+  }, [stopTimer]);
   useEffect(() => {
-    if (toast.duration === null) return;
-    const timer = setTimeout(dismiss, toast.duration);
-    return () => clearTimeout(timer);
-  }, [toast.id, toast.duration, toast.content, dismiss]);
+    remainingRef.current = toast.duration;
+    startTimer();
+    return stopTimer;
+    // The full duration restarts when the toast's identity or content
+    // changes; startTimer/stopTimer identities are stable per item.
+  }, [toast.id, toast.duration, toast.content, startTimer, stopTimer]);
   useLiveRegionAnnounce(toast.announcement, Boolean(toast.announcement));
   const animatedStyle = useAnimatedStyle(() => {
     if (reduceMotion) {
@@ -79,14 +151,12 @@ function ToastItem({
   return /*#__PURE__*/_jsx(Animated.View, {
     style: animatedStyle,
     accessibilityLiveRegion: toast.announcement ? 'polite' : 'none',
+    onTouchStart: pauseTimer,
+    onTouchEnd: startTimer,
+    onTouchCancel: startTimer,
     children: typeof toast.content === 'function' ? toast.content(dismiss) : toast.content
   });
 }
-
-/** Exit duration is not modelled yet — dismissal unmounts immediately;
- * SnackbarV2 will own richer exit choreography when it lands. Kept simple
- * so the host stays predictable under the synchronous test mock. */
-export const TOAST_EXIT_DURATION = MOTION_DURATION.fast;
 const styles = StyleSheet.create({
   stack: {
     position: 'absolute',

package/lib/module/overlay/toast/ToastOutlet.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useContext","useEffect","useSyncExternalStore","StyleSheet","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","Portal","SafeAreaInsetsContext","MOTION_DURATION","MOTION_EASING","MOTION_PRESETS","useReduceMotion","useLiveRegionAnnounce","dismissToast","getToasts","getVisibleToasts","subscribeToasts","jsx","_jsx","ToastOutlet","toasts","insets","visible","length","children","style","styles","stack","paddingBottom","bottom","pointerEvents","testID","map","toast","ToastItem","id","displayName","reduceMotion","progress","dismiss","value","duration","slideUp","easing","bezier","decelerate","timer","setTimeout","clearTimeout","content","announcement","Boolean","animatedStyle","opacity","transform","translateY","from","accessibilityLiveRegion","TOAST_EXIT_DURATION","fast","create","position","left","right","alignItems","gap","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["overlay/toast/ToastOutlet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useContext","useEffect","useRef","useState","useSyncExternalStore","StyleSheet","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","Portal","SafeAreaInsetsContext","MOTION_DURATION","MOTION_EASING","MOTION_PRESETS","useReduceMotion","useLiveRegionAnnounce","dismissToast","getToasts","getVisibleToasts","subscribeToasts","jsx","_jsx","jsxs","_jsxs","TOAST_PORTAL_PRIORITY","TOAST_EXIT_DURATION","fast","sameEntries","a","b","length","every","entry","i","ToastOutlet","toasts","insets","visible","prevVisible","setPrevVisible","exitingList","setExitingList","visibleIds","Set","map","id","departed","filter","has","current","some","c","handleExited","priority","children","style","styles","stack","paddingBottom","bottom","pointerEvents","testID","ToastItem","toast","exiting","onExited","displayName","reduceMotion","progress","dismiss","notifyExited","value","duration","easing","bezier","accelerate","finished","slideUp","decelerate","remainingRef","startedAtRef","timerRef","stopTimer","clearTimeout","startTimer","Date","now","setTimeout","pauseTimer","Math","max","content","announcement","Boolean","animatedStyle","opacity","transform","translateY","from","accessibilityLiveRegion","onTouchStart","onTouchEnd","onTouchCancel","create","position","left","right","alignItems","gap","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["overlay/toast/ToastOutlet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/useAnchoredPosition.js

@@ -1,21 +1,31 @@
 "use strict";
 
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useWindowDimensions } from 'react-native';
-import { computeAnchoredPosition } from "./positioning.js";
+import { computeAnchoredPosition, computeArrowAlignedPosition, computeArrowPosition } from "./positioning.js";
+import { useKeyboardHeight } from "./useKeyboardHeight.js";
 
 /**
  * Measurement plumbing for `computeAnchoredPosition`.
  *
  * Wires the three inputs the pure engine needs: the anchor's window rect
- * (`measureInWindow`, taken when the overlay opens), the floating content's
- * size (its `onLayout`), and the window size (re-renders on rotation).
+ * (`measureInWindow`), the floating content's size (its `onLayout`), and
+ * the window size — reduced by the soft keyboard's height so content flips
+ * and clamps above it.
+ *
+ * Re-measure philosophy: the overlay components render a touch-capturing
+ * backdrop while open, so nothing can scroll under an open overlay — the
+ * anchor only moves on rotation or when the keyboard changes the window.
+ * The anchor is measured when `open` flips true and re-measured on
+ * window-dimension or keyboard changes while open; `remeasure()` covers
+ * anything exotic. There is no RN ResizeObserver, and polling would burn
+ * battery for a case the backdrop already prevents.
  *
  * ```tsx
- * const { anchorRef, measureAnchor, onContentLayout, position } =
- *     useAnchoredPosition({ placement: 'bottom' })
+ * const { anchorRef, onContentLayout, position, arrow } =
+ *     useAnchoredPosition({ open, placement: 'bottom', arrowSize: 6 })
  *
- * <Pressable ref={anchorRef} onPress={() => { measureAnchor(); open() }} />
+ * <Pressable ref={anchorRef} onPress={open} />
  * <Portal>
  *   <View
  *     onLayout={onContentLayout}
@@ -29,15 +39,27 @@ import { computeAnchoredPosition } from "./positioning.js";
  *
  * `position` is `null` until both measurements land — render the content
  * transparent (not unmounted, or `onLayout` never fires) until then.
+ * `arrow` is `null` unless `arrowSize` is set; it is the arrow's center in
+ * content-local coordinates (`computeArrowPosition`).
  */
 export function useAnchoredPosition(options) {
+  const {
+    open,
+    placement,
+    alignment,
+    offset,
+    viewportPadding,
+    arrowSize,
+    arrowAligned = false
+  } = options;
   const anchorRef = useRef(null);
   const [anchorRect, setAnchorRect] = useState(null);
   const [contentSize, setContentSize] = useState(null);
   const viewport = useWindowDimensions();
+  const keyboard = useKeyboardHeight();
 
-  /** Call when opening (and after anything that moves the anchor). */
-  const measureAnchor = useCallback(() => {
+  /** Re-measure the anchor now — for anchors that move in exotic ways. */
+  const remeasure = useCallback(() => {
     anchorRef.current?.measureInWindow((x, y, width, height) => {
       setAnchorRect({
         x,
@@ -47,6 +69,17 @@ export function useAnchoredPosition(options) {
       });
     });
   }, []);
+
+  // Measure on open; re-measure on rotation/keyboard while open; drop the
+  // stale rect on close so the next open cannot flash at the old spot.
+  useEffect(() => {
+    if (open) {
+      remeasure();
+    } else {
+      setAnchorRect(null);
+      setContentSize(null);
+    }
+  }, [open, remeasure, viewport.width, viewport.height, keyboard.height]);
   const onContentLayout = useCallback(event => {
     const {
       width,
@@ -57,26 +90,57 @@ export function useAnchoredPosition(options) {
       height
     });
   }, []);
-  const position = useMemo(() => {
+  const resolved = useMemo(() => {
     if (!anchorRect || !contentSize) return null;
-    return computeAnchoredPosition({
+    const input = {
       anchor: anchorRect,
       content: contentSize,
       viewport: {
         width: viewport.width,
-        height: viewport.height
+        height: Math.max(0, viewport.height - keyboard.height)
       },
-      placement: options?.placement,
-      alignment: options?.alignment,
-      offset: options?.offset,
-      viewportPadding: options?.viewportPadding
-    });
-  }, [anchorRect, contentSize, viewport.width, viewport.height, options?.placement, options?.alignment, options?.offset, options?.viewportPadding]);
+      placement,
+      alignment,
+      offset,
+      viewportPadding
+    };
+    if (arrowAligned && arrowSize) {
+      const {
+        arrow,
+        ...position
+      } = computeArrowAlignedPosition({
+        ...input,
+        arrowSize
+      });
+      return {
+        position,
+        arrow
+      };
+    }
+    const position = computeAnchoredPosition(input);
+    const arrow = arrowSize ? computeArrowPosition({
+      anchor: anchorRect,
+      contentPosition: {
+        x: position.x,
+        y: position.y
+      },
+      content: contentSize,
+      placement: position.placement,
+      arrowSize
+    }) : null;
+    return {
+      position,
+      arrow
+    };
+  }, [anchorRect, contentSize, viewport.width, viewport.height, keyboard.height, placement, alignment, offset, viewportPadding, arrowSize, arrowAligned]);
   return {
     anchorRef,
-    measureAnchor,
     onContentLayout,
-    position
+    position: resolved?.position ?? null,
+    arrow: resolved?.arrow ?? null,
+    /** The anchor's window rect — for anchor-width-matched dropdowns. */
+    anchorRect,
+    remeasure
   };
 }
 //# sourceMappingURL=useAnchoredPosition.js.map

package/lib/module/overlay/useAnchoredPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useRef","useState","useWindowDimensions","computeAnchoredPosition","useAnchoredPosition","options","anchorRef","anchorRect","setAnchorRect","contentSize","setContentSize","viewport","measureAnchor","current","measureInWindow","x","y","width","height","onContentLayout","event","nativeEvent","layout","previous","position","anchor","content","placement","alignment","offset","viewportPadding"],"sourceRoot":"../../../src","sources":["overlay/useAnchoredPosition.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SACIC,mBAAmB,QAGhB,cAAc;AACrB,SACIC,uBAAuB,QAMpB,kBAAe;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,OAKnC,EAAE;EACC,MAAMC,SAAS,GAAGN,MAAM,CAAO,IAAI,CAAC;EACpC,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAAc,IAAI,CAAC;EAC/D,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAc,IAAI,CAAC;EACjE,MAAMU,QAAQ,GAAGT,mBAAmB,CAAC,CAAC;;EAEtC;EACA,MAAMU,aAAa,GAAGd,WAAW,CAAC,MAAM;IACpCQ,SAAS,CAACO,OAAO,EAAEC,eAAe,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,KAAK,EAAEC,MAAM,KAAK;MACxDV,aAAa,CAAC;QAAEO,CAAC;QAAEC,CAAC;QAAEC,KAAK;QAAEC;MAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAGrB,WAAW,CAAEsB,KAAwB,IAAK;IAC9D,MAAM;MAAEH,KAAK;MAAEC;IAAO,CAAC,GAAGE,KAAK,CAACC,WAAW,CAACC,MAAM;IAClDZ,cAAc,CAAEa,QAAQ,IACpBA,QAAQ,EAAEN,KAAK,KAAKA,KAAK,IAAIM,QAAQ,EAAEL,MAAM,KAAKA,MAAM,GAClDK,QAAQ,GACR;MAAEN,KAAK;MAAEC;IAAO,CAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,QAAQ,GAAGzB,OAAO,CAA0B,MAAM;IACpD,IAAI,CAACQ,UAAU,IAAI,CAACE,WAAW,EAAE,OAAO,IAAI;IAC5C,OAAON,uBAAuB,CAAC;MAC3BsB,MAAM,EAAElB,UAAU;MAClBmB,OAAO,EAAEjB,WAAW;MACpBE,QAAQ,EAAE;QAAEM,KAAK,EAAEN,QAAQ,CAACM,KAAK;QAAEC,MAAM,EAAEP,QAAQ,CAACO;MAAO,CAAC;MAC5DS,SAAS,EAAEtB,OAAO,EAAEsB,SAAS;MAC7BC,SAAS,EAAEvB,OAAO,EAAEuB,SAAS;MAC7BC,MAAM,EAAExB,OAAO,EAAEwB,MAAM;MACvBC,eAAe,EAAEzB,OAAO,EAAEyB;IAC9B,CAAC,CAAC;EACN,CAAC,EAAE,CACCvB,UAAU,EACVE,WAAW,EACXE,QAAQ,CAACM,KAAK,EACdN,QAAQ,CAACO,MAAM,EACfb,OAAO,EAAEsB,SAAS,EAClBtB,OAAO,EAAEuB,SAAS,EAClBvB,OAAO,EAAEwB,MAAM,EACfxB,OAAO,EAAEyB,eAAe,CAC3B,CAAC;EAEF,OAAO;IAAExB,SAAS;IAAEM,aAAa;IAAEO,eAAe;IAAEK;EAAS,CAAC;AAClE","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useWindowDimensions","computeAnchoredPosition","computeArrowAlignedPosition","computeArrowPosition","useKeyboardHeight","useAnchoredPosition","options","open","placement","alignment","offset","viewportPadding","arrowSize","arrowAligned","anchorRef","anchorRect","setAnchorRect","contentSize","setContentSize","viewport","keyboard","remeasure","current","measureInWindow","x","y","width","height","onContentLayout","event","nativeEvent","layout","previous","resolved","input","anchor","content","Math","max","arrow","position","contentPosition"],"sourceRoot":"../../../src","sources":["overlay/useAnchoredPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/overlay/useKeyboardHeight.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Keyboard, Platform } from 'react-native';
+
+/**
+ * The soft keyboard's current height in window points — dependency-free
+ * keyboard tracking for overlays.
+ *
+ * iOS fires `keyboardWillShow/Hide` ahead of the frame change, so an
+ * animation started from this state tracks the keyboard closely; Android
+ * only has the `Did` events. Height comes from `endCoordinates`, so an iOS
+ * keyboard that changes height (emoji pane, autocomplete bar) updates too.
+ */
+export function useKeyboardHeight() {
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+    const show = Keyboard.addListener(showEvent, event => {
+      setHeight(event.endCoordinates?.height ?? 0);
+    });
+    const hide = Keyboard.addListener(hideEvent, () => {
+      setHeight(0);
+    });
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return {
+    height,
+    visible: height > 0
+  };
+}
+export default useKeyboardHeight;
+//# sourceMappingURL=useKeyboardHeight.js.map

package/lib/module/overlay/useKeyboardHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","Platform","useKeyboardHeight","height","setHeight","showEvent","OS","hideEvent","show","addListener","event","endCoordinates","hide","remove","visible"],"sourceRoot":"../../../src","sources":["overlay/useKeyboardHeight.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAyC;EACtE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACZ,MAAMO,SAAS,GACXJ,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAClE,MAAMC,SAAS,GACXN,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAClE,MAAME,IAAI,GAAGR,QAAQ,CAACS,WAAW,CAACJ,SAAS,EAAGK,KAAK,IAAK;MACpDN,SAAS,CAACM,KAAK,CAACC,cAAc,EAAER,MAAM,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IACF,MAAMS,IAAI,GAAGZ,QAAQ,CAACS,WAAW,CAACF,SAAS,EAAE,MAAM;MAC/CH,SAAS,CAAC,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,OAAO,MAAM;MACTI,IAAI,CAACK,MAAM,CAAC,CAAC;MACbD,IAAI,CAACC,MAAM,CAAC,CAAC;IACjB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEV,MAAM;IAAEW,OAAO,EAAEX,MAAM,GAAG;EAAE,CAAC;AAC1C;AAEA,eAAeD,iBAAiB","ignoreList":[]}

package/lib/module/primitives/Block.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","memo","View","Platform","StyleSheet","resolveSurfaceStyle","jsx","_jsx","BlockImpl","Block","children","style","rest","ref","background","backgroundColor","border","borderRadius","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","width","minWidth","maxWidth","height","minHeight","maxHeight","flexDirection","alignItems","justifyContent","alignSelf","gap","flexShrink","flexGrow","opacity","overflow","viewProps","resolved","OS","flatten","baseStyle","view","displayName","create","display"],"sourceRoot":"../../../src","sources":["primitives/Block.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC/C,SACIC,IAAI,EACJC,QAAQ,EACRC,UAAU,QAIP,cAAc;AACrB,SACIC,mBAAmB,QAEhB,6BAA0B;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,SAAAC,GAAA,IAAAC,IAAA;AAwBA,MAAMC,SAAS,gBAAGR,UAAU,CAAqB,SAASS,KAAKA,CAC3D;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAC5BC,GAAG,EACL;EACE;EACA,MAAM;IACFC,UAAU;IACVC,eAAe;IACfC,MAAM;IACNC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC,UAAU;IACVC,cAAc;IACdC,SAAS;IACTC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACP,CAAC,GAAG1B,IAAI;EAER,MAAM2B,QAAQ,GAAGlC,mBAAmB,CAChC;IACIS,UAAU;IACVC,eAAe;IACfC,MAAM;IACNC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC,UAAU;IACVC,cAAc;IACdC,SAAS;IACTC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC;EACJ,CAAC,EACDlC,QAAQ,CAACqC,EACb,CAAC;EAED,oBACIjC,IAAA,CAACL,IAAI;IACDW,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEP,UAAU,CAACqC,OAAO,CAAC,CAACC,SAAS,CAACC,IAAI,EAAEJ,QAAQ,EAAE5B,KAAK,CAAC,CAAE;IAAA,GACzD2B,SAAS;IAAA5B,QAAA,EAEZA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMD,KAAK,gBAAGR,IAAI,CAACO,SAAS,CAAC;AACpCC,KAAK,CAACmC,WAAW,GAAG,OAAO;AAE3B,MAAMF,SAAS,GAAGtC,UAAU,CAACyC,MAAM,CAAC;EAChCF,IAAI,EAAE;IACF;IACA;IACAG,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,eAAerC,KAAK","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","memo","View","Platform","StyleSheet","resolveSurfaceStyle","jsx","_jsx","BlockImpl","Block","children","style","rest","ref","background","backgroundColor","border","borderRadius","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","width","minWidth","maxWidth","height","minHeight","maxHeight","flexDirection","alignItems","justifyContent","alignSelf","gap","flexShrink","flexGrow","opacity","overflow","viewProps","resolved","OS","flatten","baseStyle","view","displayName","create","display"],"sourceRoot":"../../../src","sources":["primitives/Block.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC/C,SACIC,IAAI,EACJC,QAAQ,EACRC,UAAU,QAKP,cAAc;AACrB,SACIC,mBAAmB,QAEhB,6BAA0B;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,SAAAC,GAAA,IAAAC,IAAA;AAwBA,MAAMC,SAAS,gBAAGR,UAAU,CAAqB,SAASS,KAAKA,CAC3D;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAC5BC,GAAG,EACL;EACE;EACA,MAAM;IACFC,UAAU;IACVC,eAAe;IACfC,MAAM;IACNC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC,UAAU;IACVC,cAAc;IACdC,SAAS;IACTC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACP,CAAC,GAAG1B,IAAI;EAER,MAAM2B,QAAQ,GAAGlC,mBAAmB,CAChC;IACIS,UAAU;IACVC,eAAe;IACfC,MAAM;IACNC,YAAY;IACZC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC,UAAU;IACVC,cAAc;IACdC,SAAS;IACTC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC;EACJ,CAAC,EACDlC,QAAQ,CAACqC,EACb,CAAC;EAED,oBACIjC,IAAA,CAACL,IAAI;IACDW,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAEP,UAAU,CAACqC,OAAO,CAAC,CAACC,SAAS,CAACC,IAAI,EAAEJ,QAAQ,EAAE5B,KAAK,CAAC,CAAE;IAAA,GACzD2B,SAAS;IAAA5B,QAAA,EAEZA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMD,KAAK,gBAAGR,IAAI,CAACO,SAAS,CAAC;AACpCC,KAAK,CAACmC,WAAW,GAAG,OAAO;AAE3B,MAAMF,SAAS,GAAGtC,UAAU,CAACyC,MAAM,CAAC;EAChCF,IAAI,EAAE;IACF;IACA;IACAG,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,eAAerC,KAAK","ignoreList":[]}

package/lib/module/primitives/Pressable.js

@@ -214,14 +214,19 @@ const PressableImpl = /*#__PURE__*/forwardRef(function Pressable({
 
   // ---- Gradient path ----------------------------------------------
   //
-  //   <Pressable border + radius + overflow:hidden>
-  //     <LinearGradient absoluteFill (bled into the border zone) />
-  //     <View padding + layout> {content} </View>
+  //   <Pressable full surface + overflow:hidden>
+  //     <LinearGradient absolute (bled into the border zone) />
+  //     {content}
   //   </Pressable>
   //
-  // The gradient absolute-fills the whole border box — including under
-  // the border — so no antialiasing wedge forms at the corners, and the
-  // Pressable's own radius + overflow:hidden clips the bleed.
+  // The whole surface — padding, layout, sizing — stays on the
+  // Pressable. Yoga positions absolute children relative to the BORDER
+  // box (not CSS's padding box), so the bleed gradient fills the frame
+  // regardless of padding, and no inner layout view is needed. The
+  // previous split (frame + `flex`-growing content child) broke
+  // intrinsic sizing: under Yoga's at-most measurement a growing child
+  // consumes the parent row's available width, so an auto-width
+  // gradient button rendered container-wide.
   if (canRenderGradient && !usesDisabledChrome && parsedBg?.type === 'gradient') {
     const gradient = parsedBg;
     const Gradient = LinearGradient;
@@ -238,35 +243,8 @@ const PressableImpl = /*#__PURE__*/forwardRef(function Pressable({
       bottom: bleed,
       left: bleed
     };
-
-    // The gradient fills the border box, so padding and inner layout
-    // move to a child view; the Pressable keeps only the frame
-    // (border, radius, sizing) plus the clip.
-    const {
-      paddingTop,
-      paddingRight,
-      paddingBottom,
-      paddingLeft,
-      flexDirection: frameFlexDirection,
-      alignItems: frameAlignItems,
-      justifyContent: frameJustifyContent,
-      gap: frameGap,
-      ...frame
-    } = surface;
-    const contentLayout = {
-      flex: 1,
-      paddingTop,
-      paddingRight,
-      paddingBottom,
-      paddingLeft,
-      flexDirection: frameFlexDirection,
-      alignItems: frameAlignItems,
-      justifyContent: frameJustifyContent,
-      gap: frameGap
-    };
     const frameStyle = {
-      ...frame,
-      flexDirection: frameFlexDirection,
+      ...surface,
       overflow: 'hidden'
     };
     return /*#__PURE__*/_jsx(RNPressable, {
@@ -302,10 +280,7 @@ const PressableImpl = /*#__PURE__*/forwardRef(function Pressable({
           style: [bleedStyle, {
             backgroundColor: activeFlatBgColor
           }]
-        }), /*#__PURE__*/_jsx(View, {
-          style: contentLayout,
-          children: content
-        })]
+        }), content]
       })
     });
   }