@siberiacancode/reactuse 0.2.11 → 0.2.13

package/dist/cjs/hooks/useCopy/useCopy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCopy.cjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type */\nexport interface UseCopyReturn {\n  /** Whether copy is in progress */\n  copied: boolean;\n  /** The copied value */\n  value: string | null;\n  /** Function to copy text */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy params type */\nexport interface UseCopyParams {\n  /** Reset delay in milliseconds */\n  resetDelay?: number;\n}\n\n/**\n * @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n *\n * @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const copyToClipboard = async (text: string) => {\n    await copy(text);\n    setValue(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), delay);\n  };\n\n  return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":"mJAiCaA,EAAU,CAACC,EAAgB,MAAwB,CAC9D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAS1C,MAAO,CAAE,MAAAF,EAAO,OAAAG,EAAQ,KAPA,MAAOE,GAAiB,CAC9C,MAAMC,EAAAA,KAAKD,CAAI,EACfJ,EAASI,CAAI,EACbD,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAGL,CAAK,CAC1C,CAE8C,CAChD"}
+{"version":3,"file":"useCopy.cjs","sources":["../../../../src/hooks/useCopy/useCopy.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { copy } from '@/utils/helpers';\n\n/** The use copy return type */\nexport interface UseCopyReturn {\n  /** Whether copy is in progress */\n  copied: boolean;\n  /** The copied value */\n  value: string | null;\n  /** Function to copy text */\n  copy: (value: string) => Promise<void>;\n}\n\n/** The use copy params type */\nexport interface UseCopyParams {\n  /** Reset delay in milliseconds */\n  resetDelay?: number;\n}\n\n/**\n * @name useCopy\n * @description - Hook that manages copying text with status reset\n * @category Browser\n *\n * @browserapi navigator.clipboard https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard\n *\n * @param {number} [delay=1000] Delay in ms before resetting copied status\n * @returns {UseCopyReturn} An object containing the copied value, status and copy function\n *\n * @example\n * const { copied, value, copy } = useCopy();\n */\nexport const useCopy = (delay: number = 1000): UseCopyReturn => {\n  const [value, setValue] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const copyToClipboard = async (text: string) => {\n    await copy(text);\n    setValue(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), delay);\n  };\n\n  return { value, copied, copy: copyToClipboard };\n};\n"],"names":["useCopy","delay","value","setValue","useState","copied","setCopied","text","copy"],"mappings":"mJAiCaA,EAAU,CAACC,EAAgB,MAAwB,CAC9D,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAS1C,MAAO,CAAE,MAAAF,EAAO,OAAAG,EAAQ,KAPA,MAAOE,GAAiB,CAC9C,MAAMC,EAAAA,KAAKD,CAAI,EACfJ,EAASI,CAAI,EACbD,EAAU,EAAI,EACd,WAAW,IAAMA,EAAU,EAAK,EAAGL,CAAK,CAAA,CAGZ,CAChC"}

package/dist/cjs/hooks/useCounter/useCounter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=(...r)=>{var c;const i=typeof r[0]=="number"?r[0]:(c=r[0])==null?void 0:c.initialValue,{max:n=Number.POSITIVE_INFINITY,min:u=Number.NEGATIVE_INFINITY}=typeof r[0]=="number"?r[1]??{}:r[0]??{},[s,o]=m.useState(i??0);return{value:s,set:t=>{o(e=>Math.max(u,Math.min(n,typeof t=="number"?t:t(e))))},inc:(t=1)=>{o(e=>typeof n=="number"&&e===n?e:Math.max(Math.min(n,e+t),u))},dec:(t=1)=>{o(e=>typeof u=="number"&&e===u?e:Math.min(Math.max(u,e-t),n))},reset:()=>{const t=i??0;if(typeof n=="number"&&t>n)return o(n);if(typeof u=="number"&&t<u)return o(u);o(t)}}};exports.useCounter=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=(...r)=>{const i=typeof r[0]=="number"?r[0]:r[0]?.initialValue,{max:n=Number.POSITIVE_INFINITY,min:u=Number.NEGATIVE_INFINITY}=typeof r[0]=="number"?r[1]??{}:r[0]??{},[c,o]=s.useState(i??0);return{value:c,set:t=>{o(e=>Math.max(u,Math.min(n,typeof t=="number"?t:t(e))))},inc:(t=1)=>{o(e=>typeof n=="number"&&e===n?e:Math.max(Math.min(n,e+t),u))},dec:(t=1)=>{o(e=>typeof u=="number"&&e===u?e:Math.min(Math.max(u,e-t),n))},reset:()=>{const t=i??0;if(typeof n=="number"&&t>n)return o(n);if(typeof u=="number"&&t<u)return o(u);o(t)}}};exports.useCounter=m;
 //# sourceMappingURL=useCounter.cjs.map

package/dist/cjs/hooks/useCounter/useCounter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCounter.cjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category Utilities\n *\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","_a","max","min","value","setValue","useState","prevValue"],"mappings":"yGAuDaA,EAAc,IAAIC,IAAkB,OACzC,MAAAC,EACJ,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,GACPE,EAAAF,EAAO,CAAC,IAAR,YAAAE,EAA6D,aAC9D,CAAE,IAAAC,EAAM,OAAO,kBAAmB,IAAAC,EAAM,OAAO,iBAAA,EACnD,OAAOJ,EAAO,CAAC,GAAM,SACfA,EAAO,CAAC,GAAK,CAAA,EACbA,EAAO,CAAC,GAAK,CAAC,EAEhB,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAASN,GAAgB,CAAC,EAkCpD,MAAO,CAAE,MAAAI,EAAO,IAXHA,GAAkC,CAC7CC,EAAUE,GACa,KAAK,IACxBJ,EACA,KAAK,IAAID,EAAK,OAAOE,GAAU,SAAWA,EAAQA,EAAMG,CAAS,CAAC,CACpE,CAGD,CACH,EAEqB,IAhCT,CAACH,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOL,GAAQ,UAAYK,IAAcL,EAAYK,EAClD,KAAK,IAAI,KAAK,IAAIL,EAAKK,EAAYH,CAAK,EAAGD,CAAG,CACtD,CACH,EA2B0B,IAzBd,CAACC,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOJ,GAAQ,UAAYI,IAAcJ,EAAYI,EAClD,KAAK,IAAI,KAAK,IAAIJ,EAAKI,EAAYH,CAAK,EAAGF,CAAG,CACtD,CACH,EAoB+B,MAlBjB,IAAM,CAClB,MAAME,EAAQJ,GAAgB,EAC9B,GAAI,OAAOE,GAAQ,UAAYE,EAAQF,EAAK,OAAOG,EAASH,CAAG,EAC/D,GAAI,OAAOC,GAAQ,UAAYC,EAAQD,EAAK,OAAOE,EAASF,CAAG,EAC/DE,EAASD,CAAK,CAChB,CAaqC,CACvC"}
+{"version":3,"file":"useCounter.cjs","sources":["../../../../src/hooks/useCounter/useCounter.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\n/** The use counter options */\nexport interface UseCounterOptions {\n  /** The max of count value */\n  max?: number;\n  /** The min of count value */\n  min?: number;\n}\n\n/** The use counter return type */\nexport interface UseCounterReturn {\n  /** Function to set a specific value to the counter */\n  set: Dispatch<SetStateAction<number>>;\n  /** The current count value */\n  value: number;\n  /** Function to decrement the counter */\n  dec: (value?: number) => void;\n  /** Function to increment the counter */\n  inc: (value?: number) => void;\n  /** Function to reset the counter to its initial value. */\n  reset: () => void;\n}\n\nexport interface UseCounter {\n  (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;\n\n  (options: UseCounterOptions & { initialValue?: number }, initialValue?: never): UseCounterReturn;\n}\n\n/**\n * @name useCounter\n * @description - Hook that manages a counter\n * @category Utilities\n *\n * @overload\n * @param {number} [initialValue=0] The initial number value\n * @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n\n * @overload\n * @param {number} [params.initialValue=0] The initial number value\n * @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value\n * @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value\n * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter(5);\n *\n * @example\n * const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });\n */\nexport const useCounter = ((...params: any[]) => {\n  const initialValue =\n    typeof params[0] === 'number'\n      ? params[0]\n      : (params[0] as UseCounterOptions & { initialValue?: number })?.initialValue;\n  const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } =\n    typeof params[0] === 'number'\n      ? ((params[1] ?? {}) as UseCounterOptions)\n      : ((params[0] ?? {}) as UseCounterOptions & { initialValue?: number });\n\n  const [value, setValue] = useState(initialValue ?? 0);\n\n  const inc = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof max === 'number' && prevValue === max) return prevValue;\n      return Math.max(Math.min(max, prevValue + value), min);\n    });\n  };\n\n  const dec = (value: number = 1) => {\n    setValue((prevValue) => {\n      if (typeof min === 'number' && prevValue === min) return prevValue;\n      return Math.min(Math.max(min, prevValue - value), max);\n    });\n  };\n\n  const reset = () => {\n    const value = initialValue ?? 0;\n    if (typeof max === 'number' && value > max) return setValue(max);\n    if (typeof min === 'number' && value < min) return setValue(min);\n    setValue(value);\n  };\n\n  const set = (value: SetStateAction<number>) => {\n    setValue((prevValue) => {\n      const updatedCount = Math.max(\n        min,\n        Math.min(max, typeof value === 'number' ? value : value(prevValue))\n      );\n\n      return updatedCount;\n    });\n  };\n\n  return { value, set, inc, dec, reset };\n}) as UseCounter;\n"],"names":["useCounter","params","initialValue","max","min","value","setValue","useState","prevValue"],"mappings":"yGAuDaA,EAAc,IAAIC,IAAkB,CAC/C,MAAMC,EACJ,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACPA,EAAO,CAAC,GAAqD,aAC9D,CAAE,IAAAE,EAAM,OAAO,kBAAmB,IAAAC,EAAM,OAAO,iBAAA,EACnD,OAAOH,EAAO,CAAC,GAAM,SACfA,EAAO,CAAC,GAAK,CAAA,EACbA,EAAO,CAAC,GAAK,CAAA,EAEf,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASL,GAAgB,CAAC,EAkCpD,MAAO,CAAE,MAAAG,EAAO,IAXHA,GAAkC,CAC7CC,EAAUE,GACa,KAAK,IACxBJ,EACA,KAAK,IAAID,EAAK,OAAOE,GAAU,SAAWA,EAAQA,EAAMG,CAAS,CAAC,CAAA,CAIrE,CAAA,EAGkB,IAhCT,CAACH,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOL,GAAQ,UAAYK,IAAcL,EAAYK,EAClD,KAAK,IAAI,KAAK,IAAIL,EAAKK,EAAYH,CAAK,EAAGD,CAAG,CACtD,CAAA,EA4BuB,IAzBd,CAACC,EAAgB,IAAM,CACjCC,EAAUE,GACJ,OAAOJ,GAAQ,UAAYI,IAAcJ,EAAYI,EAClD,KAAK,IAAI,KAAK,IAAIJ,EAAKI,EAAYH,CAAK,EAAGF,CAAG,CACtD,CAAA,EAqB4B,MAlBjB,IAAM,CAClB,MAAME,EAAQH,GAAgB,EAC9B,GAAI,OAAOC,GAAQ,UAAYE,EAAQF,EAAK,OAAOG,EAASH,CAAG,EAC/D,GAAI,OAAOC,GAAQ,UAAYC,EAAQD,EAAK,OAAOE,EAASF,CAAG,EAC/DE,EAASD,CAAK,CAAA,CAce,CACjC"}

package/dist/cjs/hooks/useCssVar/useCssVar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),m=require("../useRefState/useRefState.cjs"),b=require("../../utils/helpers/isTarget.cjs"),y=require("../../utils/helpers/getElement.cjs"),E=(...r)=>{const e=b.isTarget(r[0])?r[0]:void 0,u=e?r[1]:r[0],o=e?r[2]:r[1],[f,c]=l.useState(o??""),s=m.useRefState(window.document.documentElement),i=t=>{const n=e?y.getElement(e):s.current;if(n&&n.style){if(!t){n.style.removeProperty(u),c(t);return}n.style.setProperty(u,t),c(t)}};return l.useEffect(()=>{o&&i(o)},[]),l.useEffect(()=>{if(!e&&!s.state)return;const t=e?y.getElement(e):s.current;if(!t)return;const n=()=>{var g;const d=(g=window.getComputedStyle(t).getPropertyValue(u))==null?void 0:g.trim();c(d??o)},a=new MutationObserver(n);return a.observe(t,{attributeFilter:["style","class"]}),()=>{a.disconnect()}},[e,s.state]),e?{value:f,set:i}:{ref:s,value:f,set:i}};exports.useCssVar=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../useRefState/useRefState.cjs"),m=require("../../utils/helpers/isTarget.cjs"),g=require("../../utils/helpers/getElement.cjs"),b=(...r)=>{const e=m.isTarget(r[0])?r[0]:void 0,u=e?r[1]:r[0],o=e?r[2]:r[1],[f,c]=l.useState(o??""),s=d.useRefState(window.document.documentElement),i=t=>{const n=e?g.getElement(e):s.current;if(n&&n.style){if(!t){n.style.removeProperty(u),c(t);return}n.style.setProperty(u,t),c(t)}};return l.useEffect(()=>{o&&i(o)},[]),l.useEffect(()=>{if(!e&&!s.state)return;const t=e?g.getElement(e):s.current;if(!t)return;const n=()=>{const y=window.getComputedStyle(t).getPropertyValue(u)?.trim();c(y??o)},a=new MutationObserver(n);return a.observe(t,{attributeFilter:["style","class"]}),()=>{a.disconnect()}},[e,s.state]),e?{value:f,set:i}:{ref:s,value:f,set:i}};exports.useCssVar=b;
 //# sourceMappingURL=useCssVar.cjs.map

package/dist/cjs/hooks/useCssVar/useCssVar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCssVar.cjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  (key: string, initialValue?: string): UseCssVarReturn & { ref: StateRef<Element> };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Utilities\n *\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<Element>(window.document.documentElement);\n\n  const set = (value: string) => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLElement;\n    if (!element) return;\n\n    if (element.style) {\n      if (!value) {\n        element.style.removeProperty(key);\n        setValue(value);\n        return;\n      }\n\n      element.style.setProperty(key, value);\n      setValue(value);\n    }\n  };\n\n  useEffect(() => {\n    if (initialValue) set(initialValue);\n  }, []);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onChange = () => {\n      const value = window\n        .getComputedStyle(element as Element)\n        .getPropertyValue(key)\n        ?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { value, set };\n  return { ref: internalRef, value, set };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","set","element","getElement","useEffect","onChange","_a","observer"],"mappings":"mPA8CaA,EAAa,IAAIC,IAAkB,CACxC,MAAAC,EAAUC,WAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAOF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACpCI,EAAgBH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAE7C,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,GAAgB,EAAE,EAC/CI,EAAcC,EAAA,YAAqB,OAAO,SAAS,eAAe,EAElEC,EAAOL,GAAkB,CAC7B,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAIO,EAAY,QAC3D,GAAKG,GAEDA,EAAQ,MAAO,CACjB,GAAI,CAACN,EAAO,CACFM,EAAA,MAAM,eAAeR,CAAG,EAChCG,EAASD,CAAK,EACd,MAAA,CAGMM,EAAA,MAAM,YAAYR,EAAKE,CAAK,EACpCC,EAASD,CAAK,CAAA,CAElB,EA8BA,OA5BAQ,EAAAA,UAAU,IAAM,CACVT,KAAkBA,CAAY,CACpC,EAAG,EAAE,EAELS,EAAAA,UAAU,IAAM,CACd,GAAI,CAACZ,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMG,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAIO,EAAY,QAC3D,GAAI,CAACG,EAAS,OAEd,MAAMG,EAAW,IAAM,OACfT,MAAAA,GAAQU,EAAA,OACX,iBAAiBJ,CAAkB,EACnC,iBAAiBR,CAAG,IAFT,YAAAY,EAGV,OAEJT,EAASD,GAASD,CAAY,CAChC,EAEMY,EAAW,IAAI,iBAAiBF,CAAQ,EAErC,OAAAE,EAAA,QAAQL,EAAS,CAAE,gBAAiB,CAAC,QAAS,OAAO,EAAG,EAE1D,IAAM,CACXK,EAAS,WAAW,CACtB,CACC,EAAA,CAACf,EAAQO,EAAY,KAAK,CAAC,EAE1BP,EAAe,CAAE,MAAAI,EAAO,IAAAK,CAAI,EACzB,CAAE,IAAKF,EAAa,MAAAH,EAAO,IAAAK,CAAI,CACxC"}
+{"version":3,"file":"useCssVar.cjs","sources":["../../../../src/hooks/useCssVar/useCssVar.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The css variable return type */\nexport interface UseCssVarReturn {\n  /** The value of the CSS variable */\n  value: string;\n  /** Set the value of the CSS variable */\n  set: (value: string) => void;\n}\n\nexport interface UseCssVar {\n  (key: string, initialValue?: string): UseCssVarReturn & { ref: StateRef<Element> };\n\n  (target: HookTarget, key: string, initialValue?: string): UseCssVarReturn;\n}\n\n/**\n * @name useCssVar\n * @description - Hook that returns the value of a css variable\n * @category Utilities\n *\n * @overload\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn & { ref: StateRef<Element> }} The object containing the value of the CSS variable and ref\n *\n * @example\n * const { ref, value, set } = useCssVar('--color', 'red');\n *\n * @overload\n * @param {HookTarget} target The target element\n * @param {string} key The CSS variable key\n * @param {string} initialValue The initial value of the CSS variable\n * @returns {UseCssVarReturn} The object containing the value of the CSS variable\n *\n * @example\n * const { value, set } = useCssVar(ref, '--color', 'red');\n */\nexport const useCssVar = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const key = (target ? params[1] : params[0]) as string;\n  const initialValue = (target ? params[2] : params[1]) as string | undefined;\n\n  const [value, setValue] = useState(initialValue ?? '');\n  const internalRef = useRefState<Element>(window.document.documentElement);\n\n  const set = (value: string) => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLElement;\n    if (!element) return;\n\n    if (element.style) {\n      if (!value) {\n        element.style.removeProperty(key);\n        setValue(value);\n        return;\n      }\n\n      element.style.setProperty(key, value);\n      setValue(value);\n    }\n  };\n\n  useEffect(() => {\n    if (initialValue) set(initialValue);\n  }, []);\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onChange = () => {\n      const value = window\n        .getComputedStyle(element as Element)\n        .getPropertyValue(key)\n        ?.trim();\n\n      setValue(value ?? initialValue);\n    };\n\n    const observer = new MutationObserver(onChange);\n\n    observer.observe(element, { attributeFilter: ['style', 'class'] });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { value, set };\n  return { ref: internalRef, value, set };\n}) as UseCssVar;\n"],"names":["useCssVar","params","target","isTarget","key","initialValue","value","setValue","useState","internalRef","useRefState","set","element","getElement","useEffect","onChange","observer"],"mappings":"mPA8CaA,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAOF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACpCI,EAAgBH,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EAE7C,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAASH,GAAgB,EAAE,EAC/CI,EAAcC,EAAAA,YAAqB,OAAO,SAAS,eAAe,EAElEC,EAAOL,GAAkB,CAC7B,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAIO,EAAY,QAC3D,GAAKG,GAEDA,EAAQ,MAAO,CACjB,GAAI,CAACN,EAAO,CACVM,EAAQ,MAAM,eAAeR,CAAG,EAChCG,EAASD,CAAK,EACd,MAAA,CAGFM,EAAQ,MAAM,YAAYR,EAAKE,CAAK,EACpCC,EAASD,CAAK,CAAA,CAChB,EA+BF,OA5BAQ,EAAAA,UAAU,IAAM,CACVT,KAAkBA,CAAY,CAAA,EACjC,EAAE,EAELS,EAAAA,UAAU,IAAM,CACd,GAAI,CAACZ,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMG,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAIO,EAAY,QAC3D,GAAI,CAACG,EAAS,OAEd,MAAMG,EAAW,IAAM,CACrB,MAAMT,EAAQ,OACX,iBAAiBM,CAAkB,EACnC,iBAAiBR,CAAG,GACnB,KAAA,EAEJG,EAASD,GAASD,CAAY,CAAA,EAG1BW,EAAW,IAAI,iBAAiBD,CAAQ,EAE9C,OAAAC,EAAS,QAAQJ,EAAS,CAAE,gBAAiB,CAAC,QAAS,OAAO,EAAG,EAE1D,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACd,EAAQO,EAAY,KAAK,CAAC,EAE1BP,EAAe,CAAE,MAAAI,EAAO,IAAAK,CAAA,EACrB,CAAE,IAAKF,EAAa,MAAAH,EAAO,IAAAK,CAAA,CACpC"}

package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceCallback.cjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\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 * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n) => {\n  const internalCallback = useEvent(callback);\n  const debounced = useMemo(() => debounce(internalCallback, delay), [delay]);\n\n  return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallback","useEvent","useMemo","debounce"],"mappings":"6LAoBaA,EAAsB,CACjCC,EACAC,IACG,CACG,MAAAC,EAAmBC,WAASH,CAAQ,EAGnC,OAFWI,UAAQ,IAAMC,EAAA,SAASH,EAAkBD,CAAK,EAAG,CAACA,CAAK,CAAC,CAG5E"}
+{"version":3,"file":"useDebounceCallback.cjs","sources":["../../../../src/hooks/useDebounceCallback/useDebounceCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useDebounceCallback\n * @description - Hook that creates a debounced callback\n * @category Utilities\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 * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with debounce\n *\n * @example\n * const debouncedCallback = useDebounceCallback(() => console.log('callback'), 500);\n */\nexport const useDebounceCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n) => {\n  const internalCallback = useEvent(callback);\n  const debounced = useMemo(() => debounce(internalCallback, delay), [delay]);\n\n  return debounced;\n};\n"],"names":["useDebounceCallback","callback","delay","internalCallback","useEvent","useMemo","debounce"],"mappings":"6LAoBaA,EAAsB,CACjCC,EACAC,IACG,CACH,MAAMC,EAAmBC,EAAAA,SAASH,CAAQ,EAG1C,OAFkBI,EAAAA,QAAQ,IAAMC,EAAAA,SAASH,EAAkBD,CAAK,EAAG,CAACA,CAAK,CAAC,CAG5E"}

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 *\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":"qKAiBaA,EAAmB,CAAQC,EAAcC,IAAkB,CAChE,MAAAC,EAAmBC,SAAOH,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","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 *\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":"qKAiBaA,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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),v=require("../../utils/helpers/throttle.cjs"),a=e=>{const c=(e==null?void 0:e.enabled)??!0,i=(e==null?void 0:e.delay)??1e3,[n,d]=o.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),l=o.useRef(e==null?void 0:e.callback);return l.current=e==null?void 0:e.callback,o.useEffect(()=>{if(!c)return;const u=v.throttle(t=>{var r;(r=l.current)==null||r.call(l,t),d({interval:t.interval,rotationRate:{...n.rotationRate,...t.rotationRate},acceleration:{...n.acceleration,...t.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...t.accelerationIncludingGravity}})},i);return window.addEventListener("devicemotion",u),()=>{window.removeEventListener("devicemotion",u)}},[i,c]),n};exports.useDeviceMotion=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("../../utils/helpers/throttle.cjs"),d=t=>{const a=t?.enabled??!0,c=t?.delay??1e3,[n,r]=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}}),i=l.useRef(t?.callback);return i.current=t?.callback,l.useEffect(()=>{if(!a)return;const o=u.throttle(e=>{i.current?.(e),r({interval:e.interval,rotationRate:{...n.rotationRate,...e.rotationRate},acceleration:{...n.acceleration,...e.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...e.accelerationIncludingGravity}})},c);return window.addEventListener("devicemotion",o),()=>{window.removeEventListener("devicemotion",o)}},[c,a]),n};exports.useDeviceMotion=d;
 //# 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 UseDeviceMotionParams {\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  callback?: (event: DeviceMotionEvent) => void;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Utilities\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n  const enabled = params?.enabled ?? true;\n  const delay = params?.delay ?? 1000;\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(params?.callback);\n  internalCallbackRef.current = params?.callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\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};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event","_a"],"mappings":"uJAmCaA,EAAmBC,GAAmC,CAC3D,MAAAC,GAAUD,GAAA,YAAAA,EAAQ,UAAW,GAC7BE,GAAQF,GAAA,YAAAA,EAAQ,QAAS,IACzB,CAACG,EAAOC,CAAQ,EAAIC,WAAgC,CACxD,SAAU,EACV,aAAc,CAAE,MAAO,KAAM,KAAM,KAAM,MAAO,IAAK,EACrD,aAAc,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAK,EAC1C,6BAA8B,CAAE,EAAG,KAAM,EAAG,KAAM,EAAG,IAAK,CAAA,CAC3D,EACKC,EAAsBC,EAAAA,OAAOP,GAAA,YAAAA,EAAQ,QAAQ,EACnD,OAAAM,EAAoB,QAAUN,GAAA,YAAAA,EAAQ,SAEtCQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,EAAS,OAER,MAAAQ,EAAiBC,WAA+BC,GAAU,QAC9DC,EAAAN,EAAoB,UAApB,MAAAM,EAAA,KAAAN,EAA8BK,GACrBP,EAAA,CACP,SAAUO,EAAM,SAChB,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YACX,EACA,aAAc,CACZ,GAAGR,EAAM,aACT,GAAGQ,EAAM,YACX,EACA,6BAA8B,CAC5B,GAAGR,EAAM,6BACT,GAAGQ,EAAM,4BAAA,CACX,CACD,GACAT,CAAK,EAED,cAAA,iBAAiB,eAAgBO,CAAc,EAE/C,IAAM,CACJ,OAAA,oBAAoB,eAAgBA,CAAc,CAC3D,CAAA,EACC,CAACP,EAAOD,CAAO,CAAC,EAEZE,CACT"}
+{"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 UseDeviceMotionParams {\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  callback?: (event: DeviceMotionEvent) => void;\n}\n\n/**\n * @name useDeviceMotion\n * @description - Hook that work with device motion\n * @category Utilities\n *\n * @browserapi DeviceMotionEvent https://developer.mozilla.org/en-US/docs/Web/API/Window/DeviceMotionEvent\n *\n * @param {number} [delay=1000] The delay in milliseconds\n * @param {(event: DeviceMotionEvent) => void} [callback] The callback function to be invoked\n * @param {boolean} [enabled=true] Whether to enable the hook\n * @returns {UseDeviceMotionReturn} The device motion data and interval\n *\n * @example\n * const { interval, rotationRate, acceleration, accelerationIncludingGravity } = useDeviceMotion();\n */\nexport const useDeviceMotion = (params?: UseDeviceMotionParams) => {\n  const enabled = params?.enabled ?? true;\n  const delay = params?.delay ?? 1000;\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(params?.callback);\n  internalCallbackRef.current = params?.callback;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const onDeviceMotion = throttle<[DeviceMotionEvent]>((event) => {\n      internalCallbackRef.current?.(event);\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};\n"],"names":["useDeviceMotion","params","enabled","delay","value","setValue","useState","internalCallbackRef","useRef","useEffect","onDeviceMotion","throttle","event"],"mappings":"uJAmCaA,EAAmBC,GAAmC,CACjE,MAAMC,EAAUD,GAAQ,SAAW,GAC7BE,EAAQF,GAAQ,OAAS,IACzB,CAACG,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,OAAOP,GAAQ,QAAQ,EACnD,OAAAM,EAAoB,QAAUN,GAAQ,SAEtCQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,EAAS,OAEd,MAAMQ,EAAiBC,WAA+BC,GAAU,CAC9DL,EAAoB,UAAUK,CAAK,EACnCP,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,EACAT,CAAK,EAER,cAAO,iBAAiB,eAAgBO,CAAc,EAE/C,IAAM,CACX,OAAO,oBAAoB,eAAgBA,CAAc,CAAA,CAC3D,EACC,CAACP,EAAOD,CAAO,CAAC,EAEZE,CACT"}

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 *\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 = typeof window !== 'undefined' && 'DeviceOrientationEvent' in window;\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":"yGAkCaA,EAAuB,IAAkC,CACpE,MAAMC,EAAY,OAAO,OAAW,KAAe,2BAA4B,OAEzE,CAACC,EAAOC,CAAQ,EAAIC,WAAoC,CAC5D,MAAO,KACP,KAAM,KACN,MAAO,KACP,SAAU,EAAA,CACX,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEV,MAAAK,EAAuBC,GAC3BJ,EAAS,CACP,MAAOI,EAAM,MACb,KAAMA,EAAM,KACZ,MAAOA,EAAM,MACb,SAAUA,EAAM,QAAA,CACjB,EAEI,cAAA,iBAAiB,oBAAqBD,CAAmB,EACzD,IAAM,CACJ,OAAA,oBAAoB,oBAAqBA,CAAmB,CACrE,CACF,EAAG,EAAE,EAEE,CACL,UAAAL,EACA,MAAAC,CACF,CACF"}
+{"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 *\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 = typeof window !== 'undefined' && 'DeviceOrientationEvent' in window;\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":"yGAkCaA,EAAuB,IAAkC,CACpE,MAAMC,EAAY,OAAO,OAAW,KAAe,2BAA4B,OAEzE,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"}

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 *\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<number>(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":"yGAsBaA,EAAsB,IAAiC,CAC5D,MAAAC,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAACC,EAAOC,CAAQ,EAAIC,EAAiB,SAAA,OAAO,kBAAoB,CAAC,EAEvEC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAW,OAEhB,MAAMK,EAAW,IAAMH,EAAS,OAAO,gBAAgB,EAEjDI,EAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO,EACxE,OAAAA,EAAA,iBAAiB,SAAUD,CAAQ,EAClC,IAAM,CACLC,EAAA,oBAAoB,SAAUD,CAAQ,CAC9C,CAAA,EACC,CAACJ,CAAK,CAAC,EAEH,CAAE,UAAAD,EAAW,MAAAC,CAAM,CAC5B"}
+{"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 *\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<number>(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":"yGAsBaA,EAAsB,IAAiC,CAClE,MAAMC,EACJ,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,OAAO,kBAAqB,SAE/B,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,OAAO,kBAAoB,CAAC,EAEvEC,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"}

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 *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":"iLAiBaA,EAAe,CAACC,EAAwBC,IAA0B,CACvE,MAAAC,EAAUC,SAAO,EAAK,EAE5BC,EAAA,0BACE,IAAM,IAAM,CACVF,EAAQ,QAAU,EACpB,EACA,CAAA,CACF,EAEAE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAQ,QACV,OAAOF,EAAO,EAGhBE,EAAQ,QAAU,IAEjBD,CAAI,CACT"}
+{"version":3,"file":"useDidUpdate.cjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n *\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mounted = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mounted.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mounted.current) {\n      return effect();\n    }\n\n    mounted.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mounted","useRef","useIsomorphicLayoutEffect"],"mappings":"iLAiBaA,EAAe,CAACC,EAAwBC,IAA0B,CAC7E,MAAMC,EAAUC,EAAAA,OAAO,EAAK,EAE5BC,EAAAA,0BACE,IAAM,IAAM,CACVF,EAAQ,QAAU,EAAA,EAEpB,CAAA,CAAC,EAGHE,EAAAA,0BAA0B,IAAM,CAC9B,GAAIF,EAAQ,QACV,OAAOF,EAAA,EAGTE,EAAQ,QAAU,EACX,EACND,CAAI,CACT"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),s=(g=!1,e)=>{const[c,l]=f.useState(g),t=()=>l(r=>{var u;return r||((u=e==null?void 0:e.onOpen)==null||u.call(e),!0)}),a=()=>l(r=>{var u;return r&&((u=e==null?void 0:e.onClose)==null||u.call(e),!1)});return{opened:c,open:t,close:a,toggle:()=>c?a():t()}};exports.useDisclosure=s;
+"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:()=>r?o():n()}};exports.useDisclosure=l;
 //# 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 Utilities\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 = () => (opened ? close() : open());\n\n  return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","_a","close"],"mappings":"yGAmCaA,EAAgB,CAC3BC,EAAe,GACfC,IACwB,CACxB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAY,EAE3CK,EAAO,IACXF,EAAWD,GAAW,OACpB,OAAKA,KACHI,EAAAL,GAAA,YAAAA,EAAS,SAAT,MAAAK,EAAA,KAAAL,GACO,GAEF,CACR,EAEGM,EAAQ,IACZJ,EAAWD,GAAW,OACpB,OAAIA,KACFI,EAAAL,GAAA,YAAAA,EAAS,UAAT,MAAAK,EAAA,KAAAL,GACO,GAEF,CACR,EAIH,MAAO,CAAE,OAAAC,EAAQ,KAAAG,EAAM,MAAAE,EAAO,OAFf,IAAOL,EAASK,EAAA,EAAUF,EAAK,CAET,CACvC"}
+{"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 Utilities\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 = () => (opened ? close() : open());\n\n  return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","close"],"mappings":"yGAmCaA,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,IAAOJ,EAASI,EAAA,EAAUD,EAAA,CAEX,CAChC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),y=require("../useRefState/useRefState.cjs"),D=require("../../utils/helpers/isTarget.cjs"),d=require("../../utils/helpers/getElement.cjs"),E=(...s)=>{const c=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,e=D.isTarget(s[0])?s[0]:void 0,t=s[1]?s[1]:s[0],m=(t==null?void 0:t.immediately)??!1,[f,g]=l.useState(!1),r=l.useRef(null),n=y.useRefState(),u=()=>{if(!r.current||!c)return;const i=e?d.getElement(e):n.current;i&&(g(!1),i.srcObject=null,r.current.getTracks().forEach(a=>a.stop()),r.current=null)},o=async()=>{if(!c)return;const i=e?d.getElement(e):n.current;if(!i)return;const a=await navigator.mediaDevices.getDisplayMedia({video:t==null?void 0:t.video,audio:t==null?void 0:t.audio});return g(!0),r.current=a,i.srcObject=a,a.getTracks().forEach(v=>v.onended=u),a};return l.useEffect(()=>{if(!(!c||!m||!e&&!n.state||!(e?d.getElement(e):n.current)))return o(),()=>{u()}},[e,n.state]),e?{stream:r.current,sharing:f,supported:c,start:o,stop:u}:{stream:r.current,sharing:f,supported:c,start:o,stop:u,ref:n}};exports.useDisplayMedia=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),y=require("../useRefState/useRefState.cjs"),p=require("../../utils/helpers/isTarget.cjs"),d=require("../../utils/helpers/getElement.cjs"),D=(...s)=>{const a=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,e=p.isTarget(s[0])?s[0]:void 0,u=s[1]?s[1]:s[0],m=u?.immediately??!1,[f,g]=l.useState(!1),t=l.useRef(null),r=y.useRefState(),c=()=>{if(!t.current||!a)return;const n=e?d.getElement(e):r.current;n&&(g(!1),n.srcObject=null,t.current.getTracks().forEach(i=>i.stop()),t.current=null)},o=async()=>{if(!a)return;const n=e?d.getElement(e):r.current;if(!n)return;const i=await navigator.mediaDevices.getDisplayMedia({video:u?.video,audio:u?.audio});return g(!0),t.current=i,n.srcObject=i,i.getTracks().forEach(v=>v.onended=c),i};return l.useEffect(()=>{if(!(!a||!m||!e&&!r.state||!(e?d.getElement(e):r.current)))return o(),()=>{c()}},[e,r.state]),e?{stream:t.current,sharing:f,supported:a,start:o,stop:c}:{stream:t.current,sharing:f,supported:a,start:o,stop:c,ref:r}};exports.useDisplayMedia=D;
 //# 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 { getElement, 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 *\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 streamRef = useRef<MediaStream | null>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    setSharing(false);\n    element.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) 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    element.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || !immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [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","streamRef","useRef","internalRef","useRefState","stop","element","getElement","track","start","displayMedia","useEffect"],"mappings":"mPAsEaA,EAAmB,IAAIC,IAAkB,CAC9C,MAAAC,EACJ,OAAO,UAAc,KACrB,iBAAkB,WAClB,CAAC,CAAC,UAAU,cACZ,oBAAqB,UAAU,aAC3BC,EAAUC,WAASH,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CI,EAAWJ,EAAO,CAAC,EAAIA,EAAO,CAAC,EAAIA,EAAO,CAAC,EAC3CK,GAAcD,GAAA,YAAAA,EAAS,cAAe,GAEtC,CAACE,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,EAAYC,SAA2B,IAAI,EAC3CC,EAAcC,EAAAA,YAAqB,EAEnCC,EAAO,IAAM,CACjB,GAAI,CAACJ,EAAU,SAAW,CAACR,EAAW,OAEtC,MAAMa,EAAWZ,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,QACtDG,IAELP,EAAW,EAAK,EAChBO,EAAQ,UAAY,KACVL,EAAA,QAAQ,YAAY,QAASO,GAAUA,EAAM,MAAM,EAC7DP,EAAU,QAAU,KACtB,EAEMQ,EAAQ,SAAY,CACxB,GAAI,CAAChB,EAAW,OAEhB,MAAMa,EAAWZ,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,QAC3D,GAAI,CAACG,EAAS,OAEd,MAAMI,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAOd,GAAA,YAAAA,EAAS,MAChB,MAAOA,GAAA,YAAAA,EAAS,KAAA,CACjB,EAED,OAAAG,EAAW,EAAI,EACfE,EAAU,QAAUS,EACpBJ,EAAQ,UAAYI,EAEpBA,EAAa,YAAY,QAASF,GAAWA,EAAM,QAAUH,CAAK,EAC3DK,CACT,EAgBI,OAdJC,EAAAA,UAAU,IAAM,CAKd,GAJI,GAAClB,GAAa,CAACI,GACf,CAACH,GAAU,CAACS,EAAY,OAGxB,EADaT,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,UAGrD,OAAAM,EAAA,EAEC,IAAM,CACNJ,EAAA,CACP,CACC,EAAA,CAACX,EAAQS,EAAY,KAAK,CAAC,EAE1BT,EACK,CACL,OAAQO,EAAU,QAClB,QAAAH,EACA,UAAAL,EACA,MAAAgB,EACA,KAAAJ,CACF,EAEK,CACL,OAAQJ,EAAU,QAClB,QAAAH,EACA,UAAAL,EACA,MAAAgB,EACA,KAAAJ,EACA,IAAKF,CACP,CACF"}
+{"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 { getElement, 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 *\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 streamRef = useRef<MediaStream | null>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    setSharing(false);\n    element.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) 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    element.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || !immediately) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLVideoElement;\n    if (!element) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [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","streamRef","useRef","internalRef","useRefState","stop","element","getElement","track","start","displayMedia","useEffect"],"mappings":"mPAsEaA,EAAmB,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,EAAYC,EAAAA,OAA2B,IAAI,EAC3CC,EAAcC,EAAAA,YAAA,EAEdC,EAAO,IAAM,CACjB,GAAI,CAACJ,EAAU,SAAW,CAACR,EAAW,OAEtC,MAAMa,EAAWZ,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,QACtDG,IAELP,EAAW,EAAK,EAChBO,EAAQ,UAAY,KACpBL,EAAU,QAAQ,YAAY,QAASO,GAAUA,EAAM,MAAM,EAC7DP,EAAU,QAAU,KAAA,EAGhBQ,EAAQ,SAAY,CACxB,GAAI,CAAChB,EAAW,OAEhB,MAAMa,EAAWZ,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,QAC3D,GAAI,CAACG,EAAS,OAEd,MAAMI,EAAe,MAAM,UAAU,aAAa,gBAAgB,CAChE,MAAOd,GAAS,MAChB,MAAOA,GAAS,KAAA,CACjB,EAED,OAAAG,EAAW,EAAI,EACfE,EAAU,QAAUS,EACpBJ,EAAQ,UAAYI,EAEpBA,EAAa,YAAY,QAASF,GAAWA,EAAM,QAAUH,CAAK,EAC3DK,CAAA,EAiBT,OAdAC,EAAAA,UAAU,IAAM,CAKd,GAJI,GAAClB,GAAa,CAACI,GACf,CAACH,GAAU,CAACS,EAAY,OAGxB,EADaT,EAASa,EAAAA,WAAWb,CAAM,EAAIS,EAAY,UAG3D,OAAAM,EAAA,EAEO,IAAM,CACXJ,EAAA,CAAK,CACP,EACC,CAACX,EAAQS,EAAY,KAAK,CAAC,EAE1BT,EACK,CACL,OAAQO,EAAU,QAClB,QAAAH,EACA,UAAAL,EACA,MAAAgB,EACA,KAAAJ,CAAA,EAGG,CACL,OAAQJ,EAAU,QAClB,QAAAH,EACA,UAAAL,EACA,MAAAgB,EACA,KAAAJ,EACA,IAAKF,CAAA,CAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentEvent.cjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { target } 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 *\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(target(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","target"],"mappings":"4LAoBaA,EAAmB,CAC9BC,EACAC,EACAC,IACGC,EAAAA,iBAAiBC,EAAA,OAAO,QAAQ,EAAGJ,EAAOC,EAAUC,CAAO"}
+{"version":3,"file":"useDocumentEvent.cjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { target } 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 *\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(target(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","target"],"mappings":"4LAoBaA,EAAmB,CAC9BC,EACAC,EACAC,IACGC,EAAAA,iBAAiBC,EAAAA,OAAO,QAAQ,EAAGJ,EAAOC,EAAUC,CAAO"}

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,n){const i=t.useRef(document.title),[u,s]=t.useState(o??document.title),c=r=>{const e=r.trim();e.length>0&&(document.title=e)};return t.useEffect(()=>{typeof u=="string"&&c(u)},[u]),t.useEffect(()=>{const r=new MutationObserver(()=>{s(e=>document&&document.title!==e?document.title:e)});return r.observe(document.head.querySelector("title"),{childList:!0}),()=>{r.disconnect()}},[]),t.useEffect(()=>{if(n!=null&&n.restoreOnUnmount)return()=>{document.title=i.current}},[]),{value:u,set:c}}exports.useDocumentTitle=l;
+"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

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 *\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')!, { childList: true });\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":"yGA4BgB,SAAAA,EACdC,EACAC,EACwB,CAClB,MAAAC,EAAeC,EAAAA,OAAO,SAAS,KAAK,EACpC,CAACC,EAAOC,CAAQ,EAAIC,EAAS,SAAAN,GAAgB,SAAS,KAAK,EAE3DO,EAAOH,GAAkB,CACvB,MAAAI,EAAeJ,EAAM,KAAK,EAC5BI,EAAa,OAAS,IAAG,SAAS,MAAQA,EAChD,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACV,OAAOL,GAAU,UACrBG,EAAIH,CAAK,CAAA,EACR,CAACA,CAAK,CAAC,EAEVK,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAW,IAAI,iBAAiB,IAAM,CAC1CL,EAAUM,GACJ,UAAY,SAAS,QAAUA,EAC1B,SAAS,MAEXA,CACR,CAAA,CACF,EAEQ,OAAAD,EAAA,QAAQ,SAAS,KAAK,cAAc,OAAO,EAAI,CAAE,UAAW,GAAM,EAEpE,IAAM,CACXA,EAAS,WAAW,CACtB,CACF,EAAG,EAAE,EAELD,EAAAA,UAAU,IAAM,CACd,GAAIR,GAAA,MAAAA,EAAS,iBACX,MAAO,IAAM,CACX,SAAS,MAAQC,EAAa,OAChC,CAEJ,EAAG,EAAE,EAEE,CAAE,MAAAE,EAAO,IAAAG,CAAI,CACtB"}
+{"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 *\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')!, { childList: true });\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":"yGA4BO,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,CAAE,UAAW,GAAM,EAEpE,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"}

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 *\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,IACR,SAAA,iBAAiB,mBAAoBA,CAAQ,EAC/C,IAAM,CACF,SAAA,oBAAoB,mBAAoBA,CAAQ,CAC3D,GAaWC,EAAwB,IACnCC,EAAAA,qBAAqBH,EAAWF,EAAaC,CAAiB"}
+{"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 *\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,GAchDC,EAAwB,IACnCC,EAAAA,qBAAqBH,EAAWF,EAAaC,CAAiB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),g=require("../useRefState/useRefState.cjs"),T=require("../../utils/helpers/isTarget.cjs"),k=require("../../utils/helpers/getElement.cjs"),v=300,m=(...t)=>{const e=T.isTarget(t[0])?t[0]:void 0,l=e?t[1]:t[0],f=e?t[2]:t[1],u=c.useRef(void 0),r=c.useRef(0),o=g.useRefState(),a=c.useRef(l);a.current=l;const i=c.useRef(f);if(i.current=f,c.useEffect(()=>{if(!e&&!o.state)return;const n=e?k.getElement(e):o.current;if(!n)return;const s=d=>{var R;r.current+=1,r.current===1&&(u.current=setTimeout(()=>{var E;(E=i.current)!=null&&E.onSingleClick&&i.current.onSingleClick(d),r.current=0},((R=i.current)==null?void 0:R.threshold)??v)),r.current===2&&(clearTimeout(u.current),a.current(d),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,o.state]),!e)return o};exports.useDoubleClick=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),R=require("../useRefState/useRefState.cjs"),E=require("../../utils/helpers/isTarget.cjs"),g=require("../../utils/helpers/getElement.cjs"),T=300,k=(...t)=>{const e=E.isTarget(t[0])?t[0]:void 0,l=e?t[1]:t[0],f=e?t[2]:t[1],u=c.useRef(void 0),r=c.useRef(0),o=R.useRefState(),a=c.useRef(l);a.current=l;const i=c.useRef(f);if(i.current=f,c.useEffect(()=>{if(!e&&!o.state)return;const n=e?g.getElement(e):o.current;if(!n)return;const s=d=>{r.current+=1,r.current===1&&(u.current=setTimeout(()=>{i.current?.onSingleClick&&i.current.onSingleClick(d),r.current=0},i.current?.threshold??T)),r.current===2&&(clearTimeout(u.current),a.current(d),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,o.state]),!e)return o};exports.useDoubleClick=k;
 //# 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 { getElement, 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  ): boolean;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\nconst DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Sensors\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 {boolean} 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 {boolean} 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 ? 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, internalRef.state]);\n\n  if (target) return;\n  return internalRef;\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onClick","event","_a"],"mappings":"mPAkCMA,EAAyB,IA2BlBC,EAAkB,IAAIC,IAAuB,CAClD,MAAAC,EAAUC,WAASF,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,SAAsC,MAAS,EAC9DC,EAAgBD,SAAO,CAAC,EACxBE,EAAcC,EAAAA,YAAqB,EAEnCC,EAAsBJ,SAAOH,CAAQ,EAC3CO,EAAoB,QAAUP,EACxB,MAAAQ,EAAqBL,SAAOF,CAAO,EAqCzC,GApCAO,EAAmB,QAAUP,EAE7BQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,GAAU,CAACO,EAAY,MAAO,OAEnC,MAAMK,EAAUZ,EAASa,EAAAA,WAAWb,CAAM,EAAIO,EAAY,QAC1D,GAAI,CAACK,EAAS,OAER,MAAAE,EAAWC,GAA6B,OAC5CT,EAAc,SAAW,EAErBA,EAAc,UAAY,IACfF,EAAA,QAAU,WAAW,IAAM,QAClCY,EAAAN,EAAmB,UAAnB,MAAAM,EAA4B,eACXN,EAAA,QAAQ,cAAcK,CAAK,EAChDT,EAAc,QAAU,CACvB,IAAAU,EAAAN,EAAmB,UAAnB,YAAAM,EAA4B,YAAanB,CAAsB,GAGhES,EAAc,UAAY,IAC5B,aAAaF,EAAa,OAAO,EACjCK,EAAoB,QAAQM,CAAK,EACjCT,EAAc,QAAU,EAE5B,EAEQ,OAAAM,EAAA,iBAAiB,YAAaE,CAAwB,EACtDF,EAAA,iBAAiB,aAAcE,CAAwB,EAExD,IAAM,CACHF,EAAA,oBAAoB,YAAaE,CAAwB,EACzDF,EAAA,oBAAoB,aAAcE,CAAwB,EAC9DV,EAAa,SAAsB,aAAAA,EAAa,OAAO,CAC7D,CACC,EAAA,CAACJ,EAAQO,EAAY,KAAK,CAAC,EAE1B,CAAAP,EACG,OAAAO,CACT"}
+{"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 { getElement, 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  ): boolean;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\nconst DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Sensors\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 {boolean} 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 {boolean} 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 ? 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, internalRef.state]);\n\n  if (target) return;\n  return internalRef;\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onClick","event"],"mappings":"mPAkCMA,EAAyB,IA2BlBC,EAAkB,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,EAASa,EAAAA,WAAWb,CAAM,EAAIO,EAAY,QAC1D,GAAI,CAACK,EAAS,OAEd,MAAME,EAAWC,GAA6B,CAC5CT,EAAc,SAAW,EAErBA,EAAc,UAAY,IAC5BF,EAAa,QAAU,WAAW,IAAM,CAClCM,EAAmB,SAAS,eAC9BA,EAAmB,QAAQ,cAAcK,CAAK,EAChDT,EAAc,QAAU,CAAA,EACvBI,EAAmB,SAAS,WAAab,CAAsB,GAGhES,EAAc,UAAY,IAC5B,aAAaF,EAAa,OAAO,EACjCK,EAAoB,QAAQM,CAAK,EACjCT,EAAc,QAAU,EAC1B,EAGF,OAAAM,EAAQ,iBAAiB,YAAaE,CAAwB,EAC9DF,EAAQ,iBAAiB,aAAcE,CAAwB,EAExD,IAAM,CACXF,EAAQ,oBAAoB,YAAaE,CAAwB,EACjEF,EAAQ,oBAAoB,aAAcE,CAAwB,EAC9DV,EAAa,SAAS,aAAaA,EAAa,OAAO,CAAA,CAC7D,EACC,CAACJ,EAAQO,EAAY,KAAK,CAAC,EAE1B,CAAAP,EACJ,OAAOO,CACT"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),q=require("../useRefState/useRefState.cjs"),F=require("../../utils/helpers/isTarget.cjs"),O=require("../../utils/helpers/getElement.cjs"),j=(...o)=>{const s=F.isTarget(o[0])?o[0]:void 0,t=s?typeof o[1]=="object"?o[1]:{onDrop:o[1]}:typeof o[0]=="object"?o[0]:{onDrop:o[0]},c=q.useRefState(),f=g.useRef(0),[E,S]=g.useState(null),[T,v]=g.useState(!1),a=t.dataTypes,R=e=>{if(!e.dataTransfer)return null;const n=Array.from(e.dataTransfer.files);return t.multiple?n:n.length?[n[0]]:null},V=e=>a?typeof a=="function"?a(e):a.length?e.length?e.every(n=>(console.log("type",n),console.log("dataTypes",a),a.some(u=>n.includes(u)))):!1:!0:!0,b=e=>{const n=Array.from(e).map(l=>l.type),u=V(n),i=t.multiple||e.length<=1;return u&&i};return g.useEffect(()=>{if(!s&&!c.state)return;const e=s?O.getElement(s):c.current;if(!e)return;const n=(r,d)=>{var p,L,m,h;if(!r.dataTransfer)return;if(!b(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const D=R(r);if(d==="drop"){f.current=0,v(!1),S(D),(p=t.onDrop)==null||p.call(t,D,r);return}if(d==="enter"){f.current+=1,v(!0),(L=t.onEnter)==null||L.call(t,r);return}if(d==="leave"){if(f.current-=1,f.current!==0)return;v(!1),(m=t.onLeave)==null||m.call(t,r);return}d==="over"&&((h=t.onOver)==null||h.call(t,r))},u=r=>n(r,"drop"),i=r=>n(r,"over"),l=r=>n(r,"enter"),y=r=>n(r,"leave");return e.addEventListener("dragenter",l),e.addEventListener("dragover",i),e.addEventListener("dragleave",y),e.addEventListener("drop",u),()=>{e.removeEventListener("dragenter",l),e.removeEventListener("dragover",i),e.removeEventListener("dragleave",y),e.removeEventListener("drop",u)}},[s,c.current]),s?{overed:T,files:E}:{ref:c,overed:T,files:E}};exports.useDropZone=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),S=require("../useRefState/useRefState.cjs"),R=require("../../utils/helpers/isTarget.cjs"),V=require("../../utils/helpers/getElement.cjs"),b=(...n)=>{const s=R.isTarget(n[0])?n[0]:void 0,o=s?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},u=S.useRefState(),c=g.useRef(0),[p,D]=g.useState(null),[E,v]=g.useState(!1),a=o.dataTypes,L=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return o.multiple?t:t.length?[t[0]]:null},m=e=>a?typeof a=="function"?a(e):a.length?e.length?e.every(t=>(console.log("type",t),console.log("dataTypes",a),a.some(i=>t.includes(i)))):!1:!0:!0,h=e=>{const t=Array.from(e).map(l=>l.type),i=m(t),f=o.multiple||e.length<=1;return i&&f};return g.useEffect(()=>{if(!s&&!u.state)return;const e=s?V.getElement(s):u.current;if(!e)return;const t=(r,d)=>{if(!r.dataTransfer)return;if(!h(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const y=L(r);if(d==="drop"){c.current=0,v(!1),D(y),o.onDrop?.(y,r);return}if(d==="enter"){c.current+=1,v(!0),o.onEnter?.(r);return}if(d==="leave"){if(c.current-=1,c.current!==0)return;v(!1),o.onLeave?.(r);return}d==="over"&&o.onOver?.(r)},i=r=>t(r,"drop"),f=r=>t(r,"over"),l=r=>t(r,"enter"),T=r=>t(r,"leave");return e.addEventListener("dragenter",l),e.addEventListener("dragover",f),e.addEventListener("dragleave",T),e.addEventListener("drop",i),()=>{e.removeEventListener("dragenter",l),e.removeEventListener("dragover",f),e.removeEventListener("dragleave",T),e.removeEventListener("drop",i)}},[s,u.current]),s?{overed:E,files:p}:{ref:u,overed:E,files:p}};exports.useDropZone=b;
 //# 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 { getElement, 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 *\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 */\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) => {\n      console.log('type', type);\n      console.log('dataTypes', dataTypes);\n      return dataTypes.some((dataType) => type.includes(dataType));\n    });\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 ? getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\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 (type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (type === 'enter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (type === 'leave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (type === 'over') options.onOver?.(event);\n    };\n\n    const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n    const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n    const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n    const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n    element.addEventListener('dragenter', onDragEnter);\n    element.addEventListener('dragover', onDragOver);\n    element.addEventListener('dragleave', onDragLeave);\n    element.addEventListener('drop', onDrop);\n\n    return () => {\n      element.removeEventListener('dragenter', onDragEnter);\n      element.removeEventListener('dragover', onDragOver);\n      element.removeEventListener('dragleave', onDragLeave);\n      element.removeEventListener('drop', onDrop);\n    };\n  }, [target, internalRef.current]);\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","getElement","onEvent","currentFiles","_a","_b","_c","_d","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"mPAwGaA,EAAe,IAAIC,IAAkB,CAC1C,MAAAC,EAAUC,WAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAE,EACtB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAE,EAGtBI,EAAcC,EAAAA,YAAqB,EAEnCC,EAAaC,SAAO,CAAC,EACrB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAEpCG,EAAYV,EAAQ,UAEpBW,EAAYC,GAAqB,CACjC,GAAA,CAACA,EAAM,aAAqB,OAAA,KAChC,MAAMC,EAAO,MAAM,KAAKD,EAAM,aAAa,KAAK,EAC5C,OAAAZ,EAAQ,SAAiBa,EACxBA,EAAK,OACH,CAACA,EAAK,CAAC,CAAC,EADU,IAE3B,EAEMC,EAAkBC,GACjBL,EACD,OAAOA,GAAc,WAAmBA,EAAUK,CAAK,EACtDL,EAAU,OACVK,EAAM,OAEJA,EAAM,MAAOC,IACV,QAAA,IAAI,OAAQA,CAAI,EAChB,QAAA,IAAI,YAAaN,CAAS,EAC3BA,EAAU,KAAMO,GAAaD,EAAK,SAASC,CAAQ,CAAC,EAC5D,EANyB,GADI,GAFP,GAYnBC,EAAiBC,GAAgC,CAC/C,MAAAJ,EAAQ,MAAM,KAAKI,CAAK,EAAE,IAAKC,GAASA,EAAK,IAAI,EACjDC,EAAiBP,EAAeC,CAAK,EACrCO,EAAqBtB,EAAQ,UAAYmB,EAAM,QAAU,EAE/D,OAAOE,GAAkBC,CAC3B,EAmEA,OAjEAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMuB,EAAU1B,EAAS2B,EAAAA,WAAW3B,CAAM,EAAIG,EAAY,QAE1D,GAAI,CAACuB,EAAS,OAER,MAAAE,EAAU,CAACd,EAAkBI,IAA8C,aAC3E,GAAA,CAACJ,EAAM,aAAc,OAGzB,GAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,EACxC,CACZA,EAAM,aAAa,WAAa,OAChC,MAAA,CAGFA,EAAM,eAAe,EACrBA,EAAM,aAAa,WAAa,OAE1B,MAAAe,EAAehB,EAASC,CAAK,EAEnC,GAAII,IAAS,OAAQ,CACnBb,EAAW,QAAU,EACrBM,EAAU,EAAK,EACfH,EAASqB,CAAY,GACbC,EAAA5B,EAAA,SAAA,MAAA4B,EAAA,KAAA5B,EAAS2B,EAAcf,GAC/B,MAAA,CAGF,GAAII,IAAS,QAAS,CACpBb,EAAW,SAAW,EACtBM,EAAU,EAAI,GACdoB,EAAA7B,EAAQ,UAAR,MAAA6B,EAAA,KAAA7B,EAAkBY,GAClB,MAAA,CAGF,GAAII,IAAS,QAAS,CAEhB,GADJb,EAAW,SAAW,EAClBA,EAAW,UAAY,EAAG,OAC9BM,EAAU,EAAK,GACfqB,EAAA9B,EAAQ,UAAR,MAAA8B,EAAA,KAAA9B,EAAkBY,GAClB,MAAA,CAGEI,IAAS,UAAgBe,EAAA/B,EAAA,SAAA,MAAA+B,EAAA,KAAA/B,EAASY,GACxC,EAEMoB,EAAWpB,GAAqBc,EAAQd,EAAO,MAAM,EACrDqB,EAAerB,GAAqBc,EAAQd,EAAO,MAAM,EACzDsB,EAAgBtB,GAAqBc,EAAQd,EAAO,OAAO,EAC3DuB,EAAgBvB,GAAqBc,EAAQd,EAAO,OAAO,EAEzD,OAAAY,EAAA,iBAAiB,YAAaU,CAAW,EACzCV,EAAA,iBAAiB,WAAYS,CAAU,EACvCT,EAAA,iBAAiB,YAAaW,CAAW,EACzCX,EAAA,iBAAiB,OAAQQ,CAAM,EAEhC,IAAM,CACHR,EAAA,oBAAoB,YAAaU,CAAW,EAC5CV,EAAA,oBAAoB,WAAYS,CAAU,EAC1CT,EAAA,oBAAoB,YAAaW,CAAW,EAC5CX,EAAA,oBAAoB,OAAQQ,CAAM,CAC5C,CACC,EAAA,CAAClC,EAAQG,EAAY,OAAO,CAAC,EAE5BH,EAAe,CAAE,OAAAU,EAAQ,MAAAH,CAAM,EAC5B,CAAE,IAAKJ,EAAa,OAAAO,EAAQ,MAAAH,CAAM,CAC3C"}
+{"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 { getElement, 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 *\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 */\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) => {\n      console.log('type', type);\n      console.log('dataTypes', dataTypes);\n      return dataTypes.some((dataType) => type.includes(dataType));\n    });\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 ? getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\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 (type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (type === 'enter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (type === 'leave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (type === 'over') options.onOver?.(event);\n    };\n\n    const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n    const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n    const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n    const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n    element.addEventListener('dragenter', onDragEnter);\n    element.addEventListener('dragover', onDragOver);\n    element.addEventListener('dragleave', onDragLeave);\n    element.addEventListener('drop', onDrop);\n\n    return () => {\n      element.removeEventListener('dragenter', onDragEnter);\n      element.removeEventListener('dragover', onDragOver);\n      element.removeEventListener('dragleave', onDragLeave);\n      element.removeEventListener('drop', onDrop);\n    };\n  }, [target, internalRef.current]);\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","getElement","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"mPAwGaA,EAAe,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,IAClB,QAAQ,IAAI,OAAQA,CAAI,EACxB,QAAQ,IAAI,YAAaN,CAAS,EAC3BA,EAAU,KAAMO,GAAaD,EAAK,SAASC,CAAQ,CAAC,EAC5D,EANyB,GADI,GAFP,GAYnBC,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,EAoE3B,OAjEAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMuB,EAAU1B,EAAS2B,EAAAA,WAAW3B,CAAM,EAAIG,EAAY,QAE1D,GAAI,CAACuB,EAAS,OAEd,MAAME,EAAU,CAACd,EAAkBI,IAA8C,CAC/E,GAAI,CAACJ,EAAM,aAAc,OAGzB,GAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,EACxC,CACZA,EAAM,aAAa,WAAa,OAChC,MAAA,CAGFA,EAAM,eAAA,EACNA,EAAM,aAAa,WAAa,OAEhC,MAAMe,EAAehB,EAASC,CAAK,EAEnC,GAAII,IAAS,OAAQ,CACnBb,EAAW,QAAU,EACrBM,EAAU,EAAK,EACfH,EAASqB,CAAY,EACrB3B,EAAQ,SAAS2B,EAAcf,CAAK,EACpC,MAAA,CAGF,GAAII,IAAS,QAAS,CACpBb,EAAW,SAAW,EACtBM,EAAU,EAAI,EACdT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGF,GAAII,IAAS,QAAS,CAEpB,GADAb,EAAW,SAAW,EAClBA,EAAW,UAAY,EAAG,OAC9BM,EAAU,EAAK,EACfT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGEI,IAAS,QAAQhB,EAAQ,SAASY,CAAK,CAAA,EAGvCgB,EAAWhB,GAAqBc,EAAQd,EAAO,MAAM,EACrDiB,EAAejB,GAAqBc,EAAQd,EAAO,MAAM,EACzDkB,EAAgBlB,GAAqBc,EAAQd,EAAO,OAAO,EAC3DmB,EAAgBnB,GAAqBc,EAAQd,EAAO,OAAO,EAEjE,OAAAY,EAAQ,iBAAiB,YAAaM,CAAW,EACjDN,EAAQ,iBAAiB,WAAYK,CAAU,EAC/CL,EAAQ,iBAAiB,YAAaO,CAAW,EACjDP,EAAQ,iBAAiB,OAAQI,CAAM,EAEhC,IAAM,CACXJ,EAAQ,oBAAoB,YAAaM,CAAW,EACpDN,EAAQ,oBAAoB,WAAYK,CAAU,EAClDL,EAAQ,oBAAoB,YAAaO,CAAW,EACpDP,EAAQ,oBAAoB,OAAQI,CAAM,CAAA,CAC5C,EACC,CAAC9B,EAAQG,EAAY,OAAO,CAAC,EAE5BH,EAAe,CAAE,OAAAU,EAAQ,MAAAH,CAAA,EACtB,CAAE,IAAKJ,EAAa,OAAAO,EAAQ,MAAAH,CAAA,CACrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(target?: never): { ref: StateRef<Target> } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.current, target]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","getElement","width","height","observer"],"mappings":"6QAgDaA,EAAkB,IAAIC,IAAkB,CAC7C,MAAAC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAqB,EAyBzC,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,WAAWR,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAsB,EAChDL,EAAA,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAEK,MAAAC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAO,EAAIH,EAAQ,sBAAsB,EACxDL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAW,CACtB,CACC,EAAA,CAACP,EAAY,QAASJ,CAAM,CAAC,EAE5BA,EAAe,CAAE,MAAOC,CAAK,EAC1B,CACL,IAAKG,EACL,MAAOH,CACT,CACF"}
+{"version":3,"file":"useElementSize.cjs","sources":["../../../../src/hooks/useElementSize/useElementSize.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The element size value type */\nexport interface UseElementSizeValue {\n  /** The element's height */\n  height: number;\n  /** The element's width */\n  width: number;\n}\n\n/** The use element size return type */\nexport interface UseElementSizeReturn {\n  value: UseElementSizeValue;\n}\n\nexport interface UseElementSize {\n  (target: HookTarget): UseElementSizeReturn;\n\n  <Target extends Element>(target?: never): { ref: StateRef<Target> } & UseElementSizeReturn;\n}\n\n/**\n * @name useElementSize\n * @description - Hook that observes and returns the width and height of element\n * @category Elements\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @returns {UseElementSizeReturn} An object containing the current width and height of the element\n *\n * @example\n * const { value } = useElementSize(ref);\n *\n * @overload\n * @returns { { ref: StateRef<Target> } & UseElementSizeReturn } An object containing the current width and height of the element\n *\n * @example\n * const { ref, value } = useElementSize();\n */\nexport const useElementSize = ((...params: any[]) => {\n  const target = params[0] as HookTarget | undefined;\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const internalRef = useRefState<Element>();\n\n  useIsomorphicLayoutEffect(() => {\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const { width, height } = element.getBoundingClientRect();\n    setSize({\n      width,\n      height\n    });\n\n    const observer = new ResizeObserver(() => {\n      const { width, height } = element.getBoundingClientRect();\n      setSize({ width, height });\n    });\n\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.current, target]);\n\n  if (target) return { value: size };\n  return {\n    ref: internalRef,\n    value: size\n  };\n}) as UseElementSize;\n"],"names":["useElementSize","params","target","size","setSize","useState","internalRef","useRefState","useIsomorphicLayoutEffect","element","getElement","width","height","observer"],"mappings":"6QAgDaA,EAAkB,IAAIC,IAAkB,CACnD,MAAMC,EAASD,EAAO,CAAC,EACjB,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAE,MAAO,EAAG,OAAQ,EAAG,EAClDC,EAAcC,EAAAA,YAAA,EAyBpB,OAvBAC,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAWP,EAASQ,EAAAA,WAAWR,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACG,EAAS,OAEd,KAAM,CAAE,MAAAE,EAAO,OAAAC,GAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CACN,MAAAO,EACA,OAAAC,CAAA,CACD,EAED,MAAMC,EAAW,IAAI,eAAe,IAAM,CACxC,KAAM,CAAE,MAAAF,EAAO,OAAAC,CAAAA,EAAWH,EAAQ,sBAAA,EAClCL,EAAQ,CAAE,MAAAO,EAAO,OAAAC,EAAQ,CAAA,CAC1B,EAED,OAAAC,EAAS,QAAQJ,CAAO,EAEjB,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACP,EAAY,QAASJ,CAAM,CAAC,EAE5BA,EAAe,CAAE,MAAOC,CAAA,EACrB,CACL,IAAKG,EACL,MAAOH,CAAA,CAEX"}

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 Browser\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 callbackRef = useRef<typeof callback>(callback);\n  callbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = callbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"names":["useEvent","callback","callbackRef","useRef","useCallback","args","fn"],"mappings":"yGAeaA,EACXC,GACkC,CAC5B,MAAAC,EAAcC,SAAwBF,CAAQ,EACpD,OAAAC,EAAY,QAAUD,EAEfG,EAAA,YAAY,IAAIC,IAAS,CAC9B,MAAMC,EAAKJ,EAAY,QAChB,OAAAI,EAAG,GAAGD,CAAI,CACnB,EAAG,EAAE,CACP"}
+{"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 Browser\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 callbackRef = useRef<typeof callback>(callback);\n  callbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = callbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"names":["useEvent","callback","callbackRef","useRef","useCallback","args","fn"],"mappings":"yGAeaA,EACXC,GACkC,CAClC,MAAMC,EAAcC,EAAAA,OAAwBF,CAAQ,EACpD,OAAAC,EAAY,QAAUD,EAEfG,EAAAA,YAAY,IAAIC,IAAS,CAC9B,MAAMC,EAAKJ,EAAY,QACvB,OAAOI,EAAG,GAAGD,CAAI,CAAA,EAChB,EAAE,CACP"}

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

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.cjs","sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = boolean | 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 *\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 internalRef = useRefState(window);\n  const internalListener = useEvent(listener);\n\n  useEffect(() => {\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const callback = (event: Event) => internalListener(event);\n\n    element.addEventListener(event, callback, options);\n    return () => {\n      element.removeEventListener(event, callback, options);\n    };\n  }, [target, internalRef.state, event, options]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"names":["useEventListener","params","target","isTarget","event","listener","options","internalRef","useRefState","internalListener","useEvent","useEffect","element","getElement","callback"],"mappings":"yRA2GaA,EAAoB,IAAIC,IAAkB,CAC/C,MAAAC,EAAUC,WAASF,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,EAAcC,cAAY,MAAM,EAChCC,EAAmBC,WAASL,CAAQ,EAc1C,GAZAM,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAUV,EAASW,EAAAA,WAAWX,CAAM,EAAIK,EAAY,QAC1D,GAAI,CAACK,EAAS,OAEd,MAAME,EAAYV,GAAiBK,EAAiBL,CAAK,EAEjD,OAAAQ,EAAA,iBAAiBR,EAAOU,EAAUR,CAAO,EAC1C,IAAM,CACHM,EAAA,oBAAoBR,EAAOU,EAAUR,CAAO,CACtD,CAAA,EACC,CAACJ,EAAQK,EAAY,MAAOH,EAAOE,CAAO,CAAC,EAE1C,CAAAJ,EACG,OAAAK,CACT"}
+{"version":3,"file":"useEventListener.cjs","sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = boolean | 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 *\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 internalRef = useRefState(window);\n  const internalListener = useEvent(listener);\n\n  useEffect(() => {\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const callback = (event: Event) => internalListener(event);\n\n    element.addEventListener(event, callback, options);\n    return () => {\n      element.removeEventListener(event, callback, options);\n    };\n  }, [target, internalRef.state, event, options]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"names":["useEventListener","params","target","isTarget","event","listener","options","internalRef","useRefState","internalListener","useEvent","useEffect","element","getElement","callback"],"mappings":"yRA2GaA,EAAoB,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,EAAcC,EAAAA,YAAY,MAAM,EAChCC,EAAmBC,EAAAA,SAASL,CAAQ,EAc1C,GAZAM,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAUV,EAASW,EAAAA,WAAWX,CAAM,EAAIK,EAAY,QAC1D,GAAI,CAACK,EAAS,OAEd,MAAME,EAAYV,GAAiBK,EAAiBL,CAAK,EAEzD,OAAAQ,EAAQ,iBAAiBR,EAAOU,EAAUR,CAAO,EAC1C,IAAM,CACXM,EAAQ,oBAAoBR,EAAOU,EAAUR,CAAO,CAAA,CACtD,EACC,CAACJ,EAAQK,EAAY,MAAOH,EAAOE,CAAO,CAAC,EAE1C,CAAAJ,EACJ,OAAOK,CACT"}

package/dist/cjs/hooks/useEventSource/useEventSource.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),D=require("../../utils/helpers/getRetry.cjs"),M=(C,h=[],e={})=>{const[O,f]=a.useState(!1),[w,d]=a.useState(!1),[I,g]=a.useState(!1),y=a.useRef(e!=null&&e.retry?D.getRetry(e.retry):0),[b,m]=a.useState(void 0),[q,v]=a.useState(e==null?void 0:e.placeholderData),u=a.useRef(void 0),R=e.immediately??!0,S=()=>{u.current&&(u.current.close(),u.current=void 0,d(!1),f(!1),g(!1))},E=()=>{S();const t=new EventSource(C,{withCredentials:e.withCredentials??!1});u.current=t,f(!0),t.onopen=()=>{var r;d(!0),f(!1),m(void 0),(r=e==null?void 0:e.onOpen)==null||r.call(e)},t.onerror=r=>{var c;if(d(!1),f(!1),g(!0),m(r),(c=e==null?void 0:e.onError)==null||c.call(e,r),y.current>0){y.current-=1;const l=typeof(e==null?void 0:e.retryDelay)=="function"?e==null?void 0:e.retryDelay(y.current,r):e==null?void 0:e.retryDelay;if(l){setTimeout(E,l);return}}y.current=e!=null&&e.retry?D.getRetry(e.retry):0},t.onmessage=r=>{var l;const c=e!=null&&e.select?e==null?void 0:e.select(r.data):r.data;v(c),(l=e==null?void 0:e.onMessage)==null||l.call(e,r)},h.forEach(r=>{t.addEventListener(r,c=>{v(c.data)})})};return a.useEffect(()=>{if(R)return E(),()=>{S()}},[R]),{instance:u.current,data:q,error:b,isConnecting:O,isOpen:w,isError:I,close:S,open:E}};exports.useEventSource=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),E=require("../../utils/helpers/getRetry.cjs"),O=(g,m=[],e={})=>{const[v,c]=t.useState(!1),[R,l]=t.useState(!1),[D,y]=t.useState(!1),u=t.useRef(e?.retry?E.getRetry(e.retry):0),[C,d]=t.useState(void 0),[h,i]=t.useState(e?.placeholderData),a=t.useRef(void 0),S=e.immediately??!0,o=()=>{a.current&&(a.current.close(),a.current=void 0,l(!1),c(!1),y(!1))},f=()=>{o();const n=new EventSource(g,{withCredentials:e.withCredentials??!1});a.current=n,c(!0),n.onopen=()=>{l(!0),c(!1),d(void 0),e?.onOpen?.()},n.onerror=r=>{if(l(!1),c(!1),y(!0),d(r),e?.onError?.(r),u.current>0){u.current-=1;const s=typeof e?.retryDelay=="function"?e?.retryDelay(u.current,r):e?.retryDelay;if(s){setTimeout(f,s);return}}u.current=e?.retry?E.getRetry(e.retry):0},n.onmessage=r=>{const s=e?.select?e?.select(r.data):r.data;i(s),e?.onMessage?.(r)},m.forEach(r=>{n.addEventListener(r,s=>{i(s.data)})})};return t.useEffect(()=>{if(S)return f(),()=>{o()}},[S]),{instance:a.current,data:h,error:C,isConnecting:v,isOpen:R,isError:D,close:o,open:f}};exports.useEventSource=O;
 //# sourceMappingURL=useEventSource.cjs.map

package/dist/cjs/hooks/useEventSource/useEventSource.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEventSource.cjs","sources":["../../../../src/hooks/useEventSource/useEventSource.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/** The use event source options type */\nexport interface UseEventSourceOptions<QueryData, Data> extends EventSourceInit {\n  /** Immediately open the connection when calling this hook */\n  immediately?: boolean;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, event: Event) => number) | number;\n  /* The onError function to be invoked */\n  onError?: (error: Event) => void;\n  /* The onMessage function to be invoked */\n  onMessage?: (event: Event & { data?: Data }) => void;\n  /* The onOpen function to be invoked */\n  onOpen?: () => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\n/** The use event source return type */\ninterface UseEventSourceReturn<Data = any> {\n  /** The latest data received via the EventSource */\n  data?: Data;\n  /** The current error */\n  error?: Event;\n  /** The instance of the EventSource */\n  instance?: EventSource;\n  /* The connecting state of the query */\n  isConnecting: boolean;\n  /* The error state of the query */\n  isError: boolean;\n  /* The open state of the query */\n  isOpen: boolean;\n  /** Closes the EventSource connection gracefully */\n  close: () => void;\n  /** Reopen the EventSource connection */\n  open: () => void;\n}\n\n/**\n * @name useEventSource\n * @description - Hook that provides a reactive wrapper for event source\n * @category Browser\n *\n * @browserapi EventSource https://developer.mozilla.org/en-US/docs/Web/API/EventSource\n *\n * @param {string | URL} url The URL of the EventSource\n * @param {string[]} [events=[]] List of events to listen to\n * @param {UseEventSourceOptions} [options={}] Configuration options\n * @returns {UseEventSourceReturn<Data>} The EventSource state and controls\n *\n * @example\n * const { instance, data, isConnecting, isOpen, isError, close, open } = useEventSource('url', ['message']);\n */\nexport const useEventSource = <QueryData = any, Data = QueryData>(\n  url: string | URL,\n  events: string[] = [],\n  options: UseEventSourceOptions<QueryData, Data> = {}\n): UseEventSourceReturn<Data> => {\n  const [isConnecting, setIsConnecting] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isError, setIsError] = useState(false);\n\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const [error, setError] = useState<Event | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const eventSourceRef = useRef<EventSource>(undefined);\n\n  const immediately = options.immediately ?? true;\n\n  const close = () => {\n    if (!eventSourceRef.current) return;\n\n    eventSourceRef.current.close();\n    eventSourceRef.current = undefined;\n    setIsOpen(false);\n    setIsConnecting(false);\n    setIsError(false);\n  };\n\n  const open = () => {\n    close();\n\n    const eventSource = new EventSource(url, { withCredentials: options.withCredentials ?? false });\n    eventSourceRef.current = eventSource;\n\n    setIsConnecting(true);\n\n    eventSource.onopen = () => {\n      setIsOpen(true);\n      setIsConnecting(false);\n      setError(undefined);\n      options?.onOpen?.();\n    };\n\n    eventSource.onerror = (event) => {\n      setIsOpen(false);\n      setIsConnecting(false);\n      setIsError(true);\n      setError(event);\n      options?.onError?.(event);\n\n      if (retryCountRef.current > 0) {\n        retryCountRef.current -= 1;\n\n        const retryDelay =\n          typeof options?.retryDelay === 'function'\n            ? options?.retryDelay(retryCountRef.current, event)\n            : options?.retryDelay;\n\n        if (retryDelay) {\n          setTimeout(open, retryDelay);\n          return;\n        }\n      }\n\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n    };\n\n    eventSource.onmessage = (event) => {\n      const data = options?.select ? options?.select(event.data) : event.data;\n      setData(data);\n      options?.onMessage?.(event);\n    };\n\n    events.forEach((eventName) => {\n      eventSource.addEventListener(eventName, (event: Event & { data?: Data }) => {\n        setData(event.data);\n      });\n    });\n  };\n\n  useEffect(() => {\n    if (!immediately) return;\n\n    open();\n    return () => {\n      close();\n    };\n  }, [immediately]);\n\n  return {\n    instance: eventSourceRef.current,\n    data,\n    error,\n    isConnecting,\n    isOpen,\n    isError,\n    close,\n    open\n  };\n};\n"],"names":["useEventSource","url","events","options","isConnecting","setIsConnecting","useState","isOpen","setIsOpen","isError","setIsError","retryCountRef","useRef","getRetry","error","setError","data","setData","eventSourceRef","immediately","close","open","eventSource","_a","event","retryDelay","eventName","useEffect"],"mappings":"uJA2DaA,EAAiB,CAC5BC,EACAC,EAAmB,CAAA,EACnBC,EAAkD,CAAA,IACnB,CAC/B,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EACpC,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAEtCK,EAAgBC,SAAOT,GAAA,MAAAA,EAAS,MAAQU,EAAAA,SAASV,EAAQ,KAAK,EAAI,CAAC,EACnE,CAACW,EAAOC,CAAQ,EAAIT,EAAAA,SAA4B,MAAS,EACzD,CAACU,EAAMC,CAAO,EAAIX,EAAAA,SAA2BH,GAAA,YAAAA,EAAS,eAAe,EAErEe,EAAiBN,SAAoB,MAAS,EAE9CO,EAAchB,EAAQ,aAAe,GAErCiB,EAAQ,IAAM,CACbF,EAAe,UAEpBA,EAAe,QAAQ,MAAM,EAC7BA,EAAe,QAAU,OACzBV,EAAU,EAAK,EACfH,EAAgB,EAAK,EACrBK,EAAW,EAAK,EAClB,EAEMW,EAAO,IAAM,CACXD,EAAA,EAEA,MAAAE,EAAc,IAAI,YAAYrB,EAAK,CAAE,gBAAiBE,EAAQ,iBAAmB,GAAO,EAC9Fe,EAAe,QAAUI,EAEzBjB,EAAgB,EAAI,EAEpBiB,EAAY,OAAS,IAAM,OACzBd,EAAU,EAAI,EACdH,EAAgB,EAAK,EACrBU,EAAS,MAAS,GAClBQ,EAAApB,GAAA,YAAAA,EAAS,SAAT,MAAAoB,EAAA,KAAApB,EACF,EAEYmB,EAAA,QAAWE,GAAU,OAO3B,GANJhB,EAAU,EAAK,EACfH,EAAgB,EAAK,EACrBK,EAAW,EAAI,EACfK,EAASS,CAAK,GACdD,EAAApB,GAAA,YAAAA,EAAS,UAAT,MAAAoB,EAAA,KAAApB,EAAmBqB,GAEfb,EAAc,QAAU,EAAG,CAC7BA,EAAc,SAAW,EAEnB,MAAAc,EACJ,OAAOtB,GAAA,YAAAA,EAAS,aAAe,WAC3BA,GAAA,YAAAA,EAAS,WAAWQ,EAAc,QAASa,GAC3CrB,GAAA,YAAAA,EAAS,WAEf,GAAIsB,EAAY,CACd,WAAWJ,EAAMI,CAAU,EAC3B,MAAA,CACF,CAGFd,EAAc,QAAUR,GAAA,MAAAA,EAAS,MAAQU,EAAAA,SAASV,EAAQ,KAAK,EAAI,CACrE,EAEYmB,EAAA,UAAaE,GAAU,OAC3BR,MAAAA,EAAOb,GAAA,MAAAA,EAAS,OAASA,GAAA,YAAAA,EAAS,OAAOqB,EAAM,MAAQA,EAAM,KACnEP,EAAQD,CAAI,GACZO,EAAApB,GAAA,YAAAA,EAAS,YAAT,MAAAoB,EAAA,KAAApB,EAAqBqB,EACvB,EAEOtB,EAAA,QAASwB,GAAc,CAChBJ,EAAA,iBAAiBI,EAAYF,GAAmC,CAC1EP,EAAQO,EAAM,IAAI,CAAA,CACnB,CAAA,CACF,CACH,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKR,EAEA,OAAAE,EAAA,EACE,IAAM,CACLD,EAAA,CACR,CAAA,EACC,CAACD,CAAW,CAAC,EAET,CACL,SAAUD,EAAe,QACzB,KAAAF,EACA,MAAAF,EACA,aAAAV,EACA,OAAAG,EACA,QAAAE,EACA,MAAAW,EACA,KAAAC,CACF,CACF"}
+{"version":3,"file":"useEventSource.cjs","sources":["../../../../src/hooks/useEventSource/useEventSource.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/** The use event source options type */\nexport interface UseEventSourceOptions<QueryData, Data> extends EventSourceInit {\n  /** Immediately open the connection when calling this hook */\n  immediately?: boolean;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, event: Event) => number) | number;\n  /* The onError function to be invoked */\n  onError?: (error: Event) => void;\n  /* The onMessage function to be invoked */\n  onMessage?: (event: Event & { data?: Data }) => void;\n  /* The onOpen function to be invoked */\n  onOpen?: () => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\n/** The use event source return type */\ninterface UseEventSourceReturn<Data = any> {\n  /** The latest data received via the EventSource */\n  data?: Data;\n  /** The current error */\n  error?: Event;\n  /** The instance of the EventSource */\n  instance?: EventSource;\n  /* The connecting state of the query */\n  isConnecting: boolean;\n  /* The error state of the query */\n  isError: boolean;\n  /* The open state of the query */\n  isOpen: boolean;\n  /** Closes the EventSource connection gracefully */\n  close: () => void;\n  /** Reopen the EventSource connection */\n  open: () => void;\n}\n\n/**\n * @name useEventSource\n * @description - Hook that provides a reactive wrapper for event source\n * @category Browser\n *\n * @browserapi EventSource https://developer.mozilla.org/en-US/docs/Web/API/EventSource\n *\n * @param {string | URL} url The URL of the EventSource\n * @param {string[]} [events=[]] List of events to listen to\n * @param {UseEventSourceOptions} [options={}] Configuration options\n * @returns {UseEventSourceReturn<Data>} The EventSource state and controls\n *\n * @example\n * const { instance, data, isConnecting, isOpen, isError, close, open } = useEventSource('url', ['message']);\n */\nexport const useEventSource = <QueryData = any, Data = QueryData>(\n  url: string | URL,\n  events: string[] = [],\n  options: UseEventSourceOptions<QueryData, Data> = {}\n): UseEventSourceReturn<Data> => {\n  const [isConnecting, setIsConnecting] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isError, setIsError] = useState(false);\n\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const [error, setError] = useState<Event | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const eventSourceRef = useRef<EventSource>(undefined);\n\n  const immediately = options.immediately ?? true;\n\n  const close = () => {\n    if (!eventSourceRef.current) return;\n\n    eventSourceRef.current.close();\n    eventSourceRef.current = undefined;\n    setIsOpen(false);\n    setIsConnecting(false);\n    setIsError(false);\n  };\n\n  const open = () => {\n    close();\n\n    const eventSource = new EventSource(url, { withCredentials: options.withCredentials ?? false });\n    eventSourceRef.current = eventSource;\n\n    setIsConnecting(true);\n\n    eventSource.onopen = () => {\n      setIsOpen(true);\n      setIsConnecting(false);\n      setError(undefined);\n      options?.onOpen?.();\n    };\n\n    eventSource.onerror = (event) => {\n      setIsOpen(false);\n      setIsConnecting(false);\n      setIsError(true);\n      setError(event);\n      options?.onError?.(event);\n\n      if (retryCountRef.current > 0) {\n        retryCountRef.current -= 1;\n\n        const retryDelay =\n          typeof options?.retryDelay === 'function'\n            ? options?.retryDelay(retryCountRef.current, event)\n            : options?.retryDelay;\n\n        if (retryDelay) {\n          setTimeout(open, retryDelay);\n          return;\n        }\n      }\n\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n    };\n\n    eventSource.onmessage = (event) => {\n      const data = options?.select ? options?.select(event.data) : event.data;\n      setData(data);\n      options?.onMessage?.(event);\n    };\n\n    events.forEach((eventName) => {\n      eventSource.addEventListener(eventName, (event: Event & { data?: Data }) => {\n        setData(event.data);\n      });\n    });\n  };\n\n  useEffect(() => {\n    if (!immediately) return;\n\n    open();\n    return () => {\n      close();\n    };\n  }, [immediately]);\n\n  return {\n    instance: eventSourceRef.current,\n    data,\n    error,\n    isConnecting,\n    isOpen,\n    isError,\n    close,\n    open\n  };\n};\n"],"names":["useEventSource","url","events","options","isConnecting","setIsConnecting","useState","isOpen","setIsOpen","isError","setIsError","retryCountRef","useRef","getRetry","error","setError","data","setData","eventSourceRef","immediately","close","open","eventSource","event","retryDelay","eventName","useEffect"],"mappings":"uJA2DaA,EAAiB,CAC5BC,EACAC,EAAmB,CAAA,EACnBC,EAAkD,CAAA,IACnB,CAC/B,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EACpC,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAEtCK,EAAgBC,EAAAA,OAAOT,GAAS,MAAQU,EAAAA,SAASV,EAAQ,KAAK,EAAI,CAAC,EACnE,CAACW,EAAOC,CAAQ,EAAIT,EAAAA,SAA4B,MAAS,EACzD,CAACU,EAAMC,CAAO,EAAIX,EAAAA,SAA2BH,GAAS,eAAe,EAErEe,EAAiBN,EAAAA,OAAoB,MAAS,EAE9CO,EAAchB,EAAQ,aAAe,GAErCiB,EAAQ,IAAM,CACbF,EAAe,UAEpBA,EAAe,QAAQ,MAAA,EACvBA,EAAe,QAAU,OACzBV,EAAU,EAAK,EACfH,EAAgB,EAAK,EACrBK,EAAW,EAAK,EAAA,EAGZW,EAAO,IAAM,CACjBD,EAAA,EAEA,MAAME,EAAc,IAAI,YAAYrB,EAAK,CAAE,gBAAiBE,EAAQ,iBAAmB,GAAO,EAC9Fe,EAAe,QAAUI,EAEzBjB,EAAgB,EAAI,EAEpBiB,EAAY,OAAS,IAAM,CACzBd,EAAU,EAAI,EACdH,EAAgB,EAAK,EACrBU,EAAS,MAAS,EAClBZ,GAAS,SAAA,CAAS,EAGpBmB,EAAY,QAAWC,GAAU,CAO/B,GANAf,EAAU,EAAK,EACfH,EAAgB,EAAK,EACrBK,EAAW,EAAI,EACfK,EAASQ,CAAK,EACdpB,GAAS,UAAUoB,CAAK,EAEpBZ,EAAc,QAAU,EAAG,CAC7BA,EAAc,SAAW,EAEzB,MAAMa,EACJ,OAAOrB,GAAS,YAAe,WAC3BA,GAAS,WAAWQ,EAAc,QAASY,CAAK,EAChDpB,GAAS,WAEf,GAAIqB,EAAY,CACd,WAAWH,EAAMG,CAAU,EAC3B,MAAA,CACF,CAGFb,EAAc,QAAUR,GAAS,MAAQU,EAAAA,SAASV,EAAQ,KAAK,EAAI,CAAA,EAGrEmB,EAAY,UAAaC,GAAU,CACjC,MAAMP,EAAOb,GAAS,OAASA,GAAS,OAAOoB,EAAM,IAAI,EAAIA,EAAM,KACnEN,EAAQD,CAAI,EACZb,GAAS,YAAYoB,CAAK,CAAA,EAG5BrB,EAAO,QAASuB,GAAc,CAC5BH,EAAY,iBAAiBG,EAAYF,GAAmC,CAC1EN,EAAQM,EAAM,IAAI,CAAA,CACnB,CAAA,CACF,CAAA,EAGHG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKP,EAEL,OAAAE,EAAA,EACO,IAAM,CACXD,EAAA,CAAM,CACR,EACC,CAACD,CAAW,CAAC,EAET,CACL,SAAUD,EAAe,QACzB,KAAAF,EACA,MAAAF,EACA,aAAAV,EACA,OAAAG,EACA,QAAAE,EACA,MAAAW,EACA,KAAAC,CAAA,CAEJ"}