@msobiecki/react-marauders-path 1.24.1 → 1.24.2

package/dist/use-pinch/use-pinch.js

@@ -0,0 +1,131 @@
+import { useRef as a, useCallback as l, useEffect as F } from "react";
+import { invokePinchAction as A } from "./invoke-pinch-action.js";
+const S = {
+  eventPointerTypes: ["touch"],
+  eventCapture: !1,
+  eventOnce: !1,
+  eventStopImmediatePropagation: !1,
+  threshold: 0,
+  container: { current: null },
+  raf: !1
+}, x = (f, C = {}) => {
+  const {
+    eventPointerTypes: I,
+    eventCapture: u,
+    eventOnce: v,
+    eventStopImmediatePropagation: m,
+    threshold: L,
+    container: R,
+    raf: y
+  } = { ...S, ...C }, p = a(null), s = a(null), d = a(null), g = a(null), D = a(null), i = a({
+    pointers: /* @__PURE__ */ new Map(),
+    startDistance: 0,
+    lastDistance: 0,
+    active: !1
+  }), h = l(() => {
+    s.current?.abort();
+  }, []), E = l(() => {
+    d.current = null;
+    const t = g.current, e = D.current;
+    !t || !e || (A(e, t, f, {
+      stopImmediate: m,
+      once: v,
+      onOnce: () => h()
+    }), g.current = null, D.current = null);
+  }, [
+    f,
+    m,
+    v,
+    h
+  ]), M = l(
+    (t) => {
+      if (!I.includes(t.pointerType))
+        return;
+      const e = i.current;
+      if (e.pointers.set(t.pointerId, t), e.pointers.size === 2) {
+        const [c, o] = [...e.pointers.values()], n = o.clientX - c.clientX, P = o.clientY - c.clientY, r = Math.hypot(n, P);
+        e.startDistance = r, e.lastDistance = r, e.active = !0;
+      }
+    },
+    [I]
+  ), X = l(
+    (t) => {
+      const e = i.current;
+      if (!e.active || !e.pointers.has(t.pointerId) || (e.pointers.set(t.pointerId, t), e.pointers.size < 2)) return;
+      const [c, o] = [...e.pointers.values()], n = o.clientX - c.clientX, P = o.clientY - c.clientY, r = Math.hypot(n, P), T = r - e.lastDistance, O = r - e.startDistance;
+      if (Math.abs(O) < L) return;
+      const z = r / e.startDistance, b = {
+        distance: r,
+        delta: T,
+        totalDelta: O,
+        scale: z
+      };
+      if (e.lastDistance = r, !y) {
+        A(t, b, f, {
+          stopImmediate: m,
+          once: v,
+          onOnce: () => h()
+        });
+        return;
+      }
+      g.current = b, D.current = t, d.current === null && (d.current = requestAnimationFrame(E));
+    },
+    [
+      L,
+      y,
+      f,
+      m,
+      v,
+      h,
+      E
+    ]
+  ), Y = l((t) => {
+    const e = i.current;
+    e.pointers.delete(t.pointerId), e.pointers.size < 2 && (e.active = !1, e.startDistance = 0, e.lastDistance = 0);
+  }, []), w = l((t) => {
+    const e = i.current;
+    e.pointers.delete(t.pointerId), e.active = !1;
+  }, []);
+  F(() => {
+    p.current = R?.current ?? globalThis, s.current = new AbortController();
+    const t = (n) => M(n), e = (n) => X(n), c = (n) => Y(n), o = (n) => w(n);
+    return p.current.addEventListener(
+      "pointerdown",
+      t,
+      {
+        capture: u,
+        signal: s.current.signal
+      }
+    ), p.current.addEventListener(
+      "pointermove",
+      e,
+      {
+        capture: u,
+        signal: s.current.signal
+      }
+    ), p.current.addEventListener("pointerup", c, {
+      capture: u,
+      signal: s.current.signal
+    }), p.current.addEventListener(
+      "pointercancel",
+      o,
+      {
+        capture: u,
+        signal: s.current.signal
+      }
+    ), () => {
+      s.current?.abort(), i.current.active = !1, i.current.pointers.clear(), d.current !== null && cancelAnimationFrame(d.current);
+    };
+  }, [
+    R,
+    u,
+    M,
+    X,
+    Y,
+    w
+  ]);
+};
+export {
+  x as default
+};
+//# sourceMappingURL=use-pinch.js.map

package/dist/use-pinch/use-pinch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pinch.js","sources":["../../src/use-pinch/use-pinch.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  PinchState,\n  PinchData,\n  UsePinchCallback,\n  UsePinchOptions,\n  PinchOptions,\n  PinchEventPointerType,\n} from \"./use-pinch.types\";\nimport { invokePinchAction } from \"./invoke-pinch-action\";\n\nconst defaultOptions: PinchOptions = {\n  eventPointerTypes: [\"touch\"],\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  threshold: 0,\n  container: { current: null },\n  raf: false,\n};\n\nconst usePinch = (\n  pinchCallback: UsePinchCallback,\n  options: UsePinchOptions = {},\n) => {\n  const {\n    eventPointerTypes,\n    eventCapture,\n    eventOnce,\n    eventStopImmediatePropagation,\n    threshold,\n    container,\n    raf,\n  } = { ...defaultOptions, ...options };\n\n  const targetReference = useRef<EventTarget | null>(null);\n  const abortControllerReference = useRef<AbortController | null>(null);\n\n  const frameReference = useRef<number | null>(null);\n  const pendingDataReference = useRef<PinchData | null>(null);\n  const pendingEventReference = useRef<PointerEvent | null>(null);\n\n  const pinchStateReference = useRef<PinchState>({\n    pointers: new Map(),\n    startDistance: 0,\n    lastDistance: 0,\n    active: false,\n  });\n\n  const destroyListener = useCallback(() => {\n    abortControllerReference.current?.abort();\n  }, []);\n\n  const flushFrame = useCallback(() => {\n    frameReference.current = null;\n\n    const data = pendingDataReference.current;\n    const event = pendingEventReference.current;\n\n    if (!data || !event) return;\n\n    invokePinchAction(event, data, pinchCallback, {\n      stopImmediate: eventStopImmediatePropagation,\n      once: eventOnce,\n      onOnce: () => destroyListener(),\n    });\n\n    pendingDataReference.current = null;\n    pendingEventReference.current = null;\n  }, [\n    pinchCallback,\n    eventStopImmediatePropagation,\n    eventOnce,\n    destroyListener,\n  ]);\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      if (\n        !eventPointerTypes.includes(event.pointerType as PinchEventPointerType)\n      ) {\n        return;\n      }\n\n      const state = pinchStateReference.current;\n\n      state.pointers.set(event.pointerId, event);\n\n      if (state.pointers.size === 2) {\n        const [pointer1, pointer2] = [...state.pointers.values()];\n\n        const deltaX = pointer2.clientX - pointer1.clientX;\n        const deltaY = pointer2.clientY - pointer1.clientY;\n\n        const distance = Math.hypot(deltaX, deltaY);\n\n        state.startDistance = distance;\n        state.lastDistance = distance;\n        state.active = true;\n      }\n    },\n    [eventPointerTypes],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent) => {\n      const state = pinchStateReference.current;\n      if (!state.active) return;\n\n      if (!state.pointers.has(event.pointerId)) return;\n\n      state.pointers.set(event.pointerId, event);\n\n      if (state.pointers.size < 2) return;\n\n      const [pointer1, pointer2] = [...state.pointers.values()];\n\n      const deltaX = pointer2.clientX - pointer1.clientX;\n      const deltaY = pointer2.clientY - pointer1.clientY;\n\n      const distance = Math.hypot(deltaX, deltaY);\n\n      const delta = distance - state.lastDistance;\n      const totalDelta = distance - state.startDistance;\n\n      if (Math.abs(totalDelta) < threshold) return;\n\n      const scale = distance / state.startDistance;\n\n      const data: PinchData = {\n        distance,\n        delta,\n        totalDelta,\n        scale,\n      };\n\n      state.lastDistance = distance;\n\n      if (!raf) {\n        invokePinchAction(event, data, pinchCallback, {\n          stopImmediate: eventStopImmediatePropagation,\n          once: eventOnce,\n          onOnce: () => destroyListener(),\n        });\n        return;\n      }\n\n      pendingDataReference.current = data;\n      pendingEventReference.current = event;\n\n      if (frameReference.current === null) {\n        frameReference.current = requestAnimationFrame(flushFrame);\n      }\n    },\n    [\n      threshold,\n      raf,\n      pinchCallback,\n      eventStopImmediatePropagation,\n      eventOnce,\n      destroyListener,\n      flushFrame,\n    ],\n  );\n\n  const handlePointerUp = useCallback((event: PointerEvent) => {\n    const state = pinchStateReference.current;\n\n    state.pointers.delete(event.pointerId);\n\n    if (state.pointers.size < 2) {\n      state.active = false;\n      state.startDistance = 0;\n      state.lastDistance = 0;\n    }\n  }, []);\n\n  const handlePointerCancel = useCallback((event: PointerEvent) => {\n    const state = pinchStateReference.current;\n\n    state.pointers.delete(event.pointerId);\n    state.active = false;\n  }, []);\n\n  useEffect(() => {\n    targetReference.current = container?.current ?? globalThis;\n    abortControllerReference.current = new AbortController();\n\n    const pointerDownListener = (event: Event) =>\n      handlePointerDown(event as PointerEvent);\n\n    const pointerMoveListener = (event: Event) =>\n      handlePointerMove(event as PointerEvent);\n\n    const pointerUpListener = (event: Event) =>\n      handlePointerUp(event as PointerEvent);\n\n    const pointerCancelListener = (event: Event) =>\n      handlePointerCancel(event as PointerEvent);\n\n    targetReference.current.addEventListener(\n      \"pointerdown\",\n      pointerDownListener,\n      {\n        capture: eventCapture,\n        signal: abortControllerReference.current.signal,\n      },\n    );\n\n    targetReference.current.addEventListener(\n      \"pointermove\",\n      pointerMoveListener,\n      {\n        capture: eventCapture,\n        signal: abortControllerReference.current.signal,\n      },\n    );\n\n    targetReference.current.addEventListener(\"pointerup\", pointerUpListener, {\n      capture: eventCapture,\n      signal: abortControllerReference.current.signal,\n    });\n\n    targetReference.current.addEventListener(\n      \"pointercancel\",\n      pointerCancelListener,\n      {\n        capture: eventCapture,\n        signal: abortControllerReference.current.signal,\n      },\n    );\n\n    return () => {\n      abortControllerReference.current?.abort();\n      pinchStateReference.current.active = false;\n      pinchStateReference.current.pointers.clear();\n\n      if (frameReference.current !== null) {\n        cancelAnimationFrame(frameReference.current);\n      }\n    };\n  }, [\n    container,\n    eventCapture,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    handlePointerCancel,\n  ]);\n};\n\nexport default usePinch;\n"],"names":["defaultOptions","usePinch","pinchCallback","options","eventPointerTypes","eventCapture","eventOnce","eventStopImmediatePropagation","threshold","container","raf","targetReference","useRef","abortControllerReference","frameReference","pendingDataReference","pendingEventReference","pinchStateReference","destroyListener","useCallback","flushFrame","data","event","invokePinchAction","handlePointerDown","state","pointer1","pointer2","deltaX","deltaY","distance","handlePointerMove","delta","totalDelta","scale","handlePointerUp","handlePointerCancel","useEffect","pointerDownListener","pointerMoveListener","pointerUpListener","pointerCancelListener"],"mappings":"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"}

package/dist/use-pinch/use-pinch.types.js

@@ -0,0 +1,9 @@
+const e = {
+  Touch: "touch",
+  Mouse: "mouse",
+  Pen: "pen"
+};
+export {
+  e as PinchEventPointerTypes
+};
+//# sourceMappingURL=use-pinch.types.js.map

package/dist/use-pinch/use-pinch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pinch.types.js","sources":["../../src/use-pinch/use-pinch.types.ts"],"sourcesContent":["export interface PinchState {\n  pointers: Map<number, PointerEvent>;\n  startDistance: number;\n  lastDistance: number;\n  active: boolean;\n}\n\nexport const PinchEventPointerTypes = {\n  Touch: \"touch\",\n  Mouse: \"mouse\",\n  Pen: \"pen\",\n} as const;\n\nexport type PinchEventPointerType =\n  (typeof PinchEventPointerTypes)[keyof typeof PinchEventPointerTypes];\n\nexport interface PinchOptions {\n  eventPointerTypes: PinchEventPointerType[];\n  eventCapture: boolean;\n  eventOnce: boolean;\n  eventStopImmediatePropagation: boolean;\n  threshold: number;\n  container: { current: HTMLElement | null };\n  raf: boolean;\n}\n\nexport interface PinchData {\n  distance: number;\n  delta: number;\n  totalDelta: number;\n  scale: number;\n}\n\nexport type UsePinchCallback =\n  | ((event: PointerEvent, data: PinchData) => boolean)\n  | ((event: PointerEvent, data: PinchData) => void);\n\nexport type UsePinchOptions = Partial<PinchOptions>;\n"],"names":["PinchEventPointerTypes"],"mappings":"AAOO,MAAMA,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AACP;"}

package/dist/use-swipe/invoke-swipe-action.js

@@ -0,0 +1,7 @@
+const c = (e, t, i, n, o) => {
+  o.stopImmediate && e.stopImmediatePropagation(), n(e, t, i) && e.preventDefault(), o.once && o.onOnce?.();
+};
+export {
+  c as invokeSwipeAction
+};
+//# sourceMappingURL=invoke-swipe-action.js.map

package/dist/use-swipe/invoke-swipe-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoke-swipe-action.js","sources":["../../src/use-swipe/invoke-swipe-action.ts"],"sourcesContent":["import { SwipeData, SwipeDirection } from \"./use-swipe.types\";\n\n/**\n * Invokes a swipe action callback with optional event modifications.\n *\n * Handles swipe event processing including preventing default behavior,\n * stopping immediate propagation, and managing one-time event handlers.\n *\n * @param {PointerEvent} event - The swipe event\n * @param {SwipeData} data - The normalized swipe data\n * @param {Function} callback - Function to invoke with (event, data). Return true to prevent default.\n * @param {Object} options - Action options\n * @param {boolean} [options.stopImmediate=false] - Whether to stop immediate propagation\n * @param {boolean} [options.once=false] - Whether this is a one-time event\n * @param {Function} [options.onOnce] - Callback to invoke when one-time event fires\n *\n * @example\n * invokeSwipeAction(event, data, (e, d) => {\n *   console.log(`Swipe moved: ${d.x}, ${d.y}, ${d.z}`);\n *   return true; // Prevent default\n * }, { stopImmediate: true });\n */\nexport const invokeSwipeAction = (\n  event: PointerEvent,\n  direction: SwipeDirection,\n  data: SwipeData,\n  callback:\n    | ((\n        event: PointerEvent,\n        direction: SwipeDirection,\n        data: SwipeData,\n      ) => boolean)\n    | ((\n        event: PointerEvent,\n        direction: SwipeDirection,\n        data: SwipeData,\n      ) => void),\n  options: {\n    stopImmediate?: boolean;\n    once?: boolean;\n    onOnce?: () => void;\n  },\n) => {\n  if (options.stopImmediate) {\n    event.stopImmediatePropagation();\n  }\n\n  const shouldPrevent = callback(event, direction, data);\n  if (shouldPrevent) {\n    event.preventDefault();\n  }\n\n  if (options.once) {\n    options.onOnce?.();\n  }\n};\n"],"names":["invokeSwipeAction","event","direction","data","callback","options"],"mappings":"AAsBO,MAAMA,IAAoB,CAC/BC,GACAC,GACAC,GACAC,GAWAC,MAKG;AACH,EAAIA,EAAQ,iBACVJ,EAAM,yBAAA,GAGcG,EAASH,GAAOC,GAAWC,CAAI,KAEnDF,EAAM,eAAA,GAGJI,EAAQ,QACVA,EAAQ,SAAA;AAEZ;"}

package/dist/use-swipe/parse-swipe-direction.js

@@ -0,0 +1,5 @@
+const e = (r) => Array.isArray(r) ? r : [r];
+export {
+  e as parseSwipeDirection
+};
+//# sourceMappingURL=parse-swipe-direction.js.map

package/dist/use-swipe/parse-swipe-direction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-swipe-direction.js","sources":["../../src/use-swipe/parse-swipe-direction.ts"],"sourcesContent":["import { SwipeDirection } from \"./use-swipe.types\";\n\n/**\n * Parses the swipe direction schema into an array of swipe directions.\n *\n * Converts a single SwipeDirection or an array of SwipeDirections into a consistent array format.\n * This allows the useSwipe hook to uniformly handle both single and multiple direction schemas.\n *\n * @param {SwipeDirection | SwipeDirection[]} input - The swipe direction(s) to parse\n * @returns {SwipeDirection[]} An array of swipe directions\n *\n * @example\n * parseSwipeDirection('left')         // ['left']\n * parseSwipeDirection(['left', 'up']) // ['left', 'up']\n */\nexport const parseSwipeDirection = (\n  input: SwipeDirection | SwipeDirection[],\n): SwipeDirection[] => {\n  return Array.isArray(input) ? input : [input];\n};\n"],"names":["parseSwipeDirection","input"],"mappings":"AAeO,MAAMA,IAAsB,CACjCC,MAEO,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK;"}

package/dist/use-swipe/use-swipe.js

@@ -0,0 +1,134 @@
+import { useRef as p, useCallback as i, useEffect as O } from "react";
+import { SwipeDirections as n } from "./use-swipe.types.js";
+import { parseSwipeDirection as I } from "./parse-swipe-direction.js";
+import { invokeSwipeAction as M } from "./invoke-swipe-action.js";
+const A = {
+  eventPointerTypes: ["touch", "mouse", "pen"],
+  eventCapture: !1,
+  eventOnce: !1,
+  eventStopImmediatePropagation: !1,
+  threshold: 50,
+  velocity: 0.3,
+  container: { current: null }
+}, H = (d, m, U = {}) => {
+  const {
+    eventPointerTypes: s,
+    eventCapture: a,
+    eventOnce: h,
+    eventStopImmediatePropagation: v,
+    threshold: w,
+    velocity: g,
+    container: y
+  } = { ...A, ...U }, D = p([]), u = p(null), c = p(null), l = p({
+    startX: 0,
+    startY: 0,
+    startTime: 0,
+    active: !1
+  }), b = i(() => {
+    c.current?.abort();
+  }, []), L = i(
+    (e, t) => {
+      const o = Math.abs(e), r = Math.abs(t);
+      return o > r ? e > 0 ? n.Right : n.Left : t > 0 ? n.Down : n.Up;
+    },
+    []
+  ), P = i((e) => {
+    const t = D.current;
+    return t.includes(n.Both) || t.includes(n.Horizontal) && (e === n.Left || e === n.Right) || t.includes(n.Vertical) && (e === n.Up || e === n.Down) ? !0 : t.includes(e);
+  }, []), S = i(
+    (e) => {
+      e.isPrimary && s.includes(e.pointerType) && (l.current = {
+        startX: e.clientX,
+        startY: e.clientY,
+        startTime: Date.now(),
+        active: !0
+      });
+    },
+    [s]
+  ), T = i(
+    (e) => {
+      const t = l.current;
+      if (!t.active)
+        return;
+      t.active = !1;
+      const o = Date.now() - t.startTime;
+      if (o === 0)
+        return;
+      const r = e.clientX - t.startX, f = e.clientY - t.startY, X = Math.hypot(r, f), Y = X / o;
+      if (X < w || Y < g)
+        return;
+      const E = L(r, f);
+      if (!P(E))
+        return;
+      M(e, E, {
+        deltaX: r,
+        deltaY: f,
+        velocity: Y,
+        duration: o
+      }, m, {
+        stopImmediate: v,
+        once: h,
+        onOnce: () => {
+          b();
+        }
+      });
+    },
+    [
+      w,
+      g,
+      L,
+      P,
+      m,
+      h,
+      v,
+      b
+    ]
+  ), R = i(
+    (e) => {
+      e.isPrimary && s.includes(e.pointerType) && T(e);
+    },
+    [T, s]
+  ), C = i(() => {
+    l.current.active = !1;
+  }, []);
+  O(() => {
+    D.current = I(d);
+  }, [d]), O(() => {
+    u.current = y?.current ?? globalThis, c.current = new AbortController();
+    const e = (r) => S(r);
+    u.current.addEventListener(
+      "pointerdown",
+      e,
+      {
+        capture: a,
+        signal: c.current.signal
+      }
+    );
+    const t = (r) => R(r);
+    u.current.addEventListener("pointerup", t, {
+      capture: a,
+      signal: c.current.signal
+    });
+    const o = () => C();
+    return u.current.addEventListener(
+      "pointercancel",
+      o,
+      {
+        capture: a,
+        signal: c.current.signal
+      }
+    ), () => {
+      c.current?.abort(), l.current.active = !1;
+    };
+  }, [
+    y,
+    a,
+    S,
+    R,
+    C
+  ]);
+};
+export {
+  H as default
+};
+//# sourceMappingURL=use-swipe.js.map

package/dist/use-swipe/use-swipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swipe.js","sources":["../../src/use-swipe/use-swipe.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  SwipeDirection,\n  SwipeState,\n  SwipeData,\n  UseSwipeSchema,\n  UseSwipeOptions,\n  UseSwipeCallback,\n  SwipeOptions,\n  SwipeDirections,\n  SwipeEventPointerType,\n} from \"./use-swipe.types\";\nimport { parseSwipeDirection } from \"./parse-swipe-direction\";\nimport { invokeSwipeAction } from \"./invoke-swipe-action\";\n\nconst defaultOptions: SwipeOptions = {\n  eventPointerTypes: [\"touch\", \"mouse\", \"pen\"],\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  threshold: 50,\n  velocity: 0.3,\n  container: { current: null },\n};\n\nconst useSwipe = (\n  swipe: UseSwipeSchema,\n  swipeCallback: UseSwipeCallback,\n  options: UseSwipeOptions = {},\n) => {\n  const {\n    eventPointerTypes,\n    eventCapture,\n    eventOnce,\n    eventStopImmediatePropagation,\n    threshold,\n    velocity,\n    container,\n  } = { ...defaultOptions, ...options };\n\n  const allowedDirectionsReference = useRef<SwipeDirection[]>([]);\n  const targetReference = useRef<EventTarget | null>(null);\n  const abortControllerReference = useRef<AbortController | null>(null);\n\n  const swipeStateReference = useRef<SwipeState>({\n    startX: 0,\n    startY: 0,\n    startTime: 0,\n    active: false,\n  });\n\n  const destroyListener = useCallback(() => {\n    abortControllerReference.current?.abort();\n  }, []);\n\n  const resolveDirection = useCallback(\n    (deltaX: number, deltaY: number): SwipeDirection => {\n      const absX = Math.abs(deltaX);\n      const absY = Math.abs(deltaY);\n\n      if (absX > absY) {\n        return deltaX > 0 ? SwipeDirections.Right : SwipeDirections.Left;\n      }\n\n      return deltaY > 0 ? SwipeDirections.Down : SwipeDirections.Up;\n    },\n    [],\n  );\n\n  const matchesSchema = useCallback((direction: SwipeDirection): boolean => {\n    const allowed = allowedDirectionsReference.current;\n\n    if (allowed.includes(SwipeDirections.Both)) {\n      return true;\n    }\n\n    if (\n      allowed.includes(SwipeDirections.Horizontal) &&\n      (direction === SwipeDirections.Left ||\n        direction === SwipeDirections.Right)\n    ) {\n      return true;\n    }\n\n    if (\n      allowed.includes(SwipeDirections.Vertical) &&\n      (direction === SwipeDirections.Up || direction === SwipeDirections.Down)\n    ) {\n      return true;\n    }\n\n    return allowed.includes(direction);\n  }, []);\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) {\n        return;\n      }\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as SwipeEventPointerType)\n      ) {\n        return;\n      }\n\n      swipeStateReference.current = {\n        startX: event.clientX,\n        startY: event.clientY,\n        startTime: Date.now(),\n        active: true,\n      };\n    },\n    [eventPointerTypes],\n  );\n\n  const endSwipe = useCallback(\n    (event: PointerEvent) => {\n      const state = swipeStateReference.current;\n      if (!state.active) {\n        return;\n      }\n\n      state.active = false;\n\n      const duration = Date.now() - state.startTime;\n\n      if (duration === 0) {\n        return;\n      }\n\n      const deltaX = event.clientX - state.startX;\n      const deltaY = event.clientY - state.startY;\n\n      const distance = Math.hypot(deltaX, deltaY);\n\n      const computedVelocity = distance / duration;\n\n      if (distance < threshold) {\n        return;\n      }\n      if (computedVelocity < velocity) {\n        return;\n      }\n\n      const direction = resolveDirection(deltaX, deltaY);\n      if (!matchesSchema(direction)) {\n        return;\n      }\n\n      const data: SwipeData = {\n        deltaX,\n        deltaY,\n        velocity: computedVelocity,\n        duration,\n      };\n\n      invokeSwipeAction(event, direction, data, swipeCallback, {\n        stopImmediate: eventStopImmediatePropagation,\n        once: eventOnce,\n        onOnce: () => {\n          destroyListener();\n        },\n      });\n    },\n    [\n      threshold,\n      velocity,\n      resolveDirection,\n      matchesSchema,\n      swipeCallback,\n      eventOnce,\n      eventStopImmediatePropagation,\n      destroyListener,\n    ],\n  );\n\n  const handlePointerUp = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) {\n        return;\n      }\n      if (\n        !eventPointerTypes.includes(event.pointerType as SwipeEventPointerType)\n      ) {\n        return;\n      }\n      endSwipe(event);\n    },\n    [endSwipe, eventPointerTypes],\n  );\n\n  const handlePointerCancel = useCallback(() => {\n    swipeStateReference.current.active = false;\n  }, []);\n\n  useEffect(() => {\n    allowedDirectionsReference.current = parseSwipeDirection(swipe);\n  }, [swipe]);\n\n  useEffect(() => {\n    targetReference.current = container?.current ?? globalThis;\n    abortControllerReference.current = new AbortController();\n\n    const pointerDownListener = (event: Event) =>\n      handlePointerDown(event as PointerEvent);\n\n    targetReference.current.addEventListener(\n      \"pointerdown\",\n      pointerDownListener,\n      {\n        capture: eventCapture,\n        signal: abortControllerReference.current.signal,\n      },\n    );\n\n    const pointerUpListener = (event: Event) =>\n      handlePointerUp(event as PointerEvent);\n\n    targetReference.current.addEventListener(\"pointerup\", pointerUpListener, {\n      capture: eventCapture,\n      signal: abortControllerReference.current.signal,\n    });\n\n    const pointerCancelListener = () => handlePointerCancel();\n\n    targetReference.current.addEventListener(\n      \"pointercancel\",\n      pointerCancelListener,\n      {\n        capture: eventCapture,\n        signal: abortControllerReference.current.signal,\n      },\n    );\n\n    return () => {\n      abortControllerReference.current?.abort();\n      swipeStateReference.current.active = false;\n    };\n  }, [\n    container,\n    eventCapture,\n    handlePointerDown,\n    handlePointerUp,\n    handlePointerCancel,\n  ]);\n};\n\nexport default useSwipe;\n"],"names":["defaultOptions","useSwipe","swipe","swipeCallback","options","eventPointerTypes","eventCapture","eventOnce","eventStopImmediatePropagation","threshold","velocity","container","allowedDirectionsReference","useRef","targetReference","abortControllerReference","swipeStateReference","destroyListener","useCallback","resolveDirection","deltaX","deltaY","absX","absY","SwipeDirections","matchesSchema","direction","allowed","handlePointerDown","event","endSwipe","state","duration","distance","computedVelocity","invokeSwipeAction","handlePointerUp","handlePointerCancel","useEffect","parseSwipeDirection","pointerDownListener","pointerUpListener","pointerCancelListener"],"mappings":"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"}

package/dist/use-swipe/use-swipe.types.js

@@ -0,0 +1,18 @@
+const o = {
+  Left: "left",
+  Right: "right",
+  Up: "up",
+  Down: "down",
+  Horizontal: "horizontal",
+  Vertical: "vertical",
+  Both: "both"
+}, t = {
+  Touch: "touch",
+  Mouse: "mouse",
+  Pen: "pen"
+};
+export {
+  o as SwipeDirections,
+  t as SwipeEventPointerTypes
+};
+//# sourceMappingURL=use-swipe.types.js.map

package/dist/use-swipe/use-swipe.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swipe.types.js","sources":["../../src/use-swipe/use-swipe.types.ts"],"sourcesContent":["export const SwipeDirections = {\n  Left: \"left\",\n  Right: \"right\",\n  Up: \"up\",\n  Down: \"down\",\n  Horizontal: \"horizontal\",\n  Vertical: \"vertical\",\n  Both: \"both\",\n} as const;\n\nexport type SwipeDirection =\n  (typeof SwipeDirections)[keyof typeof SwipeDirections];\n\nexport interface SwipeState {\n  startX: number;\n  startY: number;\n  startTime: number;\n  active: boolean;\n}\n\nexport const SwipeEventPointerTypes = {\n  Touch: \"touch\",\n  Mouse: \"mouse\",\n  Pen: \"pen\",\n} as const;\n\nexport type SwipeEventPointerType =\n  (typeof SwipeEventPointerTypes)[keyof typeof SwipeEventPointerTypes];\n\nexport interface SwipeOptions {\n  eventPointerTypes: SwipeEventPointerType[];\n  eventCapture: boolean;\n  eventOnce: boolean;\n  eventStopImmediatePropagation: boolean;\n  threshold: number;\n  velocity: number;\n  container: { current: HTMLElement | null };\n}\n\nexport interface SwipeData {\n  deltaX: number;\n  deltaY: number;\n  velocity: number;\n  duration: number;\n}\n\nexport type UseSwipeSchema = SwipeDirection | SwipeDirection[];\n\nexport type UseSwipeCallback =\n  | ((\n      event: PointerEvent,\n      direction: SwipeDirection,\n      data: SwipeData,\n      ...properties: unknown[]\n    ) => boolean)\n  | ((\n      event: PointerEvent,\n      direction: SwipeDirection,\n      data: SwipeData,\n      ...properties: unknown[]\n    ) => void);\n\nexport type UseSwipeOptions = Partial<SwipeOptions>;\n"],"names":["SwipeDirections","SwipeEventPointerTypes"],"mappings":"AAAO,MAAMA,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,MAAM;AACR,GAYaC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AACP;"}

package/dist/use-wheel/invoke-wheel-action.js

@@ -0,0 +1,7 @@
+const a = (e, t, n, o) => {
+  o.stopImmediate && e.stopImmediatePropagation(), n(e, t) && e.preventDefault(), o.once && o.onOnce?.();
+};
+export {
+  a as invokeWheelAction
+};
+//# sourceMappingURL=invoke-wheel-action.js.map

package/dist/use-wheel/invoke-wheel-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoke-wheel-action.js","sources":["../../src/use-wheel/invoke-wheel-action.ts"],"sourcesContent":["import { WheelData } from \"./use-wheel.types\";\n\n/**\n * Invokes a wheel action callback with optional event modifications.\n *\n * Handles wheel event processing including preventing default behavior,\n * stopping immediate propagation, and managing one-time event handlers.\n *\n * @param {WheelEvent} event - The wheel event\n * @param {WheelData} delta - The normalized wheel delta\n * @param {Function} callback - Function to invoke with (event, delta). Return true to prevent default.\n * @param {Object} options - Action options\n * @param {boolean} [options.stopImmediate=false] - Whether to stop immediate propagation\n * @param {boolean} [options.once=false] - Whether this is a one-time event\n * @param {Function} [options.onOnce] - Callback to invoke when one-time event fires\n *\n * @example\n * invokeWheelAction(event, delta, (e, d) => {\n *   console.log(`Wheel moved: ${d.x}, ${d.y}, ${d.z}`);\n *   return true; // Prevent default\n * }, { stopImmediate: true });\n */\nexport const invokeWheelAction = (\n  event: WheelEvent,\n  data: WheelData,\n  callback:\n    | ((event: WheelEvent, data: WheelData) => boolean)\n    | ((event: WheelEvent, data: WheelData) => void),\n  options: {\n    stopImmediate?: boolean;\n    once?: boolean;\n    onOnce?: () => void;\n  },\n) => {\n  if (options.stopImmediate) {\n    event.stopImmediatePropagation();\n  }\n\n  const shouldPrevent = callback(event, data);\n  if (shouldPrevent) {\n    event.preventDefault();\n  }\n\n  if (options.once) {\n    options.onOnce?.();\n  }\n};\n"],"names":["invokeWheelAction","event","data","callback","options"],"mappings":"AAsBO,MAAMA,IAAoB,CAC/BC,GACAC,GACAC,GAGAC,MAKG;AACH,EAAIA,EAAQ,iBACVH,EAAM,yBAAA,GAGcE,EAASF,GAAOC,CAAI,KAExCD,EAAM,eAAA,GAGJG,EAAQ,QACVA,EAAQ,SAAA;AAEZ;"}

package/dist/use-wheel/use-wheel.js

@@ -0,0 +1,79 @@
+import { useRef as r, useCallback as d, useEffect as L } from "react";
+import { invokeWheelAction as A } from "./invoke-wheel-action.js";
+const E = {
+  eventPassive: !0,
+  eventCapture: !1,
+  eventOnce: !1,
+  eventStopImmediatePropagation: !1,
+  container: { current: null },
+  raf: !1
+}, h = (o, I = E) => {
+  const {
+    eventPassive: f,
+    eventCapture: m,
+    eventOnce: a,
+    eventStopImmediatePropagation: c,
+    container: p,
+    raf: v
+  } = { ...E, ...I }, g = r(null), u = r(null), t = r(null), s = r(null), i = r(null), l = d(() => {
+    u.current?.abort();
+  }, []), R = d(() => {
+    t.current = null;
+    const e = s.current, n = i.current;
+    !e || !n || (A(n, e, o, {
+      stopImmediate: c,
+      once: a,
+      onOnce: () => {
+        l();
+      }
+    }), s.current = null, i.current = null);
+  }, [
+    o,
+    c,
+    a,
+    l
+  ]), O = d(
+    (e) => {
+      const n = {
+        deltaX: e.deltaX,
+        deltaY: e.deltaY,
+        deltaZ: e.deltaZ,
+        deltaMode: e.deltaMode
+      };
+      if (!v) {
+        A(e, n, o, {
+          stopImmediate: c,
+          once: a,
+          onOnce: () => {
+            l();
+          }
+        });
+        return;
+      }
+      s.current = n, i.current = e, t.current === null && (t.current = requestAnimationFrame(R));
+    },
+    [
+      v,
+      o,
+      c,
+      a,
+      l,
+      R
+    ]
+  );
+  L(() => {
+    g.current = p?.current ?? globalThis, u.current = new AbortController();
+    const e = (n) => O(n);
+    return g.current.addEventListener("wheel", e, {
+      passive: f,
+      capture: m,
+      signal: u.current.signal
+    }), () => {
+      u.current?.abort(), t.current !== null && cancelAnimationFrame(t.current);
+    };
+  }, [p, f, m, O]);
+};
+export {
+  h as default
+};
+//# sourceMappingURL=use-wheel.js.map

package/dist/use-wheel/use-wheel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-wheel.js","sources":["../../src/use-wheel/use-wheel.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  UseWheelCallback,\n  UseWheelOptions,\n  WheelData,\n  WheelOptions,\n} from \"./use-wheel.types\";\nimport { invokeWheelAction } from \"./invoke-wheel-action\";\n\nconst defaultOptions: WheelOptions = {\n  eventPassive: true,\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  container: { current: null },\n  raf: false,\n};\n\nconst useWheel = (\n  wheelCallback: UseWheelCallback,\n  options: UseWheelOptions = defaultOptions,\n) => {\n  const {\n    eventPassive,\n    eventCapture,\n    eventOnce,\n    eventStopImmediatePropagation,\n    container,\n    raf,\n  } = { ...defaultOptions, ...options };\n\n  const targetReference = useRef<EventTarget | null>(null);\n  const abortControllerReference = useRef<AbortController | null>(null);\n\n  const frameReference = useRef<number | null>(null);\n  const pendingDataReference = useRef<WheelData | null>(null);\n  const pendingEventReference = useRef<WheelEvent | null>(null);\n\n  const destroyListener = useCallback(() => {\n    abortControllerReference.current?.abort();\n  }, []);\n\n  const flushFrame = useCallback(() => {\n    frameReference.current = null;\n\n    const data = pendingDataReference.current;\n    const event = pendingEventReference.current;\n\n    if (!data || !event) return;\n\n    invokeWheelAction(event, data, wheelCallback, {\n      stopImmediate: eventStopImmediatePropagation,\n      once: eventOnce,\n      onOnce: () => {\n        destroyListener();\n      },\n    });\n\n    pendingDataReference.current = null;\n    pendingEventReference.current = null;\n  }, [\n    wheelCallback,\n    eventStopImmediatePropagation,\n    eventOnce,\n    destroyListener,\n  ]);\n\n  const handleEventListener = useCallback(\n    (event: WheelEvent) => {\n      const delta: WheelData = {\n        deltaX: event.deltaX,\n        deltaY: event.deltaY,\n        deltaZ: event.deltaZ,\n        deltaMode: event.deltaMode,\n      };\n\n      if (!raf) {\n        invokeWheelAction(event, delta, wheelCallback, {\n          stopImmediate: eventStopImmediatePropagation,\n          once: eventOnce,\n          onOnce: () => {\n            destroyListener();\n          },\n        });\n        return;\n      }\n\n      pendingDataReference.current = delta;\n      pendingEventReference.current = event;\n\n      if (frameReference.current === null) {\n        frameReference.current = requestAnimationFrame(flushFrame);\n      }\n    },\n    [\n      raf,\n      wheelCallback,\n      eventStopImmediatePropagation,\n      eventOnce,\n      destroyListener,\n      flushFrame,\n    ],\n  );\n\n  useEffect(() => {\n    targetReference.current = container?.current ?? globalThis;\n    abortControllerReference.current = new AbortController();\n\n    const eventListener = (event: Event) =>\n      handleEventListener(event as WheelEvent);\n\n    targetReference.current.addEventListener(\"wheel\", eventListener, {\n      passive: eventPassive,\n      capture: eventCapture,\n      signal: abortControllerReference.current.signal,\n    });\n\n    return () => {\n      abortControllerReference.current?.abort();\n\n      if (frameReference.current !== null) {\n        cancelAnimationFrame(frameReference.current);\n      }\n    };\n  }, [container, eventPassive, eventCapture, handleEventListener]);\n};\n\nexport default useWheel;\n"],"names":["defaultOptions","useWheel","wheelCallback","options","eventPassive","eventCapture","eventOnce","eventStopImmediatePropagation","container","raf","targetReference","useRef","abortControllerReference","frameReference","pendingDataReference","pendingEventReference","destroyListener","useCallback","flushFrame","data","event","invokeWheelAction","handleEventListener","delta","useEffect","eventListener"],"mappings":";;AASA,MAAMA,IAA+B;AAAA,EACnC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,+BAA+B;AAAA,EAC/B,WAAW,EAAE,SAAS,KAAA;AAAA,EACtB,KAAK;AACP,GAEMC,IAAW,CACfC,GACAC,IAA2BH,MACxB;AACH,QAAM;AAAA,IACJ,cAAAI;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACE,EAAE,GAAGT,GAAgB,GAAGG,EAAA,GAEtBO,IAAkBC,EAA2B,IAAI,GACjDC,IAA2BD,EAA+B,IAAI,GAE9DE,IAAiBF,EAAsB,IAAI,GAC3CG,IAAuBH,EAAyB,IAAI,GACpDI,IAAwBJ,EAA0B,IAAI,GAEtDK,IAAkBC,EAAY,MAAM;AACxC,IAAAL,EAAyB,SAAS,MAAA;AAAA,EACpC,GAAG,CAAA,CAAE,GAECM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAe,UAAU;AAEzB,UAAMM,IAAOL,EAAqB,SAC5BM,IAAQL,EAAsB;AAEpC,IAAI,CAACI,KAAQ,CAACC,MAEdC,EAAkBD,GAAOD,GAAMjB,GAAe;AAAA,MAC5C,eAAeK;AAAA,MACf,MAAMD;AAAA,MACN,QAAQ,MAAM;AACZ,QAAAU,EAAA;AAAA,MACF;AAAA,IAAA,CACD,GAEDF,EAAqB,UAAU,MAC/BC,EAAsB,UAAU;AAAA,EAClC,GAAG;AAAA,IACDb;AAAA,IACAK;AAAA,IACAD;AAAA,IACAU;AAAA,EAAA,CACD,GAEKM,IAAsBL;AAAA,IAC1B,CAACG,MAAsB;AACrB,YAAMG,IAAmB;AAAA,QACvB,QAAQH,EAAM;AAAA,QACd,QAAQA,EAAM;AAAA,QACd,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,MAAA;AAGnB,UAAI,CAACX,GAAK;AACR,QAAAY,EAAkBD,GAAOG,GAAOrB,GAAe;AAAA,UAC7C,eAAeK;AAAA,UACf,MAAMD;AAAA,UACN,QAAQ,MAAM;AACZ,YAAAU,EAAA;AAAA,UACF;AAAA,QAAA,CACD;AACD;AAAA,MACF;AAEA,MAAAF,EAAqB,UAAUS,GAC/BR,EAAsB,UAAUK,GAE5BP,EAAe,YAAY,SAC7BA,EAAe,UAAU,sBAAsBK,CAAU;AAAA,IAE7D;AAAA,IACA;AAAA,MACET;AAAA,MACAP;AAAA,MACAK;AAAA,MACAD;AAAA,MACAU;AAAA,MACAE;AAAA,IAAA;AAAA,EACF;AAGF,EAAAM,EAAU,MAAM;AACd,IAAAd,EAAgB,UAAUF,GAAW,WAAW,YAChDI,EAAyB,UAAU,IAAI,gBAAA;AAEvC,UAAMa,IAAgB,CAACL,MACrBE,EAAoBF,CAAmB;AAEzC,WAAAV,EAAgB,QAAQ,iBAAiB,SAASe,GAAe;AAAA,MAC/D,SAASrB;AAAA,MACT,SAASC;AAAA,MACT,QAAQO,EAAyB,QAAQ;AAAA,IAAA,CAC1C,GAEM,MAAM;AACX,MAAAA,EAAyB,SAAS,MAAA,GAE9BC,EAAe,YAAY,QAC7B,qBAAqBA,EAAe,OAAO;AAAA,IAE/C;AAAA,EACF,GAAG,CAACL,GAAWJ,GAAcC,GAAciB,CAAmB,CAAC;AACjE;"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@msobiecki/react-marauders-path",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "type": "module",
   "engines": {
     "node": ">=22.17.1"
   },
-  "module": "dist/index.es.js",
-  "types": "dist/index.es.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],