@zentauri-ui/zentauri-components 1.9.2 → 2.0.0

package/dist/hooks/useIdleTimeout.mjs

@@ -0,0 +1,75 @@
+"use client";
+import '../chunk-J5LGTIGS.mjs';
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+var DEFAULT_ACTIVITY_EVENTS = [
+  "pointerdown",
+  "pointermove",
+  "keydown",
+  "wheel",
+  "touchstart",
+  "scroll"
+];
+function useIdleTimeout({
+  timeoutMs,
+  events,
+  initiallyIdle = false,
+  onIdle,
+  onActive
+}) {
+  const [isIdle, setIsIdle] = useState(initiallyIdle);
+  const onIdleRef = useRef(onIdle);
+  const onActiveRef = useRef(onActive);
+  const restartRef = useRef(() => {
+  });
+  const firstRunRef = useRef(true);
+  useEffect(() => {
+    onIdleRef.current = onIdle;
+    onActiveRef.current = onActive;
+  }, [onActive, onIdle]);
+  useEffect(() => {
+    if (firstRunRef.current) {
+      firstRunRef.current = false;
+      return;
+    }
+    if (isIdle) {
+      onIdleRef.current?.();
+    } else {
+      onActiveRef.current?.();
+    }
+  }, [isIdle]);
+  const eventsKey = (events ?? DEFAULT_ACTIVITY_EVENTS).join(" ");
+  useEffect(() => {
+    const eventNames = eventsKey.split(" ").filter(Boolean);
+    let timeoutId;
+    const startTimer = () => {
+      window.clearTimeout(timeoutId);
+      timeoutId = window.setTimeout(() => {
+        setIsIdle(true);
+      }, timeoutMs);
+    };
+    const onActivity = () => {
+      setIsIdle(false);
+      startTimer();
+    };
+    restartRef.current = onActivity;
+    startTimer();
+    for (const name of eventNames) {
+      window.addEventListener(name, onActivity, { passive: true });
+    }
+    return () => {
+      window.clearTimeout(timeoutId);
+      for (const name of eventNames) {
+        window.removeEventListener(name, onActivity);
+      }
+    };
+  }, [eventsKey, timeoutMs]);
+  const reset = useCallback(() => {
+    restartRef.current();
+  }, []);
+  return { isIdle, reset };
+}
+
+export { useIdleTimeout };
+//# sourceMappingURL=useIdleTimeout.mjs.map
+//# sourceMappingURL=useIdleTimeout.mjs.map

package/dist/hooks/useIdleTimeout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useIdleTimeout/useIdleTimeout.ts"],"names":[],"mappings":";;;AAIA,IAAM,uBAAA,GAA0B;AAAA,EAC9B,aAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA;AAiCO,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA;AAAA,EACA;AACF,CAAA,EAA+C;AAC7C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,aAAa,CAAA;AAClD,EAAA,MAAM,SAAA,GAAY,OAAO,MAAM,CAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,MAAM,UAAA,GAAa,OAAmB,MAAM;AAAA,EAAC,CAAC,CAAA;AAC9C,EAAA,MAAM,WAAA,GAAc,OAAO,IAAI,CAAA;AAE/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,IAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAAA,EACxB,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AAErB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAY,OAAA,EAAS;AACvB,MAAA,WAAA,CAAY,OAAA,GAAU,KAAA;AACtB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,SAAA,CAAU,OAAA,IAAU;AAAA,IACtB,CAAA,MAAO;AACL,MAAA,WAAA,CAAY,OAAA,IAAU;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,SAAA,GAAA,CAAa,MAAA,IAAU,uBAAA,EAAyB,IAAA,CAAK,GAAG,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,aAAa,SAAA,CAAU,KAAA,CAAM,GAAG,CAAA,CAAE,OAAO,OAAO,CAAA;AACtD,IAAA,IAAI,SAAA;AAEJ,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAA,CAAO,aAAa,SAAS,CAAA;AAC7B,MAAA,SAAA,GAAY,MAAA,CAAO,WAAW,MAAM;AAClC,QAAA,SAAA,CAAU,IAAI,CAAA;AAAA,MAChB,GAAG,SAAS,CAAA;AAAA,IACd,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,SAAA,CAAU,KAAK,CAAA;AACf,MAAA,UAAA,EAAW;AAAA,IACb,CAAA;AAEA,IAAA,UAAA,CAAW,OAAA,GAAU,UAAA;AACrB,IAAA,UAAA,EAAW;AACX,IAAA,KAAA,MAAW,QAAQ,UAAA,EAAY;AAC7B,MAAA,MAAA,CAAO,iBAAiB,IAAA,EAAM,UAAA,EAAY,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,IAC7D;AACA,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,aAAa,SAAS,CAAA;AAC7B,MAAA,KAAA,MAAW,QAAQ,UAAA,EAAY;AAC7B,QAAA,MAAA,CAAO,mBAAA,CAAoB,MAAM,UAAU,CAAA;AAAA,MAC7C;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAEzB,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,UAAA,CAAW,OAAA,EAAQ;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,QAAQ,KAAA,EAAM;AACzB","file":"useIdleTimeout.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nconst DEFAULT_ACTIVITY_EVENTS = [\n  \"pointerdown\",\n  \"pointermove\",\n  \"keydown\",\n  \"wheel\",\n  \"touchstart\",\n  \"scroll\",\n] as const;\n\nexport type UseIdleTimeoutParams = {\n  /** Inactivity duration in milliseconds before the user counts as idle. */\n  timeoutMs: number;\n  /** Window events treated as activity (default: pointer, key, wheel, touch, scroll). */\n  events?: readonly string[];\n  /** Start in the idle state (default `false`). */\n  initiallyIdle?: boolean;\n  /** Called when the user becomes idle. */\n  onIdle?: () => void;\n  /** Called when activity resumes after being idle. */\n  onActive?: () => void;\n};\n\nexport type UseIdleTimeoutResult = {\n  /** Whether the user is currently idle. */\n  isIdle: boolean;\n  /** Mark the user active and restart the inactivity timer (e.g. after programmatic activity). */\n  reset: () => void;\n};\n\n/**\n * Detects user inactivity: `isIdle` flips to `true` after `timeoutMs` without any of the\n * activity events on `window`, and back to `false` on the next activity.\n *\n * - `onIdle` / `onActive` fire on transitions only (not on mount), and are read from refs\n *   so inline callbacks stay fresh.\n * - Useful for session expiry warnings, pausing media or polling, and presence indicators.\n *\n * @param params - {@link UseIdleTimeoutParams}\n * @returns {@link UseIdleTimeoutResult}\n */\nexport function useIdleTimeout({\n  timeoutMs,\n  events,\n  initiallyIdle = false,\n  onIdle,\n  onActive,\n}: UseIdleTimeoutParams): UseIdleTimeoutResult {\n  const [isIdle, setIsIdle] = useState(initiallyIdle);\n  const onIdleRef = useRef(onIdle);\n  const onActiveRef = useRef(onActive);\n  const restartRef = useRef<() => void>(() => {});\n  const firstRunRef = useRef(true);\n\n  useEffect(() => {\n    onIdleRef.current = onIdle;\n    onActiveRef.current = onActive;\n  }, [onActive, onIdle]);\n\n  useEffect(() => {\n    if (firstRunRef.current) {\n      firstRunRef.current = false;\n      return;\n    }\n    if (isIdle) {\n      onIdleRef.current?.();\n    } else {\n      onActiveRef.current?.();\n    }\n  }, [isIdle]);\n\n  const eventsKey = (events ?? DEFAULT_ACTIVITY_EVENTS).join(\" \");\n\n  useEffect(() => {\n    const eventNames = eventsKey.split(\" \").filter(Boolean);\n    let timeoutId: number | undefined;\n\n    const startTimer = () => {\n      window.clearTimeout(timeoutId);\n      timeoutId = window.setTimeout(() => {\n        setIsIdle(true);\n      }, timeoutMs);\n    };\n\n    const onActivity = () => {\n      setIsIdle(false);\n      startTimer();\n    };\n\n    restartRef.current = onActivity;\n    startTimer();\n    for (const name of eventNames) {\n      window.addEventListener(name, onActivity, { passive: true });\n    }\n    return () => {\n      window.clearTimeout(timeoutId);\n      for (const name of eventNames) {\n        window.removeEventListener(name, onActivity);\n      }\n    };\n  }, [eventsKey, timeoutMs]);\n\n  const reset = useCallback(() => {\n    restartRef.current();\n  }, []);\n\n  return { isIdle, reset };\n}\n"]}

package/dist/hooks/useInterval/index.d.ts

@@ -0,0 +1,2 @@
+export { useInterval } from "./useInterval";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useInterval/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInterval/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/useInterval/useInterval.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Declarative `setInterval`: runs `callback` every `delayMs` milliseconds with automatic cleanup.
+ *
+ * - The latest callback is kept in a ref, so a new inline function each render does not restart the timer.
+ * - Pass `null` as the delay to pause the interval; pass a number again to resume.
+ * - Changing `delayMs` clears the previous interval and starts a fresh one.
+ *
+ * @param callback - Function invoked on every tick.
+ * @param delayMs - Interval in milliseconds, or `null` to pause.
+ */
+export declare function useInterval(callback: () => void, delayMs: number | null): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/hooks/useInterval/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInterval/useInterval.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,IAAI,CAkBN"}

package/dist/hooks/useInterval.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+
+function useInterval(callback, delayMs) {
+  const callbackRef = react.useRef(callback);
+  react.useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  react.useEffect(() => {
+    if (delayMs == null) {
+      return;
+    }
+    const id = window.setInterval(() => {
+      callbackRef.current();
+    }, delayMs);
+    return () => {
+      window.clearInterval(id);
+    };
+  }, [delayMs]);
+}
+
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map
+//# sourceMappingURL=useInterval.js.map

package/dist/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useInterval/useInterval.ts"],"names":["useRef","useEffect"],"mappings":";;;;;AAcO,SAAS,WAAA,CACd,UACA,OAAA,EACM;AACN,EAAA,MAAM,WAAA,GAAcA,aAAO,QAAQ,CAAA;AAEnC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAAA,EACxB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,IAAA,EAAM;AACnB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,WAAA,CAAY,MAAM;AAClC,MAAA,WAAA,CAAY,OAAA,EAAQ;AAAA,IACtB,GAAG,OAAO,CAAA;AACV,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,cAAc,EAAE,CAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"useInterval.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Declarative `setInterval`: runs `callback` every `delayMs` milliseconds with automatic cleanup.\n *\n * - The latest callback is kept in a ref, so a new inline function each render does not restart the timer.\n * - Pass `null` as the delay to pause the interval; pass a number again to resume.\n * - Changing `delayMs` clears the previous interval and starts a fresh one.\n *\n * @param callback - Function invoked on every tick.\n * @param delayMs - Interval in milliseconds, or `null` to pause.\n */\nexport function useInterval(\n  callback: () => void,\n  delayMs: number | null,\n): void {\n  const callbackRef = useRef(callback);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (delayMs == null) {\n      return;\n    }\n    const id = window.setInterval(() => {\n      callbackRef.current();\n    }, delayMs);\n    return () => {\n      window.clearInterval(id);\n    };\n  }, [delayMs]);\n}\n"]}

package/dist/hooks/useInterval.mjs

@@ -0,0 +1,25 @@
+"use client";
+import '../chunk-J5LGTIGS.mjs';
+import { useRef, useEffect } from 'react';
+
+function useInterval(callback, delayMs) {
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    if (delayMs == null) {
+      return;
+    }
+    const id = window.setInterval(() => {
+      callbackRef.current();
+    }, delayMs);
+    return () => {
+      window.clearInterval(id);
+    };
+  }, [delayMs]);
+}
+
+export { useInterval };
+//# sourceMappingURL=useInterval.mjs.map
+//# sourceMappingURL=useInterval.mjs.map

package/dist/hooks/useInterval.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useInterval/useInterval.ts"],"names":[],"mappings":";;;AAcO,SAAS,WAAA,CACd,UACA,OAAA,EACM;AACN,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAAA,EACxB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,IAAA,EAAM;AACnB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,WAAA,CAAY,MAAM;AAClC,MAAA,WAAA,CAAY,OAAA,EAAQ;AAAA,IACtB,GAAG,OAAO,CAAA;AACV,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,cAAc,EAAE,CAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"useInterval.mjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Declarative `setInterval`: runs `callback` every `delayMs` milliseconds with automatic cleanup.\n *\n * - The latest callback is kept in a ref, so a new inline function each render does not restart the timer.\n * - Pass `null` as the delay to pause the interval; pass a number again to resume.\n * - Changing `delayMs` clears the previous interval and starts a fresh one.\n *\n * @param callback - Function invoked on every tick.\n * @param delayMs - Interval in milliseconds, or `null` to pause.\n */\nexport function useInterval(\n  callback: () => void,\n  delayMs: number | null,\n): void {\n  const callbackRef = useRef(callback);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (delayMs == null) {\n      return;\n    }\n    const id = window.setInterval(() => {\n      callbackRef.current();\n    }, delayMs);\n    return () => {\n      window.clearInterval(id);\n    };\n  }, [delayMs]);\n}\n"]}

package/dist/hooks/useKeyPress/index.d.ts

@@ -0,0 +1,2 @@
+export { useKeyPress } from "./useKeyPress";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useKeyPress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useKeyPress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/hooks/useKeyPress/useKeyPress.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Tracks whether a keyboard key (or any of several keys) is currently held down.
+ *
+ * - Matches against `event.key`, case-insensitively (`"k"`, `"Escape"`, `"ArrowUp"`, …).
+ * - Listens on `window` for `keydown` / `keyup`, and clears on window `blur` so the
+ *   state cannot get stuck when focus leaves the page mid-press.
+ * - When an array of keys is watched, `pressed` remains `true` as long as ANY of the
+ *   target keys are still held — releasing one watched key while another is held does
+ *   not reset the state.
+ *
+ * @param targetKey - A key name or array of key names to watch.
+ * @returns `true` while one of the target keys is pressed.
+ */
+export declare function useKeyPress(targetKey: string | string[]): boolean;
+//# sourceMappingURL=useKeyPress.d.ts.map

package/dist/hooks/useKeyPress/useKeyPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyPress.d.ts","sourceRoot":"","sources":["../../../src/hooks/useKeyPress/useKeyPress.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CA+CjE"}

package/dist/hooks/useKeyPress.js

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+
+function useKeyPress(targetKey) {
+  const [pressed, setPressed] = react.useState(false);
+  const normalizedKey = (Array.isArray(targetKey) ? targetKey : [targetKey]).map((k) => k.toLowerCase()).sort().join("\0");
+  react.useEffect(() => {
+    const keys = normalizedKey.split("\0");
+    const pressedKeys = /* @__PURE__ */ new Set();
+    const onKeyDown = (event) => {
+      const key = event.key.toLowerCase();
+      if (keys.includes(key)) {
+        pressedKeys.add(key);
+        setPressed(true);
+      }
+    };
+    const onKeyUp = (event) => {
+      const key = event.key.toLowerCase();
+      if (keys.includes(key)) {
+        pressedKeys.delete(key);
+        setPressed(pressedKeys.size > 0);
+      }
+    };
+    const onBlur = () => {
+      pressedKeys.clear();
+      setPressed(false);
+    };
+    window.addEventListener("keydown", onKeyDown);
+    window.addEventListener("keyup", onKeyUp);
+    window.addEventListener("blur", onBlur);
+    return () => {
+      pressedKeys.clear();
+      setPressed(false);
+      window.removeEventListener("keydown", onKeyDown);
+      window.removeEventListener("keyup", onKeyUp);
+      window.removeEventListener("blur", onBlur);
+    };
+  }, [normalizedKey]);
+  return pressed;
+}
+
+exports.useKeyPress = useKeyPress;
+//# sourceMappingURL=useKeyPress.js.map
+//# sourceMappingURL=useKeyPress.js.map

package/dist/hooks/useKeyPress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useKeyPress/useKeyPress.ts"],"names":["useState","useEffect"],"mappings":";;;;;AAiBO,SAAS,YAAY,SAAA,EAAuC;AACjE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAI5C,EAAA,MAAM,iBAAiB,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GAAI,SAAA,GAAY,CAAC,SAAS,CAAA,EACrE,IAAI,CAAC,CAAA,KAAM,EAAE,WAAA,EAAa,EAC1B,IAAA,EAAK,CACL,KAAK,IAAM,CAAA;AAEd,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,KAAA,CAAM,IAAM,CAAA;AAGvC,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AAEpC,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,MAAA,MAAM,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAClC,MAAA,IAAI,IAAA,CAAK,QAAA,CAAS,GAAG,CAAA,EAAG;AACtB,QAAA,WAAA,CAAY,IAAI,GAAG,CAAA;AACnB,QAAA,UAAA,CAAW,IAAI,CAAA;AAAA,MACjB;AAAA,IACF,CAAA;AACA,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAyB;AACxC,MAAA,MAAM,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAClC,MAAA,IAAI,IAAA,CAAK,QAAA,CAAS,GAAG,CAAA,EAAG;AACtB,QAAA,WAAA,CAAY,OAAO,GAAG,CAAA;AACtB,QAAA,UAAA,CAAW,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AACA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,WAAA,CAAY,KAAA,EAAM;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC5C,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,OAAO,CAAA;AACxC,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAQ,MAAM,CAAA;AACtC,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAA,EAAM;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAC/C,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAC3C,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAQ,MAAM,CAAA;AAAA,IAC3C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO,OAAA;AACT","file":"useKeyPress.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\n/**\n * Tracks whether a keyboard key (or any of several keys) is currently held down.\n *\n * - Matches against `event.key`, case-insensitively (`\"k\"`, `\"Escape\"`, `\"ArrowUp\"`, …).\n * - Listens on `window` for `keydown` / `keyup`, and clears on window `blur` so the\n *   state cannot get stuck when focus leaves the page mid-press.\n * - When an array of keys is watched, `pressed` remains `true` as long as ANY of the\n *   target keys are still held — releasing one watched key while another is held does\n *   not reset the state.\n *\n * @param targetKey - A key name or array of key names to watch.\n * @returns `true` while one of the target keys is pressed.\n */\nexport function useKeyPress(targetKey: string | string[]): boolean {\n  const [pressed, setPressed] = useState(false);\n\n  // Build a stable string key from the sorted target array.\n  // Use \\x00 as separator (not \"|\") so the literal \"|\" key is handled correctly.\n  const normalizedKey = (Array.isArray(targetKey) ? targetKey : [targetKey])\n    .map((k) => k.toLowerCase())\n    .sort()\n    .join(\"\\x00\");\n\n  useEffect(() => {\n    const keys = normalizedKey.split(\"\\x00\");\n    // Local Set tracks which target keys are currently pressed so that releasing\n    // one key while another is still held does not incorrectly clear `pressed`.\n    const pressedKeys = new Set<string>();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      const key = event.key.toLowerCase();\n      if (keys.includes(key)) {\n        pressedKeys.add(key);\n        setPressed(true);\n      }\n    };\n    const onKeyUp = (event: KeyboardEvent) => {\n      const key = event.key.toLowerCase();\n      if (keys.includes(key)) {\n        pressedKeys.delete(key);\n        setPressed(pressedKeys.size > 0);\n      }\n    };\n    const onBlur = () => {\n      pressedKeys.clear();\n      setPressed(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    window.addEventListener(\"keyup\", onKeyUp);\n    window.addEventListener(\"blur\", onBlur);\n    return () => {\n      pressedKeys.clear();\n      setPressed(false);\n      window.removeEventListener(\"keydown\", onKeyDown);\n      window.removeEventListener(\"keyup\", onKeyUp);\n      window.removeEventListener(\"blur\", onBlur);\n    };\n  }, [normalizedKey]);\n\n  return pressed;\n}\n"]}

package/dist/hooks/useKeyPress.mjs

@@ -0,0 +1,45 @@
+"use client";
+import '../chunk-J5LGTIGS.mjs';
+import { useState, useEffect } from 'react';
+
+function useKeyPress(targetKey) {
+  const [pressed, setPressed] = useState(false);
+  const normalizedKey = (Array.isArray(targetKey) ? targetKey : [targetKey]).map((k) => k.toLowerCase()).sort().join("\0");
+  useEffect(() => {
+    const keys = normalizedKey.split("\0");
+    const pressedKeys = /* @__PURE__ */ new Set();
+    const onKeyDown = (event) => {
+      const key = event.key.toLowerCase();
+      if (keys.includes(key)) {
+        pressedKeys.add(key);
+        setPressed(true);
+      }
+    };
+    const onKeyUp = (event) => {
+      const key = event.key.toLowerCase();
+      if (keys.includes(key)) {
+        pressedKeys.delete(key);
+        setPressed(pressedKeys.size > 0);
+      }
+    };
+    const onBlur = () => {
+      pressedKeys.clear();
+      setPressed(false);
+    };
+    window.addEventListener("keydown", onKeyDown);
+    window.addEventListener("keyup", onKeyUp);
+    window.addEventListener("blur", onBlur);
+    return () => {
+      pressedKeys.clear();
+      setPressed(false);
+      window.removeEventListener("keydown", onKeyDown);
+      window.removeEventListener("keyup", onKeyUp);
+      window.removeEventListener("blur", onBlur);
+    };
+  }, [normalizedKey]);
+  return pressed;
+}
+
+export { useKeyPress };
+//# sourceMappingURL=useKeyPress.mjs.map
+//# sourceMappingURL=useKeyPress.mjs.map

package/dist/hooks/useKeyPress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useKeyPress/useKeyPress.ts"],"names":[],"mappings":";;;AAiBO,SAAS,YAAY,SAAA,EAAuC;AACjE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAI5C,EAAA,MAAM,iBAAiB,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GAAI,SAAA,GAAY,CAAC,SAAS,CAAA,EACrE,IAAI,CAAC,CAAA,KAAM,EAAE,WAAA,EAAa,EAC1B,IAAA,EAAK,CACL,KAAK,IAAM,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,aAAA,CAAc,KAAA,CAAM,IAAM,CAAA;AAGvC,IAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AAEpC,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,MAAA,MAAM,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAClC,MAAA,IAAI,IAAA,CAAK,QAAA,CAAS,GAAG,CAAA,EAAG;AACtB,QAAA,WAAA,CAAY,IAAI,GAAG,CAAA;AACnB,QAAA,UAAA,CAAW,IAAI,CAAA;AAAA,MACjB;AAAA,IACF,CAAA;AACA,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAyB;AACxC,MAAA,MAAM,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY;AAClC,MAAA,IAAI,IAAA,CAAK,QAAA,CAAS,GAAG,CAAA,EAAG;AACtB,QAAA,WAAA,CAAY,OAAO,GAAG,CAAA;AACtB,QAAA,UAAA,CAAW,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AACA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,WAAA,CAAY,KAAA,EAAM;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC5C,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,OAAO,CAAA;AACxC,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAQ,MAAM,CAAA;AACtC,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAA,EAAM;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAC/C,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAC3C,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAQ,MAAM,CAAA;AAAA,IAC3C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO,OAAA;AACT","file":"useKeyPress.mjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\n/**\n * Tracks whether a keyboard key (or any of several keys) is currently held down.\n *\n * - Matches against `event.key`, case-insensitively (`\"k\"`, `\"Escape\"`, `\"ArrowUp\"`, …).\n * - Listens on `window` for `keydown` / `keyup`, and clears on window `blur` so the\n *   state cannot get stuck when focus leaves the page mid-press.\n * - When an array of keys is watched, `pressed` remains `true` as long as ANY of the\n *   target keys are still held — releasing one watched key while another is held does\n *   not reset the state.\n *\n * @param targetKey - A key name or array of key names to watch.\n * @returns `true` while one of the target keys is pressed.\n */\nexport function useKeyPress(targetKey: string | string[]): boolean {\n  const [pressed, setPressed] = useState(false);\n\n  // Build a stable string key from the sorted target array.\n  // Use \\x00 as separator (not \"|\") so the literal \"|\" key is handled correctly.\n  const normalizedKey = (Array.isArray(targetKey) ? targetKey : [targetKey])\n    .map((k) => k.toLowerCase())\n    .sort()\n    .join(\"\\x00\");\n\n  useEffect(() => {\n    const keys = normalizedKey.split(\"\\x00\");\n    // Local Set tracks which target keys are currently pressed so that releasing\n    // one key while another is still held does not incorrectly clear `pressed`.\n    const pressedKeys = new Set<string>();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      const key = event.key.toLowerCase();\n      if (keys.includes(key)) {\n        pressedKeys.add(key);\n        setPressed(true);\n      }\n    };\n    const onKeyUp = (event: KeyboardEvent) => {\n      const key = event.key.toLowerCase();\n      if (keys.includes(key)) {\n        pressedKeys.delete(key);\n        setPressed(pressedKeys.size > 0);\n      }\n    };\n    const onBlur = () => {\n      pressedKeys.clear();\n      setPressed(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    window.addEventListener(\"keyup\", onKeyUp);\n    window.addEventListener(\"blur\", onBlur);\n    return () => {\n      pressedKeys.clear();\n      setPressed(false);\n      window.removeEventListener(\"keydown\", onKeyDown);\n      window.removeEventListener(\"keyup\", onKeyUp);\n      window.removeEventListener(\"blur\", onBlur);\n    };\n  }, [normalizedKey]);\n\n  return pressed;\n}\n"]}

package/dist/hooks/useLongPress/index.d.ts

@@ -0,0 +1,2 @@
+export { useLongPress, type UseLongPressHandlers, type UseLongPressOptions, } from "./useLongPress";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useLongPress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongPress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useLongPress/useLongPress.d.ts

@@ -0,0 +1,46 @@
+import type { MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent } from "react";
+export type UseLongPressOptions = {
+    /** Hold duration in milliseconds before the press counts as "long" (default `500`). */
+    thresholdMs?: number;
+    /** Pointer travel in pixels that cancels the press (default `10`). */
+    moveTolerancePx?: number;
+    /** Called when the pointer goes down (press attempt starts). */
+    onStart?: (event: ReactPointerEvent) => void;
+    /** Called on release after a long press fired. */
+    onFinish?: (event: ReactPointerEvent) => void;
+    /** Called when the press is released or cancelled before the threshold. */
+    onCancel?: (event: ReactPointerEvent) => void;
+};
+export type UseLongPressHandlers = {
+    onPointerDown: (event: ReactPointerEvent) => void;
+    onPointerMove: (event: ReactPointerEvent) => void;
+    onPointerUp: (event: ReactPointerEvent) => void;
+    onPointerLeave: (event: ReactPointerEvent) => void;
+    /** Handles browser-level pointer cancellation (e.g. system interruption, scroll takeover). */
+    onPointerCancel: (event: ReactPointerEvent) => void;
+    /**
+     * Suppresses the synthetic `click` event that fires after a successful long press.
+     * Spread alongside the other handlers to prevent unintended navigation or button actions.
+     */
+    onClick: (event: ReactMouseEvent) => void;
+};
+/**
+ * Long-press gesture detection built on pointer events, so it works for mouse, touch, and pen.
+ *
+ * Spread the returned handlers onto the target element. After the pointer is held
+ * `thresholdMs` without travelling more than `moveTolerancePx`, `callback` fires once;
+ * releasing afterwards calls `onFinish`, while early release / movement / leaving the
+ * element calls `onCancel`.
+ *
+ * Only the primary button (button 0 / left click / first touch contact) starts a long press;
+ * right and middle mouse buttons are ignored.
+ *
+ * Pair with `touch-action` / `select-none` CSS on touch targets to suppress native
+ * scrolling or text selection during the hold where needed.
+ *
+ * @param callback - Invoked once when the press crosses the threshold.
+ * @param options - {@link UseLongPressOptions}
+ * @returns Spreadable pointer handlers ({@link UseLongPressHandlers}).
+ */
+export declare function useLongPress(callback: (event: ReactPointerEvent) => void, options?: UseLongPressOptions): UseLongPressHandlers;
+//# sourceMappingURL=useLongPress.d.ts.map

package/dist/hooks/useLongPress/useLongPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongPress/useLongPress.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,IAAI,eAAe,EAC7B,YAAY,IAAI,iBAAiB,EAClC,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,mBAAmB,GAAG;IAChC,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,8FAA8F;IAC9F,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,EAC5C,OAAO,GAAE,mBAAwB,GAChC,oBAAoB,CAwHtB"}

package/dist/hooks/useLongPress.js

@@ -0,0 +1,116 @@
+"use client";
+'use strict';
+
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+
+function useLongPress(callback, options = {}) {
+  const {
+    thresholdMs = 500,
+    moveTolerancePx = 10,
+    onStart,
+    onFinish,
+    onCancel
+  } = options;
+  const callbackRef = react.useRef(callback);
+  const onStartRef = react.useRef(onStart);
+  const onFinishRef = react.useRef(onFinish);
+  const onCancelRef = react.useRef(onCancel);
+  react.useEffect(() => {
+    callbackRef.current = callback;
+    onStartRef.current = onStart;
+    onFinishRef.current = onFinish;
+    onCancelRef.current = onCancel;
+  }, [callback, onCancel, onFinish, onStart]);
+  const timeoutRef = react.useRef(void 0);
+  const triggeredRef = react.useRef(false);
+  const pressingRef = react.useRef(false);
+  const originRef = react.useRef({ x: 0, y: 0 });
+  const stopTimer = react.useCallback(() => {
+    if (timeoutRef.current !== void 0) {
+      window.clearTimeout(timeoutRef.current);
+      timeoutRef.current = void 0;
+    }
+  }, []);
+  react.useEffect(() => stopTimer, [stopTimer]);
+  const cancel = react.useCallback(
+    (event) => {
+      if (!pressingRef.current) {
+        return;
+      }
+      pressingRef.current = false;
+      stopTimer();
+      if (!triggeredRef.current) {
+        onCancelRef.current?.(event);
+      }
+    },
+    [stopTimer]
+  );
+  const onPointerDown = react.useCallback(
+    (event) => {
+      if (event.button > 0) {
+        return;
+      }
+      pressingRef.current = true;
+      triggeredRef.current = false;
+      originRef.current = { x: event.clientX, y: event.clientY };
+      onStartRef.current?.(event);
+      stopTimer();
+      timeoutRef.current = window.setTimeout(() => {
+        timeoutRef.current = void 0;
+        if (pressingRef.current) {
+          triggeredRef.current = true;
+          callbackRef.current(event);
+        }
+      }, thresholdMs);
+    },
+    [stopTimer, thresholdMs]
+  );
+  const onPointerMove = react.useCallback(
+    (event) => {
+      if (!pressingRef.current || triggeredRef.current) {
+        return;
+      }
+      const dx = event.clientX - originRef.current.x;
+      const dy = event.clientY - originRef.current.y;
+      if (Math.hypot(dx, dy) > moveTolerancePx) {
+        cancel(event);
+      }
+    },
+    [cancel, moveTolerancePx]
+  );
+  const onPointerUp = react.useCallback(
+    (event) => {
+      if (!pressingRef.current) {
+        return;
+      }
+      const triggered = triggeredRef.current;
+      pressingRef.current = false;
+      stopTimer();
+      if (triggered) {
+        onFinishRef.current?.(event);
+      } else {
+        onCancelRef.current?.(event);
+      }
+    },
+    [stopTimer]
+  );
+  const onClick = react.useCallback((event) => {
+    if (triggeredRef.current) {
+      event.preventDefault();
+      triggeredRef.current = false;
+    }
+  }, []);
+  return {
+    onPointerDown,
+    onPointerMove,
+    onPointerUp,
+    onPointerLeave: cancel,
+    onPointerCancel: cancel,
+    onClick
+  };
+}
+
+exports.useLongPress = useLongPress;
+//# sourceMappingURL=useLongPress.js.map
+//# sourceMappingURL=useLongPress.js.map

package/dist/hooks/useLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLongPress/useLongPress.ts"],"names":["useRef","useEffect","useCallback"],"mappings":"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","file":"useLongPress.js","sourcesContent":["\"use client\";\n\nimport type {\n  MouseEvent as ReactMouseEvent,\n  PointerEvent as ReactPointerEvent,\n} from \"react\";\nimport { useCallback, useEffect, useRef } from \"react\";\n\nexport type UseLongPressOptions = {\n  /** Hold duration in milliseconds before the press counts as \"long\" (default `500`). */\n  thresholdMs?: number;\n  /** Pointer travel in pixels that cancels the press (default `10`). */\n  moveTolerancePx?: number;\n  /** Called when the pointer goes down (press attempt starts). */\n  onStart?: (event: ReactPointerEvent) => void;\n  /** Called on release after a long press fired. */\n  onFinish?: (event: ReactPointerEvent) => void;\n  /** Called when the press is released or cancelled before the threshold. */\n  onCancel?: (event: ReactPointerEvent) => void;\n};\n\nexport type UseLongPressHandlers = {\n  onPointerDown: (event: ReactPointerEvent) => void;\n  onPointerMove: (event: ReactPointerEvent) => void;\n  onPointerUp: (event: ReactPointerEvent) => void;\n  onPointerLeave: (event: ReactPointerEvent) => void;\n  /** Handles browser-level pointer cancellation (e.g. system interruption, scroll takeover). */\n  onPointerCancel: (event: ReactPointerEvent) => void;\n  /**\n   * Suppresses the synthetic `click` event that fires after a successful long press.\n   * Spread alongside the other handlers to prevent unintended navigation or button actions.\n   */\n  onClick: (event: ReactMouseEvent) => void;\n};\n\n/**\n * Long-press gesture detection built on pointer events, so it works for mouse, touch, and pen.\n *\n * Spread the returned handlers onto the target element. After the pointer is held\n * `thresholdMs` without travelling more than `moveTolerancePx`, `callback` fires once;\n * releasing afterwards calls `onFinish`, while early release / movement / leaving the\n * element calls `onCancel`.\n *\n * Only the primary button (button 0 / left click / first touch contact) starts a long press;\n * right and middle mouse buttons are ignored.\n *\n * Pair with `touch-action` / `select-none` CSS on touch targets to suppress native\n * scrolling or text selection during the hold where needed.\n *\n * @param callback - Invoked once when the press crosses the threshold.\n * @param options - {@link UseLongPressOptions}\n * @returns Spreadable pointer handlers ({@link UseLongPressHandlers}).\n */\nexport function useLongPress(\n  callback: (event: ReactPointerEvent) => void,\n  options: UseLongPressOptions = {},\n): UseLongPressHandlers {\n  const {\n    thresholdMs = 500,\n    moveTolerancePx = 10,\n    onStart,\n    onFinish,\n    onCancel,\n  } = options;\n\n  const callbackRef = useRef(callback);\n  const onStartRef = useRef(onStart);\n  const onFinishRef = useRef(onFinish);\n  const onCancelRef = useRef(onCancel);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n    onStartRef.current = onStart;\n    onFinishRef.current = onFinish;\n    onCancelRef.current = onCancel;\n  }, [callback, onCancel, onFinish, onStart]);\n\n  const timeoutRef = useRef<number | undefined>(undefined);\n  const triggeredRef = useRef(false);\n  const pressingRef = useRef(false);\n  const originRef = useRef({ x: 0, y: 0 });\n\n  const stopTimer = useCallback(() => {\n    if (timeoutRef.current !== undefined) {\n      window.clearTimeout(timeoutRef.current);\n      timeoutRef.current = undefined;\n    }\n  }, []);\n\n  useEffect(() => stopTimer, [stopTimer]);\n\n  const cancel = useCallback(\n    (event: ReactPointerEvent) => {\n      if (!pressingRef.current) {\n        return;\n      }\n      pressingRef.current = false;\n      stopTimer();\n      if (!triggeredRef.current) {\n        onCancelRef.current?.(event);\n      }\n    },\n    [stopTimer],\n  );\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent) => {\n      // Only respond to the primary button (left click / first touch contact).\n      // event.button > 0 catches right (2) and middle (1) mouse buttons.\n      if (event.button > 0) {\n        return;\n      }\n      pressingRef.current = true;\n      triggeredRef.current = false;\n      originRef.current = { x: event.clientX, y: event.clientY };\n      onStartRef.current?.(event);\n      stopTimer();\n      timeoutRef.current = window.setTimeout(() => {\n        timeoutRef.current = undefined;\n        if (pressingRef.current) {\n          triggeredRef.current = true;\n          callbackRef.current(event);\n        }\n      }, thresholdMs);\n    },\n    [stopTimer, thresholdMs],\n  );\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent) => {\n      if (!pressingRef.current || triggeredRef.current) {\n        return;\n      }\n      const dx = event.clientX - originRef.current.x;\n      const dy = event.clientY - originRef.current.y;\n      if (Math.hypot(dx, dy) > moveTolerancePx) {\n        cancel(event);\n      }\n    },\n    [cancel, moveTolerancePx],\n  );\n\n  const onPointerUp = useCallback(\n    (event: ReactPointerEvent) => {\n      if (!pressingRef.current) {\n        return;\n      }\n      const triggered = triggeredRef.current;\n      pressingRef.current = false;\n      stopTimer();\n      if (triggered) {\n        onFinishRef.current?.(event);\n      } else {\n        onCancelRef.current?.(event);\n      }\n    },\n    [stopTimer],\n  );\n\n  // After a successful long press the browser fires a synthetic `click` event on pointer up.\n  // This handler suppresses it so navigation and button actions aren't triggered unexpectedly.\n  const onClick = useCallback((event: ReactMouseEvent) => {\n    if (triggeredRef.current) {\n      event.preventDefault();\n      triggeredRef.current = false;\n    }\n  }, []);\n\n  return {\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n    onPointerLeave: cancel,\n    onPointerCancel: cancel,\n    onClick,\n  };\n}\n"]}

package/dist/hooks/useLongPress.mjs

@@ -0,0 +1,114 @@
+"use client";
+import '../chunk-J5LGTIGS.mjs';
+import { useRef, useEffect, useCallback } from 'react';
+
+function useLongPress(callback, options = {}) {
+  const {
+    thresholdMs = 500,
+    moveTolerancePx = 10,
+    onStart,
+    onFinish,
+    onCancel
+  } = options;
+  const callbackRef = useRef(callback);
+  const onStartRef = useRef(onStart);
+  const onFinishRef = useRef(onFinish);
+  const onCancelRef = useRef(onCancel);
+  useEffect(() => {
+    callbackRef.current = callback;
+    onStartRef.current = onStart;
+    onFinishRef.current = onFinish;
+    onCancelRef.current = onCancel;
+  }, [callback, onCancel, onFinish, onStart]);
+  const timeoutRef = useRef(void 0);
+  const triggeredRef = useRef(false);
+  const pressingRef = useRef(false);
+  const originRef = useRef({ x: 0, y: 0 });
+  const stopTimer = useCallback(() => {
+    if (timeoutRef.current !== void 0) {
+      window.clearTimeout(timeoutRef.current);
+      timeoutRef.current = void 0;
+    }
+  }, []);
+  useEffect(() => stopTimer, [stopTimer]);
+  const cancel = useCallback(
+    (event) => {
+      if (!pressingRef.current) {
+        return;
+      }
+      pressingRef.current = false;
+      stopTimer();
+      if (!triggeredRef.current) {
+        onCancelRef.current?.(event);
+      }
+    },
+    [stopTimer]
+  );
+  const onPointerDown = useCallback(
+    (event) => {
+      if (event.button > 0) {
+        return;
+      }
+      pressingRef.current = true;
+      triggeredRef.current = false;
+      originRef.current = { x: event.clientX, y: event.clientY };
+      onStartRef.current?.(event);
+      stopTimer();
+      timeoutRef.current = window.setTimeout(() => {
+        timeoutRef.current = void 0;
+        if (pressingRef.current) {
+          triggeredRef.current = true;
+          callbackRef.current(event);
+        }
+      }, thresholdMs);
+    },
+    [stopTimer, thresholdMs]
+  );
+  const onPointerMove = useCallback(
+    (event) => {
+      if (!pressingRef.current || triggeredRef.current) {
+        return;
+      }
+      const dx = event.clientX - originRef.current.x;
+      const dy = event.clientY - originRef.current.y;
+      if (Math.hypot(dx, dy) > moveTolerancePx) {
+        cancel(event);
+      }
+    },
+    [cancel, moveTolerancePx]
+  );
+  const onPointerUp = useCallback(
+    (event) => {
+      if (!pressingRef.current) {
+        return;
+      }
+      const triggered = triggeredRef.current;
+      pressingRef.current = false;
+      stopTimer();
+      if (triggered) {
+        onFinishRef.current?.(event);
+      } else {
+        onCancelRef.current?.(event);
+      }
+    },
+    [stopTimer]
+  );
+  const onClick = useCallback((event) => {
+    if (triggeredRef.current) {
+      event.preventDefault();
+      triggeredRef.current = false;
+    }
+  }, []);
+  return {
+    onPointerDown,
+    onPointerMove,
+    onPointerUp,
+    onPointerLeave: cancel,
+    onPointerCancel: cancel,
+    onClick
+  };
+}
+
+export { useLongPress };
+//# sourceMappingURL=useLongPress.mjs.map
+//# sourceMappingURL=useLongPress.mjs.map