@stryke/hooks 0.4.8 → 0.4.9

package/dist/use-debounce.cjs

@@ -7,20 +7,20 @@ exports.useDebounce = useDebounce;
 exports.useDebounceValue = useDebounceValue;
 var _debounce = require("@stryke/helpers/debounce");
 var _react = require("react");
-function useDebounce(e, n, u = {}, r = [e, u, n]) {
-  const t = (0, _react.useRef)(null);
+function useDebounce(e, n, t = {}) {
+  const u = (0, _react.useRef)(null);
   return (0, _react.useEffect)(() => () => {
-    t.current?.cancel();
-  }, []), (0, _react.useMemo)(() => (t.current = (0, _debounce.debounce)(e, n, u), t.current), [e, u, n]);
+    u.current?.cancel();
+  }, []), (0, _react.useMemo)(() => (u.current = (0, _debounce.debounce)(e, n, t), u.current), [e, t, n]);
 }
 function useDebounceValue(e, n = 0) {
-  const [u, r] = (0, _react.useState)(e);
+  const [t, u] = (0, _react.useState)(e);
   return (0, _react.useEffect)(() => {
-    const t = setTimeout(() => {
-      r(c => c === e ? c : e);
+    const c = setTimeout(() => {
+      u(r => r === e ? r : e);
     }, n);
     return () => {
-      clearTimeout(t);
+      clearTimeout(c);
     };
-  }, [n, e]), u;
+  }, [n, e]), t;
 }

package/dist/use-debounce.d.ts

@@ -1,7 +1,7 @@
-import { DebounceOptions } from "@stryke/helpers/debounce";
+import type { DebounceOptions } from "@stryke/helpers/debounce";
 export declare function useDebounce<A extends (...args: any) => any | undefined | null, DebouncedFn extends A & {
     cancel: () => void;
-}>(fn: A, wait: number, options?: DebounceOptions, mountArgs?: any[]): DebouncedFn;
+}>(fn: A, wait: number, options?: DebounceOptions): DebouncedFn;
 /**
  * Returns a value once it stops changing after "amt" time.
  * Note: you may need to memo or this will keep re-rendering

package/dist/use-debounce.mjs

@@ -1 +1 @@
-import{debounce as s}from"@stryke/helpers/debounce";import{useEffect as o,useMemo as b,useRef as d,useState as f}from"react";export function useDebounce(e,n,u={},r=[e,u,n]){const t=d(null);return o(()=>()=>{t.current?.cancel()},[]),b(()=>(t.current=s(e,n,u),t.current),[e,u,n])}export function useDebounceValue(e,n=0){const[u,r]=f(e);return o(()=>{const t=setTimeout(()=>{r(c=>c===e?c:e)},n);return()=>{clearTimeout(t)}},[n,e]),u}
+import{debounce as s}from"@stryke/helpers/debounce";import{useEffect as o,useMemo as b,useRef as d,useState as f}from"react";export function useDebounce(e,n,t={}){const u=d(null);return o(()=>()=>{u.current?.cancel()},[]),b(()=>(u.current=s(e,n,t),u.current),[e,t,n])}export function useDebounceValue(e,n=0){const[t,u]=f(e);return o(()=>{const c=setTimeout(()=>{u(r=>r===e?r:e)},n);return()=>{clearTimeout(c)}},[n,e]),t}

package/dist/use-did-finish-ssr.cjs

@@ -13,9 +13,9 @@ const a = () => {},
 function useDidFinishSSR(e, n) {
   if (process.env.TAMAGUI_TARGET === "native") return e ?? !0;
   if (n?.sync) return (0, _react.useSyncExternalStore)(c, () => e ?? !0, () => !1);
-  const [t, r] = (0, _react.useState)(e);
+  const [t, u] = (0, _react.useState)(e);
   return (0, _react.useEffect)(() => {
-    r(e ?? !0);
+    u(e ?? !0);
   }, [e]), t ?? !1;
 }
 function useDidFinishSSRSync(e) {

package/dist/use-did-finish-ssr.mjs

@@ -1 +1 @@
-import{isFunction as u}from"@stryke/type-checks/is-function";import{useEffect as o,useState as s,useSyncExternalStore as i}from"react";const a=()=>{},c=()=>a;export function useDidFinishSSR(e,n){if(process.env.TAMAGUI_TARGET==="native")return e??!0;if(n?.sync)return i(c,()=>e??!0,()=>!1);const[t,r]=s(e);return o(()=>{r(e??!0)},[e]),t??!1}export function useDidFinishSSRSync(e){return useDidFinishSSR(e,{sync:!0})}export function useClientValue(e){return useDidFinishSSR()?u(e)?e():e:void 0}
+import{isFunction as r}from"@stryke/type-checks/is-function";import{useEffect as o,useState as s,useSyncExternalStore as i}from"react";const a=()=>{},c=()=>a;export function useDidFinishSSR(e,n){if(process.env.TAMAGUI_TARGET==="native")return e??!0;if(n?.sync)return i(c,()=>e??!0,()=>!1);const[t,u]=s(e);return o(()=>{u(e??!0)},[e]),t??!1}export function useDidFinishSSRSync(e){return useDidFinishSSR(e,{sync:!0})}export function useClientValue(e){return useDidFinishSSR()?r(e)?e():e:void 0}

package/dist/use-event.cjs

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEvent = useEvent;
 var _react = require("react");
 var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect.cjs");
-function useEvent(n) {
-  return s(n, l, !0);
-}
 const l = () => {
   throw new Error("Cannot call an event handler while rendering.");
 };
+function useEvent(n) {
+  return s(n, l, !0);
+}
 function s(n, r, t) {
   const e = (0, _react.useRef)(r ?? n);
   return (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {

package/dist/use-event.mjs

@@ -1 +1 @@
-import{useCallback as u,useRef as a}from"react";import{useIsomorphicLayoutEffect as c}from"./use-isomorphic-layout-effect";export function useEvent(n){return s(n,l,!0)}const l=()=>{throw new Error("Cannot call an event handler while rendering.")};function s(n,r,t){const e=a(r??n);return c(()=>{e.current=n}),u(t?(...o)=>e.current?.apply(null,o):()=>e.current,[])}
+import{useCallback as u,useRef as a}from"react";import{useIsomorphicLayoutEffect as c}from"./use-isomorphic-layout-effect";const l=()=>{throw new Error("Cannot call an event handler while rendering.")};export function useEvent(n){return s(n,l,!0)}function s(n,r,t){const e=a(r??n);return c(()=>{e.current=n}),u(t?(...o)=>e.current?.apply(null,o):()=>e.current,[])}

package/dist/use-idle.cjs

@@ -6,22 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIdle = void 0;
 var _throttle = require("@stryke/helpers/throttle");
 var _react = require("react");
-const useIdle = (o = 1e3 * 60) => {
-  const [l, n] = (0, _react.useState)(!1);
+const useIdle = (n = 1e3 * 60) => {
+  const [s, o] = (0, _react.useState)(!1);
   return (0, _react.useEffect)(() => {
     let t = -1;
     const i = () => {
-        n(!0);
+        o(!0);
       },
       e = (0, _throttle.throttle)(() => {
-        n(!1), globalThis.clearTimeout(t), t = globalThis.setTimeout(i, o);
+        o(!1), clearTimeout(t), t = setTimeout(i, n);
       }, 500),
-      s = () => {
+      r = () => {
         document.hidden || e();
       };
-    return t = globalThis.setTimeout(i, o), globalThis.addEventListener("mousemove", e), globalThis.addEventListener("mousedown", e), window.addEventListener("resize", e), globalThis.addEventListener("keydown", e), globalThis.addEventListener("touchstart", e), window.addEventListener("wheel", e), document.addEventListener("visibilitychange", s), () => {
-      globalThis.removeEventListener("mousemove", e), globalThis.removeEventListener("mousedown", e), window.removeEventListener("resize", e), globalThis.removeEventListener("keydown", e), globalThis.removeEventListener("touchstart", e), window.removeEventListener("wheel", e), document.removeEventListener("visibilitychange", s), globalThis.clearTimeout(t);
+    return t = setTimeout(i, n), addEventListener("mousemove", e), addEventListener("mousedown", e), window.addEventListener("resize", e), addEventListener("keydown", e), addEventListener("touchstart", e), window.addEventListener("wheel", e), document.addEventListener("visibilitychange", r), () => {
+      removeEventListener("mousemove", e), removeEventListener("mousedown", e), window.removeEventListener("resize", e), removeEventListener("keydown", e), removeEventListener("touchstart", e), window.removeEventListener("wheel", e), document.removeEventListener("visibilitychange", r), clearTimeout(t);
     };
-  }, [o]), l;
+  }, [n]), s;
 };
 exports.useIdle = useIdle;

package/dist/use-idle.mjs

@@ -1 +1 @@
-import{throttle as r}from"@stryke/helpers/throttle";import{useEffect as d,useState as a}from"react";export const useIdle=(o=1e3*60)=>{const[l,n]=a(!1);return d(()=>{let t=-1;const i=()=>{n(!0)},e=r(()=>{n(!1),globalThis.clearTimeout(t),t=globalThis.setTimeout(i,o)},500),s=()=>{document.hidden||e()};return t=globalThis.setTimeout(i,o),globalThis.addEventListener("mousemove",e),globalThis.addEventListener("mousedown",e),window.addEventListener("resize",e),globalThis.addEventListener("keydown",e),globalThis.addEventListener("touchstart",e),window.addEventListener("wheel",e),document.addEventListener("visibilitychange",s),()=>{globalThis.removeEventListener("mousemove",e),globalThis.removeEventListener("mousedown",e),window.removeEventListener("resize",e),globalThis.removeEventListener("keydown",e),globalThis.removeEventListener("touchstart",e),window.removeEventListener("wheel",e),document.removeEventListener("visibilitychange",s),globalThis.clearTimeout(t)}},[o]),l};
+import{throttle as d}from"@stryke/helpers/throttle";import{useEffect as v,useState as m}from"react";export const useIdle=(n=1e3*60)=>{const[s,o]=m(!1);return v(()=>{let t=-1;const i=()=>{o(!0)},e=d(()=>{o(!1),clearTimeout(t),t=setTimeout(i,n)},500),r=()=>{document.hidden||e()};return t=setTimeout(i,n),addEventListener("mousemove",e),addEventListener("mousedown",e),window.addEventListener("resize",e),addEventListener("keydown",e),addEventListener("touchstart",e),window.addEventListener("wheel",e),document.addEventListener("visibilitychange",r),()=>{removeEventListener("mousemove",e),removeEventListener("mousedown",e),window.removeEventListener("resize",e),removeEventListener("keydown",e),removeEventListener("touchstart",e),window.removeEventListener("wheel",e),document.removeEventListener("visibilitychange",r),clearTimeout(t)}},[n]),s};

package/dist/use-memo-stable.cjs

@@ -17,11 +17,11 @@ function useMemoStable(t, e) {
     }))[0],
     r = (0, _react.useRef)(!0),
     n = (0, _react.useRef)(u),
-    s = r.current || !!(e && n.current.inputs && i(e, n.current.inputs)),
-    a = (0, _react.useMemo)(() => s ? n.current : {
+    c = r.current || !!(e && n.current.inputs && i(e, n.current.inputs)),
+    a = (0, _react.useMemo)(() => c ? n.current : {
       inputs: e,
       result: t()
-    }, [e, t, s]);
+    }, [e, t, c]);
   return (0, _react.useEffect)(() => {
     r.current = !1, n.current = a;
   }, [a]), a.result;

package/dist/use-memo-stable.mjs

@@ -1 +1 @@
-import{useEffect as o,useMemo as l,useRef as c,useState as f}from"react";const i=(t,e)=>{if(t.length!==e.length)return!1;for(const[u,r]of t.entries())if(r!==e[u])return!1;return!0};export function useMemoStable(t,e){const u=f(()=>({inputs:e,result:t()}))[0],r=c(!0),n=c(u),s=r.current||!!(e&&n.current.inputs&&i(e,n.current.inputs)),a=l(()=>s?n.current:{inputs:e,result:t()},[e,t,s]);return o(()=>{r.current=!1,n.current=a},[a]),a.result}
+import{useEffect as o,useMemo as l,useRef as s,useState as f}from"react";const i=(t,e)=>{if(t.length!==e.length)return!1;for(const[u,r]of t.entries())if(r!==e[u])return!1;return!0};export function useMemoStable(t,e){const u=f(()=>({inputs:e,result:t()}))[0],r=s(!0),n=s(u),c=r.current||!!(e&&n.current.inputs&&i(e,n.current.inputs)),a=l(()=>c?n.current:{inputs:e,result:t()},[e,t,c]);return o(()=>{r.current=!1,n.current=a},[a]),a.result}

package/dist/use-network-state.cjs

@@ -9,16 +9,16 @@ var _isEqual = require("@stryke/type-checks/is-equal");
 var _react = require("react");
 const i = () => navigator["connection"] || navigator["mozConnection"] || navigator["webkitConnection"];
 const useNetworkStateSubscribe = e => {
-  globalThis.addEventListener("online", e, {
+  addEventListener("online", e, {
     passive: !0
-  }), globalThis.addEventListener("offline", e, {
+  }), addEventListener("offline", e, {
     passive: !0
   });
   const t = i();
   return t && t.addEventListener("change", e, {
     passive: !0
   }), () => {
-    globalThis.removeEventListener("online", e), globalThis.removeEventListener("offline", e), t && t.removeEventListener("change", e);
+    removeEventListener("online", e), removeEventListener("offline", e), t && t.removeEventListener("change", e);
   };
 };
 exports.useNetworkStateSubscribe = useNetworkStateSubscribe;

package/dist/use-network-state.mjs

@@ -1 +1 @@
-import{isEqual as a}from"@stryke/type-checks/is-equal";import{useRef as s,useSyncExternalStore as c}from"react";const i=()=>navigator["connection"]||navigator["mozConnection"]||navigator["webkitConnection"];export const useNetworkStateSubscribe=e=>{globalThis.addEventListener("online",e,{passive:!0}),globalThis.addEventListener("offline",e,{passive:!0});const t=i();return t&&t.addEventListener("change",e,{passive:!0}),()=>{globalThis.removeEventListener("online",e),globalThis.removeEventListener("offline",e),t&&t.removeEventListener("change",e)}};const v=()=>{throw new Error("useNetworkState is a client-only hook")};export function useNetworkState(){const e=s({});return c(useNetworkStateSubscribe,()=>{const r=navigator.onLine,n=i(),o={online:r,downlink:n?.downlink,downlinkMax:n?.downlinkMax,effectiveType:n?.effectiveType,rtt:n?.rtt,saveData:n?.saveData,type:n?.type};return a(e.current,o)?e.current:(e.current=o,o)},v)}
+import{isEqual as a}from"@stryke/type-checks/is-equal";import{useRef as s,useSyncExternalStore as c}from"react";const i=()=>navigator["connection"]||navigator["mozConnection"]||navigator["webkitConnection"];export const useNetworkStateSubscribe=e=>{addEventListener("online",e,{passive:!0}),addEventListener("offline",e,{passive:!0});const t=i();return t&&t.addEventListener("change",e,{passive:!0}),()=>{removeEventListener("online",e),removeEventListener("offline",e),t&&t.removeEventListener("change",e)}};const v=()=>{throw new Error("useNetworkState is a client-only hook")};export function useNetworkState(){const e=s({});return c(useNetworkStateSubscribe,()=>{const r=navigator.onLine,n=i(),o={online:r,downlink:n?.downlink,downlinkMax:n?.downlinkMax,effectiveType:n?.effectiveType,rtt:n?.rtt,saveData:n?.saveData,type:n?.type};return a(e.current,o)?e.current:(e.current=o,o)},v)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stryke/hooks",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "type": "module",
   "description": "A package containing shared hooks that can be used in any React UI project",
   "repository": {
@@ -23,10 +23,10 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-native": "^0.77.0",
-    "@stryke/env": "^0.15.0",
-    "@stryke/helpers": "^0.6.1",
-    "@stryke/type-checks": "^0.3.4",
-    "@stryke/types": "^0.8.4"
+    "@stryke/env": "^0.15.10",
+    "@stryke/helpers": "^0.7.1",
+    "@stryke/type-checks": "^0.3.6",
+    "@stryke/types": "^0.8.6"
   },
   "devDependencies": {
     "@types/react": "^19.0.12",
@@ -335,5 +335,6 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "gitHead": "57da58e3434302b35f798674d9f18f92ca7f7ac9"
 }