@siberiacancode/reactuse 0.2.29 → 0.2.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (540) hide show
  1. package/README.md +71 -71
  2. package/dist/cjs/helpers/createContext/createContext.cjs.map +1 -1
  3. package/dist/cjs/helpers/createEventEmitter/createEventEmitter.cjs.map +1 -1
  4. package/dist/cjs/helpers/createReactiveContext/createReactiveContext.cjs.map +1 -1
  5. package/dist/cjs/helpers/createStore/createStore.cjs.map +1 -1
  6. package/dist/cjs/hooks/useActiveElement/useActiveElement.cjs.map +1 -1
  7. package/dist/cjs/hooks/useAsync/useAsync.cjs.map +1 -1
  8. package/dist/cjs/hooks/useAudio/useAudio.cjs.map +1 -1
  9. package/dist/cjs/hooks/useAutoScroll/useAutoScroll.cjs +1 -1
  10. package/dist/cjs/hooks/useAutoScroll/useAutoScroll.cjs.map +1 -1
  11. package/dist/cjs/hooks/useBattery/useBattery.cjs +1 -1
  12. package/dist/cjs/hooks/useBattery/useBattery.cjs.map +1 -1
  13. package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs +1 -1
  14. package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs.map +1 -1
  15. package/dist/cjs/hooks/useBoolean/useBoolean.cjs.map +1 -1
  16. package/dist/cjs/hooks/useBreakpoints/useBreakpoints.cjs.map +1 -1
  17. package/dist/cjs/hooks/useBroadcastChannel/useBroadcastChannel.cjs +1 -1
  18. package/dist/cjs/hooks/useBroadcastChannel/useBroadcastChannel.cjs.map +1 -1
  19. package/dist/cjs/hooks/useBrowserLanguage/useBrowserLanguage.cjs.map +1 -1
  20. package/dist/cjs/hooks/useClickOutside/useClickOutside.cjs.map +1 -1
  21. package/dist/cjs/hooks/useClipboard/useClipboard.cjs.map +1 -1
  22. package/dist/cjs/hooks/useConst/useConst.cjs.map +1 -1
  23. package/dist/cjs/hooks/useCookie/useCookie.cjs.map +1 -1
  24. package/dist/cjs/hooks/useCookies/useCookies.cjs.map +1 -1
  25. package/dist/cjs/hooks/useCopy/useCopy.cjs.map +1 -1
  26. package/dist/cjs/hooks/useCounter/useCounter.cjs.map +1 -1
  27. package/dist/cjs/hooks/useCssVar/useCssVar.cjs.map +1 -1
  28. package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs.map +1 -1
  29. package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs +2 -0
  30. package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs.map +1 -0
  31. package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs.map +1 -1
  32. package/dist/cjs/hooks/useDefault/useDefault.cjs.map +1 -1
  33. package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs.map +1 -1
  34. package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs +1 -1
  35. package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs.map +1 -1
  36. package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs +1 -1
  37. package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs.map +1 -1
  38. package/dist/cjs/hooks/useDidUpdate/useDidUpdate.cjs.map +1 -1
  39. package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs.map +1 -1
  40. package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs.map +1 -1
  41. package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.cjs.map +1 -1
  42. package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs.map +1 -1
  43. package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.cjs.map +1 -1
  44. package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs.map +1 -1
  45. package/dist/cjs/hooks/useDropZone/useDropZone.cjs +1 -1
  46. package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
  47. package/dist/cjs/hooks/useElementSize/useElementSize.cjs.map +1 -1
  48. package/dist/cjs/hooks/useEvent/useEvent.cjs.map +1 -1
  49. package/dist/cjs/hooks/useEventListener/useEventListener.cjs +1 -1
  50. package/dist/cjs/hooks/useEventListener/useEventListener.cjs.map +1 -1
  51. package/dist/cjs/hooks/useEventSource/useEventSource.cjs.map +1 -1
  52. package/dist/cjs/hooks/useEyeDropper/useEyeDropper.cjs +1 -1
  53. package/dist/cjs/hooks/useEyeDropper/useEyeDropper.cjs.map +1 -1
  54. package/dist/cjs/hooks/useFavicon/useFavicon.cjs +1 -1
  55. package/dist/cjs/hooks/useFavicon/useFavicon.cjs.map +1 -1
  56. package/dist/cjs/hooks/useField/useField.cjs.map +1 -1
  57. package/dist/cjs/hooks/useFileDialog/useFileDialog.cjs +1 -1
  58. package/dist/cjs/hooks/useFileDialog/useFileDialog.cjs.map +1 -1
  59. package/dist/cjs/hooks/useFocus/useFocus.cjs +1 -1
  60. package/dist/cjs/hooks/useFocus/useFocus.cjs.map +1 -1
  61. package/dist/cjs/hooks/useFps/useFps.cjs.map +1 -1
  62. package/dist/cjs/hooks/useFul/useFul.cjs.map +1 -1
  63. package/dist/cjs/hooks/useFullscreen/useFullscreen.cjs.map +1 -1
  64. package/dist/cjs/hooks/useGamepad/useGamepad.cjs +1 -1
  65. package/dist/cjs/hooks/useGamepad/useGamepad.cjs.map +1 -1
  66. package/dist/cjs/hooks/useGeolocation/useGeolocation.cjs.map +1 -1
  67. package/dist/cjs/hooks/useHash/useHash.cjs.map +1 -1
  68. package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs.map +1 -1
  69. package/dist/cjs/hooks/useHover/useHover.cjs +1 -1
  70. package/dist/cjs/hooks/useHover/useHover.cjs.map +1 -1
  71. package/dist/cjs/hooks/useIdle/useIdle.cjs.map +1 -1
  72. package/dist/cjs/hooks/useImage/useImage.cjs.map +1 -1
  73. package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.cjs.map +1 -1
  74. package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs +1 -1
  75. package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs.map +1 -1
  76. package/dist/cjs/hooks/useInterval/useInterval.cjs.map +1 -1
  77. package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.cjs.map +1 -1
  78. package/dist/cjs/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs.map +1 -1
  79. package/dist/cjs/hooks/useKeyPress/useKeyPress.cjs.map +1 -1
  80. package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.cjs.map +1 -1
  81. package/dist/cjs/hooks/useKeyboard/useKeyboard.cjs.map +1 -1
  82. package/dist/cjs/hooks/useKeysPressed/useKeysPressed.cjs.map +1 -1
  83. package/dist/cjs/hooks/useLastChanged/useLastChanged.cjs.map +1 -1
  84. package/dist/cjs/hooks/useLatest/useLatest.cjs.map +1 -1
  85. package/dist/cjs/hooks/useLess/useLess.cjs.map +1 -1
  86. package/dist/cjs/hooks/useList/useList.cjs.map +1 -1
  87. package/dist/cjs/hooks/useLocalStorage/useLocalStorage.cjs.map +1 -1
  88. package/dist/cjs/hooks/useLockCallback/useLockCallback.cjs.map +1 -1
  89. package/dist/cjs/hooks/useLockScroll/useLockScroll.cjs +1 -1
  90. package/dist/cjs/hooks/useLockScroll/useLockScroll.cjs.map +1 -1
  91. package/dist/cjs/hooks/useLogger/useLogger.cjs.map +1 -1
  92. package/dist/cjs/hooks/useLongPress/useLongPress.cjs.map +1 -1
  93. package/dist/cjs/hooks/useMap/useMap.cjs.map +1 -1
  94. package/dist/cjs/hooks/useMeasure/useMeasure.cjs.map +1 -1
  95. package/dist/cjs/hooks/useMediaControls/useMediaControls.cjs.map +1 -1
  96. package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs.map +1 -1
  97. package/dist/cjs/hooks/useMemory/useMemory.cjs +1 -1
  98. package/dist/cjs/hooks/useMemory/useMemory.cjs.map +1 -1
  99. package/dist/cjs/hooks/useMergedRef/useMergedRef.cjs +2 -0
  100. package/dist/cjs/hooks/useMergedRef/useMergedRef.cjs.map +1 -0
  101. package/dist/cjs/hooks/useMount/useMount.cjs.map +1 -1
  102. package/dist/cjs/hooks/useMouse/useMouse.cjs.map +1 -1
  103. package/dist/cjs/hooks/useMutation/useMutation.cjs +1 -1
  104. package/dist/cjs/hooks/useMutation/useMutation.cjs.map +1 -1
  105. package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs +1 -1
  106. package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs.map +1 -1
  107. package/dist/cjs/hooks/useNetwork/useNetwork.cjs.map +1 -1
  108. package/dist/cjs/hooks/useOffsetPagination/useOffsetPagination.cjs.map +1 -1
  109. package/dist/cjs/hooks/useOnce/useOnce.cjs.map +1 -1
  110. package/dist/cjs/hooks/useOnline/useOnline.cjs.map +1 -1
  111. package/dist/cjs/hooks/useOperatingSystem/useOperatingSystem.cjs.map +1 -1
  112. package/dist/cjs/hooks/useOptimistic/useOptimistic.cjs.map +1 -1
  113. package/dist/cjs/hooks/useOrientation/useOrientation.cjs +1 -1
  114. package/dist/cjs/hooks/useOrientation/useOrientation.cjs.map +1 -1
  115. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs +1 -1
  116. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs.map +1 -1
  117. package/dist/cjs/hooks/usePageLeave/usePageLeave.cjs.map +1 -1
  118. package/dist/cjs/hooks/usePaint/usePaint.cjs.map +1 -1
  119. package/dist/cjs/hooks/useParallax/useParallax.cjs.map +1 -1
  120. package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs +1 -1
  121. package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs.map +1 -1
  122. package/dist/cjs/hooks/usePermission/usePermission.cjs +1 -1
  123. package/dist/cjs/hooks/usePermission/usePermission.cjs.map +1 -1
  124. package/dist/cjs/hooks/usePictureInPicture/usePictureInPicture.cjs +1 -1
  125. package/dist/cjs/hooks/usePictureInPicture/usePictureInPicture.cjs.map +1 -1
  126. package/dist/cjs/hooks/usePointerLock/usePointerLock.cjs +1 -1
  127. package/dist/cjs/hooks/usePointerLock/usePointerLock.cjs.map +1 -1
  128. package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs.map +1 -1
  129. package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.cjs.map +1 -1
  130. package/dist/cjs/hooks/usePreferredContrast/usePreferredContrast.cjs.map +1 -1
  131. package/dist/cjs/hooks/usePreferredDark/usePreferredDark.cjs.map +1 -1
  132. package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.cjs.map +1 -1
  133. package/dist/cjs/hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs.map +1 -1
  134. package/dist/cjs/hooks/usePrevious/usePrevious.cjs.map +1 -1
  135. package/dist/cjs/hooks/useQuery/useQuery.cjs.map +1 -1
  136. package/dist/cjs/hooks/useQueue/useQueue.cjs.map +1 -1
  137. package/dist/cjs/hooks/useRaf/useRaf.cjs.map +1 -1
  138. package/dist/cjs/hooks/useRafState/useRafState.cjs.map +1 -1
  139. package/dist/cjs/hooks/useRefState/useRefState.cjs.map +1 -1
  140. package/dist/cjs/hooks/useRenderCount/useRenderCount.cjs.map +1 -1
  141. package/dist/cjs/hooks/useRenderInfo/useRenderInfo.cjs.map +1 -1
  142. package/dist/cjs/hooks/useRerender/useRerender.cjs.map +1 -1
  143. package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs +1 -1
  144. package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs.map +1 -1
  145. package/dist/cjs/hooks/useRightClick/useRightClick.cjs.map +1 -1
  146. package/dist/cjs/hooks/useScript/useScript.cjs.map +1 -1
  147. package/dist/cjs/hooks/useScroll/useScroll.cjs +1 -1
  148. package/dist/cjs/hooks/useScroll/useScroll.cjs.map +1 -1
  149. package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs +1 -1
  150. package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs.map +1 -1
  151. package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs +1 -1
  152. package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs.map +1 -1
  153. package/dist/cjs/hooks/useSessionStorage/useSessionStorage.cjs.map +1 -1
  154. package/dist/cjs/hooks/useSet/useSet.cjs.map +1 -1
  155. package/dist/cjs/hooks/useShallowEffect/useShallowEffect.cjs.map +1 -1
  156. package/dist/cjs/hooks/useShare/useShare.cjs +1 -1
  157. package/dist/cjs/hooks/useShare/useShare.cjs.map +1 -1
  158. package/dist/cjs/hooks/useSpeechRecognition/useSpeechRecognition.cjs.map +1 -1
  159. package/dist/cjs/hooks/useSpeechSynthesis/useSpeechSynthesis.cjs +1 -1
  160. package/dist/cjs/hooks/useSpeechSynthesis/useSpeechSynthesis.cjs.map +1 -1
  161. package/dist/cjs/hooks/useStateHistory/useStateHistory.cjs.map +1 -1
  162. package/dist/cjs/hooks/useStep/useStep.cjs.map +1 -1
  163. package/dist/cjs/hooks/useSticky/useSticky.cjs.map +1 -1
  164. package/dist/cjs/hooks/useStopwatch/useStopwatch.cjs.map +1 -1
  165. package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
  166. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs +1 -1
  167. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map +1 -1
  168. package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs.map +1 -1
  169. package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs.map +1 -1
  170. package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs +2 -0
  171. package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs.map +1 -0
  172. package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs.map +1 -1
  173. package/dist/cjs/hooks/useTime/useTime.cjs.map +1 -1
  174. package/dist/cjs/hooks/useTimeout/useTimeout.cjs.map +1 -1
  175. package/dist/cjs/hooks/useTimer/useTimer.cjs.map +1 -1
  176. package/dist/cjs/hooks/useToggle/useToggle.cjs.map +1 -1
  177. package/dist/cjs/hooks/useUnmount/useUnmount.cjs.map +1 -1
  178. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -1
  179. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
  180. package/dist/cjs/hooks/useVibrate/useVibrate.cjs +1 -1
  181. package/dist/cjs/hooks/useVibrate/useVibrate.cjs.map +1 -1
  182. package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs +1 -1
  183. package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs.map +1 -1
  184. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs +1 -1
  185. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs.map +1 -1
  186. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs.map +1 -1
  187. package/dist/cjs/hooks/useWindowEvent/useWindowEvent.cjs.map +1 -1
  188. package/dist/cjs/hooks/useWindowFocus/useWindowFocus.cjs.map +1 -1
  189. package/dist/cjs/hooks/useWindowScroll/useWindowScroll.cjs.map +1 -1
  190. package/dist/cjs/hooks/useWindowSize/useWindowSize.cjs.map +1 -1
  191. package/dist/cjs/hooks/useWizard/useWizard.cjs.map +1 -1
  192. package/dist/cjs/index.cjs +1 -1
  193. package/dist/esm/helpers/createContext/createContext.mjs.map +1 -1
  194. package/dist/esm/helpers/createEventEmitter/createEventEmitter.mjs.map +1 -1
  195. package/dist/esm/helpers/createReactiveContext/createReactiveContext.mjs.map +1 -1
  196. package/dist/esm/helpers/createStore/createStore.mjs.map +1 -1
  197. package/dist/esm/hooks/useActiveElement/useActiveElement.mjs.map +1 -1
  198. package/dist/esm/hooks/useAsync/useAsync.mjs.map +1 -1
  199. package/dist/esm/hooks/useAudio/useAudio.mjs.map +1 -1
  200. package/dist/esm/hooks/useAutoScroll/useAutoScroll.mjs +25 -31
  201. package/dist/esm/hooks/useAutoScroll/useAutoScroll.mjs.map +1 -1
  202. package/dist/esm/hooks/useBattery/useBattery.mjs +1 -1
  203. package/dist/esm/hooks/useBattery/useBattery.mjs.map +1 -1
  204. package/dist/esm/hooks/useBluetooth/useBluetooth.mjs +16 -18
  205. package/dist/esm/hooks/useBluetooth/useBluetooth.mjs.map +1 -1
  206. package/dist/esm/hooks/useBoolean/useBoolean.mjs.map +1 -1
  207. package/dist/esm/hooks/useBreakpoints/useBreakpoints.mjs.map +1 -1
  208. package/dist/esm/hooks/useBroadcastChannel/useBroadcastChannel.mjs +8 -8
  209. package/dist/esm/hooks/useBroadcastChannel/useBroadcastChannel.mjs.map +1 -1
  210. package/dist/esm/hooks/useBrowserLanguage/useBrowserLanguage.mjs.map +1 -1
  211. package/dist/esm/hooks/useClickOutside/useClickOutside.mjs.map +1 -1
  212. package/dist/esm/hooks/useClipboard/useClipboard.mjs.map +1 -1
  213. package/dist/esm/hooks/useConst/useConst.mjs.map +1 -1
  214. package/dist/esm/hooks/useCookie/useCookie.mjs.map +1 -1
  215. package/dist/esm/hooks/useCookies/useCookies.mjs.map +1 -1
  216. package/dist/esm/hooks/useCopy/useCopy.mjs.map +1 -1
  217. package/dist/esm/hooks/useCounter/useCounter.mjs.map +1 -1
  218. package/dist/esm/hooks/useCssVar/useCssVar.mjs.map +1 -1
  219. package/dist/esm/hooks/useDebounceCallback/useDebounceCallback.mjs.map +1 -1
  220. package/dist/esm/hooks/useDebounceState/useDebounceState.mjs +10 -0
  221. package/dist/esm/hooks/useDebounceState/useDebounceState.mjs.map +1 -0
  222. package/dist/esm/hooks/useDebounceValue/useDebounceValue.mjs.map +1 -1
  223. package/dist/esm/hooks/useDefault/useDefault.mjs.map +1 -1
  224. package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.mjs.map +1 -1
  225. package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.mjs +1 -1
  226. package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.mjs.map +1 -1
  227. package/dist/esm/hooks/useDevicePixelRatio/useDevicePixelRatio.mjs +1 -1
  228. package/dist/esm/hooks/useDevicePixelRatio/useDevicePixelRatio.mjs.map +1 -1
  229. package/dist/esm/hooks/useDidUpdate/useDidUpdate.mjs.map +1 -1
  230. package/dist/esm/hooks/useDisclosure/useDisclosure.mjs.map +1 -1
  231. package/dist/esm/hooks/useDisplayMedia/useDisplayMedia.mjs.map +1 -1
  232. package/dist/esm/hooks/useDocumentEvent/useDocumentEvent.mjs.map +1 -1
  233. package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.mjs.map +1 -1
  234. package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.mjs.map +1 -1
  235. package/dist/esm/hooks/useDoubleClick/useDoubleClick.mjs.map +1 -1
  236. package/dist/esm/hooks/useDropZone/useDropZone.mjs +12 -12
  237. package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
  238. package/dist/esm/hooks/useElementSize/useElementSize.mjs.map +1 -1
  239. package/dist/esm/hooks/useEvent/useEvent.mjs.map +1 -1
  240. package/dist/esm/hooks/useEventListener/useEventListener.mjs +15 -15
  241. package/dist/esm/hooks/useEventListener/useEventListener.mjs.map +1 -1
  242. package/dist/esm/hooks/useEventSource/useEventSource.mjs.map +1 -1
  243. package/dist/esm/hooks/useEyeDropper/useEyeDropper.mjs +3 -3
  244. package/dist/esm/hooks/useEyeDropper/useEyeDropper.mjs.map +1 -1
  245. package/dist/esm/hooks/useFavicon/useFavicon.mjs +12 -15
  246. package/dist/esm/hooks/useFavicon/useFavicon.mjs.map +1 -1
  247. package/dist/esm/hooks/useField/useField.mjs.map +1 -1
  248. package/dist/esm/hooks/useFileDialog/useFileDialog.mjs +13 -13
  249. package/dist/esm/hooks/useFileDialog/useFileDialog.mjs.map +1 -1
  250. package/dist/esm/hooks/useFocus/useFocus.mjs +26 -22
  251. package/dist/esm/hooks/useFocus/useFocus.mjs.map +1 -1
  252. package/dist/esm/hooks/useFps/useFps.mjs.map +1 -1
  253. package/dist/esm/hooks/useFul/useFul.mjs.map +1 -1
  254. package/dist/esm/hooks/useFullscreen/useFullscreen.mjs.map +1 -1
  255. package/dist/esm/hooks/useGamepad/useGamepad.mjs +13 -13
  256. package/dist/esm/hooks/useGamepad/useGamepad.mjs.map +1 -1
  257. package/dist/esm/hooks/useGeolocation/useGeolocation.mjs.map +1 -1
  258. package/dist/esm/hooks/useHash/useHash.mjs.map +1 -1
  259. package/dist/esm/hooks/useHotkeys/useHotkeys.mjs.map +1 -1
  260. package/dist/esm/hooks/useHover/useHover.mjs +15 -15
  261. package/dist/esm/hooks/useHover/useHover.mjs.map +1 -1
  262. package/dist/esm/hooks/useIdle/useIdle.mjs.map +1 -1
  263. package/dist/esm/hooks/useImage/useImage.mjs.map +1 -1
  264. package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.mjs.map +1 -1
  265. package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.mjs +19 -18
  266. package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.mjs.map +1 -1
  267. package/dist/esm/hooks/useInterval/useInterval.mjs.map +1 -1
  268. package/dist/esm/hooks/useIsFirstRender/useIsFirstRender.mjs.map +1 -1
  269. package/dist/esm/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs.map +1 -1
  270. package/dist/esm/hooks/useKeyPress/useKeyPress.mjs.map +1 -1
  271. package/dist/esm/hooks/useKeyPressEvent/useKeyPressEvent.mjs.map +1 -1
  272. package/dist/esm/hooks/useKeyboard/useKeyboard.mjs.map +1 -1
  273. package/dist/esm/hooks/useKeysPressed/useKeysPressed.mjs.map +1 -1
  274. package/dist/esm/hooks/useLastChanged/useLastChanged.mjs.map +1 -1
  275. package/dist/esm/hooks/useLatest/useLatest.mjs.map +1 -1
  276. package/dist/esm/hooks/useLess/useLess.mjs.map +1 -1
  277. package/dist/esm/hooks/useList/useList.mjs.map +1 -1
  278. package/dist/esm/hooks/useLocalStorage/useLocalStorage.mjs.map +1 -1
  279. package/dist/esm/hooks/useLockCallback/useLockCallback.mjs.map +1 -1
  280. package/dist/esm/hooks/useLockScroll/useLockScroll.mjs +24 -24
  281. package/dist/esm/hooks/useLockScroll/useLockScroll.mjs.map +1 -1
  282. package/dist/esm/hooks/useLogger/useLogger.mjs.map +1 -1
  283. package/dist/esm/hooks/useLongPress/useLongPress.mjs.map +1 -1
  284. package/dist/esm/hooks/useMap/useMap.mjs.map +1 -1
  285. package/dist/esm/hooks/useMeasure/useMeasure.mjs.map +1 -1
  286. package/dist/esm/hooks/useMediaControls/useMediaControls.mjs.map +1 -1
  287. package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
  288. package/dist/esm/hooks/useMemory/useMemory.mjs +4 -4
  289. package/dist/esm/hooks/useMemory/useMemory.mjs.map +1 -1
  290. package/dist/esm/hooks/useMergedRef/useMergedRef.mjs +25 -0
  291. package/dist/esm/hooks/useMergedRef/useMergedRef.mjs.map +1 -0
  292. package/dist/esm/hooks/useMount/useMount.mjs.map +1 -1
  293. package/dist/esm/hooks/useMouse/useMouse.mjs.map +1 -1
  294. package/dist/esm/hooks/useMutation/useMutation.mjs +18 -18
  295. package/dist/esm/hooks/useMutation/useMutation.mjs.map +1 -1
  296. package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs +28 -20
  297. package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs.map +1 -1
  298. package/dist/esm/hooks/useNetwork/useNetwork.mjs.map +1 -1
  299. package/dist/esm/hooks/useOffsetPagination/useOffsetPagination.mjs.map +1 -1
  300. package/dist/esm/hooks/useOnce/useOnce.mjs.map +1 -1
  301. package/dist/esm/hooks/useOnline/useOnline.mjs.map +1 -1
  302. package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.mjs.map +1 -1
  303. package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map +1 -1
  304. package/dist/esm/hooks/useOrientation/useOrientation.mjs +9 -9
  305. package/dist/esm/hooks/useOrientation/useOrientation.mjs.map +1 -1
  306. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs +3 -3
  307. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map +1 -1
  308. package/dist/esm/hooks/usePageLeave/usePageLeave.mjs.map +1 -1
  309. package/dist/esm/hooks/usePaint/usePaint.mjs.map +1 -1
  310. package/dist/esm/hooks/useParallax/useParallax.mjs.map +1 -1
  311. package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs +11 -11
  312. package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs.map +1 -1
  313. package/dist/esm/hooks/usePermission/usePermission.mjs +4 -4
  314. package/dist/esm/hooks/usePermission/usePermission.mjs.map +1 -1
  315. package/dist/esm/hooks/usePictureInPicture/usePictureInPicture.mjs +17 -17
  316. package/dist/esm/hooks/usePictureInPicture/usePictureInPicture.mjs.map +1 -1
  317. package/dist/esm/hooks/usePointerLock/usePointerLock.mjs +3 -3
  318. package/dist/esm/hooks/usePointerLock/usePointerLock.mjs.map +1 -1
  319. package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map +1 -1
  320. package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.mjs.map +1 -1
  321. package/dist/esm/hooks/usePreferredContrast/usePreferredContrast.mjs.map +1 -1
  322. package/dist/esm/hooks/usePreferredDark/usePreferredDark.mjs.map +1 -1
  323. package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.mjs.map +1 -1
  324. package/dist/esm/hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs.map +1 -1
  325. package/dist/esm/hooks/usePrevious/usePrevious.mjs.map +1 -1
  326. package/dist/esm/hooks/useQuery/useQuery.mjs.map +1 -1
  327. package/dist/esm/hooks/useQueue/useQueue.mjs.map +1 -1
  328. package/dist/esm/hooks/useRaf/useRaf.mjs.map +1 -1
  329. package/dist/esm/hooks/useRafState/useRafState.mjs.map +1 -1
  330. package/dist/esm/hooks/useRefState/useRefState.mjs.map +1 -1
  331. package/dist/esm/hooks/useRenderCount/useRenderCount.mjs.map +1 -1
  332. package/dist/esm/hooks/useRenderInfo/useRenderInfo.mjs.map +1 -1
  333. package/dist/esm/hooks/useRerender/useRerender.mjs.map +1 -1
  334. package/dist/esm/hooks/useResizeObserver/useResizeObserver.mjs +17 -16
  335. package/dist/esm/hooks/useResizeObserver/useResizeObserver.mjs.map +1 -1
  336. package/dist/esm/hooks/useRightClick/useRightClick.mjs.map +1 -1
  337. package/dist/esm/hooks/useScript/useScript.mjs.map +1 -1
  338. package/dist/esm/hooks/useScroll/useScroll.mjs +11 -13
  339. package/dist/esm/hooks/useScroll/useScroll.mjs.map +1 -1
  340. package/dist/esm/hooks/useScrollIntoView/useScrollIntoView.mjs +27 -27
  341. package/dist/esm/hooks/useScrollIntoView/useScrollIntoView.mjs.map +1 -1
  342. package/dist/esm/hooks/useScrollTo/useScrollTo.mjs +16 -16
  343. package/dist/esm/hooks/useScrollTo/useScrollTo.mjs.map +1 -1
  344. package/dist/esm/hooks/useSessionStorage/useSessionStorage.mjs.map +1 -1
  345. package/dist/esm/hooks/useSet/useSet.mjs.map +1 -1
  346. package/dist/esm/hooks/useShallowEffect/useShallowEffect.mjs.map +1 -1
  347. package/dist/esm/hooks/useShare/useShare.mjs +1 -1
  348. package/dist/esm/hooks/useShare/useShare.mjs.map +1 -1
  349. package/dist/esm/hooks/useSpeechRecognition/useSpeechRecognition.mjs.map +1 -1
  350. package/dist/esm/hooks/useSpeechSynthesis/useSpeechSynthesis.mjs +11 -11
  351. package/dist/esm/hooks/useSpeechSynthesis/useSpeechSynthesis.mjs.map +1 -1
  352. package/dist/esm/hooks/useStateHistory/useStateHistory.mjs.map +1 -1
  353. package/dist/esm/hooks/useStep/useStep.mjs.map +1 -1
  354. package/dist/esm/hooks/useSticky/useSticky.mjs.map +1 -1
  355. package/dist/esm/hooks/useStopwatch/useStopwatch.mjs.map +1 -1
  356. package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
  357. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs +14 -14
  358. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs.map +1 -1
  359. package/dist/esm/hooks/useTextSelection/useTextSelection.mjs.map +1 -1
  360. package/dist/esm/hooks/useThrottleCallback/useThrottleCallback.mjs.map +1 -1
  361. package/dist/esm/hooks/useThrottleState/useThrottleState.mjs +10 -0
  362. package/dist/esm/hooks/useThrottleState/useThrottleState.mjs.map +1 -0
  363. package/dist/esm/hooks/useThrottleValue/useThrottleValue.mjs.map +1 -1
  364. package/dist/esm/hooks/useTime/useTime.mjs.map +1 -1
  365. package/dist/esm/hooks/useTimeout/useTimeout.mjs.map +1 -1
  366. package/dist/esm/hooks/useTimer/useTimer.mjs.map +1 -1
  367. package/dist/esm/hooks/useToggle/useToggle.mjs.map +1 -1
  368. package/dist/esm/hooks/useUnmount/useUnmount.mjs.map +1 -1
  369. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -1
  370. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
  371. package/dist/esm/hooks/useVibrate/useVibrate.mjs +12 -12
  372. package/dist/esm/hooks/useVibrate/useVibrate.mjs.map +1 -1
  373. package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs +7 -7
  374. package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs.map +1 -1
  375. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs +1 -1
  376. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs.map +1 -1
  377. package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map +1 -1
  378. package/dist/esm/hooks/useWindowEvent/useWindowEvent.mjs.map +1 -1
  379. package/dist/esm/hooks/useWindowFocus/useWindowFocus.mjs.map +1 -1
  380. package/dist/esm/hooks/useWindowScroll/useWindowScroll.mjs.map +1 -1
  381. package/dist/esm/hooks/useWindowSize/useWindowSize.mjs.map +1 -1
  382. package/dist/esm/hooks/useWizard/useWizard.mjs.map +1 -1
  383. package/dist/esm/index.mjs +147 -139
  384. package/dist/esm/index.mjs.map +1 -1
  385. package/dist/types/helpers/createContext/createContext.d.ts +1 -0
  386. package/dist/types/helpers/createEventEmitter/createEventEmitter.d.ts +1 -0
  387. package/dist/types/helpers/createReactiveContext/createReactiveContext.d.ts +1 -0
  388. package/dist/types/helpers/createStore/createStore.d.ts +1 -0
  389. package/dist/types/hooks/state.d.ts +1 -0
  390. package/dist/types/hooks/useActiveElement/useActiveElement.d.ts +1 -0
  391. package/dist/types/hooks/useAsync/useAsync.d.ts +1 -0
  392. package/dist/types/hooks/useAudio/useAudio.d.ts +2 -1
  393. package/dist/types/hooks/useAutoScroll/useAutoScroll.d.ts +1 -0
  394. package/dist/types/hooks/useBattery/useBattery.d.ts +1 -0
  395. package/dist/types/hooks/useBluetooth/useBluetooth.d.ts +1 -0
  396. package/dist/types/hooks/useBoolean/useBoolean.d.ts +2 -1
  397. package/dist/types/hooks/useBreakpoints/useBreakpoints.d.ts +1 -0
  398. package/dist/types/hooks/useBroadcastChannel/useBroadcastChannel.d.ts +1 -0
  399. package/dist/types/hooks/useBrowserLanguage/useBrowserLanguage.d.ts +2 -1
  400. package/dist/types/hooks/useClickOutside/useClickOutside.d.ts +2 -1
  401. package/dist/types/hooks/useClipboard/useClipboard.d.ts +2 -1
  402. package/dist/types/hooks/useConst/useConst.d.ts +2 -1
  403. package/dist/types/hooks/useCookie/useCookie.d.ts +2 -1
  404. package/dist/types/hooks/useCookies/useCookies.d.ts +2 -1
  405. package/dist/types/hooks/useCopy/useCopy.d.ts +2 -1
  406. package/dist/types/hooks/useCounter/useCounter.d.ts +2 -1
  407. package/dist/types/hooks/useCssVar/useCssVar.d.ts +2 -1
  408. package/dist/types/hooks/useDebounceCallback/useDebounceCallback.d.ts +1 -0
  409. package/dist/types/hooks/useDebounceState/useDebounceState.d.ts +15 -0
  410. package/dist/types/hooks/useDebounceValue/useDebounceValue.d.ts +2 -1
  411. package/dist/types/hooks/useDefault/useDefault.d.ts +2 -1
  412. package/dist/types/hooks/useDeviceMotion/useDeviceMotion.d.ts +2 -1
  413. package/dist/types/hooks/useDeviceOrientation/useDeviceOrientation.d.ts +1 -0
  414. package/dist/types/hooks/useDevicePixelRatio/useDevicePixelRatio.d.ts +1 -0
  415. package/dist/types/hooks/useDidUpdate/useDidUpdate.d.ts +2 -1
  416. package/dist/types/hooks/useDisclosure/useDisclosure.d.ts +2 -1
  417. package/dist/types/hooks/useDisplayMedia/useDisplayMedia.d.ts +1 -0
  418. package/dist/types/hooks/useDocumentEvent/useDocumentEvent.d.ts +2 -1
  419. package/dist/types/hooks/useDocumentTitle/useDocumentTitle.d.ts +2 -1
  420. package/dist/types/hooks/useDocumentVisibility/useDocumentVisibility.d.ts +2 -1
  421. package/dist/types/hooks/useDoubleClick/useDoubleClick.d.ts +2 -1
  422. package/dist/types/hooks/useDropZone/useDropZone.d.ts +2 -1
  423. package/dist/types/hooks/useElementSize/useElementSize.d.ts +2 -1
  424. package/dist/types/hooks/useEvent/useEvent.d.ts +2 -1
  425. package/dist/types/hooks/useEventListener/useEventListener.d.ts +5 -2
  426. package/dist/types/hooks/useEventSource/useEventSource.d.ts +1 -0
  427. package/dist/types/hooks/useEyeDropper/useEyeDropper.d.ts +1 -0
  428. package/dist/types/hooks/useFavicon/useFavicon.d.ts +2 -1
  429. package/dist/types/hooks/useField/useField.d.ts +1 -0
  430. package/dist/types/hooks/useFileDialog/useFileDialog.d.ts +1 -0
  431. package/dist/types/hooks/useFocus/useFocus.d.ts +25 -0
  432. package/dist/types/hooks/useFps/useFps.d.ts +1 -0
  433. package/dist/types/hooks/useFul/useFul.d.ts +1 -0
  434. package/dist/types/hooks/useFullscreen/useFullscreen.d.ts +1 -0
  435. package/dist/types/hooks/useGamepad/useGamepad.d.ts +1 -0
  436. package/dist/types/hooks/useGeolocation/useGeolocation.d.ts +1 -0
  437. package/dist/types/hooks/useHash/useHash.d.ts +1 -0
  438. package/dist/types/hooks/useHotkeys/useHotkeys.d.ts +1 -0
  439. package/dist/types/hooks/useHover/useHover.d.ts +3 -0
  440. package/dist/types/hooks/useIdle/useIdle.d.ts +1 -0
  441. package/dist/types/hooks/useImage/useImage.d.ts +1 -0
  442. package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +1 -0
  443. package/dist/types/hooks/useIntersectionObserver/useIntersectionObserver.d.ts +15 -6
  444. package/dist/types/hooks/useInterval/useInterval.d.ts +1 -0
  445. package/dist/types/hooks/useIsFirstRender/useIsFirstRender.d.ts +1 -0
  446. package/dist/types/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +1 -0
  447. package/dist/types/hooks/useKeyPress/useKeyPress.d.ts +1 -0
  448. package/dist/types/hooks/useKeyPressEvent/useKeyPressEvent.d.ts +1 -0
  449. package/dist/types/hooks/useKeyboard/useKeyboard.d.ts +1 -0
  450. package/dist/types/hooks/useKeysPressed/useKeysPressed.d.ts +1 -2
  451. package/dist/types/hooks/useLastChanged/useLastChanged.d.ts +1 -0
  452. package/dist/types/hooks/useLatest/useLatest.d.ts +1 -0
  453. package/dist/types/hooks/useLess/useLess.d.ts +1 -0
  454. package/dist/types/hooks/useList/useList.d.ts +1 -0
  455. package/dist/types/hooks/useLocalStorage/useLocalStorage.d.ts +1 -0
  456. package/dist/types/hooks/useLockCallback/useLockCallback.d.ts +1 -0
  457. package/dist/types/hooks/useLockScroll/useLockScroll.d.ts +1 -1
  458. package/dist/types/hooks/useLogger/useLogger.d.ts +1 -0
  459. package/dist/types/hooks/useLongPress/useLongPress.d.ts +1 -0
  460. package/dist/types/hooks/useMap/useMap.d.ts +1 -0
  461. package/dist/types/hooks/useMeasure/useMeasure.d.ts +1 -0
  462. package/dist/types/hooks/useMediaControls/useMediaControls.d.ts +1 -0
  463. package/dist/types/hooks/useMediaQuery/useMediaQuery.d.ts +1 -0
  464. package/dist/types/hooks/useMemory/useMemory.d.ts +1 -0
  465. package/dist/types/hooks/useMergedRef/useMergedRef.d.ts +17 -0
  466. package/dist/types/hooks/useMount/useMount.d.ts +1 -0
  467. package/dist/types/hooks/useMouse/useMouse.d.ts +1 -0
  468. package/dist/types/hooks/useMutation/useMutation.d.ts +1 -0
  469. package/dist/types/hooks/useMutationObserver/useMutationObserver.d.ts +43 -26
  470. package/dist/types/hooks/useNetwork/useNetwork.d.ts +1 -0
  471. package/dist/types/hooks/useObject/useObject.d.ts +1 -0
  472. package/dist/types/hooks/useOffsetPagination/useOffsetPagination.d.ts +1 -0
  473. package/dist/types/hooks/useOnce/useOnce.d.ts +1 -0
  474. package/dist/types/hooks/useOnline/useOnline.d.ts +1 -0
  475. package/dist/types/hooks/useOperatingSystem/useOperatingSystem.d.ts +1 -0
  476. package/dist/types/hooks/useOptimistic/useOptimistic.d.ts +1 -0
  477. package/dist/types/hooks/useOrientation/useOrientation.d.ts +2 -1
  478. package/dist/types/hooks/useOtpCredential/useOtpCredential.d.ts +1 -0
  479. package/dist/types/hooks/usePageLeave/usePageLeave.d.ts +1 -0
  480. package/dist/types/hooks/usePaint/usePaint.d.ts +1 -0
  481. package/dist/types/hooks/useParallax/useParallax.d.ts +1 -0
  482. package/dist/types/hooks/usePerformanceObserver/usePerformanceObserver.d.ts +1 -0
  483. package/dist/types/hooks/usePermission/usePermission.d.ts +1 -0
  484. package/dist/types/hooks/usePictureInPicture/usePictureInPicture.d.ts +1 -0
  485. package/dist/types/hooks/usePointerLock/usePointerLock.d.ts +1 -0
  486. package/dist/types/hooks/usePostMessage/usePostMessage.d.ts +1 -0
  487. package/dist/types/hooks/usePreferredColorScheme/usePreferredColorScheme.d.ts +1 -0
  488. package/dist/types/hooks/usePreferredContrast/usePreferredContrast.d.ts +1 -0
  489. package/dist/types/hooks/usePreferredDark/usePreferredDark.d.ts +1 -0
  490. package/dist/types/hooks/usePreferredLanguages/usePreferredLanguages.d.ts +1 -0
  491. package/dist/types/hooks/usePreferredReducedMotion/usePreferredReducedMotion.d.ts +1 -0
  492. package/dist/types/hooks/usePrevious/usePrevious.d.ts +1 -0
  493. package/dist/types/hooks/useQuery/useQuery.d.ts +1 -0
  494. package/dist/types/hooks/useQueue/useQueue.d.ts +1 -0
  495. package/dist/types/hooks/useRaf/useRaf.d.ts +1 -0
  496. package/dist/types/hooks/useRafState/useRafState.d.ts +3 -0
  497. package/dist/types/hooks/useRefState/useRefState.d.ts +1 -0
  498. package/dist/types/hooks/useRenderCount/useRenderCount.d.ts +1 -0
  499. package/dist/types/hooks/useRenderInfo/useRenderInfo.d.ts +1 -0
  500. package/dist/types/hooks/useRerender/useRerender.d.ts +1 -0
  501. package/dist/types/hooks/useResizeObserver/useResizeObserver.d.ts +55 -31
  502. package/dist/types/hooks/useRightClick/useRightClick.d.ts +1 -0
  503. package/dist/types/hooks/useScript/useScript.d.ts +1 -0
  504. package/dist/types/hooks/useScroll/useScroll.d.ts +4 -3
  505. package/dist/types/hooks/useScrollIntoView/useScrollIntoView.d.ts +7 -4
  506. package/dist/types/hooks/useScrollTo/useScrollTo.d.ts +13 -6
  507. package/dist/types/hooks/useSessionStorage/useSessionStorage.d.ts +1 -0
  508. package/dist/types/hooks/useSet/useSet.d.ts +1 -0
  509. package/dist/types/hooks/useShallowEffect/useShallowEffect.d.ts +1 -0
  510. package/dist/types/hooks/useShare/useShare.d.ts +1 -0
  511. package/dist/types/hooks/useSpeechRecognition/useSpeechRecognition.d.ts +1 -0
  512. package/dist/types/hooks/useSpeechSynthesis/useSpeechSynthesis.d.ts +1 -0
  513. package/dist/types/hooks/useStateHistory/useStateHistory.d.ts +1 -0
  514. package/dist/types/hooks/useStep/useStep.d.ts +1 -0
  515. package/dist/types/hooks/useSticky/useSticky.d.ts +1 -0
  516. package/dist/types/hooks/useStopwatch/useStopwatch.d.ts +1 -0
  517. package/dist/types/hooks/useStorage/useStorage.d.ts +1 -0
  518. package/dist/types/hooks/useTextDirection/useTextDirection.d.ts +1 -0
  519. package/dist/types/hooks/useTextSelection/useTextSelection.d.ts +1 -0
  520. package/dist/types/hooks/useThrottleCallback/useThrottleCallback.d.ts +1 -0
  521. package/dist/types/hooks/useThrottleState/useThrottleState.d.ts +15 -0
  522. package/dist/types/hooks/useThrottleValue/useThrottleValue.d.ts +1 -0
  523. package/dist/types/hooks/useTime/useTime.d.ts +1 -0
  524. package/dist/types/hooks/useTimeout/useTimeout.d.ts +1 -0
  525. package/dist/types/hooks/useTimer/useTimer.d.ts +1 -0
  526. package/dist/types/hooks/useToggle/useToggle.d.ts +1 -0
  527. package/dist/types/hooks/useUnmount/useUnmount.d.ts +1 -0
  528. package/dist/types/hooks/useUrlSearchParam/useUrlSearchParam.d.ts +1 -0
  529. package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +1 -0
  530. package/dist/types/hooks/useVibrate/useVibrate.d.ts +1 -0
  531. package/dist/types/hooks/useVirtualKeyboard/useVirtualKeyboard.d.ts +1 -0
  532. package/dist/types/hooks/useWakeLock/useWakeLock.d.ts +1 -0
  533. package/dist/types/hooks/useWebSocket/useWebSocket.d.ts +17 -0
  534. package/dist/types/hooks/useWindowEvent/useWindowEvent.d.ts +1 -0
  535. package/dist/types/hooks/useWindowFocus/useWindowFocus.d.ts +1 -0
  536. package/dist/types/hooks/useWindowScroll/useWindowScroll.d.ts +1 -0
  537. package/dist/types/hooks/useWindowSize/useWindowSize.d.ts +1 -0
  538. package/dist/types/hooks/useWizard/useWizard.d.ts +1 -0
  539. package/dist/types/hooks/utilities.d.ts +2 -0
  540. package/package.json +89 -89
@@ -1 +1 @@
1
- {"version":3,"file":"useSpeechRecognition.cjs","sources":["../../../../src/hooks/useSpeechRecognition/useSpeechRecognition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use speech recognition hook options type */\ninterface UseSpeechRecognitionOptions {\n /** If true, recognition continues even after pauses in speech. Default is false */\n continuous?: SpeechRecognition['continuous'];\n /** A list of grammar rules */\n grammars?: SpeechRecognition['grammars'];\n /** If true, interim (non-final) results are provided as the user speaks */\n interimResults?: SpeechRecognition['interimResults'];\n /** The language in which recognition should occur. Must be a valid BCP 47 language tag (e.g., \"en-US\", \"ru-RU\") */\n language?: SpeechRecognition['lang'];\n /** The maximum number of alternative transcripts returned for a given recognition result. Must be a positive integer */\n maxAlternatives?: SpeechRecognition['maxAlternatives'];\n /** Callback invoked when speech recognition ends */\n onEnd?: () => void;\n /** Callback invoked when an error occurs during recognition */\n onError?: (error: SpeechRecognitionErrorEvent) => void;\n /** Callback invoked when recognition produces a result */\n onResult?: (event: SpeechRecognitionEvent) => void;\n /** Callback invoked when speech recognition starts */\n onStart?: () => void;\n}\n\n/** The return type of the useSpeechRecognition hook. */\ninterface UseSpeechRecognitionReturn {\n /** The error state */\n error: SpeechRecognitionErrorEvent | null;\n /** The final transcript */\n final: boolean;\n /** Whether the hook is currently listening for speech */\n listening: boolean;\n /** The speech recognition instance */\n recognition: SpeechRecognition;\n /** Whether the current browser supports the Web Speech API */\n supported: boolean;\n /** The current transcript */\n transcript: string;\n /** Begins speech recognition */\n start: () => void;\n /** Ends speech recognition, finalizing results */\n stop: () => void;\n /** Toggles the listening state */\n toggle: (value?: boolean) => void;\n}\n\nexport const getSpeechRecognition = () =>\n window?.SpeechRecognition ?? window?.webkitSpeechRecognition;\n\n/**\n * @name useSpeechRecognition\n * @description - Hook that provides a streamlined interface for incorporating speech-to-text functionality\n * @category Browser\n *\n * @browserapi window.SpeechRecognition https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition\n *\n * @param {boolean} [options.continuous=false] Whether recognition should continue after pauses\n * @param {boolean} [options.interimResults=false] Whether interim results should be provided\n * @param {string} [options.language=\"en-US\"] The language for recognition, as a valid BCP 47 tag\n * @param {number} [options.maxAlternatives=1] The maximum number of alternative transcripts to return\n * @param {SpeechGrammarList} [options.grammars] A list of grammar rules\n * @param {() => void} [options.onStart] Callback invoked when speech recognition starts\n * @param {() => void} [options.onEnd] Callback invoked when speech recognition ends\n * @param {(error: SpeechRecognitionErrorEvent) => void} [options.onError] Callback invoked when an error occurs during recognition\n * @param {(event: SpeechRecognitionEvent) => void} [options.onResult] Callback invoked when recognition produces a result\n * @returns {UseSpeechRecognitionReturn} An object containing the speech recognition functionality\n *\n * @example\n * const { supported, value, recognition, listening, error, start, stop, toggle } = useSpeechRecognition();\n */\nexport const useSpeechRecognition = (\n options: UseSpeechRecognitionOptions = {}\n): UseSpeechRecognitionReturn => {\n const supported = typeof window !== 'undefined' && !!getSpeechRecognition();\n\n const {\n continuous = false,\n interimResults = false,\n language = 'en-US',\n grammars,\n maxAlternatives = 1,\n onStart,\n onEnd,\n onError,\n onResult\n } = options;\n\n const [listening, setListening] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [final, setFinal] = useState(false);\n const [error, setError] = useState<SpeechRecognitionErrorEvent | null>(null);\n const [recognition] = useState<SpeechRecognition>(() => {\n if (!supported) return {} as SpeechRecognition;\n\n const SpeechRecognition = getSpeechRecognition();\n const speechRecognition = new SpeechRecognition();\n\n speechRecognition.continuous = continuous;\n if (grammars) speechRecognition.grammars = grammars;\n speechRecognition.interimResults = interimResults;\n speechRecognition.lang = language;\n speechRecognition.maxAlternatives = maxAlternatives;\n\n speechRecognition.onstart = () => {\n setListening(true);\n setFinal(false);\n onStart?.();\n };\n speechRecognition.onend = () => {\n setListening(false);\n onEnd?.();\n };\n speechRecognition.onerror = (event) => {\n setError(event);\n setListening(false);\n onError?.(event);\n };\n speechRecognition.onresult = (event) => {\n console.log('onresult', event);\n const currentResult = event.results[event.resultIndex];\n const { transcript } = currentResult[0];\n\n setTranscript(transcript);\n setError(null);\n onResult?.(event);\n };\n speechRecognition.onend = () => {\n setListening(false);\n speechRecognition.lang = language;\n };\n\n return speechRecognition;\n });\n\n useEffect(() => () => recognition.stop(), []);\n\n const start = () => recognition.start();\n const stop = () => recognition.stop();\n\n const toggle = (value = !listening) => {\n if (value) return start();\n stop();\n };\n\n return {\n supported,\n transcript,\n recognition,\n final,\n listening,\n error,\n start,\n stop,\n toggle\n };\n};\n"],"names":["getSpeechRecognition","useSpeechRecognition","options","supported","continuous","interimResults","language","grammars","maxAlternatives","onStart","onEnd","onError","onResult","listening","setListening","useState","transcript","setTranscript","final","setFinal","error","setError","recognition","SpeechRecognition","speechRecognition","event","currentResult","useEffect","start","stop","value"],"mappings":"yGA8CaA,EAAuB,IAClC,QAAQ,mBAAqB,QAAQ,wBAuB1BC,EAAuB,CAClCC,EAAuC,KACR,CAC/B,MAAMC,EAAY,OAAO,OAAW,KAAe,CAAC,CAACH,EAAA,EAE/C,CACJ,WAAAI,EAAa,GACb,eAAAC,EAAiB,GACjB,SAAAC,EAAW,QACX,SAAAC,EACA,gBAAAC,EAAkB,EAClB,QAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CAAA,EACEV,EAEE,CAACW,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAE,EACzC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAS,EAAK,EAClC,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAA6C,IAAI,EACrE,CAACO,CAAW,EAAIP,EAAAA,SAA4B,IAAM,CACtD,GAAI,CAACZ,EAAW,MAAO,CAAA,EAEvB,MAAMoB,EAAoBvB,EAAA,EACpBwB,EAAoB,IAAID,EAE9B,OAAAC,EAAkB,WAAapB,EAC3BG,MAA4B,SAAWA,GAC3CiB,EAAkB,eAAiBnB,EACnCmB,EAAkB,KAAOlB,EACzBkB,EAAkB,gBAAkBhB,EAEpCgB,EAAkB,QAAU,IAAM,CAChCV,EAAa,EAAI,EACjBK,EAAS,EAAK,EACdV,IAAA,CAAU,EAEZe,EAAkB,MAAQ,IAAM,CAC9BV,EAAa,EAAK,EAClBJ,IAAA,CAAQ,EAEVc,EAAkB,QAAWC,GAAU,CACrCJ,EAASI,CAAK,EACdX,EAAa,EAAK,EAClBH,IAAUc,CAAK,CAAA,EAEjBD,EAAkB,SAAYC,GAAU,CACtC,QAAQ,IAAI,WAAYA,CAAK,EAC7B,MAAMC,EAAgBD,EAAM,QAAQA,EAAM,WAAW,EAC/C,CAAE,WAAAT,GAAeU,EAAc,CAAC,EAEtCT,EAAcD,CAAU,EACxBK,EAAS,IAAI,EACbT,IAAWa,CAAK,CAAA,EAElBD,EAAkB,MAAQ,IAAM,CAC9BV,EAAa,EAAK,EAClBU,EAAkB,KAAOlB,CAAA,EAGpBkB,CAAA,CACR,EAEDG,EAAAA,UAAU,IAAM,IAAML,EAAY,KAAA,EAAQ,CAAA,CAAE,EAE5C,MAAMM,EAAQ,IAAMN,EAAY,MAAA,EAC1BO,EAAO,IAAMP,EAAY,KAAA,EAO/B,MAAO,CACL,UAAAnB,EACA,WAAAa,EACA,YAAAM,EACA,MAAAJ,EACA,UAAAL,EACA,MAAAO,EACA,MAAAQ,EACA,KAAAC,EACA,OAda,CAACC,EAAQ,CAACjB,IAAc,CACrC,GAAIiB,SAAcF,EAAA,EAClBC,EAAA,CAAK,CAYL,CAEJ"}
1
+ {"version":3,"file":"useSpeechRecognition.cjs","sources":["../../../../src/hooks/useSpeechRecognition/useSpeechRecognition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use speech recognition hook options type */\ninterface UseSpeechRecognitionOptions {\n /** If true, recognition continues even after pauses in speech. Default is false */\n continuous?: SpeechRecognition['continuous'];\n /** A list of grammar rules */\n grammars?: SpeechRecognition['grammars'];\n /** If true, interim (non-final) results are provided as the user speaks */\n interimResults?: SpeechRecognition['interimResults'];\n /** The language in which recognition should occur. Must be a valid BCP 47 language tag (e.g., \"en-US\", \"ru-RU\") */\n language?: SpeechRecognition['lang'];\n /** The maximum number of alternative transcripts returned for a given recognition result. Must be a positive integer */\n maxAlternatives?: SpeechRecognition['maxAlternatives'];\n /** Callback invoked when speech recognition ends */\n onEnd?: () => void;\n /** Callback invoked when an error occurs during recognition */\n onError?: (error: SpeechRecognitionErrorEvent) => void;\n /** Callback invoked when recognition produces a result */\n onResult?: (event: SpeechRecognitionEvent) => void;\n /** Callback invoked when speech recognition starts */\n onStart?: () => void;\n}\n\n/** The return type of the useSpeechRecognition hook. */\ninterface UseSpeechRecognitionReturn {\n /** The error state */\n error: SpeechRecognitionErrorEvent | null;\n /** The final transcript */\n final: boolean;\n /** Whether the hook is currently listening for speech */\n listening: boolean;\n /** The speech recognition instance */\n recognition: SpeechRecognition;\n /** Whether the current browser supports the Web Speech API */\n supported: boolean;\n /** The current transcript */\n transcript: string;\n /** Begins speech recognition */\n start: () => void;\n /** Ends speech recognition, finalizing results */\n stop: () => void;\n /** Toggles the listening state */\n toggle: (value?: boolean) => void;\n}\n\nexport const getSpeechRecognition = () =>\n window?.SpeechRecognition ?? window?.webkitSpeechRecognition;\n\n/**\n * @name useSpeechRecognition\n * @description - Hook that provides a streamlined interface for incorporating speech-to-text functionality\n * @category Browser\n * @usage low\n *\n * @browserapi window.SpeechRecognition https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition\n *\n * @param {boolean} [options.continuous=false] Whether recognition should continue after pauses\n * @param {boolean} [options.interimResults=false] Whether interim results should be provided\n * @param {string} [options.language=\"en-US\"] The language for recognition, as a valid BCP 47 tag\n * @param {number} [options.maxAlternatives=1] The maximum number of alternative transcripts to return\n * @param {SpeechGrammarList} [options.grammars] A list of grammar rules\n * @param {() => void} [options.onStart] Callback invoked when speech recognition starts\n * @param {() => void} [options.onEnd] Callback invoked when speech recognition ends\n * @param {(error: SpeechRecognitionErrorEvent) => void} [options.onError] Callback invoked when an error occurs during recognition\n * @param {(event: SpeechRecognitionEvent) => void} [options.onResult] Callback invoked when recognition produces a result\n * @returns {UseSpeechRecognitionReturn} An object containing the speech recognition functionality\n *\n * @example\n * const { supported, value, recognition, listening, error, start, stop, toggle } = useSpeechRecognition();\n */\nexport const useSpeechRecognition = (\n options: UseSpeechRecognitionOptions = {}\n): UseSpeechRecognitionReturn => {\n const supported = typeof window !== 'undefined' && !!getSpeechRecognition();\n\n const {\n continuous = false,\n interimResults = false,\n language = 'en-US',\n grammars,\n maxAlternatives = 1,\n onStart,\n onEnd,\n onError,\n onResult\n } = options;\n\n const [listening, setListening] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [final, setFinal] = useState(false);\n const [error, setError] = useState<SpeechRecognitionErrorEvent | null>(null);\n const [recognition] = useState<SpeechRecognition>(() => {\n if (!supported) return {} as SpeechRecognition;\n\n const SpeechRecognition = getSpeechRecognition();\n const speechRecognition = new SpeechRecognition();\n\n speechRecognition.continuous = continuous;\n if (grammars) speechRecognition.grammars = grammars;\n speechRecognition.interimResults = interimResults;\n speechRecognition.lang = language;\n speechRecognition.maxAlternatives = maxAlternatives;\n\n speechRecognition.onstart = () => {\n setListening(true);\n setFinal(false);\n onStart?.();\n };\n speechRecognition.onend = () => {\n setListening(false);\n onEnd?.();\n };\n speechRecognition.onerror = (event) => {\n setError(event);\n setListening(false);\n onError?.(event);\n };\n speechRecognition.onresult = (event) => {\n console.log('onresult', event);\n const currentResult = event.results[event.resultIndex];\n const { transcript } = currentResult[0];\n\n setTranscript(transcript);\n setError(null);\n onResult?.(event);\n };\n speechRecognition.onend = () => {\n setListening(false);\n speechRecognition.lang = language;\n };\n\n return speechRecognition;\n });\n\n useEffect(() => () => recognition.stop(), []);\n\n const start = () => recognition.start();\n const stop = () => recognition.stop();\n\n const toggle = (value = !listening) => {\n if (value) return start();\n stop();\n };\n\n return {\n supported,\n transcript,\n recognition,\n final,\n listening,\n error,\n start,\n stop,\n toggle\n };\n};\n"],"names":["getSpeechRecognition","useSpeechRecognition","options","supported","continuous","interimResults","language","grammars","maxAlternatives","onStart","onEnd","onError","onResult","listening","setListening","useState","transcript","setTranscript","final","setFinal","error","setError","recognition","SpeechRecognition","speechRecognition","event","currentResult","useEffect","start","stop","value"],"mappings":"yGA8CaA,EAAuB,IAClC,QAAQ,mBAAqB,QAAQ,wBAwB1BC,EAAuB,CAClCC,EAAuC,KACR,CAC/B,MAAMC,EAAY,OAAO,OAAW,KAAe,CAAC,CAACH,EAAA,EAE/C,CACJ,WAAAI,EAAa,GACb,eAAAC,EAAiB,GACjB,SAAAC,EAAW,QACX,SAAAC,EACA,gBAAAC,EAAkB,EAClB,QAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CAAA,EACEV,EAEE,CAACW,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAE,EACzC,CAACG,EAAOC,CAAQ,EAAIJ,EAAAA,SAAS,EAAK,EAClC,CAACK,EAAOC,CAAQ,EAAIN,EAAAA,SAA6C,IAAI,EACrE,CAACO,CAAW,EAAIP,EAAAA,SAA4B,IAAM,CACtD,GAAI,CAACZ,EAAW,MAAO,CAAA,EAEvB,MAAMoB,EAAoBvB,EAAA,EACpBwB,EAAoB,IAAID,EAE9B,OAAAC,EAAkB,WAAapB,EAC3BG,MAA4B,SAAWA,GAC3CiB,EAAkB,eAAiBnB,EACnCmB,EAAkB,KAAOlB,EACzBkB,EAAkB,gBAAkBhB,EAEpCgB,EAAkB,QAAU,IAAM,CAChCV,EAAa,EAAI,EACjBK,EAAS,EAAK,EACdV,IAAA,CAAU,EAEZe,EAAkB,MAAQ,IAAM,CAC9BV,EAAa,EAAK,EAClBJ,IAAA,CAAQ,EAEVc,EAAkB,QAAWC,GAAU,CACrCJ,EAASI,CAAK,EACdX,EAAa,EAAK,EAClBH,IAAUc,CAAK,CAAA,EAEjBD,EAAkB,SAAYC,GAAU,CACtC,QAAQ,IAAI,WAAYA,CAAK,EAC7B,MAAMC,EAAgBD,EAAM,QAAQA,EAAM,WAAW,EAC/C,CAAE,WAAAT,GAAeU,EAAc,CAAC,EAEtCT,EAAcD,CAAU,EACxBK,EAAS,IAAI,EACbT,IAAWa,CAAK,CAAA,EAElBD,EAAkB,MAAQ,IAAM,CAC9BV,EAAa,EAAK,EAClBU,EAAkB,KAAOlB,CAAA,EAGpBkB,CAAA,CACR,EAEDG,EAAAA,UAAU,IAAM,IAAML,EAAY,KAAA,EAAQ,CAAA,CAAE,EAE5C,MAAMM,EAAQ,IAAMN,EAAY,MAAA,EAC1BO,EAAO,IAAMP,EAAY,KAAA,EAO/B,MAAO,CACL,UAAAnB,EACA,WAAAa,EACA,YAAAM,EACA,MAAAJ,EACA,UAAAL,EACA,MAAAO,EACA,MAAAQ,EACA,KAAAC,EACA,OAda,CAACC,EAAQ,CAACjB,IAAc,CACrC,GAAIiB,SAAcF,EAAA,EAClBC,EAAA,CAAK,CAYL,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),P=(S={})=>{const t=typeof window<"u"&&"speechSynthesis"in window,{text:u="",lang:c="en-US",pitch:i=1,rate:a=1,voice:l=null,volume:p=1}=S,[w,n]=r.useState(!1),[d,o]=r.useState("init"),[h,y]=r.useState(),s=r.useRef(null),f=e=>{e.lang=c,e.pitch=i,e.rate=a,e.volume=p,e.voice=l,e.onstart=()=>{n(!0),o("play")},e.onpause=()=>{n(!1),o("pause")},e.onresume=()=>{n(!0),o("play")},e.onend=()=>{n(!1),o("end")},e.onerror=E=>{n(!1),y(E)}};r.useEffect(()=>{if(!t)return;const e=new SpeechSynthesisUtterance(u);return f(e),s.current=e,()=>{window.speechSynthesis?.cancel()}},[u,c,i,a,l,p]);const g=e=>{t&&(e&&(s.current=new SpeechSynthesisUtterance(e),f(s.current)),window.speechSynthesis?.cancel(),s.current&&window.speechSynthesis?.speak(s.current))},m=()=>{t&&(window.speechSynthesis?.cancel(),n(!1))},v=(e=!w)=>{t&&(e?window.speechSynthesis?.resume():window.speechSynthesis?.pause(),n(e))},b=()=>{n(!0),window.speechSynthesis?.resume()},k=()=>{n(!1),window.speechSynthesis?.pause()};return{supported:t,playing:w,status:d,utterance:s.current,error:h,stop:m,toggle:v,speak:g,resume:b,pause:k}};exports.useSpeechSynthesis=P;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),P=(S={})=>{const t=typeof window<"u"&&"speechSynthesis"in window&&!!window.speechSynthesis,{text:u="",lang:i="en-US",pitch:c=1,rate:a=1,voice:l=null,volume:p=1}=S,[w,s]=r.useState(!1),[d,o]=r.useState("init"),[h,y]=r.useState(),n=r.useRef(null),f=e=>{e.lang=i,e.pitch=c,e.rate=a,e.volume=p,e.voice=l,e.onstart=()=>{s(!0),o("play")},e.onpause=()=>{s(!1),o("pause")},e.onresume=()=>{s(!0),o("play")},e.onend=()=>{s(!1),o("end")},e.onerror=E=>{s(!1),y(E)}};r.useEffect(()=>{if(!t)return;const e=new SpeechSynthesisUtterance(u);return f(e),n.current=e,()=>{window.speechSynthesis?.cancel()}},[u,i,c,a,l,p]);const g=e=>{t&&(e&&(n.current=new SpeechSynthesisUtterance(e),f(n.current)),window.speechSynthesis?.cancel(),n.current&&window.speechSynthesis?.speak(n.current))},m=()=>{t&&(window.speechSynthesis?.cancel(),s(!1))},v=(e=!w)=>{t&&(e?window.speechSynthesis?.resume():window.speechSynthesis?.pause(),s(e))},b=()=>{s(!0),window.speechSynthesis?.resume()},k=()=>{s(!1),window.speechSynthesis?.pause()};return{supported:t,playing:w,status:d,utterance:n.current,error:h,stop:m,toggle:v,speak:g,resume:b,pause:k}};exports.useSpeechSynthesis=P;
2
2
  //# sourceMappingURL=useSpeechSynthesis.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useSpeechSynthesis.cjs","sources":["../../../../src/hooks/useSpeechSynthesis/useSpeechSynthesis.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use speech synthesis status type */\nexport type UseSpeechSynthesisStatus = 'end' | 'init' | 'pause' | 'play';\n\n/** The use speech synthesis options type */\nexport interface UseSpeechSynthesisOptions {\n /** Language for SpeechSynthesis */\n lang?: string;\n /** Gets and sets the pitch at which the utterance will be spoken at. */\n pitch?: number;\n /** Gets and sets the speed at which the utterance will be spoken at. */\n rate?: number;\n /** The text to be spoken */\n text?: string;\n /** Gets and sets the voice that will be used to speak the utterance. */\n voice?: SpeechSynthesisVoice | null;\n /** Gets and sets the volume that the utterance will be spoken at. */\n volume?: number;\n}\n\n/** The use speech synthesis return type */\nexport interface UseSpeechSynthesisReturn {\n /** Any error that occurred during speech synthesis. */\n error: SpeechSynthesisErrorEvent | undefined;\n /** Indicates if speech is currently playing. */\n playing: boolean;\n /** The current status of speech synthesis. */\n status: UseSpeechSynthesisStatus;\n /** Indicates if the SpeechSynthesis API is supported in the current environment. */\n supported: boolean;\n /** The SpeechSynthesisUtterance instance. */\n utterance: SpeechSynthesisUtterance | null;\n /** Function to pause speech synthesis. */\n pause: () => void;\n /** Function to resume speech synthesis. */\n resume: () => void;\n /** Function to start speech synthesis. */\n speak: () => void;\n /** Function to stop speech synthesis. */\n stop: () => void;\n /** Function to toggle between play and pause. */\n toggle: (value?: boolean) => void;\n}\n\n/**\n * @name useSpeechSynthesis\n * @description - Hook that provides speech synthesis functionality\n * @category Browser\n *\n * @browserapi SpeechSynthesis https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis\n *\n * @params {string} [options.text] - The text to be spoken\n * @params {string} [options.lang] - The language to be spoken\n * @params {number} [options.pitch] - The pitch to be spoken\n * @params {number} [options.rate] - The rate to be spoken\n * @params {SpeechSynthesisVoice} [options.voice] - The voice to be spoken\n * @params {number} [options.volume] - The volume to be spoken\n * @returns {UseSpeechSynthesisReturn} An object containing the speech synthesis state and control methods\n *\n * @example\n * const { supported, playing, status, utterance, error, stop, toggle, speak, resume, pause } = useSpeechSynthesis();\n */\nexport const useSpeechSynthesis = (\n options: UseSpeechSynthesisOptions = {}\n): UseSpeechSynthesisReturn => {\n const supported = typeof window !== 'undefined' && 'speechSynthesis' in window;\n\n const { text = '', lang = 'en-US', pitch = 1, rate = 1, voice = null, volume = 1 } = options;\n\n const [playing, setPlaying] = useState(false);\n const [status, setStatus] = useState<UseSpeechSynthesisStatus>('init');\n const [error, setError] = useState<SpeechSynthesisErrorEvent>();\n const speechSynthesisUtteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n\n const bindSpeechSynthesisUtterance = (speechSynthesisUtterance: SpeechSynthesisUtterance) => {\n speechSynthesisUtterance.lang = lang;\n speechSynthesisUtterance.pitch = pitch;\n speechSynthesisUtterance.rate = rate;\n speechSynthesisUtterance.volume = volume;\n speechSynthesisUtterance.voice = voice;\n\n speechSynthesisUtterance.onstart = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onpause = () => {\n setPlaying(false);\n setStatus('pause');\n };\n\n speechSynthesisUtterance.onresume = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onend = () => {\n setPlaying(false);\n setStatus('end');\n };\n\n speechSynthesisUtterance.onerror = (event) => {\n setPlaying(false);\n setError(event);\n };\n };\n\n useEffect(() => {\n if (!supported) return;\n\n const speechSynthesisUtterance = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtterance);\n speechSynthesisUtteranceRef.current = speechSynthesisUtterance;\n\n return () => {\n window.speechSynthesis?.cancel();\n };\n }, [text, lang, pitch, rate, voice, volume]);\n\n const speak = (text?: string) => {\n if (!supported) return;\n\n if (text) {\n speechSynthesisUtteranceRef.current = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtteranceRef.current);\n }\n\n window.speechSynthesis?.cancel();\n if (speechSynthesisUtteranceRef.current)\n window.speechSynthesis?.speak(speechSynthesisUtteranceRef.current);\n };\n\n const stop = () => {\n if (!supported) return;\n\n window.speechSynthesis?.cancel();\n setPlaying(false);\n };\n\n const toggle = (value = !playing) => {\n if (!supported) return;\n\n if (value) {\n window.speechSynthesis?.resume();\n } else {\n window.speechSynthesis?.pause();\n }\n setPlaying(value);\n };\n\n const resume = () => {\n setPlaying(true);\n window.speechSynthesis?.resume();\n };\n\n const pause = () => {\n setPlaying(false);\n window.speechSynthesis?.pause();\n };\n\n return {\n supported,\n playing,\n status,\n utterance: speechSynthesisUtteranceRef.current,\n error,\n\n stop,\n toggle,\n speak,\n resume,\n pause\n };\n};\n"],"names":["useSpeechSynthesis","options","supported","text","lang","pitch","rate","voice","volume","playing","setPlaying","useState","status","setStatus","error","setError","speechSynthesisUtteranceRef","useRef","bindSpeechSynthesisUtterance","speechSynthesisUtterance","event","useEffect","speak","stop","toggle","value","resume","pause"],"mappings":"yGA+DaA,EAAqB,CAChCC,EAAqC,KACR,CAC7B,MAAMC,EAAY,OAAO,OAAW,KAAe,oBAAqB,OAElE,CAAE,KAAAC,EAAO,GAAI,KAAAC,EAAO,QAAS,MAAAC,EAAQ,EAAG,KAAAC,EAAO,EAAG,MAAAC,EAAQ,KAAM,OAAAC,EAAS,GAAMP,EAE/E,CAACQ,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAmC,MAAM,EAC/D,CAACG,EAAOC,CAAQ,EAAIJ,WAAA,EACpBK,EAA8BC,EAAAA,OAAwC,IAAI,EAE1EC,EAAgCC,GAAuD,CAC3FA,EAAyB,KAAOf,EAChCe,EAAyB,MAAQd,EACjCc,EAAyB,KAAOb,EAChCa,EAAyB,OAASX,EAClCW,EAAyB,MAAQZ,EAEjCY,EAAyB,QAAU,IAAM,CACvCT,EAAW,EAAI,EACfG,EAAU,MAAM,CAAA,EAGlBM,EAAyB,QAAU,IAAM,CACvCT,EAAW,EAAK,EAChBG,EAAU,OAAO,CAAA,EAGnBM,EAAyB,SAAW,IAAM,CACxCT,EAAW,EAAI,EACfG,EAAU,MAAM,CAAA,EAGlBM,EAAyB,MAAQ,IAAM,CACrCT,EAAW,EAAK,EAChBG,EAAU,KAAK,CAAA,EAGjBM,EAAyB,QAAWC,GAAU,CAC5CV,EAAW,EAAK,EAChBK,EAASK,CAAK,CAAA,CAChB,EAGFC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACnB,EAAW,OAEhB,MAAMiB,EAA2B,IAAI,yBAAyBhB,CAAI,EAClE,OAAAe,EAA6BC,CAAwB,EACrDH,EAA4B,QAAUG,EAE/B,IAAM,CACX,OAAO,iBAAiB,OAAA,CAAO,CACjC,EACC,CAAChB,EAAMC,EAAMC,EAAOC,EAAMC,EAAOC,CAAM,CAAC,EAE3C,MAAMc,EAASnB,GAAkB,CAC1BD,IAEDC,IACFa,EAA4B,QAAU,IAAI,yBAAyBb,CAAI,EACvEe,EAA6BF,EAA4B,OAAO,GAGlE,OAAO,iBAAiB,OAAA,EACpBA,EAA4B,SAC9B,OAAO,iBAAiB,MAAMA,EAA4B,OAAO,EAAA,EAG/DO,EAAO,IAAM,CACZrB,IAEL,OAAO,iBAAiB,OAAA,EACxBQ,EAAW,EAAK,EAAA,EAGZc,EAAS,CAACC,EAAQ,CAAChB,IAAY,CAC9BP,IAEDuB,EACF,OAAO,iBAAiB,OAAA,EAExB,OAAO,iBAAiB,MAAA,EAE1Bf,EAAWe,CAAK,EAAA,EAGZC,EAAS,IAAM,CACnBhB,EAAW,EAAI,EACf,OAAO,iBAAiB,OAAA,CAAO,EAG3BiB,EAAQ,IAAM,CAClBjB,EAAW,EAAK,EAChB,OAAO,iBAAiB,MAAA,CAAM,EAGhC,MAAO,CACL,UAAAR,EACA,QAAAO,EACA,OAAAG,EACA,UAAWI,EAA4B,QACvC,MAAAF,EAEA,KAAAS,EACA,OAAAC,EACA,MAAAF,EACA,OAAAI,EACA,MAAAC,CAAA,CAEJ"}
1
+ {"version":3,"file":"useSpeechSynthesis.cjs","sources":["../../../../src/hooks/useSpeechSynthesis/useSpeechSynthesis.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use speech synthesis status type */\nexport type UseSpeechSynthesisStatus = 'end' | 'init' | 'pause' | 'play';\n\n/** The use speech synthesis options type */\nexport interface UseSpeechSynthesisOptions {\n /** Language for SpeechSynthesis */\n lang?: string;\n /** Gets and sets the pitch at which the utterance will be spoken at. */\n pitch?: number;\n /** Gets and sets the speed at which the utterance will be spoken at. */\n rate?: number;\n /** The text to be spoken */\n text?: string;\n /** Gets and sets the voice that will be used to speak the utterance. */\n voice?: SpeechSynthesisVoice | null;\n /** Gets and sets the volume that the utterance will be spoken at. */\n volume?: number;\n}\n\n/** The use speech synthesis return type */\nexport interface UseSpeechSynthesisReturn {\n /** Any error that occurred during speech synthesis. */\n error: SpeechSynthesisErrorEvent | undefined;\n /** Indicates if speech is currently playing. */\n playing: boolean;\n /** The current status of speech synthesis. */\n status: UseSpeechSynthesisStatus;\n /** Indicates if the SpeechSynthesis API is supported in the current environment. */\n supported: boolean;\n /** The SpeechSynthesisUtterance instance. */\n utterance: SpeechSynthesisUtterance | null;\n /** Function to pause speech synthesis. */\n pause: () => void;\n /** Function to resume speech synthesis. */\n resume: () => void;\n /** Function to start speech synthesis. */\n speak: () => void;\n /** Function to stop speech synthesis. */\n stop: () => void;\n /** Function to toggle between play and pause. */\n toggle: (value?: boolean) => void;\n}\n\n/**\n * @name useSpeechSynthesis\n * @description - Hook that provides speech synthesis functionality\n * @category Browser\n * @usage low\n *\n * @browserapi SpeechSynthesis https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis\n *\n * @params {string} [options.text] - The text to be spoken\n * @params {string} [options.lang] - The language to be spoken\n * @params {number} [options.pitch] - The pitch to be spoken\n * @params {number} [options.rate] - The rate to be spoken\n * @params {SpeechSynthesisVoice} [options.voice] - The voice to be spoken\n * @params {number} [options.volume] - The volume to be spoken\n * @returns {UseSpeechSynthesisReturn} An object containing the speech synthesis state and control methods\n *\n * @example\n * const { supported, playing, status, utterance, error, stop, toggle, speak, resume, pause } = useSpeechSynthesis();\n */\nexport const useSpeechSynthesis = (\n options: UseSpeechSynthesisOptions = {}\n): UseSpeechSynthesisReturn => {\n const supported =\n typeof window !== 'undefined' && 'speechSynthesis' in window && !!window.speechSynthesis;\n\n const { text = '', lang = 'en-US', pitch = 1, rate = 1, voice = null, volume = 1 } = options;\n\n const [playing, setPlaying] = useState(false);\n const [status, setStatus] = useState<UseSpeechSynthesisStatus>('init');\n const [error, setError] = useState<SpeechSynthesisErrorEvent>();\n const speechSynthesisUtteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n\n const bindSpeechSynthesisUtterance = (speechSynthesisUtterance: SpeechSynthesisUtterance) => {\n speechSynthesisUtterance.lang = lang;\n speechSynthesisUtterance.pitch = pitch;\n speechSynthesisUtterance.rate = rate;\n speechSynthesisUtterance.volume = volume;\n speechSynthesisUtterance.voice = voice;\n\n speechSynthesisUtterance.onstart = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onpause = () => {\n setPlaying(false);\n setStatus('pause');\n };\n\n speechSynthesisUtterance.onresume = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onend = () => {\n setPlaying(false);\n setStatus('end');\n };\n\n speechSynthesisUtterance.onerror = (event) => {\n setPlaying(false);\n setError(event);\n };\n };\n\n useEffect(() => {\n if (!supported) return;\n\n const speechSynthesisUtterance = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtterance);\n speechSynthesisUtteranceRef.current = speechSynthesisUtterance;\n\n return () => {\n window.speechSynthesis?.cancel();\n };\n }, [text, lang, pitch, rate, voice, volume]);\n\n const speak = (text?: string) => {\n if (!supported) return;\n\n if (text) {\n speechSynthesisUtteranceRef.current = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtteranceRef.current);\n }\n\n window.speechSynthesis?.cancel();\n if (speechSynthesisUtteranceRef.current)\n window.speechSynthesis?.speak(speechSynthesisUtteranceRef.current);\n };\n\n const stop = () => {\n if (!supported) return;\n\n window.speechSynthesis?.cancel();\n setPlaying(false);\n };\n\n const toggle = (value = !playing) => {\n if (!supported) return;\n\n if (value) {\n window.speechSynthesis?.resume();\n } else {\n window.speechSynthesis?.pause();\n }\n setPlaying(value);\n };\n\n const resume = () => {\n setPlaying(true);\n window.speechSynthesis?.resume();\n };\n\n const pause = () => {\n setPlaying(false);\n window.speechSynthesis?.pause();\n };\n\n return {\n supported,\n playing,\n status,\n utterance: speechSynthesisUtteranceRef.current,\n error,\n\n stop,\n toggle,\n speak,\n resume,\n pause\n };\n};\n"],"names":["useSpeechSynthesis","options","supported","text","lang","pitch","rate","voice","volume","playing","setPlaying","useState","status","setStatus","error","setError","speechSynthesisUtteranceRef","useRef","bindSpeechSynthesisUtterance","speechSynthesisUtterance","event","useEffect","speak","stop","toggle","value","resume","pause"],"mappings":"yGAgEaA,EAAqB,CAChCC,EAAqC,KACR,CAC7B,MAAMC,EACJ,OAAO,OAAW,KAAe,oBAAqB,QAAU,CAAC,CAAC,OAAO,gBAErE,CAAE,KAAAC,EAAO,GAAI,KAAAC,EAAO,QAAS,MAAAC,EAAQ,EAAG,KAAAC,EAAO,EAAG,MAAAC,EAAQ,KAAM,OAAAC,EAAS,GAAMP,EAE/E,CAACQ,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAmC,MAAM,EAC/D,CAACG,EAAOC,CAAQ,EAAIJ,WAAA,EACpBK,EAA8BC,EAAAA,OAAwC,IAAI,EAE1EC,EAAgCC,GAAuD,CAC3FA,EAAyB,KAAOf,EAChCe,EAAyB,MAAQd,EACjCc,EAAyB,KAAOb,EAChCa,EAAyB,OAASX,EAClCW,EAAyB,MAAQZ,EAEjCY,EAAyB,QAAU,IAAM,CACvCT,EAAW,EAAI,EACfG,EAAU,MAAM,CAAA,EAGlBM,EAAyB,QAAU,IAAM,CACvCT,EAAW,EAAK,EAChBG,EAAU,OAAO,CAAA,EAGnBM,EAAyB,SAAW,IAAM,CACxCT,EAAW,EAAI,EACfG,EAAU,MAAM,CAAA,EAGlBM,EAAyB,MAAQ,IAAM,CACrCT,EAAW,EAAK,EAChBG,EAAU,KAAK,CAAA,EAGjBM,EAAyB,QAAWC,GAAU,CAC5CV,EAAW,EAAK,EAChBK,EAASK,CAAK,CAAA,CAChB,EAGFC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACnB,EAAW,OAEhB,MAAMiB,EAA2B,IAAI,yBAAyBhB,CAAI,EAClE,OAAAe,EAA6BC,CAAwB,EACrDH,EAA4B,QAAUG,EAE/B,IAAM,CACX,OAAO,iBAAiB,OAAA,CAAO,CACjC,EACC,CAAChB,EAAMC,EAAMC,EAAOC,EAAMC,EAAOC,CAAM,CAAC,EAE3C,MAAMc,EAASnB,GAAkB,CAC1BD,IAEDC,IACFa,EAA4B,QAAU,IAAI,yBAAyBb,CAAI,EACvEe,EAA6BF,EAA4B,OAAO,GAGlE,OAAO,iBAAiB,OAAA,EACpBA,EAA4B,SAC9B,OAAO,iBAAiB,MAAMA,EAA4B,OAAO,EAAA,EAG/DO,EAAO,IAAM,CACZrB,IAEL,OAAO,iBAAiB,OAAA,EACxBQ,EAAW,EAAK,EAAA,EAGZc,EAAS,CAACC,EAAQ,CAAChB,IAAY,CAC9BP,IAEDuB,EACF,OAAO,iBAAiB,OAAA,EAExB,OAAO,iBAAiB,MAAA,EAE1Bf,EAAWe,CAAK,EAAA,EAGZC,EAAS,IAAM,CACnBhB,EAAW,EAAI,EACf,OAAO,iBAAiB,OAAA,CAAO,EAG3BiB,EAAQ,IAAM,CAClBjB,EAAW,EAAK,EAChB,OAAO,iBAAiB,MAAA,CAAM,EAGhC,MAAO,CACL,UAAAR,EACA,QAAAO,EACA,OAAAG,EACA,UAAWI,EAA4B,QACvC,MAAAF,EAEA,KAAAS,EACA,OAAAC,EACA,MAAAF,EACA,OAAAI,EACA,MAAAC,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStateHistory.cjs","sources":["../../../../src/hooks/useStateHistory/useStateHistory.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use state history hook return type */\ninterface UseStateHistoryReturn<Value> {\n /** True if a redo operation can be performed */\n canRedo: boolean;\n /** True if an undo operation can be performed */\n canUndo: boolean;\n /** All history values */\n history: Value[];\n /** Current index in history */\n index: number;\n /** Current value */\n value: Value;\n /** Go back specified number of steps in history (default: 1) */\n back: (steps?: number) => void;\n /** Go forward specified number of steps in history (default: 1) */\n forward: (steps?: number) => void;\n /** Redo the last change */\n redo: () => void;\n /** Reset history to initial state */\n reset: () => void;\n /** Set a new value */\n set: (value: Value) => void;\n /** Undo the last change */\n undo: () => void;\n}\n\nexport type StateHistoryAction<Value> =\n | { type: 'BACK'; payload: { steps: number } }\n | { type: 'FORWARD'; payload: { steps: number } }\n | { type: 'REDO' }\n | { type: 'RESET'; payload: { initialValue: Value; capacity: number } }\n | { type: 'SET'; payload: { value: Value; capacity: number } }\n | { type: 'UNDO' };\n\nexport interface StateHistory<Value> {\n currentIndex: number;\n history: Value[];\n redoStack: Value[][];\n undoStack: Value[][];\n}\n\nexport const stateHistoryReducer = <Value>(\n state: StateHistory<Value>,\n action: StateHistoryAction<Value>\n): StateHistory<Value> => {\n switch (action.type) {\n case 'SET': {\n const { value, capacity } = action.payload;\n\n const newHistory = [...state.history.slice(0, state.currentIndex + 1), value];\n if (newHistory.length > capacity) {\n newHistory.shift();\n }\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: newHistory,\n currentIndex: newHistory.length - 1,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n case 'UNDO': {\n if (state.undoStack.length === 0) return state;\n\n return {\n history: state.undoStack[0],\n currentIndex: state.undoStack[0].length - 1,\n undoStack: state.undoStack.slice(1),\n redoStack: [state.history, ...state.redoStack]\n };\n }\n\n case 'REDO': {\n if (state.redoStack.length === 0) return state;\n\n return {\n history: state.redoStack[0],\n currentIndex: state.redoStack[0].length - 1,\n undoStack: [state.history, ...state.undoStack],\n redoStack: state.redoStack.slice(1)\n };\n }\n\n case 'BACK': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.max(0, state.currentIndex - steps)\n };\n }\n\n case 'FORWARD': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.min(state.currentIndex + steps, state.history.length - 1)\n };\n }\n\n case 'RESET': {\n const { initialValue, capacity } = action.payload;\n if (state.history.length === 1) return state;\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: [initialValue],\n currentIndex: 0,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n default:\n throw new Error('Unsupported action type');\n }\n};\n\n/**\n * @name useStateHistory\n * @description - Hook that manages state with history functionality\n * @category State\n *\n * @param {Value} initialValue - The initial value to start the history with\n * @param {number} [capacity=10] - Maximum number of history entries and undo actions to keep\n * @returns {UseStateHistoryReturn<Value>} Object containing current value, history array and control methods\n *\n * @example\n * const { value, history, index, set, back, forward, reset, undo, redo, canUndo, canRedo } = useStateHistory(0);\n */\nexport const useStateHistory = <Value>(\n initialValue: Value,\n capacity = 10\n): UseStateHistoryReturn<Value> => {\n const [state, dispatch] = useReducer(stateHistoryReducer<Value>, {\n history: [initialValue],\n currentIndex: 0,\n undoStack: [],\n redoStack: []\n });\n\n const value = state.history[state.currentIndex];\n const canUndo = state.undoStack.length > 0;\n const canRedo = state.redoStack.length > 0;\n\n const set = (value: Value) =>\n dispatch({\n type: 'SET',\n payload: { value, capacity }\n });\n\n const undo = () => dispatch({ type: 'UNDO' });\n\n const redo = () => dispatch({ type: 'REDO' });\n\n const back = (steps = 1) => dispatch({ type: 'BACK', payload: { steps } });\n\n const forward = (steps = 1) => dispatch({ type: 'FORWARD', payload: { steps } });\n\n const reset = () => dispatch({ type: 'RESET', payload: { initialValue, capacity } });\n\n return {\n history: state.history,\n value,\n set,\n index: state.currentIndex,\n back,\n forward,\n reset,\n undo,\n redo,\n canUndo,\n canRedo\n };\n};\n"],"names":["stateHistoryReducer","state","action","value","capacity","newHistory","newUndoStack","steps","initialValue","useStateHistory","dispatch","useReducer","canUndo","canRedo","set","undo","redo","back","forward","reset"],"mappings":"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"}
1
+ {"version":3,"file":"useStateHistory.cjs","sources":["../../../../src/hooks/useStateHistory/useStateHistory.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use state history hook return type */\ninterface UseStateHistoryReturn<Value> {\n /** True if a redo operation can be performed */\n canRedo: boolean;\n /** True if an undo operation can be performed */\n canUndo: boolean;\n /** All history values */\n history: Value[];\n /** Current index in history */\n index: number;\n /** Current value */\n value: Value;\n /** Go back specified number of steps in history (default: 1) */\n back: (steps?: number) => void;\n /** Go forward specified number of steps in history (default: 1) */\n forward: (steps?: number) => void;\n /** Redo the last change */\n redo: () => void;\n /** Reset history to initial state */\n reset: () => void;\n /** Set a new value */\n set: (value: Value) => void;\n /** Undo the last change */\n undo: () => void;\n}\n\nexport type StateHistoryAction<Value> =\n | { type: 'BACK'; payload: { steps: number } }\n | { type: 'FORWARD'; payload: { steps: number } }\n | { type: 'REDO' }\n | { type: 'RESET'; payload: { initialValue: Value; capacity: number } }\n | { type: 'SET'; payload: { value: Value; capacity: number } }\n | { type: 'UNDO' };\n\nexport interface StateHistory<Value> {\n currentIndex: number;\n history: Value[];\n redoStack: Value[][];\n undoStack: Value[][];\n}\n\nexport const stateHistoryReducer = <Value>(\n state: StateHistory<Value>,\n action: StateHistoryAction<Value>\n): StateHistory<Value> => {\n switch (action.type) {\n case 'SET': {\n const { value, capacity } = action.payload;\n\n const newHistory = [...state.history.slice(0, state.currentIndex + 1), value];\n if (newHistory.length > capacity) {\n newHistory.shift();\n }\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: newHistory,\n currentIndex: newHistory.length - 1,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n case 'UNDO': {\n if (state.undoStack.length === 0) return state;\n\n return {\n history: state.undoStack[0],\n currentIndex: state.undoStack[0].length - 1,\n undoStack: state.undoStack.slice(1),\n redoStack: [state.history, ...state.redoStack]\n };\n }\n\n case 'REDO': {\n if (state.redoStack.length === 0) return state;\n\n return {\n history: state.redoStack[0],\n currentIndex: state.redoStack[0].length - 1,\n undoStack: [state.history, ...state.undoStack],\n redoStack: state.redoStack.slice(1)\n };\n }\n\n case 'BACK': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.max(0, state.currentIndex - steps)\n };\n }\n\n case 'FORWARD': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.min(state.currentIndex + steps, state.history.length - 1)\n };\n }\n\n case 'RESET': {\n const { initialValue, capacity } = action.payload;\n if (state.history.length === 1) return state;\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: [initialValue],\n currentIndex: 0,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n default:\n throw new Error('Unsupported action type');\n }\n};\n\n/**\n * @name useStateHistory\n * @description - Hook that manages state with history functionality\n * @category State\n * @usage medium\n *\n * @param {Value} initialValue - The initial value to start the history with\n * @param {number} [capacity=10] - Maximum number of history entries and undo actions to keep\n * @returns {UseStateHistoryReturn<Value>} Object containing current value, history array and control methods\n *\n * @example\n * const { value, history, index, set, back, forward, reset, undo, redo, canUndo, canRedo } = useStateHistory(0);\n */\nexport const useStateHistory = <Value>(\n initialValue: Value,\n capacity = 10\n): UseStateHistoryReturn<Value> => {\n const [state, dispatch] = useReducer(stateHistoryReducer<Value>, {\n history: [initialValue],\n currentIndex: 0,\n undoStack: [],\n redoStack: []\n });\n\n const value = state.history[state.currentIndex];\n const canUndo = state.undoStack.length > 0;\n const canRedo = state.redoStack.length > 0;\n\n const set = (value: Value) =>\n dispatch({\n type: 'SET',\n payload: { value, capacity }\n });\n\n const undo = () => dispatch({ type: 'UNDO' });\n\n const redo = () => dispatch({ type: 'REDO' });\n\n const back = (steps = 1) => dispatch({ type: 'BACK', payload: { steps } });\n\n const forward = (steps = 1) => dispatch({ type: 'FORWARD', payload: { steps } });\n\n const reset = () => dispatch({ type: 'RESET', payload: { initialValue, capacity } });\n\n return {\n history: state.history,\n value,\n set,\n index: state.currentIndex,\n back,\n forward,\n reset,\n undo,\n redo,\n canUndo,\n canRedo\n };\n};\n"],"names":["stateHistoryReducer","state","action","value","capacity","newHistory","newUndoStack","steps","initialValue","useStateHistory","dispatch","useReducer","canUndo","canRedo","set","undo","redo","back","forward","reset"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStep.cjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n /** Initial value for step */\n initial: number;\n /** Maximum value for step */\n max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n /** Counts of steps */\n counts: number;\n /** Current value of step */\n currentStep: number;\n /** Boolean value if current step is first */\n isFirst: boolean;\n /** Boolean value if current step is last */\n isLast: boolean;\n /** Go to back step */\n back: () => void;\n /** Go to next step */\n next: () => void;\n /** Reset current step to initial value */\n reset: () => void;\n /** Go to custom step */\n set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category State\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n const max = typeof params === 'object' ? params.max : params;\n const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n const initialStep = useRef(\n initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n );\n const [currentStep, setCurrentStep] = useState(initial);\n\n const isFirst = currentStep === FIRST_STEP_VALUE;\n const isLast = currentStep === max;\n\n const next = () => {\n if (isLast) return;\n setCurrentStep((prevStep) => prevStep + 1);\n };\n\n const back = () => {\n if (isFirst) return;\n setCurrentStep((prevStep) => prevStep - 1);\n };\n\n const reset = () => setCurrentStep(initialStep.current);\n\n const set = (value: number | 'first' | 'last') => {\n if (value === 'first') return setCurrentStep(initialStep.current);\n if (value === 'last') return setCurrentStep(max);\n if (value >= max) return setCurrentStep(max);\n if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n setCurrentStep(value);\n };\n\n return {\n counts: max,\n currentStep,\n isFirst,\n isLast,\n next,\n back,\n reset,\n set\n };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":"yGA8BMA,EAAmB,EAsBZC,EAAWC,GAAkD,CACxE,MAAMC,EAAM,OAAOD,GAAW,SAAWA,EAAO,IAAMA,EAChDE,EAAU,OAAOF,GAAW,SAAWA,EAAO,QAAUF,EAExDK,EAAcC,EAAAA,OAClBF,EAAUD,GAAOC,EAAUJ,EAAmBA,EAAmBI,CAAA,EAE7D,CAACG,EAAaC,CAAc,EAAIC,EAAAA,SAASL,CAAO,EAEhDM,EAAUH,IAAgBP,EAC1BW,EAASJ,IAAgBJ,EAsB/B,MAAO,CACL,OAAQA,EACR,YAAAI,EACA,QAAAG,EACA,OAAAC,EACA,KAzBW,IAAM,CACbA,GACJH,EAAgBI,GAAaA,EAAW,CAAC,CAAA,EAwBzC,KArBW,IAAM,CACbF,GACJF,EAAgBI,GAAaA,EAAW,CAAC,CAAA,EAoBzC,MAjBY,IAAMJ,EAAeH,EAAY,OAAO,EAkBpD,IAhBWQ,GAAqC,CAChD,GAAIA,IAAU,QAAS,OAAOL,EAAeH,EAAY,OAAO,EAEhE,GADIQ,IAAU,QACVA,GAASV,EAAK,OAAOK,EAAeL,CAAG,EAC3C,GAAIU,GAASb,EAAkB,OAAOQ,EAAeR,CAAgB,EACrEQ,EAAeK,CAAK,CAAA,CAWpB,CAEJ"}
1
+ {"version":3,"file":"useStep.cjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n /** Initial value for step */\n initial: number;\n /** Maximum value for step */\n max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n /** Counts of steps */\n counts: number;\n /** Current value of step */\n currentStep: number;\n /** Boolean value if current step is first */\n isFirst: boolean;\n /** Boolean value if current step is last */\n isLast: boolean;\n /** Go to back step */\n back: () => void;\n /** Go to next step */\n next: () => void;\n /** Reset current step to initial value */\n reset: () => void;\n /** Go to custom step */\n set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category State\n * @usage medium\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n const max = typeof params === 'object' ? params.max : params;\n const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n const initialStep = useRef(\n initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n );\n const [currentStep, setCurrentStep] = useState(initial);\n\n const isFirst = currentStep === FIRST_STEP_VALUE;\n const isLast = currentStep === max;\n\n const next = () => {\n if (isLast) return;\n setCurrentStep((prevStep) => prevStep + 1);\n };\n\n const back = () => {\n if (isFirst) return;\n setCurrentStep((prevStep) => prevStep - 1);\n };\n\n const reset = () => setCurrentStep(initialStep.current);\n\n const set = (value: number | 'first' | 'last') => {\n if (value === 'first') return setCurrentStep(initialStep.current);\n if (value === 'last') return setCurrentStep(max);\n if (value >= max) return setCurrentStep(max);\n if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n setCurrentStep(value);\n };\n\n return {\n counts: max,\n currentStep,\n isFirst,\n isLast,\n next,\n back,\n reset,\n set\n };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":"yGA8BMA,EAAmB,EAuBZC,EAAWC,GAAkD,CACxE,MAAMC,EAAM,OAAOD,GAAW,SAAWA,EAAO,IAAMA,EAChDE,EAAU,OAAOF,GAAW,SAAWA,EAAO,QAAUF,EAExDK,EAAcC,EAAAA,OAClBF,EAAUD,GAAOC,EAAUJ,EAAmBA,EAAmBI,CAAA,EAE7D,CAACG,EAAaC,CAAc,EAAIC,EAAAA,SAASL,CAAO,EAEhDM,EAAUH,IAAgBP,EAC1BW,EAASJ,IAAgBJ,EAsB/B,MAAO,CACL,OAAQA,EACR,YAAAI,EACA,QAAAG,EACA,OAAAC,EACA,KAzBW,IAAM,CACbA,GACJH,EAAgBI,GAAaA,EAAW,CAAC,CAAA,EAwBzC,KArBW,IAAM,CACbF,GACJF,EAAgBI,GAAaA,EAAW,CAAC,CAAA,EAoBzC,MAjBY,IAAMJ,EAAeH,EAAY,OAAO,EAkBpD,IAhBWQ,GAAqC,CAChD,GAAIA,IAAU,QAAS,OAAOL,EAAeH,EAAY,OAAO,EAEhE,GADIQ,IAAU,QACVA,GAASV,EAAK,OAAOK,EAAeL,CAAG,EAC3C,GAAIU,GAASb,EAAkB,OAAOQ,EAAeR,CAAgB,EACrEQ,EAAeK,CAAK,CAAA,CAWpB,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSticky.cjs","sources":["../../../../src/hooks/useSticky/useSticky.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 use sticky return type */\nexport interface UseStickyReturn {\n stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n axis?: UseStickyAxis;\n root?: HookTarget;\n}\n\nexport interface UseSticky {\n (target: HookTarget, options?: UseStickyOptions): boolean;\n\n <Target extends Element>(\n options?: UseStickyOptions,\n target?: never\n ): {\n ref: StateRef<Target>;\n } & UseStickyReturn;\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Elements\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const stuck = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ stickyRef: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseStickyOptions;\n const axis = options?.axis ?? 'vertical';\n\n const internalRef = useRefState<Element>();\n const [stuck, setStuck] = useState(false);\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const root = (options?.root ? getElement(options.root) : document) as Element;\n const elementOffsetTop =\n element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n const elementOffsetLeft =\n element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n const onSticky = () => {\n if (axis === 'vertical') {\n const scrollTop = root.scrollTop;\n setStuck(scrollTop >= elementOffsetTop);\n }\n\n if (axis === 'horizontal') {\n const scrollLeft = root.scrollLeft;\n setStuck(scrollLeft >= elementOffsetLeft);\n }\n };\n\n root.addEventListener('scroll', onSticky);\n window.addEventListener('resize', onSticky);\n window.addEventListener('orientationchange', onSticky);\n\n onSticky();\n\n return () => {\n root.removeEventListener('scroll', onSticky);\n window.removeEventListener('resize', onSticky);\n window.removeEventListener('orientationchange', onSticky);\n };\n }, [target, internalRef.state, axis, options?.root]);\n\n if (target) return stuck;\n return {\n stuck,\n ref: internalRef\n };\n}) as UseSticky;\n"],"names":["useSticky","params","target","isTarget","options","axis","internalRef","useRefState","stuck","setStuck","useState","useEffect","element","getElement","root","elementOffsetTop","elementOffsetLeft","onSticky","scrollTop","scrollLeft"],"mappings":"mPAyDaA,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACxCI,EAAOD,GAAS,MAAQ,WAExBE,EAAcC,EAAAA,YAAA,EACd,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAwCxC,OAtCAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,GAAU,CAACI,EAAY,MAAO,OAEnC,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACM,EAAS,OAEd,MAAME,EAAQV,GAAS,KAAOS,EAAAA,WAAWT,EAAQ,IAAI,EAAI,SACnDW,EACJH,EAAQ,wBAAwB,IAAME,EAAK,UAAYA,EAAK,sBAAA,EAAwB,IAChFE,EACJJ,EAAQ,wBAAwB,KAAOE,EAAK,WAAaA,EAAK,sBAAA,EAAwB,KAElFG,EAAW,IAAM,CACrB,GAAIZ,IAAS,WAAY,CACvB,MAAMa,EAAYJ,EAAK,UACvBL,EAASS,GAAaH,CAAgB,CAAA,CAGxC,GAAIV,IAAS,aAAc,CACzB,MAAMc,EAAaL,EAAK,WACxBL,EAASU,GAAcH,CAAiB,CAAA,CAC1C,EAGF,OAAAF,EAAK,iBAAiB,SAAUG,CAAQ,EACxC,OAAO,iBAAiB,SAAUA,CAAQ,EAC1C,OAAO,iBAAiB,oBAAqBA,CAAQ,EAErDA,EAAA,EAEO,IAAM,CACXH,EAAK,oBAAoB,SAAUG,CAAQ,EAC3C,OAAO,oBAAoB,SAAUA,CAAQ,EAC7C,OAAO,oBAAoB,oBAAqBA,CAAQ,CAAA,CAC1D,EACC,CAACf,EAAQI,EAAY,MAAOD,EAAMD,GAAS,IAAI,CAAC,EAE/CF,EAAeM,EACZ,CACL,MAAAA,EACA,IAAKF,CAAA,CAET"}
1
+ {"version":3,"file":"useSticky.cjs","sources":["../../../../src/hooks/useSticky/useSticky.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 use sticky return type */\nexport interface UseStickyReturn {\n stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n axis?: UseStickyAxis;\n root?: HookTarget;\n}\n\nexport interface UseSticky {\n (target: HookTarget, options?: UseStickyOptions): boolean;\n\n <Target extends Element>(\n options?: UseStickyOptions,\n target?: never\n ): {\n ref: StateRef<Target>;\n } & UseStickyReturn;\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Elements\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const stuck = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ stickyRef: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseStickyOptions;\n const axis = options?.axis ?? 'vertical';\n\n const internalRef = useRefState<Element>();\n const [stuck, setStuck] = useState(false);\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const root = (options?.root ? getElement(options.root) : document) as Element;\n const elementOffsetTop =\n element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n const elementOffsetLeft =\n element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n const onSticky = () => {\n if (axis === 'vertical') {\n const scrollTop = root.scrollTop;\n setStuck(scrollTop >= elementOffsetTop);\n }\n\n if (axis === 'horizontal') {\n const scrollLeft = root.scrollLeft;\n setStuck(scrollLeft >= elementOffsetLeft);\n }\n };\n\n root.addEventListener('scroll', onSticky);\n window.addEventListener('resize', onSticky);\n window.addEventListener('orientationchange', onSticky);\n\n onSticky();\n\n return () => {\n root.removeEventListener('scroll', onSticky);\n window.removeEventListener('resize', onSticky);\n window.removeEventListener('orientationchange', onSticky);\n };\n }, [target, internalRef.state, axis, options?.root]);\n\n if (target) return stuck;\n return {\n stuck,\n ref: internalRef\n };\n}) as UseSticky;\n"],"names":["useSticky","params","target","isTarget","options","axis","internalRef","useRefState","stuck","setStuck","useState","useEffect","element","getElement","root","elementOffsetTop","elementOffsetLeft","onSticky","scrollTop","scrollLeft"],"mappings":"mPA0DaA,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACxCI,EAAOD,GAAS,MAAQ,WAExBE,EAAcC,EAAAA,YAAA,EACd,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAwCxC,OAtCAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,GAAU,CAACI,EAAY,MAAO,OAEnC,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACM,EAAS,OAEd,MAAME,EAAQV,GAAS,KAAOS,EAAAA,WAAWT,EAAQ,IAAI,EAAI,SACnDW,EACJH,EAAQ,wBAAwB,IAAME,EAAK,UAAYA,EAAK,sBAAA,EAAwB,IAChFE,EACJJ,EAAQ,wBAAwB,KAAOE,EAAK,WAAaA,EAAK,sBAAA,EAAwB,KAElFG,EAAW,IAAM,CACrB,GAAIZ,IAAS,WAAY,CACvB,MAAMa,EAAYJ,EAAK,UACvBL,EAASS,GAAaH,CAAgB,CAAA,CAGxC,GAAIV,IAAS,aAAc,CACzB,MAAMc,EAAaL,EAAK,WACxBL,EAASU,GAAcH,CAAiB,CAAA,CAC1C,EAGF,OAAAF,EAAK,iBAAiB,SAAUG,CAAQ,EACxC,OAAO,iBAAiB,SAAUA,CAAQ,EAC1C,OAAO,iBAAiB,oBAAqBA,CAAQ,EAErDA,EAAA,EAEO,IAAM,CACXH,EAAK,oBAAoB,SAAUG,CAAQ,EAC3C,OAAO,oBAAoB,SAAUA,CAAQ,EAC7C,OAAO,oBAAoB,oBAAqBA,CAAQ,CAAA,CAC1D,EACC,CAACf,EAAQI,EAAY,MAAOD,EAAMD,GAAS,IAAI,CAAC,EAE/CF,EAAeM,EACZ,CACL,MAAAA,EACA,IAAKF,CAAA,CAET"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStopwatch.cjs","sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n if (!time)\n return {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: 0\n };\n\n const days = Math.floor(time / 86400);\n const hours = Math.floor((time % 86400) / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = Math.floor(time % 60);\n\n return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n /** The total count of the stopwatch */\n count: number;\n /** The day count of the stopwatch */\n days: number;\n /** The hour count of the stopwatch */\n hours: number;\n /** The minute count of the stopwatch */\n minutes: number;\n /** The over state of the stopwatch */\n over: boolean;\n /** The paused state of the stopwatch */\n paused: boolean;\n /** The second count of the stopwatch */\n seconds: number;\n /** The function to pause the stopwatch */\n pause: () => void;\n /** The function to reset the stopwatch */\n reset: () => void;\n /** The function to start the stopwatch */\n start: () => void;\n /** The function to toggle the stopwatch */\n toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n /** The immediately state of the timer */\n immediately?: boolean;\n}\n\ninterface UseStopwatch {\n (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n const initialTime =\n (typeof params[0] === 'number'\n ? (params[0] as number | undefined)\n : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n const options =\n typeof params[0] === 'number'\n ? (params[1] as UseStopwatchOptions | undefined)\n : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n const immediately = options?.immediately ?? false;\n\n const [time, setTime] = useState(getStopwatchTime(initialTime));\n const [paused, setPaused] = useState(!immediately && !initialTime);\n\n useEffect(() => {\n if (paused) return;\n const onInterval = () => {\n setTime((prevTime) => {\n const updatedCount = prevTime.count + 1;\n\n if (updatedCount % 60 === 0) {\n return {\n ...prevTime,\n minutes: prevTime.minutes + 1,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60) === 0) {\n return {\n ...prevTime,\n hours: prevTime.hours + 1,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60 * 24) === 0) {\n return {\n ...prevTime,\n days: prevTime.days + 1,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n return {\n ...prevTime,\n seconds: prevTime.seconds + 1,\n count: updatedCount\n };\n });\n };\n\n const interval = setInterval(() => onInterval(), 1000);\n return () => clearInterval(interval);\n }, [paused]);\n\n return {\n ...time,\n paused,\n pause: () => setPaused(true),\n start: () => setPaused(false),\n reset: () => setTime(getStopwatchTime(initialTime)),\n toggle: () => setPaused((prevPause) => !prevPause)\n };\n}) as UseStopwatch;\n"],"names":["getStopwatchTime","time","days","hours","minutes","seconds","useStopwatch","params","initialTime","immediately","setTime","useState","paused","setPaused","useEffect","onInterval","prevTime","updatedCount","interval","prevPause"],"mappings":"yGAEMA,EAAoBC,GAAiB,CACzC,GAAI,CAACA,EACH,MAAO,CACL,KAAM,EACN,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAO,CAAA,EAGX,MAAMC,EAAO,KAAK,MAAMD,EAAO,KAAK,EAC9BE,EAAQ,KAAK,MAAOF,EAAO,MAAS,IAAI,EACxCG,EAAU,KAAK,MAAOH,EAAO,KAAQ,EAAE,EACvCI,EAAU,KAAK,MAAMJ,EAAO,EAAE,EAEpC,MAAO,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,MAAOJ,CAAA,CACjD,EA2DaK,EAAgB,IAAIC,IAAkB,CACjD,MAAMC,GACH,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACRA,EAAO,CAAC,GAAsD,cAAgB,EAO/EE,GAJJ,OAAOF,EAAO,CAAC,GAAM,SAChBA,EAAO,CAAC,EACRA,EAAO,CAAC,IAEc,aAAe,GAEtC,CAACN,EAAMS,CAAO,EAAIC,EAAAA,SAASX,EAAiBQ,CAAW,CAAC,EACxD,CAACI,EAAQC,CAAS,EAAIF,EAAAA,SAAS,CAACF,GAAe,CAACD,CAAW,EAEjEM,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAQ,OACZ,MAAMG,EAAa,IAAM,CACvBL,EAASM,GAAa,CACpB,MAAMC,EAAeD,EAAS,MAAQ,EAEtC,OAAIC,EAAe,KAAO,EACjB,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,MAAQ,EACxB,CACL,GAAGD,EACH,MAAOA,EAAS,MAAQ,EACxB,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,GAAK,MAAQ,EAC7B,CACL,GAAGD,EACH,KAAMA,EAAS,KAAO,EACtB,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIJ,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,MAAOC,CAAA,CACT,CACD,CAAA,EAGGC,EAAW,YAAY,IAAMH,EAAA,EAAc,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAQ,CAAA,EAClC,CAACN,CAAM,CAAC,EAEJ,CACL,GAAGX,EACH,OAAAW,EACA,MAAO,IAAMC,EAAU,EAAI,EAC3B,MAAO,IAAMA,EAAU,EAAK,EAC5B,MAAO,IAAMH,EAAQV,EAAiBQ,CAAW,CAAC,EAClD,OAAQ,IAAMK,EAAWM,GAAc,CAACA,CAAS,CAAA,CAErD"}
1
+ {"version":3,"file":"useStopwatch.cjs","sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n if (!time)\n return {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: 0\n };\n\n const days = Math.floor(time / 86400);\n const hours = Math.floor((time % 86400) / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = Math.floor(time % 60);\n\n return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n /** The total count of the stopwatch */\n count: number;\n /** The day count of the stopwatch */\n days: number;\n /** The hour count of the stopwatch */\n hours: number;\n /** The minute count of the stopwatch */\n minutes: number;\n /** The over state of the stopwatch */\n over: boolean;\n /** The paused state of the stopwatch */\n paused: boolean;\n /** The second count of the stopwatch */\n seconds: number;\n /** The function to pause the stopwatch */\n pause: () => void;\n /** The function to reset the stopwatch */\n reset: () => void;\n /** The function to start the stopwatch */\n start: () => void;\n /** The function to toggle the stopwatch */\n toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n /** The immediately state of the timer */\n immediately?: boolean;\n}\n\ninterface UseStopwatch {\n (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n * @usage high\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n const initialTime =\n (typeof params[0] === 'number'\n ? (params[0] as number | undefined)\n : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n const options =\n typeof params[0] === 'number'\n ? (params[1] as UseStopwatchOptions | undefined)\n : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n const immediately = options?.immediately ?? false;\n\n const [time, setTime] = useState(getStopwatchTime(initialTime));\n const [paused, setPaused] = useState(!immediately && !initialTime);\n\n useEffect(() => {\n if (paused) return;\n const onInterval = () => {\n setTime((prevTime) => {\n const updatedCount = prevTime.count + 1;\n\n if (updatedCount % 60 === 0) {\n return {\n ...prevTime,\n minutes: prevTime.minutes + 1,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60) === 0) {\n return {\n ...prevTime,\n hours: prevTime.hours + 1,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60 * 24) === 0) {\n return {\n ...prevTime,\n days: prevTime.days + 1,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n return {\n ...prevTime,\n seconds: prevTime.seconds + 1,\n count: updatedCount\n };\n });\n };\n\n const interval = setInterval(() => onInterval(), 1000);\n return () => clearInterval(interval);\n }, [paused]);\n\n return {\n ...time,\n paused,\n pause: () => setPaused(true),\n start: () => setPaused(false),\n reset: () => setTime(getStopwatchTime(initialTime)),\n toggle: () => setPaused((prevPause) => !prevPause)\n };\n}) as UseStopwatch;\n"],"names":["getStopwatchTime","time","days","hours","minutes","seconds","useStopwatch","params","initialTime","immediately","setTime","useState","paused","setPaused","useEffect","onInterval","prevTime","updatedCount","interval","prevPause"],"mappings":"yGAEMA,EAAoBC,GAAiB,CACzC,GAAI,CAACA,EACH,MAAO,CACL,KAAM,EACN,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAO,CAAA,EAGX,MAAMC,EAAO,KAAK,MAAMD,EAAO,KAAK,EAC9BE,EAAQ,KAAK,MAAOF,EAAO,MAAS,IAAI,EACxCG,EAAU,KAAK,MAAOH,EAAO,KAAQ,EAAE,EACvCI,EAAU,KAAK,MAAMJ,EAAO,EAAE,EAEpC,MAAO,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,MAAOJ,CAAA,CACjD,EA4DaK,EAAgB,IAAIC,IAAkB,CACjD,MAAMC,GACH,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACRA,EAAO,CAAC,GAAsD,cAAgB,EAO/EE,GAJJ,OAAOF,EAAO,CAAC,GAAM,SAChBA,EAAO,CAAC,EACRA,EAAO,CAAC,IAEc,aAAe,GAEtC,CAACN,EAAMS,CAAO,EAAIC,EAAAA,SAASX,EAAiBQ,CAAW,CAAC,EACxD,CAACI,EAAQC,CAAS,EAAIF,EAAAA,SAAS,CAACF,GAAe,CAACD,CAAW,EAEjEM,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAQ,OACZ,MAAMG,EAAa,IAAM,CACvBL,EAASM,GAAa,CACpB,MAAMC,EAAeD,EAAS,MAAQ,EAEtC,OAAIC,EAAe,KAAO,EACjB,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,MAAQ,EACxB,CACL,GAAGD,EACH,MAAOA,EAAS,MAAQ,EACxB,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,GAAK,MAAQ,EAC7B,CACL,GAAGD,EACH,KAAMA,EAAS,KAAO,EACtB,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIJ,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,MAAOC,CAAA,CACT,CACD,CAAA,EAGGC,EAAW,YAAY,IAAMH,EAAA,EAAc,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAQ,CAAA,EAClC,CAACN,CAAM,CAAC,EAEJ,CACL,GAAGX,EACH,OAAAW,EACA,MAAO,IAAMC,EAAU,EAAI,EAC3B,MAAO,IAAMA,EAAU,EAAK,EAC5B,MAAO,IAAMH,EAAQV,EAAiBQ,CAAW,CAAC,EAClD,OAAQ,IAAMK,EAAWM,GAAc,CAACA,CAAS,CAAA,CAErD"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n /* The initial value of the storage */\n initialValue?: UseStorageInitialValue<Value>;\n /* The storage to be used */\n storage?: Storage;\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /* The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n /* The value of the storage */\n value: Value;\n /* The error state of the storage */\n remove: () => void;\n /* The loading state of the storage */\n set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n <Value>(\n key: string,\n initialValue?: UseStorageInitialValue<Value>\n ): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n const oldValue = storage.getItem(key);\n\n storage.setItem(key, value);\n dispatchStorageEvent({\n key,\n oldValue,\n newValue: value,\n storageArea: storage\n });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n const oldValue = storage.getItem(key);\n\n storage.removeItem(key);\n dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n const value = storage.getItem(key);\n if (!value) return undefined;\n return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category State\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'storage' in params)\n ? params\n : undefined\n ) as UseStorageOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n if (typeof window === 'undefined') {\n const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n return {\n value,\n set: () => {},\n remove: () => {}\n };\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const storage = options?.storage ?? window?.localStorage;\n\n const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n const remove = () => removeStorageItem(storage, key);\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const storageValue = getStorageItem(storage, key);\n if (storageValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setStorageItem(storage, key, serializer(value));\n return value;\n }\n return storageValue ? deserializer(storageValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const storageValue = getStorageItem(storage, key);\n setValue(storageValue ? deserializer(storageValue) : undefined);\n };\n window.addEventListener(STORAGE_EVENT, onChange);\n return () => window.removeEventListener(STORAGE_EVENT, onChange);\n }, [key]);\n\n return {\n value: value as Value,\n set,\n remove\n };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAoCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACvE,MAAMC,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CACnB,IAAAI,EACA,SAAAE,EACA,SAAUD,EACV,YAAaF,CAAA,CACd,CACH,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CAC3D,MAAME,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CACxD,MAAMC,EAAQF,EAAQ,QAAQC,CAAG,EACjC,GAAKC,EACL,OAAOA,CACT,EAuBaI,EAAc,CAAQL,EAAaH,IAA0C,CACxF,MAAMS,EACJ,OAAOT,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAU,EAAgBD,EAAUA,GAAS,aAAeT,EAExD,GAAI,OAAO,OAAW,IAEpB,MAAO,CACL,MAFY,OAAOU,GAAiB,WAAcA,IAA+BA,EAGjF,IAAK,IAAM,CAAA,EACX,OAAQ,IAAM,CAAA,CAAC,EAInB,MAAMC,EAAcP,GACdK,GAAS,WAAmBA,EAAQ,WAAWL,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,EAAUO,GAAS,SAAW,QAAQ,aAEtCG,EAAOR,GAAiBH,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACtES,EAAS,IAAMP,EAAkBJ,EAASC,CAAG,EAE7CW,EAAgBV,GAAkB,CACtC,GAAIK,GAAS,aAAc,OAAOA,EAAQ,aAAaL,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGI,CAACA,EAAOW,CAAQ,EAAIC,EAAAA,SAA4B,IAAM,CAC1D,MAAMC,EAAeV,EAAeL,EAASC,CAAG,EAChD,GAAIc,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMN,EACJ,OAAOM,GAAiB,WAAcA,IAAiCA,EACzE,OAAAT,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACvCA,CAAA,CAET,OAAOa,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACrB,MAAMF,EAAeV,EAAeL,EAASC,CAAG,EAChDY,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAAA,EAEhE,cAAO,iBAAiBnB,EAAeqB,CAAQ,EACxC,IAAM,OAAO,oBAAoBrB,EAAeqB,CAAQ,CAAA,EAC9D,CAAChB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAQ,EACA,OAAAC,CAAA,CAEJ"}
1
+ {"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n /* The initial value of the storage */\n initialValue?: UseStorageInitialValue<Value>;\n /* The storage to be used */\n storage?: Storage;\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /* The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n /* The value of the storage */\n value: Value;\n /* The error state of the storage */\n remove: () => void;\n /* The loading state of the storage */\n set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n <Value>(\n key: string,\n initialValue?: UseStorageInitialValue<Value>\n ): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n const oldValue = storage.getItem(key);\n\n storage.setItem(key, value);\n dispatchStorageEvent({\n key,\n oldValue,\n newValue: value,\n storageArea: storage\n });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n const oldValue = storage.getItem(key);\n\n storage.removeItem(key);\n dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n const value = storage.getItem(key);\n if (!value) return undefined;\n return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category State\n * @usage high\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'storage' in params)\n ? params\n : undefined\n ) as UseStorageOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n if (typeof window === 'undefined') {\n const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n return {\n value,\n set: () => {},\n remove: () => {}\n };\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const storage = options?.storage ?? window?.localStorage;\n\n const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n const remove = () => removeStorageItem(storage, key);\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const storageValue = getStorageItem(storage, key);\n if (storageValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setStorageItem(storage, key, serializer(value));\n return value;\n }\n return storageValue ? deserializer(storageValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const storageValue = getStorageItem(storage, key);\n setValue(storageValue ? deserializer(storageValue) : undefined);\n };\n window.addEventListener(STORAGE_EVENT, onChange);\n return () => window.removeEventListener(STORAGE_EVENT, onChange);\n }, [key]);\n\n return {\n value: value as Value,\n set,\n remove\n };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAoCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACvE,MAAMC,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CACnB,IAAAI,EACA,SAAAE,EACA,SAAUD,EACV,YAAaF,CAAA,CACd,CACH,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CAC3D,MAAME,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CACxD,MAAMC,EAAQF,EAAQ,QAAQC,CAAG,EACjC,GAAKC,EACL,OAAOA,CACT,EAwBaI,EAAc,CAAQL,EAAaH,IAA0C,CACxF,MAAMS,EACJ,OAAOT,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAU,EAAgBD,EAAUA,GAAS,aAAeT,EAExD,GAAI,OAAO,OAAW,IAEpB,MAAO,CACL,MAFY,OAAOU,GAAiB,WAAcA,IAA+BA,EAGjF,IAAK,IAAM,CAAA,EACX,OAAQ,IAAM,CAAA,CAAC,EAInB,MAAMC,EAAcP,GACdK,GAAS,WAAmBA,EAAQ,WAAWL,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,EAAUO,GAAS,SAAW,QAAQ,aAEtCG,EAAOR,GAAiBH,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACtES,EAAS,IAAMP,EAAkBJ,EAASC,CAAG,EAE7CW,EAAgBV,GAAkB,CACtC,GAAIK,GAAS,aAAc,OAAOA,EAAQ,aAAaL,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGI,CAACA,EAAOW,CAAQ,EAAIC,EAAAA,SAA4B,IAAM,CAC1D,MAAMC,EAAeV,EAAeL,EAASC,CAAG,EAChD,GAAIc,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMN,EACJ,OAAOM,GAAiB,WAAcA,IAAiCA,EACzE,OAAAT,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACvCA,CAAA,CAET,OAAOa,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACrB,MAAMF,EAAeV,EAAeL,EAASC,CAAG,EAChDY,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAAA,EAEhE,cAAO,iBAAiBnB,EAAeqB,CAAQ,EACxC,IAAM,OAAO,oBAAoBrB,EAAeqB,CAAQ,CAAA,EAC9D,CAAChB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAQ,EACA,OAAAC,CAAA,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),m=require("../useRefState/useRefState.cjs"),v=require("../../utils/helpers/isTarget.cjs"),d=require("../../utils/helpers/getElement.cjs"),S=(...u)=>{const e=v.isTarget(u[0])?u[0]:void 0,g=(e?u[1]:u[0])??"ltr",r=m.useRefState(),n=c.useRef(null),i=()=>(e?d.getElement(e):r.current)?.getAttribute("dir")??g,[s,o]=c.useState(i()),l=()=>{n.current&&n.current?.removeAttribute("dir")},f=t=>{n.current&&(o(t),n.current.setAttribute("dir",t))};return c.useEffect(()=>{if(!e&&!r.state)return;const t=(e?d.getElement(e):r.current)??document.querySelector("html");if(!t)return;n.current=t;const a=i();t.setAttribute("dir",a),o(a);const b=new MutationObserver(i);return b.observe(t,{attributes:!0}),()=>{b.disconnect()}},[r.state,e]),e?{value:s,set:f,remove:l}:{ref:r,value:s,set:f,remove:l}};exports.useTextDirection=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),m=require("../useRefState/useRefState.cjs"),v=require("../../utils/helpers/isTarget.cjs"),g=require("../../utils/helpers/getElement.cjs"),S=(...u)=>{const e=v.isTarget(u[0])?u[0]:void 0,s=(e?u[1]:u[0])??"ltr",r=m.useRefState(),n=o.useRef(null),i=()=>typeof window>"u"?s:(e?g.getElement(e):r.current)?.getAttribute("dir")??s,[l,c]=o.useState(i()),f=()=>{n.current&&n.current?.removeAttribute("dir")},d=t=>{n.current&&(c(t),n.current.setAttribute("dir",t))};return o.useEffect(()=>{if(!e&&!r.state)return;const t=(e?g.getElement(e):r.current)??document.querySelector("html");if(!t)return;n.current=t;const a=i();t.setAttribute("dir",a),c(a);const b=new MutationObserver(()=>c(i()));return b.observe(t,{attributes:!0}),()=>{b.disconnect()}},[r.state,e]),e?{value:l,set:d,remove:f}:{ref:r,value:l,set:d,remove:f}};exports.useTextDirection=S;
2
2
  //# sourceMappingURL=useTextDirection.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTextDirection.cjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.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 text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n /** The current direction */\n value: UseTextDirectionValue;\n /*** The function to remove the direction */\n remove: () => void;\n /*** The function to set the direction */\n set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n <Target extends Element>(\n initialValue?: UseTextDirectionValue,\n target?: never\n ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Elements\n *\n * @overload\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n const internalRef = useRefState();\n const elementRef = useRef<Element>(null);\n\n const getDirection = () => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n };\n\n const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n const remove = () => {\n if (!elementRef.current) return;\n\n elementRef.current?.removeAttribute('dir');\n };\n\n const set = (value: UseTextDirectionValue) => {\n if (!elementRef.current) return;\n\n setValue(value);\n elementRef.current.setAttribute('dir', value);\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element =\n ((target ? getElement(target) : internalRef.current) as Element) ??\n document.querySelector('html');\n if (!element) return;\n\n elementRef.current = element;\n\n const direction = getDirection();\n element.setAttribute('dir', direction);\n setValue(direction);\n\n const observer = new MutationObserver(getDirection);\n\n observer.observe(element, { attributes: true });\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.state, target]);\n\n if (target) return { value, set, remove };\n return {\n ref: internalRef,\n value,\n set,\n remove\n };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","getElement","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":"mPAqDaA,EAAoB,IAAIC,IAAkB,CACrD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,GAAiBF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,IAAgC,MAE9EI,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAgB,IAAI,EAEjCC,EAAe,KACFP,EAASQ,EAAAA,WAAWR,CAAM,EAAIG,EAAY,UAC1C,aAAa,KAAK,GAA+BD,EAG9D,CAACO,EAAOC,CAAQ,EAAIC,EAAAA,SAAgCJ,GAAc,EAElEK,EAAS,IAAM,CACdP,EAAW,SAEhBA,EAAW,SAAS,gBAAgB,KAAK,CAAA,EAGrCQ,EAAOJ,GAAiC,CACvCJ,EAAW,UAEhBK,EAASD,CAAK,EACdJ,EAAW,QAAQ,aAAa,MAAOI,CAAK,EAAA,EA0B9C,OAvBAK,EAAAA,UAAU,IAAM,CACd,GAAI,CAACd,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMY,GACFf,EAASQ,EAAAA,WAAWR,CAAM,EAAIG,EAAY,UAC5C,SAAS,cAAc,MAAM,EAC/B,GAAI,CAACY,EAAS,OAEdV,EAAW,QAAUU,EAErB,MAAMC,EAAYT,EAAA,EAClBQ,EAAQ,aAAa,MAAOC,CAAS,EACrCN,EAASM,CAAS,EAElB,MAAMC,EAAW,IAAI,iBAAiBV,CAAY,EAElD,OAAAU,EAAS,QAAQF,EAAS,CAAE,WAAY,GAAM,EAEvC,IAAM,CACXE,EAAS,WAAA,CAAW,CACtB,EACC,CAACd,EAAY,MAAOH,CAAM,CAAC,EAE1BA,EAAe,CAAE,MAAAS,EAAO,IAAAI,EAAK,OAAAD,CAAA,EAC1B,CACL,IAAKT,EACL,MAAAM,EACA,IAAAI,EACA,OAAAD,CAAA,CAEJ"}
1
+ {"version":3,"file":"useTextDirection.cjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.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 text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n /** The current direction */\n value: UseTextDirectionValue;\n /*** The function to remove the direction */\n remove: () => void;\n /*** The function to set the direction */\n set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n <Target extends Element>(\n initialValue?: UseTextDirectionValue,\n target?: never\n ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n const internalRef = useRefState();\n const elementRef = useRef<Element>(null);\n\n const getDirection = () => {\n if (typeof window === 'undefined') return initialValue;\n const element = (target ? getElement(target) : internalRef.current) as Element;\n return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n };\n\n const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n const remove = () => {\n if (!elementRef.current) return;\n\n elementRef.current?.removeAttribute('dir');\n };\n\n const set = (value: UseTextDirectionValue) => {\n if (!elementRef.current) return;\n\n setValue(value);\n elementRef.current.setAttribute('dir', value);\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element =\n ((target ? getElement(target) : internalRef.current) as Element) ??\n document.querySelector('html');\n if (!element) return;\n\n elementRef.current = element;\n\n const direction = getDirection();\n element.setAttribute('dir', direction);\n setValue(direction);\n\n const observer = new MutationObserver(() => setValue(getDirection()));\n\n observer.observe(element, { attributes: true });\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.state, target]);\n\n if (target) return { value, set, remove };\n return {\n ref: internalRef,\n value,\n set,\n remove\n };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","getElement","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":"mPAsDaA,EAAoB,IAAIC,IAAkB,CACrD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,GAAiBF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,IAAgC,MAE9EI,EAAcC,EAAAA,YAAA,EACdC,EAAaC,EAAAA,OAAgB,IAAI,EAEjCC,EAAe,IACf,OAAO,OAAW,IAAoBL,GACzBF,EAASQ,EAAAA,WAAWR,CAAM,EAAIG,EAAY,UAC1C,aAAa,KAAK,GAA+BD,EAG9D,CAACO,EAAOC,CAAQ,EAAIC,EAAAA,SAAgCJ,GAAc,EAElEK,EAAS,IAAM,CACdP,EAAW,SAEhBA,EAAW,SAAS,gBAAgB,KAAK,CAAA,EAGrCQ,EAAOJ,GAAiC,CACvCJ,EAAW,UAEhBK,EAASD,CAAK,EACdJ,EAAW,QAAQ,aAAa,MAAOI,CAAK,EAAA,EA0B9C,OAvBAK,EAAAA,UAAU,IAAM,CACd,GAAI,CAACd,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMY,GACFf,EAASQ,EAAAA,WAAWR,CAAM,EAAIG,EAAY,UAC5C,SAAS,cAAc,MAAM,EAC/B,GAAI,CAACY,EAAS,OAEdV,EAAW,QAAUU,EAErB,MAAMC,EAAYT,EAAA,EAClBQ,EAAQ,aAAa,MAAOC,CAAS,EACrCN,EAASM,CAAS,EAElB,MAAMC,EAAW,IAAI,iBAAiB,IAAMP,EAASH,EAAA,CAAc,CAAC,EAEpE,OAAAU,EAAS,QAAQF,EAAS,CAAE,WAAY,GAAM,EAEvC,IAAM,CACXE,EAAS,WAAA,CAAW,CACtB,EACC,CAACd,EAAY,MAAOH,CAAM,CAAC,EAE1BA,EAAe,CAAE,MAAAS,EAAO,IAAAI,EAAK,OAAAD,CAAA,EAC1B,CACL,IAAKT,EACL,MAAAM,EACA,IAAAI,EACA,OAAAD,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTextSelection.cjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n const rangeCount = selection.rangeCount ?? 0;\n return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n /** The current selection ranges */\n ranges: Range[];\n /** The current selection rects */\n rects: DOMRect[];\n /** The current selection */\n selection: Selection | null;\n /** The current selection text */\n text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n const rerender = useRerender();\n const [selection, setSelection] = useState<Selection | null>(\n typeof document !== 'undefined' ? document.getSelection() : null\n );\n\n useEffect(() => {\n const onSelectionChange = () => {\n setSelection(document.getSelection());\n rerender();\n };\n\n document.addEventListener('selectionchange', onSelectionChange);\n return () => document.removeEventListener('selectionchange', onSelectionChange);\n }, []);\n\n const text = selection?.toString() ?? '';\n const ranges = selection ? getRangesSelection(selection) : [];\n const rects = ranges.map((range) => range.getBoundingClientRect());\n\n return {\n text,\n ranges,\n rects,\n selection\n };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":"qJAIaA,EAAsBC,GAAyB,CAC1D,MAAMC,EAAaD,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQC,CAAA,EAAc,CAACC,EAAGC,IAAMH,EAAU,WAAWG,CAAC,CAAC,CAC7E,EA0BaC,EAAmB,IAA8B,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EACX,CAACN,EAAWO,CAAY,EAAIC,EAAAA,SAChC,OAAO,SAAa,IAAc,SAAS,eAAiB,IAAA,EAG9DC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,IAAM,CAC9BH,EAAa,SAAS,cAAc,EACpCF,EAAA,CAAS,EAGX,gBAAS,iBAAiB,kBAAmBK,CAAiB,EACvD,IAAM,SAAS,oBAAoB,kBAAmBA,CAAiB,CAAA,EAC7E,EAAE,EAEL,MAAMC,EAAOX,GAAW,SAAA,GAAc,GAChCY,EAASZ,EAAYD,EAAmBC,CAAS,EAAI,CAAA,EACrDa,EAAQD,EAAO,IAAKE,GAAUA,EAAM,uBAAuB,EAEjE,MAAO,CACL,KAAAH,EACA,OAAAC,EACA,MAAAC,EACA,UAAAb,CAAA,CAEJ"}
1
+ {"version":3,"file":"useTextSelection.cjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n const rangeCount = selection.rangeCount ?? 0;\n return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n /** The current selection ranges */\n ranges: Range[];\n /** The current selection rects */\n rects: DOMRect[];\n /** The current selection */\n selection: Selection | null;\n /** The current selection text */\n text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n * @usage low\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n const rerender = useRerender();\n const [selection, setSelection] = useState<Selection | null>(\n typeof document !== 'undefined' ? document.getSelection() : null\n );\n\n useEffect(() => {\n const onSelectionChange = () => {\n setSelection(document.getSelection());\n rerender();\n };\n\n document.addEventListener('selectionchange', onSelectionChange);\n return () => document.removeEventListener('selectionchange', onSelectionChange);\n }, []);\n\n const text = selection?.toString() ?? '';\n const ranges = selection ? getRangesSelection(selection) : [];\n const rects = ranges.map((range) => range.getBoundingClientRect());\n\n return {\n text,\n ranges,\n rects,\n selection\n };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":"qJAIaA,EAAsBC,GAAyB,CAC1D,MAAMC,EAAaD,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQC,CAAA,EAAc,CAACC,EAAGC,IAAMH,EAAU,WAAWG,CAAC,CAAC,CAC7E,EA2BaC,EAAmB,IAA8B,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EACX,CAACN,EAAWO,CAAY,EAAIC,EAAAA,SAChC,OAAO,SAAa,IAAc,SAAS,eAAiB,IAAA,EAG9DC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,IAAM,CAC9BH,EAAa,SAAS,cAAc,EACpCF,EAAA,CAAS,EAGX,gBAAS,iBAAiB,kBAAmBK,CAAiB,EACvD,IAAM,SAAS,oBAAoB,kBAAmBA,CAAiB,CAAA,EAC7E,EAAE,EAEL,MAAMC,EAAOX,GAAW,SAAA,GAAc,GAChCY,EAASZ,EAAYD,EAAmBC,CAAS,EAAI,CAAA,EACrDa,EAAQD,EAAO,IAAKE,GAAUA,EAAM,uBAAuB,EAEjE,MAAO,CACL,KAAAH,EACA,OAAAC,EACA,MAAAC,EACA,UAAAb,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useThrottleCallback.cjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled 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 throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n): ThrottledCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const isCalledRef = useRef(false);\n const delayRef = useRef(delay);\n const lastArgsRef = useRef<Params | null>(null);\n\n internalCallbackRef.current = callback;\n delayRef.current = delay;\n\n const throttled = useMemo(() => {\n const timer = () => {\n isCalledRef.current = false;\n\n if (!lastArgsRef.current) return;\n internalCallbackRef.current.apply(this, lastArgsRef.current);\n lastArgsRef.current = null;\n setTimeout(timer, delayRef.current);\n };\n\n const cancel = () => {\n if (!timeoutRef.current) return;\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n isCalledRef.current = false;\n };\n\n const throttledCallback = function (this: any, ...args: Params) {\n lastArgsRef.current = args;\n if (isCalledRef.current) return;\n\n internalCallbackRef.current.apply(this, args);\n isCalledRef.current = true;\n timeoutRef.current = setTimeout(timer, delayRef.current);\n };\n\n throttledCallback.cancel = cancel;\n\n cancel();\n return throttledCallback;\n }, [delay]);\n\n return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallbackRef","useRef","timeoutRef","isCalledRef","delayRef","lastArgsRef","useMemo","timer","cancel","throttledCallback","args"],"mappings":"yGAoBaA,EAAsB,CACjCC,EACAC,IAC8B,CAC9B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAaD,EAAAA,OAA6C,IAAI,EAC9DE,EAAcF,EAAAA,OAAO,EAAK,EAC1BG,EAAWH,EAAAA,OAAOF,CAAK,EACvBM,EAAcJ,EAAAA,OAAsB,IAAI,EAE9C,OAAAD,EAAoB,QAAUF,EAC9BM,EAAS,QAAUL,EAEDO,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAQ,IAAM,CAClBJ,EAAY,QAAU,GAEjBE,EAAY,UACjBL,EAAoB,QAAQ,MAAM,OAAMK,EAAY,OAAO,EAC3DA,EAAY,QAAU,KACtB,WAAWE,EAAOH,EAAS,OAAO,EAAA,EAG9BI,EAAS,IAAM,CACdN,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACrBC,EAAY,QAAU,GAAA,EAGlBM,EAAoB,YAAwBC,EAAc,CAC9DL,EAAY,QAAUK,EAClB,CAAAP,EAAY,UAEhBH,EAAoB,QAAQ,MAAM,KAAMU,CAAI,EAC5CP,EAAY,QAAU,GACtBD,EAAW,QAAU,WAAWK,EAAOH,EAAS,OAAO,EAAA,EAGzD,OAAAK,EAAkB,OAASD,EAE3BA,EAAA,EACOC,CAAA,EACN,CAACV,CAAK,CAAC,CAGZ"}
1
+ {"version":3,"file":"useThrottleCallback.cjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n * @usage medium\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 throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n): ThrottledCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const isCalledRef = useRef(false);\n const delayRef = useRef(delay);\n const lastArgsRef = useRef<Params | null>(null);\n\n internalCallbackRef.current = callback;\n delayRef.current = delay;\n\n const throttled = useMemo(() => {\n const timer = () => {\n isCalledRef.current = false;\n\n if (!lastArgsRef.current) return;\n internalCallbackRef.current.apply(this, lastArgsRef.current);\n lastArgsRef.current = null;\n setTimeout(timer, delayRef.current);\n };\n\n const cancel = () => {\n if (!timeoutRef.current) return;\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n isCalledRef.current = false;\n };\n\n const throttledCallback = function (this: any, ...args: Params) {\n lastArgsRef.current = args;\n if (isCalledRef.current) return;\n\n internalCallbackRef.current.apply(this, args);\n isCalledRef.current = true;\n timeoutRef.current = setTimeout(timer, delayRef.current);\n };\n\n throttledCallback.cancel = cancel;\n\n cancel();\n return throttledCallback;\n }, [delay]);\n\n return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallbackRef","useRef","timeoutRef","isCalledRef","delayRef","lastArgsRef","useMemo","timer","cancel","throttledCallback","args"],"mappings":"yGAqBaA,EAAsB,CACjCC,EACAC,IAC8B,CAC9B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAaD,EAAAA,OAA6C,IAAI,EAC9DE,EAAcF,EAAAA,OAAO,EAAK,EAC1BG,EAAWH,EAAAA,OAAOF,CAAK,EACvBM,EAAcJ,EAAAA,OAAsB,IAAI,EAE9C,OAAAD,EAAoB,QAAUF,EAC9BM,EAAS,QAAUL,EAEDO,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAQ,IAAM,CAClBJ,EAAY,QAAU,GAEjBE,EAAY,UACjBL,EAAoB,QAAQ,MAAM,OAAMK,EAAY,OAAO,EAC3DA,EAAY,QAAU,KACtB,WAAWE,EAAOH,EAAS,OAAO,EAAA,EAG9BI,EAAS,IAAM,CACdN,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACrBC,EAAY,QAAU,GAAA,EAGlBM,EAAoB,YAAwBC,EAAc,CAC9DL,EAAY,QAAUK,EAClB,CAAAP,EAAY,UAEhBH,EAAoB,QAAQ,MAAM,KAAMU,CAAI,EAC5CP,EAAY,QAAU,GACtBD,EAAW,QAAU,WAAWK,EAAOH,EAAS,OAAO,EAAA,EAGzD,OAAAK,EAAkB,OAASD,EAE3BA,EAAA,EACOC,CAAA,EACN,CAACV,CAAK,CAAC,CAGZ"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("../useThrottleCallback/useThrottleCallback.cjs"),u=(t,e)=>{const[r,l]=a.useState(t),o=s.useThrottleCallback(l,e);return[r,o]};exports.useThrottleState=u;
2
+ //# sourceMappingURL=useThrottleState.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useThrottleState.cjs","sources":["../../../../src/hooks/useThrottleState/useThrottleState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleState\n * @description - Hook that creates a throttled state\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The throttled state\n *\n * @example\n * const [throttledValue, setThrottledValue] = useThrottleState(value, 500);\n */\nexport const useThrottleState = <Value>(initialValue: Value, delay: number) => {\n const [throttledValue, setThrottledValue] = useState(initialValue);\n const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n return [throttledValue, throttledSetState] as const;\n};\n"],"names":["useThrottleState","initialValue","delay","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAqBC,IAAkB,CAC7E,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAY,EAC3DK,EAAoBC,EAAAA,oBAAoBH,EAAmBF,CAAK,EAEtE,MAAO,CAACC,EAAgBG,CAAiB,CAC3C"}
@@ -1 +1 @@
1
- {"version":3,"file":"useThrottleValue.cjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [throttledValue, setThrottleValue] = useState(value);\n\n const throttledSetState = useThrottleCallback(setThrottleValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n throttledSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottleValue","useState","throttledSetState","useThrottleCallback","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"}
1
+ {"version":3,"file":"useThrottleValue.cjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [throttledValue, setThrottledValue] = useState(value);\n\n const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n throttledSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback","useEffect"],"mappings":"qKAkBaA,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAiB,EAAIC,EAAAA,SAASN,CAAK,EAEpDO,EAAoBC,EAAAA,oBAAoBH,EAAmBJ,CAAK,EAEtEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTime.cjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n /** The current day of the month (1-31) */\n day: number;\n /** The current hour in 24-hour format (0-23) */\n hours: number;\n /** The current hour in 12-hour format with meridiem type (AM/PM) */\n meridiemHours: { value: number; type: string };\n /** The current minute (0-59) */\n minutes: number;\n /** The current month (1-12) */\n month: number;\n /** The current second (0-59) */\n seconds: number;\n /** The current Unix timestamp in milliseconds */\n timestamp: number;\n /** The current year */\n year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n const [time, setTime] = useState(getDate());\n\n useEffect(() => {\n const timerId = setInterval(() => setTime(getDate()), 1000);\n\n return () => {\n clearInterval(timerId);\n };\n }, []);\n\n return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useEffect","timerId"],"mappings":"sJAiCaA,EAAU,IAAqB,CAC1C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAASC,EAAAA,SAAS,EAE1CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,YAAY,IAAMJ,EAAQE,EAAAA,QAAA,CAAS,EAAG,GAAI,EAE1D,MAAO,IAAM,CACX,cAAcE,CAAO,CAAA,CACvB,EACC,EAAE,EAEEL,CACT"}
1
+ {"version":3,"file":"useTime.cjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n /** The current day of the month (1-31) */\n day: number;\n /** The current hour in 24-hour format (0-23) */\n hours: number;\n /** The current hour in 12-hour format with meridiem type (AM/PM) */\n meridiemHours: { value: number; type: string };\n /** The current minute (0-59) */\n minutes: number;\n /** The current month (1-12) */\n month: number;\n /** The current second (0-59) */\n seconds: number;\n /** The current Unix timestamp in milliseconds */\n timestamp: number;\n /** The current year */\n year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n * @usage medium\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n const [time, setTime] = useState(getDate());\n\n useEffect(() => {\n const timerId = setInterval(() => setTime(getDate()), 1000);\n\n return () => {\n clearInterval(timerId);\n };\n }, []);\n\n return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useEffect","timerId"],"mappings":"sJAkCaA,EAAU,IAAqB,CAC1C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAASC,EAAAA,SAAS,EAE1CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,YAAY,IAAMJ,EAAQE,EAAAA,QAAA,CAAS,EAAG,GAAI,EAE1D,MAAO,IAAM,CACX,cAAcE,CAAO,CAAA,CACvB,EACC,EAAE,EAEEL,CACT"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTimeout.cjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n /** Timeout is ready state value */\n ready: boolean;\n /** Function to clear timeout */\n clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n const [ready, setReady] = useState(false);\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const internalCallback = useEvent(callback);\n\n useEffect(() => {\n timeoutIdRef.current = setTimeout(() => {\n internalCallback();\n setReady(true);\n }, delay);\n\n return () => {\n clearTimeout(timeoutIdRef.current);\n };\n }, [delay]);\n\n const clear = () => {\n clearTimeout(timeoutIdRef.current);\n setReady(true);\n };\n\n return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":"+IAwBO,SAASA,EAAWC,EAAsBC,EAAiC,CAChF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAmBC,EAAAA,SAASR,CAAQ,EAE1CS,OAAAA,EAAAA,UAAU,KACRJ,EAAa,QAAU,WAAW,IAAM,CACtCE,EAAA,EACAJ,EAAS,EAAI,CAAA,EACZF,CAAK,EAED,IAAM,CACX,aAAaI,EAAa,OAAO,CAAA,GAElC,CAACJ,CAAK,CAAC,EAOH,CAAE,MAAAC,EAAO,MALF,IAAM,CAClB,aAAaG,EAAa,OAAO,EACjCF,EAAS,EAAI,CAAA,CAGC,CAClB"}
1
+ {"version":3,"file":"useTimeout.cjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n /** Timeout is ready state value */\n ready: boolean;\n /** Function to clear timeout */\n clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n * @usage medium\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n const [ready, setReady] = useState(false);\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const internalCallback = useEvent(callback);\n\n useEffect(() => {\n timeoutIdRef.current = setTimeout(() => {\n internalCallback();\n setReady(true);\n }, delay);\n\n return () => {\n clearTimeout(timeoutIdRef.current);\n };\n }, [delay]);\n\n const clear = () => {\n clearTimeout(timeoutIdRef.current);\n setReady(true);\n };\n\n return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":"+IAyBO,SAASA,EAAWC,EAAsBC,EAAiC,CAChF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAmBC,EAAAA,SAASR,CAAQ,EAE1CS,OAAAA,EAAAA,UAAU,KACRJ,EAAa,QAAU,WAAW,IAAM,CACtCE,EAAA,EACAJ,EAAS,EAAI,CAAA,EACZF,CAAK,EAED,IAAM,CACX,aAAaI,EAAa,OAAO,CAAA,GAElC,CAACJ,CAAK,CAAC,EAOH,CAAE,MAAAC,EAAO,MALF,IAAM,CAClB,aAAaG,EAAa,OAAO,EACjCF,EAAS,EAAI,CAAA,CAGC,CAClB"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTimer.cjs","sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n ? never\n : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n const roundedTimestamp = Math.ceil(timestamp);\n const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n const seconds = Math.floor(roundedTimestamp % 60);\n\n return {\n seconds,\n minutes,\n hours,\n days\n };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n /** Whether the timer should start automatically */\n immediately?: boolean;\n /** The function to be executed when the timer is expired */\n onExpire?: () => void;\n /** The function to be executed when the timer is started */\n onStart?: () => void;\n /** Callback function to be executed on each tick of the timer */\n onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n /** flag to indicate if timer is active or not */\n active: boolean;\n /** The total count of the timer */\n count: number;\n /** The day count of the timer */\n days: number;\n /** The hour count of the timer */\n hours: number;\n /** The minute count of the timer */\n minutes: number;\n /** The second count of the timer */\n seconds: number;\n /** The function to clear the timer */\n clear: () => void;\n /** The function to decrease the timer */\n decrease: (seconds: PositiveInteger<number>) => void;\n /** The function to increase the timer */\n increase: (seconds: PositiveInteger<number>) => void;\n /** The function to pause the timer */\n pause: () => void;\n /** The function to restart the timer */\n restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n /** The function to resume the timer */\n resume: () => void;\n /** The function to start the timer */\n start: () => void;\n /** The function to toggle the timer */\n toggle: () => void;\n}\n\nexport interface UseTimer {\n (): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n | UseTimerOptions\n | undefined;\n\n const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n const [seconds, setSeconds] = useState(initialSeconds);\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const optionsRef = useRef<UseTimerOptions>(options);\n optionsRef.current = options ?? {};\n\n useDidUpdate(() => {\n if (initialSeconds <= 0) {\n setActive(false);\n setSeconds(0);\n return;\n }\n\n setActive(true);\n setSeconds(initialSeconds);\n }, [initialSeconds]);\n\n useEffect(() => {\n if (!active) return;\n\n optionsRef.current?.onStart?.();\n const onInterval = () => {\n setSeconds((prevSeconds) => {\n optionsRef.current?.onTick?.(prevSeconds);\n const updatedSeconds = prevSeconds - 1;\n if (updatedSeconds === 0) {\n setActive(false);\n optionsRef.current?.onExpire?.();\n }\n return updatedSeconds;\n });\n };\n\n intervalIdRef.current = setInterval(onInterval, 1000);\n return () => {\n clearInterval(intervalIdRef.current);\n };\n }, [active]);\n\n const pause = () => setActive(false);\n const resume = () => {\n if (seconds <= 0) return;\n setActive(true);\n };\n\n const toggle = () => {\n if (seconds <= 0) return;\n setActive(!active);\n };\n\n const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n setSeconds(seconds);\n if (immediately) setActive(true);\n };\n\n const start = () => {\n if (initialSeconds <= 0) return;\n\n setActive(true);\n setSeconds(initialSeconds);\n };\n\n const clear = () => {\n setActive(false);\n setSeconds(0);\n };\n\n const increase = (seconds: PositiveInteger<number>) =>\n setSeconds((prevSeconds) => prevSeconds + seconds);\n const decrease = (seconds: PositiveInteger<number>) => {\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - seconds;\n if (updatedSeconds <= 0) {\n setActive(false);\n return 0;\n } else {\n return updatedSeconds;\n }\n });\n };\n\n return {\n ...getTimeFromSeconds(seconds),\n count: seconds,\n pause,\n active,\n resume,\n toggle,\n start,\n restart,\n clear,\n increase,\n decrease\n };\n}) as UseTimer;\n"],"names":["getTimeFromSeconds","timestamp","roundedTimestamp","days","hours","minutes","useTimer","params","initialSeconds","options","active","setActive","useState","seconds","setSeconds","intervalIdRef","useRef","optionsRef","useDidUpdate","useEffect","onInterval","prevSeconds","updatedSeconds","pause","resume","toggle","restart","immediately","start","clear","increase","decrease"],"mappings":"uJAQaA,EAAsBC,GAAsB,CACvD,MAAMC,EAAmB,KAAK,KAAKD,CAAS,EACtCE,EAAO,KAAK,MAAMD,GAAoB,GAAK,GAAK,GAAG,EACnDE,EAAQ,KAAK,MAAOF,GAAoB,GAAK,GAAK,KAAQ,GAAK,GAAG,EAClEG,EAAU,KAAK,MAAOH,GAAoB,GAAK,IAAO,EAAE,EAG9D,MAAO,CACL,QAHc,KAAK,MAAMA,EAAmB,EAAE,EAI9C,QAAAG,EACA,MAAAD,EACA,KAAAD,CAAA,CAEJ,EAmFaG,EAAY,IAAIC,IAAkB,CAC7C,MAAMC,EAAiB,KAAK,IAAKD,EAAO,CAAC,GAAK,EAA+B,CAAC,EACxEE,EAAW,OAAOF,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAI,CAAE,SAAUA,EAAO,CAAC,CAAA,EAI3E,CAACG,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,EAAiB,IAAMC,GAAS,aAAe,GAAK,EACnF,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAE/CO,EAAgBC,EAAAA,OAAuC,MAAS,EAChEC,EAAaD,EAAAA,OAAwBP,CAAO,EAClDQ,EAAW,QAAUR,GAAW,CAAA,EAEhCS,EAAAA,aAAa,IAAM,CACjB,GAAIV,GAAkB,EAAG,CACvBG,EAAU,EAAK,EACfG,EAAW,CAAC,EACZ,MAAA,CAGFH,EAAU,EAAI,EACdG,EAAWN,CAAc,CAAA,EACxB,CAACA,CAAc,CAAC,EAEnBW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,EAAQ,OAEbO,EAAW,SAAS,UAAA,EACpB,MAAMG,EAAa,IAAM,CACvBN,EAAYO,GAAgB,CAC1BJ,EAAW,SAAS,SAASI,CAAW,EACxC,MAAMC,EAAiBD,EAAc,EACrC,OAAIC,IAAmB,IACrBX,EAAU,EAAK,EACfM,EAAW,SAAS,WAAA,GAEfK,CAAA,CACR,CAAA,EAGH,OAAAP,EAAc,QAAU,YAAYK,EAAY,GAAI,EAC7C,IAAM,CACX,cAAcL,EAAc,OAAO,CAAA,CACrC,EACC,CAACL,CAAM,CAAC,EAEX,MAAMa,EAAQ,IAAMZ,EAAU,EAAK,EAC7Ba,EAAS,IAAM,CACfX,GAAW,GACfF,EAAU,EAAI,CAAA,EAGVc,EAAS,IAAM,CACfZ,GAAW,GACfF,EAAU,CAACD,CAAM,CAAA,EAGbgB,EAAU,CAACb,EAAkCc,EAAc,KAAS,CACxEb,EAAWD,CAAO,EACdc,KAAuB,EAAI,CAAA,EAG3BC,EAAQ,IAAM,CACdpB,GAAkB,IAEtBG,EAAU,EAAI,EACdG,EAAWN,CAAc,EAAA,EAGrBqB,EAAQ,IAAM,CAClBlB,EAAU,EAAK,EACfG,EAAW,CAAC,CAAA,EAGRgB,EAAYjB,GAChBC,EAAYO,GAAgBA,EAAcR,CAAO,EAC7CkB,EAAYlB,GAAqC,CACrDC,EAAYO,GAAgB,CAC1B,MAAMC,EAAiBD,EAAcR,EACrC,OAAIS,GAAkB,GACpBX,EAAU,EAAK,EACR,GAEAW,CACT,CACD,CAAA,EAGH,MAAO,CACL,GAAGtB,EAAmBa,CAAO,EAC7B,MAAOA,EACP,MAAAU,EACA,OAAAb,EACA,OAAAc,EACA,OAAAC,EACA,MAAAG,EACA,QAAAF,EACA,MAAAG,EACA,SAAAC,EACA,SAAAC,CAAA,CAEJ"}
1
+ {"version":3,"file":"useTimer.cjs","sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n ? never\n : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n const roundedTimestamp = Math.ceil(timestamp);\n const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n const seconds = Math.floor(roundedTimestamp % 60);\n\n return {\n seconds,\n minutes,\n hours,\n days\n };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n /** Whether the timer should start automatically */\n immediately?: boolean;\n /** The function to be executed when the timer is expired */\n onExpire?: () => void;\n /** The function to be executed when the timer is started */\n onStart?: () => void;\n /** Callback function to be executed on each tick of the timer */\n onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n /** flag to indicate if timer is active or not */\n active: boolean;\n /** The total count of the timer */\n count: number;\n /** The day count of the timer */\n days: number;\n /** The hour count of the timer */\n hours: number;\n /** The minute count of the timer */\n minutes: number;\n /** The second count of the timer */\n seconds: number;\n /** The function to clear the timer */\n clear: () => void;\n /** The function to decrease the timer */\n decrease: (seconds: PositiveInteger<number>) => void;\n /** The function to increase the timer */\n increase: (seconds: PositiveInteger<number>) => void;\n /** The function to pause the timer */\n pause: () => void;\n /** The function to restart the timer */\n restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n /** The function to resume the timer */\n resume: () => void;\n /** The function to start the timer */\n start: () => void;\n /** The function to toggle the timer */\n toggle: () => void;\n}\n\nexport interface UseTimer {\n (): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n * @usage medium\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n | UseTimerOptions\n | undefined;\n\n const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n const [seconds, setSeconds] = useState(initialSeconds);\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const optionsRef = useRef<UseTimerOptions>(options);\n optionsRef.current = options ?? {};\n\n useDidUpdate(() => {\n if (initialSeconds <= 0) {\n setActive(false);\n setSeconds(0);\n return;\n }\n\n setActive(true);\n setSeconds(initialSeconds);\n }, [initialSeconds]);\n\n useEffect(() => {\n if (!active) return;\n\n optionsRef.current?.onStart?.();\n const onInterval = () => {\n setSeconds((prevSeconds) => {\n optionsRef.current?.onTick?.(prevSeconds);\n const updatedSeconds = prevSeconds - 1;\n if (updatedSeconds === 0) {\n setActive(false);\n optionsRef.current?.onExpire?.();\n }\n return updatedSeconds;\n });\n };\n\n intervalIdRef.current = setInterval(onInterval, 1000);\n return () => {\n clearInterval(intervalIdRef.current);\n };\n }, [active]);\n\n const pause = () => setActive(false);\n const resume = () => {\n if (seconds <= 0) return;\n setActive(true);\n };\n\n const toggle = () => {\n if (seconds <= 0) return;\n setActive(!active);\n };\n\n const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n setSeconds(seconds);\n if (immediately) setActive(true);\n };\n\n const start = () => {\n if (initialSeconds <= 0) return;\n\n setActive(true);\n setSeconds(initialSeconds);\n };\n\n const clear = () => {\n setActive(false);\n setSeconds(0);\n };\n\n const increase = (seconds: PositiveInteger<number>) =>\n setSeconds((prevSeconds) => prevSeconds + seconds);\n const decrease = (seconds: PositiveInteger<number>) => {\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - seconds;\n if (updatedSeconds <= 0) {\n setActive(false);\n return 0;\n } else {\n return updatedSeconds;\n }\n });\n };\n\n return {\n ...getTimeFromSeconds(seconds),\n count: seconds,\n pause,\n active,\n resume,\n toggle,\n start,\n restart,\n clear,\n increase,\n decrease\n };\n}) as UseTimer;\n"],"names":["getTimeFromSeconds","timestamp","roundedTimestamp","days","hours","minutes","useTimer","params","initialSeconds","options","active","setActive","useState","seconds","setSeconds","intervalIdRef","useRef","optionsRef","useDidUpdate","useEffect","onInterval","prevSeconds","updatedSeconds","pause","resume","toggle","restart","immediately","start","clear","increase","decrease"],"mappings":"uJAQaA,EAAsBC,GAAsB,CACvD,MAAMC,EAAmB,KAAK,KAAKD,CAAS,EACtCE,EAAO,KAAK,MAAMD,GAAoB,GAAK,GAAK,GAAG,EACnDE,EAAQ,KAAK,MAAOF,GAAoB,GAAK,GAAK,KAAQ,GAAK,GAAG,EAClEG,EAAU,KAAK,MAAOH,GAAoB,GAAK,IAAO,EAAE,EAG9D,MAAO,CACL,QAHc,KAAK,MAAMA,EAAmB,EAAE,EAI9C,QAAAG,EACA,MAAAD,EACA,KAAAD,CAAA,CAEJ,EAoFaG,EAAY,IAAIC,IAAkB,CAC7C,MAAMC,EAAiB,KAAK,IAAKD,EAAO,CAAC,GAAK,EAA+B,CAAC,EACxEE,EAAW,OAAOF,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAI,CAAE,SAAUA,EAAO,CAAC,CAAA,EAI3E,CAACG,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,EAAiB,IAAMC,GAAS,aAAe,GAAK,EACnF,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAE/CO,EAAgBC,EAAAA,OAAuC,MAAS,EAChEC,EAAaD,EAAAA,OAAwBP,CAAO,EAClDQ,EAAW,QAAUR,GAAW,CAAA,EAEhCS,EAAAA,aAAa,IAAM,CACjB,GAAIV,GAAkB,EAAG,CACvBG,EAAU,EAAK,EACfG,EAAW,CAAC,EACZ,MAAA,CAGFH,EAAU,EAAI,EACdG,EAAWN,CAAc,CAAA,EACxB,CAACA,CAAc,CAAC,EAEnBW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,EAAQ,OAEbO,EAAW,SAAS,UAAA,EACpB,MAAMG,EAAa,IAAM,CACvBN,EAAYO,GAAgB,CAC1BJ,EAAW,SAAS,SAASI,CAAW,EACxC,MAAMC,EAAiBD,EAAc,EACrC,OAAIC,IAAmB,IACrBX,EAAU,EAAK,EACfM,EAAW,SAAS,WAAA,GAEfK,CAAA,CACR,CAAA,EAGH,OAAAP,EAAc,QAAU,YAAYK,EAAY,GAAI,EAC7C,IAAM,CACX,cAAcL,EAAc,OAAO,CAAA,CACrC,EACC,CAACL,CAAM,CAAC,EAEX,MAAMa,EAAQ,IAAMZ,EAAU,EAAK,EAC7Ba,EAAS,IAAM,CACfX,GAAW,GACfF,EAAU,EAAI,CAAA,EAGVc,EAAS,IAAM,CACfZ,GAAW,GACfF,EAAU,CAACD,CAAM,CAAA,EAGbgB,EAAU,CAACb,EAAkCc,EAAc,KAAS,CACxEb,EAAWD,CAAO,EACdc,KAAuB,EAAI,CAAA,EAG3BC,EAAQ,IAAM,CACdpB,GAAkB,IAEtBG,EAAU,EAAI,EACdG,EAAWN,CAAc,EAAA,EAGrBqB,EAAQ,IAAM,CAClBlB,EAAU,EAAK,EACfG,EAAW,CAAC,CAAA,EAGRgB,EAAYjB,GAChBC,EAAYO,GAAgBA,EAAcR,CAAO,EAC7CkB,EAAYlB,GAAqC,CACrDC,EAAYO,GAAgB,CAC1B,MAAMC,EAAiBD,EAAcR,EACrC,OAAIS,GAAkB,GACpBX,EAAU,EAAK,EACR,GAEAW,CACT,CACD,CAAA,EAGH,MAAO,CACL,GAAGtB,EAAmBa,CAAO,EAC7B,MAAOA,EACP,MAAAU,EACA,OAAAb,EACA,OAAAc,EACA,OAAAC,EACA,MAAAG,EACA,QAAAF,EACA,MAAAG,EACA,SAAAC,EACA,SAAAC,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useToggle.cjs","sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category State\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n const value =\n typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n return state.slice(index).concat(state.slice(0, index));\n }, values as Value[]);\n\n return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"names":["useToggle","values","option","toggle","useReducer","state","action","value","index"],"mappings":"yGAqBaA,EAAY,CAAkBC,EAA2B,CAAC,GAAO,EAAI,IAAa,CAC7F,KAAM,CAAC,CAACC,CAAM,EAAGC,CAAM,EAAIC,aAAW,CAACC,EAAgBC,IAAkC,CACvF,MAAMC,EACJ,OAAOD,GAAW,WAAcA,EAAuCD,EAAM,CAAC,CAAC,EAAIC,EAC/EE,EAAQ,KAAK,IAAIH,EAAM,QAAQE,CAAK,CAAC,EAC3C,OAAOF,EAAM,MAAMG,CAAK,EAAE,OAAOH,EAAM,MAAM,EAAGG,CAAK,CAAC,CAAA,EACrDP,CAAiB,EAEpB,MAAO,CAACC,EAAQC,CAAiD,CACnE"}
1
+ {"version":3,"file":"useToggle.cjs","sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category State\n * @usage high\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n const value =\n typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n return state.slice(index).concat(state.slice(0, index));\n }, values as Value[]);\n\n return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"names":["useToggle","values","option","toggle","useReducer","state","action","value","index"],"mappings":"yGAsBaA,EAAY,CAAkBC,EAA2B,CAAC,GAAO,EAAI,IAAa,CAC7F,KAAM,CAAC,CAACC,CAAM,EAAGC,CAAM,EAAIC,aAAW,CAACC,EAAgBC,IAAkC,CACvF,MAAMC,EACJ,OAAOD,GAAW,WAAcA,EAAuCD,EAAM,CAAC,CAAC,EAAIC,EAC/EE,EAAQ,KAAK,IAAIH,EAAM,QAAQE,CAAK,CAAC,EAC3C,OAAOF,EAAM,MAAMG,CAAK,EAAE,OAAOH,EAAM,MAAM,EAAGG,CAAK,CAAC,CAAA,EACrDP,CAAiB,EAEpB,MAAO,CAACC,EAAQC,CAAiD,CACnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"useUnmount.cjs","sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n useEffect(\n () => () => {\n internalCallbackRef.current();\n },\n []\n );\n};\n"],"names":["useUnmount","callback","internalCallbackRef","useRef","useEffect"],"mappings":"yGAcaA,EAAcC,GAAyB,CAClD,MAAMC,EAAsBC,EAAAA,OAAOF,CAAQ,EAC3CC,EAAoB,QAAUD,EAE9BG,EAAAA,UACE,IAAM,IAAM,CACVF,EAAoB,QAAA,CAAQ,EAE9B,CAAA,CAAC,CAEL"}
1
+ {"version":3,"file":"useUnmount.cjs","sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n * @usage necessary\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n useEffect(\n () => () => {\n internalCallbackRef.current();\n },\n []\n );\n};\n"],"names":["useUnmount","callback","internalCallbackRef","useRef","useEffect"],"mappings":"yGAeaA,EAAcC,GAAyB,CAClD,MAAMC,EAAsBC,EAAAA,OAAOF,CAAQ,EAC3CC,EAAoB,QAAUD,EAE9BG,EAAAA,UACE,IAAM,IAAM,CACVF,EAAoB,QAAA,CAAQ,EAE9B,CAAA,CAAC,CAEL"}
@@ -1 +1 @@
1
- {"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The url search params mode type */\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search param options type */\nexport interface UseUrlSearchParamOptions<Value> {\n /** The initial value of the search param */\n initialValue?: Value;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /** The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /** The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsActionOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search param return type */\nexport interface UseUrlSearchParamReturn<Value> {\n /** Current search param value */\n value: Value | undefined;\n /** Function to remove the search param */\n remove: (options?: UseUrlSearchParamsActionOptions) => void;\n /** Function to update search param */\n set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\n}\n\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\n const { search, hash } = window.location;\n\n let path = '';\n\n if (mode === 'history') path = search;\n if (mode === 'hash-params') path = hash.replace(/^#/, '');\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n path = ~index ? hash.slice(index) : '';\n }\n\n return new URLSearchParams(path);\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\n const searchParamsString = searchParams.toString();\n const { search, hash } = window.location;\n\n if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n if (mode === 'hash-params')\n return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n const base = index > -1 ? hash.slice(0, index) : hash;\n return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n }\n\n throw new Error('Invalid mode');\n};\n\nexport const dispatchUrlSearchParamsEvent = () =>\n window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\n\nexport interface UseUrlSearchParam {\n <Value>(\n key: string,\n options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\n ): UseUrlSearchParamReturn<Value>;\n\n <Value>(\n key: string,\n options?: UseUrlSearchParamOptions<Value>\n ): UseUrlSearchParamReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParam\n * @description - Hook that provides reactive URLSearchParams for a single key\n * @category State\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\n * @param {Value} options.initialValue The initial value for the url param\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {Value} [initialValue] The initial value for the url param\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', 1);\n */\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as Value;\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n if (typeof window === 'undefined') {\n return {\n value: initialValue,\n remove: () => {},\n set: () => {}\n } as UseUrlSearchParamReturn<Value>;\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const setUrlSearchParam = (\n key: string,\n value: Value | undefined,\n mode: UrlSearchParamMode,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const searchParams = getUrlSearchParams(mode);\n const serializedValue =\n value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\n\n if (value === undefined) {\n searchParams.delete(key);\n } else {\n searchParams.set(key, serializedValue);\n }\n\n const query = createQueryString(searchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n dispatchUrlSearchParamsEvent();\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const searchParams = getUrlSearchParams(mode);\n const currentValue = searchParams.get(key);\n\n if (currentValue === null && initialValue !== undefined) {\n setUrlSearchParam(key, initialValue, mode, writeMode);\n return initialValue;\n }\n\n return currentValue ? deserializer(currentValue) : undefined;\n });\n\n const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\n setValue(value);\n };\n\n const remove = (options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\n setValue(undefined);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n const newValue = searchParams.get(key);\n setValue(newValue ? deserializer(newValue) : undefined);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.addEventListener('hashchange', onParamsChange);\n }\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.removeEventListener('hashchange', onParamsChange);\n }\n };\n }, [key, mode]);\n\n return {\n value,\n remove,\n set\n };\n}) as UseUrlSearchParam;\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"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"}
1
+ {"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The url search params mode type */\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search param options type */\nexport interface UseUrlSearchParamOptions<Value> {\n /** The initial value of the search param */\n initialValue?: Value;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /** The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /** The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsActionOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search param return type */\nexport interface UseUrlSearchParamReturn<Value> {\n /** Current search param value */\n value: Value | undefined;\n /** Function to remove the search param */\n remove: (options?: UseUrlSearchParamsActionOptions) => void;\n /** Function to update search param */\n set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\n}\n\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\n const { search, hash } = window.location;\n\n let path = '';\n\n if (mode === 'history') path = search;\n if (mode === 'hash-params') path = hash.replace(/^#/, '');\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n path = ~index ? hash.slice(index) : '';\n }\n\n return new URLSearchParams(path);\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\n const searchParamsString = searchParams.toString();\n const { search, hash } = window.location;\n\n if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n if (mode === 'hash-params')\n return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n const base = index > -1 ? hash.slice(0, index) : hash;\n return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n }\n\n throw new Error('Invalid mode');\n};\n\nexport const dispatchUrlSearchParamsEvent = () =>\n window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\n\nexport interface UseUrlSearchParam {\n <Value>(\n key: string,\n options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\n ): UseUrlSearchParamReturn<Value>;\n\n <Value>(\n key: string,\n options?: UseUrlSearchParamOptions<Value>\n ): UseUrlSearchParamReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParam\n * @description - Hook that provides reactive URLSearchParams for a single key\n * @category State\n * @usage high\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\n * @param {Value} options.initialValue The initial value for the url param\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {Value} [initialValue] The initial value for the url param\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', 1);\n */\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as Value;\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n if (typeof window === 'undefined') {\n return {\n value: initialValue,\n remove: () => {},\n set: () => {}\n } as UseUrlSearchParamReturn<Value>;\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const setUrlSearchParam = (\n key: string,\n value: Value | undefined,\n mode: UrlSearchParamMode,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const searchParams = getUrlSearchParams(mode);\n const serializedValue =\n value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\n\n if (value === undefined) {\n searchParams.delete(key);\n } else {\n searchParams.set(key, serializedValue);\n }\n\n const query = createQueryString(searchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n dispatchUrlSearchParamsEvent();\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const searchParams = getUrlSearchParams(mode);\n const currentValue = searchParams.get(key);\n\n if (currentValue === null && initialValue !== undefined) {\n setUrlSearchParam(key, initialValue, mode, writeMode);\n return initialValue;\n }\n\n return currentValue ? deserializer(currentValue) : undefined;\n });\n\n const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\n setValue(value);\n };\n\n const remove = (options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\n setValue(undefined);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n const newValue = searchParams.get(key);\n setValue(newValue ? deserializer(newValue) : undefined);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.addEventListener('hashchange', onParamsChange);\n }\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.removeEventListener('hashchange', onParamsChange);\n }\n };\n }, [key, mode]);\n\n return {\n value,\n remove,\n set\n };\n}) as UseUrlSearchParam;\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"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"}