@siberiacancode/reactuse 0.3.15 → 0.3.18

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

@@ -1 +1 @@
-{"version":3,"file":"useDropZone.mjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n  /** The data types for drop zone */\n  dataTypes?: DropZoneDataTypes;\n  /** The multiple mode for drop zone */\n  multiple?: boolean;\n  /** The on drop callback */\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\n  /** The on enter callback */\n  onEnter?: (event: DragEvent) => void;\n  /** The on leave callback */\n  onLeave?: (event: DragEvent) => void;\n  /** The on over callback */\n  onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n  /** The files that was dropped in drop zone */\n  files: File[] | null;\n  /** The over drop zone status */\n  overed: boolean;\n}\n\nexport interface UseDropZone {\n  (\n    target: HookTarget,\n    callback?: (files: File[] | null, event: DragEvent) => void\n  ): UseDropZoneReturn;\n\n  <Target extends Element>(\n    callback?: (files: File[] | null, event: DragEvent) => void,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n  <Target extends Element>(\n    options?: UseDropZoneOptions,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onDrop: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onDrop: params[0] }\n  ) as UseDropZoneOptions;\n\n  const internalRef = useRefState<Element>();\n\n  const counterRef = useRef(0);\n  const [files, setFiles] = useState<File[] | null>(null);\n  const [overed, setOvered] = useState(false);\n\n  const dataTypes = options.dataTypes;\n\n  const getFiles = (event: DragEvent) => {\n    if (!event.dataTransfer) return null;\n    const list = Array.from(event.dataTransfer.files);\n    if (options.multiple) return list;\n    if (!list.length) return null;\n    return [list[0]];\n  };\n\n  const checkDataTypes = (types: string[]) => {\n    if (!dataTypes) return true;\n    if (typeof dataTypes === 'function') return dataTypes(types);\n    if (!dataTypes.length) return true;\n    if (!types.length) return false;\n\n    return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n  };\n\n  const checkValidity = (items: DataTransferItemList) => {\n    const types = Array.from(items).map((item) => item.type);\n    const dataTypesValid = checkDataTypes(types);\n    const multipleFilesValid = options.multiple || items.length <= 1;\n\n    return dataTypesValid && multipleFilesValid;\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent) => {\n      if (!event.dataTransfer) return;\n\n      const isValid = checkValidity(event.dataTransfer.items);\n      if (!isValid) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'copy';\n\n      const currentFiles = getFiles(event);\n\n      if (event.type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (event.type === 'dragenter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (event.type === 'dragleave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (event.type === 'dragover') options.onOver?.(event);\n    };\n\n    element.addEventListener('dragenter', onEvent as EventListener);\n    element.addEventListener('dragover', onEvent as EventListener);\n    element.addEventListener('dragleave', onEvent as EventListener);\n    element.addEventListener('drop', onEvent as EventListener);\n\n    return () => {\n      element.removeEventListener('dragenter', onEvent as EventListener);\n      element.removeEventListener('dragover', onEvent as EventListener);\n      element.removeEventListener('dragleave', onEvent as EventListener);\n      element.removeEventListener('drop', onEvent as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { overed, files };\n  return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles"],"mappings":";;;AAwGO,MAAMA,KAAe,IAAIC,MAAkB;AAChD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,IACpB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,QAAQA,EAAO,CAAC,EAAA,GAGpBI,IAAcC,EAAA,GAEdC,IAAaC,EAAO,CAAC,GACrB,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GAEpCG,IAAYV,EAAQ,WAEpBW,IAAW,CAACC,MAAqB;AACrC,QAAI,CAACA,EAAM,aAAc,QAAO;AAChC,UAAMC,IAAO,MAAM,KAAKD,EAAM,aAAa,KAAK;AAChD,WAAIZ,EAAQ,WAAiBa,IACxBA,EAAK,SACH,CAACA,EAAK,CAAC,CAAC,IADU;AAAA,EACV,GAGXC,IAAiB,CAACC,MACjBL,IACD,OAAOA,KAAc,aAAmBA,EAAUK,CAAK,IACtDL,EAAU,SACVK,EAAM,SAEJA,EAAM,MAAM,CAACC,MAASN,EAAU,KAAK,CAACO,MAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,IAFxD,KADI,KAFP,IAQnBC,IAAgB,CAACC,MAAgC;AACrD,UAAMJ,IAAQ,MAAM,KAAKI,CAAK,EAAE,IAAI,CAACC,MAASA,EAAK,IAAI,GACjDC,IAAiBP,EAAeC,CAAK,GACrCO,IAAqBtB,EAAQ,YAAYmB,EAAM,UAAU;AAE/D,WAAOE,KAAkBC;AAAA,EAAA;AA+D3B,SA5DAC,EAAU,MAAM;AACd,QAAI,CAACzB,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMuB,IAAU1B,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY;AAEnE,QAAI,CAACuB,EAAS;AAEd,UAAMC,IAAU,CAACb,MAAqB;AACpC,UAAI,CAACA,EAAM,aAAc;AAGzB,UAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,GACxC;AACZ,QAAAA,EAAM,aAAa,aAAa;AAChC;AAAA,MAAA;AAGF,MAAAA,EAAM,eAAA,GACNA,EAAM,aAAa,aAAa;AAEhC,YAAMc,IAAef,EAASC,CAAK;AAEnC,UAAIA,EAAM,SAAS,QAAQ;AACzB,QAAAT,EAAW,UAAU,GACrBM,EAAU,EAAK,GACfH,EAASoB,CAAY,GACrB1B,EAAQ,SAAS0B,GAAcd,CAAK;AACpC;AAAA,MAAA;AAGF,UAAIA,EAAM,SAAS,aAAa;AAC9B,QAAAT,EAAW,WAAW,GACtBM,EAAU,EAAI,GACdT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,UAAIA,EAAM,SAAS,aAAa;AAE9B,YADAT,EAAW,WAAW,GAClBA,EAAW,YAAY,EAAG;AAC9B,QAAAM,EAAU,EAAK,GACfT,EAAQ,UAAUY,CAAK;AACvB;AAAA,MAAA;AAGF,MAAIA,EAAM,SAAS,cAAYZ,EAAQ,SAASY,CAAK;AAAA,IAAA;AAGvD,WAAAY,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9DD,EAAQ,iBAAiB,YAAYC,CAAwB,GAC7DD,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9DD,EAAQ,iBAAiB,QAAQC,CAAwB,GAElD,MAAM;AACX,MAAAD,EAAQ,oBAAoB,aAAaC,CAAwB,GACjED,EAAQ,oBAAoB,YAAYC,CAAwB,GAChED,EAAQ,oBAAoB,aAAaC,CAAwB,GACjED,EAAQ,oBAAoB,QAAQC,CAAwB;AAAA,IAAA;AAAA,EAC9D,GACC,CAAC3B,KAAUC,EAAS,cAAcD,CAAM,GAAGG,EAAY,KAAK,CAAC,GAE5DH,IAAe,EAAE,QAAAU,GAAQ,OAAAH,EAAA,IACtB,EAAE,KAAKJ,GAAa,QAAAO,GAAQ,OAAAH,EAAA;AACrC;"}
+{"version":3,"file":"useDropZone.mjs","names":[],"sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n  /** The data types for drop zone */\n  dataTypes?: DropZoneDataTypes;\n  /** The multiple mode for drop zone */\n  multiple?: boolean;\n  /** The on drop callback */\n  onDrop?: (files: File[] | null, event: DragEvent) => void;\n  /** The on enter callback */\n  onEnter?: (event: DragEvent) => void;\n  /** The on leave callback */\n  onLeave?: (event: DragEvent) => void;\n  /** The on over callback */\n  onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n  /** The files that was dropped in drop zone */\n  files: File[] | null;\n  /** The over drop zone status */\n  overed: boolean;\n}\n\nexport interface UseDropZone {\n  (\n    target: HookTarget,\n    callback?: (files: File[] | null, event: DragEvent) => void\n  ): UseDropZoneReturn;\n\n  <Target extends Element>(\n    callback?: (files: File[] | null, event: DragEvent) => void,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n  <Target extends Element>(\n    options?: UseDropZoneOptions,\n    target?: never\n  ): UseDropZoneReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onDrop: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onDrop: params[0] }\n  ) as UseDropZoneOptions;\n\n  const internalRef = useRefState<Element>();\n\n  const counterRef = useRef(0);\n  const [files, setFiles] = useState<File[] | null>(null);\n  const [overed, setOvered] = useState(false);\n\n  const dataTypes = options.dataTypes;\n\n  const getFiles = (event: DragEvent) => {\n    if (!event.dataTransfer) return null;\n    const list = Array.from(event.dataTransfer.files);\n    if (options.multiple) return list;\n    if (!list.length) return null;\n    return [list[0]];\n  };\n\n  const checkDataTypes = (types: string[]) => {\n    if (!dataTypes) return true;\n    if (typeof dataTypes === 'function') return dataTypes(types);\n    if (!dataTypes.length) return true;\n    if (!types.length) return false;\n\n    return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n  };\n\n  const checkValidity = (items: DataTransferItemList) => {\n    const types = Array.from(items).map((item) => item.type);\n    const dataTypesValid = checkDataTypes(types);\n    const multipleFilesValid = options.multiple || items.length <= 1;\n\n    return dataTypesValid && multipleFilesValid;\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n\n    if (!element) return;\n\n    const onEvent = (event: DragEvent) => {\n      if (!event.dataTransfer) return;\n\n      const isValid = checkValidity(event.dataTransfer.items);\n      if (!isValid) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'copy';\n\n      const currentFiles = getFiles(event);\n\n      if (event.type === 'drop') {\n        counterRef.current = 0;\n        setOvered(false);\n        setFiles(currentFiles);\n        options.onDrop?.(currentFiles, event);\n        return;\n      }\n\n      if (event.type === 'dragenter') {\n        counterRef.current += 1;\n        setOvered(true);\n        options.onEnter?.(event);\n        return;\n      }\n\n      if (event.type === 'dragleave') {\n        counterRef.current -= 1;\n        if (counterRef.current !== 0) return;\n        setOvered(false);\n        options.onLeave?.(event);\n        return;\n      }\n\n      if (event.type === 'dragover') options.onOver?.(event);\n    };\n\n    element.addEventListener('dragenter', onEvent as EventListener);\n    element.addEventListener('dragover', onEvent as EventListener);\n    element.addEventListener('dragleave', onEvent as EventListener);\n    element.addEventListener('drop', onEvent as EventListener);\n\n    return () => {\n      element.removeEventListener('dragenter', onEvent as EventListener);\n      element.removeEventListener('dragover', onEvent as EventListener);\n      element.removeEventListener('dragleave', onEvent as EventListener);\n      element.removeEventListener('drop', onEvent as EventListener);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return { overed, files };\n  return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"mappings":";;;;AAwGA,IAAa,MAAgB,GAAG,MAAkB;CAChD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IACJ,IACI,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,QAAQ,EAAO,IAAI,GACvB,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,QAAQ,EAAO,IAAI,EAGvB,IAAc,GAAsB,EAEpC,IAAa,EAAO,EAAE,EACtB,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAY,EAAQ,WAEpB,KAAY,MAAqB;AACrC,MAAI,CAAC,EAAM,aAAc,QAAO;EAChC,IAAM,IAAO,MAAM,KAAK,EAAM,aAAa,MAAM;AAGjD,SAFI,EAAQ,WAAiB,IACxB,EAAK,SACH,CAAC,EAAK,GAAG,GADS;IAIrB,KAAkB,MACjB,IACD,OAAO,KAAc,aAAmB,EAAU,EAAM,GACvD,EAAU,SACV,EAAM,SAEJ,EAAM,OAAO,MAAS,EAAU,MAAM,MAAa,EAAK,SAAS,EAAS,CAAC,CAAC,GAFzD,KADI,KAFP,IAQnB,KAAiB,MAAgC;EAErD,IAAM,IAAiB,EADT,MAAM,KAAK,EAAM,CAAC,KAAK,MAAS,EAAK,KAAK,CACZ,EACtC,IAAqB,EAAQ,YAAY,EAAM,UAAU;AAE/D,SAAO,KAAkB;;AAgE3B,QA7DA,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAU,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAEnE,MAAI,CAAC,EAAS;EAEd,IAAM,KAAW,MAAqB;AACpC,OAAI,CAAC,EAAM,aAAc;AAGzB,OAAI,CADY,EAAc,EAAM,aAAa,MAAM,EACzC;AACZ,MAAM,aAAa,aAAa;AAChC;;AAIF,GADA,EAAM,gBAAgB,EACtB,EAAM,aAAa,aAAa;GAEhC,IAAM,IAAe,EAAS,EAAM;AAEpC,OAAI,EAAM,SAAS,QAAQ;AAIzB,IAHA,EAAW,UAAU,GACrB,EAAU,GAAM,EAChB,EAAS,EAAa,EACtB,EAAQ,SAAS,GAAc,EAAM;AACrC;;AAGF,OAAI,EAAM,SAAS,aAAa;AAG9B,IAFA,EAAW,WAAW,GACtB,EAAU,GAAK,EACf,EAAQ,UAAU,EAAM;AACxB;;AAGF,OAAI,EAAM,SAAS,aAAa;AAE9B,QADA,IAAW,SACP,EAAW,YAAY,EAAG;AAE9B,IADA,EAAU,GAAM,EAChB,EAAQ,UAAU,EAAM;AACxB;;AAGF,GAAI,EAAM,SAAS,cAAY,EAAQ,SAAS,EAAM;;AAQxD,SALA,EAAQ,iBAAiB,aAAa,EAAyB,EAC/D,EAAQ,iBAAiB,YAAY,EAAyB,EAC9D,EAAQ,iBAAiB,aAAa,EAAyB,EAC/D,EAAQ,iBAAiB,QAAQ,EAAyB,QAE7C;AAIX,GAHA,EAAQ,oBAAoB,aAAa,EAAyB,EAClE,EAAQ,oBAAoB,YAAY,EAAyB,EACjE,EAAQ,oBAAoB,aAAa,EAAyB,EAClE,EAAQ,oBAAoB,QAAQ,EAAyB;;IAE9D,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,IAAe;EAAE;EAAQ;EAAO,GAC7B;EAAE,KAAK;EAAa;EAAQ;EAAO"}

package/dist/esm/hooks/useEvent/useEvent.mjs

@@ -1,12 +1,13 @@
-import { useRef as u, useCallback as o } from "react";
-const c = (e) => {
-  const r = u(e);
-  return r.current = e, o((...n) => {
-    const t = r.current;
-    return t(...n);
-  }, []);
+import { useCallback as e, useRef as t } from "react";
+//#region src/hooks/useEvent/useEvent.ts
+var n = (n) => {
+	let r = t(n);
+	return r.current = n, e((...e) => {
+		let t = r.current;
+		return t(...e);
+	}, []);
 };
-export {
-  c as useEvent
-};
-//# sourceMappingURL=useEvent.mjs.map
+//#endregion
+export { n as useEvent };
+
+//# sourceMappingURL=useEvent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEvent.mjs","sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/**\n * @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n * @usage high\n\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n *\n * @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n  const internalCallbackRef = useRef<typeof callback>(callback);\n  internalCallbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = internalCallbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"names":["useEvent","callback","internalCallbackRef","useRef","useCallback","args","fn"],"mappings":";AAgBO,MAAMA,IAAW,CACtBC,MACkC;AAClC,QAAMC,IAAsBC,EAAwBF,CAAQ;AAC5D,SAAAC,EAAoB,UAAUD,GAEvBG,EAAY,IAAIC,MAAS;AAC9B,UAAMC,IAAKJ,EAAoB;AAC/B,WAAOI,EAAG,GAAGD,CAAI;AAAA,EAAA,GAChB,EAAE;AACP;"}
+{"version":3,"file":"useEvent.mjs","names":[],"sources":["../../../../src/hooks/useEvent/useEvent.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/**\n * @name useEvent\n * @description - Hook that creates an event and returns a stable reference of it\n * @category Utilities\n * @usage high\n\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @returns {(...args: Params) => Return} The callback\n *\n * @example\n * const onClick = useEvent(() => console.log('clicked'));\n */\nexport const useEvent = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return\n): ((...args: Params) => Return) => {\n  const internalCallbackRef = useRef<typeof callback>(callback);\n  internalCallbackRef.current = callback;\n\n  return useCallback((...args) => {\n    const fn = internalCallbackRef.current;\n    return fn(...args);\n  }, []);\n};\n"],"mappings":";;AAgBA,IAAa,KACX,MACkC;CAClC,IAAM,IAAsB,EAAwB,EAAS;AAG7D,QAFA,EAAoB,UAAU,GAEvB,GAAa,GAAG,MAAS;EAC9B,IAAM,IAAK,EAAoB;AAC/B,SAAO,EAAG,GAAG,EAAK;IACjB,EAAE,CAAC"}

package/dist/esm/hooks/useEventListener/useEventListener.mjs

@@ -1,20 +1,25 @@
-import { useRef as d, useEffect as R } from "react";
-import { useRefState as g } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const b = ((...e) => {
-  const t = i(e[0]) ? e[0] : void 0, r = t ? e[1] : e[0], s = t ? e[2] : e[1], n = t ? e[3] : e[2], c = n?.enabled ?? !0, o = g(), u = d(s);
-  u.current = s;
-  const v = d(n);
-  if (v.current = n, R(() => {
-    if (!c) return;
-    const f = (t ? i.getElement(t) : o.current) ?? window, l = (E) => u.current(E);
-    return f.addEventListener(r, l, n), () => {
-      f.removeEventListener(r, l, n);
-    };
-  }, [t && i.getRawElement(t), o.state, r, c]), !t)
-    return o;
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r } from "react";
+//#region src/hooks/useEventListener/useEventListener.ts
+var i = ((...i) => {
+	let a = e(i[0]) ? i[0] : void 0, o = a ? i[1] : i[0], s = a ? i[2] : i[1], c = a ? i[3] : i[2], l = c?.enabled ?? !0, u = t(), d = r(s);
+	d.current = s;
+	let f = r(c);
+	if (f.current = c, n(() => {
+		if (!l) return;
+		let t = (a ? e.getElement(a) : u.current) ?? window, n = (e) => d.current(e);
+		return t.addEventListener(o, n, c), () => {
+			t.removeEventListener(o, n, c);
+		};
+	}, [
+		a && e.getRawElement(a),
+		u.state,
+		o,
+		l
+	]), !a) return u;
 });
-export {
-  b as useEventListener
-};
-//# sourceMappingURL=useEventListener.mjs.map
+//#endregion
+export { i as useEventListener };
+
+//# sourceMappingURL=useEventListener.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.mjs","sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = {\n  enabled?: boolean;\n} & AddEventListenerOptions;\n\n/** The use event listener return type */\nexport type UseEventListenerReturn<Target extends Element> = StateRef<Target>;\n\nexport interface UseEventListener {\n  <Event extends keyof WindowEventMap = keyof WindowEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Window, event: WindowEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof DocumentEventMap = keyof DocumentEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Document, event: DocumentEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Element, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element, Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    event: Event,\n    listener: (this: Target, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n\n  <\n    Target extends Element,\n    Event extends keyof MediaQueryListEventMap = keyof MediaQueryListEventMap\n  >(\n    event: Event,\n    listener: (this: Target, event: MediaQueryListEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n}\n\n/**\n * @name useEventListener\n * @description - Hook that attaches an event listener to the specified target\n * @category Browser\n * @usage necessary\n\n * @overload\n * @template Event Key of window event map\n * @param {Window} target The window object to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Window, event: WindowEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(window, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @param {Document} target The window object to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Document, event: DocumentEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(document, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {HookTarget} target The target element to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(ref, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event] | MediaQueryListEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {UseEventListenerReturn<Target>} A reference to the target element\n *\n * @example\n * const ref = useEventListener('click', () => console.log('click'));\n */\nexport const useEventListener = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const event = (target ? params[1] : params[0]) as string;\n  const listener = (target ? params[2] : params[1]) as (...arg: any[]) => undefined | void;\n  const options = (target ? params[3] : params[2]) as UseEventListenerOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState();\n  const internalListenerRef = useRef(listener);\n  internalListenerRef.current = listener;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    const listener = (event: Event) => internalListenerRef.current(event);\n\n    element.addEventListener(event, listener, options);\n    return () => {\n      element.removeEventListener(event, listener, options);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, event, enabled]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"names":["useEventListener","params","target","isTarget","event","listener","options","enabled","internalRef","useRefState","internalListenerRef","useRef","internalOptionsRef","useEffect","element"],"mappings":";;;AA6GO,MAAMA,KAAoB,IAAIC,MAAkB;AACrD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAASF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACtCI,IAAYH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCK,IAAWJ,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCM,IAAUD,GAAS,WAAW,IAE9BE,IAAcC,EAAA,GACdC,IAAsBC,EAAON,CAAQ;AAC3C,EAAAK,EAAoB,UAAUL;AAC9B,QAAMO,IAAqBD,EAAOL,CAAO;AAiBzC,MAhBAM,EAAmB,UAAUN,GAE7BO,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAEd,UAAMO,KACFZ,IAASC,EAAS,WAAWD,CAAM,IAAIM,EAAY,YAAwB,QAEzEH,IAAW,CAACD,MAAiBM,EAAoB,QAAQN,CAAK;AAEpE,WAAAU,EAAQ,iBAAiBV,GAAOC,GAAUC,CAAO,GAC1C,MAAM;AACX,MAAAQ,EAAQ,oBAAoBV,GAAOC,GAAUC,CAAO;AAAA,IAAA;AAAA,EACtD,GACC,CAACJ,KAAUC,EAAS,cAAcD,CAAM,GAAGM,EAAY,OAAOJ,GAAOG,CAAO,CAAC,GAE5E,CAAAL;AACJ,WAAOM;AACT;"}
+{"version":3,"file":"useEventListener.mjs","names":[],"sources":["../../../../src/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use event listener options */\nexport type UseEventListenerOptions = {\n  enabled?: boolean;\n} & AddEventListenerOptions;\n\n/** The use event listener return type */\nexport type UseEventListenerReturn<Target extends Element> = StateRef<Target>;\n\nexport interface UseEventListener {\n  <Event extends keyof WindowEventMap = keyof WindowEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Window, event: WindowEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof DocumentEventMap = keyof DocumentEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Document, event: DocumentEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    target: HookTarget,\n    event: Event,\n    listener: (this: Element, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element, Event extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(\n    event: Event,\n    listener: (this: Target, event: HTMLElementEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n\n  <\n    Target extends Element,\n    Event extends keyof MediaQueryListEventMap = keyof MediaQueryListEventMap\n  >(\n    event: Event,\n    listener: (this: Target, event: MediaQueryListEventMap[Event]) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): UseEventListenerReturn<Target>;\n}\n\n/**\n * @name useEventListener\n * @description - Hook that attaches an event listener to the specified target\n * @category Browser\n * @usage necessary\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {HookTarget} target The target element to attach the event listener to\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {void}\n *\n * @example\n * useEventListener(ref, 'click', () => console.log('click'));\n *\n * @overload\n * @template Event Key of window event map\n * @template Target The target element\n * @param {Event | Event[]} event An array of event types to listen for\n * @param {(this: Target, event: HTMLElementEventMap[Event] | MediaQueryListEventMap[Event]) => void} handler The event handler function\n * @param {UseEventListenerOptions} [options] Options for the event listener\n * @returns {UseEventListenerReturn<Target>} A reference to the target element\n *\n * @example\n * const ref = useEventListener('click', () => console.log('click'));\n */\nexport const useEventListener = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const event = (target ? params[1] : params[0]) as string;\n  const listener = (target ? params[2] : params[1]) as (...arg: any[]) => undefined | void;\n  const options = (target ? params[3] : params[2]) as UseEventListenerOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState();\n  const internalListenerRef = useRef(listener);\n  internalListenerRef.current = listener;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ?? window;\n\n    const listener = (event: Event) => internalListenerRef.current(event);\n\n    element.addEventListener(event, listener, options);\n    return () => {\n      element.removeEventListener(event, listener, options);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state, event, enabled]);\n\n  if (target) return;\n  return internalRef;\n}) as UseEventListener;\n"],"mappings":";;;;AAuFA,IAAa,MAAqB,GAAG,MAAkB;CACrD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAS,IAAS,EAAO,KAAK,EAAO,IACrC,IAAY,IAAS,EAAO,KAAK,EAAO,IACxC,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,IAAU,GAAS,WAAW,IAE9B,IAAc,GAAa,EAC3B,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAqB,EAAO,EAAQ;AAC1C,OAAmB,UAAU,GAE7B,QAAgB;AACd,MAAI,CAAC,EAAS;EAEd,IAAM,KACF,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,YAAwB,QAEzE,KAAY,MAAiB,EAAoB,QAAQ,EAAM;AAGrE,SADA,EAAQ,iBAAiB,GAAO,GAAU,EAAQ,QACrC;AACX,KAAQ,oBAAoB,GAAO,GAAU,EAAQ;;IAEtD;EAAC,KAAU,EAAS,cAAc,EAAO;EAAE,EAAY;EAAO;EAAO;EAAQ,CAAC,EAE7E,GACJ,QAAO"}

package/dist/esm/hooks/useEventSource/useEventSource.mjs

@@ -1,50 +1,45 @@
-import { useState as c, useRef as d, useEffect as L } from "react";
-import { getRetry as g } from "../../utils/helpers/getRetry.mjs";
-const M = (h, y = [], e = {}) => {
-  const [C, a] = c(!1), [R, f] = c(!1), [S, i] = c(!1), s = d(e?.retry ? g(e.retry) : 0), [w, E] = c(void 0), [I, m] = c(e?.placeholderData), n = d(void 0), v = e.immediately ?? !0, D = d((r) => m(r.data)), l = () => {
-    n.current && (f(!1), a(!1), i(!1), y.forEach(
-      (r) => n.current.removeEventListener(r, D.current)
-    ), n.current.close(), n.current = void 0);
-  }, u = () => {
-    l();
-    const r = new EventSource(h, {
-      withCredentials: e.withCredentials ?? !1
-    });
-    n.current = r, a(!0), r.onopen = () => {
-      f(!0), a(!1), E(void 0), e?.onOpen?.();
-    }, r.onerror = (t) => {
-      if (f(!1), a(!1), i(!0), E(t), e?.onError?.(t), s.current > 0) {
-        s.current -= 1;
-        const o = typeof e?.retryDelay == "function" ? e?.retryDelay(s.current, t) : e?.retryDelay;
-        if (o) {
-          setTimeout(u, o);
-          return;
-        }
-        return u();
-      }
-      s.current = e?.retry ? g(e.retry) : 0;
-    }, r.onmessage = (t) => {
-      const o = e?.select ? e?.select(t.data) : t.data;
-      m(o), e?.onMessage?.(t);
-    }, y.forEach((t) => r.addEventListener(t, D.current));
-  };
-  return L(() => {
-    if (v)
-      return u(), () => {
-        l();
-      };
-  }, [v]), {
-    instance: n.current,
-    data: I,
-    error: w,
-    isConnecting: C,
-    opened: R,
-    isError: S,
-    close: l,
-    open: u
-  };
+import { getRetry as e } from "../../utils/helpers/getRetry.mjs";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useEventSource/useEventSource.ts
+var i = (i, a = [], o = {}) => {
+	let [s, c] = r(!1), [l, u] = r(!1), [d, f] = r(!1), p = n(o?.retry ? e(o.retry) : 0), [m, h] = r(void 0), [g, _] = r(o?.placeholderData), v = n(void 0), y = o.immediately ?? !0, b = n((e) => _(e.data)), x = () => {
+		v.current &&= (u(!1), c(!1), f(!1), a.forEach((e) => v.current.removeEventListener(e, b.current)), v.current.close(), void 0);
+	}, S = () => {
+		x();
+		let t = new EventSource(i, { withCredentials: o.withCredentials ?? !1 });
+		v.current = t, c(!0), t.onopen = () => {
+			u(!0), c(!1), h(void 0), o?.onOpen?.();
+		}, t.onerror = (t) => {
+			if (u(!1), c(!1), f(!0), h(t), o?.onError?.(t), p.current > 0) {
+				--p.current;
+				let e = typeof o?.retryDelay == "function" ? o?.retryDelay(p.current, t) : o?.retryDelay;
+				if (e) {
+					setTimeout(S, e);
+					return;
+				}
+				return S();
+			}
+			p.current = o?.retry ? e(o.retry) : 0;
+		}, t.onmessage = (e) => {
+			_(o?.select ? o?.select(e.data) : e.data), o?.onMessage?.(e);
+		}, a.forEach((e) => t.addEventListener(e, b.current));
+	};
+	return t(() => {
+		if (y) return S(), () => {
+			x();
+		};
+	}, [y]), {
+		instance: v.current,
+		data: g,
+		error: m,
+		isConnecting: s,
+		opened: l,
+		isError: d,
+		close: x,
+		open: S
+	};
 };
-export {
-  M as useEventSource
-};
-//# sourceMappingURL=useEventSource.mjs.map
+//#endregion
+export { i as useEventSource };
+
+//# sourceMappingURL=useEventSource.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEventSource.mjs","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  opened: 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 * @usage low\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, connecting, opened, 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 [opened, setOpened] = 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 onEventRef = useRef((event: Event & { data?: Data }) => setData(event.data));\n\n  const close = () => {\n    if (!eventSourceRef.current) return;\n\n    setOpened(false);\n    setIsConnecting(false);\n    setIsError(false);\n\n    events.forEach((eventName) =>\n      eventSourceRef.current!.removeEventListener(eventName, onEventRef.current)\n    );\n\n    eventSourceRef.current.close();\n    eventSourceRef.current = undefined;\n  };\n\n  const open = () => {\n    close();\n\n    const eventSource = new EventSource(url, {\n      withCredentials: options.withCredentials ?? false\n    });\n    eventSourceRef.current = eventSource;\n\n    setIsConnecting(true);\n\n    eventSource.onopen = () => {\n      setOpened(true);\n      setIsConnecting(false);\n      setError(undefined);\n      options?.onOpen?.();\n    };\n\n    eventSource.onerror = (event) => {\n      setOpened(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        return open();\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) => eventSource.addEventListener(eventName, onEventRef.current));\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    opened,\n    isError,\n    close,\n    open\n  };\n};\n"],"names":["useEventSource","url","events","options","isConnecting","setIsConnecting","useState","opened","setOpened","isError","setIsError","retryCountRef","useRef","getRetry","error","setError","data","setData","eventSourceRef","immediately","onEventRef","event","close","eventName","open","eventSource","retryDelay","useEffect"],"mappings":";;AA4DO,MAAMA,IAAiB,CAC5BC,GACAC,IAAmB,CAAA,GACnBC,IAAkD,CAAA,MACnB;AAC/B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAgBC,EAAOT,GAAS,QAAQU,EAASV,EAAQ,KAAK,IAAI,CAAC,GACnE,CAACW,GAAOC,CAAQ,IAAIT,EAA4B,MAAS,GACzD,CAACU,GAAMC,CAAO,IAAIX,EAA2BH,GAAS,eAAe,GAErEe,IAAiBN,EAAoB,MAAS,GAE9CO,IAAchB,EAAQ,eAAe,IAErCiB,IAAaR,EAAO,CAACS,MAAmCJ,EAAQI,EAAM,IAAI,CAAC,GAE3EC,IAAQ,MAAM;AAClB,IAAKJ,EAAe,YAEpBV,EAAU,EAAK,GACfH,EAAgB,EAAK,GACrBK,EAAW,EAAK,GAEhBR,EAAO;AAAA,MAAQ,CAACqB,MACdL,EAAe,QAAS,oBAAoBK,GAAWH,EAAW,OAAO;AAAA,IAAA,GAG3EF,EAAe,QAAQ,MAAA,GACvBA,EAAe,UAAU;AAAA,EAAA,GAGrBM,IAAO,MAAM;AACjB,IAAAF,EAAA;AAEA,UAAMG,IAAc,IAAI,YAAYxB,GAAK;AAAA,MACvC,iBAAiBE,EAAQ,mBAAmB;AAAA,IAAA,CAC7C;AACD,IAAAe,EAAe,UAAUO,GAEzBpB,EAAgB,EAAI,GAEpBoB,EAAY,SAAS,MAAM;AACzB,MAAAjB,EAAU,EAAI,GACdH,EAAgB,EAAK,GACrBU,EAAS,MAAS,GAClBZ,GAAS,SAAA;AAAA,IAAS,GAGpBsB,EAAY,UAAU,CAACJ,MAAU;AAO/B,UANAb,EAAU,EAAK,GACfH,EAAgB,EAAK,GACrBK,EAAW,EAAI,GACfK,EAASM,CAAK,GACdlB,GAAS,UAAUkB,CAAK,GAEpBV,EAAc,UAAU,GAAG;AAC7B,QAAAA,EAAc,WAAW;AAEzB,cAAMe,IACJ,OAAOvB,GAAS,cAAe,aAC3BA,GAAS,WAAWQ,EAAc,SAASU,CAAK,IAChDlB,GAAS;AAEf,YAAIuB,GAAY;AACd,qBAAWF,GAAME,CAAU;AAC3B;AAAA,QAAA;AAGF,eAAOF,EAAA;AAAA,MAAK;AAGd,MAAAb,EAAc,UAAUR,GAAS,QAAQU,EAASV,EAAQ,KAAK,IAAI;AAAA,IAAA,GAGrEsB,EAAY,YAAY,CAACJ,MAAU;AACjC,YAAML,IAAOb,GAAS,SAASA,GAAS,OAAOkB,EAAM,IAAI,IAAIA,EAAM;AACnE,MAAAJ,EAAQD,CAAI,GACZb,GAAS,YAAYkB,CAAK;AAAA,IAAA,GAG5BnB,EAAO,QAAQ,CAACqB,MAAcE,EAAY,iBAAiBF,GAAWH,EAAW,OAAO,CAAC;AAAA,EAAA;AAG3F,SAAAO,EAAU,MAAM;AACd,QAAKR;AAEL,aAAAK,EAAA,GACO,MAAM;AACX,QAAAF,EAAA;AAAA,MAAM;AAAA,EACR,GACC,CAACH,CAAW,CAAC,GAET;AAAA,IACL,UAAUD,EAAe;AAAA,IACzB,MAAAF;AAAA,IACA,OAAAF;AAAA,IACA,cAAAV;AAAA,IACA,QAAAG;AAAA,IACA,SAAAE;AAAA,IACA,OAAAa;AAAA,IACA,MAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useEventSource.mjs","names":[],"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  opened: 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 * @usage low\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, connecting, opened, 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 [opened, setOpened] = 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 onEventRef = useRef((event: Event & { data?: Data }) => setData(event.data));\n\n  const close = () => {\n    if (!eventSourceRef.current) return;\n\n    setOpened(false);\n    setIsConnecting(false);\n    setIsError(false);\n\n    events.forEach((eventName) =>\n      eventSourceRef.current!.removeEventListener(eventName, onEventRef.current)\n    );\n\n    eventSourceRef.current.close();\n    eventSourceRef.current = undefined;\n  };\n\n  const open = () => {\n    close();\n\n    const eventSource = new EventSource(url, {\n      withCredentials: options.withCredentials ?? false\n    });\n    eventSourceRef.current = eventSource;\n\n    setIsConnecting(true);\n\n    eventSource.onopen = () => {\n      setOpened(true);\n      setIsConnecting(false);\n      setError(undefined);\n      options?.onOpen?.();\n    };\n\n    eventSource.onerror = (event) => {\n      setOpened(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        return open();\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) => eventSource.addEventListener(eventName, onEventRef.current));\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    opened,\n    isError,\n    close,\n    open\n  };\n};\n"],"mappings":";;;AA4DA,IAAa,KACX,GACA,IAAmB,EAAE,EACrB,IAAkD,EAAE,KACrB;CAC/B,IAAM,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAS,KAAc,EAAS,GAAM,EAEvC,IAAgB,EAAO,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG,EAAE,EACpE,CAAC,GAAO,KAAY,EAA4B,KAAA,EAAU,EAC1D,CAAC,GAAM,KAAW,EAA2B,GAAS,gBAAgB,EAEtE,IAAiB,EAAoB,KAAA,EAAU,EAE/C,IAAc,EAAQ,eAAe,IAErC,IAAa,GAAQ,MAAmC,EAAQ,EAAM,KAAK,CAAC,EAE5E,UAAc;AACb,EAWL,EAAe,aATf,EAAU,GAAM,EAChB,EAAgB,GAAM,EACtB,EAAW,GAAM,EAEjB,EAAO,SAAS,MACd,EAAe,QAAS,oBAAoB,GAAW,EAAW,QAAQ,CAC3E,EAED,EAAe,QAAQ,OAAO,EACL,KAAA;IAGrB,UAAa;AACjB,KAAO;EAEP,IAAM,IAAc,IAAI,YAAY,GAAK,EACvC,iBAAiB,EAAQ,mBAAmB,IAC7C,CAAC;AA4CF,EA3CA,EAAe,UAAU,GAEzB,EAAgB,GAAK,EAErB,EAAY,eAAe;AAIzB,GAHA,EAAU,GAAK,EACf,EAAgB,GAAM,EACtB,EAAS,KAAA,EAAU,EACnB,GAAS,UAAU;KAGrB,EAAY,WAAW,MAAU;AAO/B,OANA,EAAU,GAAM,EAChB,EAAgB,GAAM,EACtB,EAAW,GAAK,EAChB,EAAS,EAAM,EACf,GAAS,UAAU,EAAM,EAErB,EAAc,UAAU,GAAG;AAC7B,QAAc;IAEd,IAAM,IACJ,OAAO,GAAS,cAAe,aAC3B,GAAS,WAAW,EAAc,SAAS,EAAM,GACjD,GAAS;AAEf,QAAI,GAAY;AACd,gBAAW,GAAM,EAAW;AAC5B;;AAGF,WAAO,GAAM;;AAGf,KAAc,UAAU,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG;KAGrE,EAAY,aAAa,MAAU;AAGjC,GADA,EADa,GAAS,SAAS,GAAS,OAAO,EAAM,KAAK,GAAG,EAAM,KACtD,EACb,GAAS,YAAY,EAAM;KAG7B,EAAO,SAAS,MAAc,EAAY,iBAAiB,GAAW,EAAW,QAAQ,CAAC;;AAY5F,QATA,QAAgB;AACT,QAGL,QADA,GAAM,QACO;AACX,MAAO;;IAER,CAAC,EAAY,CAAC,EAEV;EACL,UAAU,EAAe;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/esm/hooks/useEyeDropper/useEyeDropper.mjs

@@ -1,17 +1,18 @@
-import { useState as s } from "react";
-const u = (o = void 0) => {
-  const r = typeof window < "u" && "EyeDropper" in window && !!window.EyeDropper, [p, n] = s(o);
-  return {
-    supported: r,
-    value: p,
-    open: async (t) => {
-      if (!window.EyeDropper) throw new Error("EyeDropper is not supported");
-      const e = await new window.EyeDropper().open(t);
-      return n(e.sRGBHex), e;
-    }
-  };
+import { useState as e } from "react";
+//#region src/hooks/useEyeDropper/useEyeDropper.ts
+var t = (t = void 0) => {
+	let n = typeof window < "u" && "EyeDropper" in window && !!window.EyeDropper, [r, i] = e(t);
+	return {
+		supported: n,
+		value: r,
+		open: async (e) => {
+			if (!window.EyeDropper) throw Error("EyeDropper is not supported");
+			let t = await new window.EyeDropper().open(e);
+			return i(t.sRGBHex), t;
+		}
+	};
 };
-export {
-  u as useEyeDropper
-};
-//# sourceMappingURL=useEyeDropper.mjs.map
+//#endregion
+export { t as useEyeDropper };
+
+//# sourceMappingURL=useEyeDropper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEyeDropper.mjs","sources":["../../../../src/hooks/useEyeDropper/useEyeDropper.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface ColorSelectionOptions {\n  signal?: AbortSignal;\n}\n\nexport interface ColorSelectionResult {\n  sRGBHex: string;\n}\n\nexport interface EyeDropper {\n  open: (options?: ColorSelectionOptions) => Promise<ColorSelectionResult>;\n}\n\nexport interface EyeDropperConstructor {\n  new (): EyeDropper;\n}\n\ndeclare global {\n  interface Window {\n    readonly EyeDropper?: EyeDropperConstructor | undefined;\n  }\n}\n\n/** The color selection return type */\nexport interface UseEyeDropperReturn {\n  /** The eye dropper supported status */\n  supported: boolean;\n  /** The eye dropper value */\n  value?: string;\n  /** The eye dropper open method */\n  open: (colorSelectionOptions?: ColorSelectionOptions) => Promise<ColorSelectionResult>;\n}\n\n/**\n * @name useEyeDropper\n * @description - Hook that gives you access to the eye dropper\n * @category Browser\n * @usage low\n *\n * @browserapi EyeDropper https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n *\n * @param {string} [initialValue=undefined] The initial value for the eye dropper\n * @returns {UseEyeDropperReturn} An object containing the supported status, the value and the open method\n *\n * @example\n * const { supported, value, open } = useEyeDropper();\n */\nexport const useEyeDropper = (\n  initialValue: string | undefined = undefined\n): UseEyeDropperReturn => {\n  const supported = typeof window !== 'undefined' && 'EyeDropper' in window && !!window.EyeDropper;\n  const [value, setValue] = useState(initialValue);\n\n  const open = async (colorSelectionOptions?: ColorSelectionOptions) => {\n    if (!window.EyeDropper) throw new Error('EyeDropper is not supported');\n    const eyeDropper = new window.EyeDropper();\n    const result = await eyeDropper.open(colorSelectionOptions);\n    setValue(result.sRGBHex);\n    return result;\n  };\n\n  return {\n    supported,\n    value,\n    open\n  };\n};\n"],"names":["useEyeDropper","initialValue","supported","value","setValue","useState","colorSelectionOptions","result"],"mappings":";AAgDO,MAAMA,IAAgB,CAC3BC,IAAmC,WACX;AACxB,QAAMC,IAAY,OAAO,SAAW,OAAe,gBAAgB,UAAU,CAAC,CAAC,OAAO,YAChF,CAACC,GAAOC,CAAQ,IAAIC,EAASJ,CAAY;AAU/C,SAAO;AAAA,IACL,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAXW,OAAOG,MAAkD;AACpE,UAAI,CAAC,OAAO,WAAY,OAAM,IAAI,MAAM,6BAA6B;AAErE,YAAMC,IAAS,MADI,IAAI,OAAO,WAAA,EACE,KAAKD,CAAqB;AAC1D,aAAAF,EAASG,EAAO,OAAO,GAChBA;AAAA,IAAA;AAAA,EAMP;AAEJ;"}
+{"version":3,"file":"useEyeDropper.mjs","names":[],"sources":["../../../../src/hooks/useEyeDropper/useEyeDropper.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface ColorSelectionOptions {\n  signal?: AbortSignal;\n}\n\nexport interface ColorSelectionResult {\n  sRGBHex: string;\n}\n\nexport interface EyeDropper {\n  open: (options?: ColorSelectionOptions) => Promise<ColorSelectionResult>;\n}\n\nexport interface EyeDropperConstructor {\n  new (): EyeDropper;\n}\n\ndeclare global {\n  interface Window {\n    readonly EyeDropper?: EyeDropperConstructor | undefined;\n  }\n}\n\n/** The color selection return type */\nexport interface UseEyeDropperReturn {\n  /** The eye dropper supported status */\n  supported: boolean;\n  /** The eye dropper value */\n  value?: string;\n  /** The eye dropper open method */\n  open: (colorSelectionOptions?: ColorSelectionOptions) => Promise<ColorSelectionResult>;\n}\n\n/**\n * @name useEyeDropper\n * @description - Hook that gives you access to the eye dropper\n * @category Browser\n * @usage low\n *\n * @browserapi EyeDropper https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper\n *\n * @param {string} [initialValue=undefined] The initial value for the eye dropper\n * @returns {UseEyeDropperReturn} An object containing the supported status, the value and the open method\n *\n * @example\n * const { supported, value, open } = useEyeDropper();\n */\nexport const useEyeDropper = (\n  initialValue: string | undefined = undefined\n): UseEyeDropperReturn => {\n  const supported = typeof window !== 'undefined' && 'EyeDropper' in window && !!window.EyeDropper;\n  const [value, setValue] = useState(initialValue);\n\n  const open = async (colorSelectionOptions?: ColorSelectionOptions) => {\n    if (!window.EyeDropper) throw new Error('EyeDropper is not supported');\n    const eyeDropper = new window.EyeDropper();\n    const result = await eyeDropper.open(colorSelectionOptions);\n    setValue(result.sRGBHex);\n    return result;\n  };\n\n  return {\n    supported,\n    value,\n    open\n  };\n};\n"],"mappings":";;AAgDA,IAAa,KACX,IAAmC,KAAA,MACX;CACxB,IAAM,IAAY,OAAO,SAAW,OAAe,gBAAgB,UAAU,CAAC,CAAC,OAAO,YAChF,CAAC,GAAO,KAAY,EAAS,EAAa;AAUhD,QAAO;EACL;EACA;EACA,MAXW,OAAO,MAAkD;AACpE,OAAI,CAAC,OAAO,WAAY,OAAU,MAAM,8BAA8B;GAEtE,IAAM,IAAS,MADI,IAAI,OAAO,YAAY,CACV,KAAK,EAAsB;AAE3D,UADA,EAAS,EAAO,QAAQ,EACjB;;EAOR"}

package/dist/esm/hooks/useFavicon/useFavicon.mjs

@@ -1,19 +1,21 @@
-import { useState as m } from "react";
-import { useMount as s } from "../useMount/useMount.mjs";
-const i = (o) => {
-  const [r, c] = m(
-    o ?? (typeof document < "u" ? document.querySelector('link[rel*="icon"]')?.href : void 0)
-  ), n = (e) => {
-    const t = document.querySelector('link[rel*="icon"]') || document.createElement("link");
-    t.rel = "icon", t.href = e, t.type = `image/${e.split(".").pop()}`, document.head.append(t);
-  }, u = (e) => {
-    c(e), n(e);
-  };
-  return s(() => {
-    o && n(o);
-  }), { href: r, set: u };
+import { useMount as e } from "../useMount/useMount.mjs";
+import { useState as t } from "react";
+//#region src/hooks/useFavicon/useFavicon.ts
+var n = (n) => {
+	let [r, i] = t(n ?? (typeof document < "u" ? document.querySelector("link[rel*=\"icon\"]")?.href : void 0)), a = (e) => {
+		let t = document.querySelector("link[rel*=\"icon\"]") || document.createElement("link");
+		t.rel = "icon", t.href = e, t.type = `image/${e.split(".").pop()}`, document.head.append(t);
+	};
+	return e(() => {
+		n && a(n);
+	}), {
+		href: r,
+		set: (e) => {
+			i(e), a(e);
+		}
+	};
 };
-export {
-  i as useFavicon
-};
-//# sourceMappingURL=useFavicon.mjs.map
+//#endregion
+export { n as useFavicon };
+
+//# sourceMappingURL=useFavicon.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFavicon.mjs","sources":["../../../../src/hooks/useFavicon/useFavicon.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\nimport { useMount } from '../useMount/useMount';\n\n/** The use favicon return type */\nexport type UseFaviconReturn = [string, Dispatch<SetStateAction<string>>];\n\n/**\n * @name useFavicon\n * @description - Hook that manages the favicon\n * @category Browser\n * @usage low\n *\n * @param {string} [initialFavicon] The initial favicon. If not provided, the current favicon will be used\n * @returns {UseFaviconReturn} An array containing the current favicon and a function to update the favicon\n *\n * @example\n * const { href, set } = useFavicon('https://siberiacancode.github.io/reactuse/favicon.ico');\n */\nexport const useFavicon = (initialHref?: string) => {\n  const [href, setHref] = useState(\n    initialHref ??\n      (typeof document !== 'undefined'\n        ? document.querySelector<HTMLLinkElement>(`link[rel*=\"icon\"]`)?.href\n        : undefined)\n  );\n\n  const injectFavicon = (favicon: string) => {\n    const link =\n      document.querySelector<HTMLLinkElement>(`link[rel*=\"icon\"]`) ||\n      document.createElement('link');\n    link.rel = 'icon';\n    link.href = favicon;\n    link.type = `image/${favicon.split('.').pop()}`;\n    document.head.append(link);\n  };\n\n  const set = (favicon: string) => {\n    setHref(favicon);\n    injectFavicon(favicon);\n  };\n\n  useMount(() => {\n    if (!initialHref) return;\n    injectFavicon(initialHref);\n  });\n\n  return { href, set } as const;\n};\n"],"names":["useFavicon","initialHref","href","setHref","useState","injectFavicon","favicon","link","set","useMount"],"mappings":";;AAqBO,MAAMA,IAAa,CAACC,MAAyB;AAClD,QAAM,CAACC,GAAMC,CAAO,IAAIC;AAAA,IACtBH,MACG,OAAO,WAAa,MACjB,SAAS,cAA+B,mBAAmB,GAAG,OAC9D;AAAA,EAAA,GAGFI,IAAgB,CAACC,MAAoB;AACzC,UAAMC,IACJ,SAAS,cAA+B,mBAAmB,KAC3D,SAAS,cAAc,MAAM;AAC/B,IAAAA,EAAK,MAAM,QACXA,EAAK,OAAOD,GACZC,EAAK,OAAO,SAASD,EAAQ,MAAM,GAAG,EAAE,KAAK,IAC7C,SAAS,KAAK,OAAOC,CAAI;AAAA,EAAA,GAGrBC,IAAM,CAACF,MAAoB;AAC/B,IAAAH,EAAQG,CAAO,GACfD,EAAcC,CAAO;AAAA,EAAA;AAGvB,SAAAG,EAAS,MAAM;AACb,IAAKR,KACLI,EAAcJ,CAAW;AAAA,EAAA,CAC1B,GAEM,EAAE,MAAAC,GAAM,KAAAM,EAAA;AACjB;"}
+{"version":3,"file":"useFavicon.mjs","names":[],"sources":["../../../../src/hooks/useFavicon/useFavicon.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\n\nimport { useState } from 'react';\n\nimport { useMount } from '../useMount/useMount';\n\n/** The use favicon return type */\nexport type UseFaviconReturn = [string, Dispatch<SetStateAction<string>>];\n\n/**\n * @name useFavicon\n * @description - Hook that manages the favicon\n * @category Browser\n * @usage low\n *\n * @param {string} [initialFavicon] The initial favicon. If not provided, the current favicon will be used\n * @returns {UseFaviconReturn} An array containing the current favicon and a function to update the favicon\n *\n * @example\n * const { href, set } = useFavicon('https://siberiacancode.github.io/reactuse/favicon.ico');\n */\nexport const useFavicon = (initialHref?: string) => {\n  const [href, setHref] = useState(\n    initialHref ??\n      (typeof document !== 'undefined'\n        ? document.querySelector<HTMLLinkElement>(`link[rel*=\"icon\"]`)?.href\n        : undefined)\n  );\n\n  const injectFavicon = (favicon: string) => {\n    const link =\n      document.querySelector<HTMLLinkElement>(`link[rel*=\"icon\"]`) ||\n      document.createElement('link');\n    link.rel = 'icon';\n    link.href = favicon;\n    link.type = `image/${favicon.split('.').pop()}`;\n    document.head.append(link);\n  };\n\n  const set = (favicon: string) => {\n    setHref(favicon);\n    injectFavicon(favicon);\n  };\n\n  useMount(() => {\n    if (!initialHref) return;\n    injectFavicon(initialHref);\n  });\n\n  return { href, set } as const;\n};\n"],"mappings":";;;AAqBA,IAAa,KAAc,MAAyB;CAClD,IAAM,CAAC,GAAM,KAAW,EACtB,MACG,OAAO,WAAa,MACjB,SAAS,cAA+B,sBAAoB,EAAE,OAC9D,KAAA,GACP,EAEK,KAAiB,MAAoB;EACzC,IAAM,IACJ,SAAS,cAA+B,sBAAoB,IAC5D,SAAS,cAAc,OAAO;AAIhC,EAHA,EAAK,MAAM,QACX,EAAK,OAAO,GACZ,EAAK,OAAO,SAAS,EAAQ,MAAM,IAAI,CAAC,KAAK,IAC7C,SAAS,KAAK,OAAO,EAAK;;AAa5B,QALA,QAAe;AACR,OACL,EAAc,EAAY;GAC1B,EAEK;EAAE;EAAM,MAVF,MAAoB;AAE/B,GADA,EAAQ,EAAQ,EAChB,EAAc,EAAQ;;EAQJ"}

package/dist/esm/hooks/useField/useField.mjs

@@ -1,68 +1,62 @@
-import { useRef as g, useState as d } from "react";
-import { useRerender as b } from "../useRerender/useRerender.mjs";
-const E = (u = "", c) => {
-  const r = g(null), f = g(!1), o = b(), [v, l] = d(!1), [y, h] = d(c?.initialTouched ?? !1), [x, t] = d(void 0), s = () => r.current?.type === "radio" || r.current?.type === "checkbox" ? r.current.checked : r.current?.value ?? u, a = (e) => {
-    if (r.current?.type === "radio" || r.current?.type === "checkbox")
-      return r.current.checked = e, f.current ? o() : void 0;
-    if (r.current.value = e, f.current) return o();
-  }, k = () => {
-    a(u), l(!1), h(!1), t(void 0);
-  }, L = () => r.current.focus(), i = (e) => {
-    if (e.required && !r.current.value)
-      return t(e.required);
-    if (e.minLength && r.current.value.length < e.minLength.value)
-      return t(e.minLength.message);
-    if (e.maxLength && r.current.value.length > e.maxLength.value)
-      return t(e.maxLength.message);
-    if (e.min && Number(r.current.value) < e.min.value)
-      return t(e.min.message);
-    if (e.max && Number(r.current.value) > e.max.value)
-      return t(e.max.message);
-    if (e.pattern && !e.pattern.value.test(r.current.value))
-      return t(e.pattern.message);
-    if (e.validate) {
-      const n = e.validate(r.current.value);
-      if (typeof n == "string") return t(n);
-    }
-    t(void 0);
-  };
-  return {
-    register: (e) => ({
-      ref: (n) => {
-        if (!r.current && n) {
-          if (c?.autoFocus && n.focus(), r.current = n, r.current.type === "radio") {
-            r.current.defaultChecked = u === n.value;
-            return;
-          }
-          if (r.current.type === "checkbox") {
-            r.current.defaultChecked = !!u;
-            return;
-          }
-          r.current.defaultValue = String(u), e && c?.validateOnMount && i(e);
-        }
-      },
-      onChange: async () => {
-        if (f.current) return o();
-        r.current.value !== u && l(!0), v && r.current.value === u && l(!1), e && c?.validateOnChange && await i(e), e && c?.validateOnBlur && t(void 0);
-      },
-      onBlur: async () => {
-        e && c?.validateOnBlur && await i(e), h(!0);
-      }
-    }),
-    dirty: v,
-    touched: y,
-    error: x,
-    setError: t,
-    clearError: () => t(void 0),
-    getValue: s,
-    setValue: a,
-    reset: k,
-    watch: () => (f.current = !0, s()),
-    focus: L,
-    ref: r
-  };
+import { useRerender as e } from "../useRerender/useRerender.mjs";
+import { useRef as t, useState as n } from "react";
+//#region src/hooks/useField/useField.ts
+var r = (r = "", i) => {
+	let a = t(null), o = t(!1), s = e(), [c, l] = n(!1), [u, d] = n(i?.initialTouched ?? !1), [f, p] = n(void 0), m = () => a.current?.type === "radio" || a.current?.type === "checkbox" ? a.current.checked : a.current?.value ?? r, h = (e) => {
+		if (a.current?.type === "radio" || a.current?.type === "checkbox") return a.current.checked = e, o.current ? s() : void 0;
+		if (a.current.value = e, o.current) return s();
+	}, g = () => {
+		h(r), l(!1), d(!1), p(void 0);
+	}, _ = () => a.current.focus(), v = (e) => {
+		if (e.required && !a.current.value) return p(e.required);
+		if (e.min && Number(a.current.value) < e.min.value) return p(e.min.message);
+		if (e.max && Number(a.current.value) > e.max.value) return p(e.max.message);
+		if (e.minLength && a.current.value.length < e.minLength.value) return p(e.minLength.message);
+		if (e.maxLength && a.current.value.length > e.maxLength.value) return p(e.maxLength.message);
+		if (e.pattern && !e.pattern.value.test(a.current.value)) return p(e.pattern.message);
+		if (e.validate) {
+			let t = e.validate(a.current.value);
+			if (typeof t == "string") return p(t);
+		}
+		p(void 0);
+	};
+	return {
+		register: (e) => ({
+			ref: (t) => {
+				if (!a.current && t) {
+					if (i?.autoFocus && t.focus(), a.current = t, a.current.type === "radio") {
+						a.current.defaultChecked = r === t.value;
+						return;
+					}
+					if (a.current.type === "checkbox") {
+						a.current.defaultChecked = !!r;
+						return;
+					}
+					a.current.defaultValue = String(r), e && i?.validateOnMount && v(e);
+				}
+			},
+			onChange: async () => {
+				if (o.current) return s();
+				a.current.value !== r && l(!0), a.current.value === r && l(!1), e && i?.validateOnChange && await v(e), e && i?.validateOnBlur && p(void 0);
+			},
+			onBlur: async () => {
+				e && i?.validateOnBlur && await v(e), d(!0);
+			}
+		}),
+		dirty: c,
+		touched: u,
+		error: f,
+		setError: p,
+		clearError: () => p(void 0),
+		getValue: m,
+		setValue: h,
+		reset: g,
+		watch: () => (o.current = !0, m()),
+		focus: _,
+		ref: a
+	};
 };
-export {
-  E as useField
-};
-//# sourceMappingURL=useField.mjs.map
+//#endregion
+export { r as useField };
+
+//# sourceMappingURL=useField.mjs.map