@tamagui/use-debounce 1.0.1-beta.219 → 1.0.1-beta.221

package/dist/cjs/index.js

@@ -29,8 +29,8 @@ function debounce(func, wait, leading) {
   let isCancelled = false;
   function debounced() {
     isCancelled = false;
-    let context = this;
-    let args = arguments;
+    const context = this;
+    const args = arguments;
     if (leading && !timeout) {
       func.apply(context, args);
     }
@@ -65,7 +65,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
 function useDebounceValue(val, amt = 0) {
   const [state, setState] = (0, import_react.useState)(val);
   (0, import_react.useEffect)(() => {
-    let tm = setTimeout(() => {
+    const tm = setTimeout(() => {
       setState((prev) => {
         if (prev === val)
           return prev;

package/dist/cjs/index.js.map

@@ -1,7 +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;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;",
+  "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    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this\n    const 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    const 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,SAAS,SACd,MACA,MACA,SAGA;AACA,MAAI;AACJ,MAAI,cAAc;AAElB,WAAS,YAAqB;AAC5B,kBAAc;AAEd,UAAM,UAAU;AAChB,UAAM,OAAO;AACb,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;AAzDjB;AA0DM,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,UAAM,KAAK,WAAW,MAAM;AAC1B,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

@@ -4,8 +4,8 @@ function debounce(func, wait, leading) {
   let isCancelled = false;
   function debounced() {
     isCancelled = false;
-    let context = this;
-    let args = arguments;
+    const context = this;
+    const args = arguments;
     if (leading && !timeout) {
       func.apply(context, args);
     }
@@ -40,7 +40,7 @@ function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
 function useDebounceValue(val, amt = 0) {
   const [state, setState] = useState(val);
   useEffect(() => {
-    let tm = setTimeout(() => {
+    const tm = setTimeout(() => {
       setState((prev) => {
         if (prev === val)
           return prev;

package/dist/esm/index.js.map

@@ -1,7 +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;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;",
+  "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    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this\n    const 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    const 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;AAEd,UAAM,UAAU;AAChB,UAAM,OAAO;AACb,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;AAzDjB;AA0DM,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,UAAM,KAAK,WAAW,MAAM;AAC1B,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,6 +1,6 @@
 {
   "name": "@tamagui/use-debounce",
-  "version": "1.0.1-beta.219",
+  "version": "1.0.1-beta.221",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -12,13 +12,13 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
-    "lint": "eslint",
+    "lint": "eslint src",
     "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.219",
+    "@tamagui/build": "^1.0.1-beta.221",
     "react": ">=18"
   },
   "peerDependencies": {

package/src/index.ts

@@ -16,8 +16,9 @@ export function debounce<A extends Function>(
 
   function debounced(this: any) {
     isCancelled = false
-    let context = this
-    let args = arguments
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    const context = this
+    const args = arguments
     if (leading && !timeout) {
       func.apply(context, args)
     }
@@ -73,7 +74,7 @@ export function useDebounceValue<A>(val: A, amt = 0): A {
   const [state, setState] = useState(val)
 
   useEffect(() => {
-    let tm = setTimeout(() => {
+    const tm = setTimeout(() => {
       setState((prev) => {
         if (prev === val) return prev
         return val

package/dist/jsx/index.js

@@ -1,60 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-function debounce(func, wait, leading) {
-  let timeout;
-  let isCancelled = false;
-  function debounced() {
-    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;
-}
-const defaultOpts = { leading: false };
-function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
-  const dbEffect = useRef(null);
-  useEffect(() => {
-    return () => {
-      dbEffect.current?.cancel();
-    };
-  }, []);
-  return useMemo(() => {
-    dbEffect.current = debounce(fn, wait, options.leading);
-    return dbEffect.current;
-  }, [options.leading, ...mountArgs]);
-}
-function useDebounceValue(val, amt = 0) {
-  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;
-}
-export {
-  debounce,
-  useDebounce,
-  useDebounceValue
-};
-//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}