@siberiacancode/reactuse 0.3.15 → 0.3.17

package/dist/esm/hooks/useList/useList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useList.mjs","sources":["../../../../src/hooks/useList/useList.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use list return type */\nexport interface UseListReturn<Item> {\n  /** The current list of items */\n  value: Item[];\n  /** Clears the list */\n  clear: () => void;\n  /** Inserts an item at the specified index */\n  insertAt: (insertAtIndex: number, item: Item) => void;\n  /** Adds an item to the list */\n  push: (item: Item) => void;\n  /** Removes an item from the list */\n  removeAt: (removeAtIndex: number) => void;\n  /** Sets the list of items */\n  set: (list: Item[]) => void;\n  /** Updates an item at the specified index */\n  updateAt: (updateAtIndex: number, item: Item) => void;\n}\n\n/**\n * @name useList\n * @description - Hook that provides state and helper methods to manage a list of items\n * @category State\n * @usage medium\n *\n * @template Item The type of the item\n * @param {Item[] | (() => Item[])} initialList The initial list of items\n * @returns {UseListReturn} An object containing the current list and functions to interact with the list\n *\n * @example\n * const { value, set, push, removeAt, insertAt, updateAt, clear } = useList();\n */\nexport const useList = <Item>(initialList: Item[] = []) => {\n  const [list, setList] = useState(initialList);\n\n  const push = (item: Item) => setList((prevList) => [...prevList, item]);\n\n  const removeAt = (removeAtIndex: number) =>\n    setList((prevList) => [\n      ...prevList.slice(0, removeAtIndex),\n      ...prevList.slice(removeAtIndex + 1)\n    ]);\n\n  const insertAt = (insertAtIndex: number, item: Item) =>\n    setList((l) => [...l.slice(0, insertAtIndex), item, ...l.slice(insertAtIndex)]);\n\n  const updateAt = (updateAtIndex: number, item: Item) =>\n    setList((prevList) =>\n      prevList.map((element, index) => (index === updateAtIndex ? item : element))\n    );\n\n  const clear = () => setList([]);\n\n  const reset = () => setList(initialList);\n\n  return {\n    value: list,\n    set: setList,\n    push,\n    removeAt,\n    insertAt,\n    updateAt,\n    clear,\n    reset\n  };\n};\n"],"names":["useList","initialList","list","setList","useState","item","prevList","removeAtIndex","insertAtIndex","l","updateAtIndex","element","index"],"mappings":";AAiCO,MAAMA,IAAU,CAAOC,IAAsB,OAAO;AACzD,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASH,CAAW;AAsB5C,SAAO;AAAA,IACL,OAAOC;AAAA,IACP,KAAKC;AAAA,IACL,MAvBW,CAACE,MAAeF,EAAQ,CAACG,MAAa,CAAC,GAAGA,GAAUD,CAAI,CAAC;AAAA,IAwBpE,UAtBe,CAACE,MAChBJ,EAAQ,CAACG,MAAa;AAAA,MACpB,GAAGA,EAAS,MAAM,GAAGC,CAAa;AAAA,MAClC,GAAGD,EAAS,MAAMC,IAAgB,CAAC;AAAA,IAAA,CACpC;AAAA,IAmBD,UAjBe,CAACC,GAAuBH,MACvCF,EAAQ,CAACM,MAAM,CAAC,GAAGA,EAAE,MAAM,GAAGD,CAAa,GAAGH,GAAM,GAAGI,EAAE,MAAMD,CAAa,CAAC,CAAC;AAAA,IAiB9E,UAfe,CAACE,GAAuBL,MACvCF;AAAA,MAAQ,CAACG,MACPA,EAAS,IAAI,CAACK,GAASC,MAAWA,MAAUF,IAAgBL,IAAOM,CAAQ;AAAA,IAAA;AAAA,IAc7E,OAXY,MAAMR,EAAQ,EAAE;AAAA,IAY5B,OAVY,MAAMA,EAAQF,CAAW;AAAA,EAUrC;AAEJ;"}
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/hooks/useList/useList.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use list return type */\nexport interface UseListReturn<Item> {\n  /** The current list of items */\n  value: Item[];\n  /** Clears the list */\n  clear: () => void;\n  /** Inserts an item at the specified index */\n  insertAt: (insertAtIndex: number, item: Item) => void;\n  /** Adds an item to the list */\n  push: (item: Item) => void;\n  /** Removes an item from the list */\n  removeAt: (removeAtIndex: number) => void;\n  /** Sets the list of items */\n  set: (list: Item[]) => void;\n  /** Updates an item at the specified index */\n  updateAt: (updateAtIndex: number, item: Item) => void;\n}\n\n/**\n * @name useList\n * @description - Hook that provides state and helper methods to manage a list of items\n * @category State\n * @usage medium\n *\n * @template Item The type of the item\n * @param {Item[] | (() => Item[])} initialList The initial list of items\n * @returns {UseListReturn} An object containing the current list and functions to interact with the list\n *\n * @example\n * const { value, set, push, removeAt, insertAt, updateAt, clear } = useList();\n */\nexport const useList = <Item>(initialList: Item[] = []) => {\n  const [list, setList] = useState(initialList);\n\n  const push = (item: Item) => setList((prevList) => [...prevList, item]);\n\n  const removeAt = (removeAtIndex: number) =>\n    setList((prevList) => [\n      ...prevList.slice(0, removeAtIndex),\n      ...prevList.slice(removeAtIndex + 1)\n    ]);\n\n  const insertAt = (insertAtIndex: number, item: Item) =>\n    setList((l) => [...l.slice(0, insertAtIndex), item, ...l.slice(insertAtIndex)]);\n\n  const updateAt = (updateAtIndex: number, item: Item) =>\n    setList((prevList) =>\n      prevList.map((element, index) => (index === updateAtIndex ? item : element))\n    );\n\n  const clear = () => setList([]);\n\n  const reset = () => setList(initialList);\n\n  return {\n    value: list,\n    set: setList,\n    push,\n    removeAt,\n    insertAt,\n    updateAt,\n    clear,\n    reset\n  };\n};\n"],"mappings":";;AAiCA,IAAa,KAAiB,IAAsB,EAAE,KAAK;CACzD,IAAM,CAAC,GAAM,KAAW,EAAS,EAAY;AAsB7C,QAAO;EACL,OAAO;EACP,KAAK;EACL,OAvBY,MAAe,GAAS,MAAa,CAAC,GAAG,GAAU,EAAK,CAAC;EAwBrE,WAtBgB,MAChB,GAAS,MAAa,CACpB,GAAG,EAAS,MAAM,GAAG,EAAc,EACnC,GAAG,EAAS,MAAM,IAAgB,EAAE,CACrC,CAAC;EAmBF,WAjBgB,GAAuB,MACvC,GAAS,MAAM;GAAC,GAAG,EAAE,MAAM,GAAG,EAAc;GAAE;GAAM,GAAG,EAAE,MAAM,EAAc;GAAC,CAAC;EAiB/E,WAfgB,GAAuB,MACvC,GAAS,MACP,EAAS,KAAK,GAAS,MAAW,MAAU,IAAgB,IAAO,EAAS,CAC7E;EAaD,aAXkB,EAAQ,EAAE,CAAC;EAY7B,aAVkB,EAAQ,EAAY;EAWvC"}

package/dist/esm/hooks/useLocalStorage/useLocalStorage.mjs

@@ -1,10 +1,11 @@
-import { useStorage as r } from "../useStorage/useStorage.mjs";
-const d = (o, e, t) => r(o, {
-  ...t,
-  initialValue: e,
-  storage: typeof window < "u" ? window.localStorage : void 0
+import { useStorage as e } from "../useStorage/useStorage.mjs";
+//#region src/hooks/useLocalStorage/useLocalStorage.ts
+var t = (t, n, r) => e(t, {
+	...r,
+	initialValue: n,
+	storage: typeof window < "u" ? window.localStorage : void 0
 });
-export {
-  d as useLocalStorage
-};
-//# sourceMappingURL=useLocalStorage.mjs.map
+//#endregion
+export { t as useLocalStorage };
+
+//# sourceMappingURL=useLocalStorage.mjs.map

package/dist/esm/hooks/useLocalStorage/useLocalStorage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.mjs","sources":["../../../../src/hooks/useLocalStorage/useLocalStorage.ts"],"sourcesContent":["import type { UseStorageInitialValue, UseStorageOptions } from '../useStorage/useStorage';\n\nimport { useStorage } from '../useStorage/useStorage';\n\n/**\n * @name useLocalStorage\n * @description - Hook that manages local storage value\n * @category State\n * @usage high\n *\n * @browserapi localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage\n *\n * @template Value The type of the value\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @param {UseStorageOptions<Value>} [options] The options of the storage\n *\n * @example\n * const { value, set, remove } = useLocalStorage('key', 'value');\n */\nexport const useLocalStorage = <Value>(\n  key: string,\n  initialValue?: UseStorageInitialValue<Value>,\n  options?: Omit<UseStorageOptions<Value>, 'initialValue' | 'storage'>\n) =>\n  useStorage(key, {\n    ...options,\n    initialValue,\n    storage: typeof window !== 'undefined' ? window.localStorage : undefined\n  });\n"],"names":["useLocalStorage","key","initialValue","options","useStorage"],"mappings":";AAoBO,MAAMA,IAAkB,CAC7BC,GACAC,GACAC,MAEAC,EAAWH,GAAK;AAAA,EACd,GAAGE;AAAA,EACH,cAAAD;AAAA,EACA,SAAS,OAAO,SAAW,MAAc,OAAO,eAAe;AACjE,CAAC;"}
+{"version":3,"file":"useLocalStorage.mjs","names":[],"sources":["../../../../src/hooks/useLocalStorage/useLocalStorage.ts"],"sourcesContent":["import type { UseStorageInitialValue, UseStorageOptions } from '../useStorage/useStorage';\n\nimport { useStorage } from '../useStorage/useStorage';\n\n/**\n * @name useLocalStorage\n * @description - Hook that manages local storage value\n * @category State\n * @usage high\n *\n * @browserapi localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage\n *\n * @template Value The type of the value\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @param {UseStorageOptions<Value>} [options] The options of the storage\n *\n * @example\n * const { value, set, remove } = useLocalStorage('key', 'value');\n */\nexport const useLocalStorage = <Value>(\n  key: string,\n  initialValue?: UseStorageInitialValue<Value>,\n  options?: Omit<UseStorageOptions<Value>, 'initialValue' | 'storage'>\n) =>\n  useStorage(key, {\n    ...options,\n    initialValue,\n    storage: typeof window !== 'undefined' ? window.localStorage : undefined\n  });\n"],"mappings":";;AAoBA,IAAa,KACX,GACA,GACA,MAEA,EAAW,GAAK;CACd,GAAG;CACH;CACA,SAAS,OAAO,SAAW,MAAc,OAAO,eAAe,KAAA;CAChE,CAAC"}

package/dist/esm/hooks/useLockCallback/useLockCallback.mjs

@@ -1,18 +1,19 @@
-import { useRef as n } from "react";
-const a = (e) => {
-  const r = n(!1), t = n(e);
-  return t.current = e, async (...c) => {
-    if (!r.current) {
-      r.current = !0;
-      try {
-        return await t.current(...c);
-      } finally {
-        r.current = !1;
-      }
-    }
-  };
+import { useRef as e } from "react";
+//#region src/hooks/useLockCallback/useLockCallback.ts
+var t = (t) => {
+	let n = e(!1), r = e(t);
+	return r.current = t, async (...e) => {
+		if (!n.current) {
+			n.current = !0;
+			try {
+				return await r.current(...e);
+			} finally {
+				n.current = !1;
+			}
+		}
+	};
 };
-export {
-  a as useLockCallback
-};
-//# sourceMappingURL=useLockCallback.mjs.map
+//#endregion
+export { t as useLockCallback };
+
+//# sourceMappingURL=useLockCallback.mjs.map

package/dist/esm/hooks/useLockCallback/useLockCallback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLockCallback.mjs","sources":["../../../../src/hooks/useLockCallback/useLockCallback.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * @name useLockCallback\n * @description - Hook that prevents a callback from being executed multiple times simultaneously\n * @category Async\n * @usage medium\n *\n * @param {Function} callback The callback to be locked\n * @returns {Function} The locked callback\n *\n * @example\n * const lockedCallback = useLockCallback(() => promise());\n */\nexport const useLockCallback = <Callback extends (...args: any[]) => any>(callback: Callback) => {\n  const lockRef = useRef(false);\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  return async (...args: Parameters<Callback>) => {\n    if (lockRef.current) return;\n    lockRef.current = true;\n\n    try {\n      return await internalCallbackRef.current(...args);\n    } finally {\n      lockRef.current = false;\n    }\n  };\n};\n"],"names":["useLockCallback","callback","lockRef","useRef","internalCallbackRef","args"],"mappings":";AAcO,MAAMA,IAAkB,CAA2CC,MAAuB;AAC/F,QAAMC,IAAUC,EAAO,EAAK,GACtBC,IAAsBD,EAAOF,CAAQ;AAC3C,SAAAG,EAAoB,UAAUH,GAEvB,UAAUI,MAA+B;AAC9C,QAAI,CAAAH,EAAQ,SACZ;AAAA,MAAAA,EAAQ,UAAU;AAElB,UAAI;AACF,eAAO,MAAME,EAAoB,QAAQ,GAAGC,CAAI;AAAA,MAAA,UAClD;AACE,QAAAH,EAAQ,UAAU;AAAA,MAAA;AAAA;AAAA,EACpB;AAEJ;"}
+{"version":3,"file":"useLockCallback.mjs","names":[],"sources":["../../../../src/hooks/useLockCallback/useLockCallback.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * @name useLockCallback\n * @description - Hook that prevents a callback from being executed multiple times simultaneously\n * @category Async\n * @usage medium\n *\n * @param {Function} callback The callback to be locked\n * @returns {Function} The locked callback\n *\n * @example\n * const lockedCallback = useLockCallback(() => promise());\n */\nexport const useLockCallback = <Callback extends (...args: any[]) => any>(callback: Callback) => {\n  const lockRef = useRef(false);\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  return async (...args: Parameters<Callback>) => {\n    if (lockRef.current) return;\n    lockRef.current = true;\n\n    try {\n      return await internalCallbackRef.current(...args);\n    } finally {\n      lockRef.current = false;\n    }\n  };\n};\n"],"mappings":";;AAcA,IAAa,KAA6D,MAAuB;CAC/F,IAAM,IAAU,EAAO,GAAM,EACvB,IAAsB,EAAO,EAAS;AAG5C,QAFA,EAAoB,UAAU,GAEvB,OAAO,GAAG,MAA+B;AAC1C,SAAQ,SACZ;KAAQ,UAAU;AAElB,OAAI;AACF,WAAO,MAAM,EAAoB,QAAQ,GAAG,EAAK;aACzC;AACR,MAAQ,UAAU"}

package/dist/esm/hooks/useLockScroll/useLockScroll.mjs

@@ -1,40 +1,45 @@
-import { useState as w, useRef as a } from "react";
-import { useIsomorphicLayoutEffect as g } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as v } from "../useRefState/useRefState.mjs";
-import { isTarget as f } from "../../utils/helpers/isTarget.mjs";
-const R = ((...o) => {
-  const r = f(o[0]) ? o[0] : void 0, n = (r ? o[1] : o[0])?.enabled ?? !0, [l, s] = w(n), u = v(), t = a(null);
-  g(() => {
-    const e = (r ? f.getElement(r) : u.current) ?? document.body;
-    if (!(e instanceof HTMLElement) || (t.current = e, !n)) return;
-    const d = window.getComputedStyle(e).overflow;
-    return t.current.__originalOverflow = d, e.style.overflow = "hidden", () => {
-      e.style.overflow = d, t.current = null;
-    };
-  }, [r && f.getRawElement(r), u.state, n]);
-  const c = () => {
-    if (!t.current) return;
-    const e = t.current;
-    t.current.__originalOverflow = window.getComputedStyle(e).overflow, e.style.overflow = "hidden", s(!0);
-  }, i = () => {
-    if (!t.current) return;
-    const e = t.current;
-    e.style.overflow = t.current.__originalOverflow, s(!1);
-  }, m = (e = !l) => e ? c() : i();
-  return r ? {
-    value: l,
-    lock: c,
-    unlock: i,
-    toggle: m
-  } : {
-    ref: u,
-    value: l,
-    lock: c,
-    unlock: i,
-    toggle: m
-  };
+import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { isTarget as t } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as n } from "../useRefState/useRefState.mjs";
+import { useRef as r, useState as i } from "react";
+//#region src/hooks/useLockScroll/useLockScroll.ts
+var a = ((...a) => {
+	let o = t(a[0]) ? a[0] : void 0, s = (o ? a[1] : a[0])?.enabled ?? !0, [c, l] = i(s), u = n(), d = r(null);
+	e(() => {
+		let e = (o ? t.getElement(o) : u.current) ?? document.body;
+		if (!(e instanceof HTMLElement) || (d.current = e, !s)) return;
+		let n = window.getComputedStyle(e).overflow;
+		return d.current.__originalOverflow = n, e.style.overflow = "hidden", () => {
+			e.style.overflow = n, d.current = null;
+		};
+	}, [
+		o && t.getRawElement(o),
+		u.state,
+		s
+	]);
+	let f = () => {
+		if (!d.current) return;
+		let e = d.current;
+		d.current.__originalOverflow = window.getComputedStyle(e).overflow, e.style.overflow = "hidden", l(!0);
+	}, p = () => {
+		if (!d.current) return;
+		let e = d.current;
+		e.style.overflow = d.current.__originalOverflow, l(!1);
+	}, m = (e = !c) => e ? f() : p();
+	return o ? {
+		value: c,
+		lock: f,
+		unlock: p,
+		toggle: m
+	} : {
+		ref: u,
+		value: c,
+		lock: f,
+		unlock: p,
+		toggle: m
+	};
 });
-export {
-  R as useLockScroll
-};
-//# sourceMappingURL=useLockScroll.mjs.map
+//#endregion
+export { a as useLockScroll };
+
+//# sourceMappingURL=useLockScroll.mjs.map

package/dist/esm/hooks/useLockScroll/useLockScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLockScroll.mjs","sources":["../../../../src/hooks/useLockScroll/useLockScroll.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use lock scroll options type */\nexport interface UseLockScrollOptions {\n  /** Enable or disable scroll locking. Default: true */\n  enabled?: boolean;\n}\n\n/** The use lock scroll return type */\nexport interface UseLockScrollReturn<Target extends Element> {\n  /** The ref to attach to the element */\n  ref: StateRef<Target>;\n  /** The value of the lock state */\n  value: boolean;\n  /** Lock the scroll */\n  lock: () => void;\n  /** Toggle the scroll lock */\n  toggle: (value?: boolean) => void;\n  /** Unlock the scroll */\n  unlock: () => void;\n}\n\nexport interface UseLockScroll {\n  (target: HookTarget, options?: UseLockScrollOptions): UseLockScrollReturn<Element>;\n\n  <Target extends Element>(\n    options?: UseLockScrollOptions,\n    target?: never\n  ): UseLockScrollReturn<Target> & { ref: StateRef<Target> };\n}\n\n/**\n * @name useLockScroll\n * @description - Hook that locks scroll on an element or document body\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=document.body] The target element to lock scroll on\n * @param {UseLockScrollOptions} [options] The options for scroll locking\n * @returns {void}\n *\n * @example\n * const { lock, unlock, value, toggle } = useLockScroll(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseLockScrollOptions} [options] The options for scroll locking\n * @returns {StateRef<Target>} Ref to attach to element, or locks body scroll by default\n *\n * @example\n * const { ref, lock, unlock, value, toggle } = useLockScroll();\n */\nexport const useLockScroll = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseLockScrollOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n  const [locked, setLocked] = useState(enabled);\n\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? document.body;\n\n    if (!(element instanceof HTMLElement)) return;\n\n    elementRef.current = element;\n\n    if (!enabled) return;\n\n    const originalStyle = window.getComputedStyle(element).overflow;\n    (elementRef.current as any).__originalOverflow = originalStyle;\n    element.style.overflow = 'hidden';\n\n    return () => {\n      element.style.overflow = originalStyle;\n      elementRef.current = null;\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, enabled]);\n\n  const lock = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current as HTMLElement;\n    (elementRef.current as any).__originalOverflow = window.getComputedStyle(element).overflow;\n    element.style.overflow = 'hidden';\n    setLocked(true);\n  };\n\n  const unlock = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current as HTMLElement;\n    element.style.overflow = (elementRef.current as any).__originalOverflow;\n    setLocked(false);\n  };\n\n  const toggle = (value = !locked) => {\n    if (value) return lock();\n    return unlock();\n  };\n\n  if (target)\n    return {\n      value: locked,\n      lock,\n      unlock,\n      toggle\n    };\n  return {\n    ref: internalRef,\n    value: locked,\n    lock,\n    unlock,\n    toggle\n  };\n}) as UseLockScroll;\n"],"names":["useLockScroll","params","target","isTarget","enabled","locked","setLocked","useState","internalRef","useRefState","elementRef","useRef","useIsomorphicLayoutEffect","element","originalStyle","lock","unlock","toggle","value"],"mappings":";;;;AA8DO,MAAMA,KAAiB,IAAIC,MAAuB;AACvD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAG5CG,KAFWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,IAErB,WAAW,IAC9B,CAACI,GAAQC,CAAS,IAAIC,EAASH,CAAO,GAEtCI,IAAcC,EAAA,GACdC,IAAaC,EAAgB,IAAI;AAEvC,EAAAC,EAA0B,MAAM;AAC9B,UAAMC,KACFX,IAASC,EAAS,WAAWD,CAAM,IAAIM,EAAY,YAAwB,SAAS;AAMxF,QAJI,EAAEK,aAAmB,iBAEzBH,EAAW,UAAUG,GAEjB,CAACT,GAAS;AAEd,UAAMU,IAAgB,OAAO,iBAAiBD,CAAO,EAAE;AACtD,WAAAH,EAAW,QAAgB,qBAAqBI,GACjDD,EAAQ,MAAM,WAAW,UAElB,MAAM;AACX,MAAAA,EAAQ,MAAM,WAAWC,GACzBJ,EAAW,UAAU;AAAA,IAAA;AAAA,EACvB,GACC,CAACR,KAAUC,EAAS,cAAcD,CAAM,GAAGM,EAAY,OAAOJ,CAAO,CAAC;AAEzE,QAAMW,IAAO,MAAM;AACjB,QAAI,CAACL,EAAW,QAAS;AACzB,UAAMG,IAAUH,EAAW;AAC1B,IAAAA,EAAW,QAAgB,qBAAqB,OAAO,iBAAiBG,CAAO,EAAE,UAClFA,EAAQ,MAAM,WAAW,UACzBP,EAAU,EAAI;AAAA,EAAA,GAGVU,IAAS,MAAM;AACnB,QAAI,CAACN,EAAW,QAAS;AACzB,UAAMG,IAAUH,EAAW;AAC3B,IAAAG,EAAQ,MAAM,WAAYH,EAAW,QAAgB,oBACrDJ,EAAU,EAAK;AAAA,EAAA,GAGXW,IAAS,CAACC,IAAQ,CAACb,MACnBa,IAAcH,EAAA,IACXC,EAAA;AAGT,SAAId,IACK;AAAA,IACL,OAAOG;AAAA,IACP,MAAAU;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IAEG;AAAA,IACL,KAAKT;AAAA,IACL,OAAOH;AAAA,IACP,MAAAU;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useLockScroll.mjs","names":[],"sources":["../../../../src/hooks/useLockScroll/useLockScroll.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use lock scroll options type */\nexport interface UseLockScrollOptions {\n  /** Enable or disable scroll locking. Default: true */\n  enabled?: boolean;\n}\n\n/** The use lock scroll return type */\nexport interface UseLockScrollReturn<Target extends Element> {\n  /** The ref to attach to the element */\n  ref: StateRef<Target>;\n  /** The value of the lock state */\n  value: boolean;\n  /** Lock the scroll */\n  lock: () => void;\n  /** Toggle the scroll lock */\n  toggle: (value?: boolean) => void;\n  /** Unlock the scroll */\n  unlock: () => void;\n}\n\nexport interface UseLockScroll {\n  (target: HookTarget, options?: UseLockScrollOptions): UseLockScrollReturn<Element>;\n\n  <Target extends Element>(\n    options?: UseLockScrollOptions,\n    target?: never\n  ): UseLockScrollReturn<Target> & { ref: StateRef<Target> };\n}\n\n/**\n * @name useLockScroll\n * @description - Hook that locks scroll on an element or document body\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=document.body] The target element to lock scroll on\n * @param {UseLockScrollOptions} [options] The options for scroll locking\n * @returns {void}\n *\n * @example\n * const { lock, unlock, value, toggle } = useLockScroll(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseLockScrollOptions} [options] The options for scroll locking\n * @returns {StateRef<Target>} Ref to attach to element, or locks body scroll by default\n *\n * @example\n * const { ref, lock, unlock, value, toggle } = useLockScroll();\n */\nexport const useLockScroll = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseLockScrollOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n  const [locked, setLocked] = useState(enabled);\n\n  const internalRef = useRefState<Element>();\n  const elementRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? document.body;\n\n    if (!(element instanceof HTMLElement)) return;\n\n    elementRef.current = element;\n\n    if (!enabled) return;\n\n    const originalStyle = window.getComputedStyle(element).overflow;\n    (elementRef.current as any).__originalOverflow = originalStyle;\n    element.style.overflow = 'hidden';\n\n    return () => {\n      element.style.overflow = originalStyle;\n      elementRef.current = null;\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, enabled]);\n\n  const lock = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current as HTMLElement;\n    (elementRef.current as any).__originalOverflow = window.getComputedStyle(element).overflow;\n    element.style.overflow = 'hidden';\n    setLocked(true);\n  };\n\n  const unlock = () => {\n    if (!elementRef.current) return;\n    const element = elementRef.current as HTMLElement;\n    element.style.overflow = (elementRef.current as any).__originalOverflow;\n    setLocked(false);\n  };\n\n  const toggle = (value = !locked) => {\n    if (value) return lock();\n    return unlock();\n  };\n\n  if (target)\n    return {\n      value: locked,\n      lock,\n      unlock,\n      toggle\n    };\n  return {\n    ref: internalRef,\n    value: locked,\n    lock,\n    unlock,\n    toggle\n  };\n}) as UseLockScroll;\n"],"mappings":";;;;;AA8DA,IAAa,MAAkB,GAAG,MAAuB;CACvD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAG5C,KAFW,IAAS,EAAO,KAAK,EAAO,KAEpB,WAAW,IAC9B,CAAC,GAAQ,KAAa,EAAS,EAAQ,EAEvC,IAAc,GAAsB,EACpC,IAAa,EAAgB,KAAK;AAExC,SAAgC;EAC9B,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YAAwB,SAAS;AAMxF,MAJI,EAAE,aAAmB,iBAEzB,EAAW,UAAU,GAEjB,CAAC,GAAS;EAEd,IAAM,IAAgB,OAAO,iBAAiB,EAAQ,CAAC;AAIvD,SAHC,EAAW,QAAgB,qBAAqB,GACjD,EAAQ,MAAM,WAAW,gBAEZ;AAEX,GADA,EAAQ,MAAM,WAAW,GACzB,EAAW,UAAU;;IAEtB;EAAC,KAAU,EAAS,cAAc,EAAO;EAAE,EAAY;EAAO;EAAQ,CAAC;CAE1E,IAAM,UAAa;AACjB,MAAI,CAAC,EAAW,QAAS;EACzB,IAAM,IAAU,EAAW;AAG3B,EAFC,EAAW,QAAgB,qBAAqB,OAAO,iBAAiB,EAAQ,CAAC,UAClF,EAAQ,MAAM,WAAW,UACzB,EAAU,GAAK;IAGX,UAAe;AACnB,MAAI,CAAC,EAAW,QAAS;EACzB,IAAM,IAAU,EAAW;AAE3B,EADA,EAAQ,MAAM,WAAY,EAAW,QAAgB,oBACrD,EAAU,GAAM;IAGZ,KAAU,IAAQ,CAAC,MACnB,IAAc,GAAM,GACjB,GAAQ;AAUjB,QAPI,IACK;EACL,OAAO;EACP;EACA;EACA;EACD,GACI;EACL,KAAK;EACL,OAAO;EACP;EACA;EACA;EACD"}

package/dist/esm/hooks/useLogger/useLogger.mjs

@@ -1,11 +1,12 @@
+import { useDidUpdate as e } from "../useDidUpdate/useDidUpdate.mjs";
 import { useEffect as t } from "react";
-import { useDidUpdate as u } from "../useDidUpdate/useDidUpdate.mjs";
-const n = (o, e) => {
-  t(() => (console.log(`${o} mounted`, ...e), () => console.log(`${o} unmounted`)), []), u(() => {
-    console.log(`${o} updated`, ...e);
-  }, e);
+//#region src/hooks/useLogger/useLogger.ts
+var n = (n, r) => {
+	t(() => (console.log(`${n} mounted`, ...r), () => console.log(`${n} unmounted`)), []), e(() => {
+		console.log(`${n} updated`, ...r);
+	}, r);
 };
-export {
-  n as useLogger
-};
-//# sourceMappingURL=useLogger.mjs.map
+//#endregion
+export { n as useLogger };
+
+//# sourceMappingURL=useLogger.mjs.map

package/dist/esm/hooks/useLogger/useLogger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLogger.mjs","sources":["../../../../src/hooks/useLogger/useLogger.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\n/**\n * @name useLogger\n * @description - Hook for debugging lifecycle\n * @category Debug\n * @usage low\n *\n * @param {string} name The name or identifier for the logger\n * @param {unknown[]} params Additional arguments to be logged\n *\n * @example\n * useLogger('Component', [1, 2, 3]);\n */\nexport const useLogger = (name: string, params: unknown[]) => {\n  useEffect(() => {\n    console.log(`${name} mounted`, ...params);\n    return () => console.log(`${name} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${name} updated`, ...params);\n  }, params);\n};\n"],"names":["useLogger","name","params","useEffect","useDidUpdate"],"mappings":";;AAgBO,MAAMA,IAAY,CAACC,GAAcC,MAAsB;AAC5D,EAAAC,EAAU,OACR,QAAQ,IAAI,GAAGF,CAAI,YAAY,GAAGC,CAAM,GACjC,MAAM,QAAQ,IAAI,GAAGD,CAAI,YAAY,IAC3C,EAAE,GAELG,EAAa,MAAM;AACjB,YAAQ,IAAI,GAAGH,CAAI,YAAY,GAAGC,CAAM;AAAA,EAAA,GACvCA,CAAM;AACX;"}
+{"version":3,"file":"useLogger.mjs","names":[],"sources":["../../../../src/hooks/useLogger/useLogger.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\n/**\n * @name useLogger\n * @description - Hook for debugging lifecycle\n * @category Debug\n * @usage low\n *\n * @param {string} name The name or identifier for the logger\n * @param {unknown[]} params Additional arguments to be logged\n *\n * @example\n * useLogger('Component', [1, 2, 3]);\n */\nexport const useLogger = (name: string, params: unknown[]) => {\n  useEffect(() => {\n    console.log(`${name} mounted`, ...params);\n    return () => console.log(`${name} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${name} updated`, ...params);\n  }, params);\n};\n"],"mappings":";;;AAgBA,IAAa,KAAa,GAAc,MAAsB;AAM5D,CALA,SACE,QAAQ,IAAI,GAAG,EAAK,WAAW,GAAG,EAAO,QAC5B,QAAQ,IAAI,GAAG,EAAK,YAAY,GAC5C,EAAE,CAAC,EAEN,QAAmB;AACjB,UAAQ,IAAI,GAAG,EAAK,WAAW,GAAG,EAAO;IACxC,EAAO"}

package/dist/esm/hooks/useLongPress/useLongPress.mjs

@@ -1,27 +1,31 @@
-import { useState as R, useRef as f, useEffect as h } from "react";
-import { useRefState as T } from "../useRefState/useRefState.mjs";
-import { isTarget as a } from "../../utils/helpers/isTarget.mjs";
-const g = 400, P = ((...t) => {
-  const e = a(t[0]) ? t[0] : void 0, l = e ? t[1] : t[0], m = e ? t[2] : t[1], [E, v] = R(!1), n = f(void 0), d = f(!1), u = T(), w = f(l);
-  w.current = l;
-  const r = f(m);
-  return r.current = m, h(() => {
-    if (!e && !u.state) return;
-    const o = e ? a.getElement(e) : u.current;
-    if (!o) return;
-    const c = (s) => {
-      r.current?.onStart?.(s), d.current = !0, n.current = setTimeout(() => {
-        w.current(s), v(!0);
-      }, r.current?.threshold ?? g);
-    }, i = (s) => {
-      v((L) => (L ? r.current?.onFinish?.(s) : d.current && r.current?.onCancel?.(s), d.current = !1, n.current && clearTimeout(n.current), !1));
-    };
-    return o.addEventListener("mousedown", c), window.addEventListener("mouseup", i), o.addEventListener("touchstart", c), window.addEventListener("touchend", i), () => {
-      o.removeEventListener("mousedown", c), window.removeEventListener("mouseup", i), o.removeEventListener("touchstart", c), window.removeEventListener("touchend", i), n.current && clearTimeout(n.current);
-    };
-  }, [e && a.getRawElement(e), u.state]), e ? { pressed: E } : { pressed: E, ref: u };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/useLongPress/useLongPress.ts
+var a = 400, o = ((...o) => {
+	let s = e(o[0]) ? o[0] : void 0, c = s ? o[1] : o[0], l = s ? o[2] : o[1], [u, d] = i(!1), f = r(void 0), p = r(!1), m = t(), h = r(c);
+	h.current = c;
+	let g = r(l);
+	return g.current = l, n(() => {
+		if (!s && !m.state) return;
+		let t = s ? e.getElement(s) : m.current;
+		if (!t) return;
+		let n = (e) => {
+			g.current?.onStart?.(e), p.current = !0, f.current = setTimeout(() => {
+				h.current(e), d(!0);
+			}, g.current?.threshold ?? a);
+		}, r = (e) => {
+			d((t) => (t ? g.current?.onFinish?.(e) : p.current && g.current?.onCancel?.(e), p.current = !1, f.current && clearTimeout(f.current), !1));
+		};
+		return t.addEventListener("mousedown", n), window.addEventListener("mouseup", r), t.addEventListener("touchstart", n), window.addEventListener("touchend", r), () => {
+			t.removeEventListener("mousedown", n), window.removeEventListener("mouseup", r), t.removeEventListener("touchstart", n), window.removeEventListener("touchend", r), f.current && clearTimeout(f.current);
+		};
+	}, [s && e.getRawElement(s), m.state]), s ? { pressed: u } : {
+		pressed: u,
+		ref: m
+	};
 });
-export {
-  P as useLongPress
-};
-//# sourceMappingURL=useLongPress.mjs.map
+//#endregion
+export { o as useLongPress };
+
+//# sourceMappingURL=useLongPress.mjs.map

package/dist/esm/hooks/useLongPress/useLongPress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.mjs","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type LongPressEvents = MouseEvent | TouchEvent;\n\n// * The use long press options type */\nexport interface UseLongPressOptions {\n  // * The threshold time in milliseconds\n  threshold?: number;\n  // * The callback function to be invoked on long press cancel\n  onCancel?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press end\n  onFinish?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press start\n  onStart?: (event: LongPressEvents) => void;\n}\n\n/** The use long press return type */\nexport interface UseLongPressReturn {\n  /** The long pressing state */\n  pressed: boolean;\n  /** The ref to attach to the element */\n  ref: StateRef<Element>;\n}\n\nexport interface UseLongPress {\n  (\n    target: HookTarget,\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions\n  ): UseLongPressReturn;\n\n  <Target extends Element>(\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseLongPressReturn;\n}\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/**\n * @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target element to be long pressed\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const pressed = useLongPress(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const { ref, pressed } = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: LongPressEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseLongPressOptions | undefined;\n\n  const [pressed, setPressed] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const isPressedRef = useRef(false);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onStart = (event: LongPressEvents) => {\n      internalOptionsRef.current?.onStart?.(event);\n\n      isPressedRef.current = true;\n      timeoutIdRef.current = setTimeout(() => {\n        internalCallbackRef.current(event);\n        setPressed(true);\n      }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n    };\n\n    const onCancel = (event: LongPressEvents) => {\n      setPressed((prevPressed) => {\n        if (prevPressed) {\n          internalOptionsRef.current?.onFinish?.(event);\n        } else if (isPressedRef.current) {\n          internalOptionsRef.current?.onCancel?.(event);\n        }\n\n        isPressedRef.current = false;\n        if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n\n        return false;\n      });\n    };\n\n    element.addEventListener('mousedown', onStart as EventListener);\n    window.addEventListener('mouseup', onCancel as EventListener);\n\n    element.addEventListener('touchstart', onStart as EventListener);\n    window.addEventListener('touchend', onCancel as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onStart as EventListener);\n      window.removeEventListener('mouseup', onCancel as EventListener);\n\n      element.removeEventListener('touchstart', onStart as EventListener);\n      window.removeEventListener('touchend', onCancel as EventListener);\n\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { pressed };\n  return { pressed, ref: internalRef };\n}) as UseLongPress;\n"],"names":["DEFAULT_THRESHOLD_TIME","useLongPress","params","target","isTarget","callback","options","pressed","setPressed","useState","timeoutIdRef","useRef","isPressedRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","onStart","event","onCancel","prevPressed"],"mappings":";;;AAgDA,MAAMA,IAAyB,KA0BlBC,KAAgB,IAAIC,MAAuB;AACtD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExC,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAeC,EAAsC,MAAS,GAC9DC,IAAeD,EAAO,EAAK,GAC3BE,IAAcC,EAAA,GAEdC,IAAsBJ,EAAON,CAAQ;AAC3C,EAAAU,EAAoB,UAAUV;AAC9B,QAAMW,IAAqBL,EAAOL,CAAO;AAmDzC,SAlDAU,EAAmB,UAAUV,GAE7BW,EAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACU,EAAY,MAAO;AAEnC,UAAMK,IAAUf,IAASC,EAAS,WAAWD,CAAM,IAAIU,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMC,IAAU,CAACC,MAA2B;AAC1C,MAAAJ,EAAmB,SAAS,UAAUI,CAAK,GAE3CR,EAAa,UAAU,IACvBF,EAAa,UAAU,WAAW,MAAM;AACtC,QAAAK,EAAoB,QAAQK,CAAK,GACjCZ,EAAW,EAAI;AAAA,MAAA,GACdQ,EAAmB,SAAS,aAAahB,CAAsB;AAAA,IAAA,GAG9DqB,IAAW,CAACD,MAA2B;AAC3C,MAAAZ,EAAW,CAACc,OACNA,IACFN,EAAmB,SAAS,WAAWI,CAAK,IACnCR,EAAa,WACtBI,EAAmB,SAAS,WAAWI,CAAK,GAG9CR,EAAa,UAAU,IACnBF,EAAa,WAAS,aAAaA,EAAa,OAAO,GAEpD,GACR;AAAA,IAAA;AAGH,WAAAQ,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9D,OAAO,iBAAiB,WAAWE,CAAyB,GAE5DH,EAAQ,iBAAiB,cAAcC,CAAwB,GAC/D,OAAO,iBAAiB,YAAYE,CAAyB,GAEtD,MAAM;AACX,MAAAH,EAAQ,oBAAoB,aAAaC,CAAwB,GACjE,OAAO,oBAAoB,WAAWE,CAAyB,GAE/DH,EAAQ,oBAAoB,cAAcC,CAAwB,GAClE,OAAO,oBAAoB,YAAYE,CAAyB,GAE5DX,EAAa,WAAS,aAAaA,EAAa,OAAO;AAAA,IAAA;AAAA,EAC7D,GACC,CAACP,KAAUC,EAAS,cAAcD,CAAM,GAAGU,EAAY,KAAK,CAAC,GAE5DV,IAAe,EAAE,SAAAI,EAAA,IACd,EAAE,SAAAA,GAAS,KAAKM,EAAA;AACzB;"}
+{"version":3,"file":"useLongPress.mjs","names":[],"sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type LongPressEvents = MouseEvent | TouchEvent;\n\n// * The use long press options type */\nexport interface UseLongPressOptions {\n  // * The threshold time in milliseconds\n  threshold?: number;\n  // * The callback function to be invoked on long press cancel\n  onCancel?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press end\n  onFinish?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press start\n  onStart?: (event: LongPressEvents) => void;\n}\n\n/** The use long press return type */\nexport interface UseLongPressReturn {\n  /** The long pressing state */\n  pressed: boolean;\n  /** The ref to attach to the element */\n  ref: StateRef<Element>;\n}\n\nexport interface UseLongPress {\n  (\n    target: HookTarget,\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions\n  ): UseLongPressReturn;\n\n  <Target extends Element>(\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseLongPressReturn;\n}\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/**\n * @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target element to be long pressed\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const pressed = useLongPress(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const { ref, pressed } = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: LongPressEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseLongPressOptions | undefined;\n\n  const [pressed, setPressed] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const isPressedRef = useRef(false);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onStart = (event: LongPressEvents) => {\n      internalOptionsRef.current?.onStart?.(event);\n\n      isPressedRef.current = true;\n      timeoutIdRef.current = setTimeout(() => {\n        internalCallbackRef.current(event);\n        setPressed(true);\n      }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n    };\n\n    const onCancel = (event: LongPressEvents) => {\n      setPressed((prevPressed) => {\n        if (prevPressed) {\n          internalOptionsRef.current?.onFinish?.(event);\n        } else if (isPressedRef.current) {\n          internalOptionsRef.current?.onCancel?.(event);\n        }\n\n        isPressedRef.current = false;\n        if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n\n        return false;\n      });\n    };\n\n    element.addEventListener('mousedown', onStart as EventListener);\n    window.addEventListener('mouseup', onCancel as EventListener);\n\n    element.addEventListener('touchstart', onStart as EventListener);\n    window.addEventListener('touchend', onCancel as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onStart as EventListener);\n      window.removeEventListener('mouseup', onCancel as EventListener);\n\n      element.removeEventListener('touchstart', onStart as EventListener);\n      window.removeEventListener('touchend', onCancel as EventListener);\n\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { pressed };\n  return { pressed, ref: internalRef };\n}) as UseLongPress;\n"],"mappings":";;;;AAgDA,IAAM,IAAyB,KA0BlB,MAAiB,GAAG,MAAuB;CACtD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAY,IAAS,EAAO,KAAK,EAAO,IACxC,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAe,EAAsC,KAAA,EAAU,EAC/D,IAAe,EAAO,GAAM,EAC5B,IAAc,GAAsB,EAEpC,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAqB,EAAO,EAAQ;AAoD1C,QAnDA,EAAmB,UAAU,GAE7B,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAU,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACnE,MAAI,CAAC,EAAS;EAEd,IAAM,KAAW,MAA2B;AAI1C,GAHA,EAAmB,SAAS,UAAU,EAAM,EAE5C,EAAa,UAAU,IACvB,EAAa,UAAU,iBAAiB;AAEtC,IADA,EAAoB,QAAQ,EAAM,EAClC,EAAW,GAAK;MACf,EAAmB,SAAS,aAAa,EAAuB;KAG/D,KAAY,MAA2B;AAC3C,MAAY,OACN,IACF,EAAmB,SAAS,WAAW,EAAM,GACpC,EAAa,WACtB,EAAmB,SAAS,WAAW,EAAM,EAG/C,EAAa,UAAU,IACnB,EAAa,WAAS,aAAa,EAAa,QAAQ,EAErD,IACP;;AASJ,SANA,EAAQ,iBAAiB,aAAa,EAAyB,EAC/D,OAAO,iBAAiB,WAAW,EAA0B,EAE7D,EAAQ,iBAAiB,cAAc,EAAyB,EAChE,OAAO,iBAAiB,YAAY,EAA0B,QAEjD;AAOX,GANA,EAAQ,oBAAoB,aAAa,EAAyB,EAClE,OAAO,oBAAoB,WAAW,EAA0B,EAEhE,EAAQ,oBAAoB,cAAc,EAAyB,EACnE,OAAO,oBAAoB,YAAY,EAA0B,EAE7D,EAAa,WAAS,aAAa,EAAa,QAAQ;;IAE7D,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,IAAe,EAAE,YAAS,GACvB;EAAE;EAAS,KAAK;EAAa"}

package/dist/esm/hooks/useMap/useMap.mjs

@@ -1,21 +1,22 @@
-import { useState as u } from "react";
-const m = (o) => {
-  const [a, s] = u(new Map(o)), r = (e, t) => s((n) => new Map(n).set(e, t)), c = (e) => s((t) => {
-    if (!t.has(e)) return t;
-    const n = new Map(t);
-    return n.delete(e), n;
-  }), p = () => s(/* @__PURE__ */ new Map()), w = () => s(new Map(o)), M = (e) => a.has(e);
-  return {
-    value: a,
-    size: a.size,
-    set: r,
-    has: M,
-    remove: c,
-    clear: p,
-    reset: w
-  };
+import { useState as e } from "react";
+//#region src/hooks/useMap/useMap.ts
+var t = (t) => {
+	let [n, r] = e(new Map(t));
+	return {
+		value: n,
+		size: n.size,
+		set: (e, t) => r((n) => new Map(n).set(e, t)),
+		has: (e) => n.has(e),
+		remove: (e) => r((t) => {
+			if (!t.has(e)) return t;
+			let n = new Map(t);
+			return n.delete(e), n;
+		}),
+		clear: () => r(/* @__PURE__ */ new Map()),
+		reset: () => r(new Map(t))
+	};
 };
-export {
-  m as useMap
-};
-//# sourceMappingURL=useMap.mjs.map
+//#endregion
+export { t as useMap };
+
+//# sourceMappingURL=useMap.mjs.map

package/dist/esm/hooks/useMap/useMap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMap.mjs","sources":["../../../../src/hooks/useMap/useMap.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use map return type */\nexport interface UseMapReturn<Key, Value> {\n  /** The size of the map */\n  size: number;\n  /** The current map */\n  value: Map<Key, Value>;\n  /** Function to clear the map */\n  clear: () => void;\n  /** Function to check if a value exists in the map */\n  has: (key: Key) => boolean;\n  /** Function to remove a value from the map */\n  remove: (key: Key) => void;\n  /** Function to toggle a value in the map */\n  reset: () => void;\n  /** Function to add a value to the map */\n  set: (key: Key, value: Value) => void;\n}\n\n/**\n * @name useMap\n * @description - Hook that manages a map structure\n * @category State\n * @usage high\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the map\n * @returns {UseMapReturn<Key, Value>} An object containing the current map and functions to interact with the map\n *\n * @example\n * const { value, set, remove, clear, reset, size, has } = useMap([1, 'one'], [2, 'two']);\n */\nexport const useMap = <Key, Value>(values?: [Key, Value][]): UseMapReturn<Key, Value> => {\n  const [map, setMap] = useState(new Map(values));\n\n  const set = (key: Key, value: Value) => setMap((prevMap) => new Map(prevMap).set(key, value));\n  const remove = (key: Key) =>\n    setMap((prevMap) => {\n      if (!prevMap.has(key)) return prevMap;\n      const newMap = new Map(prevMap);\n      newMap.delete(key);\n      return newMap;\n    });\n  const clear = () => setMap(new Map());\n  const reset = () => setMap(new Map(values));\n  const has = (key: Key) => map.has(key);\n\n  return {\n    value: map,\n    size: map.size,\n    set,\n    has,\n    remove,\n    clear,\n    reset\n  };\n};\n"],"names":["useMap","values","map","setMap","useState","set","key","value","prevMap","remove","newMap","clear","reset","has"],"mappings":";AAiCO,MAAMA,IAAS,CAAaC,MAAsD;AACvF,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,GAAUC,MAAiBJ,EAAO,CAACK,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAIF,GAAKC,CAAK,CAAC,GACtFE,IAAS,CAACH,MACdH,EAAO,CAACK,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAIF,CAAG,EAAG,QAAOE;AAC9B,UAAME,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOJ,CAAG,GACVI;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMR,EAAO,oBAAI,KAAK,GAC9BS,IAAQ,MAAMT,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCY,IAAM,CAACP,MAAaJ,EAAI,IAAII,CAAG;AAErC,SAAO;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAG;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAJ;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useMap.mjs","names":[],"sources":["../../../../src/hooks/useMap/useMap.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use map return type */\nexport interface UseMapReturn<Key, Value> {\n  /** The size of the map */\n  size: number;\n  /** The current map */\n  value: Map<Key, Value>;\n  /** Function to clear the map */\n  clear: () => void;\n  /** Function to check if a value exists in the map */\n  has: (key: Key) => boolean;\n  /** Function to remove a value from the map */\n  remove: (key: Key) => void;\n  /** Function to toggle a value in the map */\n  reset: () => void;\n  /** Function to add a value to the map */\n  set: (key: Key, value: Value) => void;\n}\n\n/**\n * @name useMap\n * @description - Hook that manages a map structure\n * @category State\n * @usage high\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the map\n * @returns {UseMapReturn<Key, Value>} An object containing the current map and functions to interact with the map\n *\n * @example\n * const { value, set, remove, clear, reset, size, has } = useMap([1, 'one'], [2, 'two']);\n */\nexport const useMap = <Key, Value>(values?: [Key, Value][]): UseMapReturn<Key, Value> => {\n  const [map, setMap] = useState(new Map(values));\n\n  const set = (key: Key, value: Value) => setMap((prevMap) => new Map(prevMap).set(key, value));\n  const remove = (key: Key) =>\n    setMap((prevMap) => {\n      if (!prevMap.has(key)) return prevMap;\n      const newMap = new Map(prevMap);\n      newMap.delete(key);\n      return newMap;\n    });\n  const clear = () => setMap(new Map());\n  const reset = () => setMap(new Map(values));\n  const has = (key: Key) => map.has(key);\n\n  return {\n    value: map,\n    size: map.size,\n    set,\n    has,\n    remove,\n    clear,\n    reset\n  };\n};\n"],"mappings":";;AAiCA,IAAa,KAAsB,MAAsD;CACvF,IAAM,CAAC,GAAK,KAAU,EAAS,IAAI,IAAI,EAAO,CAAC;AAc/C,QAAO;EACL,OAAO;EACP,MAAM,EAAI;EACV,MAfW,GAAU,MAAiB,GAAQ,MAAY,IAAI,IAAI,EAAQ,CAAC,IAAI,GAAK,EAAM,CAAC;EAgB3F,MANW,MAAa,EAAI,IAAI,EAAI;EAOpC,SAhBc,MACd,GAAQ,MAAY;AAClB,OAAI,CAAC,EAAQ,IAAI,EAAI,CAAE,QAAO;GAC9B,IAAM,IAAS,IAAI,IAAI,EAAQ;AAE/B,UADA,EAAO,OAAO,EAAI,EACX;IACP;EAWF,aAVkB,kBAAO,IAAI,KAAK,CAAC;EAWnC,aAVkB,EAAO,IAAI,IAAI,EAAO,CAAC;EAW1C"}

package/dist/esm/hooks/useMeasure/useMeasure.mjs

@@ -1,33 +1,46 @@
-import { useState as d, useEffect as v } from "react";
-import { useRefState as w } from "../useRefState/useRefState.mjs";
-import { isTarget as r } from "../../utils/helpers/isTarget.mjs";
-const z = ((...n) => {
-  const t = r(n[0]) ? n[0] : void 0, e = w(), [o, f] = d({
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  });
-  return v(() => {
-    if (!t && !e.state) return;
-    const s = t ? r.getElement(t) : e.current;
-    if (!s) return;
-    const i = new ResizeObserver((u) => {
-      const c = u[0];
-      if (!c) return;
-      const { x: m, y: g, width: h, height: a, top: l, left: R, bottom: b, right: p } = c.contentRect;
-      f({ x: m, y: g, width: h, height: a, top: l, left: R, bottom: b, right: p });
-    });
-    return i.observe(s), () => {
-      i.disconnect();
-    };
-  }, [t && r.getRawElement(t), e.state]), t ? o : { ref: e, ...o };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useState as r } from "react";
+//#region src/hooks/useMeasure/useMeasure.ts
+var i = ((...i) => {
+	let a = e(i[0]) ? i[0] : void 0, o = t(), [s, c] = r({
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0,
+		top: 0,
+		left: 0,
+		bottom: 0,
+		right: 0
+	});
+	return n(() => {
+		if (!a && !o.state) return;
+		let t = a ? e.getElement(a) : o.current;
+		if (!t) return;
+		let n = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let { x: n, y: r, width: i, height: a, top: o, left: s, bottom: l, right: u } = t.contentRect;
+			c({
+				x: n,
+				y: r,
+				width: i,
+				height: a,
+				top: o,
+				left: s,
+				bottom: l,
+				right: u
+			});
+		});
+		return n.observe(t), () => {
+			n.disconnect();
+		};
+	}, [a && e.getRawElement(a), o.state]), a ? s : {
+		ref: o,
+		...s
+	};
 });
-export {
-  z as useMeasure
-};
-//# sourceMappingURL=useMeasure.mjs.map
+//#endregion
+export { i as useMeasure };
+
+//# sourceMappingURL=useMeasure.mjs.map

package/dist/esm/hooks/useMeasure/useMeasure.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasure.mjs","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasure {\n  (target: HookTarget): UseMeasureReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMeasureReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: StateRef<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const internalRef = useRefState<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    });\n\n    resizeObserver.observe(element);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasure;\n"],"names":["useMeasure","params","target","isTarget","internalRef","useRefState","rect","setRect","useState","useEffect","element","resizeObserver","entries","entry","x","y","width","height","top","left","bottom","right"],"mappings":";;;AA8CO,MAAMA,KAAc,IAAIC,MAAkB;AAC/C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IAAcC,EAAA,GACd,CAACC,GAAMC,CAAO,IAAIC,EAAS;AAAA,IAC/B,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,CACR;AAuBD,SArBAC,EAAU,MAAM;AACd,QAAI,CAACP,KAAU,CAACE,EAAY,MAAO;AAEnC,UAAMM,IAAWR,IAASC,EAAS,WAAWD,CAAM,IAAIE,EAAY;AACpE,QAAI,CAACM,EAAS;AAEd,UAAMC,IAAiB,IAAI,eAAe,CAACC,MAAY;AACrD,YAAMC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AAEZ,YAAM,EAAE,GAAAC,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUR,EAAM;AAChE,MAAAN,EAAQ,EAAE,GAAAO,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO;AAAA,IAAA,CAC1D;AAED,WAAAV,EAAe,QAAQD,CAAO,GAEvB,MAAM;AACX,MAAAC,EAAe,WAAA;AAAA,IAAW;AAAA,EAC5B,GACC,CAACT,KAAUC,EAAS,cAAcD,CAAM,GAAGE,EAAY,KAAK,CAAC,GAE5DF,IAAeI,IACZ,EAAE,KAAKF,GAAa,GAAGE,EAAA;AAChC;"}
+{"version":3,"file":"useMeasure.mjs","names":[],"sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasure {\n  (target: HookTarget): UseMeasureReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMeasureReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: StateRef<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const internalRef = useRefState<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    });\n\n    resizeObserver.observe(element);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasure;\n"],"mappings":";;;;AA8CA,IAAa,MAAe,GAAG,MAAkB;CAC/C,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IAAc,GAAsB,EACpC,CAAC,GAAM,KAAW,EAAS;EAC/B,GAAG;EACH,GAAG;EACH,OAAO;EACP,QAAQ;EACR,KAAK;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACR,CAAC;AAwBF,QAtBA,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACpE,MAAI,CAAC,EAAS;EAEd,IAAM,IAAiB,IAAI,gBAAgB,MAAY;GACrD,IAAM,IAAQ,EAAQ;AACtB,OAAI,CAAC,EAAO;GAEZ,IAAM,EAAE,MAAG,MAAG,UAAO,WAAQ,QAAK,SAAM,WAAQ,aAAU,EAAM;AAChE,KAAQ;IAAE;IAAG;IAAG;IAAO;IAAQ;IAAK;IAAM;IAAQ;IAAO,CAAC;IAC1D;AAIF,SAFA,EAAe,QAAQ,EAAQ,QAElB;AACX,KAAe,YAAY;;IAE5B,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,IAAe,IACZ;EAAE,KAAK;EAAa,GAAG;EAAM"}