@onlynative/inertia-gestures 0.0.1-alpha.1

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useDrag.ts","../src/useSwipe.ts","../src/usePan.ts"],"names":["useSharedValue","useMemo","Gesture","runOnJS","useAnimatedStyle","withSpring","meets","withDecay","clamp"],"mappings":"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","file":"index.js","sourcesContent":["import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  type SharedValue,\n} from 'react-native-reanimated'\nimport type { DragConstraints, DragOptions } from './types'\n\nexport interface UseDragResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /**\n   * Animated style fragment (a single `transform` entry) to stack onto the\n   * dragged Motion primitive's `style` prop. Stable across renders.\n   */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Current x translation in pixels. UI-thread shared value. */\n  dragX: SharedValue<number>\n  /** Current y translation in pixels. UI-thread shared value. */\n  dragY: SharedValue<number>\n  /** True while the gesture is active. */\n  isDragging: SharedValue<boolean>\n}\n\n/**\n * Drag a Motion primitive with `react-native-gesture-handler`'s pan gesture.\n *\n * The hook owns a pair of shared values (`dragX`, `dragY`) and a `Pan`\n * gesture that updates them on the UI thread. The returned `animatedStyle`\n * is a self-contained `transform: [{ translateX }, { translateY }]` fragment;\n * stack it onto the dragged component without colliding with Motion's own\n * `animate` transforms.\n *\n * Usage:\n * ```tsx\n * const drag = useDrag({ axis: 'x', constraints: { left: -100, right: 100 } })\n * return (\n *   <GestureDetector gesture={drag.gesture}>\n *     <Motion.View style={drag.animatedStyle} />\n *   </GestureDetector>\n * )\n * ```\n */\nexport function useDrag(options: DragOptions = {}): UseDragResult {\n  const {\n    axis = 'both',\n    constraints,\n    elastic = 0,\n    onDragStart,\n    onDragEnd,\n  } = options\n\n  const dragX = useSharedValue(0)\n  const dragY = useSharedValue(0)\n  const startX = useSharedValue(0)\n  const startY = useSharedValue(0)\n  const isDragging = useSharedValue(false)\n\n  // Snapshot scalars into local consts so the Pan handlers (worklets) capture\n  // primitives, not the closing `options` object — a fresh `options` literal\n  // each render would otherwise force a new gesture identity.\n  const lockX = axis !== 'y'\n  const lockY = axis !== 'x'\n  const left = constraints?.left\n  const right = constraints?.right\n  const top = constraints?.top\n  const bottom = constraints?.bottom\n  const elasticCoef = elastic\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        startX.value = dragX.value\n        startY.value = dragY.value\n        isDragging.value = true\n        if (onDragStart) runOnJS(onDragStart)()\n      })\n      .onUpdate((e) => {\n        'worklet'\n        if (lockX) {\n          dragX.value = applyBounds(\n            startX.value + e.translationX,\n            left,\n            right,\n            elasticCoef,\n          )\n        }\n        if (lockY) {\n          dragY.value = applyBounds(\n            startY.value + e.translationY,\n            top,\n            bottom,\n            elasticCoef,\n          )\n        }\n      })\n      .onEnd((e) => {\n        'worklet'\n        isDragging.value = false\n        if (onDragEnd) {\n          const x = dragX.value\n          const y = dragY.value\n          const vx = e.velocityX\n          const vy = e.velocityY\n          runOnJS(onDragEnd)({ x, y, velocity: { x: vx, y: vy } })\n        }\n      })\n    return pan\n  }, [\n    lockX,\n    lockY,\n    left,\n    right,\n    top,\n    bottom,\n    elasticCoef,\n    onDragStart,\n    onDragEnd,\n    dragX,\n    dragY,\n    startX,\n    startY,\n    isDragging,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: dragX.value }, { translateY: dragY.value }],\n  }))\n\n  return { gesture, animatedStyle, dragX, dragY, isDragging }\n}\n\n/**\n * Clamp `value` to `[min, max]`. When `elastic > 0` the overshoot beyond a\n * bound is scaled by `elastic` instead of hard-clamped, giving a rubber-band\n * feel. `min` / `max` may be `undefined` to leave that side unbounded.\n *\n * Worklet — runs on the UI thread inside the pan handler.\n */\nfunction applyBounds(\n  value: number,\n  min: number | undefined,\n  max: number | undefined,\n  elastic: number,\n): number {\n  'worklet'\n  if (min !== undefined && value < min) {\n    return elastic > 0 ? min + (value - min) * elastic : min\n  }\n  if (max !== undefined && value > max) {\n    return elastic > 0 ? max + (value - max) * elastic : max\n  }\n  return value\n}\n\nexport type { DragConstraints, DragOptions }\n","import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n  type SharedValue,\n} from 'react-native-reanimated'\n\nexport type SwipeDirection = 'left' | 'right' | 'up' | 'down'\n\nexport interface SwipeOptions {\n  /**\n   * Allowed swipe directions. Defaults to all four. The gesture only commits\n   * for directions in this list — a horizontal swipe with `directions:\n   * ['up', 'down']` will not fire `onSwipe`.\n   */\n  directions?: SwipeDirection[]\n  /**\n   * Pixel distance threshold past which a release commits the swipe. Defaults\n   * to `80`.\n   */\n  distanceThreshold?: number\n  /**\n   * Velocity threshold (px/sec) past which a release commits the swipe even\n   * before the distance threshold is reached — flick-style gestures. Defaults\n   * to `800`.\n   */\n  velocityThreshold?: number\n  /**\n   * Fired on the JS thread when the gesture commits in an allowed direction.\n   */\n  onSwipe?: (\n    direction: SwipeDirection,\n    info: { distance: number; velocity: number },\n  ) => void\n}\n\nexport interface UseSwipeResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /**\n   * Animated style fragment exposing live translation while the gesture is\n   * active. Snaps back to `{ 0, 0 }` after release (whether or not the swipe\n   * committed) via a default spring.\n   */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Live x translation. */\n  swipeX: SharedValue<number>\n  /** Live y translation. */\n  swipeY: SharedValue<number>\n  /** True while the user is actively swiping. */\n  isActive: SharedValue<boolean>\n}\n\nconst DEFAULT_DIRECTIONS: SwipeDirection[] = ['left', 'right', 'up', 'down']\n\n/**\n * Directional commit-or-snap-back gesture. Tracks live translation while the\n * user drags and fires `onSwipe(direction)` on release if either the distance\n * or velocity threshold is exceeded in an allowed direction. The position\n * shared values always animate back to zero — the consumer is responsible\n * for whatever side effect the commit drives (delete a row, dismiss a sheet,\n * etc.).\n *\n * Usage:\n * ```tsx\n * const swipe = useSwipe({\n *   directions: ['left'],\n *   onSwipe: (dir) => deleteRow(),\n * })\n * return (\n *   <GestureDetector gesture={swipe.gesture}>\n *     <Motion.View style={swipe.animatedStyle}>...</Motion.View>\n *   </GestureDetector>\n * )\n * ```\n */\nexport function useSwipe(options: SwipeOptions = {}): UseSwipeResult {\n  const {\n    directions = DEFAULT_DIRECTIONS,\n    distanceThreshold = 80,\n    velocityThreshold = 800,\n    onSwipe,\n  } = options\n\n  const swipeX = useSharedValue(0)\n  const swipeY = useSharedValue(0)\n  const isActive = useSharedValue(false)\n\n  const allowLeft = directions.includes('left')\n  const allowRight = directions.includes('right')\n  const allowUp = directions.includes('up')\n  const allowDown = directions.includes('down')\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        isActive.value = true\n      })\n      .onUpdate((e) => {\n        'worklet'\n        swipeX.value = e.translationX\n        swipeY.value = e.translationY\n      })\n      .onEnd((e) => {\n        'worklet'\n        isActive.value = false\n        const direction = pickDirection(\n          e.translationX,\n          e.translationY,\n          e.velocityX,\n          e.velocityY,\n          distanceThreshold,\n          velocityThreshold,\n          allowLeft,\n          allowRight,\n          allowUp,\n          allowDown,\n        )\n        if (direction !== null && onSwipe) {\n          const isHoriz = direction === 'left' || direction === 'right'\n          const distance = isHoriz\n            ? Math.abs(e.translationX)\n            : Math.abs(e.translationY)\n          const velocity = isHoriz\n            ? Math.abs(e.velocityX)\n            : Math.abs(e.velocityY)\n          runOnJS(onSwipe)(direction, { distance, velocity })\n        }\n        swipeX.value = withSpring(0)\n        swipeY.value = withSpring(0)\n      })\n      .onFinalize(() => {\n        'worklet'\n        isActive.value = false\n      })\n    return pan\n  }, [\n    distanceThreshold,\n    velocityThreshold,\n    allowLeft,\n    allowRight,\n    allowUp,\n    allowDown,\n    onSwipe,\n    swipeX,\n    swipeY,\n    isActive,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: swipeX.value }, { translateY: swipeY.value }],\n  }))\n\n  return { gesture, animatedStyle, swipeX, swipeY, isActive }\n}\n\n/**\n * Decide which (allowed) direction a release commits to, based on the larger\n * axis of motion. Returns `null` if neither distance nor velocity threshold\n * is met along the dominant axis or if that direction is disallowed.\n *\n * Worklet — runs on the UI thread inside the pan handler.\n */\nfunction pickDirection(\n  tx: number,\n  ty: number,\n  vx: number,\n  vy: number,\n  distanceThreshold: number,\n  velocityThreshold: number,\n  allowLeft: boolean,\n  allowRight: boolean,\n  allowUp: boolean,\n  allowDown: boolean,\n): SwipeDirection | null {\n  'worklet'\n  const absX = Math.abs(tx)\n  const absY = Math.abs(ty)\n  if (absX >= absY) {\n    const meets = absX >= distanceThreshold || Math.abs(vx) >= velocityThreshold\n    if (!meets) return null\n    if (tx < 0 && allowLeft) return 'left'\n    if (tx > 0 && allowRight) return 'right'\n    return null\n  }\n  const meets = absY >= distanceThreshold || Math.abs(vy) >= velocityThreshold\n  if (!meets) return null\n  if (ty < 0 && allowUp) return 'up'\n  if (ty > 0 && allowDown) return 'down'\n  return null\n}\n","import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  useAnimatedStyle,\n  useSharedValue,\n  withDecay,\n  type SharedValue,\n} from 'react-native-reanimated'\nimport type { DragConstraints } from './types'\n\nexport interface PanOptions {\n  /**\n   * Translation bounds. Each side is optional; out-of-bounds motion during\n   * the active gesture and during the post-release decay is hard-clamped\n   * (Reanimated's `withDecay` `clamp` param). Decay-style overshoot is not\n   * supported here — for rubber-banded bounds, prefer `useDrag` with\n   * `elastic`.\n   */\n  constraints?: DragConstraints\n  /**\n   * Deceleration applied to the post-release momentum. Higher = momentum\n   * dies faster. Reanimated default is `0.998`; lower values feel more\n   * \"slippy\". Range: roughly `0.99` (slow) to `0.999` (long glide).\n   */\n  deceleration?: number\n  /**\n   * Disable the post-release momentum entirely. Defaults to `false` — pan\n   * coasts after release. Set to `true` for a hard stop on release (drag-like\n   * behavior).\n   */\n  disableMomentum?: boolean\n}\n\nexport interface UsePanResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /** Stable animated `transform` style. */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Live x translation, persistent across gestures. */\n  panX: SharedValue<number>\n  /** Live y translation, persistent across gestures. */\n  panY: SharedValue<number>\n  /** True while the user is actively panning. Decay phase reads `false`. */\n  isPanning: SharedValue<boolean>\n}\n\n/**\n * Camera-pan-style drag with momentum on release. Translation persists\n * across separate pan gestures (the next pan starts from the current\n * position, not zero), and on release the translation continues to glide\n * via Reanimated's `withDecay` until friction stops it.\n *\n * Use for map / zoom-canvas / large-image navigation. For dragging an\n * element to a position with no momentum, use `useDrag` instead.\n */\nexport function usePan(options: PanOptions = {}): UsePanResult {\n  const { constraints, deceleration, disableMomentum = false } = options\n\n  const panX = useSharedValue(0)\n  const panY = useSharedValue(0)\n  const startX = useSharedValue(0)\n  const startY = useSharedValue(0)\n  const isPanning = useSharedValue(false)\n\n  const left = constraints?.left\n  const right = constraints?.right\n  const top = constraints?.top\n  const bottom = constraints?.bottom\n  const decel = deceleration\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        startX.value = panX.value\n        startY.value = panY.value\n        isPanning.value = true\n      })\n      .onUpdate((e) => {\n        'worklet'\n        panX.value = clamp(startX.value + e.translationX, left, right)\n        panY.value = clamp(startY.value + e.translationY, top, bottom)\n      })\n      .onEnd((e) => {\n        'worklet'\n        isPanning.value = false\n        if (disableMomentum) return\n        const clampX = boundsTuple(left, right)\n        const clampY = boundsTuple(top, bottom)\n        panX.value = withDecay(decayConfig(e.velocityX, decel, clampX))\n        panY.value = withDecay(decayConfig(e.velocityY, decel, clampY))\n      })\n      .onFinalize(() => {\n        'worklet'\n        isPanning.value = false\n      })\n    return pan\n  }, [\n    left,\n    right,\n    top,\n    bottom,\n    decel,\n    disableMomentum,\n    panX,\n    panY,\n    startX,\n    startY,\n    isPanning,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: panX.value }, { translateY: panY.value }],\n  }))\n\n  return { gesture, animatedStyle, panX, panY, isPanning }\n}\n\n/**\n * Hard-clamp `value` between `min` and `max`. Either bound may be undefined\n * to leave that side unbounded. Worklet — UI thread.\n */\nfunction clamp(\n  value: number,\n  min: number | undefined,\n  max: number | undefined,\n): number {\n  'worklet'\n  if (min !== undefined && value < min) return min\n  if (max !== undefined && value > max) return max\n  return value\n}\n\n/**\n * Build the `clamp` tuple Reanimated's `withDecay` expects, or `undefined`\n * when the axis is unbounded. `withDecay` requires both ends present, so a\n * one-sided constraint is widened with `±Infinity`.\n */\nfunction boundsTuple(\n  min: number | undefined,\n  max: number | undefined,\n): [number, number] | undefined {\n  'worklet'\n  if (min === undefined && max === undefined) return undefined\n  return [min ?? Number.NEGATIVE_INFINITY, max ?? Number.POSITIVE_INFINITY]\n}\n\nfunction decayConfig(\n  velocity: number,\n  deceleration: number | undefined,\n  clamp: [number, number] | undefined,\n) {\n  'worklet'\n  const cfg: {\n    velocity: number\n    deceleration?: number\n    clamp?: [number, number]\n  } = {\n    velocity,\n  }\n  if (deceleration !== undefined) cfg.deceleration = deceleration\n  if (clamp !== undefined) cfg.clamp = clamp\n  return cfg\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,255 @@
+import { useMemo } from 'react';
+import { Gesture } from 'react-native-gesture-handler';
+import { useSharedValue, runOnJS, useAnimatedStyle, withSpring, withDecay } from 'react-native-reanimated';
+
+// src/useDrag.ts
+function useDrag(options = {}) {
+  const {
+    axis = "both",
+    constraints,
+    elastic = 0,
+    onDragStart,
+    onDragEnd
+  } = options;
+  const dragX = useSharedValue(0);
+  const dragY = useSharedValue(0);
+  const startX = useSharedValue(0);
+  const startY = useSharedValue(0);
+  const isDragging = useSharedValue(false);
+  const lockX = axis !== "y";
+  const lockY = axis !== "x";
+  const left = constraints?.left;
+  const right = constraints?.right;
+  const top = constraints?.top;
+  const bottom = constraints?.bottom;
+  const elasticCoef = elastic;
+  const gesture = useMemo(() => {
+    const pan = Gesture.Pan().onStart(() => {
+      "worklet";
+      startX.value = dragX.value;
+      startY.value = dragY.value;
+      isDragging.value = true;
+      if (onDragStart) runOnJS(onDragStart)();
+    }).onUpdate((e) => {
+      "worklet";
+      if (lockX) {
+        dragX.value = applyBounds(
+          startX.value + e.translationX,
+          left,
+          right,
+          elasticCoef
+        );
+      }
+      if (lockY) {
+        dragY.value = applyBounds(
+          startY.value + e.translationY,
+          top,
+          bottom,
+          elasticCoef
+        );
+      }
+    }).onEnd((e) => {
+      "worklet";
+      isDragging.value = false;
+      if (onDragEnd) {
+        const x = dragX.value;
+        const y = dragY.value;
+        const vx = e.velocityX;
+        const vy = e.velocityY;
+        runOnJS(onDragEnd)({ x, y, velocity: { x: vx, y: vy } });
+      }
+    });
+    return pan;
+  }, [
+    lockX,
+    lockY,
+    left,
+    right,
+    top,
+    bottom,
+    elasticCoef,
+    onDragStart,
+    onDragEnd,
+    dragX,
+    dragY,
+    startX,
+    startY,
+    isDragging
+  ]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: dragX.value }, { translateY: dragY.value }]
+  }));
+  return { gesture, animatedStyle, dragX, dragY, isDragging };
+}
+function applyBounds(value, min, max, elastic) {
+  "worklet";
+  if (min !== void 0 && value < min) {
+    return elastic > 0 ? min + (value - min) * elastic : min;
+  }
+  if (max !== void 0 && value > max) {
+    return elastic > 0 ? max + (value - max) * elastic : max;
+  }
+  return value;
+}
+var DEFAULT_DIRECTIONS = ["left", "right", "up", "down"];
+function useSwipe(options = {}) {
+  const {
+    directions = DEFAULT_DIRECTIONS,
+    distanceThreshold = 80,
+    velocityThreshold = 800,
+    onSwipe
+  } = options;
+  const swipeX = useSharedValue(0);
+  const swipeY = useSharedValue(0);
+  const isActive = useSharedValue(false);
+  const allowLeft = directions.includes("left");
+  const allowRight = directions.includes("right");
+  const allowUp = directions.includes("up");
+  const allowDown = directions.includes("down");
+  const gesture = useMemo(() => {
+    const pan = Gesture.Pan().onStart(() => {
+      "worklet";
+      isActive.value = true;
+    }).onUpdate((e) => {
+      "worklet";
+      swipeX.value = e.translationX;
+      swipeY.value = e.translationY;
+    }).onEnd((e) => {
+      "worklet";
+      isActive.value = false;
+      const direction = pickDirection(
+        e.translationX,
+        e.translationY,
+        e.velocityX,
+        e.velocityY,
+        distanceThreshold,
+        velocityThreshold,
+        allowLeft,
+        allowRight,
+        allowUp,
+        allowDown
+      );
+      if (direction !== null && onSwipe) {
+        const isHoriz = direction === "left" || direction === "right";
+        const distance = isHoriz ? Math.abs(e.translationX) : Math.abs(e.translationY);
+        const velocity = isHoriz ? Math.abs(e.velocityX) : Math.abs(e.velocityY);
+        runOnJS(onSwipe)(direction, { distance, velocity });
+      }
+      swipeX.value = withSpring(0);
+      swipeY.value = withSpring(0);
+    }).onFinalize(() => {
+      "worklet";
+      isActive.value = false;
+    });
+    return pan;
+  }, [
+    distanceThreshold,
+    velocityThreshold,
+    allowLeft,
+    allowRight,
+    allowUp,
+    allowDown,
+    onSwipe,
+    swipeX,
+    swipeY,
+    isActive
+  ]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: swipeX.value }, { translateY: swipeY.value }]
+  }));
+  return { gesture, animatedStyle, swipeX, swipeY, isActive };
+}
+function pickDirection(tx, ty, vx, vy, distanceThreshold, velocityThreshold, allowLeft, allowRight, allowUp, allowDown) {
+  "worklet";
+  const absX = Math.abs(tx);
+  const absY = Math.abs(ty);
+  if (absX >= absY) {
+    const meets2 = absX >= distanceThreshold || Math.abs(vx) >= velocityThreshold;
+    if (!meets2) return null;
+    if (tx < 0 && allowLeft) return "left";
+    if (tx > 0 && allowRight) return "right";
+    return null;
+  }
+  const meets = absY >= distanceThreshold || Math.abs(vy) >= velocityThreshold;
+  if (!meets) return null;
+  if (ty < 0 && allowUp) return "up";
+  if (ty > 0 && allowDown) return "down";
+  return null;
+}
+function usePan(options = {}) {
+  const { constraints, deceleration, disableMomentum = false } = options;
+  const panX = useSharedValue(0);
+  const panY = useSharedValue(0);
+  const startX = useSharedValue(0);
+  const startY = useSharedValue(0);
+  const isPanning = useSharedValue(false);
+  const left = constraints?.left;
+  const right = constraints?.right;
+  const top = constraints?.top;
+  const bottom = constraints?.bottom;
+  const decel = deceleration;
+  const gesture = useMemo(() => {
+    const pan = Gesture.Pan().onStart(() => {
+      "worklet";
+      startX.value = panX.value;
+      startY.value = panY.value;
+      isPanning.value = true;
+    }).onUpdate((e) => {
+      "worklet";
+      panX.value = clamp(startX.value + e.translationX, left, right);
+      panY.value = clamp(startY.value + e.translationY, top, bottom);
+    }).onEnd((e) => {
+      "worklet";
+      isPanning.value = false;
+      if (disableMomentum) return;
+      const clampX = boundsTuple(left, right);
+      const clampY = boundsTuple(top, bottom);
+      panX.value = withDecay(decayConfig(e.velocityX, decel, clampX));
+      panY.value = withDecay(decayConfig(e.velocityY, decel, clampY));
+    }).onFinalize(() => {
+      "worklet";
+      isPanning.value = false;
+    });
+    return pan;
+  }, [
+    left,
+    right,
+    top,
+    bottom,
+    decel,
+    disableMomentum,
+    panX,
+    panY,
+    startX,
+    startY,
+    isPanning
+  ]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: panX.value }, { translateY: panY.value }]
+  }));
+  return { gesture, animatedStyle, panX, panY, isPanning };
+}
+function clamp(value, min, max) {
+  "worklet";
+  if (min !== void 0 && value < min) return min;
+  if (max !== void 0 && value > max) return max;
+  return value;
+}
+function boundsTuple(min, max) {
+  "worklet";
+  if (min === void 0 && max === void 0) return void 0;
+  return [min ?? Number.NEGATIVE_INFINITY, max ?? Number.POSITIVE_INFINITY];
+}
+function decayConfig(velocity, deceleration, clamp2) {
+  "worklet";
+  const cfg = {
+    velocity
+  };
+  if (deceleration !== void 0) cfg.deceleration = deceleration;
+  if (clamp2 !== void 0) cfg.clamp = clamp2;
+  return cfg;
+}
+
+export { useDrag, usePan, useSwipe };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useDrag.ts","../src/useSwipe.ts","../src/usePan.ts"],"names":["useSharedValue","useMemo","Gesture","runOnJS","useAnimatedStyle","meets","clamp"],"mappings":"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","file":"index.mjs","sourcesContent":["import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  type SharedValue,\n} from 'react-native-reanimated'\nimport type { DragConstraints, DragOptions } from './types'\n\nexport interface UseDragResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /**\n   * Animated style fragment (a single `transform` entry) to stack onto the\n   * dragged Motion primitive's `style` prop. Stable across renders.\n   */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Current x translation in pixels. UI-thread shared value. */\n  dragX: SharedValue<number>\n  /** Current y translation in pixels. UI-thread shared value. */\n  dragY: SharedValue<number>\n  /** True while the gesture is active. */\n  isDragging: SharedValue<boolean>\n}\n\n/**\n * Drag a Motion primitive with `react-native-gesture-handler`'s pan gesture.\n *\n * The hook owns a pair of shared values (`dragX`, `dragY`) and a `Pan`\n * gesture that updates them on the UI thread. The returned `animatedStyle`\n * is a self-contained `transform: [{ translateX }, { translateY }]` fragment;\n * stack it onto the dragged component without colliding with Motion's own\n * `animate` transforms.\n *\n * Usage:\n * ```tsx\n * const drag = useDrag({ axis: 'x', constraints: { left: -100, right: 100 } })\n * return (\n *   <GestureDetector gesture={drag.gesture}>\n *     <Motion.View style={drag.animatedStyle} />\n *   </GestureDetector>\n * )\n * ```\n */\nexport function useDrag(options: DragOptions = {}): UseDragResult {\n  const {\n    axis = 'both',\n    constraints,\n    elastic = 0,\n    onDragStart,\n    onDragEnd,\n  } = options\n\n  const dragX = useSharedValue(0)\n  const dragY = useSharedValue(0)\n  const startX = useSharedValue(0)\n  const startY = useSharedValue(0)\n  const isDragging = useSharedValue(false)\n\n  // Snapshot scalars into local consts so the Pan handlers (worklets) capture\n  // primitives, not the closing `options` object — a fresh `options` literal\n  // each render would otherwise force a new gesture identity.\n  const lockX = axis !== 'y'\n  const lockY = axis !== 'x'\n  const left = constraints?.left\n  const right = constraints?.right\n  const top = constraints?.top\n  const bottom = constraints?.bottom\n  const elasticCoef = elastic\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        startX.value = dragX.value\n        startY.value = dragY.value\n        isDragging.value = true\n        if (onDragStart) runOnJS(onDragStart)()\n      })\n      .onUpdate((e) => {\n        'worklet'\n        if (lockX) {\n          dragX.value = applyBounds(\n            startX.value + e.translationX,\n            left,\n            right,\n            elasticCoef,\n          )\n        }\n        if (lockY) {\n          dragY.value = applyBounds(\n            startY.value + e.translationY,\n            top,\n            bottom,\n            elasticCoef,\n          )\n        }\n      })\n      .onEnd((e) => {\n        'worklet'\n        isDragging.value = false\n        if (onDragEnd) {\n          const x = dragX.value\n          const y = dragY.value\n          const vx = e.velocityX\n          const vy = e.velocityY\n          runOnJS(onDragEnd)({ x, y, velocity: { x: vx, y: vy } })\n        }\n      })\n    return pan\n  }, [\n    lockX,\n    lockY,\n    left,\n    right,\n    top,\n    bottom,\n    elasticCoef,\n    onDragStart,\n    onDragEnd,\n    dragX,\n    dragY,\n    startX,\n    startY,\n    isDragging,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: dragX.value }, { translateY: dragY.value }],\n  }))\n\n  return { gesture, animatedStyle, dragX, dragY, isDragging }\n}\n\n/**\n * Clamp `value` to `[min, max]`. When `elastic > 0` the overshoot beyond a\n * bound is scaled by `elastic` instead of hard-clamped, giving a rubber-band\n * feel. `min` / `max` may be `undefined` to leave that side unbounded.\n *\n * Worklet — runs on the UI thread inside the pan handler.\n */\nfunction applyBounds(\n  value: number,\n  min: number | undefined,\n  max: number | undefined,\n  elastic: number,\n): number {\n  'worklet'\n  if (min !== undefined && value < min) {\n    return elastic > 0 ? min + (value - min) * elastic : min\n  }\n  if (max !== undefined && value > max) {\n    return elastic > 0 ? max + (value - max) * elastic : max\n  }\n  return value\n}\n\nexport type { DragConstraints, DragOptions }\n","import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n  type SharedValue,\n} from 'react-native-reanimated'\n\nexport type SwipeDirection = 'left' | 'right' | 'up' | 'down'\n\nexport interface SwipeOptions {\n  /**\n   * Allowed swipe directions. Defaults to all four. The gesture only commits\n   * for directions in this list — a horizontal swipe with `directions:\n   * ['up', 'down']` will not fire `onSwipe`.\n   */\n  directions?: SwipeDirection[]\n  /**\n   * Pixel distance threshold past which a release commits the swipe. Defaults\n   * to `80`.\n   */\n  distanceThreshold?: number\n  /**\n   * Velocity threshold (px/sec) past which a release commits the swipe even\n   * before the distance threshold is reached — flick-style gestures. Defaults\n   * to `800`.\n   */\n  velocityThreshold?: number\n  /**\n   * Fired on the JS thread when the gesture commits in an allowed direction.\n   */\n  onSwipe?: (\n    direction: SwipeDirection,\n    info: { distance: number; velocity: number },\n  ) => void\n}\n\nexport interface UseSwipeResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /**\n   * Animated style fragment exposing live translation while the gesture is\n   * active. Snaps back to `{ 0, 0 }` after release (whether or not the swipe\n   * committed) via a default spring.\n   */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Live x translation. */\n  swipeX: SharedValue<number>\n  /** Live y translation. */\n  swipeY: SharedValue<number>\n  /** True while the user is actively swiping. */\n  isActive: SharedValue<boolean>\n}\n\nconst DEFAULT_DIRECTIONS: SwipeDirection[] = ['left', 'right', 'up', 'down']\n\n/**\n * Directional commit-or-snap-back gesture. Tracks live translation while the\n * user drags and fires `onSwipe(direction)` on release if either the distance\n * or velocity threshold is exceeded in an allowed direction. The position\n * shared values always animate back to zero — the consumer is responsible\n * for whatever side effect the commit drives (delete a row, dismiss a sheet,\n * etc.).\n *\n * Usage:\n * ```tsx\n * const swipe = useSwipe({\n *   directions: ['left'],\n *   onSwipe: (dir) => deleteRow(),\n * })\n * return (\n *   <GestureDetector gesture={swipe.gesture}>\n *     <Motion.View style={swipe.animatedStyle}>...</Motion.View>\n *   </GestureDetector>\n * )\n * ```\n */\nexport function useSwipe(options: SwipeOptions = {}): UseSwipeResult {\n  const {\n    directions = DEFAULT_DIRECTIONS,\n    distanceThreshold = 80,\n    velocityThreshold = 800,\n    onSwipe,\n  } = options\n\n  const swipeX = useSharedValue(0)\n  const swipeY = useSharedValue(0)\n  const isActive = useSharedValue(false)\n\n  const allowLeft = directions.includes('left')\n  const allowRight = directions.includes('right')\n  const allowUp = directions.includes('up')\n  const allowDown = directions.includes('down')\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        isActive.value = true\n      })\n      .onUpdate((e) => {\n        'worklet'\n        swipeX.value = e.translationX\n        swipeY.value = e.translationY\n      })\n      .onEnd((e) => {\n        'worklet'\n        isActive.value = false\n        const direction = pickDirection(\n          e.translationX,\n          e.translationY,\n          e.velocityX,\n          e.velocityY,\n          distanceThreshold,\n          velocityThreshold,\n          allowLeft,\n          allowRight,\n          allowUp,\n          allowDown,\n        )\n        if (direction !== null && onSwipe) {\n          const isHoriz = direction === 'left' || direction === 'right'\n          const distance = isHoriz\n            ? Math.abs(e.translationX)\n            : Math.abs(e.translationY)\n          const velocity = isHoriz\n            ? Math.abs(e.velocityX)\n            : Math.abs(e.velocityY)\n          runOnJS(onSwipe)(direction, { distance, velocity })\n        }\n        swipeX.value = withSpring(0)\n        swipeY.value = withSpring(0)\n      })\n      .onFinalize(() => {\n        'worklet'\n        isActive.value = false\n      })\n    return pan\n  }, [\n    distanceThreshold,\n    velocityThreshold,\n    allowLeft,\n    allowRight,\n    allowUp,\n    allowDown,\n    onSwipe,\n    swipeX,\n    swipeY,\n    isActive,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: swipeX.value }, { translateY: swipeY.value }],\n  }))\n\n  return { gesture, animatedStyle, swipeX, swipeY, isActive }\n}\n\n/**\n * Decide which (allowed) direction a release commits to, based on the larger\n * axis of motion. Returns `null` if neither distance nor velocity threshold\n * is met along the dominant axis or if that direction is disallowed.\n *\n * Worklet — runs on the UI thread inside the pan handler.\n */\nfunction pickDirection(\n  tx: number,\n  ty: number,\n  vx: number,\n  vy: number,\n  distanceThreshold: number,\n  velocityThreshold: number,\n  allowLeft: boolean,\n  allowRight: boolean,\n  allowUp: boolean,\n  allowDown: boolean,\n): SwipeDirection | null {\n  'worklet'\n  const absX = Math.abs(tx)\n  const absY = Math.abs(ty)\n  if (absX >= absY) {\n    const meets = absX >= distanceThreshold || Math.abs(vx) >= velocityThreshold\n    if (!meets) return null\n    if (tx < 0 && allowLeft) return 'left'\n    if (tx > 0 && allowRight) return 'right'\n    return null\n  }\n  const meets = absY >= distanceThreshold || Math.abs(vy) >= velocityThreshold\n  if (!meets) return null\n  if (ty < 0 && allowUp) return 'up'\n  if (ty > 0 && allowDown) return 'down'\n  return null\n}\n","import { useMemo } from 'react'\nimport { Gesture, type PanGesture } from 'react-native-gesture-handler'\nimport {\n  useAnimatedStyle,\n  useSharedValue,\n  withDecay,\n  type SharedValue,\n} from 'react-native-reanimated'\nimport type { DragConstraints } from './types'\n\nexport interface PanOptions {\n  /**\n   * Translation bounds. Each side is optional; out-of-bounds motion during\n   * the active gesture and during the post-release decay is hard-clamped\n   * (Reanimated's `withDecay` `clamp` param). Decay-style overshoot is not\n   * supported here — for rubber-banded bounds, prefer `useDrag` with\n   * `elastic`.\n   */\n  constraints?: DragConstraints\n  /**\n   * Deceleration applied to the post-release momentum. Higher = momentum\n   * dies faster. Reanimated default is `0.998`; lower values feel more\n   * \"slippy\". Range: roughly `0.99` (slow) to `0.999` (long glide).\n   */\n  deceleration?: number\n  /**\n   * Disable the post-release momentum entirely. Defaults to `false` — pan\n   * coasts after release. Set to `true` for a hard stop on release (drag-like\n   * behavior).\n   */\n  disableMomentum?: boolean\n}\n\nexport interface UsePanResult {\n  /** Pan gesture to pass to a `<GestureDetector>`. */\n  gesture: PanGesture\n  /** Stable animated `transform` style. */\n  animatedStyle: ReturnType<typeof useAnimatedStyle>\n  /** Live x translation, persistent across gestures. */\n  panX: SharedValue<number>\n  /** Live y translation, persistent across gestures. */\n  panY: SharedValue<number>\n  /** True while the user is actively panning. Decay phase reads `false`. */\n  isPanning: SharedValue<boolean>\n}\n\n/**\n * Camera-pan-style drag with momentum on release. Translation persists\n * across separate pan gestures (the next pan starts from the current\n * position, not zero), and on release the translation continues to glide\n * via Reanimated's `withDecay` until friction stops it.\n *\n * Use for map / zoom-canvas / large-image navigation. For dragging an\n * element to a position with no momentum, use `useDrag` instead.\n */\nexport function usePan(options: PanOptions = {}): UsePanResult {\n  const { constraints, deceleration, disableMomentum = false } = options\n\n  const panX = useSharedValue(0)\n  const panY = useSharedValue(0)\n  const startX = useSharedValue(0)\n  const startY = useSharedValue(0)\n  const isPanning = useSharedValue(false)\n\n  const left = constraints?.left\n  const right = constraints?.right\n  const top = constraints?.top\n  const bottom = constraints?.bottom\n  const decel = deceleration\n\n  const gesture = useMemo(() => {\n    const pan = Gesture.Pan()\n      .onStart(() => {\n        'worklet'\n        startX.value = panX.value\n        startY.value = panY.value\n        isPanning.value = true\n      })\n      .onUpdate((e) => {\n        'worklet'\n        panX.value = clamp(startX.value + e.translationX, left, right)\n        panY.value = clamp(startY.value + e.translationY, top, bottom)\n      })\n      .onEnd((e) => {\n        'worklet'\n        isPanning.value = false\n        if (disableMomentum) return\n        const clampX = boundsTuple(left, right)\n        const clampY = boundsTuple(top, bottom)\n        panX.value = withDecay(decayConfig(e.velocityX, decel, clampX))\n        panY.value = withDecay(decayConfig(e.velocityY, decel, clampY))\n      })\n      .onFinalize(() => {\n        'worklet'\n        isPanning.value = false\n      })\n    return pan\n  }, [\n    left,\n    right,\n    top,\n    bottom,\n    decel,\n    disableMomentum,\n    panX,\n    panY,\n    startX,\n    startY,\n    isPanning,\n  ])\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: panX.value }, { translateY: panY.value }],\n  }))\n\n  return { gesture, animatedStyle, panX, panY, isPanning }\n}\n\n/**\n * Hard-clamp `value` between `min` and `max`. Either bound may be undefined\n * to leave that side unbounded. Worklet — UI thread.\n */\nfunction clamp(\n  value: number,\n  min: number | undefined,\n  max: number | undefined,\n): number {\n  'worklet'\n  if (min !== undefined && value < min) return min\n  if (max !== undefined && value > max) return max\n  return value\n}\n\n/**\n * Build the `clamp` tuple Reanimated's `withDecay` expects, or `undefined`\n * when the axis is unbounded. `withDecay` requires both ends present, so a\n * one-sided constraint is widened with `±Infinity`.\n */\nfunction boundsTuple(\n  min: number | undefined,\n  max: number | undefined,\n): [number, number] | undefined {\n  'worklet'\n  if (min === undefined && max === undefined) return undefined\n  return [min ?? Number.NEGATIVE_INFINITY, max ?? Number.POSITIVE_INFINITY]\n}\n\nfunction decayConfig(\n  velocity: number,\n  deceleration: number | undefined,\n  clamp: [number, number] | undefined,\n) {\n  'worklet'\n  const cfg: {\n    velocity: number\n    deceleration?: number\n    clamp?: [number, number]\n  } = {\n    velocity,\n  }\n  if (deceleration !== undefined) cfg.deceleration = deceleration\n  if (clamp !== undefined) cfg.clamp = clamp\n  return cfg\n}\n"]}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@onlynative/inertia-gestures",
+  "version": "0.0.1-alpha.1",
+  "description": "Gesture-handler-driven drag / pan / swipe adapters for @onlynative/inertia.",
+  "license": "MIT",
+  "author": "OnlyNative",
+  "homepage": "https://github.com/onlynative/inertia",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/onlynative/inertia.git",
+    "directory": "packages/gestures"
+  },
+  "bugs": {
+    "url": "https://github.com/onlynative/inertia/issues"
+  },
+  "keywords": [
+    "react-native",
+    "reanimated",
+    "gesture-handler",
+    "drag",
+    "pan",
+    "swipe",
+    "inertia"
+  ],
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "react-native": "./src/index.ts",
+  "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./src/index.ts",
+      "source": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md",
+    "!**/__tests__",
+    "!**/*.test.*"
+  ],
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-native": ">=0.81.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-reanimated": ">=4.0.0"
+  },
+  "devDependencies": {
+    "@react-native/babel-preset": "^0.81.5",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.0",
+    "jest": "^29.7.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.20.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-test-renderer": "19.1.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "lint": "eslint src",
+    "clean": "rm -rf dist .turbo *.tsbuildinfo"
+  }
+}

package/src/index.ts

@@ -0,0 +1,18 @@
+/**
+ * `@onlynative/inertia-gestures` — gesture-handler-driven adapters for
+ * `@onlynative/inertia`.
+ *
+ * v0.2 surface:
+ * - `useDrag` — one- or two-axis drag with optional constraints and
+ *   rubber-band elasticity.
+ * - `useSwipe` — directional commit-or-snap-back gesture (distance + velocity
+ *   thresholds).
+ * - `usePan` — camera-style pan with momentum on release.
+ */
+export { useDrag } from './useDrag'
+export type { UseDragResult } from './useDrag'
+export { useSwipe } from './useSwipe'
+export type { SwipeDirection, SwipeOptions, UseSwipeResult } from './useSwipe'
+export { usePan } from './usePan'
+export type { PanOptions, UsePanResult } from './usePan'
+export type { DragConstraints, DragOptions } from './types'

package/src/types.ts

@@ -0,0 +1,54 @@
+/**
+ * Public types for `@onlynative/inertia-gestures`.
+ */
+
+/**
+ * Bounds the dragged value can reach. Each side is optional — omit to leave
+ * that direction unbounded. Coordinates are in the same space the drag
+ * publishes (pixels of translation from the dragged element's resting
+ * position), so `{ left: -100, right: 100 }` allows ±100 px of horizontal
+ * travel.
+ */
+export interface DragConstraints {
+  left?: number
+  right?: number
+  top?: number
+  bottom?: number
+}
+
+/**
+ * Configuration for `useDrag`. All fields are optional; the defaults give an
+ * unconstrained two-axis drag with no elasticity.
+ */
+export interface DragOptions {
+  /**
+   * Restrict the drag to one axis. Defaults to `'both'`. When `'x'` is set
+   * the y-axis shared value never updates (and vice versa); the gesture
+   * still tracks both for velocity reporting on `onDragEnd`.
+   */
+  axis?: 'x' | 'y' | 'both'
+  /**
+   * Travel bounds. Out-of-bounds values clamp to the limit unless `elastic`
+   * is non-zero, in which case overshoot is dampened (rubber-band feel).
+   */
+  constraints?: DragConstraints
+  /**
+   * Rubber-band coefficient applied to overshoot past `constraints`. `0`
+   * (default) hard-clamps; `1` is fully elastic (no resistance). Typical
+   * Framer-Motion-style feel sits around `0.2`–`0.4`.
+   */
+  elastic?: number
+  /**
+   * Fired on the JS thread when the drag begins.
+   */
+  onDragStart?: () => void
+  /**
+   * Fired on the JS thread when the drag finishes (release or cancel). The
+   * payload is the final translation and the release velocity in px/sec.
+   */
+  onDragEnd?: (info: {
+    x: number
+    y: number
+    velocity: { x: number; y: number }
+  }) => void
+}