@siberiacancode/reactuse 0.3.14 → 0.3.17

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

@@ -1,2 +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
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n,r)=>{let i=(0,e.useRef)(!0),a=(0,e.useRef)(null),o=(0,e.useRef)(void 0),s=(0,e.useRef)(t),c=(0,e.useRef)(n);s.current=t,c.current=n,(0,e.useEffect)(()=>{if(i.current){i.current=!1;return}return a.current&&=(clearTimeout(a.current),null),a.current=setTimeout(()=>{o.current=s.current()},c.current),()=>{a.current&&clearTimeout(a.current),a.current=null,typeof o.current==`function`&&o.current()}},r)};exports.useDebounceEffect=t;
+//# sourceMappingURL=useDebounceEffect.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"useDebounceEffect.cjs","names":[],"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"],"mappings":"uEAiBA,IAAa,GAAqB,EAAwB,EAAe,IAA0B,CACjG,IAAM,GAAA,EAAA,EAAA,QAAoB,GAAK,CACzB,GAAA,EAAA,EAAA,QAA0D,KAAK,CAC/D,GAAA,EAAA,EAAA,QAAgD,IAAA,GAAU,CAC1D,GAAA,EAAA,EAAA,QAAmB,EAAO,CAC1B,GAAA,EAAA,EAAA,QAAkB,EAAM,CAE9B,EAAU,QAAU,EACpB,EAAS,QAAU,GAEnB,EAAA,EAAA,eAAgB,CACd,GAAI,EAAW,QAAS,CACtB,EAAW,QAAU,GACrB,OAYF,MATA,CAEE,EAAW,WADX,aAAa,EAAW,QAAQ,CACX,MAGvB,EAAW,QAAU,eAAiB,CACpC,EAAW,QAAU,EAAU,SAAS,EACvC,EAAS,QAAQ,KAEP,CACP,EAAW,SAAS,aAAa,EAAW,QAAQ,CACxD,EAAW,QAAU,KACjB,OAAO,EAAW,SAAY,YAAY,EAAW,SAAS,GAEnE,EAAK"}

package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),a=(e,t)=>{const[u,c]=n.useState(e),o=s.useDebounceCallback(c,t);return[u,o]};exports.useDebounceState=a;
-//# sourceMappingURL=useDebounceState.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useDebounceCallback/useDebounceCallback.cjs`);let t=require(`react`);var n=(n,r)=>{let[i,a]=(0,t.useState)(n);return[i,e.useDebounceCallback(a,r)]};exports.useDebounceState=n;
+//# sourceMappingURL=useDebounceState.cjs.map

package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceState.cjs","sources":["../../../../src/hooks/useDebounceState/useDebounceState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceState\n * @description - Hook that creates a debounced state\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The debounced state\n *\n * @example\n * const [debouncedValue, setDebouncedValue] = useDebounceState(value, 500);\n */\nexport const useDebounceState = <Value>(initialValue: Value, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(initialValue);\n  const debouncedSetState = useDebounceCallback(setDebouncedValue, delay);\n\n  return [debouncedValue, debouncedSetState] as const;\n};\n"],"names":["useDebounceState","initialValue","delay","debouncedValue","setDebouncedValue","useState","debouncedSetState","useDebounceCallback"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAqBC,IAAkB,CAC7E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAY,EAC3DK,EAAoBC,EAAAA,oBAAoBH,EAAmBF,CAAK,EAEtE,MAAO,CAACC,EAAgBG,CAAiB,CAC3C"}
+{"version":3,"file":"useDebounceState.cjs","names":[],"sources":["../../../../src/hooks/useDebounceState/useDebounceState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceState\n * @description - Hook that creates a debounced state\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The debounced state\n *\n * @example\n * const [debouncedValue, setDebouncedValue] = useDebounceState(value, 500);\n */\nexport const useDebounceState = <Value>(initialValue: Value, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState(initialValue);\n  const debouncedSetState = useDebounceCallback(setDebouncedValue, delay);\n\n  return [debouncedValue, debouncedSetState] as const;\n};\n"],"mappings":"yIAkBA,IAAa,GAA2B,EAAqB,IAAkB,CAC7E,GAAM,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,EAAa,CAGlE,MAAO,CAAC,EAFkB,EAAA,oBAAoB,EAAmB,EAAM,CAE7B"}

package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),b=(e,c)=>{const t=u.useRef(e),[n,r]=u.useState(e),o=s.useDebounceCallback(r,c);return u.useEffect(()=>{t.current!==e&&(o(e),t.current=e)},[e]),n};exports.useDebounceValue=b;
-//# sourceMappingURL=useDebounceValue.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useDebounceCallback/useDebounceCallback.cjs`);let t=require(`react`);var n=(n,r)=>{let i=(0,t.useRef)(n),[a,o]=(0,t.useState)(n),s=e.useDebounceCallback(o,r);return(0,t.useEffect)(()=>{i.current!==n&&(s(n),i.current=n)},[n]),a};exports.useDebounceValue=n;
+//# sourceMappingURL=useDebounceValue.cjs.map

package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceValue.cjs","sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"names":["useDebounceValue","value","delay","previousValueRef","useRef","debouncedValue","setDebounceValue","useState","debouncedSetState","useDebounceCallback","useEffect"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAgB,EAAIC,EAAAA,SAASN,CAAK,EAEnDO,EAAoBC,EAAAA,oBAAoBH,EAAkBJ,CAAK,EAErEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
+{"version":3,"file":"useDebounceValue.cjs","names":[],"sources":["../../../../src/hooks/useDebounceValue/useDebounceValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDebounceCallback } from '../useDebounceCallback/useDebounceCallback';\n\n/**\n * @name useDebounceValue\n * @description - Hook that creates a debounced value\n * @category Utilities\n * @usage high\n\n * @template Value The type of the value\n * @param {Value} value The value to be debounced\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The debounced value\n *\n * @example\n * const debouncedValue = useDebounceValue(value, 500);\n */\nexport const useDebounceValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [debouncedValue, setDebounceValue] = useState(value);\n\n  const debouncedSetState = useDebounceCallback(setDebounceValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return debouncedValue;\n};\n"],"mappings":"yIAkBA,IAAa,GAA2B,EAAc,IAAkB,CACtE,IAAM,GAAA,EAAA,EAAA,QAA0B,EAAM,CAChC,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA6B,EAAM,CAEpD,EAAoB,EAAA,oBAAoB,EAAkB,EAAM,CAQtE,OANA,EAAA,EAAA,eAAgB,CACV,EAAiB,UAAY,IACjC,EAAkB,EAAM,CACxB,EAAiB,QAAU,IAC1B,CAAC,EAAM,CAAC,CAEJ"}

package/dist/cjs/hooks/useDefault/useDefault.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=(t,u)=>{const[e,r]=l.useState(t);return[e??u,r]};exports.useDefault=s;
-//# sourceMappingURL=useDefault.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t,n)=>{let[r,i]=(0,e.useState)(t);return[r??n,i]};exports.useDefault=t;
+//# sourceMappingURL=useDefault.cjs.map

package/dist/cjs/hooks/useDefault/useDefault.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDefault.cjs","sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * @name useDefault\n * @description - Hook that returns the default value\n * @category State\n * @usage medium\n\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n *\n * @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) | Value, defaultValue: Value) => {\n  const [value, setValue] = useState<Value | null | undefined>(initialValue);\n  return [value === undefined || value === null ? defaultValue : value, setValue] as const;\n};\n"],"names":["useDefault","initialValue","defaultValue","value","setValue","useState"],"mappings":"yGAgBaA,EAAa,CAAQC,EAAqCC,IAAwB,CAC7F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAmCJ,CAAY,EACzE,MAAO,CAAwBE,GAAiBD,EAAsBE,CAAQ,CAChF"}
+{"version":3,"file":"useDefault.cjs","names":[],"sources":["../../../../src/hooks/useDefault/useDefault.ts"],"sourcesContent":["import { useState } from 'react';\n\n/**\n * @name useDefault\n * @description - Hook that returns the default value\n * @category State\n * @usage medium\n\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @param {Value} defaultValue The default value\n * @returns {[Value, (value: Value) => void]} An array containing the current value and a function to set the value\n *\n * @example\n * const [value, setValue] = useDefault(initialValue, defaultValue);\n */\nexport const useDefault = <Value>(initialValue: (() => Value) | Value, defaultValue: Value) => {\n  const [value, setValue] = useState<Value | null | undefined>(initialValue);\n  return [value === undefined || value === null ? defaultValue : value, setValue] as const;\n};\n"],"mappings":"uEAgBA,IAAa,GAAqB,EAAqC,IAAwB,CAC7F,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAA+C,EAAa,CAC1E,MAAO,CAAC,GAAwC,EAAsB,EAAS"}

package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../../utils/helpers/throttle.cjs"),s=((...e)=>{const o=typeof e[0]=="number"?e[0]:e[0]?.delay??1e3,i=typeof e[0]=="function"?e[0]:e[0]?.onChange,c=e[0]?.enabled??!0,[n,u]=l.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),r=l.useRef(i);return r.current=i,l.useEffect(()=>{if(!c)return;const a=d.throttle(t=>{r.current?.(t),u({interval:t.interval,rotationRate:{...n.rotationRate,...t.rotationRate},acceleration:{...n.acceleration,...t.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...t.accelerationIncludingGravity}})},o);return window.addEventListener("devicemotion",a),()=>{window.removeEventListener("devicemotion",a)}},[o,c]),n});exports.useDeviceMotion=s;
-//# sourceMappingURL=useDeviceMotion.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/throttle.cjs`);let t=require(`react`);var n=((...n)=>{let r=typeof n[0]==`number`?n[0]:n[0]?.delay??1e3,i=typeof n[0]==`function`?n[0]:n[0]?.onChange,a=n[0]?.enabled??!0,[o,s]=(0,t.useState)({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),c=(0,t.useRef)(i);return c.current=i,(0,t.useEffect)(()=>{if(!a)return;let t=e.throttle(e=>{c.current?.(e),s({interval:e.interval,rotationRate:{...o.rotationRate,...e.rotationRate},acceleration:{...o.acceleration,...e.acceleration},accelerationIncludingGravity:{...o.accelerationIncludingGravity,...e.accelerationIncludingGravity}})},r);return window.addEventListener(`devicemotion`,t),()=>{window.removeEventListener(`devicemotion`,t)}},[r,a]),o});exports.useDeviceMotion=n;
+//# sourceMappingURL=useDeviceMotion.cjs.map

package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDeviceMotion.cjs","sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionOptions {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  onChange?: (event: DeviceMotionEvent) => void;\n}\n\nexport interface UseDeviceMotion {\n  (callback?: (event: DeviceMotionEvent) => void, delay?: number): UseDeviceMotionReturn;\n\n  (options?: UseDeviceMotionOptions): UseDeviceMotionReturn;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @overload\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion(500, (event) => console.log(event));\n *\n * @overload\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion((event) => console.log(event));\n *\n * @overload\n * @param {UseDeviceMotionOptions} [options] Configuration options\n * @param {number} [options.delay] The delay in milliseconds\n * @param {boolean} [options.enabled] Whether to enable the hook\n * @param {(event: DeviceMotionEvent) => void} [options.onChange] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = ((...params: any[]) => {\n  const delay = typeof params[0] === 'number' ? params[0] : (params[0]?.delay ?? 1000);\n  const callback = typeof params[0] === 'function' ? params[0] : params[0]?.onChange;\n  const enabled = params[0]?.enabled ?? true;\n\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n}) as UseDeviceMotion;\n"],"names":["useDeviceMotion","params","delay","callback","enabled","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":"uJA2DaA,GAAmB,IAAIC,IAAkB,CACpD,MAAMC,EAAQ,OAAOD,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAKA,EAAO,CAAC,GAAG,OAAS,IACzEE,EAAW,OAAOF,EAAO,CAAC,GAAM,WAAaA,EAAO,CAAC,EAAIA,EAAO,CAAC,GAAG,SACpEG,EAAUH,EAAO,CAAC,GAAG,SAAW,GAEhC,CAACI,EAAOC,CAAQ,EAAIC,WAAgC,CACxD,SAAU,EACV,aAAc,CAAE,MAAO,KAAM,KAAM,KAAM,MAAO,IAAA,EAChD,aAAc,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,EACrC,6BAA8B,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAA,CAAK,CAC3D,EACKC,EAAsBC,EAAAA,OAAON,CAAQ,EAC3C,OAAAK,EAAoB,QAAUL,EAE9BO,EAAAA,UAAU,IAAM,CACd,GAAI,CAACN,EAAS,OAEd,MAAMO,EAAiBC,WAA+BC,GAAU,CAC9DL,EAAoB,UAAUK,CAAK,EAEnCP,EAAS,CACP,SAAUO,EAAM,SAChB,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YAAA,EAEX,6BAA8B,CAC5B,GAAGR,EAAM,6BACT,GAAGQ,EAAM,4BAAA,CACX,CACD,CAAA,EACAX,CAAK,EAER,cAAO,iBAAiB,eAAgBS,CAAc,EAE/C,IAAM,CACX,OAAO,oBAAoB,eAAgBA,CAAc,CAAA,CAC3D,EACC,CAACT,EAAOE,CAAO,CAAC,EAEZC,CACT"}
+{"version":3,"file":"useDeviceMotion.cjs","names":[],"sources":["../../../../src/hooks/useDeviceMotion/useDeviceMotion.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nexport interface UseDeviceMotionReturn {\n  acceleration: DeviceMotionEventAcceleration;\n  accelerationIncludingGravity: DeviceMotionEventAcceleration;\n  interval: DeviceMotionEvent['interval'];\n  rotationRate: DeviceMotionEventRotationRate;\n}\n\nexport interface UseDeviceMotionOptions {\n  /** The delay in milliseconds */\n  delay?: number;\n  /** Whether to enable the hook */\n  enabled?: boolean;\n  /** The callback function to be invoked */\n  onChange?: (event: DeviceMotionEvent) => void;\n}\n\nexport interface UseDeviceMotion {\n  (callback?: (event: DeviceMotionEvent) => void, delay?: number): UseDeviceMotionReturn;\n\n  (options?: UseDeviceMotionOptions): UseDeviceMotionReturn;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @overload\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion(500, (event) => console.log(event));\n *\n * @overload\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion((event) => console.log(event));\n *\n * @overload\n * @param {UseDeviceMotionOptions} [options] Configuration options\n * @param {number} [options.delay] The delay in milliseconds\n * @param {boolean} [options.enabled] Whether to enable the hook\n * @param {(event: DeviceMotionEvent) => void} [options.onChange] The callback function to be invoked\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = ((...params: any[]) => {\n  const delay = typeof params[0] === 'number' ? params[0] : (params[0]?.delay ?? 1000);\n  const callback = typeof params[0] === 'function' ? params[0] : params[0]?.onChange;\n  const enabled = params[0]?.enabled ?? true;\n\n  const [value, setValue] = useState<UseDeviceMotionReturn>({\n    interval: 0,\n    rotationRate: { alpha: null, beta: null, gamma: null },\n    acceleration: { x: null, y: null, z: null },\n    accelerationIncludingGravity: { x: null, y: null, z: null }\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\n\n      setValue({\n        interval: event.interval,\n        rotationRate: {\n          ...value.rotationRate,\n          ...event.rotationRate\n        },\n        acceleration: {\n          ...value.acceleration,\n          ...event.acceleration\n        },\n        accelerationIncludingGravity: {\n          ...value.accelerationIncludingGravity,\n          ...event.accelerationIncludingGravity\n        }\n      });\n    }, delay);\n\n    window.addEventListener('devicemotion', onDeviceMotion);\n\n    return () => {\n      window.removeEventListener('devicemotion', onDeviceMotion);\n    };\n  }, [delay, enabled]);\n\n  return value;\n}) as UseDeviceMotion;\n"],"mappings":"2HA2DA,IAAa,IAAoB,GAAG,IAAkB,CACpD,IAAM,EAAQ,OAAO,EAAO,IAAO,SAAW,EAAO,GAAM,EAAO,IAAI,OAAS,IACzE,EAAW,OAAO,EAAO,IAAO,WAAa,EAAO,GAAK,EAAO,IAAI,SACpE,EAAU,EAAO,IAAI,SAAW,GAEhC,CAAC,EAAO,IAAA,EAAA,EAAA,UAA4C,CACxD,SAAU,EACV,aAAc,CAAE,MAAO,KAAM,KAAM,KAAM,MAAO,KAAM,CACtD,aAAc,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,KAAM,CAC3C,6BAA8B,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,KAAM,CAC5D,CAAC,CACI,GAAA,EAAA,EAAA,QAA6B,EAAS,CAiC5C,MAhCA,GAAoB,QAAU,GAE9B,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAS,OAEd,IAAM,EAAiB,EAAA,SAA+B,GAAU,CAC9D,EAAoB,UAAU,EAAM,CAEpC,EAAS,CACP,SAAU,EAAM,SAChB,aAAc,CACZ,GAAG,EAAM,aACT,GAAG,EAAM,aACV,CACD,aAAc,CACZ,GAAG,EAAM,aACT,GAAG,EAAM,aACV,CACD,6BAA8B,CAC5B,GAAG,EAAM,6BACT,GAAG,EAAM,6BACV,CACF,CAAC,EACD,EAAM,CAIT,OAFA,OAAO,iBAAiB,eAAgB,EAAe,KAE1C,CACX,OAAO,oBAAoB,eAAgB,EAAe,GAE3D,CAAC,EAAO,EAAQ,CAAC,CAEb"}

package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=()=>{const t=typeof window<"u"&&"DeviceOrientationEvent"in window&&!!window.DeviceOrientationEvent,[a,o]=i.useState({alpha:null,beta:null,gamma:null,absolute:!1});return i.useEffect(()=>{if(!t)return;const n=e=>o({alpha:e.alpha,beta:e.beta,gamma:e.gamma,absolute:e.absolute});return window.addEventListener("deviceorientation",n),()=>{window.removeEventListener("deviceorientation",n)}},[]),{supported:t,value:a}};exports.useDeviceOrientation=r;
-//# sourceMappingURL=useDeviceOrientation.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=()=>{let t=typeof window<`u`&&`DeviceOrientationEvent`in window&&!!window.DeviceOrientationEvent,[n,r]=(0,e.useState)({alpha:null,beta:null,gamma:null,absolute:!1});return(0,e.useEffect)(()=>{if(!t)return;let e=e=>r({alpha:e.alpha,beta:e.beta,gamma:e.gamma,absolute:e.absolute});return window.addEventListener(`deviceorientation`,e),()=>{window.removeEventListener(`deviceorientation`,e)}},[]),{supported:t,value:n}};exports.useDeviceOrientation=t;
+//# sourceMappingURL=useDeviceOrientation.cjs.map

package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDeviceOrientation.cjs","sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    'DeviceOrientationEvent' in window &&\n    !!window.DeviceOrientationEvent;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"names":["useDeviceOrientation","supported","value","setValue","useState","useEffect","onDeviceOrientation","event"],"mappings":"yGAmCaA,EAAuB,IAAkC,CACpE,MAAMC,EACJ,OAAO,OAAW,KAClB,2BAA4B,QAC5B,CAAC,CAAC,OAAO,uBAEL,CAACC,EAAOC,CAAQ,EAAIC,WAAoC,CAC5D,MAAO,KACP,KAAM,KACN,MAAO,KACP,SAAU,EAAA,CACX,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAuBC,GAC3BJ,EAAS,CACP,MAAOI,EAAM,MACb,KAAMA,EAAM,KACZ,MAAOA,EAAM,MACb,SAAUA,EAAM,QAAA,CACjB,EAEH,cAAO,iBAAiB,oBAAqBD,CAAmB,EACzD,IAAM,CACX,OAAO,oBAAoB,oBAAqBA,CAAmB,CAAA,CACrE,EACC,EAAE,EAEE,CACL,UAAAL,EACA,MAAAC,CAAA,CAEJ"}
+{"version":3,"file":"useDeviceOrientation.cjs","names":[],"sources":["../../../../src/hooks/useDeviceOrientation/useDeviceOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use device orientation value type */\nexport interface UseDeviceOrientationValue {\n  /** The current absolute value */\n  absolute: boolean;\n  /** A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360 */\n  alpha: number | null;\n  /** A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180 */\n  beta: number | null;\n  /** A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90 */\n  gamma: number | null;\n}\n\n/* The use device orientation return type */\nexport interface UseDeviceOrientationReturn {\n  /** Whether the device orientation is supported */\n  supported: boolean;\n  /** The current device orientation value */\n  value: UseDeviceOrientationValue;\n}\n\n/**\n * @name useDeviceOrientation\n * @description - Hook that provides the current device orientation\n * @category Sensors\n * @usage low\n *\n * @browserapi DeviceOrientationEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceOrientationEvent\n *\n * @returns {UseDeviceOrientationReturn} The current device orientation\n *\n * @example\n * const { supported, value } = useDeviceOrientation();\n */\nexport const useDeviceOrientation = (): UseDeviceOrientationReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    'DeviceOrientationEvent' in window &&\n    !!window.DeviceOrientationEvent;\n\n  const [value, setValue] = useState<UseDeviceOrientationValue>({\n    alpha: null,\n    beta: null,\n    gamma: null,\n    absolute: false\n  });\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onDeviceOrientation = (event: DeviceOrientationEvent) =>\n      setValue({\n        alpha: event.alpha,\n        beta: event.beta,\n        gamma: event.gamma,\n        absolute: event.absolute\n      });\n\n    window.addEventListener('deviceorientation', onDeviceOrientation);\n    return () => {\n      window.removeEventListener('deviceorientation', onDeviceOrientation);\n    };\n  }, []);\n\n  return {\n    supported,\n    value\n  };\n};\n"],"mappings":"uEAmCA,IAAa,MAAyD,CACpE,IAAM,EACJ,OAAO,OAAW,KAClB,2BAA4B,QAC5B,CAAC,CAAC,OAAO,uBAEL,CAAC,EAAO,IAAA,EAAA,EAAA,UAAgD,CAC5D,MAAO,KACP,KAAM,KACN,MAAO,KACP,SAAU,GACX,CAAC,CAmBF,OAjBA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAW,OAEhB,IAAM,EAAuB,GAC3B,EAAS,CACP,MAAO,EAAM,MACb,KAAM,EAAM,KACZ,MAAO,EAAM,MACb,SAAU,EAAM,SACjB,CAAC,CAGJ,OADA,OAAO,iBAAiB,oBAAqB,EAAoB,KACpD,CACX,OAAO,oBAAoB,oBAAqB,EAAoB,GAErE,EAAE,CAAC,CAEC,CACL,YACA,QACD"}

package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(e?window.devicePixelRatio:1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=r;
-//# sourceMappingURL=useDevicePixelRatio.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=()=>{let t=typeof window<`u`&&typeof window.matchMedia==`function`&&typeof window.devicePixelRatio==`number`,[n,r]=(0,e.useState)(t?window.devicePixelRatio:1);return(0,e.useEffect)(()=>{if(!t)return;let e=()=>r(window.devicePixelRatio),n=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return n.addEventListener(`change`,e),()=>{n.removeEventListener(`change`,e)}},[n]),{supported:t,ratio:n}};exports.useDevicePixelRatio=t;
+//# sourceMappingURL=useDevicePixelRatio.cjs.map

package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDevicePixelRatio.cjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n * @usage low\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState(supported ? window.devicePixelRatio : 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":"yGAuBaA,EAAsB,IAAiC,CAClE,MAAMC,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,EAAY,OAAO,iBAAmB,CAAC,EAE1EI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAW,IAAMH,EAAS,OAAO,gBAAgB,EAEjDI,EAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO,EAC9E,OAAAA,EAAM,iBAAiB,SAAUD,CAAQ,EAClC,IAAM,CACXC,EAAM,oBAAoB,SAAUD,CAAQ,CAAA,CAC9C,EACC,CAACJ,CAAK,CAAC,EAEH,CAAE,UAAAD,EAAW,MAAAC,CAAA,CACtB"}
+{"version":3,"file":"useDevicePixelRatio.cjs","names":[],"sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n * @usage low\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState(supported ? window.devicePixelRatio : 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"mappings":"uEAuBA,IAAa,MAAuD,CAClE,IAAM,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,EAAY,OAAO,iBAAmB,EAAE,CAc3E,OAZA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAW,OAEhB,IAAM,MAAiB,EAAS,OAAO,iBAAiB,CAElD,EAAQ,OAAO,WAAW,gBAAgB,OAAO,iBAAiB,OAAO,CAE/E,OADA,EAAM,iBAAiB,SAAU,EAAS,KAC7B,CACX,EAAM,oBAAoB,SAAU,EAAS,GAE9C,CAAC,EAAM,CAAC,CAEJ,CAAE,YAAW,QAAO"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),s=(r,u)=>{const e=o.useRef(!1);t.useIsomorphicLayoutEffect(()=>()=>{e.current=!1},[]),t.useIsomorphicLayoutEffect(()=>{if(e.current)return r();e.current=!0},u)};exports.useDidUpdate=s;
-//# sourceMappingURL=useDidUpdate.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs`);let t=require(`react`);var n=(n,r)=>{let i=(0,t.useRef)(!1);e.useIsomorphicLayoutEffect(()=>()=>{i.current=!1},[]),e.useIsomorphicLayoutEffect(()=>{if(i.current)return n();i.current=!0},r)};exports.useDidUpdate=n;
+//# sourceMappingURL=useDidUpdate.cjs.map

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 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"}
+{"version":3,"file":"useDidUpdate.cjs","names":[],"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"],"mappings":"qJAkBA,IAAa,GAAgB,EAAwB,IAA0B,CAC7E,IAAM,GAAA,EAAA,EAAA,QAAoB,GAAM,CAEhC,EAAA,kCACc,CACV,EAAW,QAAU,IAEvB,EAAE,CACH,CAED,EAAA,8BAAgC,CAC9B,GAAI,EAAW,QACb,OAAO,GAAQ,CAGjB,EAAW,QAAU,IAEpB,EAAK"}

package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=(u=!1,t)=>{const[r,s]=c.useState(u),n=()=>s(e=>e||(t?.onOpen?.(),!0)),o=()=>s(e=>e&&(t?.onClose?.(),!1));return{opened:r,open:n,close:o,toggle:(e=!r)=>e?n():o()}};exports.useDisclosure=l;
-//# sourceMappingURL=useDisclosure.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(t=!1,n)=>{let[r,i]=(0,e.useState)(t),a=()=>i(e=>e||(n?.onOpen?.(),!0)),o=()=>i(e=>e&&(n?.onClose?.(),!1));return{opened:r,open:a,close:o,toggle:(e=!r)=>e?a():o()}};exports.useDisclosure=t;
+//# sourceMappingURL=useDisclosure.cjs.map

package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDisclosure.cjs","sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type */\nexport interface UseDisclosureOptions {\n  /** The callback function to be invoked on close */\n  onClose?: () => void;\n  /** The callback function to be invoked on open */\n  onOpen?: () => void;\n}\n\n/** The use disclosure return type */\nexport interface UseDisclosureReturn {\n  /** The opened value */\n  opened: boolean;\n  /** Function to close the modal */\n  close: () => void;\n  /** Function to open the modal */\n  open: () => void;\n  /** Function to toggle the modal */\n  toggle: () => void;\n}\n\n/**\n * @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n * @usage necessary\n\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n *\n * @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n  initialValue = false,\n  options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n  const [opened, setOpened] = useState(initialValue);\n\n  const open = () =>\n    setOpened((opened) => {\n      if (!opened) {\n        options?.onOpen?.();\n        return true;\n      }\n      return opened;\n    });\n\n  const close = () =>\n    setOpened((opened) => {\n      if (opened) {\n        options?.onClose?.();\n        return false;\n      }\n      return opened;\n    });\n\n  const toggle = (value = !opened) => (value ? open() : close());\n\n  return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","close","value"],"mappings":"yGAoCaA,EAAgB,CAC3BC,EAAe,GACfC,IACwB,CACxB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IACXF,EAAWD,GACJA,IACHD,GAAS,SAAA,EACF,GAGV,EAEGK,EAAQ,IACZH,EAAWD,GACLA,IACFD,GAAS,UAAA,EACF,GAGV,EAIH,MAAO,CAAE,OAAAC,EAAQ,KAAAG,EAAM,MAAAC,EAAO,OAFf,CAACC,EAAQ,CAACL,IAAYK,EAAQF,EAAA,EAASC,EAAA,CAExB,CAChC"}
+{"version":3,"file":"useDisclosure.cjs","names":[],"sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type */\nexport interface UseDisclosureOptions {\n  /** The callback function to be invoked on close */\n  onClose?: () => void;\n  /** The callback function to be invoked on open */\n  onOpen?: () => void;\n}\n\n/** The use disclosure return type */\nexport interface UseDisclosureReturn {\n  /** The opened value */\n  opened: boolean;\n  /** Function to close the modal */\n  close: () => void;\n  /** Function to open the modal */\n  open: () => void;\n  /** Function to toggle the modal */\n  toggle: () => void;\n}\n\n/**\n * @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n * @usage necessary\n\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n *\n * @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n  initialValue = false,\n  options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n  const [opened, setOpened] = useState(initialValue);\n\n  const open = () =>\n    setOpened((opened) => {\n      if (!opened) {\n        options?.onOpen?.();\n        return true;\n      }\n      return opened;\n    });\n\n  const close = () =>\n    setOpened((opened) => {\n      if (opened) {\n        options?.onClose?.();\n        return false;\n      }\n      return opened;\n    });\n\n  const toggle = (value = !opened) => (value ? open() : close());\n\n  return { opened, open, close, toggle };\n};\n"],"mappings":"uEAoCA,IAAa,GACX,EAAe,GACf,IACwB,CACxB,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAa,CAE5C,MACJ,EAAW,GACJ,IACH,GAAS,UAAU,CACZ,IAGT,CAEE,MACJ,EAAW,GACL,IACF,GAAS,WAAW,CACb,IAGT,CAIJ,MAAO,CAAE,SAAQ,OAAM,QAAO,QAFd,EAAQ,CAAC,IAAY,EAAQ,GAAM,CAAG,GAAO,CAEvB"}

package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),y=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),p=((...n)=>{const i=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,t=d.isTarget(n[0])?n[0]:void 0,o=n[1]?n[1]:n[0],v=o?.immediately??!1,[f,g]=c.useState(!1),s=c.useRef(null),r=c.useRef(null),a=y.useRefState(),u=()=>{!r.current||!i||!s.current||(g(!1),s.current.srcObject=null,r.current.getTracks().forEach(e=>e.stop()),r.current=null)},l=async()=>{if(!i||!s.current)return;const e=await navigator.mediaDevices.getDisplayMedia({video:o?.video,audio:o?.audio});return g(!0),r.current=e,s.current.srcObject=e,e.getTracks().forEach(m=>m.onended=u),e};return c.useEffect(()=>{if(!i||!t&&!a.state)return;const e=t?d.isTarget.getElement(t):a.current;if(e&&(s.current=e,!!v))return l(),()=>{u()}},[t&&d.isTarget.getRawElement(t),a.state]),t?{stream:r.current,sharing:f,supported:i,start:l,stop:u}:{stream:r.current,sharing:f,supported:i,start:l,stop:u,ref:a}});exports.useDisplayMedia=p;
-//# sourceMappingURL=useDisplayMedia.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=((...r)=>{let i=typeof navigator<`u`&&`mediaDevices`in navigator&&!!navigator.mediaDevices&&`getDisplayMedia`in navigator.mediaDevices,a=e.isTarget(r[0])?r[0]:void 0,o=r[1]?r[1]:r[0],s=o?.immediately??!1,[c,l]=(0,n.useState)(!1),u=(0,n.useRef)(null),d=(0,n.useRef)(null),f=t.useRefState(),p=()=>{!d.current||!i||!u.current||(l(!1),u.current.srcObject=null,d.current.getTracks().forEach(e=>e.stop()),d.current=null)},m=async()=>{if(!i||!u.current)return;let e=await navigator.mediaDevices.getDisplayMedia({video:o?.video,audio:o?.audio});return l(!0),d.current=e,u.current.srcObject=e,e.getTracks().forEach(e=>e.onended=p),e};return(0,n.useEffect)(()=>{if(!i||!a&&!f.state)return;let t=a?e.isTarget.getElement(a):f.current;if(t&&(u.current=t,s))return m(),()=>{p()}},[a&&e.isTarget.getRawElement(a),f.state]),a?{stream:d.current,sharing:c,supported:i,start:m,stop:p}:{stream:d.current,sharing:c,supported:i,start:m,stop:p,ref:f}});exports.useDisplayMedia=r;
+//# sourceMappingURL=useDisplayMedia.cjs.map

package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDisplayMedia.cjs","sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use display media return type */\nexport interface UseDisplayMediaReturn {\n  /** Whether screen sharing is currently active */\n  sharing: boolean;\n  /** The media stream object */\n  stream: MediaStream | null;\n  /** Whether the display media API is supported */\n  supported: boolean;\n  /** Start screen sharing */\n  start: () => Promise<void>;\n  /** Stop screen sharing */\n  stop: () => void;\n}\n\n/** The use display media options type */\nexport interface UseDisplayMediaOptions {\n  /** Whether to enable audio sharing */\n  audio?: boolean | MediaTrackConstraints;\n  /** Whether to start immediately */\n  immediately?: boolean;\n  /** Whether to enable video sharing */\n  video?: boolean | MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n  (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n  <Target extends HTMLVideoElement>(\n    options?: UseDisplayMediaOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/**\n * @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n * @usage low\n *\n * @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n *\n * @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n *\n * @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n *\n * @overload\n * @template Target The target video element\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n *\n * @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n  const supported =\n    typeof navigator !== 'undefined' &&\n    'mediaDevices' in navigator &&\n    !!navigator.mediaDevices &&\n    'getDisplayMedia' in navigator.mediaDevices;\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions | undefined;\n  const immediately = options?.immediately ?? false;\n\n  const [sharing, setSharing] = useState(false);\n\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const streamRef = useRef<MediaStream>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported || !elementRef.current) return;\n\n    setSharing(false);\n    elementRef.current.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported || !elementRef.current) return;\n\n    const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n      video: options?.video,\n      audio: options?.audio\n    });\n\n    setSharing(true);\n    streamRef.current = displayMedia;\n    elementRef.current.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || (!target && !internalRef.state)) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLVideoElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n\n    if (!immediately) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target)\n    return {\n      stream: streamRef.current,\n      sharing,\n      supported,\n      start,\n      stop\n    };\n\n  return {\n    stream: streamRef.current,\n    sharing,\n    supported,\n    start,\n    stop,\n    ref: internalRef\n  };\n}) as UseDisplayMedia;\n"],"names":["useDisplayMedia","params","supported","target","isTarget","options","immediately","sharing","setSharing","useState","elementRef","useRef","streamRef","internalRef","useRefState","stop","track","start","displayMedia","useEffect","element"],"mappings":"mMAuEaA,GAAmB,IAAIC,IAAkB,CACpD,MAAMC,EACJ,OAAO,UAAc,KACrB,iBAAkB,WAClB,CAAC,CAAC,UAAU,cACZ,oBAAqB,UAAU,aAC3BC,EAAUC,EAAAA,SAASH,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CI,EAAWJ,EAAO,CAAC,EAAIA,EAAO,CAAC,EAAIA,EAAO,CAAC,EAC3CK,EAAcD,GAAS,aAAe,GAEtC,CAACE,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,EAAaC,EAAAA,OAAyB,IAAI,EAC1CC,EAAYD,EAAAA,OAAoB,IAAI,EACpCE,EAAcC,EAAAA,YAAA,EAEdC,EAAO,IAAM,CACb,CAACH,EAAU,SAAW,CAACV,GAAa,CAACQ,EAAW,UAEpDF,EAAW,EAAK,EAChBE,EAAW,QAAQ,UAAY,KAC/BE,EAAU,QAAQ,YAAY,QAASI,GAAUA,EAAM,MAAM,EAC7DJ,EAAU,QAAU,KAAA,EAGhBK,EAAQ,SAAY,CACxB,GAAI,CAACf,GAAa,CAACQ,EAAW,QAAS,OAEvC,MAAMQ,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAOb,GAAS,MAChB,MAAOA,GAAS,KAAA,CACjB,EAED,OAAAG,EAAW,EAAI,EACfI,EAAU,QAAUM,EACpBR,EAAW,QAAQ,UAAYQ,EAE/BA,EAAa,YAAY,QAASF,GAAWA,EAAM,QAAUD,CAAK,EAC3DG,CAAA,EAuBT,OApBAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACjB,GAAc,CAACC,GAAU,CAACU,EAAY,MAAQ,OAEnD,MAAMO,EACJjB,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIU,EAAY,QAGrD,GAAKO,IAELV,EAAW,QAAUU,EAEjB,EAACd,GAEL,OAAAW,EAAA,EAEO,IAAM,CACXF,EAAA,CAAK,CACP,EACC,CAACZ,GAAUC,WAAS,cAAcD,CAAM,EAAGU,EAAY,KAAK,CAAC,EAE5DV,EACK,CACL,OAAQS,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,CAAA,EAGG,CACL,OAAQH,EAAU,QAClB,QAAAL,EACA,UAAAL,EACA,MAAAe,EACA,KAAAF,EACA,IAAKF,CAAA,CAET"}
+{"version":3,"file":"useDisplayMedia.cjs","names":[],"sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use display media return type */\nexport interface UseDisplayMediaReturn {\n  /** Whether screen sharing is currently active */\n  sharing: boolean;\n  /** The media stream object */\n  stream: MediaStream | null;\n  /** Whether the display media API is supported */\n  supported: boolean;\n  /** Start screen sharing */\n  start: () => Promise<void>;\n  /** Stop screen sharing */\n  stop: () => void;\n}\n\n/** The use display media options type */\nexport interface UseDisplayMediaOptions {\n  /** Whether to enable audio sharing */\n  audio?: boolean | MediaTrackConstraints;\n  /** Whether to start immediately */\n  immediately?: boolean;\n  /** Whether to enable video sharing */\n  video?: boolean | MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n  (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n  <Target extends HTMLVideoElement>(\n    options?: UseDisplayMediaOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/**\n * @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n * @usage low\n *\n * @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n *\n * @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n *\n * @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n *\n * @overload\n * @template Target The target video element\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n *\n * @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n  const supported =\n    typeof navigator !== 'undefined' &&\n    'mediaDevices' in navigator &&\n    !!navigator.mediaDevices &&\n    'getDisplayMedia' in navigator.mediaDevices;\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions | undefined;\n  const immediately = options?.immediately ?? false;\n\n  const [sharing, setSharing] = useState(false);\n\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const streamRef = useRef<MediaStream>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported || !elementRef.current) return;\n\n    setSharing(false);\n    elementRef.current.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported || !elementRef.current) return;\n\n    const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n      video: options?.video,\n      audio: options?.audio\n    });\n\n    setSharing(true);\n    streamRef.current = displayMedia;\n    elementRef.current.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || (!target && !internalRef.state)) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLVideoElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n\n    if (!immediately) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target)\n    return {\n      stream: streamRef.current,\n      sharing,\n      supported,\n      start,\n      stop\n    };\n\n  return {\n    stream: streamRef.current,\n    sharing,\n    supported,\n    start,\n    stop,\n    ref: internalRef\n  };\n}) as UseDisplayMedia;\n"],"mappings":"uKAuEA,IAAa,IAAoB,GAAG,IAAkB,CACpD,IAAM,EACJ,OAAO,UAAc,KACrB,iBAAkB,WAClB,CAAC,CAAC,UAAU,cACZ,oBAAqB,UAAU,aAC3B,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,EAAW,EAAO,GAAK,EAAO,GAAK,EAAO,GAC1C,EAAc,GAAS,aAAe,GAEtC,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CAEvC,GAAA,EAAA,EAAA,QAAsC,KAAK,CAC3C,GAAA,EAAA,EAAA,QAAgC,KAAK,CACrC,EAAc,EAAA,aAAsB,CAEpC,MAAa,CACb,CAAC,EAAU,SAAW,CAAC,GAAa,CAAC,EAAW,UAEpD,EAAW,GAAM,CACjB,EAAW,QAAQ,UAAY,KAC/B,EAAU,QAAQ,WAAW,CAAC,QAAS,GAAU,EAAM,MAAM,CAAC,CAC9D,EAAU,QAAU,OAGhB,EAAQ,SAAY,CACxB,GAAI,CAAC,GAAa,CAAC,EAAW,QAAS,OAEvC,IAAM,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAO,GAAS,MAChB,MAAO,GAAS,MACjB,CAAC,CAOF,OALA,EAAW,GAAK,CAChB,EAAU,QAAU,EACpB,EAAW,QAAQ,UAAY,EAE/B,EAAa,WAAW,CAAC,QAAS,GAAW,EAAM,QAAU,EAAM,CAC5D,GAgCT,OA7BA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAc,CAAC,GAAU,CAAC,EAAY,MAAQ,OAEnD,IAAM,EACJ,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QAGhD,OAEL,EAAW,QAAU,EAEhB,GAIL,OAFA,GAAO,KAEM,CACX,GAAM,GAEP,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAE7D,EACK,CACL,OAAQ,EAAU,QAClB,UACA,YACA,QACA,OACD,CAEI,CACL,OAAQ,EAAU,QAClB,UACA,YACA,QACA,OACA,IAAK,EACN"}

package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../useEventListener/useEventListener.cjs"),s=require("../../utils/helpers/isTarget.cjs"),u=(e,t,n)=>r.useEventListener(s.isTarget.wrap(document),e,t,n);exports.useDocumentEvent=u;
-//# sourceMappingURL=useDocumentEvent.cjs.map
+const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useEventListener/useEventListener.cjs`);var n=(n,r,i)=>t.useEventListener(e.isTarget.wrap(document),n,r,i);exports.useDocumentEvent=n;
+//# sourceMappingURL=useDocumentEvent.cjs.map

package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentEvent.cjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { isTarget } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n * @usage low\n\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n *\n * @example\n * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n  event: Event,\n  listener: (this: Document, event: DocumentEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(isTarget.wrap(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","isTarget"],"mappings":"0LAqBaA,EAAmB,CAC9BC,EACAC,EACAC,IACGC,EAAAA,iBAAiBC,WAAS,KAAK,QAAQ,EAAGJ,EAAOC,EAAUC,CAAO"}
+{"version":3,"file":"useDocumentEvent.cjs","names":[],"sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { isTarget } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n * @usage low\n\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n *\n * @example\n * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n  event: Event,\n  listener: (this: Document, event: DocumentEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(isTarget.wrap(document), event, listener, options);\n"],"mappings":"0GAqBA,IAAa,GACX,EACA,EACA,IACG,EAAA,iBAAiB,EAAA,SAAS,KAAK,SAAS,CAAE,EAAO,EAAU,EAAQ"}

package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function l(o,c){const i=t.useRef(document.title),[u,s]=t.useState(o??document.title),r=n=>{const e=n.trim();e.length>0&&(document.title=e)};return t.useEffect(()=>{typeof u=="string"&&r(u)},[u]),t.useEffect(()=>{const n=new MutationObserver(()=>{s(e=>document&&document.title!==e?document.title:e)});return n.observe(document.head.querySelector("title"),{childList:!0}),()=>{n.disconnect()}},[]),t.useEffect(()=>{if(c?.restoreOnUnmount)return()=>{document.title=i.current}},[]),{value:u,set:r}}exports.useDocumentTitle=l;
-//# sourceMappingURL=useDocumentTitle.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);function t(t,n){let r=(0,e.useRef)(document.title),[i,a]=(0,e.useState)(t??document.title),o=e=>{let t=e.trim();t.length>0&&(document.title=t)};return(0,e.useEffect)(()=>{typeof i==`string`&&o(i)},[i]),(0,e.useEffect)(()=>{let e=new MutationObserver(()=>{a(e=>document&&document.title!==e?document.title:e)});return e.observe(document.head.querySelector(`title`),{childList:!0}),()=>{e.disconnect()}},[]),(0,e.useEffect)(()=>{if(n?.restoreOnUnmount)return()=>{document.title=r.current}},[]),{value:i,set:o}}exports.useDocumentTitle=t;
+//# sourceMappingURL=useDocumentTitle.cjs.map

package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentTitle.cjs","sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type */\nexport interface UseDocumentTitleOptions {\n  /** Restore the previous title on unmount */\n  restoreOnUnmount?: boolean;\n}\n\n/** The use document title return type */\nexport interface UseDocumentTitleReturn {\n  /** The current title */\n  value: string;\n  /** Function to update the title */\n  set: (title: string) => void;\n}\n\n/**\n * @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n * @usage low\n\n * @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n *\n * @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n *\n * @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n  initialValue?: string,\n  options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n  const prevValueRef = useRef(document.title);\n  const [value, setValue] = useState(initialValue ?? document.title);\n\n  const set = (value: string) => {\n    const updatedValue = value.trim();\n    if (updatedValue.length > 0) document.title = updatedValue;\n  };\n\n  useEffect(() => {\n    if (typeof value !== 'string') return;\n    set(value);\n  }, [value]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      setValue((prevValue) => {\n        if (document && document.title !== prevValue) {\n          return document.title;\n        }\n        return prevValue;\n      });\n    });\n\n    observer.observe(document.head.querySelector('title')!, {\n      childList: true\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (options?.restoreOnUnmount) {\n      return () => {\n        document.title = prevValueRef.current;\n      };\n    }\n  }, []);\n\n  return { value, set };\n}\n"],"names":["useDocumentTitle","initialValue","options","prevValueRef","useRef","value","setValue","useState","set","updatedValue","useEffect","observer","prevValue"],"mappings":"yGA+BO,SAASA,EACdC,EACAC,EACwB,CACxB,MAAMC,EAAeC,EAAAA,OAAO,SAAS,KAAK,EACpC,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASN,GAAgB,SAAS,KAAK,EAE3DO,EAAOH,GAAkB,CAC7B,MAAMI,EAAeJ,EAAM,KAAA,EACvBI,EAAa,OAAS,IAAG,SAAS,MAAQA,EAAA,EAGhDC,OAAAA,EAAAA,UAAU,IAAM,CACV,OAAOL,GAAU,UACrBG,EAAIH,CAAK,CAAA,EACR,CAACA,CAAK,CAAC,EAEVK,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAI,iBAAiB,IAAM,CAC1CL,EAAUM,GACJ,UAAY,SAAS,QAAUA,EAC1B,SAAS,MAEXA,CACR,CAAA,CACF,EAED,OAAAD,EAAS,QAAQ,SAAS,KAAK,cAAc,OAAO,EAAI,CACtD,UAAW,EAAA,CACZ,EAEM,IAAM,CACXA,EAAS,WAAA,CAAW,CACtB,EACC,EAAE,EAELD,EAAAA,UAAU,IAAM,CACd,GAAIR,GAAS,iBACX,MAAO,IAAM,CACX,SAAS,MAAQC,EAAa,OAAA,CAElC,EACC,EAAE,EAEE,CAAE,MAAAE,EAAO,IAAAG,CAAA,CAClB"}
+{"version":3,"file":"useDocumentTitle.cjs","names":[],"sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type */\nexport interface UseDocumentTitleOptions {\n  /** Restore the previous title on unmount */\n  restoreOnUnmount?: boolean;\n}\n\n/** The use document title return type */\nexport interface UseDocumentTitleReturn {\n  /** The current title */\n  value: string;\n  /** Function to update the title */\n  set: (title: string) => void;\n}\n\n/**\n * @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n * @usage low\n\n * @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n *\n * @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n *\n * @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n  initialValue?: string,\n  options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n  const prevValueRef = useRef(document.title);\n  const [value, setValue] = useState(initialValue ?? document.title);\n\n  const set = (value: string) => {\n    const updatedValue = value.trim();\n    if (updatedValue.length > 0) document.title = updatedValue;\n  };\n\n  useEffect(() => {\n    if (typeof value !== 'string') return;\n    set(value);\n  }, [value]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      setValue((prevValue) => {\n        if (document && document.title !== prevValue) {\n          return document.title;\n        }\n        return prevValue;\n      });\n    });\n\n    observer.observe(document.head.querySelector('title')!, {\n      childList: true\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (options?.restoreOnUnmount) {\n      return () => {\n        document.title = prevValueRef.current;\n      };\n    }\n  }, []);\n\n  return { value, set };\n}\n"],"mappings":"uEA+BA,SAAgB,EACd,EACA,EACwB,CACxB,IAAM,GAAA,EAAA,EAAA,QAAsB,SAAS,MAAM,CACrC,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,GAAgB,SAAS,MAAM,CAE5D,EAAO,GAAkB,CAC7B,IAAM,EAAe,EAAM,MAAM,CAC7B,EAAa,OAAS,IAAG,SAAS,MAAQ,IAmChD,OAhCA,EAAA,EAAA,eAAgB,CACV,OAAO,GAAU,UACrB,EAAI,EAAM,EACT,CAAC,EAAM,CAAC,EAEX,EAAA,EAAA,eAAgB,CACd,IAAM,EAAW,IAAI,qBAAuB,CAC1C,EAAU,GACJ,UAAY,SAAS,QAAU,EAC1B,SAAS,MAEX,EACP,EACF,CAMF,OAJA,EAAS,QAAQ,SAAS,KAAK,cAAc,QAAQ,CAAG,CACtD,UAAW,GACZ,CAAC,KAEW,CACX,EAAS,YAAY,GAEtB,EAAE,CAAC,EAEN,EAAA,EAAA,eAAgB,CACd,GAAI,GAAS,iBACX,UAAa,CACX,SAAS,MAAQ,EAAa,UAGjC,EAAE,CAAC,CAEC,CAAE,QAAO,MAAK"}

package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=()=>document.visibilityState,n=()=>"hidden",s=e=>(document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}),o=()=>t.useSyncExternalStore(s,i,n);exports.useDocumentVisibility=o;
-//# sourceMappingURL=useDocumentVisibility.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=()=>document.visibilityState,n=()=>`hidden`,r=e=>(document.addEventListener(`visibilitychange`,e),()=>{document.removeEventListener(`visibilitychange`,e)}),i=()=>(0,e.useSyncExternalStore)(r,t,n);exports.useDocumentVisibility=i;
+//# sourceMappingURL=useDocumentVisibility.cjs.map

package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentVisibility.cjs","sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n  document.addEventListener('visibilitychange', callback);\n  return () => {\n    document.removeEventListener('visibilitychange', callback);\n  };\n};\n\n/**\n * @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n * @usage low\n\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n *\n * @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useDocumentVisibility","useSyncExternalStore"],"mappings":"yGAEMA,EAAc,IAAM,SAAS,gBAC7BC,EAAoB,IAAM,SAC1BC,EAAaC,IACjB,SAAS,iBAAiB,mBAAoBA,CAAQ,EAC/C,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAQ,CAAA,GAehDC,EAAwB,IACnCC,EAAAA,qBAAqBH,EAAWF,EAAaC,CAAiB"}
+{"version":3,"file":"useDocumentVisibility.cjs","names":[],"sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n  document.addEventListener('visibilitychange', callback);\n  return () => {\n    document.removeEventListener('visibilitychange', callback);\n  };\n};\n\n/**\n * @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n * @usage low\n\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n *\n * @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"mappings":"uEAEA,IAAM,MAAoB,SAAS,gBAC7B,MAA0B,SAC1B,EAAa,IACjB,SAAS,iBAAiB,mBAAoB,EAAS,KAC1C,CACX,SAAS,oBAAoB,mBAAoB,EAAS,GAejD,OAAA,EAAA,EAAA,sBACU,EAAW,EAAa,EAAkB"}

package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=require("../useRefState/useRefState.cjs"),l=require("../../utils/helpers/isTarget.cjs"),E=300,g=((...t)=>{const e=l.isTarget(t[0])?t[0]:void 0,f=e?t[1]:t[0],a=e?t[2]:t[1],u=c.useRef(void 0),r=c.useRef(0),o=d.useRefState(),R=c.useRef(f);R.current=f;const i=c.useRef(a);if(i.current=a,c.useEffect(()=>{if(!e&&!o.state)return;const n=e?l.isTarget.getElement(e):o.current;if(!n)return;const s=T=>{r.current+=1,r.current===1&&(u.current=setTimeout(()=>{i.current?.onSingleClick&&i.current.onSingleClick(T),r.current=0},i.current?.threshold??E)),r.current===2&&(clearTimeout(u.current),R.current(T),r.current=0)};return n.addEventListener("mousedown",s),n.addEventListener("touchstart",s),()=>{n.removeEventListener("mousedown",s),n.removeEventListener("touchstart",s),u.current&&clearTimeout(u.current)}},[e&&l.isTarget.getRawElement(e),o.state]),!e)return{ref:o}});exports.DEFAULT_THRESHOLD_TIME=E;exports.useDoubleClick=g;
-//# sourceMappingURL=useDoubleClick.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=300,i=((...r)=>{let i=e.isTarget(r[0])?r[0]:void 0,a=i?r[1]:r[0],o=i?r[2]:r[1],s=(0,n.useRef)(void 0),c=(0,n.useRef)(0),l=t.useRefState(),u=(0,n.useRef)(a);u.current=a;let d=(0,n.useRef)(o);if(d.current=o,(0,n.useEffect)(()=>{if(!i&&!l.state)return;let t=i?e.isTarget.getElement(i):l.current;if(!t)return;let n=e=>{c.current+=1,c.current===1&&(s.current=setTimeout(()=>{d.current?.onSingleClick&&d.current.onSingleClick(e),c.current=0},d.current?.threshold??300)),c.current===2&&(clearTimeout(s.current),u.current(e),c.current=0)};return t.addEventListener(`mousedown`,n),t.addEventListener(`touchstart`,n),()=>{t.removeEventListener(`mousedown`,n),t.removeEventListener(`touchstart`,n),s.current&&clearTimeout(s.current)}},[i&&e.isTarget.getRawElement(i),l.state]),!i)return{ref:l}});exports.DEFAULT_THRESHOLD_TIME=r,exports.useDoubleClick=i;
+//# sourceMappingURL=useDoubleClick.cjs.map

package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDoubleClick.cjs","sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DoubleClickEvents = MouseEvent | TouchEvent;\n\n/** The use double click options type */\nexport interface UseDoubleClickOptions {\n  /** The threshold time in milliseconds between clicks */\n  threshold?: number;\n  /** The callback function to be invoked on single click */\n  onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n  (\n    target: HookTarget,\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions\n  ): void;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): { ref: StateRef<Target> };\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n * @usage medium\n\n * @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {void} The double clicking state\n *\n * @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {{ ref: StateRef<Target> }} The double clicking state\n *\n * @example\n * const { ref } = useDoubleClick(() => console.log('double clicked'));\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseDoubleClickOptions | undefined;\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const clickCountRef = useRef(0);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onClick = (event: DoubleClickEvents) => {\n      clickCountRef.current += 1;\n\n      if (clickCountRef.current === 1) {\n        timeoutIdRef.current = setTimeout(() => {\n          if (internalOptionsRef.current?.onSingleClick)\n            internalOptionsRef.current.onSingleClick(event);\n          clickCountRef.current = 0;\n        }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n      }\n\n      if (clickCountRef.current === 2) {\n        clearTimeout(timeoutIdRef.current);\n        internalCallbackRef.current(event);\n        clickCountRef.current = 0;\n      }\n    };\n\n    element.addEventListener('mousedown', onClick as EventListener);\n    element.addEventListener('touchstart', onClick as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onClick as EventListener);\n      element.removeEventListener('touchstart', onClick as EventListener);\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return {\n    ref: internalRef\n  };\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","onClick","event"],"mappings":"mMAkCaA,EAAyB,IA4BzBC,GAAkB,IAAIC,IAAuB,CACxD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAYF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACzCI,EAAWH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCK,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAgBD,EAAAA,OAAO,CAAC,EACxBE,EAAcC,EAAAA,YAAA,EAEdC,EAAsBJ,EAAAA,OAAOH,CAAQ,EAC3CO,EAAoB,QAAUP,EAC9B,MAAMQ,EAAqBL,EAAAA,OAAOF,CAAO,EAqCzC,GApCAO,EAAmB,QAAUP,EAE7BQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMK,EAAUZ,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIO,EAAY,QACnE,GAAI,CAACK,EAAS,OAEd,MAAMC,EAAWC,GAA6B,CAC5CR,EAAc,SAAW,EAErBA,EAAc,UAAY,IAC5BF,EAAa,QAAU,WAAW,IAAM,CAClCM,EAAmB,SAAS,eAC9BA,EAAmB,QAAQ,cAAcI,CAAK,EAChDR,EAAc,QAAU,CAAA,EACvBI,EAAmB,SAAS,WAAab,CAAsB,GAGhES,EAAc,UAAY,IAC5B,aAAaF,EAAa,OAAO,EACjCK,EAAoB,QAAQK,CAAK,EACjCR,EAAc,QAAU,EAC1B,EAGF,OAAAM,EAAQ,iBAAiB,YAAaC,CAAwB,EAC9DD,EAAQ,iBAAiB,aAAcC,CAAwB,EAExD,IAAM,CACXD,EAAQ,oBAAoB,YAAaC,CAAwB,EACjED,EAAQ,oBAAoB,aAAcC,CAAwB,EAC9DT,EAAa,SAAS,aAAaA,EAAa,OAAO,CAAA,CAC7D,EACC,CAACJ,GAAUC,WAAS,cAAcD,CAAM,EAAGO,EAAY,KAAK,CAAC,EAE5D,CAAAP,EACJ,MAAO,CACL,IAAKO,CAAA,CAET"}
+{"version":3,"file":"useDoubleClick.cjs","names":[],"sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DoubleClickEvents = MouseEvent | TouchEvent;\n\n/** The use double click options type */\nexport interface UseDoubleClickOptions {\n  /** The threshold time in milliseconds between clicks */\n  threshold?: number;\n  /** The callback function to be invoked on single click */\n  onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n  (\n    target: HookTarget,\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions\n  ): void;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): { ref: StateRef<Target> };\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n * @usage medium\n\n * @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {void} The double clicking state\n *\n * @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {{ ref: StateRef<Target> }} The double clicking state\n *\n * @example\n * const { ref } = useDoubleClick(() => console.log('double clicked'));\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseDoubleClickOptions | undefined;\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const clickCountRef = useRef(0);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onClick = (event: DoubleClickEvents) => {\n      clickCountRef.current += 1;\n\n      if (clickCountRef.current === 1) {\n        timeoutIdRef.current = setTimeout(() => {\n          if (internalOptionsRef.current?.onSingleClick)\n            internalOptionsRef.current.onSingleClick(event);\n          clickCountRef.current = 0;\n        }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n      }\n\n      if (clickCountRef.current === 2) {\n        clearTimeout(timeoutIdRef.current);\n        internalCallbackRef.current(event);\n        clickCountRef.current = 0;\n      }\n    };\n\n    element.addEventListener('mousedown', onClick as EventListener);\n    element.addEventListener('touchstart', onClick as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onClick as EventListener);\n      element.removeEventListener('touchstart', onClick as EventListener);\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return {\n    ref: internalRef\n  };\n}) as UseDoubleClick;\n"],"mappings":"uKAkCA,IAAa,EAAyB,IA4BzB,IAAmB,GAAG,IAAuB,CACxD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,EAAY,EAAS,EAAO,GAAK,EAAO,GACxC,EAAW,EAAS,EAAO,GAAK,EAAO,GAEvC,GAAA,EAAA,EAAA,QAAqD,IAAA,GAAU,CAC/D,GAAA,EAAA,EAAA,QAAuB,EAAE,CACzB,EAAc,EAAA,aAAsB,CAEpC,GAAA,EAAA,EAAA,QAA6B,EAAS,CAC5C,EAAoB,QAAU,EAC9B,IAAM,GAAA,EAAA,EAAA,QAA4B,EAAQ,CAC1C,KAAmB,QAAU,GAE7B,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,EAAU,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QACnE,GAAI,CAAC,EAAS,OAEd,IAAM,EAAW,GAA6B,CAC5C,EAAc,SAAW,EAErB,EAAc,UAAY,IAC5B,EAAa,QAAU,eAAiB,CAClC,EAAmB,SAAS,eAC9B,EAAmB,QAAQ,cAAc,EAAM,CACjD,EAAc,QAAU,GACvB,EAAmB,SAAS,WAAA,IAAoC,EAGjE,EAAc,UAAY,IAC5B,aAAa,EAAa,QAAQ,CAClC,EAAoB,QAAQ,EAAM,CAClC,EAAc,QAAU,IAO5B,OAHA,EAAQ,iBAAiB,YAAa,EAAyB,CAC/D,EAAQ,iBAAiB,aAAc,EAAyB,KAEnD,CACX,EAAQ,oBAAoB,YAAa,EAAyB,CAClE,EAAQ,oBAAoB,aAAc,EAAyB,CAC/D,EAAa,SAAS,aAAa,EAAa,QAAQ,GAE7D,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAE7D,GACJ,MAAO,CACL,IAAK,EACN"}

package/dist/cjs/hooks/useDropZone/useDropZone.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),m=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),D=((...n)=>{const o=d.isTarget(n[0])?n[0]:void 0,s=o?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},a=m.useRefState(),u=l.useRef(0),[g,E]=l.useState(null),[p,c]=l.useState(!1),i=s.dataTypes,T=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return s.multiple?t:t.length?[t[0]]:null},v=e=>i?typeof i=="function"?i(e):i.length?e.length?e.every(t=>i.some(r=>t.includes(r))):!1:!0:!0,L=e=>{const t=Array.from(e).map(f=>f.type),r=v(t),y=s.multiple||e.length<=1;return r&&y};return l.useEffect(()=>{if(!o&&!a.state)return;const e=o?d.isTarget.getElement(o):a.current;if(!e)return;const t=r=>{if(!r.dataTransfer)return;if(!L(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const f=T(r);if(r.type==="drop"){u.current=0,c(!1),E(f),s.onDrop?.(f,r);return}if(r.type==="dragenter"){u.current+=1,c(!0),s.onEnter?.(r);return}if(r.type==="dragleave"){if(u.current-=1,u.current!==0)return;c(!1),s.onLeave?.(r);return}r.type==="dragover"&&s.onOver?.(r)};return e.addEventListener("dragenter",t),e.addEventListener("dragover",t),e.addEventListener("dragleave",t),e.addEventListener("drop",t),()=>{e.removeEventListener("dragenter",t),e.removeEventListener("dragover",t),e.removeEventListener("dragleave",t),e.removeEventListener("drop",t)}},[o&&d.isTarget.getRawElement(o),a.state]),o?{overed:p,files:g}:{ref:a,overed:p,files:g}});exports.useDropZone=D;
-//# sourceMappingURL=useDropZone.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=((...r)=>{let i=e.isTarget(r[0])?r[0]:void 0,a=i?typeof r[1]==`object`?r[1]:{onDrop:r[1]}:typeof r[0]==`object`?r[0]:{onDrop:r[0]},o=t.useRefState(),s=(0,n.useRef)(0),[c,l]=(0,n.useState)(null),[u,d]=(0,n.useState)(!1),f=a.dataTypes,p=e=>{if(!e.dataTransfer)return null;let t=Array.from(e.dataTransfer.files);return a.multiple?t:t.length?[t[0]]:null},m=e=>f?typeof f==`function`?f(e):f.length?e.length?e.every(e=>f.some(t=>e.includes(t))):!1:!0:!0,h=e=>{let t=m(Array.from(e).map(e=>e.type)),n=a.multiple||e.length<=1;return t&&n};return(0,n.useEffect)(()=>{if(!i&&!o.state)return;let t=i?e.isTarget.getElement(i):o.current;if(!t)return;let n=e=>{if(!e.dataTransfer)return;if(!h(e.dataTransfer.items)){e.dataTransfer.dropEffect=`none`;return}e.preventDefault(),e.dataTransfer.dropEffect=`copy`;let t=p(e);if(e.type===`drop`){s.current=0,d(!1),l(t),a.onDrop?.(t,e);return}if(e.type===`dragenter`){s.current+=1,d(!0),a.onEnter?.(e);return}if(e.type===`dragleave`){if(--s.current,s.current!==0)return;d(!1),a.onLeave?.(e);return}e.type===`dragover`&&a.onOver?.(e)};return t.addEventListener(`dragenter`,n),t.addEventListener(`dragover`,n),t.addEventListener(`dragleave`,n),t.addEventListener(`drop`,n),()=>{t.removeEventListener(`dragenter`,n),t.removeEventListener(`dragover`,n),t.removeEventListener(`dragleave`,n),t.removeEventListener(`drop`,n)}},[i&&e.isTarget.getRawElement(i),o.state]),i?{overed:u,files:c}:{ref:o,overed:u,files:c}});exports.useDropZone=r;
+//# sourceMappingURL=useDropZone.cjs.map

package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n  /** The data types for drop zone */\n  dataTypes?: DropZoneDataTypes;\n  /** The multiple mode for drop zone */\n  multiple?: boolean;\n  /** The on drop callback */\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\n  /** The on enter callback */\n  onEnter?: (event: DragEvent) => void;\n  /** The on leave callback */\n  onLeave?: (event: DragEvent) => void;\n  /** The on over callback */\n  onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n  /** The files that was dropped in drop zone */\n  files: File[] | null;\n  /** The over drop zone status */\n  overed: boolean;\n}\n\nexport interface UseDropZone {\n  (\n    target: HookTarget,\n    callback?: (files: File[] | null, event: DragEvent) => void\n  ): UseDropZoneReturn;\n\n  <Target extends Element>(\n    callback?: (files: File[] | null, event: DragEvent) => void,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n  <Target extends Element>(\n    options?: UseDropZoneOptions,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...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        : { onDrop: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onDrop: params[0] }\n  ) as UseDropZoneOptions;\n\n  const internalRef = useRefState<Element>();\n\n  const counterRef = useRef(0);\n  const [files, setFiles] = useState<File[] | null>(null);\n  const [overed, setOvered] = useState(false);\n\n  const dataTypes = options.dataTypes;\n\n  const getFiles = (event: DragEvent) => {\n    if (!event.dataTransfer) return null;\n    const list = Array.from(event.dataTransfer.files);\n    if (options.multiple) return list;\n    if (!list.length) return null;\n    return [list[0]];\n  };\n\n  const checkDataTypes = (types: string[]) => {\n    if (!dataTypes) return true;\n    if (typeof dataTypes === 'function') return dataTypes(types);\n    if (!dataTypes.length) return true;\n    if (!types.length) return false;\n\n    return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n  };\n\n  const checkValidity = (items: DataTransferItemList) => {\n    const types = Array.from(items).map((item) => item.type);\n    const dataTypesValid = checkDataTypes(types);\n    const multipleFilesValid = options.multiple || items.length <= 1;\n\n    return dataTypesValid && multipleFilesValid;\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent) => {\n      if (!event.dataTransfer) return;\n\n      const isValid = checkValidity(event.dataTransfer.items);\n      if (!isValid) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'copy';\n\n      const currentFiles = getFiles(event);\n\n      if (event.type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (event.type === 'dragenter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (event.type === 'dragleave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (event.type === 'dragover') options.onOver?.(event);\n    };\n\n    element.addEventListener('dragenter', onEvent as EventListener);\n    element.addEventListener('dragover', onEvent as EventListener);\n    element.addEventListener('dragleave', onEvent as EventListener);\n    element.addEventListener('drop', onEvent as EventListener);\n\n    return () => {\n      element.removeEventListener('dragenter', onEvent as EventListener);\n      element.removeEventListener('dragover', onEvent as EventListener);\n      element.removeEventListener('dragleave', onEvent as EventListener);\n      element.removeEventListener('drop', onEvent as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { overed, files };\n  return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles"],"mappings":"mMAwGaA,GAAe,IAAIC,IAAkB,CAChD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EACpB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EAGpBI,EAAcC,EAAAA,YAAA,EAEdC,EAAaC,EAAAA,OAAO,CAAC,EACrB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAEpCG,EAAYV,EAAQ,UAEpBW,EAAYC,GAAqB,CACrC,GAAI,CAACA,EAAM,aAAc,OAAO,KAChC,MAAMC,EAAO,MAAM,KAAKD,EAAM,aAAa,KAAK,EAChD,OAAIZ,EAAQ,SAAiBa,EACxBA,EAAK,OACH,CAACA,EAAK,CAAC,CAAC,EADU,IACV,EAGXC,EAAkBC,GACjBL,EACD,OAAOA,GAAc,WAAmBA,EAAUK,CAAK,EACtDL,EAAU,OACVK,EAAM,OAEJA,EAAM,MAAOC,GAASN,EAAU,KAAMO,GAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,EAFxD,GADI,GAFP,GAQnBC,EAAiBC,GAAgC,CACrD,MAAMJ,EAAQ,MAAM,KAAKI,CAAK,EAAE,IAAKC,GAASA,EAAK,IAAI,EACjDC,EAAiBP,EAAeC,CAAK,EACrCO,EAAqBtB,EAAQ,UAAYmB,EAAM,QAAU,EAE/D,OAAOE,GAAkBC,CAAA,EA+D3B,OA5DAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMuB,EAAU1B,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,QAEnE,GAAI,CAACuB,EAAS,OAEd,MAAMC,EAAWb,GAAqB,CACpC,GAAI,CAACA,EAAM,aAAc,OAGzB,GAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,EACxC,CACZA,EAAM,aAAa,WAAa,OAChC,MAAA,CAGFA,EAAM,eAAA,EACNA,EAAM,aAAa,WAAa,OAEhC,MAAMc,EAAef,EAASC,CAAK,EAEnC,GAAIA,EAAM,OAAS,OAAQ,CACzBT,EAAW,QAAU,EACrBM,EAAU,EAAK,EACfH,EAASoB,CAAY,EACrB1B,EAAQ,SAAS0B,EAAcd,CAAK,EACpC,MAAA,CAGF,GAAIA,EAAM,OAAS,YAAa,CAC9BT,EAAW,SAAW,EACtBM,EAAU,EAAI,EACdT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGF,GAAIA,EAAM,OAAS,YAAa,CAE9B,GADAT,EAAW,SAAW,EAClBA,EAAW,UAAY,EAAG,OAC9BM,EAAU,EAAK,EACfT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGEA,EAAM,OAAS,YAAYZ,EAAQ,SAASY,CAAK,CAAA,EAGvD,OAAAY,EAAQ,iBAAiB,YAAaC,CAAwB,EAC9DD,EAAQ,iBAAiB,WAAYC,CAAwB,EAC7DD,EAAQ,iBAAiB,YAAaC,CAAwB,EAC9DD,EAAQ,iBAAiB,OAAQC,CAAwB,EAElD,IAAM,CACXD,EAAQ,oBAAoB,YAAaC,CAAwB,EACjED,EAAQ,oBAAoB,WAAYC,CAAwB,EAChED,EAAQ,oBAAoB,YAAaC,CAAwB,EACjED,EAAQ,oBAAoB,OAAQC,CAAwB,CAAA,CAC9D,EACC,CAAC3B,GAAUC,WAAS,cAAcD,CAAM,EAAGG,EAAY,KAAK,CAAC,EAE5DH,EAAe,CAAE,OAAAU,EAAQ,MAAAH,CAAA,EACtB,CAAE,IAAKJ,EAAa,OAAAO,EAAQ,MAAAH,CAAA,CACrC"}
+{"version":3,"file":"useDropZone.cjs","names":[],"sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n  /** The data types for drop zone */\n  dataTypes?: DropZoneDataTypes;\n  /** The multiple mode for drop zone */\n  multiple?: boolean;\n  /** The on drop callback */\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\n  /** The on enter callback */\n  onEnter?: (event: DragEvent) => void;\n  /** The on leave callback */\n  onLeave?: (event: DragEvent) => void;\n  /** The on over callback */\n  onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n  /** The files that was dropped in drop zone */\n  files: File[] | null;\n  /** The over drop zone status */\n  overed: boolean;\n}\n\nexport interface UseDropZone {\n  (\n    target: HookTarget,\n    callback?: (files: File[] | null, event: DragEvent) => void\n  ): UseDropZoneReturn;\n\n  <Target extends Element>(\n    callback?: (files: File[] | null, event: DragEvent) => void,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n  <Target extends Element>(\n    options?: UseDropZoneOptions,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...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        : { onDrop: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onDrop: params[0] }\n  ) as UseDropZoneOptions;\n\n  const internalRef = useRefState<Element>();\n\n  const counterRef = useRef(0);\n  const [files, setFiles] = useState<File[] | null>(null);\n  const [overed, setOvered] = useState(false);\n\n  const dataTypes = options.dataTypes;\n\n  const getFiles = (event: DragEvent) => {\n    if (!event.dataTransfer) return null;\n    const list = Array.from(event.dataTransfer.files);\n    if (options.multiple) return list;\n    if (!list.length) return null;\n    return [list[0]];\n  };\n\n  const checkDataTypes = (types: string[]) => {\n    if (!dataTypes) return true;\n    if (typeof dataTypes === 'function') return dataTypes(types);\n    if (!dataTypes.length) return true;\n    if (!types.length) return false;\n\n    return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n  };\n\n  const checkValidity = (items: DataTransferItemList) => {\n    const types = Array.from(items).map((item) => item.type);\n    const dataTypesValid = checkDataTypes(types);\n    const multipleFilesValid = options.multiple || items.length <= 1;\n\n    return dataTypesValid && multipleFilesValid;\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent) => {\n      if (!event.dataTransfer) return;\n\n      const isValid = checkValidity(event.dataTransfer.items);\n      if (!isValid) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'copy';\n\n      const currentFiles = getFiles(event);\n\n      if (event.type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (event.type === 'dragenter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (event.type === 'dragleave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (event.type === 'dragover') options.onOver?.(event);\n    };\n\n    element.addEventListener('dragenter', onEvent as EventListener);\n    element.addEventListener('dragover', onEvent as EventListener);\n    element.addEventListener('dragleave', onEvent as EventListener);\n    element.addEventListener('drop', onEvent as EventListener);\n\n    return () => {\n      element.removeEventListener('dragenter', onEvent as EventListener);\n      element.removeEventListener('dragover', onEvent as EventListener);\n      element.removeEventListener('dragleave', onEvent as EventListener);\n      element.removeEventListener('drop', onEvent as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { overed, files };\n  return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"mappings":"uKAwGA,IAAa,IAAgB,GAAG,IAAkB,CAChD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAE5C,EACJ,EACI,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,OAAQ,EAAO,GAAI,CACvB,OAAO,EAAO,IAAO,SACnB,EAAO,GACP,CAAE,OAAQ,EAAO,GAAI,CAGvB,EAAc,EAAA,aAAsB,CAEpC,GAAA,EAAA,EAAA,QAAoB,EAAE,CACtB,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,KAAK,CACjD,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAM,CAErC,EAAY,EAAQ,UAEpB,EAAY,GAAqB,CACrC,GAAI,CAAC,EAAM,aAAc,OAAO,KAChC,IAAM,EAAO,MAAM,KAAK,EAAM,aAAa,MAAM,CAGjD,OAFI,EAAQ,SAAiB,EACxB,EAAK,OACH,CAAC,EAAK,GAAG,CADS,MAIrB,EAAkB,GACjB,EACD,OAAO,GAAc,WAAmB,EAAU,EAAM,CACvD,EAAU,OACV,EAAM,OAEJ,EAAM,MAAO,GAAS,EAAU,KAAM,GAAa,EAAK,SAAS,EAAS,CAAC,CAAC,CAFzD,GADI,GAFP,GAQnB,EAAiB,GAAgC,CAErD,IAAM,EAAiB,EADT,MAAM,KAAK,EAAM,CAAC,IAAK,GAAS,EAAK,KAAK,CACZ,CACtC,EAAqB,EAAQ,UAAY,EAAM,QAAU,EAE/D,OAAO,GAAkB,GAgE3B,OA7DA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,CAAC,EAAY,MAAO,OAEnC,IAAM,EAAU,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,QAEnE,GAAI,CAAC,EAAS,OAEd,IAAM,EAAW,GAAqB,CACpC,GAAI,CAAC,EAAM,aAAc,OAGzB,GAAI,CADY,EAAc,EAAM,aAAa,MAAM,CACzC,CACZ,EAAM,aAAa,WAAa,OAChC,OAGF,EAAM,gBAAgB,CACtB,EAAM,aAAa,WAAa,OAEhC,IAAM,EAAe,EAAS,EAAM,CAEpC,GAAI,EAAM,OAAS,OAAQ,CACzB,EAAW,QAAU,EACrB,EAAU,GAAM,CAChB,EAAS,EAAa,CACtB,EAAQ,SAAS,EAAc,EAAM,CACrC,OAGF,GAAI,EAAM,OAAS,YAAa,CAC9B,EAAW,SAAW,EACtB,EAAU,GAAK,CACf,EAAQ,UAAU,EAAM,CACxB,OAGF,GAAI,EAAM,OAAS,YAAa,CAE9B,GADA,IAAW,QACP,EAAW,UAAY,EAAG,OAC9B,EAAU,GAAM,CAChB,EAAQ,UAAU,EAAM,CACxB,OAGE,EAAM,OAAS,YAAY,EAAQ,SAAS,EAAM,EAQxD,OALA,EAAQ,iBAAiB,YAAa,EAAyB,CAC/D,EAAQ,iBAAiB,WAAY,EAAyB,CAC9D,EAAQ,iBAAiB,YAAa,EAAyB,CAC/D,EAAQ,iBAAiB,OAAQ,EAAyB,KAE7C,CACX,EAAQ,oBAAoB,YAAa,EAAyB,CAClE,EAAQ,oBAAoB,WAAY,EAAyB,CACjE,EAAQ,oBAAoB,YAAa,EAAyB,CAClE,EAAQ,oBAAoB,OAAQ,EAAyB,GAE9D,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAM,CAAC,CAE7D,EAAe,CAAE,SAAQ,QAAO,CAC7B,CAAE,IAAK,EAAa,SAAQ,QAAO"}

package/dist/cjs/hooks/useEvent/useEvent.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=e=>{const r=t.useRef(e);return r.current=e,t.useCallback((...n)=>{const u=r.current;return u(...n)},[])};exports.useEvent=s;
-//# sourceMappingURL=useEvent.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=t=>{let n=(0,e.useRef)(t);return n.current=t,(0,e.useCallback)((...e)=>{let t=n.current;return t(...e)},[])};exports.useEvent=t;
+//# sourceMappingURL=useEvent.cjs.map

package/dist/cjs/hooks/useEvent/useEvent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEvent.cjs","sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/**\n * @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n * @usage high\n\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n *\n * @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n  const internalCallbackRef = useRef<typeof callback>(callback);\n  internalCallbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = internalCallbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"names":["useEvent","callback","internalCallbackRef","useRef","useCallback","args","fn"],"mappings":"yGAgBaA,EACXC,GACkC,CAClC,MAAMC,EAAsBC,EAAAA,OAAwBF,CAAQ,EAC5D,OAAAC,EAAoB,QAAUD,EAEvBG,EAAAA,YAAY,IAAIC,IAAS,CAC9B,MAAMC,EAAKJ,EAAoB,QAC/B,OAAOI,EAAG,GAAGD,CAAI,CAAA,EAChB,EAAE,CACP"}
+{"version":3,"file":"useEvent.cjs","names":[],"sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/**\n * @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n * @usage high\n\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n *\n * @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n  const internalCallbackRef = useRef<typeof callback>(callback);\n  internalCallbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = internalCallbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"mappings":"uEAgBA,IAAa,EACX,GACkC,CAClC,IAAM,GAAA,EAAA,EAAA,QAA8C,EAAS,CAG7D,MAFA,GAAoB,QAAU,GAE9B,EAAA,EAAA,cAAoB,GAAG,IAAS,CAC9B,IAAM,EAAK,EAAoB,QAC/B,OAAO,EAAG,GAAG,EAAK,EACjB,EAAE,CAAC"}

package/dist/cjs/hooks/useEventListener/useEventListener.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),R=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),E=((...e)=>{const t=o.isTarget(e[0])?e[0]:void 0,r=t?e[1]:e[0],u=t?e[2]:e[1],n=t?e[3]:e[2],c=n?.enabled??!0,s=R.useRefState(),l=i.useRef(u);l.current=u;const d=i.useRef(n);if(d.current=n,i.useEffect(()=>{if(!c)return;const f=(t?o.isTarget.getElement(t):s.current)??window,g=v=>l.current(v);return f.addEventListener(r,g,n),()=>{f.removeEventListener(r,g,n)}},[t&&o.isTarget.getRawElement(t),s.state,r,c]),!t)return s});exports.useEventListener=E;
-//# sourceMappingURL=useEventListener.cjs.map
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/helpers/isTarget.cjs`),t=require(`../useRefState/useRefState.cjs`);let n=require(`react`);var r=((...r)=>{let i=e.isTarget(r[0])?r[0]:void 0,a=i?r[1]:r[0],o=i?r[2]:r[1],s=i?r[3]:r[2],c=s?.enabled??!0,l=t.useRefState(),u=(0,n.useRef)(o);u.current=o;let d=(0,n.useRef)(s);if(d.current=s,(0,n.useEffect)(()=>{if(!c)return;let t=(i?e.isTarget.getElement(i):l.current)??window,n=e=>u.current(e);return t.addEventListener(a,n,s),()=>{t.removeEventListener(a,n,s)}},[i&&e.isTarget.getRawElement(i),l.state,a,c]),!i)return l});exports.useEventListener=r;
+//# sourceMappingURL=useEventListener.cjs.map

package/dist/cjs/hooks/useEventListener/useEventListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.cjs","sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = {\n  enabled?: boolean;\n} & AddEventListenerOptions;\n\n/** The use event listener return type */\nexport type UseEventListenerReturn<Target extends Element> = StateRef<Target>;\n\nexport interface UseEventListener {\n  <Event extends keyof WindowEventMap = keyof WindowEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Window, event: WindowEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof DocumentEventMap = keyof DocumentEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Document, event: DocumentEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Element, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element, Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    event: Event,\n    listener: (this: Target, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n\n  <\n    Target extends Element,\n    Event extends keyof MediaQueryListEventMap = keyof MediaQueryListEventMap\n  >(\n    event: Event,\n    listener: (this: Target, event: MediaQueryListEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n}\n\n/**\n * @name useEventListener\n * @description - Hook that attaches an event listener to the specified target\n * @category Browser\n * @usage necessary\n\n * @overload\n * @template Event Key of window event map\n * @param {Window} target The window object to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Window, event: WindowEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(window, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @param {Document} target The window object to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Document, event: DocumentEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(document, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {HookTarget} target The target element to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(ref, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event] | MediaQueryListEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {UseEventListenerReturn<Target>} A reference to the target element\n *\n * @example\n * const ref = useEventListener('click', () => console.log('click'));\n */\nexport const useEventListener = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const event = (target ? params[1] : params[0]) as string;\n  const listener = (target ? params[2] : params[1]) as (...arg: any[]) => undefined | void;\n  const options = (target ? params[3] : params[2]) as UseEventListenerOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState();\n  const internalListenerRef = useRef(listener);\n  internalListenerRef.current = listener;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    const listener = (event: Event) => internalListenerRef.current(event);\n\n    element.addEventListener(event, listener, options);\n    return () => {\n      element.removeEventListener(event, listener, options);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, event, enabled]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"names":["useEventListener","params","target","isTarget","event","listener","options","enabled","internalRef","useRefState","internalListenerRef","useRef","internalOptionsRef","useEffect","element"],"mappings":"mMA6GaA,GAAoB,IAAIC,IAAkB,CACrD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAASF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACtCI,EAAYH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACzCK,EAAWJ,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAExCM,EAAUD,GAAS,SAAW,GAE9BE,EAAcC,EAAAA,YAAA,EACdC,EAAsBC,EAAAA,OAAON,CAAQ,EAC3CK,EAAoB,QAAUL,EAC9B,MAAMO,EAAqBD,EAAAA,OAAOL,CAAO,EAiBzC,GAhBAM,EAAmB,QAAUN,EAE7BO,EAAAA,UAAU,IAAM,CACd,GAAI,CAACN,EAAS,OAEd,MAAMO,GACFZ,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIM,EAAY,UAAwB,OAEzEH,EAAYD,GAAiBM,EAAoB,QAAQN,CAAK,EAEpE,OAAAU,EAAQ,iBAAiBV,EAAOC,EAAUC,CAAO,EAC1C,IAAM,CACXQ,EAAQ,oBAAoBV,EAAOC,EAAUC,CAAO,CAAA,CACtD,EACC,CAACJ,GAAUC,EAAAA,SAAS,cAAcD,CAAM,EAAGM,EAAY,MAAOJ,EAAOG,CAAO,CAAC,EAE5E,CAAAL,EACJ,OAAOM,CACT"}
+{"version":3,"file":"useEventListener.cjs","names":[],"sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = {\n  enabled?: boolean;\n} & AddEventListenerOptions;\n\n/** The use event listener return type */\nexport type UseEventListenerReturn<Target extends Element> = StateRef<Target>;\n\nexport interface UseEventListener {\n  <Event extends keyof WindowEventMap = keyof WindowEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Window, event: WindowEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof DocumentEventMap = keyof DocumentEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Document, event: DocumentEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Element, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element, Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    event: Event,\n    listener: (this: Target, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n\n  <\n    Target extends Element,\n    Event extends keyof MediaQueryListEventMap = keyof MediaQueryListEventMap\n  >(\n    event: Event,\n    listener: (this: Target, event: MediaQueryListEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n}\n\n/**\n * @name useEventListener\n * @description - Hook that attaches an event listener to the specified target\n * @category Browser\n * @usage necessary\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {HookTarget} target The target element to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(ref, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event] | MediaQueryListEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {UseEventListenerReturn<Target>} A reference to the target element\n *\n * @example\n * const ref = useEventListener('click', () => console.log('click'));\n */\nexport const useEventListener = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const event = (target ? params[1] : params[0]) as string;\n  const listener = (target ? params[2] : params[1]) as (...arg: any[]) => undefined | void;\n  const options = (target ? params[3] : params[2]) as UseEventListenerOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState();\n  const internalListenerRef = useRef(listener);\n  internalListenerRef.current = listener;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    const listener = (event: Event) => internalListenerRef.current(event);\n\n    element.addEventListener(event, listener, options);\n    return () => {\n      element.removeEventListener(event, listener, options);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, event, enabled]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"mappings":"uKAuFA,IAAa,IAAqB,GAAG,IAAkB,CACrD,IAAM,EAAU,EAAA,SAAS,EAAO,GAAG,CAAG,EAAO,GAAK,IAAA,GAC5C,EAAS,EAAS,EAAO,GAAK,EAAO,GACrC,EAAY,EAAS,EAAO,GAAK,EAAO,GACxC,EAAW,EAAS,EAAO,GAAK,EAAO,GAEvC,EAAU,GAAS,SAAW,GAE9B,EAAc,EAAA,aAAa,CAC3B,GAAA,EAAA,EAAA,QAA6B,EAAS,CAC5C,EAAoB,QAAU,EAC9B,IAAM,GAAA,EAAA,EAAA,QAA4B,EAAQ,CAC1C,KAAmB,QAAU,GAE7B,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAS,OAEd,IAAM,GACF,EAAS,EAAA,SAAS,WAAW,EAAO,CAAG,EAAY,UAAwB,OAEzE,EAAY,GAAiB,EAAoB,QAAQ,EAAM,CAGrE,OADA,EAAQ,iBAAiB,EAAO,EAAU,EAAQ,KACrC,CACX,EAAQ,oBAAoB,EAAO,EAAU,EAAQ,GAEtD,CAAC,GAAU,EAAA,SAAS,cAAc,EAAO,CAAE,EAAY,MAAO,EAAO,EAAQ,CAAC,CAE7E,GACJ,OAAO"}