@siberiacancode/reactuse 0.3.8 → 0.3.9

package/dist/cjs/hooks/useDebounceEffect/useDebounceEffect.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=(u,n,s)=>{const c=r.useRef(!0),e=r.useRef(null),t=r.useRef(void 0),f=r.useRef(u),o=r.useRef(n);f.current=u,o.current=n,r.useEffect(()=>{if(c.current){c.current=!1;return}return e.current&&(clearTimeout(e.current),e.current=null),e.current=setTimeout(()=>{t.current=f.current()},o.current),()=>{e.current&&clearTimeout(e.current),e.current=null,typeof t.current=="function"&&t.current()}},s)};exports.useDebounceEffect=i;
+//# sourceMappingURL=useDebounceEffect.cjs.map

package/dist/cjs/hooks/useDebounceEffect/useDebounceEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounceEffect.cjs","sources":["../../../../src/hooks/useDebounceEffect/useDebounceEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useDebounceEffect\n * @description – Hook that runs an effect after a delay when dependencies change\n * @category Utilities\n * @usage high\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useDebounceEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useDebounceEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      cleanupRef.current = effectRef.current();\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useDebounceEffect","effect","delay","deps","mountedRef","useRef","timeoutRef","cleanupRef","effectRef","delayRef","useEffect"],"mappings":"yGAiBaA,EAAoB,CAACC,EAAwBC,EAAeC,IAA0B,CACjG,MAAMC,EAAaC,EAAAA,OAAO,EAAI,EACxBC,EAAaD,EAAAA,OAA6C,IAAI,EAC9DE,EAAaF,EAAAA,OAAmC,MAAS,EACzDG,EAAYH,EAAAA,OAAOJ,CAAM,EACzBQ,EAAWJ,EAAAA,OAAOH,CAAK,EAE7BM,EAAU,QAAUP,EACpBQ,EAAS,QAAUP,EAEnBQ,EAAAA,UAAU,IAAM,CACd,GAAIN,EAAW,QAAS,CACtBA,EAAW,QAAU,GACrB,MAAA,CAGF,OAAIE,EAAW,UACb,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,MAGvBA,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,QAAUC,EAAU,QAAA,CAAQ,EACtCC,EAAS,OAAO,EAEZ,IAAM,CACPH,EAAW,SAAS,aAAaA,EAAW,OAAO,EACvDA,EAAW,QAAU,KACjB,OAAOC,EAAW,SAAY,cAAuB,QAAA,CAAQ,CACnE,EACCJ,CAAI,CACT"}

package/dist/cjs/hooks/useDidUpdate/useDidUpdate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.cjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":"iLAkBaA,EAAe,CAACC,EAAwBC,IAA0B,CAC7E,MAAMC,EAAUC,EAAAA,OAAO,EAAK,EAE5BC,EAAAA,0BACE,IAAM,IAAM,CACVF,EAAQ,QAAU,EAAA,EAEpB,CAAA,CAAC,EAGHE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAQ,QACV,OAAOF,EAAA,EAGTE,EAAQ,QAAU,EACX,EACND,CAAI,CACT"}
+{"version":3,"file":"useDidUpdate.cjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mountedRef = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mountedRef.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mountedRef.current) {\n      return effect();\n    }\n\n    mountedRef.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mountedRef","useRef","useIsomorphicLayoutEffect"],"mappings":"iLAkBaA,EAAe,CAACC,EAAwBC,IAA0B,CAC7E,MAAMC,EAAaC,EAAAA,OAAO,EAAK,EAE/BC,EAAAA,0BACE,IAAM,IAAM,CACVF,EAAW,QAAU,EAAA,EAEvB,CAAA,CAAC,EAGHE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAW,QACb,OAAOF,EAAA,EAGTE,EAAW,QAAU,EACd,EACND,CAAI,CACT"}

package/dist/cjs/hooks/useSize/useSize.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),S=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),v=require("../useRefState/useRefState.cjs"),c=require("../../utils/helpers/isTarget.cjs"),b=((...a)=>{const e=a[0],[i,n]=u.useState({width:0,height:0}),[o,g]=u.useState(),r=v.useRefState();return S.useIsomorphicLayoutEffect(()=>{const t=e?c.isTarget.getElement(e):r.current;if(!t)return;const{width:h,height:f}=t.getBoundingClientRect();n({width:h,height:f});const s=new ResizeObserver(()=>{const{width:l,height:d}=t.getBoundingClientRect();n({width:l,height:d})});return g(s),s.observe(t),()=>{s.disconnect()}},[r.state,e&&c.isTarget.getRawElement(e)]),e?{observer:o,value:i}:{observer:o,ref:r,value:i}});exports.useSize=b;
+//# sourceMappingURL=useSize.cjs.map

package/dist/cjs/hooks/useSize/useSize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.cjs","sources":["../../../../src/hooks/useSize/useSize.ts"],"sourcesContent":["import { 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 size value type */\nexport interface UseSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use size return type */\nexport interface UseSizeReturn {\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n  /** The current size value */\n  value: UseSizeValue;\n}\n\nexport interface UseSize {\n  (target: HookTarget): UseSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseSizeReturn;\n}\n\n/**\n * @name useSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { value, observer } = useSize(ref);\n *\n * @overload\n * @template Target The target element type\n * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { ref, value, observer } = useSize();\n */\nexport const useSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [observer, setObserver] = useState<ResizeObserver>();\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    setObserver(observer);\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { observer, value: size };\n  return {\n    observer,\n    ref: internalRef,\n    value: size\n  };\n}) as UseSize;\n"],"names":["useSize","params","target","size","setSize","useState","observer","setObserver","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height"],"mappings":"2QAyDaA,GAAW,IAAIC,IAAkB,CAC5C,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClD,CAACC,EAAUC,CAAW,EAAIF,WAAA,EAC1BG,EAAcC,EAAAA,YAAA,EA0BpB,OAxBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWT,EAASU,EAAAA,SAAS,WAAWV,CAAM,EAAIM,EAAY,QAEpE,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCP,EAAQ,CACN,MAAAS,EACA,OAAAC,CAAA,CACD,EAED,MAAMR,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAO,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCP,EAAQ,CAAE,MAAAS,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAP,EAAYD,CAAQ,EACpBA,EAAS,QAAQK,CAAO,EAEjB,IAAM,CACXL,EAAS,WAAA,CAAW,CACtB,EACC,CAACE,EAAY,MAAON,GAAUU,EAAAA,SAAS,cAAcV,CAAM,CAAC,CAAC,EAE5DA,EAAe,CAAE,SAAAI,EAAU,MAAOH,CAAA,EAC/B,CACL,SAAAG,EACA,IAAKE,EACL,MAAOL,CAAA,CAEX"}

package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),i=(f,s,l)=>{const o=e.useRef(!0),r=e.useRef(void 0),t=e.useRef(null),u=e.useRef(!1),n=e.useRef(f),c=e.useRef(s);n.current=f,c.current=s,e.useEffect(()=>{if(o.current){o.current=!1;return}if(!u.current)return r.current=n.current(),u.current=!0,setTimeout(()=>{u.current=!1,t.current=setTimeout(()=>{r.current=n.current()},c.current)},c.current),()=>{t.current&&clearTimeout(t.current),t.current=null,typeof r.current=="function"&&r.current()}},l)};exports.useThrottleEffect=i;
+//# sourceMappingURL=useThrottleEffect.cjs.map

package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottleEffect.cjs","sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useThrottleEffect","effect","delay","deps","mountedRef","useRef","cleanupRef","timeoutRef","isCalledRef","effectRef","delayRef","useEffect"],"mappings":"yGAiBaA,EAAoB,CAACC,EAAwBC,EAAeC,IAA0B,CACjG,MAAMC,EAAaC,EAAAA,OAAO,EAAI,EACxBC,EAAaD,EAAAA,OAAmC,MAAS,EACzDE,EAAaF,EAAAA,OAA6C,IAAI,EAC9DG,EAAcH,EAAAA,OAAO,EAAK,EAE1BI,EAAYJ,EAAAA,OAAOJ,CAAM,EACzBS,EAAWL,EAAAA,OAAOH,CAAK,EAE7BO,EAAU,QAAUR,EACpBS,EAAS,QAAUR,EAEnBS,EAAAA,UAAU,IAAM,CACd,GAAIP,EAAW,QAAS,CACtBA,EAAW,QAAU,GACrB,MAAA,CAGF,GAAI,CAAAI,EAAY,QAEhB,OAAAF,EAAW,QAAUG,EAAU,QAAA,EAC/BD,EAAY,QAAU,GAEtB,WAAW,IAAM,CACfA,EAAY,QAAU,GAEtBD,EAAW,QAAU,WAAW,IAAM,CACpCD,EAAW,QAAUG,EAAU,QAAA,CAAQ,EACtCC,EAAS,OAAO,CAAA,EAClBA,EAAS,OAAO,EAEZ,IAAM,CACPH,EAAW,SAAS,aAAaA,EAAW,OAAO,EACvDA,EAAW,QAAU,KACjB,OAAOD,EAAW,SAAY,cAAuB,QAAA,CAAQ,CACnE,EACCH,CAAI,CACT"}

package/dist/cjs/hooks/useVisibility/useVisibility.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),S=require("../useRefState/useRefState.cjs"),i=require("../../utils/helpers/isTarget.cjs"),T=((...e)=>{const n=i.isTarget(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]},u=t?.onChange,l=t?.enabled??!0,[g,y]=s.useState(),[r,d]=s.useState(),o=S.useRefState(),b=s.useRef(u);return b.current=u,s.useEffect(()=>{if(!l||!n&&!o.state)return;const a=n?i.isTarget.getElement(n):o.current;if(!a)return;const c=new IntersectionObserver((v,R)=>{const f=v.pop();d(f),b.current?.(f,R)},{...t,root:t?.root?i.isTarget.getElement(t.root):document});return y(c),c.observe(a),()=>{c.disconnect()}},[n&&i.isTarget.getRawElement(n),o.state,t?.rootMargin,t?.threshold,t?.root,l]),n?{observer:g,entry:r,inView:!!r?.isIntersecting}:{observer:g,ref:o,entry:r,inView:!!r?.isIntersecting}});exports.useVisibility=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),S=require("../useRefState/useRefState.cjs"),s=require("../../utils/helpers/isTarget.cjs"),T=((...e)=>{const n=s.isTarget(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]},l=t?.onChange,f=t?.enabled??!0,[g,d]=o.useState(),[i,v]=o.useState(),a=i?.isIntersecting??!1,r=S.useRefState(),b=o.useRef(l);return b.current=l,o.useEffect(()=>{if(!f||!n&&!r.state)return;const y=n?s.isTarget.getElement(n):r.current;if(!y)return;const c=new IntersectionObserver((E,R)=>{const u=E[0];u&&(v(u),b.current?.(u,R))},{...t,root:t?.root?s.isTarget.getElement(t.root):document});return d(c),c.observe(y),()=>{c.disconnect()}},[n&&s.isTarget.getRawElement(n),r.state,t?.rootMargin,t?.threshold,t?.root,f]),n?{observer:g,entry:i,inView:a}:{observer:g,ref:r,entry:i,inView:a}});exports.useVisibility=T;
 //# sourceMappingURL=useVisibility.cjs.map

package/dist/cjs/hooks/useVisibility/useVisibility.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.cjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView?: boolean;\n\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility 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 Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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 UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = 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: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const entry = entries.pop()!;\n        setEntry(entry);\n        internalCallbackRef.current?.(entry, 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, entry, inView: !!entry?.isIntersecting };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView: !!entry?.isIntersecting\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries"],"mappings":"mMAiGaA,GAAiB,IAAIC,IAAkB,CAClD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EAGtBI,EAAWD,GAAS,SACpBE,EAAUF,GAAS,SAAW,GAE9B,CAACG,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAOC,CAAQ,EAAIF,WAAA,EAEpBG,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOV,CAAQ,EAoC3C,OAnCAS,EAAoB,QAAUT,EAE9BW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAY,CAACJ,GAAU,CAACU,EAAY,MAAQ,OAEjD,MAAMK,EAAUf,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIU,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMV,EAAW,IAAI,qBACnB,CAACW,EAAsCX,IAAmC,CACxE,MAAMG,EAAQQ,EAAQ,IAAA,EACtBP,EAASD,CAAK,EACdI,EAAoB,UAAUJ,EAAOH,CAAQ,CAAA,EAE/C,CACE,GAAGH,EACH,KAAMA,GAAS,KAAQD,EAAAA,SAAS,WAAWC,EAAQ,IAAI,EAA2B,QAAA,CACpF,EAGF,OAAAI,EAAYD,CAAQ,EACpBA,EAAS,QAAQU,CAAkB,EAE5B,IAAM,CACXV,EAAS,WAAA,CAAW,CACtB,EACC,CACDL,GAAUC,EAAAA,SAAS,cAAcD,CAAM,EACvCU,EAAY,MACZR,GAAS,WACTA,GAAS,UACTA,GAAS,KACTE,CAAA,CACD,EAEGJ,EAAe,CAAE,SAAAK,EAAU,MAAAG,EAAO,OAAQ,CAAC,CAACA,GAAO,cAAA,EAChD,CACL,SAAAH,EACA,IAAKK,EACL,MAAAF,EACA,OAAQ,CAAC,CAACA,GAAO,cAAA,CAErB"}
+{"version":3,"file":"useVisibility.cjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView: boolean;\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility 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 Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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 UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n  const inView = entry?.isIntersecting ?? false;\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: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const firstEntry = entries[0];\n        if (firstEntry) {\n          setEntry(firstEntry);\n          internalCallbackRef.current?.(firstEntry, observer);\n        }\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, entry, inView };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","inView","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries","firstEntry"],"mappings":"mMAgGaA,GAAiB,IAAIC,IAAkB,CAClD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,SAAUA,EAAO,CAAC,CAAA,EAGtBI,EAAWD,GAAS,SACpBE,EAAUF,GAAS,SAAW,GAE9B,CAACG,EAAUC,CAAW,EAAIC,WAAA,EAC1B,CAACC,EAAOC,CAAQ,EAAIF,WAAA,EACpBG,EAASF,GAAO,gBAAkB,GAElCG,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAOX,CAAQ,EAsC3C,OArCAU,EAAoB,QAAUV,EAE9BY,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAY,CAACJ,GAAU,CAACW,EAAY,MAAQ,OAEjD,MAAMK,EAAUhB,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIW,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMX,EAAW,IAAI,qBACnB,CAACY,EAAsCZ,IAAmC,CACxE,MAAMa,EAAaD,EAAQ,CAAC,EACxBC,IACFT,EAASS,CAAU,EACnBL,EAAoB,UAAUK,EAAYb,CAAQ,EACpD,EAEF,CACE,GAAGH,EACH,KAAMA,GAAS,KAAQD,EAAAA,SAAS,WAAWC,EAAQ,IAAI,EAA2B,QAAA,CACpF,EAGF,OAAAI,EAAYD,CAAQ,EACpBA,EAAS,QAAQW,CAAkB,EAE5B,IAAM,CACXX,EAAS,WAAA,CAAW,CACtB,EACC,CACDL,GAAUC,EAAAA,SAAS,cAAcD,CAAM,EACvCW,EAAY,MACZT,GAAS,WACTA,GAAS,UACTA,GAAS,KACTE,CAAA,CACD,EAEGJ,EAAe,CAAE,SAAAK,EAAU,MAAAG,EAAO,OAAAE,CAAA,EAC/B,CACL,SAAAL,EACA,IAAKM,EACL,MAAAH,EACA,OAAAE,CAAA,CAEJ"}

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./helpers/createContext/createContext.cjs"),I=require("./helpers/createEventEmitter/createEventEmitter.cjs"),O=require("./helpers/createReactiveContext/createReactiveContext.cjs"),v=require("./helpers/createStore/createStore.cjs"),A=require("./hooks/useAsync/useAsync.cjs"),b=require("./hooks/useLockCallback/useLockCallback.cjs"),D=require("./hooks/useMutation/useMutation.cjs"),L=require("./hooks/useOptimistic/useOptimistic.cjs"),M=require("./hooks/useQuery/useQuery.cjs"),_=require("./hooks/useAudio/useAudio.cjs"),B=require("./hooks/useBattery/useBattery.cjs"),N=require("./hooks/useBluetooth/useBluetooth.cjs"),F=require("./hooks/useBroadcastChannel/useBroadcastChannel.cjs"),K=require("./hooks/useClipboard/useClipboard.cjs"),V=require("./hooks/useCopy/useCopy.cjs"),w=require("./hooks/useCssVar/useCssVar.cjs"),U=require("./hooks/useDisplayMedia/useDisplayMedia.cjs"),H=require("./hooks/useDocumentTitle/useDocumentTitle.cjs"),x=require("./hooks/useEventSource/useEventSource.cjs"),W=require("./hooks/useEyeDropper/useEyeDropper.cjs"),z=require("./hooks/useFavicon/useFavicon.cjs"),Q=require("./hooks/useFps/useFps.cjs"),G=require("./hooks/useFullscreen/useFullscreen.cjs"),n=require("./hooks/useGamepad/useGamepad.cjs"),X=require("./hooks/useGeolocation/useGeolocation.cjs"),c=require("./hooks/useMediaControls/useMediaControls.cjs"),Z=require("./hooks/useMemory/useMemory.cjs"),a=require("./hooks/useNetwork/useNetwork.cjs"),j=require("./hooks/useOnline/useOnline.cjs"),J=require("./hooks/useOtpCredential/useOtpCredential.cjs"),Y=require("./hooks/usePermission/usePermission.cjs"),$=require("./hooks/usePictureInPicture/usePictureInPicture.cjs"),ee=require("./hooks/usePointerLock/usePointerLock.cjs"),se=require("./hooks/usePostMessage/usePostMessage.cjs"),ue=require("./hooks/useRaf/useRaf.cjs"),re=require("./hooks/useShare/useShare.cjs"),l=require("./hooks/useSpeechRecognition/useSpeechRecognition.cjs"),te=require("./hooks/useSpeechSynthesis/useSpeechSynthesis.cjs"),oe=require("./hooks/useVibrate/useVibrate.cjs"),ie=require("./hooks/useVirtualKeyboard/useVirtualKeyboard.cjs"),ne=require("./hooks/useWakeLock/useWakeLock.cjs"),ce=require("./hooks/useWebSocket/useWebSocket.cjs"),ae=require("./hooks/useLogger/useLogger.cjs"),le=require("./hooks/useRenderCount/useRenderCount.cjs"),Se=require("./hooks/useRenderInfo/useRenderInfo.cjs"),qe=require("./hooks/useRerender/useRerender.cjs"),de=require("./hooks/useActiveElement/useActiveElement.cjs"),ge=require("./hooks/useAutoScroll/useAutoScroll.cjs"),Te=require("./hooks/useClickOutside/useClickOutside.cjs"),S=require("./hooks/useDoubleClick/useDoubleClick.cjs"),Ee=require("./hooks/useDropZone/useDropZone.cjs"),Re=require("./hooks/useFileDialog/useFileDialog.cjs"),Ce=require("./hooks/useFocus/useFocus.cjs"),q=require("./hooks/useFocusTrap/useFocusTrap.cjs"),Pe=require("./hooks/useHover/useHover.cjs"),me=require("./hooks/useImage/useImage.cjs"),ye=require("./hooks/useLongPress/useLongPress.cjs"),t=require("./hooks/usePaint/usePaint.cjs"),pe=require("./hooks/useRightClick/useRightClick.cjs"),d=require("./hooks/useScript/useScript.cjs"),ke=require("./hooks/useSticky/useSticky.cjs"),fe=require("./hooks/useTextareaAutosize/useTextareaAutosize.cjs"),he=require("./hooks/useTextDirection/useTextDirection.cjs"),Ie=require("./hooks/useFul/useFul.cjs"),Oe=require("./hooks/useLess/useLess.cjs"),ve=require("./hooks/useOnce/useOnce.cjs"),Ae=require("./hooks/useAsyncEffect/useAsyncEffect.cjs"),be=require("./hooks/useDidUpdate/useDidUpdate.cjs"),De=require("./hooks/useIsFirstRender/useIsFirstRender.cjs"),Le=require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),Me=require("./hooks/useMount/useMount.cjs"),g=require("./hooks/useShallowEffect/useShallowEffect.cjs"),_e=require("./hooks/useUnmount/useUnmount.cjs"),e=require("./hooks/useBreakpoints/useBreakpoints.cjs"),Be=require("./hooks/useDeviceMotion/useDeviceMotion.cjs"),Ne=require("./hooks/useDeviceOrientation/useDeviceOrientation.cjs"),Fe=require("./hooks/useDevicePixelRatio/useDevicePixelRatio.cjs"),Ke=require("./hooks/useDocumentEvent/useDocumentEvent.cjs"),Ve=require("./hooks/useDocumentVisibility/useDocumentVisibility.cjs"),we=require("./hooks/useElementSize/useElementSize.cjs"),Ue=require("./hooks/useEventListener/useEventListener.cjs"),T=require("./hooks/useHotkeys/useHotkeys.cjs"),He=require("./hooks/useIdle/useIdle.cjs"),xe=require("./hooks/useInfiniteScroll/useInfiniteScroll.cjs"),We=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),ze=require("./hooks/useKeyboard/useKeyboard.cjs"),Qe=require("./hooks/useKeyPress/useKeyPress.cjs"),Ge=require("./hooks/useKeyPressEvent/useKeyPressEvent.cjs"),Xe=require("./hooks/useKeysPressed/useKeysPressed.cjs"),Ze=require("./hooks/useLockScroll/useLockScroll.cjs"),je=require("./hooks/useMeasure/useMeasure.cjs"),Je=require("./hooks/useMediaQuery/useMediaQuery.cjs"),Ye=require("./hooks/useMouse/useMouse.cjs"),$e=require("./hooks/useMutationObserver/useMutationObserver.cjs"),es=require("./hooks/useOrientation/useOrientation.cjs"),ss=require("./hooks/usePageLeave/usePageLeave.cjs"),us=require("./hooks/useParallax/useParallax.cjs"),rs=require("./hooks/usePerformanceObserver/usePerformanceObserver.cjs"),ts=require("./hooks/useResizeObserver/useResizeObserver.cjs"),os=require("./hooks/useScroll/useScroll.cjs"),is=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),ns=require("./hooks/useScrollTo/useScrollTo.cjs"),E=require("./hooks/useTextSelection/useTextSelection.cjs"),cs=require("./hooks/useVisibility/useVisibility.cjs"),as=require("./hooks/useWindowEvent/useWindowEvent.cjs"),ls=require("./hooks/useWindowFocus/useWindowFocus.cjs"),R=require("./hooks/useWindowScroll/useWindowScroll.cjs"),Ss=require("./hooks/useWindowSize/useWindowSize.cjs"),qs=require("./hooks/useBoolean/useBoolean.cjs"),ds=require("./hooks/useControllableState/useControllableState.cjs"),s=require("./hooks/useCookie/useCookie.cjs"),C=require("./hooks/useCookies/useCookies.cjs"),gs=require("./hooks/useCounter/useCounter.cjs"),Ts=require("./hooks/useDefault/useDefault.cjs"),Es=require("./hooks/useDisclosure/useDisclosure.cjs"),Rs=require("./hooks/useField/useField.cjs"),P=require("./hooks/useHash/useHash.cjs"),Cs=require("./hooks/useList/useList.cjs"),Ps=require("./hooks/useLocalStorage/useLocalStorage.cjs"),ms=require("./hooks/useMap/useMap.cjs"),o=require("./hooks/useMergedRef/useMergedRef.cjs"),ys=require("./hooks/useOffsetPagination/useOffsetPagination.cjs"),ps=require("./hooks/useQueue/useQueue.cjs"),ks=require("./hooks/useRafState/useRafState.cjs"),m=require("./hooks/useRefState/useRefState.cjs"),fs=require("./hooks/useSessionStorage/useSessionStorage.cjs"),hs=require("./hooks/useSet/useSet.cjs"),y=require("./hooks/useStateHistory/useStateHistory.cjs"),Is=require("./hooks/useStep/useStep.cjs"),i=require("./hooks/useStorage/useStorage.cjs"),Os=require("./hooks/useToggle/useToggle.cjs"),r=require("./hooks/useUrlSearchParam/useUrlSearchParam.cjs"),vs=require("./hooks/useUrlSearchParams/useUrlSearchParams.cjs"),As=require("./hooks/useWizard/useWizard.cjs"),bs=require("./hooks/useInterval/useInterval.cjs"),Ds=require("./hooks/useStopwatch/useStopwatch.cjs"),Ls=require("./hooks/useTime/useTime.cjs"),Ms=require("./hooks/useTimeout/useTimeout.cjs"),p=require("./hooks/useTimer/useTimer.cjs"),_s=require("./hooks/useBrowserLanguage/useBrowserLanguage.cjs"),k=require("./hooks/useOperatingSystem/useOperatingSystem.cjs"),Bs=require("./hooks/usePreferredColorScheme/usePreferredColorScheme.cjs"),Ns=require("./hooks/usePreferredContrast/usePreferredContrast.cjs"),Fs=require("./hooks/usePreferredDark/usePreferredDark.cjs"),Ks=require("./hooks/usePreferredLanguages/usePreferredLanguages.cjs"),Vs=require("./hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs"),ws=require("./hooks/useBatchedCallback/useBatchedCallback.cjs"),Us=require("./hooks/useConst/useConst.cjs"),Hs=require("./hooks/useDebounceCallback/useDebounceCallback.cjs"),xs=require("./hooks/useDebounceState/useDebounceState.cjs"),Ws=require("./hooks/useDebounceValue/useDebounceValue.cjs"),zs=require("./hooks/useEvent/useEvent.cjs"),Qs=require("./hooks/useLastChanged/useLastChanged.cjs"),Gs=require("./hooks/useLatest/useLatest.cjs"),Xs=require("./hooks/usePrevious/usePrevious.cjs"),Zs=require("./hooks/useThrottleCallback/useThrottleCallback.cjs"),js=require("./hooks/useThrottleState/useThrottleState.cjs"),Js=require("./hooks/useThrottleValue/useThrottleValue.cjs"),f=require("./utils/helpers/copy.cjs"),Ys=require("./utils/helpers/debounce.cjs"),$s=require("./utils/helpers/getDate.cjs"),eu=require("./utils/helpers/getRetry.cjs"),u=require("./utils/helpers/isTarget.cjs"),su=require("./utils/helpers/throttle.cjs");exports.createContext=h.createContext;exports.createEventEmitter=I.createEventEmitter;exports.createReactiveContext=O.createReactiveContext;exports.createStore=v.createStore;exports.useAsync=A.useAsync;exports.useLockCallback=b.useLockCallback;exports.useMutation=D.useMutation;exports.useOptimistic=L.useOptimistic;exports.useQuery=M.useQuery;exports.useAudio=_.useAudio;exports.useBattery=B.useBattery;exports.useBluetooth=N.useBluetooth;exports.useBroadcastChannel=F.useBroadcastChannel;exports.useClipboard=K.useClipboard;exports.useCopy=V.useCopy;exports.useCssVar=w.useCssVar;exports.useDisplayMedia=U.useDisplayMedia;exports.useDocumentTitle=H.useDocumentTitle;exports.useEventSource=x.useEventSource;exports.useEyeDropper=W.useEyeDropper;exports.useFavicon=z.useFavicon;exports.useFps=Q.useFps;exports.useFullscreen=G.useFullscreen;exports.mapGamepadToXbox360Controller=n.mapGamepadToXbox360Controller;exports.useGamepad=n.useGamepad;exports.useGeolocation=X.useGeolocation;exports.timeRangeToArray=c.timeRangeToArray;exports.useMediaControls=c.useMediaControls;exports.useMemory=Z.useMemory;exports.getConnection=a.getConnection;exports.useNetwork=a.useNetwork;exports.useOnline=j.useOnline;exports.useOtpCredential=J.useOtpCredential;exports.usePermission=Y.usePermission;exports.usePictureInPicture=$.usePictureInPicture;exports.usePointerLock=ee.usePointerLock;exports.usePostMessage=se.usePostMessage;exports.useRaf=ue.useRaf;exports.useShare=re.useShare;exports.getSpeechRecognition=l.getSpeechRecognition;exports.useSpeechRecognition=l.useSpeechRecognition;exports.useSpeechSynthesis=te.useSpeechSynthesis;exports.useVibrate=oe.useVibrate;exports.useVirtualKeyboard=ie.useVirtualKeyboard;exports.useWakeLock=ne.useWakeLock;exports.useWebSocket=ce.useWebSocket;exports.useLogger=ae.useLogger;exports.useRenderCount=le.useRenderCount;exports.useRenderInfo=Se.useRenderInfo;exports.useRerender=qe.useRerender;exports.useActiveElement=de.useActiveElement;exports.useAutoScroll=ge.useAutoScroll;exports.useClickOutside=Te.useClickOutside;exports.DEFAULT_THRESHOLD_TIME=S.DEFAULT_THRESHOLD_TIME;exports.useDoubleClick=S.useDoubleClick;exports.useDropZone=Ee.useDropZone;exports.useFileDialog=Re.useFileDialog;exports.useFocus=Ce.useFocus;exports.FOCUS_SELECTOR=q.FOCUS_SELECTOR;exports.useFocusTrap=q.useFocusTrap;exports.useHover=Pe.useHover;exports.useImage=me.useImage;exports.useLongPress=ye.useLongPress;exports.Paint=t.Paint;exports.Pointer=t.Pointer;exports.usePaint=t.usePaint;exports.useRightClick=pe.useRightClick;exports.SCRIPT_STATUS_ATTRIBUTE_NAME=d.SCRIPT_STATUS_ATTRIBUTE_NAME;exports.useScript=d.useScript;exports.useSticky=ke.useSticky;exports.useTextareaAutosize=fe.useTextareaAutosize;exports.useTextDirection=he.useTextDirection;exports.useFul=Ie.useFul;exports.useLess=Oe.useLess;exports.useOnce=ve.useOnce;exports.useAsyncEffect=Ae.useAsyncEffect;exports.useDidUpdate=be.useDidUpdate;exports.useIsFirstRender=De.useIsFirstRender;exports.useIsomorphicLayoutEffect=Le.useIsomorphicLayoutEffect;exports.useMount=Me.useMount;exports.deepEqual=g.deepEqual;exports.useShallowEffect=g.useShallowEffect;exports.useUnmount=_e.useUnmount;exports.BREAKPOINTS_ANT_DESIGN=e.BREAKPOINTS_ANT_DESIGN;exports.BREAKPOINTS_BOOTSTRAP_V5=e.BREAKPOINTS_BOOTSTRAP_V5;exports.BREAKPOINTS_MANTINE=e.BREAKPOINTS_MANTINE;exports.BREAKPOINTS_MASTER_CSS=e.BREAKPOINTS_MASTER_CSS;exports.BREAKPOINTS_MATERIAL_UI=e.BREAKPOINTS_MATERIAL_UI;exports.BREAKPOINTS_PRIME_FLEX=e.BREAKPOINTS_PRIME_FLEX;exports.BREAKPOINTS_QUASAR_V2=e.BREAKPOINTS_QUASAR_V2;exports.BREAKPOINTS_SEMANTIC=e.BREAKPOINTS_SEMANTIC;exports.BREAKPOINTS_TAILWIND=e.BREAKPOINTS_TAILWIND;exports.useBreakpoints=e.useBreakpoints;exports.useDeviceMotion=Be.useDeviceMotion;exports.useDeviceOrientation=Ne.useDeviceOrientation;exports.useDevicePixelRatio=Fe.useDevicePixelRatio;exports.useDocumentEvent=Ke.useDocumentEvent;exports.useDocumentVisibility=Ve.useDocumentVisibility;exports.useElementSize=we.useElementSize;exports.useEventListener=Ue.useEventListener;exports.isHotkeyMatch=T.isHotkeyMatch;exports.useHotkeys=T.useHotkeys;exports.useIdle=He.useIdle;exports.useInfiniteScroll=xe.useInfiniteScroll;exports.useIntersectionObserver=We.useIntersectionObserver;exports.useKeyboard=ze.useKeyboard;exports.useKeyPress=Qe.useKeyPress;exports.useKeyPressEvent=Ge.useKeyPressEvent;exports.useKeysPressed=Xe.useKeysPressed;exports.useLockScroll=Ze.useLockScroll;exports.useMeasure=je.useMeasure;exports.useMediaQuery=Je.useMediaQuery;exports.useMouse=Ye.useMouse;exports.useMutationObserver=$e.useMutationObserver;exports.useOrientation=es.useOrientation;exports.usePageLeave=ss.usePageLeave;exports.useParallax=us.useParallax;exports.usePerformanceObserver=rs.usePerformanceObserver;exports.useResizeObserver=ts.useResizeObserver;exports.useScroll=os.useScroll;exports.useScrollIntoView=is.useScrollIntoView;exports.useScrollTo=ns.useScrollTo;exports.getRangesSelection=E.getRangesSelection;exports.useTextSelection=E.useTextSelection;exports.useVisibility=cs.useVisibility;exports.useWindowEvent=as.useWindowEvent;exports.useWindowFocus=ls.useWindowFocus;exports.scrollTo=R.scrollTo;exports.useWindowScroll=R.useWindowScroll;exports.useWindowSize=Ss.useWindowSize;exports.useBoolean=qs.useBoolean;exports.useControllableState=ds.useControllableState;exports.COOKIE_EVENT=s.COOKIE_EVENT;exports.dispatchCookieEvent=s.dispatchCookieEvent;exports.getCookie=s.getCookie;exports.getCookies=s.getCookies;exports.removeCookie=s.removeCookie;exports.removeCookieItem=s.removeCookieItem;exports.setCookie=s.setCookie;exports.setCookieItem=s.setCookieItem;exports.useCookie=s.useCookie;exports.clearCookies=C.clearCookies;exports.useCookies=C.useCookies;exports.useCounter=gs.useCounter;exports.useDefault=Ts.useDefault;exports.useDisclosure=Es.useDisclosure;exports.useField=Rs.useField;exports.getHash=P.getHash;exports.useHash=P.useHash;exports.useList=Cs.useList;exports.useLocalStorage=Ps.useLocalStorage;exports.useMap=ms.useMap;exports.assignRef=o.assignRef;exports.mergeRefs=o.mergeRefs;exports.useMergedRef=o.useMergedRef;exports.useOffsetPagination=ys.useOffsetPagination;exports.useQueue=ps.useQueue;exports.useRafState=ks.useRafState;exports.createRefState=m.createRefState;exports.useRefState=m.useRefState;exports.useSessionStorage=fs.useSessionStorage;exports.useSet=hs.useSet;exports.stateHistoryReducer=y.stateHistoryReducer;exports.useStateHistory=y.useStateHistory;exports.useStep=Is.useStep;exports.STORAGE_EVENT=i.STORAGE_EVENT;exports.dispatchStorageEvent=i.dispatchStorageEvent;exports.useStorage=i.useStorage;exports.useToggle=Os.useToggle;exports.URL_SEARCH_PARAMS_EVENT=r.URL_SEARCH_PARAMS_EVENT;exports.createQueryString=r.createQueryString;exports.dispatchUrlSearchParamsEvent=r.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=r.getUrlSearchParams;exports.useUrlSearchParam=r.useUrlSearchParam;exports.useUrlSearchParams=vs.useUrlSearchParams;exports.useWizard=As.useWizard;exports.useInterval=bs.useInterval;exports.useStopwatch=Ds.useStopwatch;exports.useTime=Ls.useTime;exports.useTimeout=Ms.useTimeout;exports.getTimeFromSeconds=p.getTimeFromSeconds;exports.useTimer=p.useTimer;exports.useBrowserLanguage=_s.useBrowserLanguage;exports.getOperatingSystem=k.getOperatingSystem;exports.useOperatingSystem=k.useOperatingSystem;exports.usePreferredColorScheme=Bs.usePreferredColorScheme;exports.usePreferredContrast=Ns.usePreferredContrast;exports.usePreferredDark=Fs.usePreferredDark;exports.usePreferredLanguages=Ks.usePreferredLanguages;exports.usePreferredReducedMotion=Vs.usePreferredReducedMotion;exports.useBatchedCallback=ws.useBatchedCallback;exports.useConst=Us.useConst;exports.useDebounceCallback=Hs.useDebounceCallback;exports.useDebounceState=xs.useDebounceState;exports.useDebounceValue=Ws.useDebounceValue;exports.useEvent=zs.useEvent;exports.useLastChanged=Qs.useLastChanged;exports.useLatest=Gs.useLatest;exports.usePrevious=Xs.usePrevious;exports.useThrottleCallback=Zs.useThrottleCallback;exports.useThrottleState=js.useThrottleState;exports.useThrottleValue=Js.useThrottleValue;exports.copy=f.copy;exports.legacyCopyToClipboard=f.legacyCopyToClipboard;exports.debounce=Ys.debounce;exports.getDate=$s.getDate;exports.getRetry=eu.getRetry;exports.getRawElement=u.getRawElement;exports.getRefState=u.getRefState;exports.isBrowserTarget=u.isBrowserTarget;exports.isRef=u.isRef;exports.isRefState=u.isRefState;exports.isTarget=u.isTarget;exports.target=u.target;exports.targetSymbol=u.targetSymbol;exports.throttle=su.throttle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("./helpers/createContext/createContext.cjs"),I=require("./helpers/createEventEmitter/createEventEmitter.cjs"),O=require("./helpers/createReactiveContext/createReactiveContext.cjs"),b=require("./helpers/createStore/createStore.cjs"),v=require("./hooks/useAsync/useAsync.cjs"),A=require("./hooks/useLockCallback/useLockCallback.cjs"),D=require("./hooks/useMutation/useMutation.cjs"),L=require("./hooks/useOptimistic/useOptimistic.cjs"),M=require("./hooks/useQuery/useQuery.cjs"),_=require("./hooks/useAudio/useAudio.cjs"),B=require("./hooks/useBattery/useBattery.cjs"),N=require("./hooks/useBluetooth/useBluetooth.cjs"),F=require("./hooks/useBroadcastChannel/useBroadcastChannel.cjs"),K=require("./hooks/useClipboard/useClipboard.cjs"),V=require("./hooks/useCopy/useCopy.cjs"),w=require("./hooks/useCssVar/useCssVar.cjs"),U=require("./hooks/useDisplayMedia/useDisplayMedia.cjs"),H=require("./hooks/useDocumentTitle/useDocumentTitle.cjs"),x=require("./hooks/useEventSource/useEventSource.cjs"),W=require("./hooks/useEyeDropper/useEyeDropper.cjs"),z=require("./hooks/useFavicon/useFavicon.cjs"),Q=require("./hooks/useFps/useFps.cjs"),G=require("./hooks/useFullscreen/useFullscreen.cjs"),n=require("./hooks/useGamepad/useGamepad.cjs"),X=require("./hooks/useGeolocation/useGeolocation.cjs"),c=require("./hooks/useMediaControls/useMediaControls.cjs"),Z=require("./hooks/useMemory/useMemory.cjs"),a=require("./hooks/useNetwork/useNetwork.cjs"),j=require("./hooks/useOnline/useOnline.cjs"),J=require("./hooks/useOtpCredential/useOtpCredential.cjs"),Y=require("./hooks/usePermission/usePermission.cjs"),$=require("./hooks/usePictureInPicture/usePictureInPicture.cjs"),ee=require("./hooks/usePointerLock/usePointerLock.cjs"),se=require("./hooks/usePostMessage/usePostMessage.cjs"),ue=require("./hooks/useRaf/useRaf.cjs"),re=require("./hooks/useShare/useShare.cjs"),l=require("./hooks/useSpeechRecognition/useSpeechRecognition.cjs"),te=require("./hooks/useSpeechSynthesis/useSpeechSynthesis.cjs"),oe=require("./hooks/useVibrate/useVibrate.cjs"),ie=require("./hooks/useVirtualKeyboard/useVirtualKeyboard.cjs"),ne=require("./hooks/useWakeLock/useWakeLock.cjs"),ce=require("./hooks/useWebSocket/useWebSocket.cjs"),ae=require("./hooks/useLogger/useLogger.cjs"),le=require("./hooks/useRenderCount/useRenderCount.cjs"),Se=require("./hooks/useRenderInfo/useRenderInfo.cjs"),qe=require("./hooks/useRerender/useRerender.cjs"),de=require("./hooks/useActiveElement/useActiveElement.cjs"),ge=require("./hooks/useAutoScroll/useAutoScroll.cjs"),Te=require("./hooks/useClickOutside/useClickOutside.cjs"),S=require("./hooks/useDoubleClick/useDoubleClick.cjs"),Ee=require("./hooks/useDropZone/useDropZone.cjs"),Re=require("./hooks/useFileDialog/useFileDialog.cjs"),Ce=require("./hooks/useFocus/useFocus.cjs"),q=require("./hooks/useFocusTrap/useFocusTrap.cjs"),Pe=require("./hooks/useHover/useHover.cjs"),me=require("./hooks/useImage/useImage.cjs"),ye=require("./hooks/useLongPress/useLongPress.cjs"),t=require("./hooks/usePaint/usePaint.cjs"),fe=require("./hooks/useRightClick/useRightClick.cjs"),d=require("./hooks/useScript/useScript.cjs"),pe=require("./hooks/useSticky/useSticky.cjs"),he=require("./hooks/useTextareaAutosize/useTextareaAutosize.cjs"),ke=require("./hooks/useTextDirection/useTextDirection.cjs"),Ie=require("./hooks/useFul/useFul.cjs"),Oe=require("./hooks/useLess/useLess.cjs"),be=require("./hooks/useOnce/useOnce.cjs"),ve=require("./hooks/useAsyncEffect/useAsyncEffect.cjs"),Ae=require("./hooks/useDidUpdate/useDidUpdate.cjs"),De=require("./hooks/useIsFirstRender/useIsFirstRender.cjs"),Le=require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),Me=require("./hooks/useMount/useMount.cjs"),g=require("./hooks/useShallowEffect/useShallowEffect.cjs"),_e=require("./hooks/useUnmount/useUnmount.cjs"),e=require("./hooks/useBreakpoints/useBreakpoints.cjs"),Be=require("./hooks/useDeviceMotion/useDeviceMotion.cjs"),Ne=require("./hooks/useDeviceOrientation/useDeviceOrientation.cjs"),Fe=require("./hooks/useDevicePixelRatio/useDevicePixelRatio.cjs"),Ke=require("./hooks/useDocumentEvent/useDocumentEvent.cjs"),Ve=require("./hooks/useDocumentVisibility/useDocumentVisibility.cjs"),we=require("./hooks/useEventListener/useEventListener.cjs"),T=require("./hooks/useHotkeys/useHotkeys.cjs"),Ue=require("./hooks/useIdle/useIdle.cjs"),He=require("./hooks/useInfiniteScroll/useInfiniteScroll.cjs"),xe=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),We=require("./hooks/useKeyboard/useKeyboard.cjs"),ze=require("./hooks/useKeyPress/useKeyPress.cjs"),Qe=require("./hooks/useKeyPressEvent/useKeyPressEvent.cjs"),Ge=require("./hooks/useKeysPressed/useKeysPressed.cjs"),Xe=require("./hooks/useLockScroll/useLockScroll.cjs"),Ze=require("./hooks/useMeasure/useMeasure.cjs"),je=require("./hooks/useMediaQuery/useMediaQuery.cjs"),Je=require("./hooks/useMouse/useMouse.cjs"),Ye=require("./hooks/useMutationObserver/useMutationObserver.cjs"),$e=require("./hooks/useOrientation/useOrientation.cjs"),es=require("./hooks/usePageLeave/usePageLeave.cjs"),ss=require("./hooks/useParallax/useParallax.cjs"),us=require("./hooks/usePerformanceObserver/usePerformanceObserver.cjs"),rs=require("./hooks/useResizeObserver/useResizeObserver.cjs"),ts=require("./hooks/useScroll/useScroll.cjs"),os=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),is=require("./hooks/useScrollTo/useScrollTo.cjs"),ns=require("./hooks/useSize/useSize.cjs"),E=require("./hooks/useTextSelection/useTextSelection.cjs"),cs=require("./hooks/useVisibility/useVisibility.cjs"),as=require("./hooks/useWindowEvent/useWindowEvent.cjs"),ls=require("./hooks/useWindowFocus/useWindowFocus.cjs"),R=require("./hooks/useWindowScroll/useWindowScroll.cjs"),Ss=require("./hooks/useWindowSize/useWindowSize.cjs"),qs=require("./hooks/useBoolean/useBoolean.cjs"),ds=require("./hooks/useControllableState/useControllableState.cjs"),s=require("./hooks/useCookie/useCookie.cjs"),C=require("./hooks/useCookies/useCookies.cjs"),gs=require("./hooks/useCounter/useCounter.cjs"),Ts=require("./hooks/useDefault/useDefault.cjs"),Es=require("./hooks/useDisclosure/useDisclosure.cjs"),Rs=require("./hooks/useField/useField.cjs"),P=require("./hooks/useHash/useHash.cjs"),Cs=require("./hooks/useList/useList.cjs"),Ps=require("./hooks/useLocalStorage/useLocalStorage.cjs"),ms=require("./hooks/useMap/useMap.cjs"),o=require("./hooks/useMergedRef/useMergedRef.cjs"),ys=require("./hooks/useOffsetPagination/useOffsetPagination.cjs"),fs=require("./hooks/useQueue/useQueue.cjs"),ps=require("./hooks/useRafState/useRafState.cjs"),m=require("./hooks/useRefState/useRefState.cjs"),hs=require("./hooks/useSessionStorage/useSessionStorage.cjs"),ks=require("./hooks/useSet/useSet.cjs"),y=require("./hooks/useStateHistory/useStateHistory.cjs"),Is=require("./hooks/useStep/useStep.cjs"),i=require("./hooks/useStorage/useStorage.cjs"),Os=require("./hooks/useToggle/useToggle.cjs"),r=require("./hooks/useUrlSearchParam/useUrlSearchParam.cjs"),bs=require("./hooks/useUrlSearchParams/useUrlSearchParams.cjs"),vs=require("./hooks/useWizard/useWizard.cjs"),As=require("./hooks/useInterval/useInterval.cjs"),Ds=require("./hooks/useStopwatch/useStopwatch.cjs"),Ls=require("./hooks/useTime/useTime.cjs"),Ms=require("./hooks/useTimeout/useTimeout.cjs"),f=require("./hooks/useTimer/useTimer.cjs"),_s=require("./hooks/useBrowserLanguage/useBrowserLanguage.cjs"),p=require("./hooks/useOperatingSystem/useOperatingSystem.cjs"),Bs=require("./hooks/usePreferredColorScheme/usePreferredColorScheme.cjs"),Ns=require("./hooks/usePreferredContrast/usePreferredContrast.cjs"),Fs=require("./hooks/usePreferredDark/usePreferredDark.cjs"),Ks=require("./hooks/usePreferredLanguages/usePreferredLanguages.cjs"),Vs=require("./hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs"),ws=require("./hooks/useBatchedCallback/useBatchedCallback.cjs"),Us=require("./hooks/useConst/useConst.cjs"),Hs=require("./hooks/useDebounceCallback/useDebounceCallback.cjs"),xs=require("./hooks/useDebounceEffect/useDebounceEffect.cjs"),Ws=require("./hooks/useDebounceState/useDebounceState.cjs"),zs=require("./hooks/useDebounceValue/useDebounceValue.cjs"),Qs=require("./hooks/useEvent/useEvent.cjs"),Gs=require("./hooks/useLastChanged/useLastChanged.cjs"),Xs=require("./hooks/useLatest/useLatest.cjs"),Zs=require("./hooks/usePrevious/usePrevious.cjs"),js=require("./hooks/useThrottleCallback/useThrottleCallback.cjs"),Js=require("./hooks/useThrottleEffect/useThrottleEffect.cjs"),Ys=require("./hooks/useThrottleState/useThrottleState.cjs"),$s=require("./hooks/useThrottleValue/useThrottleValue.cjs"),h=require("./utils/helpers/copy.cjs"),eu=require("./utils/helpers/debounce.cjs"),su=require("./utils/helpers/getDate.cjs"),uu=require("./utils/helpers/getRetry.cjs"),u=require("./utils/helpers/isTarget.cjs"),ru=require("./utils/helpers/throttle.cjs");exports.createContext=k.createContext;exports.createEventEmitter=I.createEventEmitter;exports.createReactiveContext=O.createReactiveContext;exports.createStore=b.createStore;exports.useAsync=v.useAsync;exports.useLockCallback=A.useLockCallback;exports.useMutation=D.useMutation;exports.useOptimistic=L.useOptimistic;exports.useQuery=M.useQuery;exports.useAudio=_.useAudio;exports.useBattery=B.useBattery;exports.useBluetooth=N.useBluetooth;exports.useBroadcastChannel=F.useBroadcastChannel;exports.useClipboard=K.useClipboard;exports.useCopy=V.useCopy;exports.useCssVar=w.useCssVar;exports.useDisplayMedia=U.useDisplayMedia;exports.useDocumentTitle=H.useDocumentTitle;exports.useEventSource=x.useEventSource;exports.useEyeDropper=W.useEyeDropper;exports.useFavicon=z.useFavicon;exports.useFps=Q.useFps;exports.useFullscreen=G.useFullscreen;exports.mapGamepadToXbox360Controller=n.mapGamepadToXbox360Controller;exports.useGamepad=n.useGamepad;exports.useGeolocation=X.useGeolocation;exports.timeRangeToArray=c.timeRangeToArray;exports.useMediaControls=c.useMediaControls;exports.useMemory=Z.useMemory;exports.getConnection=a.getConnection;exports.useNetwork=a.useNetwork;exports.useOnline=j.useOnline;exports.useOtpCredential=J.useOtpCredential;exports.usePermission=Y.usePermission;exports.usePictureInPicture=$.usePictureInPicture;exports.usePointerLock=ee.usePointerLock;exports.usePostMessage=se.usePostMessage;exports.useRaf=ue.useRaf;exports.useShare=re.useShare;exports.getSpeechRecognition=l.getSpeechRecognition;exports.useSpeechRecognition=l.useSpeechRecognition;exports.useSpeechSynthesis=te.useSpeechSynthesis;exports.useVibrate=oe.useVibrate;exports.useVirtualKeyboard=ie.useVirtualKeyboard;exports.useWakeLock=ne.useWakeLock;exports.useWebSocket=ce.useWebSocket;exports.useLogger=ae.useLogger;exports.useRenderCount=le.useRenderCount;exports.useRenderInfo=Se.useRenderInfo;exports.useRerender=qe.useRerender;exports.useActiveElement=de.useActiveElement;exports.useAutoScroll=ge.useAutoScroll;exports.useClickOutside=Te.useClickOutside;exports.DEFAULT_THRESHOLD_TIME=S.DEFAULT_THRESHOLD_TIME;exports.useDoubleClick=S.useDoubleClick;exports.useDropZone=Ee.useDropZone;exports.useFileDialog=Re.useFileDialog;exports.useFocus=Ce.useFocus;exports.FOCUS_SELECTOR=q.FOCUS_SELECTOR;exports.useFocusTrap=q.useFocusTrap;exports.useHover=Pe.useHover;exports.useImage=me.useImage;exports.useLongPress=ye.useLongPress;exports.Paint=t.Paint;exports.Pointer=t.Pointer;exports.usePaint=t.usePaint;exports.useRightClick=fe.useRightClick;exports.SCRIPT_STATUS_ATTRIBUTE_NAME=d.SCRIPT_STATUS_ATTRIBUTE_NAME;exports.useScript=d.useScript;exports.useSticky=pe.useSticky;exports.useTextareaAutosize=he.useTextareaAutosize;exports.useTextDirection=ke.useTextDirection;exports.useFul=Ie.useFul;exports.useLess=Oe.useLess;exports.useOnce=be.useOnce;exports.useAsyncEffect=ve.useAsyncEffect;exports.useDidUpdate=Ae.useDidUpdate;exports.useIsFirstRender=De.useIsFirstRender;exports.useIsomorphicLayoutEffect=Le.useIsomorphicLayoutEffect;exports.useMount=Me.useMount;exports.deepEqual=g.deepEqual;exports.useShallowEffect=g.useShallowEffect;exports.useUnmount=_e.useUnmount;exports.BREAKPOINTS_ANT_DESIGN=e.BREAKPOINTS_ANT_DESIGN;exports.BREAKPOINTS_BOOTSTRAP_V5=e.BREAKPOINTS_BOOTSTRAP_V5;exports.BREAKPOINTS_MANTINE=e.BREAKPOINTS_MANTINE;exports.BREAKPOINTS_MASTER_CSS=e.BREAKPOINTS_MASTER_CSS;exports.BREAKPOINTS_MATERIAL_UI=e.BREAKPOINTS_MATERIAL_UI;exports.BREAKPOINTS_PRIME_FLEX=e.BREAKPOINTS_PRIME_FLEX;exports.BREAKPOINTS_QUASAR_V2=e.BREAKPOINTS_QUASAR_V2;exports.BREAKPOINTS_SEMANTIC=e.BREAKPOINTS_SEMANTIC;exports.BREAKPOINTS_TAILWIND=e.BREAKPOINTS_TAILWIND;exports.useBreakpoints=e.useBreakpoints;exports.useDeviceMotion=Be.useDeviceMotion;exports.useDeviceOrientation=Ne.useDeviceOrientation;exports.useDevicePixelRatio=Fe.useDevicePixelRatio;exports.useDocumentEvent=Ke.useDocumentEvent;exports.useDocumentVisibility=Ve.useDocumentVisibility;exports.useEventListener=we.useEventListener;exports.isHotkeyMatch=T.isHotkeyMatch;exports.useHotkeys=T.useHotkeys;exports.useIdle=Ue.useIdle;exports.useInfiniteScroll=He.useInfiniteScroll;exports.useIntersectionObserver=xe.useIntersectionObserver;exports.useKeyboard=We.useKeyboard;exports.useKeyPress=ze.useKeyPress;exports.useKeyPressEvent=Qe.useKeyPressEvent;exports.useKeysPressed=Ge.useKeysPressed;exports.useLockScroll=Xe.useLockScroll;exports.useMeasure=Ze.useMeasure;exports.useMediaQuery=je.useMediaQuery;exports.useMouse=Je.useMouse;exports.useMutationObserver=Ye.useMutationObserver;exports.useOrientation=$e.useOrientation;exports.usePageLeave=es.usePageLeave;exports.useParallax=ss.useParallax;exports.usePerformanceObserver=us.usePerformanceObserver;exports.useResizeObserver=rs.useResizeObserver;exports.useScroll=ts.useScroll;exports.useScrollIntoView=os.useScrollIntoView;exports.useScrollTo=is.useScrollTo;exports.useSize=ns.useSize;exports.getRangesSelection=E.getRangesSelection;exports.useTextSelection=E.useTextSelection;exports.useVisibility=cs.useVisibility;exports.useWindowEvent=as.useWindowEvent;exports.useWindowFocus=ls.useWindowFocus;exports.scrollTo=R.scrollTo;exports.useWindowScroll=R.useWindowScroll;exports.useWindowSize=Ss.useWindowSize;exports.useBoolean=qs.useBoolean;exports.useControllableState=ds.useControllableState;exports.COOKIE_EVENT=s.COOKIE_EVENT;exports.dispatchCookieEvent=s.dispatchCookieEvent;exports.getCookie=s.getCookie;exports.getCookies=s.getCookies;exports.removeCookie=s.removeCookie;exports.removeCookieItem=s.removeCookieItem;exports.setCookie=s.setCookie;exports.setCookieItem=s.setCookieItem;exports.useCookie=s.useCookie;exports.clearCookies=C.clearCookies;exports.useCookies=C.useCookies;exports.useCounter=gs.useCounter;exports.useDefault=Ts.useDefault;exports.useDisclosure=Es.useDisclosure;exports.useField=Rs.useField;exports.getHash=P.getHash;exports.useHash=P.useHash;exports.useList=Cs.useList;exports.useLocalStorage=Ps.useLocalStorage;exports.useMap=ms.useMap;exports.assignRef=o.assignRef;exports.mergeRefs=o.mergeRefs;exports.useMergedRef=o.useMergedRef;exports.useOffsetPagination=ys.useOffsetPagination;exports.useQueue=fs.useQueue;exports.useRafState=ps.useRafState;exports.createRefState=m.createRefState;exports.useRefState=m.useRefState;exports.useSessionStorage=hs.useSessionStorage;exports.useSet=ks.useSet;exports.stateHistoryReducer=y.stateHistoryReducer;exports.useStateHistory=y.useStateHistory;exports.useStep=Is.useStep;exports.STORAGE_EVENT=i.STORAGE_EVENT;exports.dispatchStorageEvent=i.dispatchStorageEvent;exports.useStorage=i.useStorage;exports.useToggle=Os.useToggle;exports.URL_SEARCH_PARAMS_EVENT=r.URL_SEARCH_PARAMS_EVENT;exports.createQueryString=r.createQueryString;exports.dispatchUrlSearchParamsEvent=r.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=r.getUrlSearchParams;exports.useUrlSearchParam=r.useUrlSearchParam;exports.useUrlSearchParams=bs.useUrlSearchParams;exports.useWizard=vs.useWizard;exports.useInterval=As.useInterval;exports.useStopwatch=Ds.useStopwatch;exports.useTime=Ls.useTime;exports.useTimeout=Ms.useTimeout;exports.getTimeFromSeconds=f.getTimeFromSeconds;exports.useTimer=f.useTimer;exports.useBrowserLanguage=_s.useBrowserLanguage;exports.getOperatingSystem=p.getOperatingSystem;exports.useOperatingSystem=p.useOperatingSystem;exports.usePreferredColorScheme=Bs.usePreferredColorScheme;exports.usePreferredContrast=Ns.usePreferredContrast;exports.usePreferredDark=Fs.usePreferredDark;exports.usePreferredLanguages=Ks.usePreferredLanguages;exports.usePreferredReducedMotion=Vs.usePreferredReducedMotion;exports.useBatchedCallback=ws.useBatchedCallback;exports.useConst=Us.useConst;exports.useDebounceCallback=Hs.useDebounceCallback;exports.useDebounceEffect=xs.useDebounceEffect;exports.useDebounceState=Ws.useDebounceState;exports.useDebounceValue=zs.useDebounceValue;exports.useEvent=Qs.useEvent;exports.useLastChanged=Gs.useLastChanged;exports.useLatest=Xs.useLatest;exports.usePrevious=Zs.usePrevious;exports.useThrottleCallback=js.useThrottleCallback;exports.useThrottleEffect=Js.useThrottleEffect;exports.useThrottleState=Ys.useThrottleState;exports.useThrottleValue=$s.useThrottleValue;exports.copy=h.copy;exports.legacyCopyToClipboard=h.legacyCopyToClipboard;exports.debounce=eu.debounce;exports.getDate=su.getDate;exports.getRetry=uu.getRetry;exports.getRawElement=u.getRawElement;exports.getRefState=u.getRefState;exports.isBrowserTarget=u.isBrowserTarget;exports.isRef=u.isRef;exports.isRefState=u.isRefState;exports.isTarget=u.isTarget;exports.target=u.target;exports.targetSymbol=u.targetSymbol;exports.throttle=ru.throttle;
 //# sourceMappingURL=index.cjs.map

package/dist/esm/hooks/useDebounceEffect/useDebounceEffect.mjs

@@ -0,0 +1,19 @@
+import { useRef as r, useEffect as s } from "react";
+const m = (u, n, i) => {
+  const c = r(!0), e = r(null), t = r(void 0), f = r(u), o = r(n);
+  f.current = u, o.current = n, s(() => {
+    if (c.current) {
+      c.current = !1;
+      return;
+    }
+    return e.current && (clearTimeout(e.current), e.current = null), e.current = setTimeout(() => {
+      t.current = f.current();
+    }, o.current), () => {
+      e.current && clearTimeout(e.current), e.current = null, typeof t.current == "function" && t.current();
+    };
+  }, i);
+};
+export {
+  m as useDebounceEffect
+};
+//# sourceMappingURL=useDebounceEffect.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounceEffect.mjs","sources":["../../../../src/hooks/useDebounceEffect/useDebounceEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useDebounceEffect\n * @description – Hook that runs an effect after a delay when dependencies change\n * @category Utilities\n * @usage high\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useDebounceEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useDebounceEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      cleanupRef.current = effectRef.current();\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useDebounceEffect","effect","delay","deps","mountedRef","useRef","timeoutRef","cleanupRef","effectRef","delayRef","useEffect"],"mappings":";AAiBO,MAAMA,IAAoB,CAACC,GAAwBC,GAAeC,MAA0B;AACjG,QAAMC,IAAaC,EAAO,EAAI,GACxBC,IAAaD,EAA6C,IAAI,GAC9DE,IAAaF,EAAmC,MAAS,GACzDG,IAAYH,EAAOJ,CAAM,GACzBQ,IAAWJ,EAAOH,CAAK;AAE7B,EAAAM,EAAU,UAAUP,GACpBQ,EAAS,UAAUP,GAEnBQ,EAAU,MAAM;AACd,QAAIN,EAAW,SAAS;AACtB,MAAAA,EAAW,UAAU;AACrB;AAAA,IAAA;AAGF,WAAIE,EAAW,YACb,aAAaA,EAAW,OAAO,GAC/BA,EAAW,UAAU,OAGvBA,EAAW,UAAU,WAAW,MAAM;AACpC,MAAAC,EAAW,UAAUC,EAAU,QAAA;AAAA,IAAQ,GACtCC,EAAS,OAAO,GAEZ,MAAM;AACX,MAAIH,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDA,EAAW,UAAU,MACjB,OAAOC,EAAW,WAAY,gBAAuB,QAAA;AAAA,IAAQ;AAAA,EACnE,GACCJ,CAAI;AACT;"}

package/dist/esm/hooks/useDidUpdate/useDidUpdate.mjs

@@ -1,16 +1,16 @@
 import { useRef as u } from "react";
-import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useIsomorphicLayoutEffect as r } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
 const s = (t, o) => {
-  const r = u(!1);
-  e(
+  const e = u(!1);
+  r(
     () => () => {
-      r.current = !1;
+      e.current = !1;
     },
     []
-  ), e(() => {
-    if (r.current)
+  ), r(() => {
+    if (e.current)
       return t();
-    r.current = !0;
+    e.current = !0;
   }, o);
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.mjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAkBO,MAAMA,IAAe,CAACC,GAAwBC,MAA0B;AAC7E,QAAMC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAAF,EAAQ,UAAU;AAAA,IAAA;AAAA,IAEpB,CAAA;AAAA,EAAC,GAGHE,EAA0B,MAAM;AAC9B,QAAIF,EAAQ;AACV,aAAOF,EAAA;AAGT,IAAAE,EAAQ,UAAU;AAAA,EACX,GACND,CAAI;AACT;"}
+{"version":3,"file":"useDidUpdate.mjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mountedRef = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mountedRef.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mountedRef.current) {\n      return effect();\n    }\n\n    mountedRef.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mountedRef","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAkBO,MAAMA,IAAe,CAACC,GAAwBC,MAA0B;AAC7E,QAAMC,IAAaC,EAAO,EAAK;AAE/B,EAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAAF,EAAW,UAAU;AAAA,IAAA;AAAA,IAEvB,CAAA;AAAA,EAAC,GAGHE,EAA0B,MAAM;AAC9B,QAAIF,EAAW;AACb,aAAOF,EAAA;AAGT,IAAAE,EAAW,UAAU;AAAA,EACd,GACND,CAAI;AACT;"}

package/dist/esm/hooks/useSize/useSize.mjs

@@ -0,0 +1,31 @@
+import { useState as c } from "react";
+import { useIsomorphicLayoutEffect as l } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useRefState as v } from "../useRefState/useRefState.mjs";
+import { isTarget as h } from "../../utils/helpers/isTarget.mjs";
+const z = ((...u) => {
+  const e = u[0], [n, o] = c({ width: 0, height: 0 }), [s, g] = c(), r = v();
+  return l(() => {
+    const t = e ? h.getElement(e) : r.current;
+    if (!t) return;
+    const { width: m, height: f } = t.getBoundingClientRect();
+    o({
+      width: m,
+      height: f
+    });
+    const i = new ResizeObserver(() => {
+      const { width: a, height: d } = t.getBoundingClientRect();
+      o({ width: a, height: d });
+    });
+    return g(i), i.observe(t), () => {
+      i.disconnect();
+    };
+  }, [r.state, e && h.getRawElement(e)]), e ? { observer: s, value: n } : {
+    observer: s,
+    ref: r,
+    value: n
+  };
+});
+export {
+  z as useSize
+};
+//# sourceMappingURL=useSize.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.mjs","sources":["../../../../src/hooks/useSize/useSize.ts"],"sourcesContent":["import { 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 size value type */\nexport interface UseSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use size return type */\nexport interface UseSizeReturn {\n  /** The resize observer instance */\n  observer?: ResizeObserver;\n  /** The current size value */\n  value: UseSizeValue;\n}\n\nexport interface UseSize {\n  (target: HookTarget): UseSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseSizeReturn;\n}\n\n/**\n * @name useSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { value, observer } = useSize(ref);\n *\n * @overload\n * @template Target The target element type\n * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element\n *\n * @example\n * const { ref, value, observer } = useSize();\n */\nexport const useSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [observer, setObserver] = useState<ResizeObserver>();\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    setObserver(observer);\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { observer, value: size };\n  return {\n    observer,\n    ref: internalRef,\n    value: size\n  };\n}) as UseSize;\n"],"names":["useSize","params","target","size","setSize","useState","observer","setObserver","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height"],"mappings":";;;;AAyDO,MAAMA,KAAW,IAAIC,MAAkB;AAC5C,QAAMC,IAASD,EAAO,CAAC,GACjB,CAACE,GAAMC,CAAO,IAAIC,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,GAClD,CAACC,GAAUC,CAAW,IAAIF,EAAA,GAC1BG,IAAcC,EAAA;AA0BpB,SAxBAC,EAA0B,MAAM;AAC9B,UAAMC,IAAWT,IAASU,EAAS,WAAWV,CAAM,IAAIM,EAAY;AAEpE,QAAI,CAACG,EAAS;AAEd,UAAM,EAAE,OAAAE,GAAO,QAAAC,MAAWH,EAAQ,sBAAA;AAClC,IAAAP,EAAQ;AAAA,MACN,OAAAS;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAED,UAAMR,IAAW,IAAI,eAAe,MAAM;AACxC,YAAM,EAAE,OAAAO,GAAO,QAAAC,EAAAA,IAAWH,EAAQ,sBAAA;AAClC,MAAAP,EAAQ,EAAE,OAAAS,GAAO,QAAAC,GAAQ;AAAA,IAAA,CAC1B;AAED,WAAAP,EAAYD,CAAQ,GACpBA,EAAS,QAAQK,CAAO,GAEjB,MAAM;AACXL,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACE,EAAY,OAAON,KAAUU,EAAS,cAAcV,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,UAAAI,GAAU,OAAOH,EAAA,IAC/B;AAAA,IACL,UAAAG;AAAA,IACA,KAAKE;AAAA,IACL,OAAOL;AAAA,EAAA;AAEX;"}

package/dist/esm/hooks/useThrottleEffect/useThrottleEffect.mjs

@@ -0,0 +1,22 @@
+import { useRef as e, useEffect as l } from "react";
+const R = (f, o, i) => {
+  const s = e(!0), r = e(void 0), t = e(null), u = e(!1), n = e(f), c = e(o);
+  n.current = f, c.current = o, l(() => {
+    if (s.current) {
+      s.current = !1;
+      return;
+    }
+    if (!u.current)
+      return r.current = n.current(), u.current = !0, setTimeout(() => {
+        u.current = !1, t.current = setTimeout(() => {
+          r.current = n.current();
+        }, c.current);
+      }, c.current), () => {
+        t.current && clearTimeout(t.current), t.current = null, typeof r.current == "function" && r.current();
+      };
+  }, i);
+};
+export {
+  R as useThrottleEffect
+};
+//# sourceMappingURL=useThrottleEffect.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottleEffect.mjs","sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useThrottleEffect","effect","delay","deps","mountedRef","useRef","cleanupRef","timeoutRef","isCalledRef","effectRef","delayRef","useEffect"],"mappings":";AAiBO,MAAMA,IAAoB,CAACC,GAAwBC,GAAeC,MAA0B;AACjG,QAAMC,IAAaC,EAAO,EAAI,GACxBC,IAAaD,EAAmC,MAAS,GACzDE,IAAaF,EAA6C,IAAI,GAC9DG,IAAcH,EAAO,EAAK,GAE1BI,IAAYJ,EAAOJ,CAAM,GACzBS,IAAWL,EAAOH,CAAK;AAE7B,EAAAO,EAAU,UAAUR,GACpBS,EAAS,UAAUR,GAEnBS,EAAU,MAAM;AACd,QAAIP,EAAW,SAAS;AACtB,MAAAA,EAAW,UAAU;AACrB;AAAA,IAAA;AAGF,QAAI,CAAAI,EAAY;AAEhB,aAAAF,EAAW,UAAUG,EAAU,QAAA,GAC/BD,EAAY,UAAU,IAEtB,WAAW,MAAM;AACf,QAAAA,EAAY,UAAU,IAEtBD,EAAW,UAAU,WAAW,MAAM;AACpC,UAAAD,EAAW,UAAUG,EAAU,QAAA;AAAA,QAAQ,GACtCC,EAAS,OAAO;AAAA,MAAA,GAClBA,EAAS,OAAO,GAEZ,MAAM;AACX,QAAIH,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDA,EAAW,UAAU,MACjB,OAAOD,EAAW,WAAY,gBAAuB,QAAA;AAAA,MAAQ;AAAA,EACnE,GACCH,CAAI;AACT;"}

package/dist/esm/hooks/useVisibility/useVisibility.mjs

@@ -1,40 +1,40 @@
-import { useState as d, useRef as E, useEffect as R } from "react";
-import { useRefState as m } from "../useRefState/useRefState.mjs";
-import { isTarget as s } from "../../utils/helpers/isTarget.mjs";
-const V = ((...e) => {
-  const n = s(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] }, i = t?.onChange, f = t?.enabled ?? !0, [u, v] = d(), [o, y] = d(), r = m(), l = E(i);
-  return l.current = i, R(() => {
-    if (!f || !n && !r.state) return;
-    const b = n ? s.getElement(n) : r.current;
-    if (!b) return;
+import { useState as d, useRef as R, useEffect as m } from "react";
+import { useRefState as C } from "../useRefState/useRefState.mjs";
+import { isTarget as r } from "../../utils/helpers/isTarget.mjs";
+const I = ((...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] }, f = t?.onChange, l = t?.enabled ?? !0, [u, v] = d(), [s, y] = d(), b = s?.isIntersecting ?? !1, o = C(), g = R(f);
+  return g.current = f, m(() => {
+    if (!l || !n && !o.state) return;
+    const a = n ? r.getElement(n) : o.current;
+    if (!a) return;
     const c = new IntersectionObserver(
-      (a, h) => {
-        const g = a.pop();
-        y(g), l.current?.(g, h);
+      (E, h) => {
+        const i = E[0];
+        i && (y(i), g.current?.(i, h));
       },
       {
         ...t,
-        root: t?.root ? s.getElement(t.root) : document
+        root: t?.root ? r.getElement(t.root) : document
       }
     );
-    return v(c), c.observe(b), () => {
+    return v(c), c.observe(a), () => {
       c.disconnect();
     };
   }, [
-    n && s.getRawElement(n),
-    r.state,
+    n && r.getRawElement(n),
+    o.state,
     t?.rootMargin,
     t?.threshold,
     t?.root,
-    f
-  ]), n ? { observer: u, entry: o, inView: !!o?.isIntersecting } : {
+    l
+  ]), n ? { observer: u, entry: s, inView: b } : {
     observer: u,
-    ref: r,
-    entry: o,
-    inView: !!o?.isIntersecting
+    ref: o,
+    entry: s,
+    inView: b
   };
 });
 export {
-  V as useVisibility
+  I as useVisibility
 };
 //# sourceMappingURL=useVisibility.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.mjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView?: boolean;\n\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility 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 Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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 UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = 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: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const entry = entries.pop()!;\n        setEntry(entry);\n        internalCallbackRef.current?.(entry, 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, entry, inView: !!entry?.isIntersecting };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView: !!entry?.isIntersecting\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries"],"mappings":";;;AAiGO,MAAMA,KAAiB,IAAIC,MAAkB;AAClD,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,GAAOC,CAAQ,IAAIF,EAAA,GAEpBG,IAAcC,EAAA,GACdC,IAAsBC,EAAOV,CAAQ;AAoC3C,SAnCAS,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,CAACW,GAAsCX,MAAmC;AACxE,cAAMG,IAAQQ,EAAQ,IAAA;AACtB,QAAAP,EAASD,CAAK,GACdI,EAAoB,UAAUJ,GAAOH,CAAQ;AAAA,MAAA;AAAA,MAE/C;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,OAAAG,GAAO,QAAQ,CAAC,CAACA,GAAO,eAAA,IAChD;AAAA,IACL,UAAAH;AAAA,IACA,KAAKK;AAAA,IACL,OAAAF;AAAA,IACA,QAAQ,CAAC,CAACA,GAAO;AAAA,EAAA;AAErB;"}
+{"version":3,"file":"useVisibility.mjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView: boolean;\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility 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 Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => 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 {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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 UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n  const inView = entry?.isIntersecting ?? false;\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: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const firstEntry = entries[0];\n        if (firstEntry) {\n          setEntry(firstEntry);\n          internalCallbackRef.current?.(firstEntry, observer);\n        }\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, entry, inView };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","inView","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries","firstEntry"],"mappings":";;;AAgGO,MAAMA,KAAiB,IAAIC,MAAkB;AAClD,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,GAAOC,CAAQ,IAAIF,EAAA,GACpBG,IAASF,GAAO,kBAAkB,IAElCG,IAAcC,EAAA,GACdC,IAAsBC,EAAOX,CAAQ;AAsC3C,SArCAU,EAAoB,UAAUV,GAE9BY,EAAU,MAAM;AACd,QAAI,CAACX,KAAY,CAACJ,KAAU,CAACW,EAAY,MAAQ;AAEjD,UAAMK,IAAUhB,IAASC,EAAS,WAAWD,CAAM,IAAIW,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMX,IAAW,IAAI;AAAA,MACnB,CAACY,GAAsCZ,MAAmC;AACxE,cAAMa,IAAaD,EAAQ,CAAC;AAC5B,QAAIC,MACFT,EAASS,CAAU,GACnBL,EAAoB,UAAUK,GAAYb,CAAQ;AAAA,MACpD;AAAA,MAEF;AAAA,QACE,GAAGH;AAAA,QACH,MAAMA,GAAS,OAAQD,EAAS,WAAWC,EAAQ,IAAI,IAA2B;AAAA,MAAA;AAAA,IACpF;AAGF,WAAAI,EAAYD,CAAQ,GACpBA,EAAS,QAAQW,CAAkB,GAE5B,MAAM;AACXX,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC;AAAA,IACDL,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCW,EAAY;AAAA,IACZT,GAAS;AAAA,IACTA,GAAS;AAAA,IACTA,GAAS;AAAA,IACTE;AAAA,EAAA,CACD,GAEGJ,IAAe,EAAE,UAAAK,GAAU,OAAAG,GAAO,QAAAE,EAAA,IAC/B;AAAA,IACL,UAAAL;AAAA,IACA,KAAKM;AAAA,IACL,OAAAH;AAAA,IACA,QAAAE;AAAA,EAAA;AAEJ;"}

package/dist/esm/index.mjs

@@ -11,7 +11,7 @@ import { useAudio as d } from "./hooks/useAudio/useAudio.mjs";
 import { useBattery as P } from "./hooks/useBattery/useBattery.mjs";
 import { useBluetooth as I } from "./hooks/useBluetooth/useBluetooth.mjs";
 import { useBroadcastChannel as O } from "./hooks/useBroadcastChannel/useBroadcastChannel.mjs";
-import { useClipboard as h } from "./hooks/useClipboard/useClipboard.mjs";
+import { useClipboard as k } from "./hooks/useClipboard/useClipboard.mjs";
 import { useCopy as _ } from "./hooks/useCopy/useCopy.mjs";
 import { useCssVar as D } from "./hooks/useCssVar/useCssVar.mjs";
 import { useDisplayMedia as M } from "./hooks/useDisplayMedia/useDisplayMedia.mjs";
@@ -36,7 +36,7 @@ import { useRaf as Re } from "./hooks/useRaf/useRaf.mjs";
 import { useShare as Ce } from "./hooks/useShare/useShare.mjs";
 import { getSpeechRecognition as Ae, useSpeechRecognition as Ie } from "./hooks/useSpeechRecognition/useSpeechRecognition.mjs";
 import { useSpeechSynthesis as Oe } from "./hooks/useSpeechSynthesis/useSpeechSynthesis.mjs";
-import { useVibrate as he } from "./hooks/useVibrate/useVibrate.mjs";
+import { useVibrate as ke } from "./hooks/useVibrate/useVibrate.mjs";
 import { useVirtualKeyboard as _e } from "./hooks/useVirtualKeyboard/useVirtualKeyboard.mjs";
 import { useWakeLock as De } from "./hooks/useWakeLock/useWakeLock.mjs";
 import { useWebSocket as Me } from "./hooks/useWebSocket/useWebSocket.mjs";
@@ -60,7 +60,7 @@ import { useRightClick as go } from "./hooks/useRightClick/useRightClick.mjs";
 import { SCRIPT_STATUS_ATTRIBUTE_NAME as Co, useScript as Po } from "./hooks/useScript/useScript.mjs";
 import { useSticky as Io } from "./hooks/useSticky/useSticky.mjs";
 import { useTextareaAutosize as Oo } from "./hooks/useTextareaAutosize/useTextareaAutosize.mjs";
-import { useTextDirection as ho } from "./hooks/useTextDirection/useTextDirection.mjs";
+import { useTextDirection as ko } from "./hooks/useTextDirection/useTextDirection.mjs";
 import { useFul as _o } from "./hooks/useFul/useFul.mjs";
 import { useLess as Do } from "./hooks/useLess/useLess.mjs";
 import { useOnce as Mo } from "./hooks/useOnce/useOnce.mjs";
@@ -77,29 +77,29 @@ import { useDeviceOrientation as ar } from "./hooks/useDeviceOrientation/useDevi
 import { useDevicePixelRatio as nr } from "./hooks/useDevicePixelRatio/useDevicePixelRatio.mjs";
 import { useDocumentEvent as lr } from "./hooks/useDocumentEvent/useDocumentEvent.mjs";
 import { useDocumentVisibility as Er } from "./hooks/useDocumentVisibility/useDocumentVisibility.mjs";
-import { useElementSize as gr } from "./hooks/useElementSize/useElementSize.mjs";
-import { useEventListener as dr } from "./hooks/useEventListener/useEventListener.mjs";
-import { isHotkeyMatch as Pr, useHotkeys as Ar } from "./hooks/useHotkeys/useHotkeys.mjs";
-import { useIdle as yr } from "./hooks/useIdle/useIdle.mjs";
-import { useInfiniteScroll as kr } from "./hooks/useInfiniteScroll/useInfiniteScroll.mjs";
-import { useIntersectionObserver as vr } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
-import { useKeyboard as br } from "./hooks/useKeyboard/useKeyboard.mjs";
-import { useKeyPress as Lr } from "./hooks/useKeyPress/useKeyPress.mjs";
-import { useKeyPressEvent as Nr } from "./hooks/useKeyPressEvent/useKeyPressEvent.mjs";
-import { useKeysPressed as Kr } from "./hooks/useKeysPressed/useKeysPressed.mjs";
-import { useLockScroll as Ur } from "./hooks/useLockScroll/useLockScroll.mjs";
-import { useMeasure as wr } from "./hooks/useMeasure/useMeasure.mjs";
-import { useMediaQuery as Wr } from "./hooks/useMediaQuery/useMediaQuery.mjs";
-import { useMouse as Gr } from "./hooks/useMouse/useMouse.mjs";
-import { useMutationObserver as Xr } from "./hooks/useMutationObserver/useMutationObserver.mjs";
-import { useOrientation as Zr } from "./hooks/useOrientation/useOrientation.mjs";
-import { usePageLeave as Jr } from "./hooks/usePageLeave/usePageLeave.mjs";
-import { useParallax as $r } from "./hooks/useParallax/useParallax.mjs";
-import { usePerformanceObserver as ot } from "./hooks/usePerformanceObserver/usePerformanceObserver.mjs";
-import { useResizeObserver as tt } from "./hooks/useResizeObserver/useResizeObserver.mjs";
-import { useScroll as ut } from "./hooks/useScroll/useScroll.mjs";
-import { useScrollIntoView as pt } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
-import { useScrollTo as xt } from "./hooks/useScrollTo/useScrollTo.mjs";
+import { useEventListener as gr } from "./hooks/useEventListener/useEventListener.mjs";
+import { isHotkeyMatch as dr, useHotkeys as Cr } from "./hooks/useHotkeys/useHotkeys.mjs";
+import { useIdle as Ar } from "./hooks/useIdle/useIdle.mjs";
+import { useInfiniteScroll as yr } from "./hooks/useInfiniteScroll/useInfiniteScroll.mjs";
+import { useIntersectionObserver as hr } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
+import { useKeyboard as vr } from "./hooks/useKeyboard/useKeyboard.mjs";
+import { useKeyPress as br } from "./hooks/useKeyPress/useKeyPress.mjs";
+import { useKeyPressEvent as Lr } from "./hooks/useKeyPressEvent/useKeyPressEvent.mjs";
+import { useKeysPressed as Nr } from "./hooks/useKeysPressed/useKeysPressed.mjs";
+import { useLockScroll as Kr } from "./hooks/useLockScroll/useLockScroll.mjs";
+import { useMeasure as Ur } from "./hooks/useMeasure/useMeasure.mjs";
+import { useMediaQuery as wr } from "./hooks/useMediaQuery/useMediaQuery.mjs";
+import { useMouse as Wr } from "./hooks/useMouse/useMouse.mjs";
+import { useMutationObserver as Gr } from "./hooks/useMutationObserver/useMutationObserver.mjs";
+import { useOrientation as Xr } from "./hooks/useOrientation/useOrientation.mjs";
+import { usePageLeave as Zr } from "./hooks/usePageLeave/usePageLeave.mjs";
+import { useParallax as Jr } from "./hooks/useParallax/useParallax.mjs";
+import { usePerformanceObserver as $r } from "./hooks/usePerformanceObserver/usePerformanceObserver.mjs";
+import { useResizeObserver as ot } from "./hooks/useResizeObserver/useResizeObserver.mjs";
+import { useScroll as tt } from "./hooks/useScroll/useScroll.mjs";
+import { useScrollIntoView as ut } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
+import { useScrollTo as pt } from "./hooks/useScrollTo/useScrollTo.mjs";
+import { useSize as xt } from "./hooks/useSize/useSize.mjs";
 import { getRangesSelection as it, useTextSelection as nt } from "./hooks/useTextSelection/useTextSelection.mjs";
 import { useVisibility as lt } from "./hooks/useVisibility/useVisibility.mjs";
 import { useWindowEvent as Et } from "./hooks/useWindowEvent/useWindowEvent.mjs";
@@ -107,7 +107,7 @@ import { useWindowFocus as gt } from "./hooks/useWindowFocus/useWindowFocus.mjs"
 import { scrollTo as dt, useWindowScroll as Ct } from "./hooks/useWindowScroll/useWindowScroll.mjs";
 import { useWindowSize as At } from "./hooks/useWindowSize/useWindowSize.mjs";
 import { useBoolean as yt } from "./hooks/useBoolean/useBoolean.mjs";
-import { useControllableState as kt } from "./hooks/useControllableState/useControllableState.mjs";
+import { useControllableState as ht } from "./hooks/useControllableState/useControllableState.mjs";
 import { COOKIE_EVENT as vt, dispatchCookieEvent as _t, getCookie as bt, getCookies as Dt, removeCookie as Lt, removeCookieItem as Mt, setCookie as Nt, setCookieItem as Bt, useCookie as Kt } from "./hooks/useCookie/useCookie.mjs";
 import { clearCookies as Ut, useCookies as Vt } from "./hooks/useCookies/useCookies.mjs";
 import { useCounter as Ht } from "./hooks/useCounter/useCounter.mjs";
@@ -127,7 +127,7 @@ import { useSessionStorage as gs } from "./hooks/useSessionStorage/useSessionSto
 import { useSet as ds } from "./hooks/useSet/useSet.mjs";
 import { stateHistoryReducer as Ps, useStateHistory as As } from "./hooks/useStateHistory/useStateHistory.mjs";
 import { useStep as ys } from "./hooks/useStep/useStep.mjs";
-import { STORAGE_EVENT as ks, dispatchStorageEvent as hs, useStorage as vs } from "./hooks/useStorage/useStorage.mjs";
+import { STORAGE_EVENT as hs, dispatchStorageEvent as ks, useStorage as vs } from "./hooks/useStorage/useStorage.mjs";
 import { useToggle as bs } from "./hooks/useToggle/useToggle.mjs";
 import { URL_SEARCH_PARAMS_EVENT as Ls, createQueryString as Ms, dispatchUrlSearchParamsEvent as Ns, getUrlSearchParams as Bs, useUrlSearchParam as Ks } from "./hooks/useUrlSearchParam/useUrlSearchParam.mjs";
 import { useUrlSearchParams as Us } from "./hooks/useUrlSearchParams/useUrlSearchParams.mjs";
@@ -147,21 +147,23 @@ import { usePreferredReducedMotion as cu } from "./hooks/usePreferredReducedMoti
 import { useBatchedCallback as Su } from "./hooks/useBatchedCallback/useBatchedCallback.mjs";
 import { useConst as Tu } from "./hooks/useConst/useConst.mjs";
 import { useDebounceCallback as Ru } from "./hooks/useDebounceCallback/useDebounceCallback.mjs";
-import { useDebounceState as Cu } from "./hooks/useDebounceState/useDebounceState.mjs";
-import { useDebounceValue as Au } from "./hooks/useDebounceValue/useDebounceValue.mjs";
-import { useEvent as yu } from "./hooks/useEvent/useEvent.mjs";
-import { useLastChanged as ku } from "./hooks/useLastChanged/useLastChanged.mjs";
-import { useLatest as vu } from "./hooks/useLatest/useLatest.mjs";
-import { usePrevious as bu } from "./hooks/usePrevious/usePrevious.mjs";
-import { useThrottleCallback as Lu } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
-import { useThrottleState as Nu } from "./hooks/useThrottleState/useThrottleState.mjs";
-import { useThrottleValue as Ku } from "./hooks/useThrottleValue/useThrottleValue.mjs";
-import { copy as Uu, legacyCopyToClipboard as Vu } from "./utils/helpers/copy.mjs";
-import { debounce as Hu } from "./utils/helpers/debounce.mjs";
-import { getDate as zu } from "./utils/helpers/getDate.mjs";
-import { getRetry as Qu } from "./utils/helpers/getRetry.mjs";
-import { getRawElement as qu, getRefState as Zu, isBrowserTarget as ju, isRef as Ju, isRefState as Yu, isTarget as $u, target as em, targetSymbol as om } from "./utils/helpers/isTarget.mjs";
-import { throttle as tm } from "./utils/helpers/throttle.mjs";
+import { useDebounceEffect as Cu } from "./hooks/useDebounceEffect/useDebounceEffect.mjs";
+import { useDebounceState as Au } from "./hooks/useDebounceState/useDebounceState.mjs";
+import { useDebounceValue as yu } from "./hooks/useDebounceValue/useDebounceValue.mjs";
+import { useEvent as hu } from "./hooks/useEvent/useEvent.mjs";
+import { useLastChanged as vu } from "./hooks/useLastChanged/useLastChanged.mjs";
+import { useLatest as bu } from "./hooks/useLatest/useLatest.mjs";
+import { usePrevious as Lu } from "./hooks/usePrevious/usePrevious.mjs";
+import { useThrottleCallback as Nu } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
+import { useThrottleEffect as Ku } from "./hooks/useThrottleEffect/useThrottleEffect.mjs";
+import { useThrottleState as Uu } from "./hooks/useThrottleState/useThrottleState.mjs";
+import { useThrottleValue as wu } from "./hooks/useThrottleValue/useThrottleValue.mjs";
+import { copy as Wu, legacyCopyToClipboard as zu } from "./utils/helpers/copy.mjs";
+import { debounce as Qu } from "./utils/helpers/debounce.mjs";
+import { getDate as qu } from "./utils/helpers/getDate.mjs";
+import { getRetry as ju } from "./utils/helpers/getRetry.mjs";
+import { getRawElement as Yu, getRefState as $u, isBrowserTarget as em, isRef as om, isRefState as rm, isTarget as tm, target as sm, targetSymbol as um } from "./utils/helpers/isTarget.mjs";
+import { throttle as pm } from "./utils/helpers/throttle.mjs";
 export {
   Jo as BREAKPOINTS_ANT_DESIGN,
   Yo as BREAKPOINTS_BOOTSTRAP_V5,
@@ -178,41 +180,41 @@ export {
   lo as Paint,
   So as Pointer,
   Co as SCRIPT_STATUS_ATTRIBUTE_NAME,
-  ks as STORAGE_EVENT,
+  hs as STORAGE_EVENT,
   Ls as URL_SEARCH_PARAMS_EVENT,
   us as assignRef,
   Ut as clearCookies,
-  Uu as copy,
+  Wu as copy,
   r as createContext,
   s as createEventEmitter,
   Ms as createQueryString,
   m as createReactiveContext,
   Ss as createRefState,
   f as createStore,
-  Hu as debounce,
+  Qu as debounce,
   Qo as deepEqual,
   _t as dispatchCookieEvent,
-  hs as dispatchStorageEvent,
+  ks as dispatchStorageEvent,
   Ns as dispatchUrlSearchParamsEvent,
   se as getConnection,
   bt as getCookie,
   Dt as getCookies,
-  zu as getDate,
+  qu as getDate,
   jt as getHash,
   ru as getOperatingSystem,
   it as getRangesSelection,
-  qu as getRawElement,
-  Zu as getRefState,
-  Qu as getRetry,
+  Yu as getRawElement,
+  $u as getRefState,
+  ju as getRetry,
   Ae as getSpeechRecognition,
   Js as getTimeFromSeconds,
   Bs as getUrlSearchParams,
-  ju as isBrowserTarget,
-  Pr as isHotkeyMatch,
-  Ju as isRef,
-  Yu as isRefState,
-  $u as isTarget,
-  Vu as legacyCopyToClipboard,
+  em as isBrowserTarget,
+  dr as isHotkeyMatch,
+  om as isRef,
+  rm as isRefState,
+  tm as isTarget,
+  zu as legacyCopyToClipboard,
   q as mapGamepadToXbox360Controller,
   ms as mergeRefs,
   Lt as removeCookie,
@@ -221,9 +223,9 @@ export {
   Nt as setCookie,
   Bt as setCookieItem,
   Ps as stateHistoryReducer,
-  em as target,
-  om as targetSymbol,
-  tm as throttle,
+  sm as target,
+  um as targetSymbol,
+  pm as throttle,
   $ as timeRangeToArray,
   ze as useActiveElement,
   a as useAsync,
@@ -238,17 +240,18 @@ export {
   O as useBroadcastChannel,
   eu as useBrowserLanguage,
   qe as useClickOutside,
-  h as useClipboard,
+  k as useClipboard,
   Tu as useConst,
-  kt as useControllableState,
+  ht as useControllableState,
   Kt as useCookie,
   Vt as useCookies,
   _ as useCopy,
   Ht as useCounter,
   D as useCssVar,
   Ru as useDebounceCallback,
-  Cu as useDebounceState,
-  Au as useDebounceValue,
+  Cu as useDebounceEffect,
+  Au as useDebounceState,
+  yu as useDebounceValue,
   zt as useDefault,
   fr as useDeviceMotion,
   ar as useDeviceOrientation,
@@ -261,9 +264,8 @@ export {
   Er as useDocumentVisibility,
   Je as useDoubleClick,
   $e as useDropZone,
-  gr as useElementSize,
-  yu as useEvent,
-  dr as useEventListener,
+  hu as useEvent,
+  gr as useEventListener,
   F as useEventSource,
   V as useEyeDropper,
   H as useFavicon,
@@ -277,50 +279,50 @@ export {
   Z as useGamepad,
   J as useGeolocation,
   Jt as useHash,
-  Ar as useHotkeys,
+  Cr as useHotkeys,
   fo as useHover,
-  yr as useIdle,
+  Ar as useIdle,
   ao as useImage,
-  kr as useInfiniteScroll,
-  vr as useIntersectionObserver,
+  yr as useInfiniteScroll,
+  hr as useIntersectionObserver,
   Ws as useInterval,
   Vo as useIsFirstRender,
   Ho as useIsomorphicLayoutEffect,
-  Lr as useKeyPress,
-  Nr as useKeyPressEvent,
-  br as useKeyboard,
-  Kr as useKeysPressed,
-  ku as useLastChanged,
-  vu as useLatest,
+  br as useKeyPress,
+  Lr as useKeyPressEvent,
+  vr as useKeyboard,
+  Nr as useKeysPressed,
+  vu as useLastChanged,
+  bu as useLatest,
   Do as useLess,
   $t as useList,
   os as useLocalStorage,
   n as useLockCallback,
-  Ur as useLockScroll,
+  Kr as useLockScroll,
   Be as useLogger,
   no as useLongPress,
   ts as useMap,
-  wr as useMeasure,
+  Ur as useMeasure,
   ee as useMediaControls,
-  Wr as useMediaQuery,
+  wr as useMediaQuery,
   re as useMemory,
   ps as useMergedRef,
   zo as useMount,
-  Gr as useMouse,
+  Wr as useMouse,
   l as useMutation,
-  Xr as useMutationObserver,
+  Gr as useMutationObserver,
   ue as useNetwork,
   xs as useOffsetPagination,
   Mo as useOnce,
   pe as useOnline,
   tu as useOperatingSystem,
   E as useOptimistic,
-  Zr as useOrientation,
+  Xr as useOrientation,
   xe as useOtpCredential,
-  Jr as usePageLeave,
+  Zr as usePageLeave,
   Eo as usePaint,
-  $r as useParallax,
-  ot as usePerformanceObserver,
+  Jr as useParallax,
+  $r as usePerformanceObserver,
   ie as usePermission,
   ce as usePictureInPicture,
   Se as usePointerLock,
@@ -330,7 +332,7 @@ export {
   xu as usePreferredDark,
   iu as usePreferredLanguages,
   cu as usePreferredReducedMotion,
-  bu as usePrevious,
+  Lu as usePrevious,
   g as useQuery,
   is as useQueue,
   Re as useRaf,
@@ -339,16 +341,17 @@ export {
   Fe as useRenderCount,
   Ve as useRenderInfo,
   He as useRerender,
-  tt as useResizeObserver,
+  ot as useResizeObserver,
   go as useRightClick,
   Po as useScript,
-  ut as useScroll,
-  pt as useScrollIntoView,
-  xt as useScrollTo,
+  tt as useScroll,
+  ut as useScrollIntoView,
+  pt as useScrollTo,
   gs as useSessionStorage,
   ds as useSet,
   Xo as useShallowEffect,
   Ce as useShare,
+  xt as useSize,
   Ie as useSpeechRecognition,
   Oe as useSpeechSynthesis,
   As as useStateHistory,
@@ -356,12 +359,13 @@ export {
   Io as useSticky,
   Gs as useStopwatch,
   vs as useStorage,
-  ho as useTextDirection,
+  ko as useTextDirection,
   nt as useTextSelection,
   Oo as useTextareaAutosize,
-  Lu as useThrottleCallback,
-  Nu as useThrottleState,
-  Ku as useThrottleValue,
+  Nu as useThrottleCallback,
+  Ku as useThrottleEffect,
+  Uu as useThrottleState,
+  wu as useThrottleValue,
   Xs as useTime,
   Zs as useTimeout,
   Ys as useTimer,
@@ -369,7 +373,7 @@ export {
   Zo as useUnmount,
   Ks as useUrlSearchParam,
   Us as useUrlSearchParams,
-  he as useVibrate,
+  ke as useVibrate,
   _e as useVirtualKeyboard,
   lt as useVisibility,
   De as useWakeLock,

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/hooks/sensors.d.ts

@@ -4,7 +4,6 @@ export * from './useDeviceOrientation/useDeviceOrientation';
 export * from './useDevicePixelRatio/useDevicePixelRatio';
 export * from './useDocumentEvent/useDocumentEvent';
 export * from './useDocumentVisibility/useDocumentVisibility';
-export * from './useElementSize/useElementSize';
 export * from './useEventListener/useEventListener';
 export * from './useHotkeys/useHotkeys';
 export * from './useIdle/useIdle';
@@ -27,6 +26,7 @@ export * from './useResizeObserver/useResizeObserver';
 export * from './useScroll/useScroll';
 export * from './useScrollIntoView/useScrollIntoView';
 export * from './useScrollTo/useScrollTo';
+export * from './useSize/useSize';
 export * from './useTextSelection/useTextSelection';
 export * from './useVisibility/useVisibility';
 export * from './useWindowEvent/useWindowEvent';

package/dist/types/hooks/useDebounceEffect/useDebounceEffect.d.ts

@@ -0,0 +1,15 @@
+import { DependencyList, EffectCallback } from 'react';
+/**
+ * @name useDebounceEffect
+ * @description – Hook that runs an effect after a delay when dependencies change
+ * @category Utilities
+ * @usage high
+ *
+ * @param {EffectCallback} effect The effect callback to run
+ * @param {number} delay The delay in milliseconds
+ * @param {DependencyList} deps The dependencies list for the effect
+ *
+ * @example
+ * useDebounceEffect(() => console.log('effect'), 500, [value]);
+ */
+export declare const useDebounceEffect: (effect: EffectCallback, delay: number, deps?: DependencyList) => void;

package/dist/types/hooks/useSize/useSize.d.ts

@@ -0,0 +1,43 @@
+import { HookTarget } from '../../utils/helpers';
+import { StateRef } from '../useRefState/useRefState';
+/** The size value type */
+export interface UseSizeValue {
+    /** The element's height */
+    height: number;
+    /** The element's width */
+    width: number;
+}
+/** The use size return type */
+export interface UseSizeReturn {
+    /** The resize observer instance */
+    observer?: ResizeObserver;
+    /** The current size value */
+    value: UseSizeValue;
+}
+export interface UseSize {
+    (target: HookTarget): UseSizeReturn;
+    <Target extends Element>(target?: never): {
+        ref: StateRef<Target>;
+    } & UseSizeReturn;
+}
+/**
+ * @name useSize
+ * @description - Hook that observes and returns the width and height of element
+ * @category Elements
+ * @usage low
+ *
+ * @overload
+ * @param {HookTarget} target The target element to observe
+ * @returns {UseSizeReturn} An object containing the resize observer, current width and height of the element
+ *
+ * @example
+ * const { value, observer } = useSize(ref);
+ *
+ * @overload
+ * @template Target The target element type
+ * @returns { { ref: StateRef<Target> } & UseSizeReturn } An object containing the resize observer, current width and height of the element
+ *
+ * @example
+ * const { ref, value, observer } = useSize();
+ */
+export declare const useSize: UseSize;

package/dist/types/hooks/useThrottleEffect/useThrottleEffect.d.ts

@@ -0,0 +1,15 @@
+import { DependencyList, EffectCallback } from 'react';
+/**
+ * @name useThrottleEffect
+ * @description – Hook that runs an effect at most once per delay period when dependencies change
+ * @category Utilities
+ * @usage medium
+ *
+ * @param {EffectCallback} effect The effect callback to run
+ * @param {number} delay The delay in milliseconds
+ * @param {DependencyList} deps The dependencies list for the effect
+ *
+ * @example
+ * useThrottleEffect(() => console.log('effect'), 500, [value]);
+ */
+export declare const useThrottleEffect: (effect: EffectCallback, delay: number, deps?: DependencyList) => void;

package/dist/types/hooks/useVisibility/useVisibility.d.ts

@@ -16,7 +16,7 @@ export interface UseVisibilityReturn {
     /** The intersection observer entry */
     entry?: IntersectionObserverEntry;
     /** The intersection observer in view */
-    inView?: boolean;
+    inView: boolean;
     /** The intersection observer instance */
     observer?: IntersectionObserver;
 }

package/dist/types/hooks/utilities.d.ts

@@ -1,6 +1,7 @@
 export * from './useBatchedCallback/useBatchedCallback';
 export * from './useConst/useConst';
 export * from './useDebounceCallback/useDebounceCallback';
+export * from './useDebounceEffect/useDebounceEffect';
 export * from './useDebounceState/useDebounceState';
 export * from './useDebounceValue/useDebounceValue';
 export * from './useEvent/useEvent';
@@ -8,5 +9,6 @@ export * from './useLastChanged/useLastChanged';
 export * from './useLatest/useLatest';
 export * from './usePrevious/usePrevious';
 export * from './useThrottleCallback/useThrottleCallback';
+export * from './useThrottleEffect/useThrottleEffect';
 export * from './useThrottleState/useThrottleState';
 export * from './useThrottleValue/useThrottleValue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",

package/dist/cjs/hooks/useElementSize/useElementSize.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),f=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),d=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),m=((...u)=>{const e=u[0],[i,n]=l.useState({width:0,height:0}),r=d.useRefState();return f.useIsomorphicLayoutEffect(()=>{const t=e?o.isTarget.getElement(e):r.current;if(!t)return;const{width:c,height:a}=t.getBoundingClientRect();n({width:c,height:a});const s=new ResizeObserver(()=>{const{width:g,height:h}=t.getBoundingClientRect();n({width:g,height:h})});return s.observe(t),()=>{s.disconnect()}},[r.state,e&&o.isTarget.getRawElement(e)]),e?{value:i}:{ref:r,value:i}});exports.useElementSize=m;
-//# sourceMappingURL=useElementSize.cjs.map

package/dist/cjs/hooks/useElementSize/useElementSize.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { 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 element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height","observer"],"mappings":"2QAqDaA,GAAkB,IAAIC,IAAkB,CACnD,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAA,EAyBpB,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,SAAS,WAAWR,CAAM,EAAII,EAAY,QAEpE,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAED,MAAMC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACP,EAAY,MAAOJ,GAAUQ,EAAAA,SAAS,cAAcR,CAAM,CAAC,CAAC,EAE5DA,EAAe,CAAE,MAAOC,CAAA,EACrB,CACL,IAAKG,EACL,MAAOH,CAAA,CAEX"}

package/dist/esm/hooks/useElementSize/useElementSize.mjs

@@ -1,30 +0,0 @@
-import { useState as f } from "react";
-import { useIsomorphicLayoutEffect as a } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useRefState as l } from "../useRefState/useRefState.mjs";
-import { isTarget as s } from "../../utils/helpers/isTarget.mjs";
-const v = ((...h) => {
-  const e = h[0], [i, n] = f({ width: 0, height: 0 }), r = l();
-  return a(() => {
-    const t = e ? s.getElement(e) : r.current;
-    if (!t) return;
-    const { width: c, height: u } = t.getBoundingClientRect();
-    n({
-      width: c,
-      height: u
-    });
-    const o = new ResizeObserver(() => {
-      const { width: g, height: m } = t.getBoundingClientRect();
-      n({ width: g, height: m });
-    });
-    return o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [r.state, e && s.getRawElement(e)]), e ? { value: i } : {
-    ref: r,
-    value: i
-  };
-});
-export {
-  v as useElementSize
-};
-//# sourceMappingURL=useElementSize.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useElementSize.mjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { 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 element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n  } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n * @usage low\n\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","isTarget","width","height","observer"],"mappings":";;;;AAqDO,MAAMA,KAAkB,IAAIC,MAAkB;AACnD,QAAMC,IAASD,EAAO,CAAC,GACjB,CAACE,GAAMC,CAAO,IAAIC,EAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,GAClDC,IAAcC,EAAA;AAyBpB,SAvBAC,EAA0B,MAAM;AAC9B,UAAMC,IAAWP,IAASQ,EAAS,WAAWR,CAAM,IAAII,EAAY;AAEpE,QAAI,CAACG,EAAS;AAEd,UAAM,EAAE,OAAAE,GAAO,QAAAC,MAAWH,EAAQ,sBAAA;AAClC,IAAAL,EAAQ;AAAA,MACN,OAAAO;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAED,UAAMC,IAAW,IAAI,eAAe,MAAM;AACxC,YAAM,EAAE,OAAAF,GAAO,QAAAC,EAAAA,IAAWH,EAAQ,sBAAA;AAClC,MAAAL,EAAQ,EAAE,OAAAO,GAAO,QAAAC,GAAQ;AAAA,IAAA,CAC1B;AAED,WAAAC,EAAS,QAAQJ,CAAO,GAEjB,MAAM;AACX,MAAAI,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACP,EAAY,OAAOJ,KAAUQ,EAAS,cAAcR,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,OAAOC,EAAA,IACrB;AAAA,IACL,KAAKG;AAAA,IACL,OAAOH;AAAA,EAAA;AAEX;"}

package/dist/types/hooks/useElementSize/useElementSize.d.ts

@@ -1,39 +0,0 @@
-import { HookTarget } from '../../utils/helpers';
-import { StateRef } from '../useRefState/useRefState';
-/** The element size value type */
-export interface UseElementSizeValue {
-    /** The element's height */
-    height: number;
-    /** The element's width */
-    width: number;
-}
-/** The use element size return type */
-export interface UseElementSizeReturn {
-    value: UseElementSizeValue;
-}
-export interface UseElementSize {
-    (target: HookTarget): UseElementSizeReturn;
-    <Target extends Element>(target?: never): {
-        ref: StateRef<Target>;
-    } & UseElementSizeReturn;
-}
-/**
- * @name useElementSize
- * @description - Hook that observes and returns the width and height of element
- * @category Elements
- * @usage low
-
- * @overload
- * @param {HookTarget} target The target element to observe
- * @returns {UseElementSizeReturn} An object containing the current width and height of the element
- *
- * @example
- * const { value } = useElementSize(ref);
- *
- * @overload
- * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element
- *
- * @example
- * const { ref, value } = useElementSize();
- */
-export declare const useElementSize: UseElementSize;