@msobiecki/react-marauders-path 1.24.2 → 1.25.0

package/dist/use-drag/use-drag.js

@@ -1,6 +1,6 @@
-import { useRef as a, useCallback as s, useEffect as b } from "react";
+import { useRef as c, useCallback as l, useEffect as C } from "react";
 import { invokeDragAction as O } from "./invoke-drag-action.js";
-const F = {
+const I = {
   eventPointerTypes: ["touch", "mouse", "pen"],
   eventCapture: !1,
   eventOnce: !1,
@@ -8,37 +8,35 @@ const F = {
   threshold: 0,
   container: { current: null },
   raf: !1
-}, q = (p, A = {}) => {
+}, U = (f, b = {}) => {
   const {
-    eventPointerTypes: c,
-    eventCapture: i,
-    eventOnce: f,
+    eventPointerTypes: r,
+    eventCapture: o,
+    eventOnce: p,
     eventStopImmediatePropagation: d,
-    threshold: P,
+    threshold: v,
     container: y,
-    raf: v
-  } = { ...F, ...A }, o = a(null), n = a(null), l = a(null), g = a(null), h = a(null), u = a({
+    raf: E
+  } = { ...I, ...b }, a = c(null), i = c(null), s = c(null), Y = c(null), P = c(null), u = c({
     startX: 0,
     startY: 0,
     lastX: 0,
     lastY: 0,
     startTime: 0,
     active: !1
-  }), m = s(() => {
-    n.current?.abort();
-  }, []), L = s(() => {
-    l.current = null;
-    const t = g.current, e = h.current;
-    !t || !e || (O(e, t, p, {
+  }), T = l(() => {
+    s.current = null;
+    const t = Y.current, e = P.current;
+    !t || !e || (O(e, t, f, {
       stopImmediate: d,
-      once: f,
+      once: p,
       onOnce: () => {
-        m();
+        i.current?.abort();
       }
-    }), g.current = null, h.current = null);
-  }, [p, d, f, m]), T = s(
+    }), Y.current = null, P.current = null);
+  }, [f, d, p]), L = l(
     (t) => {
-      t.isPrimary && c.includes(t.pointerType) && (u.current = {
+      t.isPrimary && r.includes(t.pointerType) && (u.current = {
         startX: t.clientX,
         startY: t.clientY,
         lastX: t.clientX,
@@ -47,95 +45,95 @@ const F = {
         active: !0
       });
     },
-    [c]
-  ), D = s(
+    [r]
+  ), g = l(
     (t) => {
       const e = u.current;
-      if (!e.active || !t.isPrimary || !c.includes(t.pointerType))
+      if (!e.active || !t.isPrimary || !r.includes(t.pointerType))
         return;
-      const X = t.clientX - e.startX, Y = t.clientY - e.startY, r = t.clientX - e.lastX, C = t.clientY - e.lastY;
-      if (Math.hypot(X, Y) < P) return;
-      const I = Date.now() - e.startTime, E = {
-        deltaX: X,
-        deltaY: Y,
-        movementX: r,
-        movementY: C,
-        duration: I,
+      const m = t.clientX - e.startX, X = t.clientY - e.startY, h = t.clientX - e.lastX, n = t.clientY - e.lastY;
+      if (Math.hypot(m, X) < v)
+        return;
+      const A = Date.now() - e.startTime, w = {
+        deltaX: m,
+        deltaY: X,
+        movementX: h,
+        movementY: n,
+        duration: A,
         startX: e.startX,
         startY: e.startY,
         endX: t.clientX,
         endY: t.clientY
       };
-      if (e.lastX = t.clientX, e.lastY = t.clientY, !v) {
-        O(t, E, p, {
+      if (e.lastX = t.clientX, e.lastY = t.clientY, !E) {
+        O(t, w, f, {
           stopImmediate: d,
-          once: f,
+          once: p,
           onOnce: () => {
-            m();
+            i.current?.abort();
           }
         });
         return;
       }
-      g.current = E, h.current = t, l.current === null && (l.current = requestAnimationFrame(L));
+      Y.current = w, P.current = t, s.current === null && (s.current = requestAnimationFrame(T));
     },
     [
-      c,
-      P,
+      r,
       v,
-      p,
-      d,
+      E,
       f,
-      m,
-      L
+      d,
+      p,
+      T
     ]
-  ), R = s(
+  ), D = l(
     (t) => {
-      t.isPrimary && c.includes(t.pointerType) && (u.current.active = !1);
+      t.isPrimary && r.includes(t.pointerType) && (u.current.active = !1);
     },
-    [c]
-  ), w = s(() => {
+    [r]
+  ), R = l(() => {
     u.current.active = !1;
   }, []);
-  b(() => {
-    o.current = y?.current ?? globalThis, n.current = new AbortController();
-    const t = (r) => T(r), e = (r) => D(r), X = (r) => R(r), Y = () => w();
-    return o.current.addEventListener(
+  C(() => {
+    a.current = y?.current ?? globalThis, i.current = new AbortController();
+    const { signal: t } = i.current, e = (n) => n instanceof PointerEvent && L(n), m = (n) => n instanceof PointerEvent && g(n), X = (n) => n instanceof PointerEvent && D(n), h = () => R();
+    return a.current.addEventListener(
       "pointerdown",
-      t,
+      e,
       {
-        capture: i,
-        signal: n.current.signal
+        capture: o,
+        signal: t
       }
-    ), o.current.addEventListener(
+    ), a.current.addEventListener(
       "pointermove",
-      e,
+      m,
       {
-        capture: i,
-        signal: n.current.signal
+        capture: o,
+        signal: t
       }
-    ), o.current.addEventListener("pointerup", X, {
-      capture: i,
-      signal: n.current.signal
-    }), o.current.addEventListener(
+    ), a.current.addEventListener("pointerup", X, {
+      capture: o,
+      signal: t
+    }), a.current.addEventListener(
       "pointercancel",
-      Y,
+      h,
       {
-        capture: i,
-        signal: n.current.signal
+        capture: o,
+        signal: t
       }
     ), () => {
-      n.current?.abort(), u.current.active = !1, l.current !== null && cancelAnimationFrame(l.current);
+      i.current?.abort(), u.current.active = !1, s.current !== null && cancelAnimationFrame(s.current);
     };
   }, [
     y,
-    i,
-    T,
+    o,
+    L,
+    g,
     D,
-    R,
-    w
+    R
   ]);
 };
 export {
-  q as default
+  U as default
 };
 //# sourceMappingURL=use-drag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-drag.js","sources":["../../src/use-drag/use-drag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  DragState,\n  DragData,\n  UseDragCallback,\n  UseDragOptions,\n  DragOptions,\n  DragEventPointerType,\n} from \"./use-drag.types\";\nimport { invokeDragAction } from \"./invoke-drag-action\";\n\nconst defaultOptions: DragOptions = {\n  eventPointerTypes: [\"touch\", \"mouse\", \"pen\"],\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  threshold: 0,\n  container: { current: null },\n  raf: false,\n};\n\nconst useDrag = (\n  dragCallback: UseDragCallback,\n  options: UseDragOptions = {},\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<DragData | null>(null);\n  const pendingEventReference = useRef<PointerEvent | null>(null);\n\n  const dragStateReference = useRef<DragState>({\n    startX: 0,\n    startY: 0,\n    lastX: 0,\n    lastY: 0,\n    startTime: 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    invokeDragAction(event, data, dragCallback, {\n      stopImmediate: eventStopImmediatePropagation,\n      once: eventOnce,\n      onOnce: () => {\n        destroyListener();\n      },\n    });\n\n    pendingDataReference.current = null;\n    pendingEventReference.current = null;\n  }, [dragCallback, eventStopImmediatePropagation, eventOnce, destroyListener]);\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) return;\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      dragStateReference.current = {\n        startX: event.clientX,\n        startY: event.clientY,\n        lastX: event.clientX,\n        lastY: event.clientY,\n        startTime: Date.now(),\n        active: true,\n      };\n    },\n    [eventPointerTypes],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent) => {\n      const state = dragStateReference.current;\n      if (!state.active) return;\n      if (!event.isPrimary) return;\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      const deltaX = event.clientX - state.startX;\n      const deltaY = event.clientY - state.startY;\n\n      const movementX = event.clientX - state.lastX;\n      const movementY = event.clientY - state.lastY;\n\n      const distance = Math.hypot(deltaX, deltaY);\n\n      if (distance < threshold) return;\n\n      const duration = Date.now() - state.startTime;\n\n      const data: DragData = {\n        deltaX,\n        deltaY,\n        movementX,\n        movementY,\n        duration,\n        startX: state.startX,\n        startY: state.startY,\n        endX: event.clientX,\n        endY: event.clientY,\n      };\n\n      state.lastX = event.clientX;\n      state.lastY = event.clientY;\n\n      if (!raf) {\n        invokeDragAction(event, data, dragCallback, {\n          stopImmediate: eventStopImmediatePropagation,\n          once: eventOnce,\n          onOnce: () => {\n            destroyListener();\n          },\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      eventPointerTypes,\n      threshold,\n      raf,\n      dragCallback,\n      eventStopImmediatePropagation,\n      eventOnce,\n      destroyListener,\n      flushFrame,\n    ],\n  );\n\n  const handlePointerUp = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) return;\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      dragStateReference.current.active = false;\n    },\n    [eventPointerTypes],\n  );\n\n  const handlePointerCancel = useCallback(() => {\n    dragStateReference.current.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 = () => handlePointerCancel();\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      dragStateReference.current.active = false;\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 useDrag;\n"],"names":["defaultOptions","useDrag","dragCallback","options","eventPointerTypes","eventCapture","eventOnce","eventStopImmediatePropagation","threshold","container","raf","targetReference","useRef","abortControllerReference","frameReference","pendingDataReference","pendingEventReference","dragStateReference","destroyListener","useCallback","flushFrame","data","event","invokeDragAction","handlePointerDown","handlePointerMove","state","deltaX","deltaY","movementX","movementY","duration","handlePointerUp","handlePointerCancel","useEffect","pointerDownListener","pointerMoveListener","pointerUpListener","pointerCancelListener"],"mappings":"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"}
+{"version":3,"file":"use-drag.js","sources":["../../src/use-drag/use-drag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport {\n  DragState,\n  DragData,\n  UseDragCallback,\n  UseDragOptions,\n  DragOptions,\n  DragEventPointerType,\n} from \"./use-drag.types\";\nimport { invokeDragAction } from \"./invoke-drag-action\";\n\nconst defaultOptions: DragOptions = {\n  eventPointerTypes: [\"touch\", \"mouse\", \"pen\"],\n  eventCapture: false,\n  eventOnce: false,\n  eventStopImmediatePropagation: false,\n  threshold: 0,\n  container: { current: null },\n  raf: false,\n};\n\nconst useDrag = (\n  dragCallback: UseDragCallback,\n  options: UseDragOptions = {},\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<DragData | null>(null);\n  const pendingEventReference = useRef<PointerEvent | null>(null);\n\n  const dragStateReference = useRef<DragState>({\n    startX: 0,\n    startY: 0,\n    lastX: 0,\n    lastY: 0,\n    startTime: 0,\n    active: false,\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) {\n      return;\n    }\n\n    invokeDragAction(event, data, dragCallback, {\n      stopImmediate: eventStopImmediatePropagation,\n      once: eventOnce,\n      onOnce: () => {\n        abortControllerReference.current?.abort();\n      },\n    });\n\n    pendingDataReference.current = null;\n    pendingEventReference.current = null;\n  }, [dragCallback, eventStopImmediatePropagation, eventOnce]);\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) {\n        return;\n      }\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      dragStateReference.current = {\n        startX: event.clientX,\n        startY: event.clientY,\n        lastX: event.clientX,\n        lastY: event.clientY,\n        startTime: Date.now(),\n        active: true,\n      };\n    },\n    [eventPointerTypes],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent) => {\n      const state = dragStateReference.current;\n      if (!state.active) {\n        return;\n      }\n      if (!event.isPrimary) {\n        return;\n      }\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      const deltaX = event.clientX - state.startX;\n      const deltaY = event.clientY - state.startY;\n\n      const movementX = event.clientX - state.lastX;\n      const movementY = event.clientY - state.lastY;\n\n      const distance = Math.hypot(deltaX, deltaY);\n\n      if (distance < threshold) {\n        return;\n      }\n\n      const duration = Date.now() - state.startTime;\n\n      const data: DragData = {\n        deltaX,\n        deltaY,\n        movementX,\n        movementY,\n        duration,\n        startX: state.startX,\n        startY: state.startY,\n        endX: event.clientX,\n        endY: event.clientY,\n      };\n\n      state.lastX = event.clientX;\n      state.lastY = event.clientY;\n\n      if (!raf) {\n        invokeDragAction(event, data, dragCallback, {\n          stopImmediate: eventStopImmediatePropagation,\n          once: eventOnce,\n          onOnce: () => {\n            abortControllerReference.current?.abort();\n          },\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      eventPointerTypes,\n      threshold,\n      raf,\n      dragCallback,\n      eventStopImmediatePropagation,\n      eventOnce,\n      flushFrame,\n    ],\n  );\n\n  const handlePointerUp = useCallback(\n    (event: PointerEvent) => {\n      if (!event.isPrimary) {\n        return;\n      }\n\n      if (\n        !eventPointerTypes.includes(event.pointerType as DragEventPointerType)\n      ) {\n        return;\n      }\n\n      dragStateReference.current.active = false;\n    },\n    [eventPointerTypes],\n  );\n\n  const handlePointerCancel = useCallback(() => {\n    dragStateReference.current.active = false;\n  }, []);\n\n  useEffect(() => {\n    targetReference.current = container?.current ?? globalThis;\n    abortControllerReference.current = new AbortController();\n    const { signal } = abortControllerReference.current;\n\n    const pointerDownListener = (event: Event) =>\n      event instanceof PointerEvent && handlePointerDown(event);\n\n    const pointerMoveListener = (event: Event) =>\n      event instanceof PointerEvent && handlePointerMove(event);\n\n    const pointerUpListener = (event: Event) =>\n      event instanceof PointerEvent && handlePointerUp(event);\n\n    const pointerCancelListener = () => handlePointerCancel();\n\n    targetReference.current.addEventListener(\n      \"pointerdown\",\n      pointerDownListener,\n      {\n        capture: eventCapture,\n        signal,\n      },\n    );\n\n    targetReference.current.addEventListener(\n      \"pointermove\",\n      pointerMoveListener,\n      {\n        capture: eventCapture,\n        signal,\n      },\n    );\n\n    targetReference.current.addEventListener(\"pointerup\", pointerUpListener, {\n      capture: eventCapture,\n      signal,\n    });\n\n    targetReference.current.addEventListener(\n      \"pointercancel\",\n      pointerCancelListener,\n      {\n        capture: eventCapture,\n        signal,\n      },\n    );\n\n    return () => {\n      abortControllerReference.current?.abort();\n\n      dragStateReference.current.active = false;\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 useDrag;\n"],"names":["defaultOptions","useDrag","dragCallback","options","eventPointerTypes","eventCapture","eventOnce","eventStopImmediatePropagation","threshold","container","raf","targetReference","useRef","abortControllerReference","frameReference","pendingDataReference","pendingEventReference","dragStateReference","flushFrame","useCallback","data","event","invokeDragAction","handlePointerDown","handlePointerMove","state","deltaX","deltaY","movementX","movementY","duration","handlePointerUp","handlePointerCancel","useEffect","signal","pointerDownListener","pointerMoveListener","pointerUpListener","pointerCancelListener"],"mappings":"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"}

package/dist/use-key/use-key.js

@@ -1,12 +1,12 @@
-import { useRef as w, useCallback as s, useEffect as H } from "react";
-import { KeyEventTypes as T } from "./use-key.types.js";
-import { parseKeySequences as F } from "./parse-key-sequences.js";
-import { resetSequenceState as G, advanceSequenceState as _ } from "./sequence-state.js";
-import { invokeKeyAction as P } from "./invoke-key-action.js";
-import { shouldHandleKeyboardEvent as J } from "./event-guards.js";
+import { useRef as g, useCallback as c, useEffect as U } from "react";
+import { KeyEventTypes as w } from "./use-key.types.js";
+import { parseKeySequences as B } from "./parse-key-sequences.js";
+import { resetSequenceState as F, advanceSequenceState as H } from "./sequence-state.js";
+import { invokeKeyAction as b } from "./invoke-key-action.js";
+import { shouldHandleKeyboardEvent as G } from "./event-guards.js";
 import { SPECIAL_KEYS as u } from "./normalize-key.js";
-const j = {
-  eventType: T.KeyUp,
+const _ = {
+  eventType: w.KeyUp,
   eventRepeat: !1,
   eventCapture: !1,
   eventOnce: !1,
@@ -14,87 +14,85 @@ const j = {
   sequenceThreshold: 1e3,
   combinationThreshold: 200,
   container: { current: null }
-}, ne = (L, f, B = j) => {
+}, te = (x, f, j = _) => {
   const {
     eventType: d,
     eventRepeat: R,
-    eventCapture: A,
+    eventCapture: v,
     eventOnce: m,
     eventStopImmediatePropagation: p,
-    sequenceThreshold: b,
-    combinationThreshold: K,
+    sequenceThreshold: P,
+    combinationThreshold: A,
     container: C
-  } = { ...j, ...B }, S = w(null), l = w(null), y = w({
+  } = { ..._, ...j }, K = g(null), l = g(null), y = g({
     activeKeys: /* @__PURE__ */ new Map()
-  }), c = w([]), h = s(() => {
-    l.current && l.current.abort();
-  }, []), D = s(() => {
+  }), a = g([]), L = c(() => {
     y.current.activeKeys.clear();
-  }, []), i = s((e) => {
-    c.current = G(
+  }, []), i = c((e) => {
+    a.current = F(
       e,
-      c.current
+      a.current
     );
-  }, []), I = s(
-    (e) => J(e, {
+  }, []), D = c(
+    (e) => G(e, {
       repeat: R
     }),
     [R]
-  ), O = s((e) => {
+  ), I = c((e) => {
     const t = e.key === " " ? u.SPACE : e.key;
     y.current.activeKeys.set(t, {
       pressedAt: Date.now()
     });
-  }, []), z = s((e) => {
-    const t = e.key === " " ? u.SPACE : e.key, n = y.current.activeKeys.get(t);
-    n && (n.releasedAt = Date.now());
-  }, []), k = s(() => {
+  }, []), O = c((e) => {
+    const t = e.key === " " ? u.SPACE : e.key, r = y.current.activeKeys.get(t);
+    r && (r.releasedAt = Date.now());
+  }, []), z = c(() => {
     const e = Date.now(), t = y.current;
-    [...t.activeKeys.entries()].forEach(([n, r]) => {
-      d === T.KeyDown ? r.releasedAt && t.activeKeys.delete(n) : r.releasedAt && e - r.releasedAt > K && t.activeKeys.delete(n);
+    [...t.activeKeys.entries()].forEach(([r, s]) => {
+      d === w.KeyDown ? s.releasedAt && t.activeKeys.delete(r) : s.releasedAt && e - s.releasedAt > A && t.activeKeys.delete(r);
     });
-  }, [d, K]), E = s(
+  }, [d, A]), S = c(
     (e, t) => {
-      if (d === T.KeyDown)
-        return t.size === e.length && e.every((n) => n === u.ANY ? t.size > 0 : t.has(n));
-      if (d === T.KeyUp) {
-        const n = e.map((o) => {
+      if (d === w.KeyDown)
+        return t.size === e.length && e.every((r) => r === u.ANY ? t.size > 0 : t.has(r));
+      if (d === w.KeyUp) {
+        const r = e.map((o) => {
           if (o === u.ANY) {
-            const U = [...t.entries()].at(-1);
-            return U ? U[1] : void 0;
+            const N = [...t.entries()].at(-1);
+            return N ? N[1] : void 0;
           }
           return t.get(o);
         });
-        if (n.some((o) => !o?.releasedAt))
+        if (r.some((o) => !o?.releasedAt))
           return !1;
-        const r = n.map((o) => o?.pressedAt).filter((o) => o !== void 0), a = n.map((o) => o?.releasedAt).filter((o) => o !== void 0), g = Math.min(...a), x = Math.max(...a);
-        return !(Math.max(...r) > g || x - g > K);
+        const s = r.map((o) => o?.pressedAt).filter((o) => o !== void 0), n = r.map((o) => o?.releasedAt).filter((o) => o !== void 0), E = Math.min(...n), T = Math.max(...n);
+        return !(Math.max(...s) > E || T - E > A);
       }
       return !1;
     },
-    [d, K]
-  ), q = s(
+    [d, A]
+  ), k = c(
     (e, t) => {
-      const n = t.chord[0];
-      if (Array.isArray(n)) {
-        const { activeKeys: a } = y.current;
-        if (!E(n, a))
+      const r = t.chord[0];
+      if (Array.isArray(r)) {
+        const { activeKeys: n } = y.current;
+        if (!S(r, n))
           return;
-        P(e, t.key, f, {
+        b(e, t.key, f, {
           stopImmediate: p,
           once: m,
           onOnce: () => {
-            h();
+            l.current?.abort();
           }
         });
         return;
       }
-      const r = e.key === " " ? u.SPACE : e.key;
-      n !== u.ANY && n !== r || P(e, t.key, f, {
+      const s = e.key === " " ? u.SPACE : e.key;
+      r !== u.ANY && r !== s || b(e, t.key, f, {
         stopImmediate: p,
         once: m,
         onOnce: () => {
-          h();
+          l.current?.abort();
         }
       });
     },
@@ -102,105 +100,99 @@ const j = {
       p,
       m,
       f,
-      E,
-      h
+      S
     ]
-  ), Y = s(
+  ), q = c(
     (e, t) => {
-      const n = t.chord[t.index];
-      if (Array.isArray(n)) {
-        const { activeKeys: x } = y.current;
-        if (!E(n, x))
+      const r = t.chord[t.index];
+      if (Array.isArray(r)) {
+        const { activeKeys: T } = y.current;
+        if (!S(r, T))
           return;
-        const [v, o] = _(
+        const [h, o] = H(
           t,
-          c.current,
-          b,
+          a.current,
+          P,
           i
         );
-        c.current = o, v.index === v.chord.length && (P(e, v.key, f, {
+        a.current = o, h.index === h.chord.length && (b(e, h.key, f, {
           stopImmediate: p,
           once: m,
           onOnce: () => {
-            h();
+            l.current?.abort();
           }
-        }), i(v));
+        }), i(h));
         return;
       }
-      const r = e.key === " " ? u.SPACE : e.key;
-      if (n !== u.ANY && n !== r) {
+      const s = e.key === " " ? u.SPACE : e.key;
+      if (r !== u.ANY && r !== s) {
         i(t);
         return;
       }
-      const [a, g] = _(
+      const [n, E] = H(
         t,
-        c.current,
-        b,
+        a.current,
+        P,
         i
       );
-      c.current = g, a.index === a.chord.length && (P(e, a.key, f, {
+      a.current = E, n.index === n.chord.length && (b(e, n.key, f, {
         stopImmediate: p,
         once: m,
         onOnce: () => {
-          h();
+          l.current?.abort();
         }
-      }), i(a));
+      }), i(n));
     },
     [
       m,
       p,
-      b,
+      P,
       f,
       i,
-      E,
-      h
+      S
     ]
-  ), M = s(
+  ), Y = c(
     (e) => {
-      c.current.forEach((t) => {
-        t.chord.length === 1 ? q(e, t) : Y(e, t);
+      a.current.forEach((t) => {
+        t.chord.length === 1 ? k(e, t) : q(e, t);
       });
     },
-    [q, Y]
-  ), N = s(
+    [k, q]
+  ), M = c(
     (e) => {
-      I(e) && (k(), M(e));
+      D(e) && (z(), Y(e));
     },
-    [I, k, M]
+    [D, z, Y]
   );
-  H(() => {
-    c.current = F(L);
-  }, [L]), H(() => {
-    S.current = C?.current ?? globalThis, l.current = new AbortController();
-    const e = (r) => O(r);
-    S.current.addEventListener("keydown", e, {
-      capture: A,
-      signal: l.current.signal
-    });
-    const t = (r) => z(r);
-    S.current.addEventListener("keyup", t, {
-      capture: A,
-      signal: l.current.signal
-    });
-    const n = (r) => N(r);
-    return S.current.addEventListener(d, n, {
-      capture: A,
-      signal: l.current.signal
+  U(() => {
+    a.current = B(x);
+  }, [x]), U(() => {
+    K.current = C?.current ?? globalThis, l.current = new AbortController();
+    const { signal: e } = l.current, t = (n) => I(n), r = (n) => O(n), s = (n) => M(n);
+    return K.current.addEventListener("keydown", t, {
+      capture: v,
+      signal: e
+    }), K.current.addEventListener("keyup", r, {
+      capture: v,
+      signal: e
+    }), K.current.addEventListener(d, s, {
+      capture: v,
+      signal: e
     }), () => {
-      l.current?.abort(), D(), c.current.forEach((r) => i(r));
+      l.current?.abort(), L(), a.current.forEach((n) => i(n));
     };
   }, [
     d,
-    A,
+    v,
     C,
+    I,
     O,
-    z,
-    N,
-    D,
+    M,
+    L,
     i
   ]);
 };
 export {
-  ne as default
+  te as default
 };
 //# sourceMappingURL=use-key.js.map