@take-out/hooks 0.0.28

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 vxrn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,120 @@
+# @takeout/hooks
+
+collection of reusable react hooks for the takeout project.
+
+## hooks
+
+### useClickOutside
+
+detect clicks outside a referenced element (web only)
+
+```ts
+useClickOutside({ ref, active, onClickOutside })
+```
+
+### useDebouncePrepend
+
+debounce list updates when prepending items, immediate updates otherwise
+
+```ts
+const debouncedList = useDebouncePrepend(list, delay)
+```
+
+### useDeepMemoizedObject
+
+deep memoization with optional immutable field tracking
+
+```ts
+const memoized = useDeepMemoizedObject(value, {
+  immutableToNestedChanges: { 'path.to.field': true },
+})
+```
+
+### useDeferredBoolean
+
+defer boolean state updates using react transitions
+
+```ts
+const deferredValue = useDeferredBoolean(value)
+```
+
+### useEffectOnceGlobally
+
+run effect once globally across all component instances, keyed by id
+
+```ts
+useEffectOnceGlobally(key, (value) => {
+  // runs once per unique key
+})
+```
+
+### useIsMounted
+
+returns true after component mounts
+
+```ts
+const isMounted = useIsMounted()
+```
+
+### useLastValue
+
+returns previous value from last render
+
+```ts
+const previousValue = useLastValue(currentValue)
+```
+
+### useLastValueIf
+
+conditionally keep last value based on boolean
+
+```ts
+const value = useLastValueIf(currentValue, shouldKeepLast)
+```
+
+### useMemoizedObjectList
+
+memoize list items by identity key, prevents unnecessary re-renders when zero
+mutates objects
+
+```ts
+const memoizedList = useMemoizedObjectList(list, 'id')
+```
+
+### useMemoStable
+
+useMemo with warnings when dependencies change too often (development only)
+
+```ts
+const value = useMemoStable(() => expensiveComputation(), deps, {
+  name: 'myMemo',
+  maxChanges: 5,
+})
+```
+
+### useThrottle
+
+throttle function calls
+
+```ts
+const throttledFn = useThrottle(fn, delay)
+```
+
+### useWarnIfDepsChange
+
+warn when dependencies change too often (development only)
+
+```ts
+useWarnIfDepsChange(deps, {
+  name: 'myEffect',
+  maxChanges: 5,
+})
+```
+
+### useWarnIfMemoChangesOften
+
+warn when memoized value changes frequently (development only)
+
+```ts
+useWarnIfMemoChangesOften(value, threshold, 'valueName')
+```

package/dist/cjs/index.cjs

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useClickOutside.cjs"), module.exports);
+__reExport(index_exports, require("./useDebouncePrepend.cjs"), module.exports);
+__reExport(index_exports, require("./useDeepMemoizedObject.cjs"), module.exports);
+__reExport(index_exports, require("./useDeferredBoolean.cjs"), module.exports);
+__reExport(index_exports, require("./useEffectOnceGlobally.cjs"), module.exports);
+__reExport(index_exports, require("./useIsMounted.cjs"), module.exports);
+__reExport(index_exports, require("./useLastValue.cjs"), module.exports);
+__reExport(index_exports, require("./useLastValueIf.cjs"), module.exports);
+__reExport(index_exports, require("./useMemoizedObjectList.cjs"), module.exports);
+__reExport(index_exports, require("./useMemoStable.cjs"), module.exports);
+__reExport(index_exports, require("./useThrottle.cjs"), module.exports);
+__reExport(index_exports, require("./useWarnIfDepsChange.cjs"), module.exports);
+__reExport(index_exports, require("./useWarnIfMemoChangesOften.cjs"), module.exports);

package/dist/cjs/index.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useClickOutside"), module.exports);
+__reExport(index_exports, require("./useDebouncePrepend"), module.exports);
+__reExport(index_exports, require("./useDeepMemoizedObject"), module.exports);
+__reExport(index_exports, require("./useDeferredBoolean"), module.exports);
+__reExport(index_exports, require("./useEffectOnceGlobally"), module.exports);
+__reExport(index_exports, require("./useIsMounted"), module.exports);
+__reExport(index_exports, require("./useLastValue"), module.exports);
+__reExport(index_exports, require("./useLastValueIf"), module.exports);
+__reExport(index_exports, require("./useMemoizedObjectList"), module.exports);
+__reExport(index_exports, require("./useMemoStable"), module.exports);
+__reExport(index_exports, require("./useThrottle"), module.exports);
+__reExport(index_exports, require("./useWarnIfDepsChange"), module.exports);
+__reExport(index_exports, require("./useWarnIfMemoChangesOften"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,8BAAd;AACA,0BAAc,iCADd;AAEA,0BAAc,oCAFd;AAGA,0BAAc,iCAHd;AAIA,0BAAc,oCAJd;AAKA,0BAAc,2BALd;AAMA,0BAAc,2BANd;AAOA,0BAAc,6BAPd;AAQA,0BAAc,oCARd;AASA,0BAAc,4BATd;AAUA,0BAAc,0BAVd;AAWA,0BAAc,kCAXd;AAYA,0BAAc,wCAZd;",
+  "names": []
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useClickOutside.native.js"), module.exports);
+__reExport(index_exports, require("./useDebouncePrepend.native.js"), module.exports);
+__reExport(index_exports, require("./useDeepMemoizedObject.native.js"), module.exports);
+__reExport(index_exports, require("./useDeferredBoolean.native.js"), module.exports);
+__reExport(index_exports, require("./useEffectOnceGlobally.native.js"), module.exports);
+__reExport(index_exports, require("./useIsMounted.native.js"), module.exports);
+__reExport(index_exports, require("./useLastValue.native.js"), module.exports);
+__reExport(index_exports, require("./useLastValueIf.native.js"), module.exports);
+__reExport(index_exports, require("./useMemoizedObjectList.native.js"), module.exports);
+__reExport(index_exports, require("./useMemoStable.native.js"), module.exports);
+__reExport(index_exports, require("./useThrottle.native.js"), module.exports);
+__reExport(index_exports, require("./useWarnIfDepsChange.native.js"), module.exports);
+__reExport(index_exports, require("./useWarnIfMemoChangesOften.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAAAH,MADd,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAAAH,MAFd,CAAAC,OAAA;AAGAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCAAAH,MAJd,CAAAC,OAAA;AAKAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCALd,GAAAH,MAAA,CAAAC,OAAA;AAMAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BANdH,MAAA,CAAAC,OAAA;AAOAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAPd,CAAAC,OAAA;AAQAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,gCAAAH,MAAA,CARdC,OAAA;AASAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCATd,GAAAH,MAAA,CAAAC,OAAA;AAUAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAVd,EAAAH,MAAA,CAAAC,OAAA;AAWAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAAAH,MAAA,CAAAC,OAXd;AAYAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,qCAAAH,MAZd,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/useClickOutside.cjs

@@ -0,0 +1,43 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useClickOutside_exports = {};
+__export(useClickOutside_exports, {
+  useClickOutside: () => useClickOutside
+});
+module.exports = __toCommonJS(useClickOutside_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui");
+const useClickOutside = ({
+  ref,
+  active,
+  onClickOutside
+}) => {
+  (0, import_react.useEffect)(() => {
+    if (!import_tamagui.isWeb || !active || !onClickOutside) return;
+    const handleClickOutside = e => {
+      const node = ref.current;
+      node && e.target instanceof HTMLElement && (node.contains(e.target) || onClickOutside());
+    };
+    return document.addEventListener("click", handleClickOutside), () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [ref, active, onClickOutside]);
+};

package/dist/cjs/useClickOutside.js

@@ -0,0 +1,37 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var useClickOutside_exports = {};
+__export(useClickOutside_exports, {
+  useClickOutside: () => useClickOutside
+});
+module.exports = __toCommonJS(useClickOutside_exports);
+var import_react = require("react"), import_tamagui = require("tamagui");
+const useClickOutside = ({
+  ref,
+  active,
+  onClickOutside
+}) => {
+  (0, import_react.useEffect)(() => {
+    if (!import_tamagui.isWeb || !active || !onClickOutside) return;
+    const handleClickOutside = (e) => {
+      const node = ref.current;
+      node && e.target instanceof HTMLElement && (node.contains(e.target) || onClickOutside());
+    };
+    return document.addEventListener("click", handleClickOutside), () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [ref, active, onClickOutside]);
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/cjs/useClickOutside.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useClickOutside.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B,kBAC1B,iBAA2C;AAQpC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,8BAAU,MAAM;AAGd,QAFI,CAAC,wBACD,CAAC,UACD,CAAC,eAAgB;AAErB,UAAM,qBAAqB,CAAC,MAAkB;AAC5C,YAAM,OAAO,IAAI;AACjB,MAAK,QACC,EAAE,kBAAkB,gBACrB,KAAK,SAAS,EAAE,MAAM,KACzB,eAAe;AAAA,IAEnB;AAEA,oBAAS,iBAAiB,SAAS,kBAAkB,GAC9C,MAAM;AACX,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,cAAc,CAAC;AAClC;",
+  "names": []
+}

package/dist/cjs/useClickOutside.native.js

@@ -0,0 +1,51 @@
+"use strict";
+
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useClickOutside_exports = {};
+__export(useClickOutside_exports, {
+  useClickOutside: () => useClickOutside
+});
+module.exports = __toCommonJS(useClickOutside_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui");
+function _instanceof(left, right) {
+  return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
+}
+var useClickOutside = function (param) {
+  var {
+    ref,
+    active,
+    onClickOutside
+  } = param;
+  (0, import_react.useEffect)(function () {
+    if (import_tamagui.isWeb && active && onClickOutside) {
+      var handleClickOutside = function (e) {
+        var node = ref.current;
+        node && _instanceof(e.target, HTMLElement) && (node.contains(e.target) || onClickOutside());
+      };
+      return document.addEventListener("click", handleClickOutside), function () {
+        document.removeEventListener("click", handleClickOutside);
+      };
+    }
+  }, [ref, active, onClickOutside]);
+};
+//# sourceMappingURL=useClickOutside.native.js.map

package/dist/cjs/useClickOutside.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useClickOutside_exports","__export","useClickOutside","module","exports","import_react","require","import_tamagui","_instanceof","left","right","Symbol","hasInstance","param","ref","active","onClickOutside","useEffect","isWeb","handleClickOutside","e","node","current","target","HTMLElement","contains","document","addEventListener","removeEventListener"],"sources":["../../src/useClickOutside.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,uBAC1B,CAA2C;AAQpC,IAAAK,YAAM,GAAAC,OAAmB;EAAAC,cAAA,GAAAD,OAAA;AAAA,SAC9BE,YAAAC,IAAA,EAAAC,KAAA;EACA,OAAAA,KAAA,mBAAAC,MAAA,UAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA,MAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA,IAAAA,IAAA,YAAAC,KAAA;AAAA;AAEF,IAAAR,eAA4B,YAAAA,CAAAW,KAAA;EAC1B;IAAAC,GAAA;IAAAC,MAAA;IAAAC;EAAgB,IAAAH,KAAA;EAGd,IAAAR,YAFK,CAAAY,SAAA,cACA;IAGL,IAAAV,cAAM,CAAAW,KAAA,IAAsBH,MAAkB,IAAAC,cAAA;MAC5C,IAAAG,kBAAiB,YAAAA,CAAAC,CAAA;QACZ,IAAAC,IACG,GAAAP,GAAA,CAAAQ,OAAA;QAIVD,IAAA,IAAAb,WAAA,CAAAY,CAAA,CAAAG,MAAA,EAAAC,WAAA,MAAAH,IAAA,CAAAI,QAAA,CAAAL,CAAA,CAAAG,MAAA,KAAAP,cAAA;MAEA;MAEE,OAAAU,QAAS,CAAAC,gBAAoB,QAAS,EAAAR,kBAAkB;QAC1DO,QAAA,CAAAE,mBAAA,UAAAT,kBAAA;MACE;IACN","ignoreList":[]}

package/dist/cjs/useDebouncePrepend.cjs

@@ -0,0 +1,46 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useDebouncePrepend_exports = {};
+__export(useDebouncePrepend_exports, {
+  useDebouncePrepend: () => useDebouncePrepend
+});
+module.exports = __toCommonJS(useDebouncePrepend_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui");
+function useDebouncePrepend(list, delay) {
+  const [current, setCurrent] = (0, import_react.useState)(list),
+    [previous, setPrevious] = (0, import_react.useState)(list),
+    [pendingUpdate, setPendingUpdate] = (0, import_react.useState)(null),
+    debouncedUpdate = (0, import_react.useMemo)(() => (0, import_tamagui.debounce)(newList => {
+      setCurrent(newList), setPendingUpdate(null);
+    }, delay), [delay]),
+    updateState = (0, import_react.useCallback)(newList => {
+      setCurrent(prevCurrent => {
+        const currentList = pendingUpdate || prevCurrent;
+        return newList.length > previous.length && newList[0]?.id !== previous[0]?.id ? (debouncedUpdate.cancel(), setPendingUpdate(newList), debouncedUpdate(newList), currentList) : (debouncedUpdate.cancel(), setPendingUpdate(null), newList);
+      });
+    }, [previous, pendingUpdate, debouncedUpdate]);
+  return (0, import_react.useEffect)(() => {
+    if (list !== previous) return setPrevious(list), updateState(list), () => {
+      debouncedUpdate.cancel();
+    };
+  }, [list, previous, updateState, debouncedUpdate]), current;
+}

package/dist/cjs/useDebouncePrepend.js

@@ -0,0 +1,40 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var useDebouncePrepend_exports = {};
+__export(useDebouncePrepend_exports, {
+  useDebouncePrepend: () => useDebouncePrepend
+});
+module.exports = __toCommonJS(useDebouncePrepend_exports);
+var import_react = require("react"), import_tamagui = require("tamagui");
+function useDebouncePrepend(list, delay) {
+  const [current, setCurrent] = (0, import_react.useState)(list), [previous, setPrevious] = (0, import_react.useState)(list), [pendingUpdate, setPendingUpdate] = (0, import_react.useState)(null), debouncedUpdate = (0, import_react.useMemo)(() => (0, import_tamagui.debounce)((newList) => {
+    setCurrent(newList), setPendingUpdate(null);
+  }, delay), [delay]), updateState = (0, import_react.useCallback)(
+    (newList) => {
+      setCurrent((prevCurrent) => {
+        const currentList = pendingUpdate || prevCurrent;
+        return newList.length > previous.length && newList[0]?.id !== previous[0]?.id ? (debouncedUpdate.cancel(), setPendingUpdate(newList), debouncedUpdate(newList), currentList) : (debouncedUpdate.cancel(), setPendingUpdate(null), newList);
+      });
+    },
+    [previous, pendingUpdate, debouncedUpdate]
+  );
+  return (0, import_react.useEffect)(() => {
+    if (list !== previous)
+      return setPrevious(list), updateState(list), () => {
+        debouncedUpdate.cancel();
+      };
+  }, [list, previous, updateState, debouncedUpdate]), current;
+}
+//# sourceMappingURL=useDebouncePrepend.js.map

package/dist/cjs/useDebouncePrepend.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useDebouncePrepend.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D,kBAC1D,iBAAyB;AAElB,SAAS,mBACd,MACA,OACG;AACH,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI,GACrC,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI,GACvC,CAAC,eAAe,gBAAgB,QAAI,uBAAmB,IAAI,GAE3D,sBAAkB,sBAAQ,UACvB,yBAAS,CAAC,YAAe;AAC9B,eAAW,OAAO,GAClB,iBAAiB,IAAI;AAAA,EACvB,GAAG,KAAK,GACP,CAAC,KAAK,CAAC,GAEJ,kBAAc;AAAA,IAClB,CAAC,YAAe;AACd,iBAAW,CAAC,gBAAgB;AAE1B,cAAM,cAAc,iBAAiB;AAMrC,eAFE,QAAQ,SAAS,SAAS,UAAU,QAAQ,CAAC,GAAG,OAAO,SAAS,CAAC,GAAG,MAIpE,gBAAgB,OAAO,GACvB,iBAAiB,OAAO,GACxB,gBAAgB,OAAO,GAChB,gBAIT,gBAAgB,OAAO,GACvB,iBAAiB,IAAI,GACd;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,UAAU,eAAe,eAAe;AAAA,EAC3C;AAEA,qCAAU,MAAM;AACd,QAAI,SAAS;AAKb,yBAAY,IAAI,GAGhB,YAAY,IAAI,GAET,MAAM;AACX,wBAAgB,OAAO;AAAA,MACzB;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,aAAa,eAAe,CAAC,GAE1C;AACT;",
+  "names": []
+}

package/dist/cjs/useDebouncePrepend.native.js

@@ -0,0 +1,54 @@
+"use strict";
+
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useDebouncePrepend_exports = {};
+__export(useDebouncePrepend_exports, {
+  useDebouncePrepend: () => useDebouncePrepend
+});
+module.exports = __toCommonJS(useDebouncePrepend_exports);
+var import_react = require("react"),
+  import_tamagui = require("tamagui");
+function useDebouncePrepend(list, delay) {
+  var [current, setCurrent] = (0, import_react.useState)(list),
+    [previous, setPrevious] = (0, import_react.useState)(list),
+    [pendingUpdate, setPendingUpdate] = (0, import_react.useState)(null),
+    debouncedUpdate = (0, import_react.useMemo)(function () {
+      return (0, import_tamagui.debounce)(function (newList) {
+        setCurrent(newList), setPendingUpdate(null);
+      }, delay);
+    }, [delay]),
+    updateState = (0, import_react.useCallback)(function (newList) {
+      setCurrent(function (prevCurrent) {
+        var _newList_,
+          _previous_,
+          currentList = pendingUpdate || prevCurrent,
+          isPrepending = newList.length > previous.length && ((_newList_ = newList[0]) === null || _newList_ === void 0 ? void 0 : _newList_.id) !== ((_previous_ = previous[0]) === null || _previous_ === void 0 ? void 0 : _previous_.id);
+        return isPrepending ? (debouncedUpdate.cancel(), setPendingUpdate(newList), debouncedUpdate(newList), currentList) : (debouncedUpdate.cancel(), setPendingUpdate(null), newList);
+      });
+    }, [previous, pendingUpdate, debouncedUpdate]);
+  return (0, import_react.useEffect)(function () {
+    if (list !== previous) return setPrevious(list), updateState(list), function () {
+      debouncedUpdate.cancel();
+    };
+  }, [list, previous, updateState, debouncedUpdate]), current;
+}
+//# sourceMappingURL=useDebouncePrepend.native.js.map

package/dist/cjs/useDebouncePrepend.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useDebouncePrepend_exports","__export","useDebouncePrepend","module","exports","import_react","require","import_tamagui","list","delay","current","setCurrent","useState","previous","setPrevious","pendingUpdate","setPendingUpdate","debouncedUpdate","useMemo","debounce","newList","updateState","useCallback","prevCurrent","_newList_","_previous_","currentList","isPrepending","length","id","cancel","useEffect"],"sources":["../../src/useDebouncePrepend.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0D,CAAAK,0BACjC;AAElB,IAAAK,YAAS,GAAAC,OAAA,QAEd;EAAAC,cACG,GAAAD,OAAA;AACH,SAAOJ,kBAASA,CAAUM,IAAA,EAAAC,KAAI;EAM1B,KAAAC,OAAA,EAAWC,UACX,QAAAN,YAAqB,CAAAO,QAAA,EAAAJ,IAAA;IAAA,CAAAK,QAAA,EAAAC,WAAA,QAAAT,YAAA,CAAAO,QAAA,EAAAJ,IAAA;IAAA,CAAAO,aAAA,EAAAC,gBAAA,QAAAX,YAAA,CAAAO,QAAA;IAAAK,eAAA,OAAAZ,YAAA,CAAAa,OAAA;MACvB,OAAQ,EACP,EAACX,cAEE,CAAAY,QAAA,YAAcC,OAAA;QACjBT,UAAA,CAAeS,OAAA,GAAAJ,gBAAA;MACd,GAAAP,KAAA;IAEE,IAMAA,KAAA,CAWO;IACTY,WAAC,OAAAhB,YAAA,CAAAiB,WAAA,YAAAF,OAAA;MACHT,UAAA,WAAAY,WAAA;QACC,IAAAC,SAAU;UAAAC,UAAe;UAAAC,WAAA,GAAeX,aAAA,IAAAQ,WAAA;UAAAI,YAAA,GAAAP,OAAA,CAAAQ,MAAA,GAAAf,QAAA,CAAAe,MAAA,MAAAJ,SAAA,GAAAJ,OAAA,iBAAAI,SAAA,uBAAAA,SAAA,CAAAK,EAAA,QAAAJ,UAAA,GAAAZ,QAAA,iBAAAY,UAAA,uBAAAA,UAAA,CAAAI,EAAA;QAC3C,OAAAF,YAAA,IAAAV,eAAA,CAAAa,MAAA,IAAAd,gBAAA,CAAAI,OAAA,GAAAH,eAAA,CAAAG,OAAA,GAAAM,WAAA,KAAAT,eAAA,CAAAa,MAAA,IAAAd,gBAAA,QAAAI,OAAA;MAEA;IACE,IAKAP,QAAA,EAMEE,aAAA,EAAuBE,eACzB,CACF;EAGF,WAAAZ,YAAA,CAAA0B,SAAA","ignoreList":[]}