@1money/hooks 0.1.2 → 0.1.4

package/es/index.d.ts

@@ -1,8 +1,14 @@
 export { default as useControlledState } from './useControlledState';
+export { default as useDebouncedValue } from './useDebouncedValue';
+export { default as useDebouncedCallback } from './useDebouncedCallback';
+export { default as useThrottledCallback } from './useThrottledCallback';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useLatest } from './useLatest';
 export { default as useLayoutEffect } from './useLayoutEffect';
 export { default as useMemoizedFn } from './useMemoizedFn';
+export { default as useInterval } from './useInterval';
+export type { UseIntervalOptions } from './useInterval';
+export { default as useTimeout } from './useTimeout';
 export { default as usePrevious } from './usePrevious';
 export { default as useSafeState } from './useSafeState';
 export { default as useSyncState } from './useSyncState';

package/es/index.js

@@ -1,9 +1,14 @@
 // Hooks
 export { default as useControlledState } from "./useControlledState";
+export { default as useDebouncedValue } from "./useDebouncedValue";
+export { default as useDebouncedCallback } from "./useDebouncedCallback";
+export { default as useThrottledCallback } from "./useThrottledCallback";
 export { default as useEventCallback } from "./useEventCallback";
 export { default as useLatest } from "./useLatest";
 export { default as useLayoutEffect } from "./useLayoutEffect";
 export { default as useMemoizedFn } from "./useMemoizedFn";
+export { default as useInterval } from "./useInterval";
+export { default as useTimeout } from "./useTimeout";
 export { default as usePrevious } from "./usePrevious";
 export { default as useSafeState } from "./useSafeState";
 export { default as useSyncState } from "./useSyncState";

package/es/useDebouncedCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/es/useDebouncedCallback/index.js

@@ -0,0 +1,45 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var callbackRef = useLatest(callback);
+  var timerRef = useRef(null);
+  var cancel = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  var run = useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    cancel();
+    timerRef.current = setTimeout(function () {
+      timerRef.current = null;
+      callbackRef.current.apply(callbackRef, args);
+    }, delay);
+  }, [delay, cancel, callbackRef]);
+  useEffect(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    run: run,
+    cancel: cancel
+  };
+}

package/es/useDebouncedValue/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue<T>(value: T, delay?: number): T;

package/es/useDebouncedValue/index.js

@@ -0,0 +1,36 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    debounced = _useState2[0],
+    setDebounced = _useState2[1];
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      setDebounced(value);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debounced;
+}

package/es/useInterval/index.d.ts

@@ -0,0 +1,22 @@
+export interface UseIntervalOptions {
+    /**
+     * Run the callback once immediately when the interval
+     * starts, in addition to every `delay` ms after.
+     */
+    immediate?: boolean;
+}
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn: () => void, delay?: number | null, options?: UseIntervalOptions): () => void;

package/es/useInterval/index.js

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn, delay, options) {
+  var immediate = options === null || options === void 0 ? void 0 : options.immediate;
+  var fnRef = useLatest(fn);
+  var timerRef = useRef(null);
+  var clear = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  useEffect(function () {
+    if (delay === undefined || delay === null || delay < 0) {
+      return;
+    }
+    if (immediate) {
+      fnRef.current();
+    }
+    timerRef.current = setInterval(function () {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, immediate, clear, fnRef]);
+  return clear;
+}

package/es/useLatest/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * A hook that returns a ref object whose `.current` property is always
  * updated to the latest value. Useful for accessing the latest value

package/es/useQueryState/index.d.ts

@@ -42,13 +42,24 @@ export declare const queryJson: Parser<unknown>;
  * parameter, so it survives refreshes and is
  * shareable via the link.
  *
- * Reads/writes go through native
- * `history.pushState/replaceState`, which keeps it
- * compatible with the Next.js App Router (it does
- * not trigger a route re-mount). Because the value
- * is reactive, using it as a SWR/React Query key
+ * Reading is reactive via Next's `useSearchParams`;
+ * writing goes through the native
+ * `history.pushState/replaceState`, which the Next.js
+ * App Router intercepts and syncs back into
+ * `useSearchParams` *without* a server round-trip (no
+ * route re-render, no scroll-to-top). Because the
+ * value is reactive, using it as a SWR/React Query key
  * makes dependent requests refetch automatically.
  *
+ * Constraints (inherited from `useSearchParams`):
+ * - Next.js App Router only; the calling component
+ *   must be a Client Component (`'use client'`).
+ * - On statically rendered routes, wrap the consumer
+ *   in `<Suspense>`; otherwise that subtree opts into
+ *   client-side rendering. During prerender the param
+ *   reads as absent, so `value` falls back to
+ *   `defaultValue ?? null`.
+ *
  * @param key The query parameter name
  * @param options Parsing, serialization and history
  *   behaviour

package/es/useQueryState/index.js

@@ -1,10 +1,6 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useEffect } from 'react';
+'use client';
+
+import { useSearchParams } from 'next/navigation';
 import useMemoizedFn from "../useMemoizedFn";
 
 /** Turn a raw query string into a typed value. */
@@ -32,30 +28,29 @@ export var queryJson = function queryJson(value) {
 };
 var isBrowser = typeof window !== 'undefined';
 
-/**
- * Subscribers re-read the URL when any instance
- * mutates it. `history.pushState/replaceState` do
- * not emit `popstate`, so we notify manually.
- */
-var listeners = new Set();
-var emit = function emit() {
-  listeners.forEach(function (fn) {
-    return fn();
-  });
-};
-
 /**
  * Sync a piece of React state with a URL query
  * parameter, so it survives refreshes and is
  * shareable via the link.
  *
- * Reads/writes go through native
- * `history.pushState/replaceState`, which keeps it
- * compatible with the Next.js App Router (it does
- * not trigger a route re-mount). Because the value
- * is reactive, using it as a SWR/React Query key
+ * Reading is reactive via Next's `useSearchParams`;
+ * writing goes through the native
+ * `history.pushState/replaceState`, which the Next.js
+ * App Router intercepts and syncs back into
+ * `useSearchParams` *without* a server round-trip (no
+ * route re-render, no scroll-to-top). Because the
+ * value is reactive, using it as a SWR/React Query key
  * makes dependent requests refetch automatically.
  *
+ * Constraints (inherited from `useSearchParams`):
+ * - Next.js App Router only; the calling component
+ *   must be a Client Component (`'use client'`).
+ * - On statically rendered routes, wrap the consumer
+ *   in `<Suspense>`; otherwise that subtree opts into
+ *   client-side rendering. During prerender the param
+ *   reads as absent, so `value` falls back to
+ *   `defaultValue ?? null`.
+ *
  * @param key The query parameter name
  * @param options Parsing, serialization and history
  *   behaviour
@@ -77,43 +72,26 @@ function useQueryState(key) {
     defaultValue = options.defaultValue,
     _options$history = options.history,
     history = _options$history === void 0 ? 'replace' : _options$history;
-  var read = useMemoizedFn(function () {
-    if (!isBrowser) {
-      return defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
-    }
-    var params = new URLSearchParams(window.location.search);
-    var raw = params.get(key);
+  var parse = function parse(raw) {
     if (raw === null) {
       return defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
     }
     return parser ? parser(raw) : raw;
-  });
-  var _useState = useState(read),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  useEffect(function () {
-    var handler = function handler() {
-      return setValue(read());
-    };
-    listeners.add(handler);
-    window.addEventListener('popstate', handler);
-    // Resync in case the URL changed between the
-    // initial render and this effect running.
-    handler();
-    return function () {
-      listeners.delete(handler);
-      window.removeEventListener('popstate', handler);
-    };
-    // `read` is stable via useMemoizedFn.
-  }, [key, read]);
+  };
+
+  // Reactive read. Next re-renders consumers when the
+  // URL changes (including our own history writes).
+  var searchParams = useSearchParams();
+  var value = parse(searchParams.get(key));
   var set = useMemoizedFn(function (next) {
     if (!isBrowser) {
       return;
     }
-    var prev = read();
-    var resolved = typeof next === 'function' ? next(prev) : next;
+    // Build from the live URL (not the captured
+    // `searchParams`) so consecutive writes in one
+    // tick see each other's result.
     var params = new URLSearchParams(window.location.search);
+    var resolved = typeof next === 'function' ? next(parse(params.get(key))) : next;
     if (resolved === null || resolved === undefined) {
       params.delete(key);
     } else {
@@ -126,7 +104,6 @@ function useQueryState(key) {
     } else {
       window.history.replaceState(null, '', url);
     }
-    emit();
   });
   return [value, set];
 }

package/es/useThrottledCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/es/useThrottledCallback/index.js

@@ -0,0 +1,74 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var callbackRef = useLatest(callback);
+  var lastRunRef = useRef(0);
+  var timerRef = useRef(null);
+  var lastArgsRef = useRef(null);
+  var cancel = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    lastArgsRef.current = null;
+    lastRunRef.current = 0;
+  }, []);
+  var run = useCallback(function () {
+    var now = Date.now();
+    var remaining = delay - (now - lastRunRef.current);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    lastArgsRef.current = args;
+    if (remaining <= 0) {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+      lastRunRef.current = now;
+      lastArgsRef.current = null;
+      callbackRef.current.apply(callbackRef, args);
+      return;
+    }
+    if (timerRef.current === null) {
+      timerRef.current = setTimeout(function () {
+        lastRunRef.current = Date.now();
+        timerRef.current = null;
+        if (lastArgsRef.current) {
+          var pending = lastArgsRef.current;
+          lastArgsRef.current = null;
+          callbackRef.current.apply(callbackRef, _toConsumableArray(pending));
+        }
+      }, remaining);
+    }
+  }, [delay, callbackRef]);
+  useEffect(function () {
+    return cancel;
+  }, [cancel]);
+  return {
+    run: run,
+    cancel: cancel
+  };
+}

package/es/useTimeout/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn: () => void, delay?: number | null): () => void;

package/es/useTimeout/index.js

@@ -0,0 +1,36 @@
+import { useCallback, useEffect, useRef } from 'react';
+import useLatest from "../useLatest";
+
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn, delay) {
+  var fnRef = useLatest(fn);
+  var timerRef = useRef(null);
+  var clear = useCallback(function () {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  useEffect(function () {
+    if (delay === undefined || delay === null || delay < 0) {
+      return;
+    }
+    timerRef.current = setTimeout(function () {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, clear, fnRef]);
+  return clear;
+}

package/lib/index.d.ts

@@ -1,8 +1,14 @@
 export { default as useControlledState } from './useControlledState';
+export { default as useDebouncedValue } from './useDebouncedValue';
+export { default as useDebouncedCallback } from './useDebouncedCallback';
+export { default as useThrottledCallback } from './useThrottledCallback';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useLatest } from './useLatest';
 export { default as useLayoutEffect } from './useLayoutEffect';
 export { default as useMemoizedFn } from './useMemoizedFn';
+export { default as useInterval } from './useInterval';
+export type { UseIntervalOptions } from './useInterval';
+export { default as useTimeout } from './useTimeout';
 export { default as usePrevious } from './usePrevious';
 export { default as useSafeState } from './useSafeState';
 export { default as useSyncState } from './useSyncState';

package/lib/index.js

@@ -34,7 +34,10 @@ __export(index_exports, {
   queryNumber: () => import_useQueryState.queryNumber,
   queryString: () => import_useQueryState.queryString,
   useControlledState: () => import_useControlledState.default,
+  useDebouncedCallback: () => import_useDebouncedCallback.default,
+  useDebouncedValue: () => import_useDebouncedValue.default,
   useEventCallback: () => import_useEventCallback.default,
+  useInterval: () => import_useInterval.default,
   useLatest: () => import_useLatest.default,
   useLayoutEffect: () => import_useLayoutEffect.default,
   useLayoutState: () => import_useLayoutState.default,
@@ -43,15 +46,22 @@ __export(index_exports, {
   useQueryState: () => import_useQueryState.default,
   useSafeState: () => import_useSafeState.default,
   useSyncState: () => import_useSyncState.default,
+  useThrottledCallback: () => import_useThrottledCallback.default,
+  useTimeout: () => import_useTimeout.default,
   useTimeoutLock: () => import_useLayoutState.useTimeoutLock,
   useUpdateEffect: () => import_useUpdateEffect.default
 });
 module.exports = __toCommonJS(index_exports);
 var import_useControlledState = __toESM(require("./useControlledState"));
+var import_useDebouncedValue = __toESM(require("./useDebouncedValue"));
+var import_useDebouncedCallback = __toESM(require("./useDebouncedCallback"));
+var import_useThrottledCallback = __toESM(require("./useThrottledCallback"));
 var import_useEventCallback = __toESM(require("./useEventCallback"));
 var import_useLatest = __toESM(require("./useLatest"));
 var import_useLayoutEffect = __toESM(require("./useLayoutEffect"));
 var import_useMemoizedFn = __toESM(require("./useMemoizedFn"));
+var import_useInterval = __toESM(require("./useInterval"));
+var import_useTimeout = __toESM(require("./useTimeout"));
 var import_usePrevious = __toESM(require("./usePrevious"));
 var import_useSafeState = __toESM(require("./useSafeState"));
 var import_useSyncState = __toESM(require("./useSyncState"));
@@ -65,7 +75,10 @@ var import_useQueryState = __toESM(require("./useQueryState"));
   queryNumber,
   queryString,
   useControlledState,
+  useDebouncedCallback,
+  useDebouncedValue,
   useEventCallback,
+  useInterval,
   useLatest,
   useLayoutEffect,
   useLayoutState,
@@ -74,6 +87,8 @@ var import_useQueryState = __toESM(require("./useQueryState"));
   useQueryState,
   useSafeState,
   useSyncState,
+  useThrottledCallback,
+  useTimeout,
   useTimeoutLock,
   useUpdateEffect
 });

package/lib/useDebouncedCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a debounced wrapper around a
+ * callback. Calling `run` resets a `delay` ms timer;
+ * the callback only fires once calls stop for `delay`
+ * ms, always with the most recent arguments. The latest
+ * `callback` body is invoked, so it never goes stale and
+ * needs no dependency array. The pending call is
+ * cancelled automatically on unmount, or manually via
+ * `cancel`.
+ *
+ * @param callback The function to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns `{ run, cancel }` — debounced runner and a
+ *   canceller for any pending call
+ */
+export default function useDebouncedCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/lib/useDebouncedCallback/index.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useDebouncedCallback/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useDebouncedCallback
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useDebouncedCallback(callback, delay = 300) {
+  const callbackRef = (0, import_useLatest.default)(callback);
+  const timerRef = (0, import_react.useRef)(null);
+  const cancel = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const run = (0, import_react.useCallback)(
+    (...args) => {
+      cancel();
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay, cancel, callbackRef]
+  );
+  (0, import_react.useEffect)(() => cancel, [cancel]);
+  return { run, cancel };
+}

package/lib/useDebouncedValue/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A hook that returns a debounced copy of a value. The
+ * returned value only updates after `delay` ms have
+ * passed without `value` changing, which is handy for
+ * search inputs, resize handlers and other rapidly
+ * changing values you don't want to react to on every
+ * keystroke.
+ *
+ * @param value The value to debounce
+ * @param delay The debounce delay in ms (default 300)
+ * @returns The latest value, debounced by `delay`
+ */
+export default function useDebouncedValue<T>(value: T, delay?: number): T;

package/lib/useDebouncedValue/index.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useDebouncedValue/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useDebouncedValue
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+function useDebouncedValue(value, delay = 300) {
+  const [debounced, setDebounced] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setDebounced(value);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}

package/lib/useInterval/index.d.ts

@@ -0,0 +1,22 @@
+export interface UseIntervalOptions {
+    /**
+     * Run the callback once immediately when the interval
+     * starts, in addition to every `delay` ms after.
+     */
+    immediate?: boolean;
+}
+/**
+ * A hook that runs a callback on a fixed interval. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to pause the interval. The timer
+ * is cleared automatically on unmount or when `delay`
+ * changes, and can be stopped early via the returned
+ * `clear` function.
+ *
+ * @param fn The callback to run each interval
+ * @param delay Interval in ms; nullish/negative pauses it
+ * @param options `{ immediate }` to also fire on start
+ * @returns A `clear` function that stops the interval
+ */
+export default function useInterval(fn: () => void, delay?: number | null, options?: UseIntervalOptions): () => void;

package/lib/useInterval/index.js

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useInterval/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useInterval
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useInterval(fn, delay, options) {
+  const immediate = options == null ? void 0 : options.immediate;
+  const fnRef = (0, import_useLatest.default)(fn);
+  const timerRef = (0, import_react.useRef)(null);
+  const clear = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (delay === void 0 || delay === null || delay < 0) {
+      return;
+    }
+    if (immediate) {
+      fnRef.current();
+    }
+    timerRef.current = setInterval(() => {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, immediate, clear, fnRef]);
+  return clear;
+}

package/lib/useLatest/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * A hook that returns a ref object whose `.current` property is always
  * updated to the latest value. Useful for accessing the latest value

package/lib/useQueryState/index.d.ts

@@ -42,13 +42,24 @@ export declare const queryJson: Parser<unknown>;
  * parameter, so it survives refreshes and is
  * shareable via the link.
  *
- * Reads/writes go through native
- * `history.pushState/replaceState`, which keeps it
- * compatible with the Next.js App Router (it does
- * not trigger a route re-mount). Because the value
- * is reactive, using it as a SWR/React Query key
+ * Reading is reactive via Next's `useSearchParams`;
+ * writing goes through the native
+ * `history.pushState/replaceState`, which the Next.js
+ * App Router intercepts and syncs back into
+ * `useSearchParams` *without* a server round-trip (no
+ * route re-render, no scroll-to-top). Because the
+ * value is reactive, using it as a SWR/React Query key
  * makes dependent requests refetch automatically.
  *
+ * Constraints (inherited from `useSearchParams`):
+ * - Next.js App Router only; the calling component
+ *   must be a Client Component (`'use client'`).
+ * - On statically rendered routes, wrap the consumer
+ *   in `<Suspense>`; otherwise that subtree opts into
+ *   client-side rendering. During prerender the param
+ *   reads as absent, so `value` falls back to
+ *   `defaultValue ?? null`.
+ *
  * @param key The query parameter name
  * @param options Parsing, serialization and history
  *   behaviour

package/lib/useQueryState/index.js

@@ -1,3 +1,4 @@
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -36,17 +37,13 @@ __export(index_exports, {
   queryString: () => queryString
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = require("react");
+var import_navigation = require("next/navigation");
 var import_useMemoizedFn = __toESM(require("../useMemoizedFn"));
 var queryString = (value) => value;
 var queryNumber = (value) => Number(value);
 var queryBoolean = (value) => value === "true";
 var queryJson = (value) => JSON.parse(value);
 var isBrowser = typeof window !== "undefined";
-var listeners = /* @__PURE__ */ new Set();
-var emit = () => {
-  listeners.forEach((fn) => fn());
-};
 function useQueryState(key, options = {}) {
   const {
     parser,
@@ -54,42 +51,24 @@ function useQueryState(key, options = {}) {
     defaultValue,
     history = "replace"
   } = options;
-  const read = (0, import_useMemoizedFn.default)(() => {
-    if (!isBrowser) {
-      return defaultValue ?? null;
-    }
-    const params = new URLSearchParams(
-      window.location.search
-    );
-    const raw = params.get(key);
+  const parse = (raw) => {
     if (raw === null) {
       return defaultValue ?? null;
     }
     return parser ? parser(raw) : raw;
-  });
-  const [value, setValue] = (0, import_react.useState)(read);
-  (0, import_react.useEffect)(() => {
-    const handler = () => setValue(read());
-    listeners.add(handler);
-    window.addEventListener("popstate", handler);
-    handler();
-    return () => {
-      listeners.delete(handler);
-      window.removeEventListener(
-        "popstate",
-        handler
-      );
-    };
-  }, [key, read]);
+  };
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const value = parse(searchParams.get(key));
   const set = (0, import_useMemoizedFn.default)((next) => {
     if (!isBrowser) {
       return;
     }
-    const prev = read();
-    const resolved = typeof next === "function" ? next(prev) : next;
     const params = new URLSearchParams(
       window.location.search
     );
+    const resolved = typeof next === "function" ? next(
+      parse(params.get(key))
+    ) : next;
     if (resolved === null || resolved === void 0) {
       params.delete(key);
     } else {
@@ -102,7 +81,6 @@ function useQueryState(key, options = {}) {
     } else {
       window.history.replaceState(null, "", url);
     }
-    emit();
   });
   return [value, set];
 }

package/lib/useThrottledCallback/index.d.ts

@@ -0,0 +1,21 @@
+type Callback<T extends unknown[]> = (...args: T) => void;
+/**
+ * A hook that returns a throttled wrapper around a
+ * callback. `run` fires immediately on the leading edge,
+ * then at most once per `delay` ms; the final call made
+ * during a throttled window is flushed on the trailing
+ * edge with its latest arguments. The most recent
+ * `callback` body is always used, so it never goes stale.
+ * Any pending trailing call is cancelled on unmount, or
+ * manually via `cancel`.
+ *
+ * @param callback The function to throttle
+ * @param delay The throttle window in ms (default 300)
+ * @returns `{ run, cancel }` — throttled runner and a
+ *   canceller for any pending trailing call
+ */
+export default function useThrottledCallback<T extends unknown[]>(callback: Callback<T>, delay?: number): {
+    run: (...args: T) => void;
+    cancel: () => void;
+};
+export {};

package/lib/useThrottledCallback/index.js

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useThrottledCallback/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useThrottledCallback
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useThrottledCallback(callback, delay = 300) {
+  const callbackRef = (0, import_useLatest.default)(callback);
+  const lastRunRef = (0, import_react.useRef)(0);
+  const timerRef = (0, import_react.useRef)(null);
+  const lastArgsRef = (0, import_react.useRef)(null);
+  const cancel = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    lastArgsRef.current = null;
+    lastRunRef.current = 0;
+  }, []);
+  const run = (0, import_react.useCallback)(
+    (...args) => {
+      const now = Date.now();
+      const remaining = delay - (now - lastRunRef.current);
+      lastArgsRef.current = args;
+      if (remaining <= 0) {
+        if (timerRef.current !== null) {
+          clearTimeout(timerRef.current);
+          timerRef.current = null;
+        }
+        lastRunRef.current = now;
+        lastArgsRef.current = null;
+        callbackRef.current(...args);
+        return;
+      }
+      if (timerRef.current === null) {
+        timerRef.current = setTimeout(() => {
+          lastRunRef.current = Date.now();
+          timerRef.current = null;
+          if (lastArgsRef.current) {
+            const pending = lastArgsRef.current;
+            lastArgsRef.current = null;
+            callbackRef.current(...pending);
+          }
+        }, remaining);
+      }
+    },
+    [delay, callbackRef]
+  );
+  (0, import_react.useEffect)(() => cancel, [cancel]);
+  return { run, cancel };
+}

package/lib/useTimeout/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A hook that runs a callback once after a delay. The
+ * latest `fn` is always invoked, so it never goes stale
+ * and needs no dependency array. Pass `undefined`, `null`
+ * or a negative `delay` to cancel the pending call. The
+ * timer is cleared automatically on unmount or when
+ * `delay` changes, and can be cancelled early via the
+ * returned `clear` function.
+ *
+ * @param fn The callback to run after the delay
+ * @param delay Delay in ms; nullish/negative cancels it
+ * @returns A `clear` function that cancels the timeout
+ */
+export default function useTimeout(fn: () => void, delay?: number | null): () => void;

package/lib/useTimeout/index.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useTimeout/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => useTimeout
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_useLatest = __toESM(require("../useLatest"));
+function useTimeout(fn, delay) {
+  const fnRef = (0, import_useLatest.default)(fn);
+  const timerRef = (0, import_react.useRef)(null);
+  const clear = (0, import_react.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (delay === void 0 || delay === null || delay < 0) {
+      return;
+    }
+    timerRef.current = setTimeout(() => {
+      fnRef.current();
+    }, delay);
+    return clear;
+  }, [delay, clear, fnRef]);
+  return clear;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/hooks",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "React hooks for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,6 +21,21 @@
       "import": "./es/useControlledState/index.js",
       "require": "./lib/useControlledState/index.js"
     },
+    "./useDebouncedValue": {
+      "types": "./es/useDebouncedValue/index.d.ts",
+      "import": "./es/useDebouncedValue/index.js",
+      "require": "./lib/useDebouncedValue/index.js"
+    },
+    "./useDebouncedCallback": {
+      "types": "./es/useDebouncedCallback/index.d.ts",
+      "import": "./es/useDebouncedCallback/index.js",
+      "require": "./lib/useDebouncedCallback/index.js"
+    },
+    "./useThrottledCallback": {
+      "types": "./es/useThrottledCallback/index.d.ts",
+      "import": "./es/useThrottledCallback/index.js",
+      "require": "./lib/useThrottledCallback/index.js"
+    },
     "./useEventCallback": {
       "types": "./es/useEventCallback/index.d.ts",
       "import": "./es/useEventCallback/index.js",
@@ -51,6 +66,16 @@
       "import": "./es/useMemoizedFn/index.js",
       "require": "./lib/useMemoizedFn/index.js"
     },
+    "./useInterval": {
+      "types": "./es/useInterval/index.d.ts",
+      "import": "./es/useInterval/index.js",
+      "require": "./lib/useInterval/index.js"
+    },
+    "./useTimeout": {
+      "types": "./es/useTimeout/index.d.ts",
+      "import": "./es/useTimeout/index.js",
+      "require": "./lib/useTimeout/index.js"
+    },
     "./usePrevious": {
       "types": "./es/usePrevious/index.d.ts",
       "import": "./es/usePrevious/index.js",
@@ -90,8 +115,14 @@
     "url": "https://github.com/1Money-Co/1money-hooks"
   },
   "peerDependencies": {
+    "next": ">=14.0.0",
     "react": ">=16.8.0"
   },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
   "license": "MIT",
   "devDependencies": {
     "@eslint/js": "^9.39.4",
@@ -108,6 +139,7 @@
     "father": "^4.6.17",
     "globals": "^15.15.0",
     "jsdom": "^29.0.2",
+    "next": "^14.2.0",
     "prettier": "~3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.2.4",