@siberiacancode/reactuse 0.0.102 → 0.0.104

package/dist/esm/hooks/useKeysPressed/useKeysPressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeysPressed.js","sources":["../../../../src/hooks/useKeysPressed/useKeysPressed.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use keys pressed params type */\nexport interface UseKeysPressedParams {\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\n/**\n * @name useKeysPressed\n * @description - Hook for get keys that were pressed\n * @category Sensors\n *\n * @param {UseEventListenerTarget} [params.target=window] The target to attach the event listeners to\n * @param {boolean} [params.enabled=bollean] Enable or disable the event listeners\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * const pressedKeys = useKeysPressed();\n */\nexport const useKeysPressed = (params?: UseKeysPressedParams) => {\n  const enabled = params?.enabled ?? true;\n  const [keys, setKeys] = useState<{ key: string; code: string }[]>([]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => {\n      if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n      return [...prevKeys, { key: event.key, code: event.code }];\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n  };\n\n  useDidUpdate(() => {\n    setKeys([]);\n  }, [enabled]);\n\n  useEventListener(params?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(params?.target ?? window, 'keyup', onKeyUp);\n\n  return keys;\n};\n"],"names":["useKeysPressed","params","_params$enabled","_params$target","_params$target2","enabled","_useState","useState","_useState2","_slicedToArray","keys","setKeys","useDidUpdate","useEventListener","target","window","event","prevKeys","some","_ref","code","concat","_toConsumableArray","key","filter","_ref2"],"mappings":";waA2BaA,EAAiB,SAACC,GAAkC,IAAAC,EAAAC,EAAAC,EACzDC,EAAyBH,QAAlBA,EAAGD,aAAM,EAANA,EAAQI,eAAOH,IAAAA,GAAAA,EAC/BI,EAAwBC,EAA0C,IAAGC,EAAAC,EAAAH,EAAA,GAA9DI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAsBpB,OAPAI,GAAa,WACXD,EAAQ,GACV,GAAG,CAACN,IAEJQ,UAAgBV,EAACF,aAAM,EAANA,EAAQa,cAAM,IAAAX,EAAAA,EAAIY,OAAQ,WAjBzB,SAACC,GACZX,GACLM,GAAQ,SAACM,GACP,OAAIA,EAASC,MAAK,SAAAC,GAAO,OAAAA,EAAJC,OAAoBJ,EAAMI,IAAK,IAASH,EAC7D,GAAAI,OAAAC,EAAWL,GAAU,CAAA,CAAEM,IAAKP,EAAMO,IAAKH,KAAMJ,EAAMI,OACrD,GACD,IAYDP,UAAgBT,EAACH,aAAM,EAANA,EAAQa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,SAV3B,SAACC,GACVX,GACLM,GAAQ,SAACM,GAAQ,OAAKA,EAASO,QAAO,SAAAC,GAAO,OAAAA,EAAJL,OAAoBJ,EAAMI,UACpE,IASMV,CACT"}
+{"version":3,"file":"useKeysPressed.js","sources":["../../../../src/hooks/useKeysPressed/useKeysPressed.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use keys pressed options type */\nexport interface UseKeysPressedOptions {\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n}\n\nexport interface UseKeysPressed {\n  (\n    target: HookTarget | Window,\n    options?: UseKeysPressedOptions\n  ): Array<{ key: string; code: string }>;\n\n  <Target extends Element>(\n    options?: UseKeysPressedOptions\n  ): {\n    value: Array<{ key: string; code: string }>;\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * Hook that tracks which keyboard keys are currently pressed\n *\n * @name useKeysPressed\n * @description Tracks all currently pressed keyboard keys and their codes\n * @category Sensors\n *\n * @overload\n * @param {HookTarget | Window} target DOM element or ref to attach keyboard listeners to\n * @param {UseKeysPressedOptions} [options.enabled=true] Enable or disable the event listeners\n * @returns {Array<{ key: string; code: string }>} Array of currently pressed keys with their key and code values\n *\n * @example\n * const pressedKeys = useKeysPressed(ref);\n *\n * @overload\n * @template Target - Type of the target DOM element\n * @param {UseKeysPressedOptions} [options] - Optional configuration options\n * @returns {{ keys: Array<{ key: string; code: string }>; ref: StateRef<Target> }} Object containing pressed keys array and ref to attach to a DOM element\n *\n * @example\n * const { value, ref } = useKeysPressed();\n */\nexport const useKeysPressed = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseKeysPressedOptions | undefined;\n\n  const enabled = options?.enabled ?? true;\n  const [value, setValue] = useState<{ key: string; code: string }[]>([]);\n  const internalRef = useRefState(window);\n\n  useEffect(() => {\n    if (!enabled) return;\n    setValue([]);\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const onKeyDown = (event: Event) => {\n      const keyboardEvent = event as KeyboardEvent;\n      setValue((prevValue) => {\n        if (prevValue.some(({ code }) => code === keyboardEvent.code)) return prevValue;\n        return [...prevValue, { key: keyboardEvent.key, code: keyboardEvent.code }];\n      });\n    };\n\n    const onKeyUp = (event: Event) => {\n      const keyboardEvent = event as KeyboardEvent;\n      setValue((prevValue) => prevValue.filter(({ code }) => code !== keyboardEvent.code));\n    };\n\n    element.addEventListener('keydown', onKeyDown);\n    element.addEventListener('keyup', onKeyUp);\n\n    return () => {\n      element.removeEventListener('keydown', onKeyDown);\n      element.removeEventListener('keyup', onKeyUp);\n    };\n  }, [enabled, internalRef.state, target]);\n\n  if (target) return value;\n  return { value, ref: internalRef };\n}) as UseKeysPressed;\n"],"names":["useKeysPressed","_options$enabled","target","isTarget","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","value","setValue","internalRef","useRefState","window","useEffect","element","getElement","current","onKeyDown","event","keyboardEvent","prevValue","some","_ref","code","concat","_toConsumableArray","key","onKeyUp","filter","_ref2","addEventListener","removeEventListener","state","ref"],"mappings":";iTAqDaA,EAAkB,WAAsB,IAAAC,EAC7CC,EAAUC,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAC5CC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA8D,GAE/EI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAChCQ,EAA0BC,EAA0C,IAAGC,EAAAC,EAAAH,EAAA,GAAhEI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAcC,EAAYC,QA+BhC,OA7BAC,GAAU,WACR,GAAKV,EAAL,CACAM,EAAS,IAET,IAAMK,EAAWjB,EAASkB,EAAWlB,GAAUa,EAAYM,QAC3D,GAAKF,EAAL,CAEA,IAAMG,EAAY,SAACC,GACjB,IAAMC,EAAgBD,EACtBT,GAAS,SAACW,GACR,OAAIA,EAAUC,MAAK,SAAAC,GAAO,OAAAA,EAAJC,OAAoBJ,EAAcI,IAAK,IAASH,EACtE,GAAAI,OAAAC,EAAWL,GAAW,CAAA,CAAEM,IAAKP,EAAcO,IAAKH,KAAMJ,EAAcI,OACtE,GACD,EAEKI,EAAU,SAACT,GACf,IAAMC,EAAgBD,EACtBT,GAAS,SAACW,GAAS,OAAKA,EAAUQ,QAAO,SAAAC,GAAO,OAAAA,EAAJN,OAAoBJ,EAAcI,UAC/E,EAKD,OAHAT,EAAQgB,iBAAiB,UAAWb,GACpCH,EAAQgB,iBAAiB,QAASH,GAE3B,WACLb,EAAQiB,oBAAoB,UAAWd,GACvCH,EAAQiB,oBAAoB,QAASJ,EACtC,CArBa,CAJA,CA0Bf,GAAE,CAACxB,EAASO,EAAYsB,MAAOnC,IAE5BA,EAAeW,EACZ,CAAEA,MAAAA,EAAOyB,IAAKvB,EACvB"}

package/dist/esm/hooks/useLastChanged/useLastChanged.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as o}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r}from"react";import{useDidUpdate as t}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var e=function(e,i){var u,l=r(null!==(u=null==i?void 0:i.initialValue)&&void 0!==u?u:null),a=o(l,2),n=a[0],p=a[1];return t((function(){return p(Date.now())}),[e]),n};export{e as useLastChanged};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as o}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r}from"react";import{useDidUpdate as t}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var e=function(e,i){var u,l=r(null!==(u=null==i?void 0:i.initialValue)&&void 0!==u?u:null),a=o(l,2),n=a[0],p=a[1];return t((function(){return p(Date.now())}),[e]),n};export{e as useLastChanged};
 //# sourceMappingURL=useLastChanged.js.map

package/dist/esm/hooks/useLatest/useLatest.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
+/* @license @siberiacancode/reactuse v0.0.104 */
 import{useRef as r}from"react";var t=function(t){var e=r(t);return e.current=t,e.current};export{t as useLatest};
 //# sourceMappingURL=useLatest.js.map

package/dist/esm/hooks/useLess/useLess.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
+/* @license @siberiacancode/reactuse v0.0.104 */
 import{useEffect as o}from"react";var e=function(e){return o((function(){console.warn("Warning: You forgot to delete the 'useLess' hook.")}),[]),e};export{e as useLess};
 //# sourceMappingURL=useLess.js.map

package/dist/esm/hooks/useList/useList.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as n,a as t}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r}from"react";var e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],u=r(e),c=n(u,2),o=c[0],i=c[1];return{value:o,set:i,push:function(n){return i((function(r){return[].concat(t(r),[n])}))},removeAt:function(n){return i((function(r){return[].concat(t(r.slice(0,n)),t(r.slice(n+1)))}))},insertAt:function(n,r){return i((function(e){return[].concat(t(e.slice(0,n)),[r],t(e.slice(n)))}))},updateAt:function(n,t){return i((function(r){return r.map((function(r,e){return e===n?t:r}))}))},clear:function(){return i([])},reset:function(){return i(e)}}};export{e as useList};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as n,a as t}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r}from"react";var e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],u=r(e),c=n(u,2),o=c[0],i=c[1];return{value:o,set:i,push:function(n){return i((function(r){return[].concat(t(r),[n])}))},removeAt:function(n){return i((function(r){return[].concat(t(r.slice(0,n)),t(r.slice(n+1)))}))},insertAt:function(n,r){return i((function(e){return[].concat(t(e.slice(0,n)),[r],t(e.slice(n)))}))},updateAt:function(n,t){return i((function(r){return r.map((function(r,e){return e===n?t:r}))}))},clear:function(){return i([])},reset:function(){return i(e)}}};export{e as useList};
 //# sourceMappingURL=useList.js.map

package/dist/esm/hooks/useLocalStorage/useLocalStorage.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{c as o}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useStorage as e}from"../useStorage/useStorage.js";import"react";var r=function(r,t,i){return e(r,o(o({},i),{},{initialValue:t,storage:"undefined"!=typeof window?window.localStorage:void 0}))};export{r as useLocalStorage};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{c as o}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useStorage as e}from"../useStorage/useStorage.js";import"react";var r=function(r,t,i){return e(r,o(o({},i),{},{initialValue:t,storage:"undefined"!=typeof window?window.localStorage:void 0}))};export{r as useLocalStorage};
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/esm/hooks/useLogger/useLogger.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{a as o}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useEffect as t}from"react";import{useDidUpdate as c}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var n=function(n,e){t((function(){var t;return(t=console).log.apply(t,["".concat(n," mounted")].concat(o(e))),function(){return console.log("".concat(n," unmounted"))}}),[]),c((function(){var t;(t=console).log.apply(t,["".concat(n," updated")].concat(o(e)))}),e)};export{n as useLogger};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{a as o}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useEffect as t}from"react";import{useDidUpdate as c}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var n=function(n,e){t((function(){var t;return(t=console).log.apply(t,["".concat(n," mounted")].concat(o(e))),function(){return console.log("".concat(n," unmounted"))}}),[]),c((function(){var t;(t=console).log.apply(t,["".concat(n," updated")].concat(o(e)))}),e)};export{n as useLogger};
 //# sourceMappingURL=useLogger.js.map

package/dist/esm/hooks/useLongPress/useLongPress.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as n}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as l,useRef as r}from"react";var o=function(o,u){var t=l(!1),e=n(t,2),c=e[0],i=e[1],a=r(),v=r(!1),s=function(n){var l,r;null==u||null===(l=u.onStart)||void 0===l||l.call(u,n),v.current=!0,a.current=setTimeout((function(){o(n),i(!0)}),null!==(r=null==u?void 0:u.threshold)&&void 0!==r?r:400)},f=function(n){var l;if(c)null==u||null===(l=u.onFinish)||void 0===l||l.call(u,n);else if(v.current){var r;null==u||null===(r=u.onCancel)||void 0===r||r.call(u,n)}i(!1),v.current=!1,a.current&&clearTimeout(a.current)};return[{onMouseDown:s,onTouchStart:s,onMouseUp:f,onTouchEnd:f},c]};export{o as useLongPress};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as n}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as l,useRef as r}from"react";var o=function(o,u){var t=l(!1),e=n(t,2),c=e[0],i=e[1],a=r(),v=r(!1),s=function(n){var l,r;null==u||null===(l=u.onStart)||void 0===l||l.call(u,n),v.current=!0,a.current=setTimeout((function(){o(n),i(!0)}),null!==(r=null==u?void 0:u.threshold)&&void 0!==r?r:400)},f=function(n){var l;if(c)null==u||null===(l=u.onFinish)||void 0===l||l.call(u,n);else if(v.current){var r;null==u||null===(r=u.onCancel)||void 0===r||r.call(u,n)}i(!1),v.current=!1,a.current&&clearTimeout(a.current)};return[{onMouseDown:s,onTouchStart:s,onMouseUp:f,onTouchEnd:f},c]};export{o as useLongPress};
 //# sourceMappingURL=useLongPress.js.map

package/dist/esm/hooks/useMap/useMap.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r}from"react";var n=function(n){var t=r(new Map(n)),u=e(t,2),a=u[0],o=u[1];return{value:a,size:a.size,set:function(e,r){return o((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return o((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return o(new Map)},reset:function(){return o(new Map(n))}}};export{n as useMap};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r}from"react";var n=function(n){var t=r(new Map(n)),u=e(t,2),a=u[0],o=u[1];return{value:a,size:a.size,set:function(e,r){return o((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return o((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return o(new Map)},reset:function(){return o(new Map(n))}}};export{n as useMap};
 //# sourceMappingURL=useMap.js.map

package/dist/esm/hooks/useMeasure/useMeasure.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as t,c as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r}from"react";import{useRefState as o}from"../useRefState/useRefState.js";import{useResizeObserver as i}from"../useResizeObserver/useResizeObserver.js";import"../../utils/helpers/getElement.js";var s=function(s){var h=o(),f=r({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),l=t(f,2),m=l[0],n=l[1];return i(null!=s?s:h.current,{onChange:function(e){var r=t(e,1)[0];if(r){var o=r.contentRect,i=o.x,s=o.y,h=o.width,f=o.height,l=o.top,m=o.left,p=o.bottom,u=o.right;n({x:i,y:s,width:h,height:f,top:l,left:m,bottom:p,right:u})}}}),s?m:e({ref:h},m)};export{s as useMeasure};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as t,c as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r,useEffect as o}from"react";import{getElement as i}from"../../utils/helpers/getElement.js";import{isTarget as n}from"../../utils/helpers/isTarget.js";import{useRefState as s}from"../useRefState/useRefState.js";var f=function(){var f=n(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,h=s(),a=r({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),l=t(a,2),m=l[0],p=l[1];return o((function(){if(f||h.state){var t=f?i(f):h.current;if(t){var e=new ResizeObserver((function(t){var e=t[0];if(e){var r=e.contentRect,o=r.x,i=r.y,n=r.width,s=r.height,f=r.top,h=r.left,a=r.bottom,l=r.right;p({x:o,y:i,width:n,height:s,top:f,left:h,bottom:a,right:l})}}));return e.observe(t),function(){e.disconnect()}}}}),[f,h.state]),f?m:e({ref:h},m)};export{f as useMeasure};
 //# sourceMappingURL=useMeasure.js.map

package/dist/esm/hooks/useMeasure/useMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useState } from 'react';\n\nimport { useRefState } from '../useRefState/useRefState';\nimport { useResizeObserver } from '../useResizeObserver/useResizeObserver';\n\n/** The use measure target element type */\nexport type UseMeasureTarget = (() => Element) | Element | RefObject<Element | null | undefined>;\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasureScreen {\n  <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;\n\n  <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & { ref: RefObject<Target> };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n *\n * @overload\n * @template Target The element to measure\n * @param {Target} [target] The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = (<Target extends UseMeasureTarget>(target?: Target) => {\n  const internalRef = useRefState<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useResizeObserver((target ?? internalRef.current) as Element, {\n    onChange: ([entry]) => {\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    }\n  });\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasureScreen;\n"],"names":["useMeasure","target","internalRef","useRefState","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","useResizeObserver","current","onChange","_ref","entry","_entry$contentRect","contentRect","_objectSpread","ref"],"mappings":";gSA0CaA,EAAc,SAAkCC,GAC3D,IAAMC,EAAcC,IACpBC,EAAwBC,EAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAoBpB,OATAI,EAAmBjB,QAAAA,EAAUC,EAAYiB,QAAqB,CAC5DC,SAAU,SAAFC,GAAe,IAAXC,EAAWP,EAAAM,EAAA,GAAN,GACf,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,YAAxDlB,EAACiB,EAADjB,EAAGC,EAACgB,EAADhB,EAAGC,EAAKe,EAALf,MAAOC,EAAMc,EAANd,OAAQC,EAAGa,EAAHb,IAAKC,EAAIY,EAAJZ,KAAMC,EAAMW,EAANX,OAAQC,EAAKU,EAALV,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,IAGEZ,EAAee,EACnBS,EAAA,CAASC,IAAKxB,GAAgBc,EAChC"}
+{"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasure {\n  (target: HookTarget): UseMeasureReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMeasureReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: StateRef<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const internalRef = useRefState<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    });\n\n    resizeObserver.observe(element);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasure;\n"],"names":["useMeasure","target","isTarget","arguments","length","undefined","internalRef","useRefState","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","useEffect","state","element","getElement","current","resizeObserver","ResizeObserver","entries","entry","_entry$contentRect","contentRect","observe","disconnect","_objectSpread","ref"],"mappings":";iTA6CaA,EAAc,WACzB,IAAMC,EAAUC,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAE5CC,EAAcC,IACpBC,EAAwBC,EAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAgCpB,OArBAI,GAAU,WACR,GAAKrB,GAAWK,EAAYiB,MAA5B,CAEA,IAAMC,EAAWvB,EAASwB,EAAWxB,GAAUK,EAAYoB,QAC3D,GAAKF,EAAL,CAEA,IAAMG,EAAiB,IAAIC,gBAAe,SAACC,GACzC,IAAMC,EAAQD,EAAQ,GACtB,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,YAAxDtB,EAACqB,EAADrB,EAAGC,EAACoB,EAADpB,EAAGC,EAAKmB,EAALnB,MAAOC,EAAMkB,EAANlB,OAAQC,EAAGiB,EAAHjB,IAAKC,EAAIgB,EAAJhB,KAAMC,EAAMe,EAANf,OAAQC,EAAKc,EAALd,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,IAIA,OAFAU,EAAeM,QAAQT,GAEhB,WACLG,EAAeO,YAChB,CAda,CAHqB,CAkBpC,GAAE,CAACjC,EAAQK,EAAYiB,QAEpBtB,EAAemB,EACnBe,EAAA,CAASC,IAAK9B,GAAgBc,EAChC"}

package/dist/esm/hooks/useMediaQuery/useMediaQuery.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
+/* @license @siberiacancode/reactuse v0.0.104 */
 import{useCallback as n,useSyncExternalStore as e}from"react";var t=function(){return!1},r=function(r){var a=n((function(n){var e=window.matchMedia(r);return e.addEventListener("change",n),function(){e.removeEventListener("change",n)}}),[r]);return e(a,(function(){return window.matchMedia(r).matches}),t)};export{r as useMediaQuery};
 //# sourceMappingURL=useMediaQuery.js.map

package/dist/esm/hooks/useMemory/useMemory.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r}from"react";import{useInterval as o}from"../useInterval/useInterval.js";var a=function(){var a=performance&&"memory"in performance,m=r({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),t=e(m,2),i=t[0],p=t[1];return o((function(){return p(performance.memory)}),1e3,{immediately:a}),{supported:a,value:i}};export{a as useMemory};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r}from"react";import{useInterval as o}from"../useInterval/useInterval.js";var a=function(){var a=performance&&"memory"in performance,m=r({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),t=e(m,2),i=t[0],p=t[1];return o((function(){return p(performance.memory)}),1e3,{immediately:a}),{supported:a,value:i}};export{a as useMemory};
 //# sourceMappingURL=useMemory.js.map

package/dist/esm/hooks/useMount/useMount.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
+/* @license @siberiacancode/reactuse v0.0.104 */
 import{useEffect as r}from"react";var t=function(t){return r(t,[])};export{t as useMount};
 //# sourceMappingURL=useMount.js.map

package/dist/esm/hooks/useMouse/useMouse.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e,c as t}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as n,useEffect as o}from"react";import{getElement as r}from"../../utils/helpers/getElement.js";import{useRefState as i}from"../useRefState/useRefState.js";var m=function(m){var l=n({x:0,y:0,element:void 0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),u=e(l,2),s=u[0],a=u[1],c=i();return o((function(){if(m||c.current){var e=function(e){var n=m?r(m):c.current;if(n){var o={x:e.pageX,y:e.pageY},i=n.getBoundingClientRect(),l=i.left,u=i.top,s=l+window.scrollX,f=u+window.scrollY,p=e.pageX-s,v=e.pageY-f;o.element=n,o.elementX=p,o.elementY=v,o.elementPositionX=s,o.elementPositionY=f,a((function(e){return t(t({},e),o)}))}};return document.addEventListener("mousemove",e),function(){document.removeEventListener("mousemove",e)}}}),[c.current,m]),m?s:t({ref:c},s)};export{m as useMouse};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e,c as t}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as n,useEffect as o}from"react";import{getElement as r}from"../../utils/helpers/getElement.js";import{isTarget as i}from"../../utils/helpers/isTarget.js";import{useRefState as l}from"../useRefState/useRefState.js";var m=function(){var m=i(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,s=n({x:0,y:0,element:void 0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),u=e(s,2),a=u[0],f=u[1],p=l();return o((function(){if(m||p.state){var e=function(e){var n=m?r(m):p.current;if(n){var o={x:e.pageX,y:e.pageY},i=n.getBoundingClientRect(),l=i.left,s=i.top,u=l+window.scrollX,a=s+window.scrollY,v=e.pageX-u,c=e.pageY-a;o.element=n,o.elementX=v,o.elementY=c,o.elementPositionX=u,o.elementPositionY=a,f((function(e){return t(t({},e),o)}))}};return document.addEventListener("mousemove",e),function(){document.removeEventListener("mousemove",e)}}}),[p.state,m]),m?a:t({ref:p},a)};export{m as useMouse};
 //# sourceMappingURL=useMouse.js.map

package/dist/esm/hooks/useMouse/useMouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use mouse target element type */\nexport type UseMouseTarget =\n  | (() => Element)\n  | string\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current element */\n  element?: Element;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n  <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: (node: Target) => void }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((target) => {\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    element: undefined,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    if (!target && !internalRef.current) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element;\n      if (!element) return;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY\n      } as typeof value;\n\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n      const elementX = event.pageX - elementPositionX;\n      const elementY = event.pageY - elementPositionY;\n\n      updatedValue.element = element;\n      updatedValue.elementX = elementX;\n      updatedValue.elementY = elementY;\n      updatedValue.elementPositionX = elementPositionX;\n      updatedValue.elementPositionY = elementPositionY;\n\n      setValue((prevValue) => ({\n        ...prevValue,\n        ...updatedValue\n      }));\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.current, target]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["useMouse","target","_useState","useState","x","y","element","undefined","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRefState","useEffect","current","onMouseMove","event","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","ref"],"mappings":";sPA2DaA,EAAY,SAACC,GACxB,IAAAC,EAA0BC,EAAyB,CACjDC,EAAG,EACHC,EAAG,EACHC,aAASC,EACTC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAX,EAAA,GARKY,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAUhBI,EAAcC,IAqCpB,OAnCAC,GAAU,WACR,GAAKjB,GAAWe,EAAYG,QAA5B,CACA,IAAMC,EAAc,SAACC,GACnB,IAAMf,EAAWL,EAASqB,EAAWrB,GAAUe,EAAYG,QAC3D,GAAKb,EAAL,CAEA,IAAMiB,EAAe,CACnBnB,EAAGiB,EAAMG,MACTnB,EAAGgB,EAAMI,OAGXC,EAAsBpB,EAAQqB,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRnB,EAAmBkB,EAAOE,OAAOC,QACjCpB,EAAmBkB,EAAMC,OAAOE,QAChCxB,EAAWa,EAAMG,MAAQd,EACzBD,EAAWY,EAAMI,MAAQd,EAE/BY,EAAajB,QAAUA,EACvBiB,EAAaf,SAAWA,EACxBe,EAAad,SAAWA,EACxBc,EAAab,iBAAmBA,EAChCa,EAAaZ,iBAAmBA,EAEhCI,GAAS,SAACkB,GAAS,OAAAC,EAAAA,EACdD,CAAAA,EAAAA,GACAV,EAAY,GArBH,CAuBf,EAGD,OADAY,SAASC,iBAAiB,YAAahB,GAChC,WACLe,SAASE,oBAAoB,YAAajB,EAC3C,CA/BoC,CAgCtC,GAAE,CAACJ,EAAYG,QAASlB,IAErBA,EAAea,EACnBoB,EAAA,CACEI,IAAKtB,GACFF,EAEP"}
+{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current element */\n  element?: Element;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  (target: HookTarget): UseMouseReturn;\n\n  <Target extends Element>(target?: never): UseMouseReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    element: undefined,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element;\n      if (!element) return;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY\n      } as typeof value;\n\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n      const elementX = event.pageX - elementPositionX;\n      const elementY = event.pageY - elementPositionY;\n\n      updatedValue.element = element;\n      updatedValue.elementX = elementX;\n      updatedValue.elementY = elementY;\n      updatedValue.elementPositionX = elementPositionX;\n      updatedValue.elementPositionY = elementPositionY;\n\n      setValue((prevValue) => ({\n        ...prevValue,\n        ...updatedValue\n      }));\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["useMouse","target","isTarget","arguments","length","undefined","_useState","useState","x","y","element","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRefState","useEffect","state","onMouseMove","event","getElement","current","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","ref"],"mappings":";iTAqDaA,EAAY,WACvB,IAAMC,EAASC,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAEjDC,EAA0BC,EAAyB,CACjDC,EAAG,EACHC,EAAG,EACHC,aAASL,EACTM,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAV,EAAA,GARKW,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAUhBI,EAAcC,IAqCpB,OAnCAC,GAAU,WACR,GAAKpB,GAAWkB,EAAYG,MAA5B,CACA,IAAMC,EAAc,SAACC,GACnB,IAAMd,EAAWT,EAASwB,EAAWxB,GAAUkB,EAAYO,QAC3D,GAAKhB,EAAL,CAEA,IAAMiB,EAAe,CACnBnB,EAAGgB,EAAMI,MACTnB,EAAGe,EAAMK,OAGXC,EAAsBpB,EAAQqB,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRpB,EAAmBmB,EAAOE,OAAOC,QACjCrB,EAAmBmB,EAAMC,OAAOE,QAChCzB,EAAWa,EAAMI,MAAQf,EACzBD,EAAWY,EAAMK,MAAQf,EAE/Ba,EAAajB,QAAUA,EACvBiB,EAAahB,SAAWA,EACxBgB,EAAaf,SAAWA,EACxBe,EAAad,iBAAmBA,EAChCc,EAAab,iBAAmBA,EAEhCI,GAAS,SAACmB,GAAS,OAAAC,EAAAA,EACdD,CAAAA,EAAAA,GACAV,EAAY,GArBH,CAuBf,EAGD,OADAY,SAASC,iBAAiB,YAAajB,GAChC,WACLgB,SAASE,oBAAoB,YAAalB,EAC3C,CA/BkC,CAgCpC,GAAE,CAACJ,EAAYG,MAAOrB,IAEnBA,EAAegB,EACnBqB,EAAA,CACEI,IAAKvB,GACFF,EAEP"}

package/dist/esm/hooks/useMutation/useMutation.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as r,d as l,c as n,e as o}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as u}from"react";var e=function(e,t){var i=u(!1),v=r(i,2),a=v[0],d=v[1],c=u(!1),s=r(c,2),y=s[0],f=s[1],p=u(!1),m=r(p,2),D=m[0],E=m[1],S=u(null),h=r(S,2),b=h[0],g=h[1],w=u(null),x=r(w,2),_=x[0],j=x[1],k=function(r,l){var o;d(!0);var u=null!==(o=null==l?void 0:l.attempt)&&void 0!==o?o:0;return e(r).then((function(r){var n;return null==l||null===(n=l.onSuccess)||void 0===n||n.call(l,r),j(r),E(!0),d(!1),g(null),f(!1),r})).catch((function(o){var e,t="function"==typeof(null==l?void 0:l.retry)?null==l?void 0:l.retry(u,o):null==l?void 0:l.retry,i="function"==typeof(null==l?void 0:l.retryDelay)?null==l?void 0:l.retryDelay(u,o):null==l?void 0:l.retryDelay;return"boolean"==typeof t&&t||t&&t>u?i?void setTimeout((function(){return k(r,n(n({},l),{},{attempt:u+1}))}),i):k(r,n(n({},l),{},{attempt:u+1})):(null==l||null===(e=l.onError)||void 0===e||e.call(l,o),j(null),E(!1),d(!1),g(o),void f(!0))}))},A=function(){var r=l(o().mark((function r(l,n){var u,e,i,v,a;return o().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return a={retry:null!==(u=null==n?void 0:n.retry)&&void 0!==u?u:null==t?void 0:t.retry,retryDelay:null!==(e=null==n?void 0:n.retryDelay)&&void 0!==e?e:null==t?void 0:t.retryDelay,onSuccess:null!==(i=null==n?void 0:n.onSuccess)&&void 0!==i?i:null==t?void 0:t.onSuccess,onError:null!==(v=null==n?void 0:n.onError)&&void 0!==v?v:null==t?void 0:t.onError},r.abrupt("return",k(l,a));case 2:case"end":return r.stop()}}),r)})));return function(l,n){return r.apply(this,arguments)}}();return{data:_,error:b,mutate:function(r,l){var n,o,u,e,i={retry:null!==(n=null==l?void 0:l.retry)&&void 0!==n?n:null==t?void 0:t.retry,retryDelay:null!==(o=null==l?void 0:l.retryDelay)&&void 0!==o?o:null==t?void 0:t.retryDelay,onSuccess:null!==(u=null==l?void 0:l.onSuccess)&&void 0!==u?u:null==t?void 0:t.onSuccess,onError:null!==(e=null==l?void 0:l.onError)&&void 0!==e?e:null==t?void 0:t.onError};k(r,i)},mutateAsync:A,isLoading:a,isError:y,isSuccess:D}};export{e as useMutation};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as r,d as l,c as n,e as o}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as u}from"react";var e=function(e,t){var i=u(!1),v=r(i,2),a=v[0],d=v[1],c=u(!1),s=r(c,2),y=s[0],f=s[1],p=u(!1),m=r(p,2),D=m[0],E=m[1],S=u(null),h=r(S,2),b=h[0],g=h[1],w=u(null),x=r(w,2),_=x[0],j=x[1],k=function(r,l){var o;d(!0);var u=null!==(o=null==l?void 0:l.attempt)&&void 0!==o?o:0;return e(r).then((function(r){var n;return null==l||null===(n=l.onSuccess)||void 0===n||n.call(l,r),j(r),E(!0),d(!1),g(null),f(!1),r})).catch((function(o){var e,t="function"==typeof(null==l?void 0:l.retry)?null==l?void 0:l.retry(u,o):null==l?void 0:l.retry,i="function"==typeof(null==l?void 0:l.retryDelay)?null==l?void 0:l.retryDelay(u,o):null==l?void 0:l.retryDelay;return"boolean"==typeof t&&t||t&&t>u?i?void setTimeout((function(){return k(r,n(n({},l),{},{attempt:u+1}))}),i):k(r,n(n({},l),{},{attempt:u+1})):(null==l||null===(e=l.onError)||void 0===e||e.call(l,o),j(null),E(!1),d(!1),g(o),void f(!0))}))},A=function(){var r=l(o().mark((function r(l,n){var u,e,i,v,a;return o().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return a={retry:null!==(u=null==n?void 0:n.retry)&&void 0!==u?u:null==t?void 0:t.retry,retryDelay:null!==(e=null==n?void 0:n.retryDelay)&&void 0!==e?e:null==t?void 0:t.retryDelay,onSuccess:null!==(i=null==n?void 0:n.onSuccess)&&void 0!==i?i:null==t?void 0:t.onSuccess,onError:null!==(v=null==n?void 0:n.onError)&&void 0!==v?v:null==t?void 0:t.onError},r.abrupt("return",k(l,a));case 2:case"end":return r.stop()}}),r)})));return function(l,n){return r.apply(this,arguments)}}();return{data:_,error:b,mutate:function(r,l){var n,o,u,e,i={retry:null!==(n=null==l?void 0:l.retry)&&void 0!==n?n:null==t?void 0:t.retry,retryDelay:null!==(o=null==l?void 0:l.retryDelay)&&void 0!==o?o:null==t?void 0:t.retryDelay,onSuccess:null!==(u=null==l?void 0:l.onSuccess)&&void 0!==u?u:null==t?void 0:t.onSuccess,onError:null!==(e=null==l?void 0:l.onError)&&void 0!==e?e:null==t?void 0:t.onError};k(r,i)},mutateAsync:A,isLoading:a,isError:y,isSuccess:D}};export{e as useMutation};
 //# sourceMappingURL=useMutation.js.map

package/dist/esm/hooks/useMutationObserver/useMutationObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as r,useRef as t,useEffect as n}from"react";import{getElement as o}from"../../utils/helpers/getElement.js";import{isTarget as i}from"../../utils/helpers/isTarget.js";import{useRefState as l}from"../useRefState/useRefState.js";var u=function(){var u,s=i(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,v=s?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],a=s?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],c=r(),d=e(c,2),f=d[0],m=d[1],p=null===(u=null==a?void 0:a.enabled)||void 0===u||u,g=l(window.document.documentElement),h=t(v);h.current=v;var b=t(a);b.current=a,n((function(){if(p||s||g.state){var e=s?o(s):g.current;if(e){var r=new MutationObserver(h.current);return m(r),r.observe(e,b.current),function(){r.disconnect()}}}}),[s,g.state]);var j=function(){return null==f?void 0:f.disconnect()};return s?{stop:j,observer:f}:{ref:g,stop:j,observer:f}};export{u as useMutationObserver};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as r,useRef as t,useEffect as n}from"react";import{getElement as o}from"../../utils/helpers/getElement.js";import{isTarget as i}from"../../utils/helpers/isTarget.js";import{useRefState as l}from"../useRefState/useRefState.js";var u=function(){var u,s=i(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,v=s?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],a=s?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],c=r(),d=e(c,2),f=d[0],m=d[1],p=null===(u=null==a?void 0:a.enabled)||void 0===u||u,g=l(window.document.documentElement),h=t(v);h.current=v;var b=t(a);b.current=a,n((function(){if(p||s||g.state){var e=s?o(s):g.current;if(e){var r=new MutationObserver(h.current);return m(r),r.observe(e,b.current),function(){r.disconnect()}}}}),[s,g.state]);var j=function(){return null==f?void 0:f.disconnect()};return s?{stop:j,observer:f}:{ref:g,stop:j,observer:f}};export{u as useMutationObserver};
 //# sourceMappingURL=useMutationObserver.js.map

package/dist/esm/hooks/useMutationObserver/useMutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.js","sources":["../../../../src/hooks/useMutationObserver/useMutationObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The mutation observer target element type */\nexport type UseMutationObserverTarget =\n  | string\n  | Document\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The mutation observer return type */\nexport interface UseMutationObserverReturn {\n  /** The mutation observer instance */\n  observer: MutationObserver;\n  /** The mutation observer entries */\n  stop: () => void;\n}\n\n/** The mutation observer options type */\nexport interface UseMutationObserverOptions extends MutationObserverInit {\n  /** The enabled state of the mutation observer */\n  enabled?: boolean;\n}\n\nexport interface UseMutationObserver {\n  <Target extends UseMutationObserverTarget>(\n    target: Target,\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions\n  ): UseMutationObserverReturn;\n\n  <Target extends UseMutationObserverTarget>(\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions,\n    target?: never\n  ): UseMutationObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMutationObserver\n * @description - Hook that gives you mutation observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn & { ref: StateRef<Target> }} An object containing the mutation observer state\n *\n * @example\n * const { ref, observer, stop } = useMutationObserver(() => console.log('callback'))\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to observe\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn} An object containing the mutation observer state\n *\n * @example\n * const { observer, stop } = useMutationObserver(ref, () => console.log('callback'))\n */\nexport const useMutationObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as\n    | UseMutationObserverTarget\n    | undefined;\n  const callback = (target ? params[1] : params[0]) as MutationCallback;\n  const options = (target ? params[2] : params[1]) as UseMutationObserverOptions | undefined;\n\n  const [observer, setObserver] = useState<MutationObserver>();\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState<Element>(window.document.documentElement);\n  const internalCallbackRef = useRef<MutationCallback>(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const observer = new MutationObserver(internalCallbackRef.current);\n    setObserver(observer);\n    observer.observe(element, internalOptionsRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  const stop = () => observer?.disconnect();\n\n  if (target) return { stop, observer };\n  return {\n    ref: internalRef,\n    stop,\n    observer\n  };\n}) as UseMutationObserver;\n"],"names":["useMutationObserver","_options$enabled","target","isTarget","arguments","length","undefined","callback","options","_useState","useState","_useState2","_slicedToArray","observer","setObserver","enabled","internalRef","useRefState","window","document","documentElement","internalCallbackRef","useRef","current","internalOptionsRef","useEffect","state","element","getElement","MutationObserver","observe","disconnect","stop","ref"],"mappings":";sTAmFaA,EAAuB,WAAsB,IAAAC,EAClDC,EAAUC,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAG5CC,EAAYL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6C,GAC/DI,EAAWN,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAmE,GAE1FK,EAAgCC,IAA4BC,EAAAC,EAAAH,EAAA,GAArDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAA0Bd,QAAnBA,EAAGO,aAAO,EAAPA,EAASO,eAAOd,IAAAA,GAAAA,EAE1Be,EAAcC,EAAqBC,OAAOC,SAASC,iBACnDC,EAAsBC,EAAyBf,GACrDc,EAAoBE,QAAUhB,EAC9B,IAAMiB,EAAqBF,EAAOd,GAClCgB,EAAmBD,QAAUf,EAE7BiB,GAAU,WACR,GAAKV,GAAYb,GAAWc,EAAYU,MAAxC,CAEA,IAAMC,EAAWzB,EAAS0B,EAAW1B,GAAUc,EAAYO,QAC3D,GAAKI,EAAL,CAEA,IAAMd,EAAW,IAAIgB,iBAAiBR,EAAoBE,SAI1D,OAHAT,EAAYD,GACZA,EAASiB,QAAQH,EAASH,EAAmBD,SAEtC,WACLV,EAASkB,YACV,CARa,CAHiC,CAYhD,GAAE,CAAC7B,EAAQc,EAAYU,QAExB,IAAMM,EAAO,WAAH,OAASnB,aAAQ,EAARA,EAAUkB,YAAY,EAEzC,OAAI7B,EAAe,CAAE8B,KAAAA,EAAMnB,SAAAA,GACpB,CACLoB,IAAKjB,EACLgB,KAAAA,EACAnB,SAAAA,EAEJ"}
+{"version":3,"file":"useMutationObserver.js","sources":["../../../../src/hooks/useMutationObserver/useMutationObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The mutation observer target element type */\nexport type UseMutationObserverTarget = HookTarget;\n\n/** The mutation observer return type */\nexport interface UseMutationObserverReturn {\n  /** The mutation observer instance */\n  observer: MutationObserver;\n  /** The mutation observer entries */\n  stop: () => void;\n}\n\n/** The mutation observer options type */\nexport interface UseMutationObserverOptions extends MutationObserverInit {\n  /** The enabled state of the mutation observer */\n  enabled?: boolean;\n}\n\nexport interface UseMutationObserver {\n  (\n    target: HookTarget,\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions\n  ): UseMutationObserverReturn;\n\n  <Target extends Element>(\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions,\n    target?: never\n  ): UseMutationObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMutationObserver\n * @description - Hook that gives you mutation observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn & { ref: StateRef<Target> }} An object containing the mutation observer state\n *\n * @example\n * const { ref, observer, stop } = useMutationObserver(() => console.log('callback'))\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn} An object containing the mutation observer state\n *\n * @example\n * const { observer, stop } = useMutationObserver(ref, () => console.log('callback'))\n */\nexport const useMutationObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as MutationCallback;\n  const options = (target ? params[2] : params[1]) as UseMutationObserverOptions | undefined;\n\n  const [observer, setObserver] = useState<MutationObserver>();\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState<Element>(window.document.documentElement);\n  const internalCallbackRef = useRef<MutationCallback>(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const observer = new MutationObserver(internalCallbackRef.current);\n    setObserver(observer);\n    observer.observe(element, internalOptionsRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  const stop = () => observer?.disconnect();\n\n  if (target) return { stop, observer };\n  return {\n    ref: internalRef,\n    stop,\n    observer\n  };\n}) as UseMutationObserver;\n"],"names":["useMutationObserver","_options$enabled","target","isTarget","arguments","length","undefined","callback","options","_useState","useState","_useState2","_slicedToArray","observer","setObserver","enabled","internalRef","useRefState","window","document","documentElement","internalCallbackRef","useRef","current","internalOptionsRef","useEffect","state","element","getElement","MutationObserver","observe","disconnect","stop","ref"],"mappings":";sTA8EaA,EAAuB,WAAsB,IAAAC,EAClDC,EAAUC,EAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAC5CC,EAAYL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAA6C,GAC/DI,EAAWN,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAmE,GAE1FK,EAAgCC,IAA4BC,EAAAC,EAAAH,EAAA,GAArDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAA0Bd,QAAnBA,EAAGO,aAAO,EAAPA,EAASO,eAAOd,IAAAA,GAAAA,EAE1Be,EAAcC,EAAqBC,OAAOC,SAASC,iBACnDC,EAAsBC,EAAyBf,GACrDc,EAAoBE,QAAUhB,EAC9B,IAAMiB,EAAqBF,EAAOd,GAClCgB,EAAmBD,QAAUf,EAE7BiB,GAAU,WACR,GAAKV,GAAYb,GAAWc,EAAYU,MAAxC,CAEA,IAAMC,EAAWzB,EAAS0B,EAAW1B,GAAUc,EAAYO,QAC3D,GAAKI,EAAL,CAEA,IAAMd,EAAW,IAAIgB,iBAAiBR,EAAoBE,SAI1D,OAHAT,EAAYD,GACZA,EAASiB,QAAQH,EAASH,EAAmBD,SAEtC,WACLV,EAASkB,YACV,CARa,CAHiC,CAYhD,GAAE,CAAC7B,EAAQc,EAAYU,QAExB,IAAMM,EAAO,WAAH,OAASnB,aAAQ,EAARA,EAAUkB,YAAY,EAEzC,OAAI7B,EAAe,CAAE8B,KAAAA,EAAMnB,SAAAA,GACpB,CACLoB,IAAKjB,EACLgB,KAAAA,EACAnB,SAAAA,EAEJ"}

package/dist/esm/hooks/useNetwork/useNetwork.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as n}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as e,useEffect as i}from"react";var o=function(){var n,e,i;return(null===(n=navigator)||void 0===n?void 0:n.connection)||(null===(e=navigator)||void 0===e?void 0:e.mozConnection)||(null===(i=navigator)||void 0===i?void 0:i.webkitConnection)},t=function(){var t=e((function(){if("undefined"==typeof navigator)return{online:!1,type:void 0,effectiveType:void 0,saveData:!1,downlink:0,downlinkMax:0,rtt:0};var n=navigator.onLine,e=o();return{online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type}})),v=n(t,2),l=v[0],a=v[1];return i((function(){var n=function(){var n=navigator.onLine,e=o();a({online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type})};window.addEventListener("online",n,{passive:!0}),window.addEventListener("offline",n,{passive:!0});var e=o();return e&&e.addEventListener("change",n,{passive:!0}),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n),e&&e.removeEventListener("change",n)}})),l};export{o as getConnection,t as useNetwork};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as n}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as e,useEffect as i}from"react";var o=function(){var n,e,i;return(null===(n=navigator)||void 0===n?void 0:n.connection)||(null===(e=navigator)||void 0===e?void 0:e.mozConnection)||(null===(i=navigator)||void 0===i?void 0:i.webkitConnection)},t=function(){var t=e((function(){if("undefined"==typeof navigator)return{online:!1,type:void 0,effectiveType:void 0,saveData:!1,downlink:0,downlinkMax:0,rtt:0};var n=navigator.onLine,e=o();return{online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type}})),v=n(t,2),l=v[0],a=v[1];return i((function(){var n=function(){var n=navigator.onLine,e=o();a({online:n,downlink:null==e?void 0:e.downlink,downlinkMax:null==e?void 0:e.downlinkMax,effectiveType:null==e?void 0:e.effectiveType,rtt:null==e?void 0:e.rtt,saveData:null==e?void 0:e.saveData,type:null==e?void 0:e.type})};window.addEventListener("online",n,{passive:!0}),window.addEventListener("offline",n,{passive:!0});var e=o();return e&&e.addEventListener("change",n,{passive:!0}),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n),e&&e.removeEventListener("change",n)}})),l};export{o as getConnection,t as useNetwork};
 //# sourceMappingURL=useNetwork.js.map

package/dist/esm/hooks/useOffsetPagination/useOffsetPagination.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as n,useRef as a,useEffect as i}from"react";var r=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=r.total,o=void 0===t?Number.POSITIVE_INFINITY:t,g=r.pageSize,u=void 0===g?10:g,p=r.initialPage,c=void 0===p?1:p,f=r.onPageChange,v=void 0===f?function(){}:f,S=r.onPageCountChange,z=void 0===S?function(){}:S,l=r.onPageSizeChange,P=void 0===l?function(){}:l,s=n(c),d=e(s,2),h=d[0],m=d[1],C=a(v),I=a(z),x=a(P);C.current=v,I.current=z,x.current=P;var N=Math.max(1,Math.ceil(o/u)),_=1===h,b=h===N;return i((function(){I.current({page:h,pageSize:u})}),[N]),i((function(){x.current({page:h,pageSize:u})}),[u]),{page:h,set:function(e){m(e),v({page:e,pageSize:u})},currentPageSize:u,isFirstPage:_,isLastPage:b,pageCount:N,next:function(){if(b)return v({page:N,pageSize:u});m((function(e){var n=e+1;return v({page:n,pageSize:u}),n}))},prev:function(){if(_)return v({page:1,pageSize:u});m((function(e){var n=e-1;return v({page:n,pageSize:u}),n}))}}};export{r as useOffsetPagination};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as n,useRef as a,useEffect as i}from"react";var r=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=r.total,o=void 0===t?Number.POSITIVE_INFINITY:t,g=r.pageSize,u=void 0===g?10:g,p=r.initialPage,c=void 0===p?1:p,f=r.onPageChange,v=void 0===f?function(){}:f,S=r.onPageCountChange,z=void 0===S?function(){}:S,l=r.onPageSizeChange,P=void 0===l?function(){}:l,s=n(c),d=e(s,2),h=d[0],m=d[1],C=a(v),I=a(z),x=a(P);C.current=v,I.current=z,x.current=P;var N=Math.max(1,Math.ceil(o/u)),_=1===h,b=h===N;return i((function(){I.current({page:h,pageSize:u})}),[N]),i((function(){x.current({page:h,pageSize:u})}),[u]),{page:h,set:function(e){m(e),v({page:e,pageSize:u})},currentPageSize:u,isFirstPage:_,isLastPage:b,pageCount:N,next:function(){if(b)return v({page:N,pageSize:u});m((function(e){var n=e+1;return v({page:n,pageSize:u}),n}))},prev:function(){if(_)return v({page:1,pageSize:u});m((function(e){var n=e-1;return v({page:n,pageSize:u}),n}))}}};export{r as useOffsetPagination};
 //# sourceMappingURL=useOffsetPagination.js.map

package/dist/esm/hooks/useOnline/useOnline.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
+/* @license @siberiacancode/reactuse v0.0.104 */
 import{useSyncExternalStore as n}from"react";var e=function(){return navigator.onLine},t=function(){return!1},i=function(n){return window.addEventListener("online",n),window.addEventListener("offline",n),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n)}},o=function(){return n(i,e,t)};export{o as useOnline};
 //# sourceMappingURL=useOnline.js.map

package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as i}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as n}from"react";var e=function(){if("undefined"==typeof window)return"undetermined";var i=window.navigator.userAgent;return/Macintosh|MacIntel|MacPPC|Mac68K/i.test(i)?"macos":/iPhone|iPad|iPod/i.test(i)?"ios":/Win32|Win64|Windows|WinCE/i.test(i)?"windows":/Android/i.test(i)?"android":/Linux/i.test(i)?"linux":"undetermined"},t=function(){var t=n(e());return i(t,1)[0]};export{e as getOperatingSystem,t as useOperatingSystem};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as i}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as n}from"react";var e=function(){if("undefined"==typeof window)return"undetermined";var i=window.navigator.userAgent;return/Macintosh|MacIntel|MacPPC|Mac68K/i.test(i)?"macos":/iPhone|iPad|iPod/i.test(i)?"ios":/Win32|Win64|Windows|WinCE/i.test(i)?"windows":/Android/i.test(i)?"android":/Linux/i.test(i)?"linux":"undetermined"},t=function(){var t=n(e());return i(t,1)[0]};export{e as getOperatingSystem,t as useOperatingSystem};
 //# sourceMappingURL=useOperatingSystem.js.map

package/dist/esm/hooks/useOptimistic/useOptimistic.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as r}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as t,useRef as o}from"react";import{useDidUpdate as e}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var u=function(u,n){var i=t(u),f=r(i,2),c=f[0],a=f[1],p=o(n);p.current=n;var s=t(!1),m=r(s,2),l=m[0],d=m[1];e((function(){l&&(a(u),d(!1))}),[l]);return[c,function(r,t){return a((function(t){return p.current(t,r)})),t.finally((function(){return d(!0)}))}]};export{u as useOptimistic};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as r}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as t,useRef as o}from"react";import{useDidUpdate as e}from"../useDidUpdate/useDidUpdate.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";var u=function(u,n){var i=t(u),f=r(i,2),c=f[0],a=f[1],p=o(n);p.current=n;var s=t(!1),m=r(s,2),l=m[0],d=m[1];e((function(){l&&(a(u),d(!1))}),[l]);return[c,function(r,t){return a((function(t){return p.current(t,r)})),t.finally((function(){return d(!0)}))}]};export{u as useOptimistic};
 //# sourceMappingURL=useOptimistic.js.map

package/dist/esm/hooks/useOrientation/useOrientation.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as n}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as e,useEffect as r}from"react";var t=function(){var t=e({angle:0,type:"landscape-primary"}),o=n(t,2),i=o[0],a=o[1];return r((function(){var n=function(){return a(window.screen.orientation)};return window.screen.orientation.addEventListener("change",n),function(){window.screen.orientation.removeEventListener("change",n)}}),[]),i};export{t as useOrientation};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as n}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as e,useEffect as r}from"react";var t=function(){var t=e({angle:0,type:"landscape-primary"}),o=n(t,2),i=o[0],a=o[1];return r((function(){var n=function(){return a(window.screen.orientation)};return window.screen.orientation.addEventListener("change",n),function(){window.screen.orientation.removeEventListener("change",n)}}),[]),i};export{t as useOrientation};
 //# sourceMappingURL=useOrientation.js.map

package/dist/esm/hooks/useOtpCredential/useOtpCredential.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as r,d as n,e as t}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as e,useRef as o}from"react";var a=function(){for(var a,u,i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];var s=c[0]instanceof Function?c[0]:null===(a=c[0])||void 0===a?void 0:a.onSuccess,p=c[0]instanceof Function?null===(u=c[0])||void 0===u?void 0:u.onError:void 0,f="undefined"!=typeof navigator&&"OTPCredential"in window,v=e(!1),d=r(v,2),b=d[0],g=d[1],w=o(new AbortController),m=function(){var r=n(t().mark((function r(){var n;return t().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(f){r.next=2;break}return r.abrupt("return");case 2:return w.current=new AbortController,r.prev=3,r.next=6,navigator.credentials.get({otp:{transport:["sms"]},signal:w.current.signal});case 6:return n=r.sent,null==s||s(n),g(!1),r.abrupt("return",n);case 12:r.prev=12,r.t0=r.catch(3),null==p||p(r.t0);case 15:case"end":return r.stop()}}),r,null,[[3,12]])})));return function(){return r.apply(this,arguments)}}();return{supported:f,abort:function(){w.current.abort(),w.current=new AbortController,w.current.signal.onabort=function(){return g(!0)}},aborted:b,get:m}};export{a as useOtpCredential};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as r,d as n,e as t}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as e,useRef as o}from"react";var a=function(){for(var a,u,i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];var s=c[0]instanceof Function?c[0]:null===(a=c[0])||void 0===a?void 0:a.onSuccess,p=c[0]instanceof Function?null===(u=c[0])||void 0===u?void 0:u.onError:void 0,f="undefined"!=typeof navigator&&"OTPCredential"in window,v=e(!1),d=r(v,2),b=d[0],g=d[1],w=o(new AbortController),m=function(){var r=n(t().mark((function r(){var n;return t().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(f){r.next=2;break}return r.abrupt("return");case 2:return w.current=new AbortController,r.prev=3,r.next=6,navigator.credentials.get({otp:{transport:["sms"]},signal:w.current.signal});case 6:return n=r.sent,null==s||s(n),g(!1),r.abrupt("return",n);case 12:r.prev=12,r.t0=r.catch(3),null==p||p(r.t0);case 15:case"end":return r.stop()}}),r,null,[[3,12]])})));return function(){return r.apply(this,arguments)}}();return{supported:f,abort:function(){w.current.abort(),w.current=new AbortController,w.current.signal.onabort=function(){return g(!0)}},aborted:b,get:m}};export{a as useOtpCredential};
 //# sourceMappingURL=useOtpCredential.js.map

package/dist/esm/hooks/usePageLeave/usePageLeave.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as n,useEffect as t}from"react";import{useEvent as r}from"../useEvent/useEvent.js";var o=function(o){var u=n(!1),s=e(u,2),m=s[0],i=s[1],v=r((function(){if(m)return i(!1);null==o||o(),i(!0)}));return t((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),m};export{o as usePageLeave};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as n,useEffect as t}from"react";import{useEvent as r}from"../useEvent/useEvent.js";var o=function(o){var u=n(!1),s=e(u,2),m=s[0],i=s[1],v=r((function(){if(m)return i(!1);null==o||o(),i(!0)}));return t((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),m};export{o as usePageLeave};
 //# sourceMappingURL=usePageLeave.js.map

package/dist/esm/hooks/usePaint/usePaint.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{i as t,b as n,_ as r,j as e,g as i}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useRef as u,useState as o,useEffect as s}from"react";import{getElement as a}from"../../utils/helpers/getElement.js";import{useEvent as c}from"../useEvent/useEvent.js";var l=function(){function n(t,r){e(this,n),this.x=t,this.y=r}return t(n,[{key:"update",value:function(t){this.x=t.x,this.y=t.y}},{key:"getDifferenceTo",value:function(t){return new n(this.x-t.x,this.y-t.y)}},{key:"getDistanceTo",value:function(t){var n=this.getDifferenceTo(t);return Math.sqrt(Math.pow(n.x,2)+Math.pow(n.y,2))}},{key:"getAngleTo",value:function(t){var n=this.getDifferenceTo(t);return Math.atan2(n.y,n.x)}},{key:"equalsTo",value:function(t){return this.x===t.x&&this.y===t.y}},{key:"moveByAngle",value:function(t,n){var r=t+Math.PI/2;return this.x+=Math.sin(r)*n,this.y-=Math.cos(r)*n,this}}])}(),h=function(){return t((function t(n){var r=n.x,u=n.y,o=n.radius,s=n.smooth;e(this,t),i(this,"smooth",!1),i(this,"points",[]),i(this,"lines",[]),this.smooth=s,this.pointer=new l(r,u),this.brush=new l(r,u),this.radius=o,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var n=this.pointer.getDistanceTo(this.brush),r=this.pointer.getAngleTo(this.brush);if(Math.round(10*(n-this.radius))/10>0){var e=r+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(n-this.radius),y:this.brush.y-Math.cos(e)*(n-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}(),v=function(){var t,e,i,l,v,d="object"!==n(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,f=d?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],p=null!==(t=null==f?void 0:f.color)&&void 0!==t?t:"black",y=null!==(e=null==f?void 0:f.opacity)&&void 0!==e?e:1,g=null!==(i=null==f?void 0:f.radius)&&void 0!==i?i:10,x=u(new h({x:0,y:0,radius:null!==(l=null==f?void 0:f.radius)&&void 0!==l?l:10,smooth:null!==(v=null==f?void 0:f.smooth)&&void 0!==v&&v})),m=o(!1),b=r(m,2),w=b[0],M=b[1],k=u(null),E=u(null),T=function(t,n,r,e){if(E.current){E.current.globalAlpha=r,E.current.strokeStyle=n,E.current.lineWidth=2*e,E.current.lineCap="round",E.current.lineJoin="round";var i=t[0],u=t[1];E.current.beginPath();for(var o=1;o<t.length;o+=1){var s={x:i.x+(u.x-i.x)/2,y:i.y+(u.y-i.y)/2};E.current.quadraticCurveTo(i.x,i.y,s.x,s.y),i=t[o],u=t[o+1]}E.current.lineTo(i.x,i.y),E.current.stroke()}},L=function(){E.current&&E.current.clearRect(0,0,E.current.canvas.width,E.current.canvas.height)},C=c((function(t){var n;if(w){null==f||null===(n=f.onMouseMove)||void 0===n||n.call(f,t,x.current);var r={x:t.offsetX,y:t.offsetY};x.current.update(r)&&E.current&&(L(),E.current.clearRect(0,0,E.current.canvas.width,E.current.canvas.height),x.current.lines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return T(n,r,e,i)})),T(x.current.points,p,y,g))}})),D=c((function(t){var n;if(E.current){var r={x:t.offsetX,y:t.offsetY};x.current.brush.update(r),x.current.points.push(r),T(x.current.points,p,y,g),null==f||null===(n=f.onMouseDown)||void 0===n||n.call(f,t,x.current),M(!0)}})),j=c((function(t){var n;E.current&&(x.current.points.length&&(x.current.lines.push({points:x.current.points,color:p,opacity:y,radius:g}),x.current.points=[]),null==f||null===(n=f.onMouseUp)||void 0===n||n.call(f,t,x.current),M(!1))})),B=function(){E.current&&(L(),x.current.lines=[],x.current.points=[])},P=function(){E.current&&(L(),x.current.lines.pop(),x.current.lines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return T(n,r,e,i)})))};return s((function(){var t=d?a(d):k.current;if(t)return E.current=t.getContext("2d"),null!=f&&f.initialLines&&(x.current.lines=f.initialLines,f.initialLines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return T(n,r,e,i)}))),t.addEventListener("mousedown",D),t.addEventListener("mousemove",C),t.addEventListener("mouseup",j),function(){t&&(t.removeEventListener("mousedown",D),t.removeEventListener("mousemove",C),t.removeEventListener("mouseup",j))}}),[]),d?{drawing:w,clear:B,undo:P,draw:T,lines:x.current.lines}:{ref:k,drawing:w,clear:B,undo:P,draw:T,lines:x.current.lines}};export{h as Paint,l as Pointer,v as usePaint};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{i as t,_ as n,j as r,g as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useRef as i,useState as u,useEffect as o}from"react";import{getElement as s}from"../../utils/helpers/getElement.js";import{isTarget as a}from"../../utils/helpers/isTarget.js";import{useEvent as l}from"../useEvent/useEvent.js";import{useRefState as c}from"../useRefState/useRefState.js";var h=function(){function n(t,e){r(this,n),this.x=t,this.y=e}return t(n,[{key:"update",value:function(t){this.x=t.x,this.y=t.y}},{key:"getDifferenceTo",value:function(t){return new n(this.x-t.x,this.y-t.y)}},{key:"getDistanceTo",value:function(t){var n=this.getDifferenceTo(t);return Math.sqrt(Math.pow(n.x,2)+Math.pow(n.y,2))}},{key:"getAngleTo",value:function(t){var n=this.getDifferenceTo(t);return Math.atan2(n.y,n.x)}},{key:"equalsTo",value:function(t){return this.x===t.x&&this.y===t.y}},{key:"moveByAngle",value:function(t,n){var r=t+Math.PI/2;return this.x+=Math.sin(r)*n,this.y-=Math.cos(r)*n,this}}])}(),v=function(){return t((function t(n){var i=n.x,u=n.y,o=n.radius,s=n.smooth;r(this,t),e(this,"smooth",!1),e(this,"points",[]),e(this,"lines",[]),this.smooth=s,this.pointer=new h(i,u),this.brush=new h(i,u),this.radius=o,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var n=this.pointer.getDistanceTo(this.brush),r=this.pointer.getAngleTo(this.brush);if(Math.round(10*(n-this.radius))/10>0){var e=r+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(n-this.radius),y:this.brush.y-Math.cos(e)*(n-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}(),d=function(){var t,r,e,h,d,f,p=a(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,y=null!==(t=p?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0])&&void 0!==t?t:{},g=null!==(r=null==y?void 0:y.color)&&void 0!==r?r:"black",m=null!==(e=null==y?void 0:y.opacity)&&void 0!==e?e:1,x=null!==(h=null==y?void 0:y.radius)&&void 0!==h?h:10,w=i(new v({x:0,y:0,radius:null!==(d=null==y?void 0:y.radius)&&void 0!==d?d:10,smooth:null!==(f=null==y?void 0:y.smooth)&&void 0!==f&&f})),M=u(!1),b=n(M,2),k=b[0],E=b[1],T=c(),L=i(null),C=function(t,n,r,e){if(L.current){L.current.globalAlpha=r,L.current.strokeStyle=n,L.current.lineWidth=2*e,L.current.lineCap="round",L.current.lineJoin="round";var i=t[0],u=t[1];L.current.beginPath();for(var o=1;o<t.length;o+=1){var s={x:i.x+(u.x-i.x)/2,y:i.y+(u.y-i.y)/2};L.current.quadraticCurveTo(i.x,i.y,s.x,s.y),i=t[o],u=t[o+1]}L.current.lineTo(i.x,i.y),L.current.stroke()}},j=function(){L.current&&L.current.clearRect(0,0,L.current.canvas.width,L.current.canvas.height)},D=l((function(t){var n;if(k){null==y||null===(n=y.onMouseMove)||void 0===n||n.call(y,t,w.current);var r={x:t.offsetX,y:t.offsetY};w.current.update(r)&&L.current&&(j(),L.current.clearRect(0,0,L.current.canvas.width,L.current.canvas.height),w.current.lines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return C(n,r,e,i)})),C(w.current.points,g,m,x))}})),B=l((function(t){var n;if(L.current){var r={x:t.offsetX,y:t.offsetY};w.current.brush.update(r),w.current.points.push(r),C(w.current.points,g,m,x),null==y||null===(n=y.onMouseDown)||void 0===n||n.call(y,t,w.current),E(!0)}})),P=l((function(t){var n;L.current&&(w.current.points.length&&(w.current.lines.push({points:w.current.points,color:g,opacity:m,radius:x}),w.current.points=[]),null==y||null===(n=y.onMouseUp)||void 0===n||n.call(y,t,w.current),E(!1))})),q=function(){L.current&&(j(),w.current.lines=[],w.current.points=[])},A=function(){L.current&&(j(),w.current.lines.pop(),w.current.lines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return C(n,r,e,i)})))};return o((function(){if(p||T.state){var t=p?s(p):T.current;if(t)return L.current=t.getContext("2d"),null!=y&&y.initialLines&&(w.current.lines=y.initialLines,y.initialLines.forEach((function(t){var n=t.points,r=t.color,e=t.opacity,i=t.radius;return C(n,r,e,i)}))),t.addEventListener("mousedown",B),t.addEventListener("mousemove",D),t.addEventListener("mouseup",P),function(){t&&(t.removeEventListener("mousedown",B),t.removeEventListener("mousemove",D),t.removeEventListener("mouseup",P))}}}),[p,T.state]),p?{drawing:k,clear:q,undo:A,draw:C,lines:w.current.lines}:{ref:T,drawing:k,clear:q,undo:A,draw:C,lines:w.current.lines}};export{v as Paint,h as Pointer,d as usePaint};
 //# sourceMappingURL=usePaint.js.map

package/dist/esm/hooks/usePaint/usePaint.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n\nexport interface UsePaintOptions {\n  /** Brush color */\n  color?: string;\n  /** Initial lines */\n  initialLines?: Paint['lines'];\n  /** Brush opacity */\n  opacity?: number;\n  /** Brush radius */\n  radius?: number;\n  /** Smooth brush movement */\n  smooth?: boolean;\n  /** Callback when the mouse is down */\n  onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is moved */\n  onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is up */\n  onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n  drawing: boolean;\n  lines: Paint['lines'];\n  clear: () => void;\n  draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n  undo: () => void;\n}\n\n/** The use paint return type */\nexport type UsePaintTarget =\n  | (() => HTMLCanvasElement)\n  | HTMLCanvasElement\n  | RefObject<HTMLCanvasElement>;\n\nexport interface UsePaint {\n  <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n  (\n    options?: UsePaintOptions,\n    target?: never\n  ): { ref: RefObject<HTMLCanvasElement> } & UsePaintReturn;\n}\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const drawing = usePaint(canvasRef);\n *\n * @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: RefObject<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const { ref, drawing } = usePaint();\n */\nexport const usePaint = ((...params: any[]) => {\n  const target = (\n    typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n  ) as UsePaintTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UsePaintOptions | undefined;\n\n  const color = options?.color ?? 'black';\n  const opacity = options?.opacity ?? 1;\n  const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n  const paintRef = useRef<Paint>(\n    new Paint({\n      x: 0,\n      y: 0,\n      radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n      smooth: options?.smooth ?? false\n    })\n  );\n  const [drawing, setIsDrawing] = useState(false);\n  const internalRef = useRef<HTMLCanvasElement>(null);\n  const contextRef = useRef<CanvasRenderingContext2D | null>(null);\n\n  const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n    if (!contextRef.current) return;\n\n    contextRef.current.globalAlpha = opacity;\n    contextRef.current.strokeStyle = color;\n    contextRef.current.lineWidth = radius * 2;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n\n    let p1 = points[0];\n    let p2 = points[1];\n\n    contextRef.current.beginPath();\n\n    for (let i = 1; i < points.length; i += 1) {\n      const midPoint = {\n        x: p1.x + (p2.x - p1.x) / 2,\n        y: p1.y + (p2.y - p1.y) / 2\n      };\n      contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n      p1 = points[i];\n      p2 = points[i + 1];\n    }\n    contextRef.current.lineTo(p1.x, p1.y);\n    contextRef.current.stroke();\n  };\n\n  const clearCanvas = () => {\n    if (!contextRef.current) return;\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n  };\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing) return;\n    options?.onMouseMove?.(event, paintRef.current);\n\n    const point = { x: event.offsetX, y: event.offsetY };\n\n    const isUpdated = paintRef.current.update(point);\n\n    if (!isUpdated) return;\n    if (!contextRef.current) return;\n    clearCanvas();\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n\n    // const brush = paintRef.current.getBrushCoordinates();\n    // // Draw brush point\n    // contextRef.current.beginPath();\n    // contextRef.current.fillStyle = 'red';\n    // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n    // contextRef.current.fill();\n\n    // // Draw the lazy radius.\n    // contextRef.current.beginPath();\n    // contextRef.current.strokeStyle = '#ccc';\n    // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n    // contextRef.current.stroke();\n\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n    draw(paintRef.current.points, color, opacity, radius);\n  });\n\n  const onMouseDown = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    const point = { x: event.offsetX, y: event.offsetY };\n    paintRef.current.brush.update(point);\n    paintRef.current.points.push(point);\n    draw(paintRef.current.points, color, opacity, radius);\n\n    options?.onMouseDown?.(event, paintRef.current);\n    setIsDrawing(true);\n  });\n\n  const onMouseUp = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    if (paintRef.current.points.length) {\n      paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n      paintRef.current.points = [];\n    }\n\n    options?.onMouseUp?.(event, paintRef.current);\n    setIsDrawing(false);\n  });\n\n  const clear = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n    paintRef.current.lines = [];\n    paintRef.current.points = [];\n  };\n\n  const undo = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n\n    paintRef.current.lines.pop();\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n  };\n\n  useEffect(() => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLCanvasElement;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    if (options?.initialLines) {\n      paintRef.current.lines = options.initialLines;\n      options.initialLines.forEach(({ points, color, opacity, radius }) =>\n        draw(points, color, opacity, radius)\n      );\n    }\n\n    element.addEventListener('mousedown', onMouseDown);\n    element.addEventListener('mousemove', onMouseMove);\n    element.addEventListener('mouseup', onMouseUp);\n\n    return () => {\n      if (!element) return;\n      element.removeEventListener('mousedown', onMouseDown);\n      element.removeEventListener('mousemove', onMouseMove);\n      element.removeEventListener('mouseup', onMouseUp);\n    };\n  }, []);\n\n  if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n  return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos","Paint","_ref","radius","smooth","_defineProperty","pointer","brush","points","lines","equalsTo","update","push","getBrushCoordinates","getDistanceTo","getAngleTo","round","usePaint","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","target","_typeof","arguments","length","undefined","options","color","opacity","paintRef","useRef","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","contextRef","draw","current","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","offsetX","offsetY","forEach","_ref2","onMouseDown","_options$onMouseDown","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref3","useEffect","element","getElement","getContext","initialLines","_ref4","addEventListener","removeEventListener","ref"],"mappings":"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"}
+{"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n\nexport interface UsePaintOptions {\n  /** Brush color */\n  color?: string;\n  /** Initial lines */\n  initialLines?: Paint['lines'];\n  /** Brush opacity */\n  opacity?: number;\n  /** Brush radius */\n  radius?: number;\n  /** Smooth brush movement */\n  smooth?: boolean;\n  /** Callback when the mouse is down */\n  onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is moved */\n  onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is up */\n  onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n  drawing: boolean;\n  lines: Paint['lines'];\n  clear: () => void;\n  draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n  undo: () => void;\n}\n\nexport interface UsePaint {\n  (target: HookTarget, options?: UsePaintOptions): UsePaintReturn;\n\n  <Target extends HTMLCanvasElement>(\n    options?: UsePaintOptions,\n    target?: never\n  ): UsePaintReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const drawing = usePaint(canvasRef);\n *\n * @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: StateRef<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const { ref, drawing } = usePaint();\n */\nexport const usePaint = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = ((target ? params[1] : params[0]) as UsePaintOptions) ?? {};\n\n  const color = options?.color ?? 'black';\n  const opacity = options?.opacity ?? 1;\n  const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n  const paintRef = useRef<Paint>(\n    new Paint({\n      x: 0,\n      y: 0,\n      radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n      smooth: options?.smooth ?? false\n    })\n  );\n  const [drawing, setIsDrawing] = useState(false);\n  const internalRef = useRefState<HTMLCanvasElement>();\n  const contextRef = useRef<CanvasRenderingContext2D | null>(null);\n\n  const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n    if (!contextRef.current) return;\n\n    contextRef.current.globalAlpha = opacity;\n    contextRef.current.strokeStyle = color;\n    contextRef.current.lineWidth = radius * 2;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n\n    let p1 = points[0];\n    let p2 = points[1];\n\n    contextRef.current.beginPath();\n\n    for (let i = 1; i < points.length; i += 1) {\n      const midPoint = {\n        x: p1.x + (p2.x - p1.x) / 2,\n        y: p1.y + (p2.y - p1.y) / 2\n      };\n      contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n      p1 = points[i];\n      p2 = points[i + 1];\n    }\n    contextRef.current.lineTo(p1.x, p1.y);\n    contextRef.current.stroke();\n  };\n\n  const clearCanvas = () => {\n    if (!contextRef.current) return;\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n  };\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing) return;\n    options?.onMouseMove?.(event, paintRef.current);\n\n    const point = { x: event.offsetX, y: event.offsetY };\n\n    const isUpdated = paintRef.current.update(point);\n\n    if (!isUpdated) return;\n    if (!contextRef.current) return;\n    clearCanvas();\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n\n    // const brush = paintRef.current.getBrushCoordinates();\n    // // Draw brush point\n    // contextRef.current.beginPath();\n    // contextRef.current.fillStyle = 'red';\n    // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n    // contextRef.current.fill();\n\n    // // Draw the lazy radius.\n    // contextRef.current.beginPath();\n    // contextRef.current.strokeStyle = '#ccc';\n    // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n    // contextRef.current.stroke();\n\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n    draw(paintRef.current.points, color, opacity, radius);\n  });\n\n  const onMouseDown = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    const point = { x: event.offsetX, y: event.offsetY };\n    paintRef.current.brush.update(point);\n    paintRef.current.points.push(point);\n    draw(paintRef.current.points, color, opacity, radius);\n\n    options?.onMouseDown?.(event, paintRef.current);\n    setIsDrawing(true);\n  });\n\n  const onMouseUp = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    if (paintRef.current.points.length) {\n      paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n      paintRef.current.points = [];\n    }\n\n    options?.onMouseUp?.(event, paintRef.current);\n    setIsDrawing(false);\n  });\n\n  const clear = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n    paintRef.current.lines = [];\n    paintRef.current.points = [];\n  };\n\n  const undo = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n\n    paintRef.current.lines.pop();\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLCanvasElement;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    if (options?.initialLines) {\n      paintRef.current.lines = options.initialLines;\n      options.initialLines.forEach(({ points, color, opacity, radius }) =>\n        draw(points, color, opacity, radius)\n      );\n    }\n\n    element.addEventListener('mousedown', onMouseDown);\n    element.addEventListener('mousemove', onMouseMove);\n    element.addEventListener('mouseup', onMouseUp);\n\n    return () => {\n      if (!element) return;\n      element.removeEventListener('mousedown', onMouseDown);\n      element.removeEventListener('mousemove', onMouseMove);\n      element.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n  return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos","Paint","_ref","radius","smooth","_defineProperty","pointer","brush","points","lines","equalsTo","update","push","getBrushCoordinates","getDistanceTo","getAngleTo","round","usePaint","_ref2","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","target","isTarget","arguments","length","undefined","options","color","opacity","paintRef","useRef","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","useRefState","contextRef","draw","current","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","offsetX","offsetY","forEach","_ref3","onMouseDown","_options$onMouseDown","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref4","useEffect","state","element","getElement","getContext","initialLines","_ref5","addEventListener","removeEventListener","ref"],"mappings":"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"}

package/dist/esm/hooks/useParallax/useParallax.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as t,useEffect as a}from"react";import{useDeviceOrientation as n}from"../useDeviceOrientation/useDeviceOrientation.js";import{useMouse as r}from"../useMouse/useMouse.js";import{useRefState as i}from"../useRefState/useRefState.js";import{useScreenOrientation as o}from"../useScreenOrientation/useScreenOrientation.js";import"../../utils/helpers/getElement.js";var u=function(){var u,l=(arguments.length<=0?void 0:arguments[0])instanceof Function||(arguments.length<=0?void 0:arguments[0])&&"current"in(arguments.length<=0?void 0:arguments[0])||(arguments.length<=0?void 0:arguments[0])instanceof Element?arguments.length<=0?void 0:arguments[0]:void 0,s=i(),v=r(null!=l?l:s.current),c=o(),m=n(),d=null!==(u=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0])&&void 0!==u?u:{},p=d.deviceOrientationRollAdjust,f=void 0===p?function(e){return e}:p,g=d.deviceOrientationTiltAdjust,h=void 0===g?function(e){return e}:g,b=d.mouseRollAdjust,y=void 0===b?function(e){return e}:b,j=d.mouseTiltAdjust,O=void 0===j?function(e){return e}:j,k=t({roll:0,tilt:0,source:"mouse"}),R=e(k,2),T=R[0],A=R[1],S=function(){return m.supported&&(m.value.alpha||m.value.gamma)?"deviceOrientation":"mouse"};return a((function(){if(v.element){var e=S(),t=function(){if("deviceOrientation"===S()){var e;switch(c.value.orientationType){case"landscape-primary":e=m.value.gamma/90;break;case"landscape-secondary":e=-m.value.gamma/90;break;case"portrait-primary":default:e=-m.value.beta/90;break;case"portrait-secondary":e=m.value.beta/90}return f(e)}if(!v.element)return 0;var t=v.y-v.elementPositionY,a=v.element.getBoundingClientRect().height;return y(-(t-a/2)/a)}(),a=function(){if("deviceOrientation"===S()){var e;switch(c.value.orientationType){case"landscape-primary":e=m.value.beta/90;break;case"landscape-secondary":e=-m.value.beta/90;break;case"portrait-primary":default:e=m.value.gamma/90;break;case"portrait-secondary":e=-m.value.gamma/90}return h(e)}if(!v.element)return 0;var t=v.x-v.elementPositionX,a=v.element.getBoundingClientRect().width;return O((t-a/2)/a)}();A({roll:t,source:e,tilt:a})}}),[c.value.angle,c.value.orientationType,m.value.gamma,m.value.beta,m.value.alpha,m.value.absolute,v.x,v.y,v.element]),l?{value:T}:{ref:s,value:T}};export{u as useParallax};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as t,useEffect as a}from"react";import{isTarget as r}from"../../utils/helpers/isTarget.js";import{useDeviceOrientation as i}from"../useDeviceOrientation/useDeviceOrientation.js";import{useMouse as n}from"../useMouse/useMouse.js";import{useRefState as o}from"../useRefState/useRefState.js";import{useScreenOrientation as u}from"../useScreenOrientation/useScreenOrientation.js";import"../../utils/helpers/getElement.js";var l=function(){var l=r(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,s=(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],m=o(),v=n(null!=l?l:m),c=u(),d=i(),p=null!=s?s:{},f=p.deviceOrientationRollAdjust,g=void 0===f?function(e){return e}:f,h=p.deviceOrientationTiltAdjust,b=void 0===h?function(e){return e}:h,y=p.mouseRollAdjust,j=void 0===y?function(e){return e}:y,O=p.mouseTiltAdjust,k=void 0===O?function(e){return e}:O,R=t({roll:0,tilt:0,source:"mouse"}),T=e(R,2),A=T[0],S=T[1],w=function(){return d.supported&&(d.value.alpha||d.value.gamma)?"deviceOrientation":"mouse"};return a((function(){if(v.element){var e=w(),t=function(){if("deviceOrientation"===w()){var e;switch(c.value.orientationType){case"landscape-primary":e=d.value.gamma/90;break;case"landscape-secondary":e=-d.value.gamma/90;break;case"portrait-primary":default:e=-d.value.beta/90;break;case"portrait-secondary":e=d.value.beta/90}return g(e)}if(!v.element)return 0;var t=v.y-v.elementPositionY,a=v.element.getBoundingClientRect().height;return j(-(t-a/2)/a)}(),a=function(){if("deviceOrientation"===w()){var e;switch(c.value.orientationType){case"landscape-primary":e=d.value.beta/90;break;case"landscape-secondary":e=-d.value.beta/90;break;case"portrait-primary":default:e=d.value.gamma/90;break;case"portrait-secondary":e=-d.value.gamma/90}return b(e)}if(!v.element)return 0;var t=v.x-v.elementPositionX,a=v.element.getBoundingClientRect().width;return k((t-a/2)/a)}();S({roll:t,source:e,tilt:a})}}),[c.value.angle,c.value.orientationType,d.value.gamma,d.value.beta,d.value.alpha,d.value.absolute,v.x,v.y,v.element]),l?{value:A}:{ref:m,value:A}};export{l as useParallax};
 //# sourceMappingURL=useParallax.js.map

package/dist/esm/hooks/useParallax/useParallax.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParallax.js","sources":["../../../../src/hooks/useParallax/useParallax.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { UseMouseTarget } from '../useMouse/useMouse';\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useDeviceOrientation } from '../useDeviceOrientation/useDeviceOrientation';\nimport { useMouse } from '../useMouse/useMouse';\nimport { useRefState } from '../useRefState/useRefState';\nimport { useScreenOrientation } from '../useScreenOrientation/useScreenOrientation';\n\n/** The use parallax value type */\nexport interface UseParallaxValue {\n  /** Roll value. Scaled to `-0.5 ~ 0.5` */\n  roll: number;\n  /** Sensor source, can be `mouse` or `deviceOrientation` */\n  source: 'deviceOrientation' | 'mouse';\n  /** Tilt value. Scaled to `-0.5 ~ 0.5` */\n  tilt: number;\n}\n\n/** The use parallax options type */\nexport interface UseParallaxOptions {\n  /** Device orientation roll adjust function */\n  deviceOrientationRollAdjust?: (value: number) => number;\n  /** Device orientation tilt adjust function */\n  deviceOrientationTiltAdjust?: (value: number) => number;\n  /** Mouse roll adjust function */\n  mouseRollAdjust?: (value: number) => number;\n  /** Mouse tilt adjust function */\n  mouseTiltAdjust?: (value: number) => number;\n}\n\ninterface UseParallaxReturn {\n  value: UseParallaxValue;\n}\n\nexport interface UseParallax {\n  <Target extends UseMouseTarget>(target: Target, options?: UseParallaxOptions): UseParallaxReturn;\n\n  <Target extends UseMouseTarget>(\n    params?: UseParallaxOptions\n  ): UseParallaxReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useParallax\n * @description - Hook to help create parallax effect\n * @category Sensors\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {Target} target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn} An object of parallax values\n *\n * @example\n * const { roll, tilt, source } = useParallax(ref);\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn & { ref: StateRef<Target> }} An object of parallax values\n *\n * @example\n * const { ref, roll, tilt, source } = useParallax();\n */\nexport const useParallax = ((...params: any[]) => {\n  const target =\n    params[0] instanceof Function ||\n    (params[0] && 'current' in params[0]) ||\n    params[0] instanceof Element\n      ? params[0]\n      : undefined;\n\n  const internalRef = useRefState<Element>();\n\n  const mouse = useMouse(target ?? internalRef.current);\n  const screenOrientation = useScreenOrientation();\n  const deviceOrientation = useDeviceOrientation();\n\n  const {\n    deviceOrientationRollAdjust = (value) => value,\n    deviceOrientationTiltAdjust = (value) => value,\n    mouseRollAdjust = (value) => value,\n    mouseTiltAdjust = (value) => value\n  } = ((target ? params[1] : params[0]) ?? {}) as UseParallaxOptions;\n\n  const [value, setValue] = useState({\n    roll: 0,\n    tilt: 0,\n    source: 'mouse'\n  });\n\n  const getSource = () => {\n    const isDeviceOrientation =\n      deviceOrientation.supported &&\n      (deviceOrientation.value.alpha || deviceOrientation.value.gamma);\n\n    if (isDeviceOrientation) return 'deviceOrientation';\n    return 'mouse';\n  };\n\n  const getRoll = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-primary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-secondary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        default:\n          value = -deviceOrientation.value.beta! / 90;\n      }\n      return deviceOrientationRollAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const y = mouse.y - mouse.elementPositionY;\n      const height = mouse.element.getBoundingClientRect().height;\n      const value = -(y - height / 2) / height;\n      return mouseRollAdjust(value);\n    }\n  };\n\n  const getTilt = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        default:\n          value = deviceOrientation.value.gamma! / 90;\n      }\n      return deviceOrientationTiltAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const x = mouse.x - mouse.elementPositionX;\n      const width = mouse.element.getBoundingClientRect().width;\n      const value = (x - width / 2) / width;\n      return mouseTiltAdjust(value);\n    }\n  };\n\n  useEffect(() => {\n    if (!mouse.element) return;\n\n    const source = getSource();\n    const roll = getRoll();\n    const tilt = getTilt();\n\n    setValue({\n      roll,\n      source,\n      tilt\n    });\n  }, [\n    screenOrientation.value.angle,\n    screenOrientation.value.orientationType,\n    deviceOrientation.value.gamma,\n    deviceOrientation.value.beta,\n    deviceOrientation.value.alpha,\n    deviceOrientation.value.absolute,\n    mouse.x,\n    mouse.y,\n    mouse.element\n  ]);\n\n  if (target) return { value };\n  return { ref: internalRef, value };\n}) as UseParallax;\n"],"names":["useParallax","_ref2","target","arguments","length","undefined","Function","Element","internalRef","useRefState","mouse","useMouse","current","screenOrientation","useScreenOrientation","deviceOrientation","useDeviceOrientation","_ref","_ref$deviceOrientatio","deviceOrientationRollAdjust","value","_ref$deviceOrientatio2","deviceOrientationTiltAdjust","_ref$mouseRollAdjust","mouseRollAdjust","_ref$mouseTiltAdjust","mouseTiltAdjust","_useState","useState","roll","tilt","source","_useState2","_slicedToArray","setValue","getSource","supported","alpha","gamma","useEffect","element","orientationType","beta","y","elementPositionY","height","getBoundingClientRect","getRoll","x","elementPositionX","width","getTilt","angle","absolute","ref"],"mappings":"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"}
+{"version":3,"file":"useParallax.js","sources":["../../../../src/hooks/useParallax/useParallax.ts"],"sourcesContent":["import { useEffect, 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 { useDeviceOrientation } from '../useDeviceOrientation/useDeviceOrientation';\nimport { useMouse } from '../useMouse/useMouse';\nimport { useRefState } from '../useRefState/useRefState';\nimport { useScreenOrientation } from '../useScreenOrientation/useScreenOrientation';\n\n/** The use parallax value type */\nexport interface UseParallaxValue {\n  /** Roll value. Scaled to `-0.5 ~ 0.5` */\n  roll: number;\n  /** Sensor source, can be `mouse` or `deviceOrientation` */\n  source: 'deviceOrientation' | 'mouse';\n  /** Tilt value. Scaled to `-0.5 ~ 0.5` */\n  tilt: number;\n}\n\n/** The use parallax options type */\nexport interface UseParallaxOptions {\n  /** Device orientation roll adjust function */\n  deviceOrientationRollAdjust?: (value: number) => number;\n  /** Device orientation tilt adjust function */\n  deviceOrientationTiltAdjust?: (value: number) => number;\n  /** Mouse roll adjust function */\n  mouseRollAdjust?: (value: number) => number;\n  /** Mouse tilt adjust function */\n  mouseTiltAdjust?: (value: number) => number;\n}\n\ninterface UseParallaxReturn {\n  value: UseParallaxValue;\n}\n\nexport interface UseParallax {\n  (target: HookTarget, options?: UseParallaxOptions): UseParallaxReturn;\n\n  <Target extends Element>(\n    options?: UseParallaxOptions,\n    target?: never\n  ): UseParallaxReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useParallax\n * @description - Hook to help create parallax effect\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn} An object of parallax values\n *\n * @example\n * const { value } = useParallax(ref);\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn & { ref: StateRef<Target> }} An object of parallax values\n *\n * @example\n * const { ref, value } = useParallax();\n */\nexport const useParallax = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseParallaxOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n\n  const mouse = useMouse(target ?? internalRef);\n  const screenOrientation = useScreenOrientation();\n  const deviceOrientation = useDeviceOrientation();\n\n  const {\n    deviceOrientationRollAdjust = (value) => value,\n    deviceOrientationTiltAdjust = (value) => value,\n    mouseRollAdjust = (value) => value,\n    mouseTiltAdjust = (value) => value\n  } = (options ?? {}) as UseParallaxOptions;\n\n  const [value, setValue] = useState({\n    roll: 0,\n    tilt: 0,\n    source: 'mouse'\n  });\n\n  const getSource = () => {\n    const isDeviceOrientation =\n      deviceOrientation.supported &&\n      (deviceOrientation.value.alpha || deviceOrientation.value.gamma);\n\n    if (isDeviceOrientation) return 'deviceOrientation';\n    return 'mouse';\n  };\n\n  const getRoll = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-primary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-secondary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        default:\n          value = -deviceOrientation.value.beta! / 90;\n      }\n      return deviceOrientationRollAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const y = mouse.y - mouse.elementPositionY;\n      const height = mouse.element.getBoundingClientRect().height;\n      const value = -(y - height / 2) / height;\n      return mouseRollAdjust(value);\n    }\n  };\n\n  const getTilt = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        default:\n          value = deviceOrientation.value.gamma! / 90;\n      }\n      return deviceOrientationTiltAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const x = mouse.x - mouse.elementPositionX;\n      const width = mouse.element.getBoundingClientRect().width;\n      const value = (x - width / 2) / width;\n      return mouseTiltAdjust(value);\n    }\n  };\n\n  useEffect(() => {\n    if (!mouse.element) return;\n\n    const source = getSource();\n    const roll = getRoll();\n    const tilt = getTilt();\n\n    setValue({\n      roll,\n      source,\n      tilt\n    });\n  }, [\n    screenOrientation.value.angle,\n    screenOrientation.value.orientationType,\n    deviceOrientation.value.gamma,\n    deviceOrientation.value.beta,\n    deviceOrientation.value.alpha,\n    deviceOrientation.value.absolute,\n    mouse.x,\n    mouse.y,\n    mouse.element\n  ]);\n\n  if (target) return { value };\n\n  return {\n    ref: internalRef,\n    value\n  };\n}) as UseParallax;\n"],"names":["useParallax","target","isTarget","arguments","length","undefined","options","internalRef","useRefState","mouse","useMouse","screenOrientation","useScreenOrientation","deviceOrientation","useDeviceOrientation","_ref","_ref$deviceOrientatio","deviceOrientationRollAdjust","value","_ref$deviceOrientatio2","deviceOrientationTiltAdjust","_ref$mouseRollAdjust","mouseRollAdjust","_ref$mouseTiltAdjust","mouseTiltAdjust","_useState","useState","roll","tilt","source","_useState2","_slicedToArray","setValue","getSource","supported","alpha","gamma","useEffect","element","orientationType","beta","y","elementPositionY","height","getBoundingClientRect","getRoll","x","elementPositionX","width","getTilt","angle","absolute","ref"],"mappings":"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"}

package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.102 */
-import{_ as r}from"../../_rollupPluginBabelHelpers-Bd7qYWzu.js";import{useState as e,useRef as n,useEffect as t}from"react";var o=function(o,u){var i="undefined"!=typeof window&&"undefined"!=typeof PerformanceObserver,c=e([]),f=r(c,2),l=f[0],a=f[1],s=n(null),v=n();v.current=u;var d=function(){if(i){var r=new PerformanceObserver((function(r,e){var n;a(r.getEntries()),null===(n=v.current)||void 0===n||n.call(v,r,e)}));r.observe(o),s.current=r}},p=function(){var r;i&&(null===(r=s.current)||void 0===r||r.disconnect(),s.current=null)};return t((function(){if(i)return o.immediate&&d(),function(){p()}}),[]),{supported:i,entries:l,start:d,stop:p}};export{o as usePerformanceObserver};
+/* @license @siberiacancode/reactuse v0.0.104 */
+import{_ as r}from"../../_rollupPluginBabelHelpers-F2c-yday.js";import{useState as e,useRef as n,useEffect as t}from"react";var o=function(o,u){var i="undefined"!=typeof window&&"undefined"!=typeof PerformanceObserver,c=e([]),f=r(c,2),l=f[0],a=f[1],s=n(null),v=n();v.current=u;var d=function(){if(i){var r=new PerformanceObserver((function(r,e){var n;a(r.getEntries()),null===(n=v.current)||void 0===n||n.call(v,r,e)}));r.observe(o),s.current=r}},p=function(){var r;i&&(null===(r=s.current)||void 0===r||r.disconnect(),s.current=null)};return t((function(){if(i)return o.immediate&&d(),function(){p()}}),[]),{supported:i,entries:l,start:d,stop:p}};export{o as usePerformanceObserver};
 //# sourceMappingURL=usePerformanceObserver.js.map