@tamagui/use-debounce 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/cjs/index.js

@@ -1,8 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -43,13 +43,11 @@ function debounce(func, wait, leading) {
       isCancelled = false;
     }, wait);
   }
-  __name(debounced, "debounced");
   debounced.cancel = () => {
     isCancelled = true;
   };
   return debounced;
 }
-__name(debounce, "debounce");
 const defaultOpts = { leading: false };
 function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
   const dbEffect = (0, import_react.useRef)(null);
@@ -64,7 +62,6 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
     return dbEffect.current;
   }, [options.leading, ...mountArgs]);
 }
-__name(useDebounce, "useDebounce");
 function useDebounceValue(val, amt = 0) {
   const [state, setState] = (0, import_react.useState)(val);
   (0, import_react.useEffect)(() => {
@@ -81,7 +78,6 @@ function useDebounceValue(val, amt = 0) {
   }, [val]);
   return state;
 }
-__name(useDebounceValue, "useDebounceValue");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   debounce,

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n  leading?: boolean\n}\n\nexport function debounce<A extends Function>(\n  func: A,\n  wait?: number,\n  leading?: boolean\n): A & {\n  cancel: () => void\n} {\n  let timeout: any\n  let isCancelled = false\n\n  function debounced(this: any) {\n    isCancelled = false\n    let context = this\n    let args = arguments\n    if (leading && !timeout) {\n      func.apply(context, args)\n    }\n    clearTimeout(timeout)\n    timeout = setTimeout(function () {\n      timeout = null\n      if (!leading && !isCancelled) {\n        func.apply(context, args)\n      }\n      isCancelled = false\n    }, wait)\n  }\n\n  debounced.cancel = () => {\n    isCancelled = true\n  }\n\n  return debounced as any\n}\n\nconst defaultOpts = { leading: false }\n\nexport function useDebounce<\n  A extends (...args: any) => any | undefined | null,\n  DebouncedFn extends A & {\n    cancel: () => void\n  }\n>(\n  fn: A,\n  wait: number,\n  options: DebounceSettings = defaultOpts,\n  mountArgs: any[] = []\n): DebouncedFn {\n  const dbEffect = useRef<DebouncedFn | null>(null)\n\n  useEffect(() => {\n    return () => {\n      dbEffect.current?.cancel()\n    }\n  }, [])\n\n  return useMemo(() => {\n    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn\n    return dbEffect.current\n  }, [options.leading, ...mountArgs])\n}\n\n/**\n * Returns a value once it stops changing after \"amt\" time.\n * Note: you may need to memo or this will keep re-rendering\n */\nexport function useDebounceValue<A>(val: A, amt = 0): A {\n  const [state, setState] = useState(val)\n\n  useEffect(() => {\n    let tm = setTimeout(() => {\n      setState((prev) => {\n        if (prev === val) return prev\n        return val\n      })\n    }, amt)\n\n    return () => {\n      clearTimeout(tm)\n    }\n  }, [val])\n\n  return state\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAM9C,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAfS;AAiBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAhCgB;AAkChB,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,yBAA2B,IAAI;AAEhD,8BAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,0BAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAvBgB;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,2BAAS,GAAG;AAEtC,8BAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;AAjBgB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,eAAW,qBAA2B,IAAI;AAEhD,8BAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,aAAO,sBAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,GAAG;AAEtC,8BAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useEffect, useMemo, useRef, useState } from "react";
 function debounce(func, wait, leading) {
   let timeout;
@@ -20,13 +18,11 @@ function debounce(func, wait, leading) {
       isCancelled = false;
     }, wait);
   }
-  __name(debounced, "debounced");
   debounced.cancel = () => {
     isCancelled = true;
   };
   return debounced;
 }
-__name(debounce, "debounce");
 const defaultOpts = { leading: false };
 function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
   const dbEffect = useRef(null);
@@ -41,7 +37,6 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
     return dbEffect.current;
   }, [options.leading, ...mountArgs]);
 }
-__name(useDebounce, "useDebounce");
 function useDebounceValue(val, amt = 0) {
   const [state, setState] = useState(val);
   useEffect(() => {
@@ -58,7 +53,6 @@ function useDebounceValue(val, amt = 0) {
   }, [val]);
   return state;
 }
-__name(useDebounceValue, "useDebounceValue");
 export {
   debounce,
   useDebounce,

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n  leading?: boolean\n}\n\nexport function debounce<A extends Function>(\n  func: A,\n  wait?: number,\n  leading?: boolean\n): A & {\n  cancel: () => void\n} {\n  let timeout: any\n  let isCancelled = false\n\n  function debounced(this: any) {\n    isCancelled = false\n    let context = this\n    let args = arguments\n    if (leading && !timeout) {\n      func.apply(context, args)\n    }\n    clearTimeout(timeout)\n    timeout = setTimeout(function () {\n      timeout = null\n      if (!leading && !isCancelled) {\n        func.apply(context, args)\n      }\n      isCancelled = false\n    }, wait)\n  }\n\n  debounced.cancel = () => {\n    isCancelled = true\n  }\n\n  return debounced as any\n}\n\nconst defaultOpts = { leading: false }\n\nexport function useDebounce<\n  A extends (...args: any) => any | undefined | null,\n  DebouncedFn extends A & {\n    cancel: () => void\n  }\n>(\n  fn: A,\n  wait: number,\n  options: DebounceSettings = defaultOpts,\n  mountArgs: any[] = []\n): DebouncedFn {\n  const dbEffect = useRef<DebouncedFn | null>(null)\n\n  useEffect(() => {\n    return () => {\n      dbEffect.current?.cancel()\n    }\n  }, [])\n\n  return useMemo(() => {\n    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn\n    return dbEffect.current\n  }, [options.leading, ...mountArgs])\n}\n\n/**\n * Returns a value once it stops changing after \"amt\" time.\n * Note: you may need to memo or this will keep re-rendering\n */\nexport function useDebounceValue<A>(val: A, amt = 0): A {\n  const [state, setState] = useState(val)\n\n  useEffect(() => {\n    let tm = setTimeout(() => {\n      setState((prev) => {\n        if (prev === val) return prev\n        return val\n      })\n    }, amt)\n\n    return () => {\n      clearTimeout(tm)\n    }\n  }, [val])\n\n  return state\n}\n"],
-  "mappings": ";;AAAA;AAMO,kBACL,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,uBAA8B;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAfS;AAiBT,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAhCgB;AAkChB,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,qBAML,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAvBgB;AA6BT,0BAA6B,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,YAAY,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;AAjBgB;",
+  "mappings": "AAAA,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AAxDjB;AAyDM,qBAAS,YAAT,mBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/index.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useEffect, useMemo, useRef, useState } from "react";
 function debounce(func, wait, leading) {
   let timeout;
@@ -20,20 +18,17 @@ function debounce(func, wait, leading) {
       isCancelled = false;
     }, wait);
   }
-  __name(debounced, "debounced");
   debounced.cancel = () => {
     isCancelled = true;
   };
   return debounced;
 }
-__name(debounce, "debounce");
 const defaultOpts = { leading: false };
 function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
   const dbEffect = useRef(null);
   useEffect(() => {
     return () => {
-      var _a;
-      (_a = dbEffect.current) == null ? void 0 : _a.cancel();
+      dbEffect.current?.cancel();
     };
   }, []);
   return useMemo(() => {
@@ -41,7 +36,6 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
     return dbEffect.current;
   }, [options.leading, ...mountArgs]);
 }
-__name(useDebounce, "useDebounce");
 function useDebounceValue(val, amt = 0) {
   const [state, setState] = useState(val);
   useEffect(() => {
@@ -58,9 +52,9 @@ function useDebounceValue(val, amt = 0) {
   }, [val]);
   return state;
 }
-__name(useDebounceValue, "useDebounceValue");
 export {
   debounce,
   useDebounce,
   useDebounceValue
 };
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { useEffect, useMemo, useRef, useState } from 'react'\n\ntype DebounceSettings = {\n  leading?: boolean\n}\n\nexport function debounce<A extends Function>(\n  func: A,\n  wait?: number,\n  leading?: boolean\n): A & {\n  cancel: () => void\n} {\n  let timeout: any\n  let isCancelled = false\n\n  function debounced(this: any) {\n    isCancelled = false\n    let context = this\n    let args = arguments\n    if (leading && !timeout) {\n      func.apply(context, args)\n    }\n    clearTimeout(timeout)\n    timeout = setTimeout(function () {\n      timeout = null\n      if (!leading && !isCancelled) {\n        func.apply(context, args)\n      }\n      isCancelled = false\n    }, wait)\n  }\n\n  debounced.cancel = () => {\n    isCancelled = true\n  }\n\n  return debounced as any\n}\n\nconst defaultOpts = { leading: false }\n\nexport function useDebounce<\n  A extends (...args: any) => any | undefined | null,\n  DebouncedFn extends A & {\n    cancel: () => void\n  }\n>(\n  fn: A,\n  wait: number,\n  options: DebounceSettings = defaultOpts,\n  mountArgs: any[] = []\n): DebouncedFn {\n  const dbEffect = useRef<DebouncedFn | null>(null)\n\n  useEffect(() => {\n    return () => {\n      dbEffect.current?.cancel()\n    }\n  }, [])\n\n  return useMemo(() => {\n    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn\n    return dbEffect.current\n  }, [options.leading, ...mountArgs])\n}\n\n/**\n * Returns a value once it stops changing after \"amt\" time.\n * Note: you may need to memo or this will keep re-rendering\n */\nexport function useDebounceValue<A>(val: A, amt = 0): A {\n  const [state, setState] = useState(val)\n\n  useEffect(() => {\n    let tm = setTimeout(() => {\n      setState((prev) => {\n        if (prev === val) return prev\n        return val\n      })\n    }, amt)\n\n    return () => {\n      clearTimeout(tm)\n    }\n  }, [val])\n\n  return state\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAM9C,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AACd,QAAI,UAAU;AACd,QAAI,OAAO;AACX,QAAI,WAAW,CAAC,SAAS;AACvB,WAAK,MAAM,SAAS,IAAI;AAAA,IAC1B;AACA,iBAAa,OAAO;AACpB,cAAU,WAAW,WAAY;AAC/B,gBAAU;AACV,UAAI,CAAC,WAAW,CAAC,aAAa;AAC5B,aAAK,MAAM,SAAS,IAAI;AAAA,MAC1B;AACA,oBAAc;AAAA,IAChB,GAAG,IAAI;AAAA,EACT;AAEA,YAAU,SAAS,MAAM;AACvB,kBAAc;AAAA,EAChB;AAEA,SAAO;AACT;AAEA,MAAM,cAAc,EAAE,SAAS,MAAM;AAE9B,SAAS,YAMd,IACA,MACA,UAA4B,aAC5B,YAAmB,CAAC,GACP;AACb,QAAM,WAAW,OAA2B,IAAI;AAEhD,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,SAAS,OAAO;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,aAAS,UAAU,SAAS,IAAI,MAAM,QAAQ,OAAO;AACrD,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,QAAQ,SAAS,GAAG,SAAS,CAAC;AACpC;AAMO,SAAS,iBAAoB,KAAQ,MAAM,GAAM;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,GAAG;AAEtC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,MAAM;AACxB,eAAS,CAAC,SAAS;AACjB,YAAI,SAAS;AAAK,iBAAO;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;",
+  "names": []
+}

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@tamagui/use-debounce",
-  "version": "1.0.1-beta.21",
-  "typings": "types",
+  "version": "1.0.1-beta.210",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
-  "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.21",
+    "@tamagui/build": "^1.0.1-beta.210",
     "react": "*"
   },
   "peerDependencies": {

package/src/index.ts

@@ -0,0 +1,89 @@
+import { useEffect, useMemo, useRef, useState } from 'react'
+
+type DebounceSettings = {
+  leading?: boolean
+}
+
+export function debounce<A extends Function>(
+  func: A,
+  wait?: number,
+  leading?: boolean
+): A & {
+  cancel: () => void
+} {
+  let timeout: any
+  let isCancelled = false
+
+  function debounced(this: any) {
+    isCancelled = false
+    let context = this
+    let args = arguments
+    if (leading && !timeout) {
+      func.apply(context, args)
+    }
+    clearTimeout(timeout)
+    timeout = setTimeout(function () {
+      timeout = null
+      if (!leading && !isCancelled) {
+        func.apply(context, args)
+      }
+      isCancelled = false
+    }, wait)
+  }
+
+  debounced.cancel = () => {
+    isCancelled = true
+  }
+
+  return debounced as any
+}
+
+const defaultOpts = { leading: false }
+
+export function useDebounce<
+  A extends (...args: any) => any | undefined | null,
+  DebouncedFn extends A & {
+    cancel: () => void
+  }
+>(
+  fn: A,
+  wait: number,
+  options: DebounceSettings = defaultOpts,
+  mountArgs: any[] = []
+): DebouncedFn {
+  const dbEffect = useRef<DebouncedFn | null>(null)
+
+  useEffect(() => {
+    return () => {
+      dbEffect.current?.cancel()
+    }
+  }, [])
+
+  return useMemo(() => {
+    dbEffect.current = debounce(fn, wait, options.leading) as unknown as DebouncedFn
+    return dbEffect.current
+  }, [options.leading, ...mountArgs])
+}
+
+/**
+ * Returns a value once it stops changing after "amt" time.
+ * Note: you may need to memo or this will keep re-rendering
+ */
+export function useDebounceValue<A>(val: A, amt = 0): A {
+  const [state, setState] = useState(val)
+
+  useEffect(() => {
+    let tm = setTimeout(() => {
+      setState((prev) => {
+        if (prev === val) return prev
+        return val
+      })
+    }, amt)
+
+    return () => {
+      clearTimeout(tm)
+    }
+  }, [val])
+
+  return state
+}

package/types/index.d.ts

@@ -7,6 +7,10 @@ export declare function debounce<A extends Function>(func: A, wait?: number, lea
 export declare function useDebounce<A extends (...args: any) => any | undefined | null, DebouncedFn extends A & {
     cancel: () => void;
 }>(fn: A, wait: number, options?: DebounceSettings, mountArgs?: any[]): DebouncedFn;
+/**
+ * Returns a value once it stops changing after "amt" time.
+ * Note: you may need to memo or this will keep re-rendering
+ */
 export declare function useDebounceValue<A>(val: A, amt?: number): A;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,aAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,IAAI,EAAE,CAAC,EACP,IAAI,CAAC,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,OAAO,GAChB,CAAC,GAAG;IACL,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CA0BA;AAID,wBAAgB,WAAW,CACzB,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,GAAG,SAAS,GAAG,IAAI,EAClD,WAAW,SAAS,CAAC,GAAG;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,EAED,EAAE,EAAE,CAAC,EACL,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,gBAA8B,EACvC,SAAS,GAAE,GAAG,EAAO,GACpB,WAAW,CAab;AAMD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,SAAI,GAAG,CAAC,CAiBtD"}