@siberiacancode/reactuse 0.3.13 → 0.3.14

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 (233) hide show
  1. package/README.md +71 -71
  2. package/dist/cjs/_virtual/client.cjs +2 -0
  3. package/dist/cjs/_virtual/client.cjs.map +1 -0
  4. package/dist/cjs/_virtual/client2.cjs +2 -0
  5. package/dist/cjs/_virtual/client2.cjs.map +1 -0
  6. package/dist/cjs/_virtual/index.cjs +2 -0
  7. package/dist/cjs/_virtual/index.cjs.map +1 -0
  8. package/dist/cjs/_virtual/react-dom-client.development.cjs +2 -0
  9. package/dist/cjs/_virtual/react-dom-client.development.cjs.map +1 -0
  10. package/dist/cjs/_virtual/react-dom-client.production.cjs +2 -0
  11. package/dist/cjs/_virtual/react-dom-client.production.cjs.map +1 -0
  12. package/dist/cjs/_virtual/scheduler.development.cjs +2 -0
  13. package/dist/cjs/_virtual/scheduler.development.cjs.map +1 -0
  14. package/dist/cjs/_virtual/scheduler.production.cjs +2 -0
  15. package/dist/cjs/_virtual/scheduler.production.cjs.map +1 -0
  16. package/dist/cjs/helpers/createContext/createContext.cjs +1 -1
  17. package/dist/cjs/helpers/createContext/createContext.cjs.map +1 -1
  18. package/dist/cjs/helpers/createContextHook/createContextHook.cjs +2 -0
  19. package/dist/cjs/helpers/createContextHook/createContextHook.cjs.map +1 -0
  20. package/dist/cjs/helpers/createEventEmitter/createEventEmitter.cjs +1 -1
  21. package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs +2 -0
  22. package/dist/cjs/helpers/createSharedHook/createSharedHook.cjs.map +1 -0
  23. package/dist/cjs/helpers/createStore/createStore.cjs +1 -1
  24. package/dist/cjs/hooks/useAsync/useAsync.cjs +1 -1
  25. package/dist/cjs/hooks/useAutoScroll/useAutoScroll.cjs +1 -1
  26. package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs +1 -1
  27. package/dist/cjs/hooks/useBatchedCallback/useBatchedCallback.cjs.map +1 -1
  28. package/dist/cjs/hooks/useBattery/useBattery.cjs +1 -1
  29. package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs +1 -1
  30. package/dist/cjs/hooks/useBoolean/useBoolean.cjs +1 -1
  31. package/dist/cjs/hooks/useBreakpoints/useBreakpoints.cjs +1 -1
  32. package/dist/cjs/hooks/useBroadcastChannel/useBroadcastChannel.cjs +1 -1
  33. package/dist/cjs/hooks/useBrowserLanguage/useBrowserLanguage.cjs +1 -1
  34. package/dist/cjs/hooks/useClickOutside/useClickOutside.cjs +1 -1
  35. package/dist/cjs/hooks/useControllableState/useControllableState.cjs +1 -1
  36. package/dist/cjs/hooks/useCookie/useCookie.cjs +1 -1
  37. package/dist/cjs/hooks/useCookies/useCookies.cjs +1 -1
  38. package/dist/cjs/hooks/useCopy/useCopy.cjs +1 -1
  39. package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs +1 -1
  40. package/dist/cjs/hooks/useDebounceState/useDebounceState.cjs +1 -1
  41. package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs +1 -1
  42. package/dist/cjs/hooks/useDefault/useDefault.cjs +1 -1
  43. package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs +1 -1
  44. package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs +1 -1
  45. package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs +1 -1
  46. package/dist/cjs/hooks/useDropZone/useDropZone.cjs +1 -1
  47. package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
  48. package/dist/cjs/hooks/useEvent/useEvent.cjs +1 -1
  49. package/dist/cjs/hooks/useEventListener/useEventListener.cjs +1 -1
  50. package/dist/cjs/hooks/useEventSource/useEventSource.cjs +1 -1
  51. package/dist/cjs/hooks/useFavicon/useFavicon.cjs +1 -1
  52. package/dist/cjs/hooks/useField/useField.cjs +1 -1
  53. package/dist/cjs/hooks/useField/useField.cjs.map +1 -1
  54. package/dist/cjs/hooks/useFocusTrap/useFocusTrap.cjs +1 -1
  55. package/dist/cjs/hooks/useFps/useFps.cjs +1 -1
  56. package/dist/cjs/hooks/useFul/useFul.cjs +1 -1
  57. package/dist/cjs/hooks/useFullscreen/useFullscreen.cjs +1 -1
  58. package/dist/cjs/hooks/useGamepad/useGamepad.cjs +1 -1
  59. package/dist/cjs/hooks/useGeolocation/useGeolocation.cjs +1 -1
  60. package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs.map +1 -1
  61. package/dist/cjs/hooks/useIdle/useIdle.cjs +1 -1
  62. package/dist/cjs/hooks/useImage/useImage.cjs.map +1 -1
  63. package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.cjs +1 -1
  64. package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs +1 -1
  65. package/dist/cjs/hooks/useInterval/useInterval.cjs +1 -1
  66. package/dist/cjs/hooks/useKeyPress/useKeyPress.cjs +1 -1
  67. package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.cjs +1 -1
  68. package/dist/cjs/hooks/useKeyboard/useKeyboard.cjs +1 -1
  69. package/dist/cjs/hooks/useKeysPressed/useKeysPressed.cjs +1 -1
  70. package/dist/cjs/hooks/useLess/useLess.cjs +1 -1
  71. package/dist/cjs/hooks/useList/useList.cjs +1 -1
  72. package/dist/cjs/hooks/useLockCallback/useLockCallback.cjs +1 -1
  73. package/dist/cjs/hooks/useMap/useMap.cjs +1 -1
  74. package/dist/cjs/hooks/useMeasure/useMeasure.cjs +1 -1
  75. package/dist/cjs/hooks/useMediaControls/useMediaControls.cjs +1 -1
  76. package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs +1 -1
  77. package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs.map +1 -1
  78. package/dist/cjs/hooks/useMergedRef/useMergedRef.cjs +1 -1
  79. package/dist/cjs/hooks/useMouse/useMouse.cjs +1 -1
  80. package/dist/cjs/hooks/useMouse/useMouse.cjs.map +1 -1
  81. package/dist/cjs/hooks/useMutation/useMutation.cjs +1 -1
  82. package/dist/cjs/hooks/useMutation/useMutation.cjs.map +1 -1
  83. package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs +1 -1
  84. package/dist/cjs/hooks/useNetwork/useNetwork.cjs.map +1 -1
  85. package/dist/cjs/hooks/useOffsetPagination/useOffsetPagination.cjs +1 -1
  86. package/dist/cjs/hooks/useOnce/useOnce.cjs +1 -1
  87. package/dist/cjs/hooks/useOptimistic/useOptimistic.cjs.map +1 -1
  88. package/dist/cjs/hooks/useOrientation/useOrientation.cjs.map +1 -1
  89. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs +1 -1
  90. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs.map +1 -1
  91. package/dist/cjs/hooks/useParallax/useParallax.cjs +1 -1
  92. package/dist/cjs/hooks/useParallax/useParallax.cjs.map +1 -1
  93. package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs +1 -1
  94. package/dist/cjs/hooks/usePermission/usePermission.cjs +1 -1
  95. package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs +1 -1
  96. package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs.map +1 -1
  97. package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.cjs +1 -1
  98. package/dist/cjs/hooks/usePrevious/usePrevious.cjs +1 -1
  99. package/dist/cjs/hooks/useProgress/useProgress.cjs +1 -1
  100. package/dist/cjs/hooks/useProgress/useProgress.cjs.map +1 -1
  101. package/dist/cjs/hooks/useQuery/useQuery.cjs +1 -1
  102. package/dist/cjs/hooks/useQueue/useQueue.cjs +1 -1
  103. package/dist/cjs/hooks/useRefState/useRefState.cjs +1 -1
  104. package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs +1 -1
  105. package/dist/cjs/hooks/useScript/useScript.cjs +1 -1
  106. package/dist/cjs/hooks/useScroll/useScroll.cjs +1 -1
  107. package/dist/cjs/hooks/useScroll/useScroll.cjs.map +1 -1
  108. package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs +1 -1
  109. package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs +1 -1
  110. package/dist/cjs/hooks/useSet/useSet.cjs +1 -1
  111. package/dist/cjs/hooks/useShallowEffect/useShallowEffect.cjs +1 -1
  112. package/dist/cjs/hooks/useSpeechRecognition/useSpeechRecognition.cjs +1 -1
  113. package/dist/cjs/hooks/useStateHistory/useStateHistory.cjs +1 -1
  114. package/dist/cjs/hooks/useStep/useStep.cjs +1 -1
  115. package/dist/cjs/hooks/useSticky/useSticky.cjs +1 -1
  116. package/dist/cjs/hooks/useSticky/useSticky.cjs.map +1 -1
  117. package/dist/cjs/hooks/useStorage/useStorage.cjs +1 -1
  118. package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
  119. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs +1 -1
  120. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map +1 -1
  121. package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs +1 -1
  122. package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs +1 -1
  123. package/dist/cjs/hooks/useTextareaAutosize/useTextareaAutosize.cjs.map +1 -1
  124. package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs +1 -1
  125. package/dist/cjs/hooks/useThrottleEffect/useThrottleEffect.cjs +1 -1
  126. package/dist/cjs/hooks/useThrottleState/useThrottleState.cjs +1 -1
  127. package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs +1 -1
  128. package/dist/cjs/hooks/useTime/useTime.cjs +1 -1
  129. package/dist/cjs/hooks/useTimeout/useTimeout.cjs +1 -1
  130. package/dist/cjs/hooks/useToggle/useToggle.cjs +1 -1
  131. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs +1 -1
  132. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -1
  133. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
  134. package/dist/cjs/hooks/useVibrate/useVibrate.cjs +1 -1
  135. package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs +1 -1
  136. package/dist/cjs/hooks/useVirtualKeyboard/useVirtualKeyboard.cjs.map +1 -1
  137. package/dist/cjs/hooks/useVisibility/useVisibility.cjs +1 -1
  138. package/dist/cjs/hooks/useVisibility/useVisibility.cjs.map +1 -1
  139. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs.map +1 -1
  140. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs +1 -1
  141. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs.map +1 -1
  142. package/dist/cjs/hooks/useWindowFocus/useWindowFocus.cjs +1 -1
  143. package/dist/cjs/hooks/useWindowScroll/useWindowScroll.cjs +1 -1
  144. package/dist/cjs/hooks/useWindowSize/useWindowSize.cjs +1 -1
  145. package/dist/cjs/index.cjs +1 -1
  146. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.cjs +215 -0
  147. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.cjs.map +1 -0
  148. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.cjs +10 -0
  149. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.cjs.map +1 -0
  150. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.cjs +2 -0
  151. package/dist/cjs/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.cjs.map +1 -0
  152. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.cjs +2 -0
  153. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.cjs.map +1 -0
  154. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.cjs +2 -0
  155. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.cjs.map +1 -0
  156. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.cjs +2 -0
  157. package/dist/cjs/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.cjs.map +1 -0
  158. package/dist/cjs/utils/helpers/isTarget.cjs.map +1 -1
  159. package/dist/esm/_virtual/client.mjs +6 -0
  160. package/dist/esm/_virtual/client.mjs.map +1 -0
  161. package/dist/esm/_virtual/client2.mjs +5 -0
  162. package/dist/esm/_virtual/client2.mjs.map +1 -0
  163. package/dist/esm/_virtual/index.mjs +5 -0
  164. package/dist/esm/_virtual/index.mjs.map +1 -0
  165. package/dist/esm/_virtual/react-dom-client.development.mjs +5 -0
  166. package/dist/esm/_virtual/react-dom-client.development.mjs.map +1 -0
  167. package/dist/esm/_virtual/react-dom-client.production.mjs +5 -0
  168. package/dist/esm/_virtual/react-dom-client.production.mjs.map +1 -0
  169. package/dist/esm/_virtual/scheduler.development.mjs +5 -0
  170. package/dist/esm/_virtual/scheduler.development.mjs.map +1 -0
  171. package/dist/esm/_virtual/scheduler.production.mjs +5 -0
  172. package/dist/esm/_virtual/scheduler.production.mjs.map +1 -0
  173. package/dist/esm/helpers/createContext/createContext.mjs.map +1 -1
  174. package/dist/esm/helpers/createContextHook/createContextHook.mjs +13 -0
  175. package/dist/esm/helpers/createContextHook/createContextHook.mjs.map +1 -0
  176. package/dist/esm/helpers/createSharedHook/createSharedHook.mjs +42 -0
  177. package/dist/esm/helpers/createSharedHook/createSharedHook.mjs.map +1 -0
  178. package/dist/esm/hooks/useBatchedCallback/useBatchedCallback.mjs.map +1 -1
  179. package/dist/esm/hooks/useDropZone/useDropZone.mjs +27 -27
  180. package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
  181. package/dist/esm/hooks/useField/useField.mjs +42 -42
  182. package/dist/esm/hooks/useField/useField.mjs.map +1 -1
  183. package/dist/esm/hooks/useHotkeys/useHotkeys.mjs.map +1 -1
  184. package/dist/esm/hooks/useImage/useImage.mjs.map +1 -1
  185. package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
  186. package/dist/esm/hooks/useMouse/useMouse.mjs +37 -32
  187. package/dist/esm/hooks/useMouse/useMouse.mjs.map +1 -1
  188. package/dist/esm/hooks/useMutation/useMutation.mjs +29 -28
  189. package/dist/esm/hooks/useMutation/useMutation.mjs.map +1 -1
  190. package/dist/esm/hooks/useNetwork/useNetwork.mjs.map +1 -1
  191. package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map +1 -1
  192. package/dist/esm/hooks/useOrientation/useOrientation.mjs.map +1 -1
  193. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map +1 -1
  194. package/dist/esm/hooks/useParallax/useParallax.mjs.map +1 -1
  195. package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map +1 -1
  196. package/dist/esm/hooks/useProgress/useProgress.mjs +13 -13
  197. package/dist/esm/hooks/useProgress/useProgress.mjs.map +1 -1
  198. package/dist/esm/hooks/useScroll/useScroll.mjs +62 -44
  199. package/dist/esm/hooks/useScroll/useScroll.mjs.map +1 -1
  200. package/dist/esm/hooks/useSticky/useSticky.mjs.map +1 -1
  201. package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
  202. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs.map +1 -1
  203. package/dist/esm/hooks/useTextareaAutosize/useTextareaAutosize.mjs.map +1 -1
  204. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -1
  205. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
  206. package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs.map +1 -1
  207. package/dist/esm/hooks/useVisibility/useVisibility.mjs.map +1 -1
  208. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs.map +1 -1
  209. package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map +1 -1
  210. package/dist/esm/index.mjs +389 -384
  211. package/dist/esm/index.mjs.map +1 -1
  212. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.mjs +17019 -0
  213. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.mjs.map +1 -0
  214. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.mjs +9745 -0
  215. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.mjs.map +1 -0
  216. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.mjs +24 -0
  217. package/dist/esm/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.mjs.map +1 -0
  218. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.mjs +228 -0
  219. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.mjs.map +1 -0
  220. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.mjs +225 -0
  221. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.mjs.map +1 -0
  222. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.mjs +11 -0
  223. package/dist/esm/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.mjs.map +1 -0
  224. package/dist/esm/utils/helpers/isTarget.mjs.map +1 -1
  225. package/dist/types/helpers/createContextHook/createContextHook.d.ts +26 -0
  226. package/dist/types/helpers/createSharedHook/createSharedHook.d.ts +21 -0
  227. package/dist/types/helpers/index.d.ts +2 -0
  228. package/dist/types/hooks/useField/useField.d.ts +6 -8
  229. package/dist/types/hooks/useMouse/useMouse.d.ts +17 -7
  230. package/dist/types/hooks/useProgress/useProgress.d.ts +4 -2
  231. package/dist/types/hooks/useScroll/useScroll.d.ts +13 -11
  232. package/dist/types/hooks/useUrlSearchParams/useUrlSearchParams.d.ts +0 -1
  233. package/package.json +5 -4
package/README.md CHANGED
@@ -1,71 +1,71 @@
1
- <div align="center">
2
- <a href="https://siberiacancode.github.io/reactuse/">
3
- <picture>
4
- <img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
5
- </picture>
6
- </a>
7
- <h1>React Use</h1>
8
-
9
- <a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
10
- <a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
11
- <a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
12
-
13
- </div>
14
-
15
- React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
16
-
17
- ## Documentation
18
-
19
- Visit https://siberiacancode.github.io/reactuse to view the full documentation.
20
-
21
- ## Getting Started
22
-
23
- ```bash
24
- npm install @siberiacancode/reactuse
25
- ```
26
-
27
- ```tsx
28
- import { useCounter } from '@siberiacancode/reactuse';
29
-
30
- const App = () => {
31
- const counter = useCounter(0);
32
-
33
- return (
34
- <div>
35
- <h1>Count: {counter.value}</h1>
36
- <button onClick={() => counter.inc()}>+1</button>
37
- <button onClick={() => counter.dec()}>-1</button>
38
- </div>
39
- );
40
- };
41
- ```
42
-
43
- ## CLI installation
44
-
45
- Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
46
-
47
- ```bash
48
- npx useverse@latest init
49
- ```
50
-
51
- ```bash
52
- npx useverse@latest add [hook]
53
- ```
54
-
55
- You will be presented with a list of hooks to choose from:
56
-
57
- ```bash
58
- Which hooks would you like to add? › Space to select. A to toggle all.
59
- Enter to submit.
60
-
61
- ◯ useActiveElement
62
- ◯ useAsync
63
- ◯ useBattery
64
- ◯ useBluetooth
65
- ◯ useBoolean
66
- ◯ useBreakpoints
67
- ◯ useBrowserLanguage
68
- ◯ useClickOutside
69
- ◯ useClipboard
70
- ◯ useConst
71
- ```
1
+ <div align="center">
2
+ <a href="https://siberiacancode.github.io/reactuse/">
3
+ <picture>
4
+ <img alt="React Use logo" src="https://siberiacancode.github.io/reactuse/logo.svg" height="128">
5
+ </picture>
6
+ </a>
7
+ <h1>React Use</h1>
8
+
9
+ <a href="https://www.npmjs.com/package/@siberiacancode/reactuse"><img alt="NPM version" src="https://img.shields.io/npm/v/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
10
+ <a href="https://github.com/siberiacancode/reactuse/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/@siberiacancode/reactuse.svg?style=for-the-badge&labelColor=000000"></a>
11
+ <a href="https://github.com/siberiacancode/reactuse/discussions"><img alt="Join the community on GitHub" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=React&labelColor=000000&logoWidth=20"></a>
12
+
13
+ </div>
14
+
15
+ React Use delivers **production-ready hooks** that solve real-world problems. Built with **TypeScript-first** approach, **SSR compatibility**, and **tree-shaking optimization** - everything you need to build modern React applications. Improve your react applications with our library 📦 designed for comfort and speed.
16
+
17
+ ## Documentation
18
+
19
+ Visit https://siberiacancode.github.io/reactuse to view the full documentation.
20
+
21
+ ## Getting Started
22
+
23
+ ```bash
24
+ npm install @siberiacancode/reactuse
25
+ ```
26
+
27
+ ```tsx
28
+ import { useCounter } from '@siberiacancode/reactuse';
29
+
30
+ const App = () => {
31
+ const counter = useCounter(0);
32
+
33
+ return (
34
+ <div>
35
+ <h1>Count: {counter.value}</h1>
36
+ <button onClick={() => counter.inc()}>+1</button>
37
+ <button onClick={() => counter.dec()}>-1</button>
38
+ </div>
39
+ );
40
+ };
41
+ ```
42
+
43
+ ## CLI installation
44
+
45
+ Use the CLI to add hooks to your project with [useverse](https://www.npmjs.com/package/useverse).
46
+
47
+ ```bash
48
+ npx useverse@latest init
49
+ ```
50
+
51
+ ```bash
52
+ npx useverse@latest add [hook]
53
+ ```
54
+
55
+ You will be presented with a list of hooks to choose from:
56
+
57
+ ```bash
58
+ Which hooks would you like to add? › Space to select. A to toggle all.
59
+ Enter to submit.
60
+
61
+ ◯ useActiveElement
62
+ ◯ useAsync
63
+ ◯ useBattery
64
+ ◯ useBluetooth
65
+ ◯ useBoolean
66
+ ◯ useBreakpoints
67
+ ◯ useBrowserLanguage
68
+ ◯ useClickOutside
69
+ ◯ useClipboard
70
+ ◯ useConst
71
+ ```
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.cjs");var t=e.__require();exports.clientExports=t;
2
+ //# sourceMappingURL=client.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"client.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
2
+ //# sourceMappingURL=client2.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"client2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
2
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
+ //# sourceMappingURL=react-dom-client.development.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-dom-client.development.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
+ //# sourceMappingURL=react-dom-client.production.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-dom-client.production.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
+ //# sourceMappingURL=scheduler.development.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scheduler.development.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
+ //# sourceMappingURL=scheduler.production.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scheduler.production.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),n=require("react"),x=(s=void 0,o={})=>{const t=n.createContext({value:s,set:()=>{}});t.displayName=o.name;function c(r){const e=n.useContext(t);if(!e&&o.strict)throw new Error(`Context hook ${o.name} must be used inside a Provider`);return r?r(e.value):e}return{useSelect:c,instance:t,Provider:({children:r,initialValue:e})=>{const[u,i]=n.useState(e??s),a=n.useMemo(()=>({value:u,set:i}),[u]);return v.jsx(t,{value:a,children:r})}}};exports.createContext=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),n=require("react"),x=(s=void 0,o={})=>{const t=n.createContext({value:s,set:()=>{}});t.displayName=o.name;function i(r){const e=n.useContext(t);if(!e&&o.strict)throw new Error(`Context hook ${o.name} must be used inside a Provider`);return r?r(e.value):e}return{useSelect:i,instance:t,Provider:({children:r,initialValue:e})=>{const[u,c]=n.useState(e??s),a=n.useMemo(()=>({value:u,set:c}),[u]);return v.jsx(t,{value:a,children:r})}}};exports.createContext=x;
2
2
  //# sourceMappingURL=createContext.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"createContext.cjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\n\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\n\n/** The create context options type */\nexport interface CreateContextOptions {\n /** Display name for the context (useful for debugging) */\n name?: string;\n /** Whether to throw an error if context is used outside of Provider */\n strict?: boolean;\n}\n\n/** The context value type */\nexport interface ContextValue<Value> {\n /** The context value */\n value: Value | undefined;\n /** The context set function */\n set: (value: Value) => void;\n}\n\n/** The provider props type */\nexport interface ProviderProps<Value> {\n /** The children */\n children?: ReactNode;\n /** The initial value */\n initialValue?: Value;\n}\n\n/** The create context return type */\nexport interface CreateContextReturn<Value> {\n /** The context instance */\n instance: React.Context<ContextValue<Value>>;\n /** The provider component */\n Provider: (props: ProviderProps<Value>) => JSX.Element;\n /** The selector hook */\n useSelect: {\n <Selected>(selector: (value: Value) => Selected): Selected;\n (): ContextValue<Value>;\n };\n}\n\n/**\n * @name createContext\n * @description - Creates a typed context with additional utilities\n * @category Helpers\n * @usage high\n *\n * @template Value - The type of value that will be stored in the context\n * @param {Value | undefined} [defaultValue] - Default value for the context\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\n *\n * @example\n * const { useSelect, instance, Provider } = createContext<number>(0);\n */\nexport const createContext = <Value,>(\n defaultValue: Value | undefined = undefined,\n options: CreateContextOptions = {}\n): CreateContextReturn<Value> => {\n const Context = createReactContext<{\n value: Value | undefined;\n set: (value: Value) => void;\n }>({\n value: defaultValue,\n set: () => {}\n });\n\n Context.displayName = options.name;\n\n function useSelect(): ContextValue<Value>;\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\n const context = useContext(Context);\n\n if (!context && options.strict) {\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\n }\n\n if (!selector) {\n return context;\n }\n\n return selector(context.value as Value);\n }\n\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\n\n const value = useMemo(\n () => ({\n value: profile,\n set: setProfile\n }),\n [profile]\n );\n\n return <Context value={value}>{children}</Context>;\n };\n\n return {\n useSelect,\n instance: Context,\n Provider\n } as const;\n};\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":"wIAuDaA,EAAgB,CAC3BC,EAAkC,OAClCC,EAAgC,CAAA,IACD,CAC/B,MAAMC,EAAUC,EAAAA,cAGb,CACD,MAAOH,EACP,IAAK,IAAM,CAAA,CAAC,CACb,EAEDE,EAAQ,YAAcD,EAAQ,KAI9B,SAASG,EAAoBC,EAAuC,CAClE,MAAMC,EAAUC,EAAAA,WAAWL,CAAO,EAElC,GAAI,CAACI,GAAWL,EAAQ,OACtB,MAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC,EAG/E,OAAKI,EAIEA,EAASC,EAAQ,KAAc,EAH7BA,CAG6B,CAiBxC,MAAO,CACL,UAAAF,EACA,SAAUF,EACV,SAjBe,CAAC,CAAE,SAAAM,EAAU,aAAAC,KAAyC,CACrE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAA4BH,GAAgBT,CAAY,EAEhFa,EAAQC,EAAAA,QACZ,KAAO,CACL,MAAOJ,EACP,IAAKC,CAAA,GAEP,CAACD,CAAO,CAAA,EAGV,OAAOK,EAAAA,IAACb,EAAA,CAAQ,MAAAW,EAAe,SAAAL,CAAA,CAAS,CAAA,CAMxC,CAEJ"}
1
+ {"version":3,"file":"createContext.cjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\r\n\r\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\r\n\r\n/** The create context options type */\r\nexport interface CreateContextOptions {\r\n /** Display name for the context (useful for debugging) */\r\n name?: string;\r\n /** Whether to throw an error if context is used outside of Provider */\r\n strict?: boolean;\r\n}\r\n\r\n/** The context value type */\r\nexport interface ContextValue<Value> {\r\n /** The context value */\r\n value: Value | undefined;\r\n /** The context set function */\r\n set: (value: Value) => void;\r\n}\r\n\r\n/** The provider props type */\r\nexport interface ProviderProps<Value> {\r\n /** The children */\r\n children?: ReactNode;\r\n /** The initial value */\r\n initialValue?: Value;\r\n}\r\n\r\n/** The create context return type */\r\nexport interface CreateContextReturn<Value> {\r\n /** The context instance */\r\n instance: React.Context<ContextValue<Value>>;\r\n /** The provider component */\r\n Provider: (props: ProviderProps<Value>) => JSX.Element;\r\n /** The selector hook */\r\n useSelect: {\r\n <Selected>(selector: (value: Value) => Selected): Selected;\r\n (): ContextValue<Value>;\r\n };\r\n}\r\n\r\n/**\r\n * @name createContext\r\n * @description - Creates a typed context with additional utilities\r\n * @category Helpers\r\n * @usage high\r\n *\r\n * @template Value - The type of value that will be stored in the context\r\n * @param {Value | undefined} [defaultValue] - Default value for the context\r\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\r\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\r\n *\r\n * @example\r\n * const { useSelect, instance, Provider } = createContext<number>(0);\r\n */\r\nexport const createContext = <Value,>(\r\n defaultValue: Value | undefined = undefined,\r\n options: CreateContextOptions = {}\r\n): CreateContextReturn<Value> => {\r\n const Context = createReactContext<{\r\n value: Value | undefined;\r\n set: (value: Value) => void;\r\n }>({\r\n value: defaultValue,\r\n set: () => {}\r\n });\r\n\r\n Context.displayName = options.name;\r\n\r\n function useSelect(): ContextValue<Value>;\r\n function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\r\n function useSelect<Selected>(selector?: (value: Value) => Selected) {\r\n const context = useContext(Context);\r\n\r\n if (!context && options.strict) {\r\n throw new Error(`Context hook ${options.name} must be used inside a Provider`);\r\n }\r\n\r\n if (!selector) {\r\n return context;\r\n }\r\n\r\n return selector(context.value as Value);\r\n }\r\n\r\n const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\r\n const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\r\n\r\n const value = useMemo(\r\n () => ({\r\n value: profile,\r\n set: setProfile\r\n }),\r\n [profile]\r\n );\r\n\r\n return <Context value={value}>{children}</Context>;\r\n };\r\n\r\n return {\r\n useSelect,\r\n instance: Context,\r\n Provider\r\n } as const;\r\n};\r\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":"wIAuDaA,EAAgB,CAC3BC,EAAkC,OAClCC,EAAgC,CAAA,IACD,CAC/B,MAAMC,EAAUC,EAAAA,cAGb,CACD,MAAOH,EACP,IAAK,IAAM,CAAA,CAAC,CACb,EAEDE,EAAQ,YAAcD,EAAQ,KAI9B,SAASG,EAAoBC,EAAuC,CAClE,MAAMC,EAAUC,EAAAA,WAAWL,CAAO,EAElC,GAAI,CAACI,GAAWL,EAAQ,OACtB,MAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC,EAG/E,OAAKI,EAIEA,EAASC,EAAQ,KAAc,EAH7BA,CAG6B,CAiBxC,MAAO,CACL,UAAAF,EACA,SAAUF,EACV,SAjBe,CAAC,CAAE,SAAAM,EAAU,aAAAC,KAAyC,CACrE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAA4BH,GAAgBT,CAAY,EAEhFa,EAAQC,EAAAA,QACZ,KAAO,CACL,MAAOJ,EACP,IAAKC,CAAA,GAEP,CAACD,CAAO,CAAA,EAGV,OAAOK,EAAAA,IAACb,EAAA,CAAQ,MAAAW,EAAe,SAAAL,CAAA,CAAS,CAAA,CAMxC,CAEJ"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),c=o=>{const e=t.createContext(null);return{Provider:({children:r,params:n})=>{const s=o(...n);return u.jsx(e.Provider,{value:s,children:r})},use:()=>t.useContext(e)}};exports.createContextHook=c;
2
+ //# sourceMappingURL=createContextHook.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createContextHook.cjs","sources":["../../../../src/helpers/createContextHook/createContextHook.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * @name createContextHook\n * @description - Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @param useHook - The hook to run in the Provider (e.g. useMediaQuery)\n * @returns { Provider, use } — Provider takes params; use() returns the value and must be used inside Provider\n *\n * @example\n * const { Provider, use } = createContextHook(useMediaQuery);\n * <Provider params={[\"(max-width: 768px)\"]}>\n * <Component />\n * </Provider>\n * const matches = use();\n */\nexport const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n type Value = ReturnType<Hook>;\n const Context = createContext<Value | null>(null);\n\n const Provider = ({ children, params }: { children: ReactNode; params: Parameters<Hook> }) => {\n const value = useHook(...params) as Value;\n return <Context.Provider value={value}>{children}</Context.Provider>;\n };\n\n const use = () => useContext(Context);\n\n return { Provider, use };\n};\n"],"names":["createContextHook","useHook","Context","createContext","children","params","value","jsx","useContext"],"mappings":"wIAsBaA,EAA2DC,GAAkB,CAExF,MAAMC,EAAUC,EAAAA,cAA4B,IAAI,EAShD,MAAO,CAAE,SAPQ,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAgE,CAC5F,MAAMC,EAAQL,EAAQ,GAAGI,CAAM,EAC/B,OAAOE,EAAAA,IAACL,EAAQ,SAAR,CAAiB,MAAAI,EAAe,SAAAF,CAAA,CAAS,CAAA,EAKhC,IAFP,IAAMI,EAAAA,WAAWN,CAAO,CAEjB,CACrB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),v=()=>{const r=new Map,a=(e,t)=>{r.get(e)?.forEach(n=>n(t))},u=(e,t)=>{const s=e,n=r.get(s);n&&(n.delete(t),n.size||r.delete(s))},o=(e,t)=>{const s=e;return r.has(s)||r.set(s,new Set),r.get(e).add(t),()=>{u(e,t)}};return{push:a,subscribe:o,unsubscribe:u,useSubscribe:(e,t)=>{const[s,n]=c.useState(void 0),i=c.useRef(t);return i.current=t,c.useEffect(()=>{const f=o(e,b=>{n(b),i.current?.(b)});return()=>{f()}},[e]),s}}};exports.createEventEmitter=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),v=()=>{const r=new Map,a=(e,t)=>{r.get(e)?.forEach(n=>n(t))},u=(e,t)=>{const s=e,n=r.get(s);n&&(n.delete(t),n.size||r.delete(s))},i=(e,t)=>{const s=e;return r.has(s)||r.set(s,new Set),r.get(e).add(t),()=>{u(e,t)}};return{push:a,subscribe:i,unsubscribe:u,useSubscribe:(e,t)=>{const[s,n]=c.useState(void 0),o=c.useRef(t);return o.current=t,c.useEffect(()=>{const f=i(e,b=>{n(b),o.current?.(b)});return()=>{f()}},[e]),s}}};exports.createEventEmitter=v;
2
2
  //# sourceMappingURL=createEventEmitter.cjs.map
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),a=require("../../_virtual/client.cjs"),i=n=>{const e=document.createElement("div"),t=a.clientExports.createRoot(e);return t.render(n),()=>{t.unmount(),e.remove()}},m=n=>{if(typeof window>"u"){const t=(...r)=>n(...r);return t.useShared=t,t}const e={state:void 0,listeners:new Set,mounted:!1,unmount:void 0};return function(...r){return e.mounted||(e.mounted=!0,queueMicrotask(()=>{const o=()=>{const u=n(...r);return s.useEffect(()=>{e.state=u,e.listeners.forEach(c=>c())},[u]),null};e.unmount=i(d.jsx(o,{}))})),s.useSyncExternalStore(o=>(e.listeners.add(o),()=>{e.listeners.delete(o),e.listeners.size<0&&e.unmount&&(e.unmount(),e.unmount=void 0,e.state=void 0,e.mounted=!1)}),()=>e.state,()=>e.state)}};exports.createSharedHook=m;exports.mount=i;
2
+ //# sourceMappingURL=createSharedHook.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createSharedHook.cjs","sources":["../../../../src/helpers/createSharedHook/createSharedHook.tsx"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport const mount = (component: React.ReactNode) => {\n const container = document.createElement('div');\n const root = createRoot(container);\n root.render(component);\n return () => {\n root.unmount();\n container.remove();\n };\n};\n\n/**\n * @name createSharedHook\n * @description - One shared instance of the hook globally. First subscriber's args are used; when subscribers hit zero, the runner unmounts.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Hook - The hook to create a shared instance of\n * @param {Hook} useHook - The hook to create a shared instance of\n * @returns {Hook & { useShared: typeof useShared }} - The shared hook\n *\n * @example\n * const useSharedMediaQuery = createSharedHook(useMediaQuery);\n * const matches = useSharedMediaQuery(\"(max-width: 768px)\");\n */\nexport const createSharedHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n if (typeof window === 'undefined') {\n const fn = (...args: Parameters<Hook>) => useHook(...args);\n fn.useShared = fn;\n return fn;\n }\n\n type Value = ReturnType<Hook>;\n const store = {\n state: undefined as Value | undefined,\n listeners: new Set<() => void>(),\n mounted: false,\n unmount: undefined as (() => void) | undefined\n };\n\n return function useShared(...args: Parameters<Hook>): Value {\n if (!store.mounted) {\n store.mounted = true;\n queueMicrotask(() => {\n const HookContainer = () => {\n const value = useHook(...args) as Value;\n useEffect(() => {\n store.state = value;\n store.listeners.forEach((l) => l());\n }, [value]);\n return null;\n };\n\n store.unmount = mount(<HookContainer />);\n });\n }\n\n return useSyncExternalStore(\n (callback) => {\n store.listeners.add(callback);\n return () => {\n store.listeners.delete(callback);\n if (store.listeners.size < 0 && store.unmount) {\n store.unmount();\n store.unmount = undefined;\n store.state = undefined;\n store.mounted = false;\n }\n };\n },\n () => store.state,\n () => store.state\n ) as Value;\n };\n};\n"],"names":["mount","component","container","root","createRoot","createSharedHook","useHook","fn","args","store","HookContainer","value","useEffect","l","jsx","useSyncExternalStore","callback"],"mappings":"+KAGaA,EAASC,GAA+B,CACnD,MAAMC,EAAY,SAAS,cAAc,KAAK,EACxCC,EAAOC,EAAAA,cAAAA,WAAWF,CAAS,EACjC,OAAAC,EAAK,OAAOF,CAAS,EACd,IAAM,CACXE,EAAK,QAAA,EACLD,EAAU,OAAA,CAAO,CAErB,EAkBaG,EAA0DC,GAAkB,CACvF,GAAI,OAAO,OAAW,IAAa,CACjC,MAAMC,EAAK,IAAIC,IAA2BF,EAAQ,GAAGE,CAAI,EACzD,OAAAD,EAAG,UAAYA,EACRA,CAAA,CAIT,MAAME,EAAQ,CACZ,MAAO,OACP,cAAe,IACf,QAAS,GACT,QAAS,MAAA,EAGX,OAAO,YAAsBD,EAA+B,CAC1D,OAAKC,EAAM,UACTA,EAAM,QAAU,GAChB,eAAe,IAAM,CACnB,MAAMC,EAAgB,IAAM,CAC1B,MAAMC,EAAQL,EAAQ,GAAGE,CAAI,EAC7BI,OAAAA,EAAAA,UAAU,IAAM,CACdH,EAAM,MAAQE,EACdF,EAAM,UAAU,QAASI,GAAMA,GAAG,CAAA,EACjC,CAACF,CAAK,CAAC,EACH,IAAA,EAGTF,EAAM,QAAUT,EAAMc,EAAAA,IAACJ,EAAA,CAAA,CAAc,CAAE,CAAA,CACxC,GAGIK,EAAAA,qBACJC,IACCP,EAAM,UAAU,IAAIO,CAAQ,EACrB,IAAM,CACXP,EAAM,UAAU,OAAOO,CAAQ,EAC3BP,EAAM,UAAU,KAAO,GAAKA,EAAM,UACpCA,EAAM,QAAA,EACNA,EAAM,QAAU,OAChBA,EAAM,MAAQ,OACdA,EAAM,QAAU,GAClB,GAGJ,IAAMA,EAAM,MACZ,IAAMA,EAAM,KAAA,CACd,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=s=>{let e,o;const i=new Set,a=t=>{const n=typeof t=="function"?t(e):t;if(!Object.is(n,e)){const f=e;e=typeof n!="object"||n===null||Array.isArray(n)?n:Object.assign({},e,n),i.forEach(l=>l(e,f))}},u=t=>(i.add(t),()=>i.delete(t)),r=()=>e,c=()=>o;typeof s=="function"?o=e=s(a,r):o=e=s;function S(t){return y.useSyncExternalStore(u,()=>t?t(r()):r(),()=>t?t(c()):c())}return{set:a,get:r,getInitial:c,use:S,subscribe:u}};exports.createStore=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=s=>{let e,o;const i=new Set,c=t=>{const n=typeof t=="function"?t(e):t;if(!Object.is(n,e)){const f=e;e=typeof n!="object"||n===null||Array.isArray(n)?n:Object.assign({},e,n),i.forEach(l=>l(e,f))}},a=t=>(i.add(t),()=>i.delete(t)),r=()=>e,u=()=>o;typeof s=="function"?o=e=s(c,r):o=e=s;function S(t){return y.useSyncExternalStore(a,()=>t?t(r()):r(),()=>t?t(u()):u())}return{set:c,get:r,getInitial:u,use:S,subscribe:a}};exports.createStore=b;
2
2
  //# sourceMappingURL=createStore.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=(a,n=[])=>{const[u,s]=e.useState(!0),[c,r]=e.useState(!1),[i,o]=e.useState(void 0),[d,l]=e.useState(void 0);return e.useEffect(()=>{s(!0),a().then(t=>{l(t),o(void 0),r(!1)}).catch(t=>{o(t),r(!0)}).finally(()=>{s(!1)})},n),{data:d,isLoading:u,isError:c,error:i}};exports.useAsync=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=(a,u=[])=>{const[n,s]=e.useState(!0),[c,r]=e.useState(!1),[i,o]=e.useState(void 0),[d,l]=e.useState(void 0);return e.useEffect(()=>{s(!0),a().then(t=>{l(t),o(void 0),r(!1)}).catch(t=>{o(t),r(!0)}).finally(()=>{s(!1)})},u),{data:d,isLoading:n,isError:c,error:i}};exports.useAsync=f;
2
2
  //# sourceMappingURL=useAsync.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),R=require("../useRefState/useRefState.cjs"),f=require("../../utils/helpers/isTarget.cjs"),w=((...n)=>{const r=f.isTarget(n[0])?n[0]:void 0,i=n[1]||(typeof n[0]=="object"?n[0]:{}),{enabled:h=!0}=i,s=R.useRefState(),o=L.useRef(i);if(o.current=i,L.useEffect(()=>{if(!h||!r&&!s.state)return;const e=r?f.isTarget.getElement(r):s.state;if(!e)return;let c=!0,a=0,d=0;const v=()=>{if(o.current.force)return;const{scrollHeight:t,clientHeight:l,scrollTop:u}=e,b=t-l,m=b/2;u<d?c=!1:b-u<=m&&(c=!0),d=u},g=t=>{o.current.force||(t.deltaY<0?c=!1:v())},S=t=>{o.current.force||(a=t.touches[0].clientY)},T=t=>{if(o.current.force)return;const l=t.touches[0].clientY;a-l<0?c=!1:v(),a=l},Y=()=>{!c&&!o.current.force||e.scrollTo({top:e.scrollHeight})};e.addEventListener("wheel",g),e.addEventListener("touchstart",S),e.addEventListener("touchmove",T);const E=new MutationObserver(Y);return E.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{E.disconnect(),e.removeEventListener("wheel",g),e.removeEventListener("touchstart",S),e.removeEventListener("touchmove",T)}},[h,r&&f.isTarget.getRawElement(r),s.state]),!r)return{ref:s}});exports.useAutoScroll=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),R=require("../useRefState/useRefState.cjs"),a=require("../../utils/helpers/isTarget.cjs"),q=((...n)=>{const r=a.isTarget(n[0])?n[0]:void 0,i=n[1]||(typeof n[0]=="object"?n[0]:{}),{enabled:h=!0}=i,s=R.useRefState(),o=L.useRef(i);if(o.current=i,L.useEffect(()=>{if(!h||!r&&!s.state)return;const e=r?a.isTarget.getElement(r):s.state;if(!e)return;let c=!0,f=0,d=0;const v=()=>{if(o.current.force)return;const{scrollHeight:t,clientHeight:l,scrollTop:u}=e,b=t-l,m=b/2;u<d?c=!1:b-u<=m&&(c=!0),d=u},g=t=>{o.current.force||(t.deltaY<0?c=!1:v())},S=t=>{o.current.force||(f=t.touches[0].clientY)},T=t=>{if(o.current.force)return;const l=t.touches[0].clientY;f-l<0?c=!1:v(),f=l},Y=()=>{!c&&!o.current.force||e.scrollTo({top:e.scrollHeight})};e.addEventListener("wheel",g),e.addEventListener("touchstart",S),e.addEventListener("touchmove",T);const E=new MutationObserver(Y);return E.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{E.disconnect(),e.removeEventListener("wheel",g),e.removeEventListener("touchstart",S),e.removeEventListener("touchmove",T)}},[h,r&&a.isTarget.getRawElement(r),s.state]),!r)return{ref:s}});exports.useAutoScroll=q;
2
2
  //# sourceMappingURL=useAutoScroll.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=(r,u)=>{const n=c.useRef(r),s=c.useRef(u),e=c.useRef([]);n.current=r,s.current=u;const a=()=>{if(!e.current.length)return;const t=e.current;e.current=[],n.current(t)};return c.useMemo(()=>{const t=(...l)=>{e.current.push(l),e.current.length>=s.current&&a()};return t.flush=a,t.cancel=()=>e.current=[],t},[])};exports.useBatchedCallback=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=(c,n)=>{const u=r.useRef(c),s=r.useRef(n),e=r.useRef([]);u.current=c,s.current=n;const a=()=>{if(!e.current.length)return;const t=e.current;e.current=[],u.current(t)};return r.useMemo(()=>{const t=(...l)=>{e.current.push(l),e.current.length>=s.current&&a()};return t.flush=a,t.cancel=()=>e.current=[],t},[])};exports.useBatchedCallback=o;
2
2
  //# sourceMappingURL=useBatchedCallback.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useBatchedCallback.cjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const callbackRef = useRef(callback);\n const sizeRef = useRef(size);\n const queueRef = useRef<Params[]>([]);\n\n callbackRef.current = callback;\n sizeRef.current = size;\n\n const flush = () => {\n if (!queueRef.current.length) return;\n const batch = queueRef.current;\n queueRef.current = [];\n callbackRef.current(batch);\n };\n\n const batched = useMemo(() => {\n const batchedCallback = (...args: Params) => {\n queueRef.current.push(args);\n if (queueRef.current.length >= sizeRef.current) flush();\n };\n\n batchedCallback.flush = flush;\n batchedCallback.cancel = () => (queueRef.current = []);\n\n return batchedCallback as BatchedCallback<Params>;\n }, []);\n\n return batched;\n};\n"],"names":["useBatchedCallback","callback","size","callbackRef","useRef","sizeRef","queueRef","flush","batch","useMemo","batchedCallback","args"],"mappings":"yGAqBaA,EAAqB,CAChCC,EACAC,IAC4B,CAC5B,MAAMC,EAAcC,EAAAA,OAAOH,CAAQ,EAC7BI,EAAUD,EAAAA,OAAOF,CAAI,EACrBI,EAAWF,EAAAA,OAAiB,EAAE,EAEpCD,EAAY,QAAUF,EACtBI,EAAQ,QAAUH,EAElB,MAAMK,EAAQ,IAAM,CAClB,GAAI,CAACD,EAAS,QAAQ,OAAQ,OAC9B,MAAME,EAAQF,EAAS,QACvBA,EAAS,QAAU,CAAA,EACnBH,EAAY,QAAQK,CAAK,CAAA,EAe3B,OAZgBC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAkB,IAAIC,IAAiB,CAC3CL,EAAS,QAAQ,KAAKK,CAAI,EACtBL,EAAS,QAAQ,QAAUD,EAAQ,SAASE,EAAA,CAAM,EAGxD,OAAAG,EAAgB,MAAQH,EACxBG,EAAgB,OAAS,IAAOJ,EAAS,QAAU,CAAA,EAE5CI,CAAA,EACN,EAAE,CAGP"}
1
+ {"version":3,"file":"useBatchedCallback.cjs","sources":["../../../../src/hooks/useBatchedCallback/useBatchedCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n flush: () => void;\n cancel: () => void;\n};\n\n/**\n * @name useBatchedCallback\n * @description - Hook that batches calls and forwards them to a callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls\n * @param {number} batchSize The maximum size of a batch before it is flushed\n * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers\n *\n * @example\n * const batched = useBatchedCallback((batch) => console.log(batch), 5);\n */\nexport const useBatchedCallback = <Params extends unknown[]>(\n callback: (batch: Params[]) => void,\n size: number\n): BatchedCallback<Params> => {\n const internalCallbackRef = useRef(callback);\n const sizeRef = useRef(size);\n const queueRef = useRef<Params[]>([]);\n\n internalCallbackRef.current = callback;\n sizeRef.current = size;\n\n const flush = () => {\n if (!queueRef.current.length) return;\n const batch = queueRef.current;\n queueRef.current = [];\n internalCallbackRef.current(batch);\n };\n\n const batched = useMemo(() => {\n const batchedCallback = (...args: Params) => {\n queueRef.current.push(args);\n if (queueRef.current.length >= sizeRef.current) flush();\n };\n\n batchedCallback.flush = flush;\n batchedCallback.cancel = () => (queueRef.current = []);\n\n return batchedCallback as BatchedCallback<Params>;\n }, []);\n\n return batched;\n};\n"],"names":["useBatchedCallback","callback","size","internalCallbackRef","useRef","sizeRef","queueRef","flush","batch","useMemo","batchedCallback","args"],"mappings":"yGAqBaA,EAAqB,CAChCC,EACAC,IAC4B,CAC5B,MAAMC,EAAsBC,EAAAA,OAAOH,CAAQ,EACrCI,EAAUD,EAAAA,OAAOF,CAAI,EACrBI,EAAWF,EAAAA,OAAiB,EAAE,EAEpCD,EAAoB,QAAUF,EAC9BI,EAAQ,QAAUH,EAElB,MAAMK,EAAQ,IAAM,CAClB,GAAI,CAACD,EAAS,QAAQ,OAAQ,OAC9B,MAAME,EAAQF,EAAS,QACvBA,EAAS,QAAU,CAAA,EACnBH,EAAoB,QAAQK,CAAK,CAAA,EAenC,OAZgBC,EAAAA,QAAQ,IAAM,CAC5B,MAAMC,EAAkB,IAAIC,IAAiB,CAC3CL,EAAS,QAAQ,KAAKK,CAAI,EACtBL,EAAS,QAAQ,QAAUD,EAAQ,SAASE,EAAA,CAAM,EAGxD,OAAAG,EAAgB,MAAQH,EACxBG,EAAgB,OAAS,IAAOJ,EAAS,QAAU,CAAA,EAE5CI,CAAA,EACN,EAAE,CAGP"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=()=>{const n=typeof navigator<"u"&&"getBattery"in navigator&&typeof navigator.getBattery=="function",[i,r]=a.useState({loading:n,level:0,charging:!1,chargingTime:0,dischargingTime:0});return a.useEffect(()=>{if(!n)return;let e;const t=()=>r({loading:!1,level:e?.level??0,charging:e?.charging??!1,dischargingTime:e?.dischargingTime??0,chargingTime:e?.chargingTime??0});return navigator.getBattery().then(g=>{e=g,t(),e.addEventListener("levelchange",t),e.addEventListener("chargingchange",t),e.addEventListener("chargingtimechange",t),e.addEventListener("dischargingtimechange",t)}),()=>{e&&(e.removeEventListener("levelchange",t),e.removeEventListener("chargingchange",t),e.removeEventListener("chargingtimechange",t),e.removeEventListener("dischargingtimechange",t))}},[]),{supported:n,value:i}};exports.useBattery=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=()=>{const t=typeof navigator<"u"&&"getBattery"in navigator&&typeof navigator.getBattery=="function",[r,a]=i.useState({loading:t,level:0,charging:!1,chargingTime:0,dischargingTime:0});return i.useEffect(()=>{if(!t)return;let e;const n=()=>a({loading:!1,level:e?.level??0,charging:e?.charging??!1,dischargingTime:e?.dischargingTime??0,chargingTime:e?.chargingTime??0});return navigator.getBattery().then(g=>{e=g,n(),e.addEventListener("levelchange",n),e.addEventListener("chargingchange",n),e.addEventListener("chargingtimechange",n),e.addEventListener("dischargingtimechange",n)}),()=>{e&&(e.removeEventListener("levelchange",n),e.removeEventListener("chargingchange",n),e.removeEventListener("chargingtimechange",n),e.removeEventListener("dischargingtimechange",n))}},[]),{supported:t,value:r}};exports.useBattery=c;
2
2
  //# sourceMappingURL=useBattery.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=u=>{const n=typeof navigator<"u"&&"bluetooth"in navigator&&!!navigator.bluetooth,{acceptAllDevices:d=!1,filters:s,optionalServices:l}=u??{},[f,c]=t.useState(!1),[e,r]=t.useState(void 0),[g,a]=t.useState(void 0),S=async()=>{if(!n)return;const o=await navigator.bluetooth.requestDevice({acceptAllDevices:d,optionalServices:l,...s&&{filters:s,acceptAllDevices:!1}});r(o)};return t.useEffect(()=>{if(!e?.gatt)return;const o=async()=>{const v=await e.gatt.connect();a(v),c(v.connected)},i=()=>{a(void 0),r(void 0),c(!1)};return e.addEventListener("gattserverdisconnected",i),o(),()=>{e.removeEventListener("gattserverdisconnected",i),e.gatt?.disconnect()}},[e]),{supported:n,connected:f,device:e,requestDevice:S,server:g}};exports.useBluetooth=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=u=>{const n=typeof navigator<"u"&&"bluetooth"in navigator&&!!navigator.bluetooth,{acceptAllDevices:d=!1,filters:s,optionalServices:l}=u??{},[f,c]=t.useState(!1),[e,r]=t.useState(void 0),[g,i]=t.useState(void 0),S=async()=>{if(!n)return;const o=await navigator.bluetooth.requestDevice({acceptAllDevices:d,optionalServices:l,...s&&{filters:s,acceptAllDevices:!1}});r(o)};return t.useEffect(()=>{if(!e?.gatt)return;const o=async()=>{const v=await e.gatt.connect();i(v),c(v.connected)},a=()=>{i(void 0),r(void 0),c(!1)};return e.addEventListener("gattserverdisconnected",a),o(),()=>{e.removeEventListener("gattserverdisconnected",a),e.gatt?.disconnect()}},[e]),{supported:n,connected:f,device:e,requestDevice:S,server:g}};exports.useBluetooth=p;
2
2
  //# sourceMappingURL=useBluetooth.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=(e=!1)=>{const[t,o]=u.useState(e);return[t,s=>o(l=>s??!l)]};exports.useBoolean=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),r=(e=!1)=>{const[t,o]=l.useState(e);return[t,s=>o(u=>s??!u)]};exports.useBoolean=r;
2
2
  //# sourceMappingURL=useBoolean.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("../useRerender/useRerender.cjs"),r=s=>typeof window<"u"&&window.matchMedia(s).matches,_=(s,m="mobile-first")=>{const E=R.useRerender(),n=(e,t)=>t?`${Number(s[e])+t}px`:`${s[e]}px`;N.useEffect(()=>{const e=E;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const o=e=>r(`(min-width: ${n(e)})`),l=e=>r(`(max-width: ${n(e)})`),A=()=>Object.keys(s).map(e=>[e,o(e)]).filter(([,e])=>e).map(([e])=>e),c=()=>{const e=A();return e.length?e.at(-1):void 0},S=e=>r(`(min-width: ${n(e,.1)})`),T=e=>r(`(max-width: ${n(e,-.1)})`),I=(e,t)=>r(`(min-width: ${n(e)}) and (max-width: ${n(t,-.1)})`),i=Object.keys(s).reduce((e,t)=>{const d=m==="mobile-first"?o(t):l(t);return e[t]=d,e},{});return{current:A,greaterOrEqual:o,smallerOrEqual:l,active:c,greater:S,smaller:T,between:I,...i}},x={xs:0,sm:600,md:900,lg:1200,xl:1536},O={xs:576,sm:768,md:992,lg:1200,xl:1408},u={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},P={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},a={xs:480,sm:576,md:768,lg:992,xl:1200,xxl:1600},B={xs:0,sm:600,md:1024,lg:1440,xl:1920},K={mobileS:320,mobileM:375,mobileL:425,tablet:768,laptop:1024,laptopL:1440,desktop4K:2560},w={"3xs":360,"2xs":480,xs:600,sm:768,md:1024,lg:1280,xl:1440,"2xl":1600,"3xl":1920,"4xl":2560},g={sm:576,md:768,lg:992,xl:1200};exports.BREAKPOINTS_ANT_DESIGN=a;exports.BREAKPOINTS_BOOTSTRAP_V5=P;exports.BREAKPOINTS_MANTINE=O;exports.BREAKPOINTS_MASTER_CSS=w;exports.BREAKPOINTS_MATERIAL_UI=x;exports.BREAKPOINTS_PRIME_FLEX=g;exports.BREAKPOINTS_QUASAR_V2=B;exports.BREAKPOINTS_SEMANTIC=K;exports.BREAKPOINTS_TAILWIND=u;exports.useBreakpoints=_;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("../useRerender/useRerender.cjs"),r=s=>typeof window<"u"&&window.matchMedia(s).matches,_=(s,m="mobile-first")=>{const E=R.useRerender(),n=(e,t)=>t?`${Number(s[e])+t}px`:`${s[e]}px`;N.useEffect(()=>{const e=E;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const o=e=>r(`(min-width: ${n(e)})`),l=e=>r(`(max-width: ${n(e)})`),A=()=>Object.keys(s).map(e=>[e,o(e)]).filter(([,e])=>e).map(([e])=>e),c=()=>{const e=A();return e.length?e.at(-1):void 0},S=e=>r(`(min-width: ${n(e,.1)})`),T=e=>r(`(max-width: ${n(e,-.1)})`),i=(e,t)=>r(`(min-width: ${n(e)}) and (max-width: ${n(t,-.1)})`),I=Object.keys(s).reduce((e,t)=>{const d=m==="mobile-first"?o(t):l(t);return e[t]=d,e},{});return{current:A,greaterOrEqual:o,smallerOrEqual:l,active:c,greater:S,smaller:T,between:i,...I}},x={xs:0,sm:600,md:900,lg:1200,xl:1536},O={xs:576,sm:768,md:992,lg:1200,xl:1408},u={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},P={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},B={xs:480,sm:576,md:768,lg:992,xl:1200,xxl:1600},a={xs:0,sm:600,md:1024,lg:1440,xl:1920},K={mobileS:320,mobileM:375,mobileL:425,tablet:768,laptop:1024,laptopL:1440,desktop4K:2560},w={"3xs":360,"2xs":480,xs:600,sm:768,md:1024,lg:1280,xl:1440,"2xl":1600,"3xl":1920,"4xl":2560},g={sm:576,md:768,lg:992,xl:1200};exports.BREAKPOINTS_ANT_DESIGN=B;exports.BREAKPOINTS_BOOTSTRAP_V5=P;exports.BREAKPOINTS_MANTINE=O;exports.BREAKPOINTS_MASTER_CSS=w;exports.BREAKPOINTS_MATERIAL_UI=x;exports.BREAKPOINTS_PRIME_FLEX=g;exports.BREAKPOINTS_QUASAR_V2=a;exports.BREAKPOINTS_SEMANTIC=K;exports.BREAKPOINTS_TAILWIND=u;exports.useBreakpoints=_;
2
2
  //# sourceMappingURL=useBreakpoints.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=(s,d)=>{const o=typeof window<"u"&&"BroadcastChannel"in window&&!!window.BroadcastChannel,[l,c]=t.useState(!1),[i,f]=t.useState(),[g,v]=t.useState(),e=t.useRef(void 0);t.useEffect(()=>{if(!o)return;e.current=new BroadcastChannel(s);const r=n=>{f(n.data),d?.(n.data)},a=n=>v(n),u=()=>c(!0);return e.current.addEventListener("message",r),e.current.addEventListener("messageerror",a),e.current.addEventListener("close",u),()=>{e.current&&(e.current.removeEventListener("message",r),e.current.removeEventListener("messageerror",a),e.current.removeEventListener("close",u),e.current.close())}},[s]);const E=r=>{console.log("post",r,e.current),e.current&&e.current.postMessage(r)},h=()=>{e.current&&(e.current.close(),c(!0))};return{supported:o,channel:e.current,data:i,post:E,close:h,error:g,closed:l}};exports.useBroadcastChannel=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=(s,d)=>{const o=typeof window<"u"&&"BroadcastChannel"in window&&!!window.BroadcastChannel,[i,c]=t.useState(!1),[l,f]=t.useState(),[g,v]=t.useState(),e=t.useRef(void 0);t.useEffect(()=>{if(!o)return;e.current=new BroadcastChannel(s);const r=n=>{f(n.data),d?.(n.data)},a=n=>v(n),u=()=>c(!0);return e.current.addEventListener("message",r),e.current.addEventListener("messageerror",a),e.current.addEventListener("close",u),()=>{e.current&&(e.current.removeEventListener("message",r),e.current.removeEventListener("messageerror",a),e.current.removeEventListener("close",u),e.current.close())}},[s]);const E=r=>{console.log("post",r,e.current),e.current&&e.current.postMessage(r)},h=()=>{e.current&&(e.current.close(),c(!0))};return{supported:o,channel:e.current,data:l,post:E,close:h,error:g,closed:i}};exports.useBroadcastChannel=m;
2
2
  //# sourceMappingURL=useBroadcastChannel.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=()=>navigator.language,r=()=>"undetermined",a=e=>(window.addEventListener("languagechange",e),()=>window.removeEventListener("languagechange",e)),o=()=>n.useSyncExternalStore(a,t,r);exports.useBrowserLanguage=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=()=>navigator.language,t=()=>"undetermined",a=e=>(window.addEventListener("languagechange",e),()=>window.removeEventListener("languagechange",e)),o=()=>n.useSyncExternalStore(a,r,t);exports.useBrowserLanguage=o;
2
2
  //# sourceMappingURL=useBrowserLanguage.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("../useRefState/useRefState.cjs"),r=require("../../utils/helpers/isTarget.cjs"),f=((...t)=>{const e=r.isTarget(t[0])?t[0]:void 0,c=t[1]?t[1]:t[0],n=a.useRefState(),i=l.useRef(c);if(i.current=c,l.useEffect(()=>{if(!e&&!n.state)return;const s=e?r.isTarget.getElement(e):n.current;if(!s)return;const u=o=>{s.contains(o.target)||i.current(o)};return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}},[e&&r.isTarget.getRawElement(e),n.state]),!e)return{ref:n}});exports.useClickOutside=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("../useRefState/useRefState.cjs"),n=require("../../utils/helpers/isTarget.cjs"),f=((...t)=>{const e=n.isTarget(t[0])?t[0]:void 0,c=t[1]?t[1]:t[0],r=a.useRefState(),i=l.useRef(c);if(i.current=c,l.useEffect(()=>{if(!e&&!r.state)return;const s=e?n.isTarget.getElement(e):r.current;if(!s)return;const u=o=>{s.contains(o.target)||i.current(o)};return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}},[e&&n.isTarget.getRawElement(e),r.state]),!e)return{ref:r}});exports.useClickOutside=f;
2
2
  //# sourceMappingURL=useClickOutside.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function C(u){const{value:r,initialValue:c,onChange:a}=u,e=r!==void 0,[i,f]=o.useState(c),l=o.useRef(a);l.current=a;const t=e?r:i,S=o.useCallback(n=>{const s=typeof n=="function"?n(t):n;e||f(s),l.current?.(s)},[t,e]);return[t,S,e]}exports.useControllableState=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function C(u){const{value:r,initialValue:c,onChange:l}=u,e=r!==void 0,[i,f]=o.useState(c),a=o.useRef(l);a.current=l;const t=e?r:i,S=o.useCallback(n=>{const s=typeof n=="function"?n(t):n;e||f(s),a.current?.(s)},[t,e]);return[t,S,e]}exports.useControllableState=C;
2
2
  //# sourceMappingURL=useControllableState.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=()=>Object.fromEntries(document.cookie.split("; ").map(o=>{const[e,...t]=o.split("="),n=decodeURIComponent(t.join("="));return[e,n]})),l=(o,e={})=>{document.cookie=`${encodeURIComponent(o)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${e.path?`; path=${e.path}`:""}${e.domain?`; domain=${e.domain}`:""}${e.maxAge?"; max-age=0":""}${e.expires?"; expires=Thu, 01 Jan 1970 00:00:00 GMT":""}${e.secure?"; secure":""}${e.sameSite?`; samesite=${e.sameSite}`:""}`},h=(o,e,t={})=>{const n=[`${encodeURIComponent(o)}=${encodeURIComponent(e)}`];t.path&&n.push(`path=${t.path}`),t.domain&&n.push(`domain=${t.domain}`),typeof t.maxAge=="number"&&n.push(`max-age=${t.maxAge}`),t.expires&&n.push(`expires=${t.expires.toUTCString()}`),t.secure&&n.push("secure"),t.httpOnly&&n.push("httpOnly"),t.sameSite&&n.push(`samesite=${t.sameSite}`),document.cookie=n.join("; ")},s="reactuse-cookie",a=()=>window.dispatchEvent(new Event(s)),c=(o,e,t)=>{h(o,e,t),a()},k=(o,e)=>{l(o,e),a()},u=o=>C()[o],g=((o,e)=>{const t=typeof e=="object"&&e&&("serializer"in e||"deserializer"in e||"initialValue"in e)?e:void 0,n=t?t?.initialValue:e;if(typeof document>"u")return{value:typeof n=="function"?n():n};const d=i=>t?.serializer?t.serializer(i):typeof i=="string"?i:JSON.stringify(i),m=i=>{if(t?.deserializer)return t.deserializer(i);if(i!=="undefined")try{return JSON.parse(i)}catch{return i}},[v,$]=f.useState(()=>{const i=u(o);if(i===void 0&&n!==void 0){const r=typeof n=="function"?n():n;return c(o,d(r),t),r}return i?m(i):void 0});return f.useEffect(()=>{const i=()=>{const r=u(o);$(r?m(r):void 0)};return window.addEventListener(s,i),()=>window.removeEventListener(s,i)},[o]),{value:v,set:(i,r)=>c(o,d(i),{...t,...r}),remove:i=>k(o,{...t,...i})}});exports.COOKIE_EVENT=s;exports.dispatchCookieEvent=a;exports.getCookie=u;exports.getCookies=C;exports.removeCookie=l;exports.removeCookieItem=k;exports.setCookie=h;exports.setCookieItem=c;exports.useCookie=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=()=>Object.fromEntries(document.cookie.split("; ").map(o=>{const[e,...t]=o.split("="),n=decodeURIComponent(t.join("="));return[e,n]})),l=(o,e={})=>{document.cookie=`${encodeURIComponent(o)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT${e.path?`; path=${e.path}`:""}${e.domain?`; domain=${e.domain}`:""}${e.maxAge?"; max-age=0":""}${e.expires?"; expires=Thu, 01 Jan 1970 00:00:00 GMT":""}${e.secure?"; secure":""}${e.sameSite?`; samesite=${e.sameSite}`:""}`},h=(o,e,t={})=>{const n=[`${encodeURIComponent(o)}=${encodeURIComponent(e)}`];t.path&&n.push(`path=${t.path}`),t.domain&&n.push(`domain=${t.domain}`),typeof t.maxAge=="number"&&n.push(`max-age=${t.maxAge}`),t.expires&&n.push(`expires=${t.expires.toUTCString()}`),t.secure&&n.push("secure"),t.httpOnly&&n.push("httpOnly"),t.sameSite&&n.push(`samesite=${t.sameSite}`),document.cookie=n.join("; ")},s="reactuse-cookie",a=()=>window.dispatchEvent(new Event(s)),c=(o,e,t)=>{h(o,e,t),a()},k=(o,e)=>{l(o,e),a()},u=o=>C()[o],g=((o,e)=>{const t=typeof e=="object"&&e&&("serializer"in e||"deserializer"in e||"initialValue"in e)?e:void 0,n=t?t?.initialValue:e;if(typeof document>"u")return{value:typeof n=="function"?n():n};const d=i=>t?.serializer?t.serializer(i):typeof i=="string"?i:JSON.stringify(i),m=i=>{if(t?.deserializer)return t.deserializer(i);if(i!=="undefined")try{return JSON.parse(i)}catch{return i}},[$,v]=f.useState(()=>{const i=u(o);if(i===void 0&&n!==void 0){const r=typeof n=="function"?n():n;return c(o,d(r),t),r}return i?m(i):void 0});return f.useEffect(()=>{const i=()=>{const r=u(o);v(r?m(r):void 0)};return window.addEventListener(s,i),()=>window.removeEventListener(s,i)},[o]),{value:$,set:(i,r)=>c(o,d(i),{...t,...r}),remove:i=>k(o,{...t,...i})}});exports.COOKIE_EVENT=s;exports.dispatchCookieEvent=a;exports.getCookie=u;exports.getCookies=C;exports.removeCookie=l;exports.removeCookieItem=k;exports.setCookie=h;exports.setCookieItem=c;exports.useCookie=g;
2
2
  //# sourceMappingURL=useCookie.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../useCookie/useCookie.cjs"),u=()=>{document.cookie.split("; ").forEach(t=>{const[i]=t.split("=");o.removeCookie(i)})},m=()=>{u(),o.dispatchCookieEvent()},k=t=>{const i=e=>t?.serializer?t.serializer(e):typeof e=="string"?e:JSON.stringify(e),d=e=>{if(t?.deserializer)return t.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},s=()=>document.cookie?Object.fromEntries(document.cookie.split("; ").map(e=>{const[r,...n]=e.split("=");if(!r||!n.length)return[];const f=decodeURIComponent(n.join("="));return[r,d(f)]}).filter(e=>e.length)):{},[l,a]=c.useState(()=>typeof window>"u"?{}:s());return c.useEffect(()=>{const e=()=>a(s());return window.addEventListener(o.COOKIE_EVENT,e),()=>{window.removeEventListener(o.COOKIE_EVENT,e)}},[]),{value:l,set:(e,r,n)=>o.setCookieItem(e,i(r),n),remove:(e,r)=>o.removeCookieItem(e,r),getAll:()=>s(),clear:()=>m()}};exports.clearCookies=u;exports.useCookies=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../useCookie/useCookie.cjs"),u=()=>{document.cookie.split("; ").forEach(r=>{const[i]=r.split("=");o.removeCookie(i)})},m=()=>{u(),o.dispatchCookieEvent()},k=r=>{const i=e=>r?.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),d=e=>{if(r?.deserializer)return r.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},s=()=>document.cookie?Object.fromEntries(document.cookie.split("; ").map(e=>{const[t,...n]=e.split("=");if(!t||!n.length)return[];const f=decodeURIComponent(n.join("="));return[t,d(f)]}).filter(e=>e.length)):{},[l,a]=c.useState(()=>typeof window>"u"?{}:s());return c.useEffect(()=>{const e=()=>a(s());return window.addEventListener(o.COOKIE_EVENT,e),()=>{window.removeEventListener(o.COOKIE_EVENT,e)}},[]),{value:l,set:(e,t,n)=>o.setCookieItem(e,i(t),n),remove:(e,t)=>o.removeCookieItem(e,t),getAll:()=>s(),clear:()=>m()}};exports.clearCookies=u;exports.useCookies=k;
2
2
  //# sourceMappingURL=useCookies.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("../../utils/helpers/copy.cjs"),p=(s=1e3)=>{const[c,a]=t.useState(),[r,e]=t.useState(!1);return{value:c,copied:r,copy:async o=>{await u.copy(o),a(o),e(!0),setTimeout(()=>e(!1),s)}}};exports.useCopy=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("../../utils/helpers/copy.cjs"),i=(s=1e3)=>{const[c,r]=t.useState(),[u,e]=t.useState(!1);return{value:c,copied:u,copy:async o=>{await a.copy(o),r(o),e(!0),setTimeout(()=>e(!1),s)}}};exports.useCopy=i;
2
2
  //# sourceMappingURL=useCopy.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=(t,c)=>{const r=n.useRef(t),e=n.useRef(null),u=n.useRef(c);return r.current=t,u.current=c,n.useMemo(()=>{const o=()=>{e.current&&(clearTimeout(e.current),e.current=null)},l=function(...s){o(),e.current=setTimeout(()=>{r.current.apply(this,s)},u.current)};return l.cancel=o,l},[])};exports.useDebounceCallback=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=(r,t)=>{const u=n.useRef(r),e=n.useRef(null),c=n.useRef(t);return u.current=r,c.current=t,n.useMemo(()=>{const o=()=>{e.current&&(clearTimeout(e.current),e.current=null)},l=function(...s){o(),e.current=setTimeout(()=>{u.current.apply(this,s)},c.current)};return l.cancel=o,l},[])};exports.useDebounceCallback=a;
2
2
  //# sourceMappingURL=useDebounceCallback.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("../useDebounceCallback/useDebounceCallback.cjs"),s=(e,t)=>{const[u,c]=n.useState(e),o=a.useDebounceCallback(c,t);return[u,o]};exports.useDebounceState=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),a=(e,t)=>{const[u,c]=n.useState(e),o=s.useDebounceCallback(c,t);return[u,o]};exports.useDebounceState=a;
2
2
  //# sourceMappingURL=useDebounceState.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),b=(e,c)=>{const u=t.useRef(e),[n,o]=t.useState(e),r=s.useDebounceCallback(o,c);return t.useEffect(()=>{u.current!==e&&(r(e),u.current=e)},[e]),n};exports.useDebounceValue=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("../useDebounceCallback/useDebounceCallback.cjs"),b=(e,c)=>{const t=u.useRef(e),[n,r]=u.useState(e),o=s.useDebounceCallback(r,c);return u.useEffect(()=>{t.current!==e&&(o(e),t.current=e)},[e]),n};exports.useDebounceValue=b;
2
2
  //# sourceMappingURL=useDebounceValue.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=(t,u)=>{const[e,l]=r.useState(t);return[e??u,l]};exports.useDefault=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=(t,u)=>{const[e,r]=l.useState(t);return[e??u,r]};exports.useDefault=s;
2
2
  //# sourceMappingURL=useDefault.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../../utils/helpers/throttle.cjs"),s=((...e)=>{const o=typeof e[0]=="number"?e[0]:e[0]?.delay??1e3,i=typeof e[0]=="function"?e[0]:e[0]?.onChange,c=e[0]?.enabled??!0,[n,u]=l.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),a=l.useRef(i);return a.current=i,l.useEffect(()=>{if(!c)return;const r=d.throttle(t=>{a.current?.(t),u({interval:t.interval,rotationRate:{...n.rotationRate,...t.rotationRate},acceleration:{...n.acceleration,...t.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...t.accelerationIncludingGravity}})},o);return window.addEventListener("devicemotion",r),()=>{window.removeEventListener("devicemotion",r)}},[o,c]),n});exports.useDeviceMotion=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("../../utils/helpers/throttle.cjs"),s=((...e)=>{const o=typeof e[0]=="number"?e[0]:e[0]?.delay??1e3,i=typeof e[0]=="function"?e[0]:e[0]?.onChange,c=e[0]?.enabled??!0,[n,u]=l.useState({interval:0,rotationRate:{alpha:null,beta:null,gamma:null},acceleration:{x:null,y:null,z:null},accelerationIncludingGravity:{x:null,y:null,z:null}}),r=l.useRef(i);return r.current=i,l.useEffect(()=>{if(!c)return;const a=d.throttle(t=>{r.current?.(t),u({interval:t.interval,rotationRate:{...n.rotationRate,...t.rotationRate},acceleration:{...n.acceleration,...t.acceleration},accelerationIncludingGravity:{...n.accelerationIncludingGravity,...t.accelerationIncludingGravity}})},o);return window.addEventListener("devicemotion",a),()=>{window.removeEventListener("devicemotion",a)}},[o,c]),n});exports.useDeviceMotion=s;
2
2
  //# sourceMappingURL=useDeviceMotion.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(e?window.devicePixelRatio:1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),r=()=>{const e=typeof window<"u"&&typeof window.matchMedia=="function"&&typeof window.devicePixelRatio=="number",[i,d]=n.useState(e?window.devicePixelRatio:1);return n.useEffect(()=>{if(!e)return;const t=()=>d(window.devicePixelRatio),o=window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);return o.addEventListener("change",t),()=>{o.removeEventListener("change",t)}},[i]),{supported:e,ratio:i}};exports.useDevicePixelRatio=r;
2
2
  //# sourceMappingURL=useDevicePixelRatio.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),y=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),p=((...n)=>{const i=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,t=d.isTarget(n[0])?n[0]:void 0,o=n[1]?n[1]:n[0],v=o?.immediately??!1,[f,g]=u.useState(!1),s=u.useRef(null),r=u.useRef(null),a=y.useRefState(),c=()=>{!r.current||!i||!s.current||(g(!1),s.current.srcObject=null,r.current.getTracks().forEach(e=>e.stop()),r.current=null)},l=async()=>{if(!i||!s.current)return;const e=await navigator.mediaDevices.getDisplayMedia({video:o?.video,audio:o?.audio});return g(!0),r.current=e,s.current.srcObject=e,e.getTracks().forEach(m=>m.onended=c),e};return u.useEffect(()=>{if(!i||!t&&!a.state)return;const e=t?d.isTarget.getElement(t):a.current;if(e&&(s.current=e,!!v))return l(),()=>{c()}},[t&&d.isTarget.getRawElement(t),a.state]),t?{stream:r.current,sharing:f,supported:i,start:l,stop:c}:{stream:r.current,sharing:f,supported:i,start:l,stop:c,ref:a}});exports.useDisplayMedia=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),y=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),p=((...n)=>{const i=typeof navigator<"u"&&"mediaDevices"in navigator&&!!navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,t=d.isTarget(n[0])?n[0]:void 0,o=n[1]?n[1]:n[0],v=o?.immediately??!1,[f,g]=c.useState(!1),s=c.useRef(null),r=c.useRef(null),a=y.useRefState(),u=()=>{!r.current||!i||!s.current||(g(!1),s.current.srcObject=null,r.current.getTracks().forEach(e=>e.stop()),r.current=null)},l=async()=>{if(!i||!s.current)return;const e=await navigator.mediaDevices.getDisplayMedia({video:o?.video,audio:o?.audio});return g(!0),r.current=e,s.current.srcObject=e,e.getTracks().forEach(m=>m.onended=u),e};return c.useEffect(()=>{if(!i||!t&&!a.state)return;const e=t?d.isTarget.getElement(t):a.current;if(e&&(s.current=e,!!v))return l(),()=>{u()}},[t&&d.isTarget.getRawElement(t),a.state]),t?{stream:r.current,sharing:f,supported:i,start:l,stop:u}:{stream:r.current,sharing:f,supported:i,start:l,stop:u,ref:a}});exports.useDisplayMedia=p;
2
2
  //# sourceMappingURL=useDisplayMedia.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),S=require("../useRefState/useRefState.cjs"),p=require("../../utils/helpers/isTarget.cjs"),V=((...n)=>{const o=p.isTarget(n[0])?n[0]:void 0,s=o?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},u=S.useRefState(),f=g.useRef(0),[E,L]=g.useState(null),[T,v]=g.useState(!1),i=s.dataTypes,m=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return s.multiple?t:t.length?[t[0]]:null},h=e=>i?typeof i=="function"?i(e):i.length?e.length?e.every(t=>i.some(a=>t.includes(a))):!1:!0:!0,R=e=>{const t=Array.from(e).map(l=>l.type),a=h(t),c=s.multiple||e.length<=1;return a&&c};return g.useEffect(()=>{if(!o&&!u.state)return;const e=o?p.isTarget.getElement(o):u.current;if(!e)return;const t=(r,d)=>{if(!r.dataTransfer)return;if(!R(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const D=m(r);if(d==="drop"){f.current=0,v(!1),L(D),s.onDrop?.(D,r);return}if(d==="enter"){f.current+=1,v(!0),s.onEnter?.(r);return}if(d==="leave"){if(f.current-=1,f.current!==0)return;v(!1),s.onLeave?.(r);return}d==="over"&&s.onOver?.(r)},a=(r=>t(r,"drop")),c=(r=>t(r,"over")),l=(r=>t(r,"enter")),y=(r=>t(r,"leave"));return e.addEventListener("dragenter",l),e.addEventListener("dragover",c),e.addEventListener("dragleave",y),e.addEventListener("drop",a),()=>{e.removeEventListener("dragenter",l),e.removeEventListener("dragover",c),e.removeEventListener("dragleave",y),e.removeEventListener("drop",a)}},[o&&p.isTarget.getRawElement(o),u.state]),o?{overed:T,files:E}:{ref:u,overed:T,files:E}});exports.useDropZone=V;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),m=require("../useRefState/useRefState.cjs"),d=require("../../utils/helpers/isTarget.cjs"),D=((...n)=>{const o=d.isTarget(n[0])?n[0]:void 0,s=o?typeof n[1]=="object"?n[1]:{onDrop:n[1]}:typeof n[0]=="object"?n[0]:{onDrop:n[0]},a=m.useRefState(),u=l.useRef(0),[g,E]=l.useState(null),[p,c]=l.useState(!1),i=s.dataTypes,T=e=>{if(!e.dataTransfer)return null;const t=Array.from(e.dataTransfer.files);return s.multiple?t:t.length?[t[0]]:null},v=e=>i?typeof i=="function"?i(e):i.length?e.length?e.every(t=>i.some(r=>t.includes(r))):!1:!0:!0,L=e=>{const t=Array.from(e).map(f=>f.type),r=v(t),y=s.multiple||e.length<=1;return r&&y};return l.useEffect(()=>{if(!o&&!a.state)return;const e=o?d.isTarget.getElement(o):a.current;if(!e)return;const t=r=>{if(!r.dataTransfer)return;if(!L(r.dataTransfer.items)){r.dataTransfer.dropEffect="none";return}r.preventDefault(),r.dataTransfer.dropEffect="copy";const f=T(r);if(r.type==="drop"){u.current=0,c(!1),E(f),s.onDrop?.(f,r);return}if(r.type==="dragenter"){u.current+=1,c(!0),s.onEnter?.(r);return}if(r.type==="dragleave"){if(u.current-=1,u.current!==0)return;c(!1),s.onLeave?.(r);return}r.type==="dragover"&&s.onOver?.(r)};return e.addEventListener("dragenter",t),e.addEventListener("dragover",t),e.addEventListener("dragleave",t),e.addEventListener("drop",t),()=>{e.removeEventListener("dragenter",t),e.removeEventListener("dragover",t),e.removeEventListener("dragleave",t),e.removeEventListener("drop",t)}},[o&&d.isTarget.getRawElement(o),a.state]),o?{overed:p,files:g}:{ref:a,overed:p,files:g}});exports.useDropZone=D;
2
2
  //# sourceMappingURL=useDropZone.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone */\n dataTypes?: DropZoneDataTypes;\n /** The multiple mode for drop zone */\n multiple?: boolean;\n /** The on drop callback */\n onDrop?: (files: File[] | null, event: DragEvent) => void;\n /** The on enter callback */\n onEnter?: (event: DragEvent) => void;\n /** The on leave callback */\n onLeave?: (event: DragEvent) => void;\n /** The on over callback */\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /** The files that was dropped in drop zone */\n files: File[] | null;\n /** The over drop zone status */\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] | null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] | null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] | null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple || items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? isTarget.getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent, type: 'drop' | 'enter' | 'leave' | 'over') => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (type === 'enter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (type === 'leave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (type === 'over') options.onOver?.(event);\n };\n\n const onDrop = ((event: DragEvent) => onEvent(event, 'drop')) as EventListener;\n const onDragOver = ((event: DragEvent) => onEvent(event, 'over')) as EventListener;\n const onDragEnter = ((event: DragEvent) => onEvent(event, 'enter')) as EventListener;\n const onDragLeave = ((event: DragEvent) => onEvent(event, 'leave')) as EventListener;\n\n element.addEventListener('dragenter', onDragEnter);\n element.addEventListener('dragover', onDragOver);\n element.addEventListener('dragleave', onDragLeave);\n element.addEventListener('drop', onDrop);\n\n return () => {\n element.removeEventListener('dragenter', onDragEnter);\n element.removeEventListener('dragover', onDragOver);\n element.removeEventListener('dragleave', onDragLeave);\n element.removeEventListener('drop', onDrop);\n };\n }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles","onDrop","onDragOver","onDragEnter","onDragLeave"],"mappings":"mMAwGaA,GAAe,IAAIC,IAAkB,CAChD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EACpB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EAGpBI,EAAcC,EAAAA,YAAA,EAEdC,EAAaC,EAAAA,OAAO,CAAC,EACrB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAEpCG,EAAYV,EAAQ,UAEpBW,EAAYC,GAAqB,CACrC,GAAI,CAACA,EAAM,aAAc,OAAO,KAChC,MAAMC,EAAO,MAAM,KAAKD,EAAM,aAAa,KAAK,EAChD,OAAIZ,EAAQ,SAAiBa,EACxBA,EAAK,OACH,CAACA,EAAK,CAAC,CAAC,EADU,IACV,EAGXC,EAAkBC,GACjBL,EACD,OAAOA,GAAc,WAAmBA,EAAUK,CAAK,EACtDL,EAAU,OACVK,EAAM,OAEJA,EAAM,MAAOC,GAASN,EAAU,KAAMO,GAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,EAFxD,GADI,GAFP,GAQnBC,EAAiBC,GAAgC,CACrD,MAAMJ,EAAQ,MAAM,KAAKI,CAAK,EAAE,IAAKC,GAASA,EAAK,IAAI,EACjDC,EAAiBP,EAAeC,CAAK,EACrCO,EAAqBtB,EAAQ,UAAYmB,EAAM,QAAU,EAE/D,OAAOE,GAAkBC,CAAA,EAoE3B,OAjEAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMuB,EAAU1B,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,QAEnE,GAAI,CAACuB,EAAS,OAEd,MAAMC,EAAU,CAACb,EAAkBI,IAA8C,CAC/E,GAAI,CAACJ,EAAM,aAAc,OAGzB,GAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,EACxC,CACZA,EAAM,aAAa,WAAa,OAChC,MAAA,CAGFA,EAAM,eAAA,EACNA,EAAM,aAAa,WAAa,OAEhC,MAAMc,EAAef,EAASC,CAAK,EAEnC,GAAII,IAAS,OAAQ,CACnBb,EAAW,QAAU,EACrBM,EAAU,EAAK,EACfH,EAASoB,CAAY,EACrB1B,EAAQ,SAAS0B,EAAcd,CAAK,EACpC,MAAA,CAGF,GAAII,IAAS,QAAS,CACpBb,EAAW,SAAW,EACtBM,EAAU,EAAI,EACdT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGF,GAAII,IAAS,QAAS,CAEpB,GADAb,EAAW,SAAW,EAClBA,EAAW,UAAY,EAAG,OAC9BM,EAAU,EAAK,EACfT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGEI,IAAS,QAAQhB,EAAQ,SAASY,CAAK,CAAA,EAGvCe,GAAWf,GAAqBa,EAAQb,EAAO,MAAM,GACrDgB,GAAehB,GAAqBa,EAAQb,EAAO,MAAM,GACzDiB,GAAgBjB,GAAqBa,EAAQb,EAAO,OAAO,GAC3DkB,GAAgBlB,GAAqBa,EAAQb,EAAO,OAAO,GAEjE,OAAAY,EAAQ,iBAAiB,YAAaK,CAAW,EACjDL,EAAQ,iBAAiB,WAAYI,CAAU,EAC/CJ,EAAQ,iBAAiB,YAAaM,CAAW,EACjDN,EAAQ,iBAAiB,OAAQG,CAAM,EAEhC,IAAM,CACXH,EAAQ,oBAAoB,YAAaK,CAAW,EACpDL,EAAQ,oBAAoB,WAAYI,CAAU,EAClDJ,EAAQ,oBAAoB,YAAaM,CAAW,EACpDN,EAAQ,oBAAoB,OAAQG,CAAM,CAAA,CAC5C,EACC,CAAC7B,GAAUC,WAAS,cAAcD,CAAM,EAAGG,EAAY,KAAK,CAAC,EAE5DH,EAAe,CAAE,OAAAU,EAAQ,MAAAH,CAAA,EACtB,CAAE,IAAKJ,EAAa,OAAAO,EAAQ,MAAAH,CAAA,CACrC"}
1
+ {"version":3,"file":"useDropZone.cjs","sources":["../../../../src/hooks/useDropZone/useDropZone.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type DropZoneDataTypes = ((types: string[]) => boolean) | string[];\n\nexport interface UseDropZoneOptions {\n /** The data types for drop zone */\n dataTypes?: DropZoneDataTypes;\n /** The multiple mode for drop zone */\n multiple?: boolean;\n /** The on drop callback */\n onDrop?: (files: File[] | null, event: DragEvent) => void;\n /** The on enter callback */\n onEnter?: (event: DragEvent) => void;\n /** The on leave callback */\n onLeave?: (event: DragEvent) => void;\n /** The on over callback */\n onOver?: (event: DragEvent) => void;\n}\n\nexport interface UseDropZoneReturn {\n /** The files that was dropped in drop zone */\n files: File[] | null;\n /** The over drop zone status */\n overed: boolean;\n}\n\nexport interface UseDropZone {\n (\n target: HookTarget,\n callback?: (files: File[] | null, event: DragEvent) => void\n ): UseDropZoneReturn;\n\n <Target extends Element>(\n callback?: (files: File[] | null, event: DragEvent) => void,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n\n (target: HookTarget, options?: UseDropZoneOptions): UseDropZoneReturn;\n\n <Target extends Element>(\n options?: UseDropZoneOptions,\n target?: never\n ): UseDropZoneReturn & {\n ref: StateRef<Target>;\n };\n}\n\n/**\n * @name useDropZone\n * @description - Hook that provides drop zone functionality\n * @category Elements\n * @usage medium\n\n * @overload\n * @template Target The target element\n * @param {Target} target The target element drop zone's\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, options);\n *\n * @overload\n * @param {Target} target The target element drop zone's\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn} The object with drop zone states\n *\n * @example\n * const { overed, files } = useDropZone(ref, () => console.log('callback'));\n *\n * @overload\n * @param {DataTypes} [options.dataTypes] The data types\n * @param {boolean} [options.multiple] The multiple mode\n * @param {(files: File[] | null, event: DragEvent) => void} [options.onDrop] The on drop callback function\n * @param {(event: DragEvent) => void} [options.onEnter] The on enter callback function\n * @param {(event: DragEvent) => void} [options.onLeave] The on leave callback function\n * @param {(event: DragEvent) => void} [options.onOver] The on over callback function\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(options);\n *\n * @overload\n * @param {(files: File[] | null, event: DragEvent) => void} [callback] The callback function to be invoked on drop\n * @returns {UseDropZoneReturn & { ref: StateRef<Target> }} The object with drop zone states and ref\n *\n * @example\n * const { ref, overed, files } = useDropZone(() => console.log('callback'));\n */\nexport const useDropZone = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onDrop: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onDrop: params[0] }\n ) as UseDropZoneOptions;\n\n const internalRef = useRefState<Element>();\n\n const counterRef = useRef(0);\n const [files, setFiles] = useState<File[] | null>(null);\n const [overed, setOvered] = useState(false);\n\n const dataTypes = options.dataTypes;\n\n const getFiles = (event: DragEvent) => {\n if (!event.dataTransfer) return null;\n const list = Array.from(event.dataTransfer.files);\n if (options.multiple) return list;\n if (!list.length) return null;\n return [list[0]];\n };\n\n const checkDataTypes = (types: string[]) => {\n if (!dataTypes) return true;\n if (typeof dataTypes === 'function') return dataTypes(types);\n if (!dataTypes.length) return true;\n if (!types.length) return false;\n\n return types.every((type) => dataTypes.some((dataType) => type.includes(dataType)));\n };\n\n const checkValidity = (items: DataTransferItemList) => {\n const types = Array.from(items).map((item) => item.type);\n const dataTypesValid = checkDataTypes(types);\n const multipleFilesValid = options.multiple || items.length <= 1;\n\n return dataTypesValid && multipleFilesValid;\n };\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = target ? isTarget.getElement(target) : internalRef.current;\n\n if (!element) return;\n\n const onEvent = (event: DragEvent) => {\n if (!event.dataTransfer) return;\n\n const isValid = checkValidity(event.dataTransfer.items);\n if (!isValid) {\n event.dataTransfer.dropEffect = 'none';\n return;\n }\n\n event.preventDefault();\n event.dataTransfer.dropEffect = 'copy';\n\n const currentFiles = getFiles(event);\n\n if (event.type === 'drop') {\n counterRef.current = 0;\n setOvered(false);\n setFiles(currentFiles);\n options.onDrop?.(currentFiles, event);\n return;\n }\n\n if (event.type === 'dragenter') {\n counterRef.current += 1;\n setOvered(true);\n options.onEnter?.(event);\n return;\n }\n\n if (event.type === 'dragleave') {\n counterRef.current -= 1;\n if (counterRef.current !== 0) return;\n setOvered(false);\n options.onLeave?.(event);\n return;\n }\n\n if (event.type === 'dragover') options.onOver?.(event);\n };\n\n element.addEventListener('dragenter', onEvent as EventListener);\n element.addEventListener('dragover', onEvent as EventListener);\n element.addEventListener('dragleave', onEvent as EventListener);\n element.addEventListener('drop', onEvent as EventListener);\n\n return () => {\n element.removeEventListener('dragenter', onEvent as EventListener);\n element.removeEventListener('dragover', onEvent as EventListener);\n element.removeEventListener('dragleave', onEvent as EventListener);\n element.removeEventListener('drop', onEvent as EventListener);\n };\n }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n if (target) return { overed, files };\n return { ref: internalRef, overed, files };\n}) as UseDropZone;\n"],"names":["useDropZone","params","target","isTarget","options","internalRef","useRefState","counterRef","useRef","files","setFiles","useState","overed","setOvered","dataTypes","getFiles","event","list","checkDataTypes","types","type","dataType","checkValidity","items","item","dataTypesValid","multipleFilesValid","useEffect","element","onEvent","currentFiles"],"mappings":"mMAwGaA,GAAe,IAAIC,IAAkB,CAChD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAE5CG,EACJF,EACI,OAAOD,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EACpB,OAAOA,EAAO,CAAC,GAAM,SACnBA,EAAO,CAAC,EACR,CAAE,OAAQA,EAAO,CAAC,CAAA,EAGpBI,EAAcC,EAAAA,YAAA,EAEdC,EAAaC,EAAAA,OAAO,CAAC,EACrB,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAwB,IAAI,EAChD,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAEpCG,EAAYV,EAAQ,UAEpBW,EAAYC,GAAqB,CACrC,GAAI,CAACA,EAAM,aAAc,OAAO,KAChC,MAAMC,EAAO,MAAM,KAAKD,EAAM,aAAa,KAAK,EAChD,OAAIZ,EAAQ,SAAiBa,EACxBA,EAAK,OACH,CAACA,EAAK,CAAC,CAAC,EADU,IACV,EAGXC,EAAkBC,GACjBL,EACD,OAAOA,GAAc,WAAmBA,EAAUK,CAAK,EACtDL,EAAU,OACVK,EAAM,OAEJA,EAAM,MAAOC,GAASN,EAAU,KAAMO,GAAaD,EAAK,SAASC,CAAQ,CAAC,CAAC,EAFxD,GADI,GAFP,GAQnBC,EAAiBC,GAAgC,CACrD,MAAMJ,EAAQ,MAAM,KAAKI,CAAK,EAAE,IAAKC,GAASA,EAAK,IAAI,EACjDC,EAAiBP,EAAeC,CAAK,EACrCO,EAAqBtB,EAAQ,UAAYmB,EAAM,QAAU,EAE/D,OAAOE,GAAkBC,CAAA,EA+D3B,OA5DAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACzB,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMuB,EAAU1B,EAASC,EAAAA,SAAS,WAAWD,CAAM,EAAIG,EAAY,QAEnE,GAAI,CAACuB,EAAS,OAEd,MAAMC,EAAWb,GAAqB,CACpC,GAAI,CAACA,EAAM,aAAc,OAGzB,GAAI,CADYM,EAAcN,EAAM,aAAa,KAAK,EACxC,CACZA,EAAM,aAAa,WAAa,OAChC,MAAA,CAGFA,EAAM,eAAA,EACNA,EAAM,aAAa,WAAa,OAEhC,MAAMc,EAAef,EAASC,CAAK,EAEnC,GAAIA,EAAM,OAAS,OAAQ,CACzBT,EAAW,QAAU,EACrBM,EAAU,EAAK,EACfH,EAASoB,CAAY,EACrB1B,EAAQ,SAAS0B,EAAcd,CAAK,EACpC,MAAA,CAGF,GAAIA,EAAM,OAAS,YAAa,CAC9BT,EAAW,SAAW,EACtBM,EAAU,EAAI,EACdT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGF,GAAIA,EAAM,OAAS,YAAa,CAE9B,GADAT,EAAW,SAAW,EAClBA,EAAW,UAAY,EAAG,OAC9BM,EAAU,EAAK,EACfT,EAAQ,UAAUY,CAAK,EACvB,MAAA,CAGEA,EAAM,OAAS,YAAYZ,EAAQ,SAASY,CAAK,CAAA,EAGvD,OAAAY,EAAQ,iBAAiB,YAAaC,CAAwB,EAC9DD,EAAQ,iBAAiB,WAAYC,CAAwB,EAC7DD,EAAQ,iBAAiB,YAAaC,CAAwB,EAC9DD,EAAQ,iBAAiB,OAAQC,CAAwB,EAElD,IAAM,CACXD,EAAQ,oBAAoB,YAAaC,CAAwB,EACjED,EAAQ,oBAAoB,WAAYC,CAAwB,EAChED,EAAQ,oBAAoB,YAAaC,CAAwB,EACjED,EAAQ,oBAAoB,OAAQC,CAAwB,CAAA,CAC9D,EACC,CAAC3B,GAAUC,WAAS,cAAcD,CAAM,EAAGG,EAAY,KAAK,CAAC,EAE5DH,EAAe,CAAE,OAAAU,EAAQ,MAAAH,CAAA,EACtB,CAAE,IAAKJ,EAAa,OAAAO,EAAQ,MAAAH,CAAA,CACrC"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=e=>{const t=r.useRef(e);return t.current=e,r.useCallback((...n)=>{const u=t.current;return u(...n)},[])};exports.useEvent=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=e=>{const r=t.useRef(e);return r.current=e,t.useCallback((...n)=>{const u=r.current;return u(...n)},[])};exports.useEvent=s;
2
2
  //# sourceMappingURL=useEvent.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),R=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),E=((...e)=>{const t=o.isTarget(e[0])?e[0]:void 0,r=t?e[1]:e[0],c=t?e[2]:e[1],n=t?e[3]:e[2],u=n?.enabled??!0,s=R.useRefState(),l=i.useRef(c);l.current=c;const d=i.useRef(n);if(d.current=n,i.useEffect(()=>{if(!u)return;const f=(t?o.isTarget.getElement(t):s.current)??window,g=v=>l.current(v);return f.addEventListener(r,g,n),()=>{f.removeEventListener(r,g,n)}},[t&&o.isTarget.getRawElement(t),s.state,r,u]),!t)return s});exports.useEventListener=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),R=require("../useRefState/useRefState.cjs"),o=require("../../utils/helpers/isTarget.cjs"),E=((...e)=>{const t=o.isTarget(e[0])?e[0]:void 0,r=t?e[1]:e[0],u=t?e[2]:e[1],n=t?e[3]:e[2],c=n?.enabled??!0,s=R.useRefState(),l=i.useRef(u);l.current=u;const d=i.useRef(n);if(d.current=n,i.useEffect(()=>{if(!c)return;const f=(t?o.isTarget.getElement(t):s.current)??window,g=v=>l.current(v);return f.addEventListener(r,g,n),()=>{f.removeEventListener(r,g,n)}},[t&&o.isTarget.getRawElement(t),s.state,r,c]),!t)return s});exports.useEventListener=E;
2
2
  //# sourceMappingURL=useEventListener.cjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("../../utils/helpers/getRetry.cjs"),O=(R,y=[],e={})=>{const[m,s]=n.useState(!1),[D,f]=n.useState(!1),[h,d]=n.useState(!1),a=n.useRef(e?.retry?v.getRetry(e.retry):0),[C,i]=n.useState(void 0),[w,E]=n.useState(e?.placeholderData),c=n.useRef(void 0),S=e.immediately??!0,g=n.useRef(r=>E(r.data)),l=()=>{c.current&&(f(!1),s(!1),d(!1),y.forEach(r=>c.current.removeEventListener(r,g.current)),c.current.close(),c.current=void 0)},u=()=>{l();const r=new EventSource(R,{withCredentials:e.withCredentials??!1});c.current=r,s(!0),r.onopen=()=>{f(!0),s(!1),i(void 0),e?.onOpen?.()},r.onerror=t=>{if(f(!1),s(!1),d(!0),i(t),e?.onError?.(t),a.current>0){a.current-=1;const o=typeof e?.retryDelay=="function"?e?.retryDelay(a.current,t):e?.retryDelay;if(o){setTimeout(u,o);return}return u()}a.current=e?.retry?v.getRetry(e.retry):0},r.onmessage=t=>{const o=e?.select?e?.select(t.data):t.data;E(o),e?.onMessage?.(t)},y.forEach(t=>r.addEventListener(t,g.current))};return n.useEffect(()=>{if(S)return u(),()=>{l()}},[S]),{instance:c.current,data:w,error:C,isConnecting:m,opened:D,isError:h,close:l,open:u}};exports.useEventSource=O;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v=require("../../utils/helpers/getRetry.cjs"),w=(R,y=[],e={})=>{const[m,s]=n.useState(!1),[D,f]=n.useState(!1),[h,d]=n.useState(!1),u=n.useRef(e?.retry?v.getRetry(e.retry):0),[C,i]=n.useState(void 0),[q,E]=n.useState(e?.placeholderData),c=n.useRef(void 0),S=e.immediately??!0,g=n.useRef(r=>E(r.data)),l=()=>{c.current&&(f(!1),s(!1),d(!1),y.forEach(r=>c.current.removeEventListener(r,g.current)),c.current.close(),c.current=void 0)},a=()=>{l();const r=new EventSource(R,{withCredentials:e.withCredentials??!1});c.current=r,s(!0),r.onopen=()=>{f(!0),s(!1),i(void 0),e?.onOpen?.()},r.onerror=t=>{if(f(!1),s(!1),d(!0),i(t),e?.onError?.(t),u.current>0){u.current-=1;const o=typeof e?.retryDelay=="function"?e?.retryDelay(u.current,t):e?.retryDelay;if(o){setTimeout(a,o);return}return a()}u.current=e?.retry?v.getRetry(e.retry):0},r.onmessage=t=>{const o=e?.select?e?.select(t.data):t.data;E(o),e?.onMessage?.(t)},y.forEach(t=>r.addEventListener(t,g.current))};return n.useEffect(()=>{if(S)return a(),()=>{l()}},[S]),{instance:c.current,data:q,error:C,isConnecting:m,opened:D,isError:h,close:l,open:a}};exports.useEventSource=w;
2
2
  //# sourceMappingURL=useEventSource.cjs.map