@siberiacancode/reactuse 0.3.15 → 0.3.17

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

@@ -1 +1 @@
-{"version":3,"file":"useHotkeys.mjs","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use hotkeys params type */\r\nexport interface UseHotkeysOptions {\r\n  /** Alias map for hotkeys */\r\n  alias?: Record<string, string>;\r\n  /** Enable or disable the event listeners */\r\n  enabled?: boolean;\r\n}\r\n\r\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\r\n  hotkey\r\n    .toLowerCase()\r\n    .split(/[+_,\\-]/g)\r\n    .map((key) => key.trim())\r\n    .every((key) =>\r\n      keys.find(\r\n        (updatedKey) =>\r\n          key === updatedKey.code.toLocaleLowerCase() ||\r\n          key === updatedKey.key.toLocaleLowerCase() ||\r\n          key === updatedKey.alias.toLocaleLowerCase()\r\n      )\r\n    );\r\n\r\n/** The hotkeys string type */\r\nexport type UseHotkeysHotkeys = string;\r\n\r\n/** The hotkey key information */\r\nexport interface UseHotkeysKey {\r\n  /** The alias for the key */\r\n  alias: string;\r\n  /** The key code */\r\n  code: string;\r\n  /** The key value */\r\n  key: string;\r\n}\r\n\r\n/** The use hotkeys target type */\r\nexport type UseHotkeysTarget = Element | React.RefObject<Element | null | undefined>;\r\n\r\nexport interface UseHotkeys {\r\n  (\r\n    target: UseHotkeysTarget,\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions\r\n  ): void;\r\n\r\n  <Target extends Element>(\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions,\r\n    target?: never\r\n  ): StateRef<Target>;\r\n}\r\n\r\n/**\r\n * @name useHotkeys\r\n * @description - Hook that listens for hotkeys\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=window] The target element to attach the event listener to\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {void}\r\n *\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {StateRef<Target>} A reference to the target element\r\n *\r\n * @example\r\n * const ref = useHotkeys('ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * const ref = useHotkeys('ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n */\r\nexport const useHotkeys = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const hotkeys = (target ? params[1] : params[0]) as UseHotkeysHotkeys;\r\n  const callback = (target ? params[2] : params[1]) as (event: KeyboardEvent) => void;\r\n  const options = (target ? params[3] : params[2]) as UseHotkeysOptions | undefined;\r\n\r\n  const internalRef = useRefState(window);\r\n  const keysRef = useRef<UseHotkeysKey[]>([]);\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const onKeyDown = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n\r\n    if (keysRef.current.some(({ code }) => code === event.code)) return;\r\n\r\n    const alias = options?.alias?.[event.key] ?? event.code;\r\n    const updatedKeys = [...keysRef.current, { key: event.key, code: event.code, alias }];\r\n    keysRef.current = updatedKeys;\r\n\r\n    const hotkeysList = hotkeys.split(',').map((h) => h.trim());\r\n    const isMatch = hotkeysList.some((hotkey) => isHotkeyMatch(hotkey, updatedKeys));\r\n    if (!isMatch) return;\r\n    event.preventDefault();\r\n    callback(event);\r\n  });\r\n\r\n  const onKeyUp = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n    keysRef.current = keysRef.current.filter(({ code }) => code !== event.code);\r\n  });\r\n\r\n  useEffect(() => {\r\n    keysRef.current = [];\r\n    if (!target && !internalRef.state && !enabled) return;\r\n\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    if (!element) return;\r\n\r\n    element.addEventListener('keydown', onKeyDown as EventListener);\r\n    element.addEventListener('keyup', onKeyUp as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('keydown', onKeyDown as EventListener);\r\n      element.removeEventListener('keyup', onKeyUp as EventListener);\r\n    };\r\n  }, [\r\n    target && isTarget.getRawElement(target),\r\n    internalRef.state,\r\n    enabled,\r\n    hotkeys,\r\n    onKeyDown,\r\n    onKeyUp\r\n  ]);\r\n\r\n  if (target) return;\r\n  return internalRef;\r\n}) as UseHotkeys;\r\n"],"names":["isHotkeyMatch","hotkey","keys","key","updatedKey","useHotkeys","params","target","isTarget","hotkeys","callback","options","internalRef","useRefState","keysRef","useRef","enabled","onKeyDown","useEvent","event","code","alias","updatedKeys","h","onKeyUp","useEffect","element"],"mappings":";;;;AAmBO,MAAMA,IAAgB,CAACC,GAAgBC,MAC5CD,EACG,cACA,MAAM,UAAU,EAChB,IAAI,CAACE,MAAQA,EAAI,KAAA,CAAM,EACvB;AAAA,EAAM,CAACA,MACND,EAAK;AAAA,IACH,CAACE,MACCD,MAAQC,EAAW,KAAK,kBAAA,KACxBD,MAAQC,EAAW,IAAI,kBAAA,KACvBD,MAAQC,EAAW,MAAM,kBAAA;AAAA,EAAkB;AAEjD,GAkESC,KAAc,IAAIC,MAAkB;AAC/C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxCI,IAAYH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCK,IAAWJ,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCM,IAAcC,EAAY,MAAM,GAChCC,IAAUC,EAAwB,EAAE,GACpCC,IAAUL,GAAS,WAAW,IAE9BM,IAAYC,EAAS,CAACC,MAAyB;AAGnD,QAFI,CAACH,KAEDF,EAAQ,QAAQ,KAAK,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI,EAAG;AAE7D,UAAME,IAAQV,GAAS,QAAQQ,EAAM,GAAG,KAAKA,EAAM,MAC7CG,IAAc,CAAC,GAAGR,EAAQ,SAAS,EAAE,KAAKK,EAAM,KAAK,MAAMA,EAAM,MAAM,OAAAE,GAAO;AAKpF,IAJAP,EAAQ,UAAUQ,GAEEb,EAAQ,MAAM,GAAG,EAAE,IAAI,CAACc,MAAMA,EAAE,MAAM,EAC9B,KAAK,CAACtB,MAAWD,EAAcC,GAAQqB,CAAW,CAAC,MAE/EH,EAAM,eAAA,GACNT,EAASS,CAAK;AAAA,EAAA,CACf,GAEKK,IAAUN,EAAS,CAACC,MAAyB;AACjD,IAAKH,MACLF,EAAQ,UAAUA,EAAQ,QAAQ,OAAO,CAAC,EAAE,MAAAM,QAAWA,MAASD,EAAM,IAAI;AAAA,EAAA,CAC3E;AAyBD,MAvBAM,EAAU,MAAM;AAEd,QADAX,EAAQ,UAAU,CAAA,GACd,CAACP,KAAU,CAACK,EAAY,SAAS,CAACI,EAAS;AAE/C,UAAMU,IAAWnB,IAASC,EAAS,WAAWD,CAAM,IAAIK,EAAY;AACpE,QAAKc;AAEL,aAAAA,EAAQ,iBAAiB,WAAWT,CAA0B,GAC9DS,EAAQ,iBAAiB,SAASF,CAAwB,GAEnD,MAAM;AACX,QAAAE,EAAQ,oBAAoB,WAAWT,CAA0B,GACjES,EAAQ,oBAAoB,SAASF,CAAwB;AAAA,MAAA;AAAA,EAC/D,GACC;AAAA,IACDjB,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCK,EAAY;AAAA,IACZI;AAAA,IACAP;AAAA,IACAQ;AAAA,IACAO;AAAA,EAAA,CACD,GAEG,CAAAjB;AACJ,WAAOK;AACT;"}
+{"version":3,"file":"useHotkeys.mjs","names":[],"sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use hotkeys params type */\r\nexport interface UseHotkeysOptions {\r\n  /** Alias map for hotkeys */\r\n  alias?: Record<string, string>;\r\n  /** Enable or disable the event listeners */\r\n  enabled?: boolean;\r\n}\r\n\r\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\r\n  hotkey\r\n    .toLowerCase()\r\n    .split(/[+_,\\-]/g)\r\n    .map((key) => key.trim())\r\n    .every((key) =>\r\n      keys.find(\r\n        (updatedKey) =>\r\n          key === updatedKey.code.toLocaleLowerCase() ||\r\n          key === updatedKey.key.toLocaleLowerCase() ||\r\n          key === updatedKey.alias.toLocaleLowerCase()\r\n      )\r\n    );\r\n\r\n/** The hotkeys string type */\r\nexport type UseHotkeysHotkeys = string;\r\n\r\n/** The hotkey key information */\r\nexport interface UseHotkeysKey {\r\n  /** The alias for the key */\r\n  alias: string;\r\n  /** The key code */\r\n  code: string;\r\n  /** The key value */\r\n  key: string;\r\n}\r\n\r\n/** The use hotkeys target type */\r\nexport type UseHotkeysTarget = Element | React.RefObject<Element | null | undefined>;\r\n\r\nexport interface UseHotkeys {\r\n  (\r\n    target: UseHotkeysTarget,\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions\r\n  ): void;\r\n\r\n  <Target extends Element>(\r\n    hotkeys: UseHotkeysHotkeys,\r\n    callback: (event: KeyboardEvent) => void,\r\n    options?: UseHotkeysOptions,\r\n    target?: never\r\n  ): StateRef<Target>;\r\n}\r\n\r\n/**\r\n * @name useHotkeys\r\n * @description - Hook that listens for hotkeys\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} [target=window] The target element to attach the event listener to\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {void}\r\n *\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * useHotkeys(ref, 'ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {string} hotkeys The hotkey to listen for\r\n * @param {(event: KeyboardEvent) => void} callback The callback function to execute when hotkey is pressed\r\n * @param {Record<string, string>} [options.alias] Alias map for hotkeys\r\n * @param {boolean} [options.enabled=true] Enable or disable the event listeners\r\n * @returns {StateRef<Target>} A reference to the target element\r\n *\r\n * @example\r\n * const ref = useHotkeys('ctrl+a', () => console.log('hotkey pressed'));\r\n * @example\r\n * const ref = useHotkeys('ctrl+a, ctrl+b', () => console.log('hotkey pressed'));\r\n */\r\nexport const useHotkeys = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n  const hotkeys = (target ? params[1] : params[0]) as UseHotkeysHotkeys;\r\n  const callback = (target ? params[2] : params[1]) as (event: KeyboardEvent) => void;\r\n  const options = (target ? params[3] : params[2]) as UseHotkeysOptions | undefined;\r\n\r\n  const internalRef = useRefState(window);\r\n  const keysRef = useRef<UseHotkeysKey[]>([]);\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const onKeyDown = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n\r\n    if (keysRef.current.some(({ code }) => code === event.code)) return;\r\n\r\n    const alias = options?.alias?.[event.key] ?? event.code;\r\n    const updatedKeys = [...keysRef.current, { key: event.key, code: event.code, alias }];\r\n    keysRef.current = updatedKeys;\r\n\r\n    const hotkeysList = hotkeys.split(',').map((h) => h.trim());\r\n    const isMatch = hotkeysList.some((hotkey) => isHotkeyMatch(hotkey, updatedKeys));\r\n    if (!isMatch) return;\r\n    event.preventDefault();\r\n    callback(event);\r\n  });\r\n\r\n  const onKeyUp = useEvent((event: KeyboardEvent) => {\r\n    if (!enabled) return;\r\n    keysRef.current = keysRef.current.filter(({ code }) => code !== event.code);\r\n  });\r\n\r\n  useEffect(() => {\r\n    keysRef.current = [];\r\n    if (!target && !internalRef.state && !enabled) return;\r\n\r\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\r\n    if (!element) return;\r\n\r\n    element.addEventListener('keydown', onKeyDown as EventListener);\r\n    element.addEventListener('keyup', onKeyUp as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('keydown', onKeyDown as EventListener);\r\n      element.removeEventListener('keyup', onKeyUp as EventListener);\r\n    };\r\n  }, [\r\n    target && isTarget.getRawElement(target),\r\n    internalRef.state,\r\n    enabled,\r\n    hotkeys,\r\n    onKeyDown,\r\n    onKeyUp\r\n  ]);\r\n\r\n  if (target) return;\r\n  return internalRef;\r\n}) as UseHotkeys;\r\n"],"mappings":";;;;;AAmBA,IAAa,KAAiB,GAAgB,MAC5C,EACG,aAAa,CACb,MAAM,WAAW,CACjB,KAAK,MAAQ,EAAI,MAAM,CAAC,CACxB,OAAO,MACN,EAAK,MACF,MACC,MAAQ,EAAW,KAAK,mBAAmB,IAC3C,MAAQ,EAAW,IAAI,mBAAmB,IAC1C,MAAQ,EAAW,MAAM,mBAAmB,CAC/C,CACF,EAkEQ,MAAe,GAAG,MAAkB;CAC/C,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAW,IAAS,EAAO,KAAK,EAAO,IACvC,IAAY,IAAS,EAAO,KAAK,EAAO,IACxC,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,IAAc,EAAY,OAAO,EACjC,IAAU,EAAwB,EAAE,CAAC,EACrC,IAAU,GAAS,WAAW,IAE9B,IAAY,GAAU,MAAyB;AAGnD,MAFI,CAAC,KAED,EAAQ,QAAQ,MAAM,EAAE,cAAW,MAAS,EAAM,KAAK,CAAE;EAE7D,IAAM,IAAQ,GAAS,QAAQ,EAAM,QAAQ,EAAM,MAC7C,IAAc,CAAC,GAAG,EAAQ,SAAS;GAAE,KAAK,EAAM;GAAK,MAAM,EAAM;GAAM;GAAO,CAAC;AACrF,IAAQ,UAAU,GAEE,EAAQ,MAAM,IAAI,CAAC,KAAK,MAAM,EAAE,MAAM,CAAC,CAC/B,MAAM,MAAW,EAAc,GAAQ,EAAY,CAAC,KAEhF,EAAM,gBAAgB,EACtB,EAAS,EAAM;GACf,EAEI,IAAU,GAAU,MAAyB;AAC5C,QACL,EAAQ,UAAU,EAAQ,QAAQ,QAAQ,EAAE,cAAW,MAAS,EAAM,KAAK;GAC3E;AAEF,aAAgB;AAEd,MADA,EAAQ,UAAU,EAAE,EAChB,CAAC,KAAU,CAAC,EAAY,SAAS,CAAC,EAAS;EAE/C,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAC/D,QAKL,QAHA,EAAQ,iBAAiB,WAAW,EAA2B,EAC/D,EAAQ,iBAAiB,SAAS,EAAyB,QAE9C;AAEX,GADA,EAAQ,oBAAoB,WAAW,EAA2B,EAClE,EAAQ,oBAAoB,SAAS,EAAyB;;IAE/D;EACD,KAAU,EAAS,cAAc,EAAO;EACxC,EAAY;EACZ;EACA;EACA;EACA;EACD,CAAC,EAEE,GACJ,QAAO"}

package/dist/esm/hooks/useHover/useHover.mjs

@@ -1,26 +1,31 @@
-import { useState as m, useRef as a, useEffect as d } from "react";
-import { useRefState as g } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const b = ((...e) => {
-  const t = i(e[0]) ? e[0] : void 0, r = t ? typeof e[1] == "object" ? e[1] : { onEntry: e[1] } : typeof e[0] == "object" ? e[0] : { onEntry: e[0] }, c = r?.enabled ?? !0, [f, v] = m(!1), o = g(), s = a(r);
-  return s.current = r, d(() => {
-    if (!c || !t && !o.state) return;
-    const n = t ? i.getElement(t) : o.current;
-    if (!n) return;
-    const l = (u) => {
-      s.current?.onEntry?.(u), v(!0);
-    }, E = (u) => {
-      s.current?.onLeave?.(u), v(!1);
-    };
-    return n.addEventListener("mouseenter", l), n.addEventListener("mouseleave", E), () => {
-      n.removeEventListener("mouseenter", l), n.removeEventListener("mouseleave", E);
-    };
-  }, [c, t && i.getRawElement(t), o.state]), t ? { value: f } : {
-    ref: o,
-    value: f
-  };
+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/useHover/useHover.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? typeof a[1] == "object" ? a[1] : { onEntry: a[1] } : typeof a[0] == "object" ? a[0] : { onEntry: a[0] }, c = s?.enabled ?? !0, [l, u] = i(!1), d = t(), f = r(s);
+	return f.current = s, n(() => {
+		if (!c || !o && !d.state) return;
+		let t = o ? e.getElement(o) : d.current;
+		if (!t) return;
+		let n = (e) => {
+			f.current?.onEntry?.(e), u(!0);
+		}, r = (e) => {
+			f.current?.onLeave?.(e), u(!1);
+		};
+		return t.addEventListener("mouseenter", n), t.addEventListener("mouseleave", r), () => {
+			t.removeEventListener("mouseenter", n), t.removeEventListener("mouseleave", r);
+		};
+	}, [
+		c,
+		o && e.getRawElement(o),
+		d.state
+	]), o ? { value: l } : {
+		ref: d,
+		value: l
+	};
 });
-export {
-  b as useHover
-};
-//# sourceMappingURL=useHover.mjs.map
+//#endregion
+export { a as useHover };
+
+//# sourceMappingURL=useHover.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHover.mjs","sources":["../../../../src/hooks/useHover/useHover.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\n/** The use hover options type */\nexport interface UseHoverOptions {\n  /** The enabled state of the hook */\n  enabled?: boolean;\n  /** The on entry callback */\n  onEntry?: (event: Event) => void;\n  /** The on leave callback */\n  onLeave?: (event: Event) => void;\n}\n\n/** The use hover return type */\nexport interface UseHoverReturn {\n  /** The value of the hover */\n  value: boolean;\n}\n\nexport interface UseHover {\n  (target: HookTarget, callback?: (event: Event) => void): UseHoverReturn;\n\n  (target: HookTarget, options?: UseHoverOptions): UseHoverReturn;\n\n  <Target extends Element>(\n    callback?: (event: Event) => void,\n    target?: never\n  ): UseHoverReturn & { ref: StateRef<Target> };\n\n  <Target extends Element>(\n    options?: UseHoverOptions,\n    target?: never\n  ): UseHoverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target element to be hovered\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The value of the hover\n *\n * @example\n * const hovering = useHover(ref, () => console.log('callback'));\n *\n * @overload\n * @param {HookTarget} target The target element to be hovered\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The value of the hover\n *\n * @example\n * const hovering = useHover(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {{ ref: StateRef<Target> } & UseHoverReturn} The object with the ref and the value of the hover\n *\n * @example\n * const { ref, value } = useHover(() => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {{ ref: StateRef<Target> } & UseHoverReturn} The object with the ref and the value of the hover\n *\n * @example\n * const { ref, value } = useHover(options);\n */\nexport const useHover = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onEntry: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onEntry: params[0] }\n  ) as UseHoverOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const [hovering, setHovering] = useState(false);\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const onMouseEnter = (event: Event) => {\n      internalOptionsRef.current?.onEntry?.(event);\n      setHovering(true);\n    };\n\n    const onMouseLeave = (event: Event) => {\n      internalOptionsRef.current?.onLeave?.(event);\n      setHovering(false);\n    };\n\n    element.addEventListener('mouseenter', onMouseEnter);\n    element.addEventListener('mouseleave', onMouseLeave);\n\n    return () => {\n      element.removeEventListener('mouseenter', onMouseEnter);\n      element.removeEventListener('mouseleave', onMouseLeave);\n    };\n  }, [enabled, target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { value: hovering };\n  return {\n    ref: internalRef,\n    value: hovering\n  } as const;\n}) as UseHover;\n"],"names":["useHover","params","target","isTarget","options","enabled","hovering","setHovering","useState","internalRef","useRefState","internalOptionsRef","useRef","useEffect","element","onMouseEnter","event","onMouseLeave"],"mappings":";;;AAkFO,MAAMA,KAAY,IAAIC,MAAkB;AAC7C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,SAASA,EAAO,CAAC,EAAA,IACrB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,SAASA,EAAO,CAAC,EAAA,GAGrBI,IAAUD,GAAS,WAAW,IAE9B,CAACE,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAA,GACdC,IAAqBC,EAAOR,CAAO;AA6BzC,SA5BAO,EAAmB,UAAUP,GAE7BS,EAAU,MAAM;AACd,QAAI,CAACR,KAAY,CAACH,KAAU,CAACO,EAAY,MAAQ;AAEjD,UAAMK,IAAWZ,IAASC,EAAS,WAAWD,CAAM,IAAIO,EAAY;AAEpE,QAAI,CAACK,EAAS;AAEd,UAAMC,IAAe,CAACC,MAAiB;AACrC,MAAAL,EAAmB,SAAS,UAAUK,CAAK,GAC3CT,EAAY,EAAI;AAAA,IAAA,GAGZU,IAAe,CAACD,MAAiB;AACrC,MAAAL,EAAmB,SAAS,UAAUK,CAAK,GAC3CT,EAAY,EAAK;AAAA,IAAA;AAGnB,WAAAO,EAAQ,iBAAiB,cAAcC,CAAY,GACnDD,EAAQ,iBAAiB,cAAcG,CAAY,GAE5C,MAAM;AACX,MAAAH,EAAQ,oBAAoB,cAAcC,CAAY,GACtDD,EAAQ,oBAAoB,cAAcG,CAAY;AAAA,IAAA;AAAA,EACxD,GACC,CAACZ,GAASH,KAAUC,EAAS,cAAcD,CAAM,GAAGO,EAAY,KAAK,CAAC,GAErEP,IAAe,EAAE,OAAOI,EAAA,IACrB;AAAA,IACL,KAAKG;AAAA,IACL,OAAOH;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useHover.mjs","names":[],"sources":["../../../../src/hooks/useHover/useHover.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\n/** The use hover options type */\nexport interface UseHoverOptions {\n  /** The enabled state of the hook */\n  enabled?: boolean;\n  /** The on entry callback */\n  onEntry?: (event: Event) => void;\n  /** The on leave callback */\n  onLeave?: (event: Event) => void;\n}\n\n/** The use hover return type */\nexport interface UseHoverReturn {\n  /** The value of the hover */\n  value: boolean;\n}\n\nexport interface UseHover {\n  (target: HookTarget, callback?: (event: Event) => void): UseHoverReturn;\n\n  (target: HookTarget, options?: UseHoverOptions): UseHoverReturn;\n\n  <Target extends Element>(\n    callback?: (event: Event) => void,\n    target?: never\n  ): UseHoverReturn & { ref: StateRef<Target> };\n\n  <Target extends Element>(\n    options?: UseHoverOptions,\n    target?: never\n  ): UseHoverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target element to be hovered\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The value of the hover\n *\n * @example\n * const hovering = useHover(ref, () => console.log('callback'));\n *\n * @overload\n * @param {HookTarget} target The target element to be hovered\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The value of the hover\n *\n * @example\n * const hovering = useHover(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {{ ref: StateRef<Target> } & UseHoverReturn} The object with the ref and the value of the hover\n *\n * @example\n * const { ref, value } = useHover(() => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {{ ref: StateRef<Target> } & UseHoverReturn} The object with the ref and the value of the hover\n *\n * @example\n * const { ref, value } = useHover(options);\n */\nexport const useHover = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onEntry: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onEntry: params[0] }\n  ) as UseHoverOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const [hovering, setHovering] = useState(false);\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const onMouseEnter = (event: Event) => {\n      internalOptionsRef.current?.onEntry?.(event);\n      setHovering(true);\n    };\n\n    const onMouseLeave = (event: Event) => {\n      internalOptionsRef.current?.onLeave?.(event);\n      setHovering(false);\n    };\n\n    element.addEventListener('mouseenter', onMouseEnter);\n    element.addEventListener('mouseleave', onMouseLeave);\n\n    return () => {\n      element.removeEventListener('mouseenter', onMouseEnter);\n      element.removeEventListener('mouseleave', onMouseLeave);\n    };\n  }, [enabled, target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { value: hovering };\n  return {\n    ref: internalRef,\n    value: hovering\n  } as const;\n}) as UseHover;\n"],"mappings":";;;;AAkFA,IAAa,MAAa,GAAG,MAAkB;CAC7C,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IACJ,IACI,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,SAAS,EAAO,IAAI,GACxB,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,SAAS,EAAO,IAAI,EAGxB,IAAU,GAAS,WAAW,IAE9B,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAc,GAAsB,EACpC,IAAqB,EAAO,EAAQ;AA8B1C,QA7BA,EAAmB,UAAU,GAE7B,QAAgB;AACd,MAAI,CAAC,KAAY,CAAC,KAAU,CAAC,EAAY,MAAQ;EAEjD,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAEpE,MAAI,CAAC,EAAS;EAEd,IAAM,KAAgB,MAAiB;AAErC,GADA,EAAmB,SAAS,UAAU,EAAM,EAC5C,EAAY,GAAK;KAGb,KAAgB,MAAiB;AAErC,GADA,EAAmB,SAAS,UAAU,EAAM,EAC5C,EAAY,GAAM;;AAMpB,SAHA,EAAQ,iBAAiB,cAAc,EAAa,EACpD,EAAQ,iBAAiB,cAAc,EAAa,QAEvC;AAEX,GADA,EAAQ,oBAAoB,cAAc,EAAa,EACvD,EAAQ,oBAAoB,cAAc,EAAa;;IAExD;EAAC;EAAS,KAAU,EAAS,cAAc,EAAO;EAAE,EAAY;EAAM,CAAC,EAEtE,IAAe,EAAE,OAAO,GAAU,GAC/B;EACL,KAAK;EACL,OAAO;EACR"}

package/dist/esm/hooks/useIdle/useIdle.mjs

@@ -1,27 +1,30 @@
-import { useState as a, useEffect as l } from "react";
-import { throttle as f } from "../../utils/helpers/throttle.mjs";
-const h = [
-  "mousemove",
-  "mousedown",
-  "keydown",
-  "touchstart",
-  "wheel",
-  "resize"
-], v = 6e4, L = (t = v, { initialValue: u = !1, events: o = h } = {}) => {
-  const [d, s] = a(u), [m, E] = a(Date.now());
-  return l(() => {
-    let e;
-    const r = () => s(!0), n = f(() => {
-      s(!1), E(Date.now()), clearTimeout(e), e = setTimeout(r, t);
-    }, 500), c = () => {
-      document.hidden || n();
-    };
-    return e = setTimeout(r, t), o.forEach((i) => window.addEventListener(i, n)), document.addEventListener("visibilitychange", c), () => {
-      o.forEach((i) => window.addEventListener(i, n)), document.removeEventListener("visibilitychange", c), clearTimeout(e);
-    };
-  }, [t, o]), { idle: d, lastActive: m };
+import { throttle as e } from "../../utils/helpers/throttle.mjs";
+import { useEffect as t, useState as n } from "react";
+//#region src/hooks/useIdle/useIdle.ts
+var r = [
+	"mousemove",
+	"mousedown",
+	"keydown",
+	"touchstart",
+	"wheel",
+	"resize"
+], i = 6e4, a = (a = i, { initialValue: o = !1, events: s = r } = {}) => {
+	let [c, l] = n(o), [u, d] = n(Date.now());
+	return t(() => {
+		let t, n = () => l(!0), r = e(() => {
+			l(!1), d(Date.now()), clearTimeout(t), t = setTimeout(n, a);
+		}, 500), i = () => {
+			document.hidden || r();
+		};
+		return t = setTimeout(n, a), s.forEach((e) => window.addEventListener(e, r)), document.addEventListener("visibilitychange", i), () => {
+			s.forEach((e) => window.addEventListener(e, r)), document.removeEventListener("visibilitychange", i), clearTimeout(t);
+		};
+	}, [a, s]), {
+		idle: c,
+		lastActive: u
+	};
 };
-export {
-  L as useIdle
-};
-//# sourceMappingURL=useIdle.mjs.map
+//#endregion
+export { a as useIdle };
+
+//# sourceMappingURL=useIdle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIdle.mjs","sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\n/** The use idle options type */\nexport interface UseIdleOptions {\n  /** The idle events */\n  events?: Array<keyof DocumentEventMap>;\n  /** The idle state */\n  initialValue?: boolean;\n}\n\nconst IDLE_EVENTS = [\n  'mousemove',\n  'mousedown',\n  'keydown',\n  'touchstart',\n  'wheel',\n  'resize'\n] satisfies Array<keyof DocumentEventMap>;\nconst ONE_MINUTE = 60e3;\n\n/** The use idle return type */\nexport interface UseIdleReturn {\n  /** The idle state */\n  idle: boolean;\n  /** The last active time */\n  lastActive: number;\n}\n\n/**\n * @name useIdle\n * @description - Hook that defines the logic when the user is idle\n * @category Sensors\n * @usage low\n *\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\n * @param {boolean} [options.initialState=false] The options for the hook\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\n *\n * @example\n * const { idle, lastActive } = useIdle();\n */\nexport const useIdle = (\n  milliseconds = ONE_MINUTE,\n  { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\n): UseIdleReturn => {\n  const [idle, setIdle] = useState(initialValue);\n  const [lastActive, setLastActive] = useState(Date.now());\n\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n    const onTimeout = () => setIdle(true);\n\n    const onEvent = throttle(() => {\n      setIdle(false);\n      setLastActive(Date.now());\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(onTimeout, milliseconds);\n    }, 500);\n\n    const onVisibilitychange = () => {\n      if (!document.hidden) onEvent();\n    };\n\n    timeoutId = setTimeout(onTimeout, milliseconds);\n\n    events.forEach((event) => window.addEventListener(event, onEvent));\n    document.addEventListener('visibilitychange', onVisibilitychange);\n\n    return () => {\n      events.forEach((event) => window.addEventListener(event, onEvent));\n      document.removeEventListener('visibilitychange', onVisibilitychange);\n      clearTimeout(timeoutId);\n    };\n  }, [milliseconds, events]);\n\n  return { idle, lastActive };\n};\n"],"names":["IDLE_EVENTS","ONE_MINUTE","useIdle","milliseconds","initialValue","events","idle","setIdle","useState","lastActive","setLastActive","useEffect","timeoutId","onTimeout","onEvent","throttle","onVisibilitychange","event"],"mappings":";;AAYA,MAAMA,IAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAAa,KAwBNC,IAAU,CACrBC,IAAeF,GACf,EAAE,cAAAG,IAAe,IAAO,QAAAC,IAASL,EAAA,IAAgC,OAC/C;AAClB,QAAM,CAACM,GAAMC,CAAO,IAAIC,EAASJ,CAAY,GACvC,CAACK,GAAYC,CAAa,IAAIF,EAAS,KAAK,KAAK;AAEvD,SAAAG,EAAU,MAAM;AACd,QAAIC;AACJ,UAAMC,IAAY,MAAMN,EAAQ,EAAI,GAE9BO,IAAUC,EAAS,MAAM;AAC7B,MAAAR,EAAQ,EAAK,GACbG,EAAc,KAAK,KAAK,GACxB,aAAaE,CAAS,GACtBA,IAAY,WAAWC,GAAWV,CAAY;AAAA,IAAA,GAC7C,GAAG,GAEAa,IAAqB,MAAM;AAC/B,MAAK,SAAS,UAAQF,EAAA;AAAA,IAAQ;AAGhC,WAAAF,IAAY,WAAWC,GAAWV,CAAY,GAE9CE,EAAO,QAAQ,CAACY,MAAU,OAAO,iBAAiBA,GAAOH,CAAO,CAAC,GACjE,SAAS,iBAAiB,oBAAoBE,CAAkB,GAEzD,MAAM;AACX,MAAAX,EAAO,QAAQ,CAACY,MAAU,OAAO,iBAAiBA,GAAOH,CAAO,CAAC,GACjE,SAAS,oBAAoB,oBAAoBE,CAAkB,GACnE,aAAaJ,CAAS;AAAA,IAAA;AAAA,EACxB,GACC,CAACT,GAAcE,CAAM,CAAC,GAElB,EAAE,MAAAC,GAAM,YAAAG,EAAA;AACjB;"}
+{"version":3,"file":"useIdle.mjs","names":[],"sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\n/** The use idle options type */\nexport interface UseIdleOptions {\n  /** The idle events */\n  events?: Array<keyof DocumentEventMap>;\n  /** The idle state */\n  initialValue?: boolean;\n}\n\nconst IDLE_EVENTS = [\n  'mousemove',\n  'mousedown',\n  'keydown',\n  'touchstart',\n  'wheel',\n  'resize'\n] satisfies Array<keyof DocumentEventMap>;\nconst ONE_MINUTE = 60e3;\n\n/** The use idle return type */\nexport interface UseIdleReturn {\n  /** The idle state */\n  idle: boolean;\n  /** The last active time */\n  lastActive: number;\n}\n\n/**\n * @name useIdle\n * @description - Hook that defines the logic when the user is idle\n * @category Sensors\n * @usage low\n *\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\n * @param {boolean} [options.initialState=false] The options for the hook\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\n *\n * @example\n * const { idle, lastActive } = useIdle();\n */\nexport const useIdle = (\n  milliseconds = ONE_MINUTE,\n  { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\n): UseIdleReturn => {\n  const [idle, setIdle] = useState(initialValue);\n  const [lastActive, setLastActive] = useState(Date.now());\n\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n    const onTimeout = () => setIdle(true);\n\n    const onEvent = throttle(() => {\n      setIdle(false);\n      setLastActive(Date.now());\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(onTimeout, milliseconds);\n    }, 500);\n\n    const onVisibilitychange = () => {\n      if (!document.hidden) onEvent();\n    };\n\n    timeoutId = setTimeout(onTimeout, milliseconds);\n\n    events.forEach((event) => window.addEventListener(event, onEvent));\n    document.addEventListener('visibilitychange', onVisibilitychange);\n\n    return () => {\n      events.forEach((event) => window.addEventListener(event, onEvent));\n      document.removeEventListener('visibilitychange', onVisibilitychange);\n      clearTimeout(timeoutId);\n    };\n  }, [milliseconds, events]);\n\n  return { idle, lastActive };\n};\n"],"mappings":";;;AAYA,IAAM,IAAc;CAClB;CACA;CACA;CACA;CACA;CACA;CACD,EACK,IAAa,KAwBN,KACX,IAAe,GACf,EAAE,kBAAe,IAAO,YAAS,MAAgC,EAAE,KACjD;CAClB,IAAM,CAAC,GAAM,KAAW,EAAS,EAAa,EACxC,CAAC,GAAY,KAAiB,EAAS,KAAK,KAAK,CAAC;AA6BxD,QA3BA,QAAgB;EACd,IAAI,GACE,UAAkB,EAAQ,GAAK,EAE/B,IAAU,QAAe;AAI7B,GAHA,EAAQ,GAAM,EACd,EAAc,KAAK,KAAK,CAAC,EACzB,aAAa,EAAU,EACvB,IAAY,WAAW,GAAW,EAAa;KAC9C,IAAI,EAED,UAA2B;AAC/B,GAAK,SAAS,UAAQ,GAAS;;AAQjC,SALA,IAAY,WAAW,GAAW,EAAa,EAE/C,EAAO,SAAS,MAAU,OAAO,iBAAiB,GAAO,EAAQ,CAAC,EAClE,SAAS,iBAAiB,oBAAoB,EAAmB,QAEpD;AAGX,GAFA,EAAO,SAAS,MAAU,OAAO,iBAAiB,GAAO,EAAQ,CAAC,EAClE,SAAS,oBAAoB,oBAAoB,EAAmB,EACpE,aAAa,EAAU;;IAExB,CAAC,GAAc,EAAO,CAAC,EAEnB;EAAE;EAAM;EAAY"}

package/dist/esm/hooks/useImage/useImage.mjs

@@ -1,26 +1,24 @@
-import { useQuery as y } from "../useQuery/useQuery.mjs";
-const m = async (s, r = {}) => new Promise((n, o) => {
-  const e = new Image(), { srcset: c, sizes: a, class: l, loading: i, crossorigin: f, referrerPolicy: g } = r;
-  e.src = s, c && (e.srcset = c), a && (e.sizes = a), l && (e.className = l), i && (e.loading = i), f && (e.crossOrigin = f), g && (e.referrerPolicy = g), e.onload = () => n(e), e.onerror = o;
-}), d = (s, r) => y(
-  () => m(s, {
-    alt: r?.alt,
-    class: r?.class,
-    crossorigin: r?.crossorigin,
-    loading: r?.loading,
-    referrerPolicy: r?.referrerPolicy,
-    sizes: r?.sizes,
-    srcset: r?.srcset
-  }),
-  {
-    keys: [s, ...r?.keys ?? []],
-    onSuccess: r?.onSuccess,
-    onError: r?.onError,
-    refetchInterval: r?.refetchInterval,
-    retry: r?.retry
-  }
-);
-export {
-  d as useImage
-};
-//# sourceMappingURL=useImage.mjs.map
+import { useQuery as e } from "../useQuery/useQuery.mjs";
+//#region src/hooks/useImage/useImage.ts
+var t = async (e, t = {}) => new Promise((n, r) => {
+	let i = new Image(), { srcset: a, sizes: o, class: s, loading: c, crossorigin: l, referrerPolicy: u } = t;
+	i.src = e, a && (i.srcset = a), o && (i.sizes = o), s && (i.className = s), c && (i.loading = c), l && (i.crossOrigin = l), u && (i.referrerPolicy = u), i.onload = () => n(i), i.onerror = r;
+}), n = (n, r) => e(() => t(n, {
+	alt: r?.alt,
+	class: r?.class,
+	crossorigin: r?.crossorigin,
+	loading: r?.loading,
+	referrerPolicy: r?.referrerPolicy,
+	sizes: r?.sizes,
+	srcset: r?.srcset
+}), {
+	keys: [n, ...r?.keys ?? []],
+	onSuccess: r?.onSuccess,
+	onError: r?.onError,
+	refetchInterval: r?.refetchInterval,
+	retry: r?.retry
+});
+//#endregion
+export { n as useImage };
+
+//# sourceMappingURL=useImage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useImage.mjs","sources":["../../../../src/hooks/useImage/useImage.ts"],"sourcesContent":["import type { UseQueryOptions, UseQueryReturn } from '../useQuery/useQuery';\r\n\r\nimport { useQuery } from '../useQuery/useQuery';\r\n\r\n/** The use image options */\r\nexport interface UseImageOptions {\r\n  /** The alt of the image */\r\n  alt?: string;\r\n  /** The class of the image */\r\n  class?: string;\r\n  /** The crossorigin of the image */\r\n  crossorigin?: string;\r\n  /** The loading of the image */\r\n  loading?: HTMLImageElement['loading'];\r\n  /** The referrer policy of the image */\r\n  referrerPolicy?: HTMLImageElement['referrerPolicy'];\r\n  /** The sizes of the image */\r\n  sizes?: string;\r\n  /** The srcset of the image */\r\n  srcset?: string;\r\n}\r\n\r\n/** The use image return type */\r\nexport type UseImageReturn = UseQueryReturn<HTMLImageElement>;\r\n\r\nconst loadImage = async (src: string, options: UseImageOptions = {}): Promise<HTMLImageElement> =>\r\n  new Promise((resolve, reject) => {\r\n    const img = new Image();\r\n    const { srcset, sizes, class: className, loading, crossorigin, referrerPolicy } = options;\r\n\r\n    img.src = src;\r\n    if (srcset) img.srcset = srcset;\r\n    if (sizes) img.sizes = sizes;\r\n    if (className) img.className = className;\r\n    if (loading) img.loading = loading;\r\n    if (crossorigin) img.crossOrigin = crossorigin;\r\n\r\n    if (referrerPolicy) img.referrerPolicy = referrerPolicy;\r\n\r\n    img.onload = () => resolve(img);\r\n    img.onerror = reject;\r\n  });\r\n\r\n/**\r\n * @name useImage\r\n * @description - Hook that load an image in the browser\r\n * @category Elements\r\n * @usage low\r\n *\r\n * @param {string} src The source of the image\r\n * @param {string} [options.srcset] The srcset of the image\r\n * @param {string} [options.sizes] The sizes of the image\r\n * @param {string} [options.alt] The alt of the image\r\n * @param {string} [options.class] The class of the image\r\n * @param {HTMLImageElement['loading']} [options.loading] The loading of the image\r\n * @param {string} [options.crossorigin] The crossorigin of the image\r\n * @param {HTMLImageElement['referrerPolicy']} [options.referrerPolicy] The referrerPolicy of the image\r\n * @param {DependencyList} [options.keys] The dependencies for the hook\r\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\r\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\r\n * @param {number} [options.refetchInterval] The refetch interval\r\n * @param {boolean | number} [options.retry] The retry count of requests\r\n * @returns {UseImageReturn} An object with the state of the image\r\n *\r\n * @example\r\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useImage('https://example.com/image.png');\r\n */\r\nexport const useImage = (\r\n  src: string,\r\n  options?: UseImageOptions &\r\n    Omit<\r\n      UseQueryOptions<HTMLImageElement, HTMLImageElement>,\r\n      'initialData' | 'placeholderData' | 'select'\r\n    >\r\n) =>\r\n  useQuery(\r\n    () =>\r\n      loadImage(src, {\r\n        alt: options?.alt,\r\n        class: options?.class,\r\n        crossorigin: options?.crossorigin,\r\n        loading: options?.loading,\r\n        referrerPolicy: options?.referrerPolicy,\r\n        sizes: options?.sizes,\r\n        srcset: options?.srcset\r\n      }),\r\n    {\r\n      keys: [src, ...(options?.keys ?? [])],\r\n      onSuccess: options?.onSuccess,\r\n      onError: options?.onError,\r\n      refetchInterval: options?.refetchInterval,\r\n      retry: options?.retry\r\n    }\r\n  );\r\n"],"names":["loadImage","src","options","resolve","reject","img","srcset","sizes","className","loading","crossorigin","referrerPolicy","useImage","useQuery"],"mappings":";AAyBA,MAAMA,IAAY,OAAOC,GAAaC,IAA2B,CAAA,MAC/D,IAAI,QAAQ,CAACC,GAASC,MAAW;AAC/B,QAAMC,IAAM,IAAI,MAAA,GACV,EAAE,QAAAC,GAAQ,OAAAC,GAAO,OAAOC,GAAW,SAAAC,GAAS,aAAAC,GAAa,gBAAAC,MAAmBT;AAElF,EAAAG,EAAI,MAAMJ,GACNK,QAAY,SAASA,IACrBC,QAAW,QAAQA,IACnBC,QAAe,YAAYA,IAC3BC,QAAa,UAAUA,IACvBC,QAAiB,cAAcA,IAE/BC,QAAoB,iBAAiBA,IAEzCN,EAAI,SAAS,MAAMF,EAAQE,CAAG,GAC9BA,EAAI,UAAUD;AAChB,CAAC,GA0BUQ,IAAW,CACtBX,GACAC,MAMAW;AAAA,EACE,MACEb,EAAUC,GAAK;AAAA,IACb,KAAKC,GAAS;AAAA,IACd,OAAOA,GAAS;AAAA,IAChB,aAAaA,GAAS;AAAA,IACtB,SAASA,GAAS;AAAA,IAClB,gBAAgBA,GAAS;AAAA,IACzB,OAAOA,GAAS;AAAA,IAChB,QAAQA,GAAS;AAAA,EAAA,CAClB;AAAA,EACH;AAAA,IACE,MAAM,CAACD,GAAK,GAAIC,GAAS,QAAQ,CAAA,CAAG;AAAA,IACpC,WAAWA,GAAS;AAAA,IACpB,SAASA,GAAS;AAAA,IAClB,iBAAiBA,GAAS;AAAA,IAC1B,OAAOA,GAAS;AAAA,EAAA;AAEpB;"}
+{"version":3,"file":"useImage.mjs","names":[],"sources":["../../../../src/hooks/useImage/useImage.ts"],"sourcesContent":["import type { UseQueryOptions, UseQueryReturn } from '../useQuery/useQuery';\r\n\r\nimport { useQuery } from '../useQuery/useQuery';\r\n\r\n/** The use image options */\r\nexport interface UseImageOptions {\r\n  /** The alt of the image */\r\n  alt?: string;\r\n  /** The class of the image */\r\n  class?: string;\r\n  /** The crossorigin of the image */\r\n  crossorigin?: string;\r\n  /** The loading of the image */\r\n  loading?: HTMLImageElement['loading'];\r\n  /** The referrer policy of the image */\r\n  referrerPolicy?: HTMLImageElement['referrerPolicy'];\r\n  /** The sizes of the image */\r\n  sizes?: string;\r\n  /** The srcset of the image */\r\n  srcset?: string;\r\n}\r\n\r\n/** The use image return type */\r\nexport type UseImageReturn = UseQueryReturn<HTMLImageElement>;\r\n\r\nconst loadImage = async (src: string, options: UseImageOptions = {}): Promise<HTMLImageElement> =>\r\n  new Promise((resolve, reject) => {\r\n    const img = new Image();\r\n    const { srcset, sizes, class: className, loading, crossorigin, referrerPolicy } = options;\r\n\r\n    img.src = src;\r\n    if (srcset) img.srcset = srcset;\r\n    if (sizes) img.sizes = sizes;\r\n    if (className) img.className = className;\r\n    if (loading) img.loading = loading;\r\n    if (crossorigin) img.crossOrigin = crossorigin;\r\n\r\n    if (referrerPolicy) img.referrerPolicy = referrerPolicy;\r\n\r\n    img.onload = () => resolve(img);\r\n    img.onerror = reject;\r\n  });\r\n\r\n/**\r\n * @name useImage\r\n * @description - Hook that load an image in the browser\r\n * @category Elements\r\n * @usage low\r\n *\r\n * @param {string} src The source of the image\r\n * @param {string} [options.srcset] The srcset of the image\r\n * @param {string} [options.sizes] The sizes of the image\r\n * @param {string} [options.alt] The alt of the image\r\n * @param {string} [options.class] The class of the image\r\n * @param {HTMLImageElement['loading']} [options.loading] The loading of the image\r\n * @param {string} [options.crossorigin] The crossorigin of the image\r\n * @param {HTMLImageElement['referrerPolicy']} [options.referrerPolicy] The referrerPolicy of the image\r\n * @param {DependencyList} [options.keys] The dependencies for the hook\r\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\r\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\r\n * @param {number} [options.refetchInterval] The refetch interval\r\n * @param {boolean | number} [options.retry] The retry count of requests\r\n * @returns {UseImageReturn} An object with the state of the image\r\n *\r\n * @example\r\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useImage('https://example.com/image.png');\r\n */\r\nexport const useImage = (\r\n  src: string,\r\n  options?: UseImageOptions &\r\n    Omit<\r\n      UseQueryOptions<HTMLImageElement, HTMLImageElement>,\r\n      'initialData' | 'placeholderData' | 'select'\r\n    >\r\n) =>\r\n  useQuery(\r\n    () =>\r\n      loadImage(src, {\r\n        alt: options?.alt,\r\n        class: options?.class,\r\n        crossorigin: options?.crossorigin,\r\n        loading: options?.loading,\r\n        referrerPolicy: options?.referrerPolicy,\r\n        sizes: options?.sizes,\r\n        srcset: options?.srcset\r\n      }),\r\n    {\r\n      keys: [src, ...(options?.keys ?? [])],\r\n      onSuccess: options?.onSuccess,\r\n      onError: options?.onError,\r\n      refetchInterval: options?.refetchInterval,\r\n      retry: options?.retry\r\n    }\r\n  );\r\n"],"mappings":";;AAyBA,IAAM,IAAY,OAAO,GAAa,IAA2B,EAAE,KACjE,IAAI,SAAS,GAAS,MAAW;CAC/B,IAAM,IAAM,IAAI,OAAO,EACjB,EAAE,WAAQ,UAAO,OAAO,GAAW,YAAS,gBAAa,sBAAmB;AAYlF,CAVA,EAAI,MAAM,GACN,MAAQ,EAAI,SAAS,IACrB,MAAO,EAAI,QAAQ,IACnB,MAAW,EAAI,YAAY,IAC3B,MAAS,EAAI,UAAU,IACvB,MAAa,EAAI,cAAc,IAE/B,MAAgB,EAAI,iBAAiB,IAEzC,EAAI,eAAe,EAAQ,EAAI,EAC/B,EAAI,UAAU;EACd,EA0BS,KACX,GACA,MAMA,QAEI,EAAU,GAAK;CACb,KAAK,GAAS;CACd,OAAO,GAAS;CAChB,aAAa,GAAS;CACtB,SAAS,GAAS;CAClB,gBAAgB,GAAS;CACzB,OAAO,GAAS;CAChB,QAAQ,GAAS;CAClB,CAAC,EACJ;CACE,MAAM,CAAC,GAAK,GAAI,GAAS,QAAQ,EAAE,CAAE;CACrC,WAAW,GAAS;CACpB,SAAS,GAAS;CAClB,iBAAiB,GAAS;CAC1B,OAAO,GAAS;CACjB,CACF"}

package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.mjs

@@ -1,33 +1,39 @@
-import { useState as w, useRef as L, useEffect as H } from "react";
-import { useRefState as I } from "../useRefState/useRefState.mjs";
-import { isTarget as c } from "../../utils/helpers/isTarget.mjs";
-const B = ((...e) => {
-  const t = c(e[0]) ? e[0] : void 0, s = t ? e[1] : e[0], i = t ? e[2] : e[1], l = i?.direction ?? "bottom", f = i?.distance ?? 10, [n, a] = w(!1), o = I(), u = L(s);
-  u.current = s;
-  const d = L(n);
-  return d.current = n, H(() => {
-    if (!t && !o.state) return;
-    const r = t ? c.getElement(t) : o.current;
-    if (!r) return;
-    const g = async (m) => {
-      if (d.current) return;
-      const { clientHeight: E, scrollHeight: b, scrollTop: R, clientWidth: v, scrollWidth: S, scrollLeft: h } = m.target, k = b - (R + E), p = S - (h + v);
-      ({
-        bottom: k,
-        top: R,
-        right: p,
-        left: h
-      })[l] <= f && (a(!0), await u.current(m), a(!1));
-    };
-    return r.addEventListener("scroll", g), () => {
-      r.removeEventListener("scroll", g);
-    };
-  }, [t && c.getRawElement(t), o.state, l, f]), t ? { loading: n } : {
-    ref: o,
-    loading: n
-  };
+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/useInfiniteScroll/useInfiniteScroll.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? a[1] : a[0], c = o ? a[2] : a[1], l = c?.direction ?? "bottom", u = c?.distance ?? 10, [d, f] = i(!1), p = t(), m = r(s);
+	m.current = s;
+	let h = r(d);
+	return h.current = d, n(() => {
+		if (!o && !p.state) return;
+		let t = o ? e.getElement(o) : p.current;
+		if (!t) return;
+		let n = async (e) => {
+			if (h.current) return;
+			let { clientHeight: t, scrollHeight: n, scrollTop: r, clientWidth: i, scrollWidth: a, scrollLeft: o } = e.target;
+			({
+				bottom: n - (r + t),
+				top: r,
+				right: a - (o + i),
+				left: o
+			})[l] <= u && (f(!0), await m.current(e), f(!1));
+		};
+		return t.addEventListener("scroll", n), () => {
+			t.removeEventListener("scroll", n);
+		};
+	}, [
+		o && e.getRawElement(o),
+		p.state,
+		l,
+		u
+	]), o ? { loading: d } : {
+		ref: p,
+		loading: d
+	};
 });
-export {
-  B as useInfiniteScroll
-};
-//# sourceMappingURL=useInfiniteScroll.mjs.map
+//#endregion
+export { a as useInfiniteScroll };
+
+//# sourceMappingURL=useInfiniteScroll.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScroll.mjs","sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.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\n/** The use infinite scroll options type */\nexport interface UseInfiniteScrollOptions {\n  /** The direction to trigger the callback */\n  direction?: 'bottom' | 'left' | 'right' | 'top';\n  /** The distance in pixels to trigger the callback */\n  distance?: number;\n}\n\n/** The use infinite scroll return type */\nexport interface UseInfiniteScrollReturn {\n  /** The loading state of the infinite scroll */\n  loading: boolean;\n  /** The ref to attach to the element */\n  ref: StateRef<Element>;\n}\n\nexport interface UseInfiniteScroll {\n  (\n    target: HookTarget,\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions\n  ): UseInfiniteScrollReturn;\n\n  <Target extends Element>(\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions,\n    target?: never\n  ): UseInfiniteScrollReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useInfiniteScroll\n * @description - Hook that defines the logic for infinite scroll\n * @category Sensors\n * @usage medium\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {UseInfiniteScrollReturn & { ref: StateRef<Target> }} An object containing the ref and loading\n *\n * @example\n * const { ref, loading } = useInfiniteScroll(() => console.log('infinite scroll'));\n *\n * @overload\n * @param {HookTarget} target The target element to detect infinite scroll for\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {UseInfiniteScrollReturn} An object containing the ref and loading\n *\n * @example\n * const { loading } = useInfiniteScroll(ref, () => console.log('infinite scroll'));\n */\nexport const useInfiniteScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: Event) => void;\n  const options = (target ? params[2] : params[1]) as UseInfiniteScrollOptions | undefined;\n\n  const direction = options?.direction ?? 'bottom';\n  const distance = options?.distance ?? 10;\n\n  const [loading, setIsLoading] = useState(false);\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalLoadingRef = useRef(loading);\n  internalLoadingRef.current = loading;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onLoadMore = async (event: Event) => {\n      if (internalLoadingRef.current) return;\n\n      const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\n        event.target as Element;\n      const scrollBottom = scrollHeight - (scrollTop + clientHeight);\n      const scrollRight = scrollWidth - (scrollLeft + clientWidth);\n\n      const distances = {\n        bottom: scrollBottom,\n        top: scrollTop,\n        right: scrollRight,\n        left: scrollLeft\n      };\n\n      if (distances[direction] <= distance) {\n        setIsLoading(true);\n        await internalCallbackRef.current(event);\n        setIsLoading(false);\n      }\n    };\n\n    element.addEventListener('scroll', onLoadMore);\n\n    return () => {\n      element.removeEventListener('scroll', onLoadMore);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, direction, distance]);\n\n  if (target) return { loading };\n  return {\n    ref: internalRef,\n    loading\n  };\n}) as UseInfiniteScroll;\n"],"names":["useInfiniteScroll","params","target","isTarget","callback","options","direction","distance","loading","setIsLoading","useState","internalRef","useRefState","internalCallbackRef","useRef","internalLoadingRef","useEffect","element","onLoadMore","event","clientHeight","scrollHeight","scrollTop","clientWidth","scrollWidth","scrollLeft","scrollBottom","scrollRight"],"mappings":";;;AAkEO,MAAMA,KAAqB,IAAIC,MAAkB;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,GAExCK,IAAYD,GAAS,aAAa,UAClCE,IAAWF,GAAS,YAAY,IAEhC,CAACG,GAASC,CAAY,IAAIC,EAAS,EAAK,GAExCC,IAAcC,EAAA,GACdC,IAAsBC,EAAOV,CAAQ;AAC3C,EAAAS,EAAoB,UAAUT;AAC9B,QAAMW,IAAqBD,EAAON,CAAO;AAqCzC,SApCAO,EAAmB,UAAUP,GAE7BQ,EAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACS,EAAY,MAAO;AACnC,UAAMM,IAAWf,IAASC,EAAS,WAAWD,CAAM,IAAIS,EAAY;AACpE,QAAI,CAACM,EAAS;AAEd,UAAMC,IAAa,OAAOC,MAAiB;AACzC,UAAIJ,EAAmB,QAAS;AAEhC,YAAM,EAAE,cAAAK,GAAc,cAAAC,GAAc,WAAAC,GAAW,aAAAC,GAAa,aAAAC,GAAa,YAAAC,MACvEN,EAAM,QACFO,IAAeL,KAAgBC,IAAYF,IAC3CO,IAAcH,KAAeC,IAAaF;AAShD,OAPkB;AAAA,QAChB,QAAQG;AAAA,QACR,KAAKJ;AAAA,QACL,OAAOK;AAAA,QACP,MAAMF;AAAA,MAAA,GAGMnB,CAAS,KAAKC,MAC1BE,EAAa,EAAI,GACjB,MAAMI,EAAoB,QAAQM,CAAK,GACvCV,EAAa,EAAK;AAAA,IACpB;AAGF,WAAAQ,EAAQ,iBAAiB,UAAUC,CAAU,GAEtC,MAAM;AACX,MAAAD,EAAQ,oBAAoB,UAAUC,CAAU;AAAA,IAAA;AAAA,EAClD,GACC,CAAChB,KAAUC,EAAS,cAAcD,CAAM,GAAGS,EAAY,OAAOL,GAAWC,CAAQ,CAAC,GAEjFL,IAAe,EAAE,SAAAM,EAAA,IACd;AAAA,IACL,KAAKG;AAAA,IACL,SAAAH;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useInfiniteScroll.mjs","names":[],"sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.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\n/** The use infinite scroll options type */\nexport interface UseInfiniteScrollOptions {\n  /** The direction to trigger the callback */\n  direction?: 'bottom' | 'left' | 'right' | 'top';\n  /** The distance in pixels to trigger the callback */\n  distance?: number;\n}\n\n/** The use infinite scroll return type */\nexport interface UseInfiniteScrollReturn {\n  /** The loading state of the infinite scroll */\n  loading: boolean;\n  /** The ref to attach to the element */\n  ref: StateRef<Element>;\n}\n\nexport interface UseInfiniteScroll {\n  (\n    target: HookTarget,\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions\n  ): UseInfiniteScrollReturn;\n\n  <Target extends Element>(\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions,\n    target?: never\n  ): UseInfiniteScrollReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useInfiniteScroll\n * @description - Hook that defines the logic for infinite scroll\n * @category Sensors\n * @usage medium\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {UseInfiniteScrollReturn & { ref: StateRef<Target> }} An object containing the ref and loading\n *\n * @example\n * const { ref, loading } = useInfiniteScroll(() => console.log('infinite scroll'));\n *\n * @overload\n * @param {HookTarget} target The target element to detect infinite scroll for\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {UseInfiniteScrollReturn} An object containing the ref and loading\n *\n * @example\n * const { loading } = useInfiniteScroll(ref, () => console.log('infinite scroll'));\n */\nexport const useInfiniteScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: Event) => void;\n  const options = (target ? params[2] : params[1]) as UseInfiniteScrollOptions | undefined;\n\n  const direction = options?.direction ?? 'bottom';\n  const distance = options?.distance ?? 10;\n\n  const [loading, setIsLoading] = useState(false);\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalLoadingRef = useRef(loading);\n  internalLoadingRef.current = loading;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onLoadMore = async (event: Event) => {\n      if (internalLoadingRef.current) return;\n\n      const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\n        event.target as Element;\n      const scrollBottom = scrollHeight - (scrollTop + clientHeight);\n      const scrollRight = scrollWidth - (scrollLeft + clientWidth);\n\n      const distances = {\n        bottom: scrollBottom,\n        top: scrollTop,\n        right: scrollRight,\n        left: scrollLeft\n      };\n\n      if (distances[direction] <= distance) {\n        setIsLoading(true);\n        await internalCallbackRef.current(event);\n        setIsLoading(false);\n      }\n    };\n\n    element.addEventListener('scroll', onLoadMore);\n\n    return () => {\n      element.removeEventListener('scroll', onLoadMore);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, direction, distance]);\n\n  if (target) return { loading };\n  return {\n    ref: internalRef,\n    loading\n  };\n}) as UseInfiniteScroll;\n"],"mappings":";;;;AAkEA,IAAa,MAAsB,GAAG,MAAkB;CACtD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAY,IAAS,EAAO,KAAK,EAAO,IACxC,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,IAAY,GAAS,aAAa,UAClC,IAAW,GAAS,YAAY,IAEhC,CAAC,GAAS,KAAgB,EAAS,GAAM,EAEzC,IAAc,GAAsB,EACpC,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAqB,EAAO,EAAQ;AAsC1C,QArCA,EAAmB,UAAU,GAE7B,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EACnC,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACpE,MAAI,CAAC,EAAS;EAEd,IAAM,IAAa,OAAO,MAAiB;AACzC,OAAI,EAAmB,QAAS;GAEhC,IAAM,EAAE,iBAAc,iBAAc,cAAW,gBAAa,gBAAa,kBACvE,EAAM;AAWR,IAPkB;IAChB,QAJmB,KAAgB,IAAY;IAK/C,KAAK;IACL,OALkB,KAAe,IAAa;IAM9C,MAAM;IACP,EAEa,MAAc,MAC1B,EAAa,GAAK,EAClB,MAAM,EAAoB,QAAQ,EAAM,EACxC,EAAa,GAAM;;AAMvB,SAFA,EAAQ,iBAAiB,UAAU,EAAW,QAEjC;AACX,KAAQ,oBAAoB,UAAU,EAAW;;IAElD;EAAC,KAAU,EAAS,cAAc,EAAO;EAAE,EAAY;EAAO;EAAW;EAAS,CAAC,EAElF,IAAe,EAAE,YAAS,GACvB;EACL,KAAK;EACL;EACD"}

package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.mjs

@@ -1,38 +1,39 @@
-import { useState as v, useRef as E, useEffect as R } from "react";
-import { useRefState as m } from "../useRefState/useRefState.mjs";
-import { isTarget as r } from "../../utils/helpers/isTarget.mjs";
-const k = ((...e) => {
-  const n = r(e[0]) ? e[0] : void 0, t = n ? typeof e[1] == "object" ? e[1] : { onChange: e[1] } : typeof e[0] == "object" ? e[0] : { onChange: e[0] }, c = t?.onChange, i = t?.enabled ?? !0, [f, d] = v(), [u, a] = v(), o = m(), l = E(c);
-  return l.current = c, R(() => {
-    if (!i || !n && !o.state) return;
-    const b = n ? r.getElement(n) : o.current;
-    if (!b) return;
-    const s = new IntersectionObserver(
-      (g, h) => {
-        a(g), l.current?.(g, h);
-      },
-      {
-        ...t,
-        root: t?.root ? r.getElement(t.root) : document
-      }
-    );
-    return d(s), s.observe(b), () => {
-      s.disconnect();
-    };
-  }, [
-    n && r.getRawElement(n),
-    o.state,
-    t?.rootMargin,
-    t?.threshold,
-    t?.root,
-    i
-  ]), n ? { observer: f, entries: u } : {
-    observer: f,
-    ref: o,
-    entries: 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/useIntersectionObserver/useIntersectionObserver.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? typeof a[1] == "object" ? a[1] : { onChange: a[1] } : typeof a[0] == "object" ? a[0] : { onChange: a[0] }, c = s?.onChange, l = s?.enabled ?? !0, [u, d] = i(), [f, p] = i(), m = t(), h = r(c);
+	return h.current = c, n(() => {
+		if (!l || !o && !m.state) return;
+		let t = o ? e.getElement(o) : m.current;
+		if (!t) return;
+		let n = new IntersectionObserver((e, t) => {
+			p(e), h.current?.(e, t);
+		}, {
+			...s,
+			root: s?.root ? e.getElement(s.root) : document
+		});
+		return d(n), n.observe(t), () => {
+			n.disconnect();
+		};
+	}, [
+		o && e.getRawElement(o),
+		m.state,
+		s?.rootMargin,
+		s?.threshold,
+		s?.root,
+		l
+	]), o ? {
+		observer: u,
+		entries: f
+	} : {
+		observer: u,
+		ref: m,
+		entries: f
+	};
 });
-export {
-  k as useIntersectionObserver
-};
-//# sourceMappingURL=useIntersectionObserver.mjs.map
+//#endregion
+export { a as useIntersectionObserver };
+
+//# sourceMappingURL=useIntersectionObserver.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.mjs","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.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\n/** The intersection observer callback type */\nexport type UseIntersectionObserverCallback = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver\n) => void;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection observer */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseIntersectionObserverCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n  /** The intersection observer entry */\n  entries?: IntersectionObserverEntry[];\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseIntersectionObserver {\n  <Target extends Element>(\n    options?: UseIntersectionObserverOptions,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;\n\n  <Target extends Element>(\n    callback: UseIntersectionObserverCallback,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseIntersectionObserverCallback): UseIntersectionObserverReturn;\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Sensors\n * @usage medium\n *\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @overload\n * @param {HookTarget} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useIntersectionObserver(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseIntersectionObserverCallback} callback The callback to execute when intersection is detected\n * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useIntersectionObserver(() => console.log('callback'));\n *\n * @overload\n * @param {UseIntersectionObserverCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseIntersectionObserverReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useIntersectionObserver(ref, () => console.log('callback'));\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseIntersectionObserverOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entries, setEntries] = useState<IntersectionObserverEntry[]>();\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      (entries, observer) => {\n        setEntries(entries);\n        internalCallbackRef.current?.(entries, observer);\n      },\n      {\n        ...options,\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\n      }\n    );\n\n    setObserver(observer);\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    target && isTarget.getRawElement(target),\n    internalRef.state,\n    options?.rootMargin,\n    options?.threshold,\n    options?.root,\n    enabled\n  ]);\n\n  if (target) return { observer, entries };\n  return {\n    observer,\n    ref: internalRef,\n    entries\n  };\n}) as UseIntersectionObserver;\n"],"names":["useIntersectionObserver","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entries","setEntries","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element"],"mappings":";;;AA8FO,MAAMA,KAA2B,IAAIC,MAAkB;AAC5D,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,IACtB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,GAGtBI,IAAWD,GAAS,UACpBE,IAAUF,GAAS,WAAW,IAE9B,CAACG,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAASC,CAAU,IAAIF,EAAA,GAExBG,IAAcC,EAAA,GACdC,IAAsBC,EAAOV,CAAQ;AAmC3C,SAlCAS,EAAoB,UAAUT,GAE9BW,EAAU,MAAM;AACd,QAAI,CAACV,KAAY,CAACJ,KAAU,CAACU,EAAY,MAAQ;AAEjD,UAAMK,IAAUf,IAASC,EAAS,WAAWD,CAAM,IAAIU,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMV,IAAW,IAAI;AAAA,MACnB,CAACG,GAASH,MAAa;AACrB,QAAAI,EAAWD,CAAO,GAClBI,EAAoB,UAAUJ,GAASH,CAAQ;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,GAAGH;AAAA,QACH,MAAMA,GAAS,OAAQD,EAAS,WAAWC,EAAQ,IAAI,IAA2B;AAAA,MAAA;AAAA,IACpF;AAGF,WAAAI,EAAYD,CAAQ,GACpBA,EAAS,QAAQU,CAAkB,GAE5B,MAAM;AACXV,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC;AAAA,IACDL,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCU,EAAY;AAAA,IACZR,GAAS;AAAA,IACTA,GAAS;AAAA,IACTA,GAAS;AAAA,IACTE;AAAA,EAAA,CACD,GAEGJ,IAAe,EAAE,UAAAK,GAAU,SAAAG,EAAA,IACxB;AAAA,IACL,UAAAH;AAAA,IACA,KAAKK;AAAA,IACL,SAAAF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useIntersectionObserver.mjs","names":[],"sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.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\n/** The intersection observer callback type */\nexport type UseIntersectionObserverCallback = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver\n) => void;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection observer */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseIntersectionObserverCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n  /** The intersection observer entry */\n  entries?: IntersectionObserverEntry[];\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseIntersectionObserver {\n  <Target extends Element>(\n    options?: UseIntersectionObserverOptions,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;\n\n  <Target extends Element>(\n    callback: UseIntersectionObserverCallback,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseIntersectionObserverCallback): UseIntersectionObserverReturn;\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Sensors\n * @usage medium\n *\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @overload\n * @param {HookTarget} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useIntersectionObserver(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseIntersectionObserverCallback} callback The callback to execute when intersection is detected\n * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useIntersectionObserver(() => console.log('callback'));\n *\n * @overload\n * @param {UseIntersectionObserverCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseIntersectionObserverReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useIntersectionObserver(ref, () => console.log('callback'));\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseIntersectionObserverOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entries, setEntries] = useState<IntersectionObserverEntry[]>();\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      (entries, observer) => {\n        setEntries(entries);\n        internalCallbackRef.current?.(entries, observer);\n      },\n      {\n        ...options,\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\n      }\n    );\n\n    setObserver(observer);\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    target && isTarget.getRawElement(target),\n    internalRef.state,\n    options?.rootMargin,\n    options?.threshold,\n    options?.root,\n    enabled\n  ]);\n\n  if (target) return { observer, entries };\n  return {\n    observer,\n    ref: internalRef,\n    entries\n  };\n}) as UseIntersectionObserver;\n"],"mappings":";;;;AA8FA,IAAa,MAA4B,GAAG,MAAkB;CAC5D,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IACJ,IACI,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,UAAU,EAAO,IAAI,GACzB,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,UAAU,EAAO,IAAI,EAGzB,IAAW,GAAS,UACpB,IAAU,GAAS,WAAW,IAE9B,CAAC,GAAU,KAAe,GAAgC,EAC1D,CAAC,GAAS,KAAc,GAAuC,EAE/D,IAAc,GAAsB,EACpC,IAAsB,EAAO,EAAS;AAoC5C,QAnCA,EAAoB,UAAU,GAE9B,QAAgB;AACd,MAAI,CAAC,KAAY,CAAC,KAAU,CAAC,EAAY,MAAQ;EAEjD,IAAM,IAAU,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACnE,MAAI,CAAC,EAAS;EAEd,IAAM,IAAW,IAAI,sBAClB,GAAS,MAAa;AAErB,GADA,EAAW,EAAQ,EACnB,EAAoB,UAAU,GAAS,EAAS;KAElD;GACE,GAAG;GACH,MAAM,GAAS,OAAQ,EAAS,WAAW,EAAQ,KAAK,GAA0B;GACnF,CACF;AAKD,SAHA,EAAY,EAAS,EACrB,EAAS,QAAQ,EAAmB,QAEvB;AACX,KAAS,YAAY;;IAEtB;EACD,KAAU,EAAS,cAAc,EAAO;EACxC,EAAY;EACZ,GAAS;EACT,GAAS;EACT,GAAS;EACT;EACD,CAAC,EAEE,IAAe;EAAE;EAAU;EAAS,GACjC;EACL;EACA,KAAK;EACL;EACD"}

package/dist/esm/hooks/useInterval/useInterval.mjs

@@ -1,21 +1,21 @@
-import { useState as f, useRef as s, useEffect as v } from "react";
-const I = ((...e) => {
-  const o = e[0], n = (typeof e[1] == "number" ? e[1] : e[1].interval) ?? 1e3, l = (typeof e[1] == "object" ? e[1] : e[2])?.immediately ?? !0, [t, r] = f(l ?? !0), c = s(void 0), u = s(o);
-  return u.current = o, v(() => {
-    if (t)
-      return c.current = setInterval(() => u.current(), n), () => {
-        clearInterval(c.current);
-      };
-  }, [t, n]), {
-    active: t,
-    pause: () => r(!1),
-    resume: () => {
-      n <= 0 || r(!0);
-    },
-    toggle: (i = !t) => r(i)
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/useInterval/useInterval.ts
+var r = ((...r) => {
+	let i = r[0], a = (typeof r[1] == "number" ? r[1] : r[1].interval) ?? 1e3, [o, s] = n((typeof r[1] == "object" ? r[1] : r[2])?.immediately ?? !0 ?? !0), c = t(void 0), l = t(i);
+	return l.current = i, e(() => {
+		if (o) return c.current = setInterval(() => l.current(), a), () => {
+			clearInterval(c.current);
+		};
+	}, [o, a]), {
+		active: o,
+		pause: () => s(!1),
+		resume: () => {
+			a <= 0 || s(!0);
+		},
+		toggle: (e = !o) => s(e)
+	};
 });
-export {
-  I as useInterval
-};
-//# sourceMappingURL=useInterval.mjs.map
+//#endregion
+export { r as useInterval };
+
+//# sourceMappingURL=useInterval.mjs.map