@siberiacancode/reactuse 0.0.30 → 0.0.31

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

@@ -1 +1 @@
-{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import React from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** The use mouse target element type */\ntype UseMouseTarget = React.RefObject<Element | null> | (() => Element) | Element;\n\n/** Function to get target element based on its type */\nconst getElement = (target: UseMouseTarget) => {\n  if (typeof target === 'function') {\n    return target();\n  }\n\n  if (target instanceof Element) {\n    return target;\n  }\n\n  return target.current;\n};\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n}\n\nexport type UseMouse = {\n  <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n  <Target extends UseMouseTarget>(\n    target?: never\n  ): UseMouseReturn & { ref: React.RefObject<Target> };\n};\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\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(target);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: React.RefObject<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 = params[0] as UseMouseTarget | undefined;\n\n  const [value, setValue] = React.useState({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = React.useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = target ? getElement(target) : internalRef.current;\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.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\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  if (target) return value;\n  return { ...value, ref: internalRef };\n}) as UseMouse;\n"],"names":["useMouse","_len","arguments","length","params","Array","_key","target","_React$useState","React","useState","x","y","elementX","elementY","elementPositionX","elementPositionY","_React$useState2","_slicedToArray","value","setValue","internalRef","useRef","useIsomorphicLayoutEffect","onMouseMove","event","element","Element","current","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","ref"],"mappings":";0OAQA,IAuDaA,EAAY,WAAsB,IAAA,IAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACjC,IAAMC,EAASH,EAAO,GAEtBI,EAA0BC,EAAMC,SAAS,CACvCC,EAAG,EACHC,EAAG,EACHC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAV,EAAA,GAPKW,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAShBI,EAAcZ,EAAMa,OAAgB,MAoC1C,OAlCAC,GAA0B,WACxB,IAAMC,EAAc,SAACC,GACnB,IAAMC,EAAUnB,EAvEH,SAACA,GAClB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBoB,QACbpB,EAGFA,EAAOqB,OAChB,CA6D+BC,CAAWtB,GAAUc,EAAYO,QAC1D,GAAKF,EAAL,CAEA,IAAMI,EAAe,CACnBnB,EAAGc,EAAMM,MACTnB,EAAGa,EAAMO,OAGXC,EAAsBP,EAAQQ,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRrB,EAAmBoB,EAAOE,OAAOC,QACjCtB,EAAmBoB,EAAMC,OAAOE,QAChC1B,EAAWY,EAAMM,MAAQhB,EACzBD,EAAWW,EAAMO,MAAQhB,EAE/Bc,EAAajB,SAAWA,EACxBiB,EAAahB,SAAWA,EACxBgB,EAAaf,iBAAmBA,EAChCe,EAAad,iBAAmBA,EAEhCI,GAAS,SAACoB,GAAS,OAAAC,EAAAA,EACdD,CAAAA,EAAAA,GACAV,EAAY,GApBH,GA0BhB,OAFAY,SAASC,iBAAiB,YAAanB,GAEhC,WACLkB,SAASE,oBAAoB,YAAapB,GAE7C,GAAE,IAECjB,EAAeY,EACnBsB,EAAAA,EAAA,CAAA,EAAYtB,GAAK,CAAA,EAAA,CAAE0B,IAAKxB,GAC1B"}
+{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** The use mouse target element type */\ntype UseMouseTarget = RefObject<Element | null> | (() => Element) | Element;\n\n/** Function to get target element based on its type */\nconst getElement = (target: UseMouseTarget) => {\n  if (typeof target === 'function') {\n    return target();\n  }\n\n  if (target instanceof Element) {\n    return target;\n  }\n\n  return target.current;\n};\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n}\n\nexport type UseMouse = {\n  <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n  <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: RefObject<Target> };\n};\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\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(target);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: RefObject<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 = params[0] as UseMouseTarget | undefined;\n\n  const [value, setValue] = useState({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = useRef<Element>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = target ? getElement(target) : internalRef.current;\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.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\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  if (target) return value;\n  return { ...value, ref: internalRef };\n}) as UseMouse;\n"],"names":["useMouse","_len","arguments","length","params","Array","_key","target","_useState","useState","x","y","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRef","useIsomorphicLayoutEffect","onMouseMove","event","element","Element","current","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","document","addEventListener","removeEventListener","ref"],"mappings":";kQASA,IAqDaA,EAAY,WAAsB,IAAA,IAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACjC,IAAMC,EAASH,EAAO,GAEtBI,EAA0BC,EAAS,CACjCC,EAAG,EACHC,EAAG,EACHC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAT,EAAA,GAPKU,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAShBI,EAAcC,EAAgB,MAoCpC,OAlCAC,GAA0B,WACxB,IAAMC,EAAc,SAACC,GACnB,IAAMC,EAAUlB,EArEH,SAACA,GAClB,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBmB,QACbnB,EAGFA,EAAOoB,OAChB,CA2D+BC,CAAWrB,GAAUa,EAAYO,QAC1D,GAAKF,EAAL,CAEA,IAAMI,EAAe,CACnBnB,EAAGc,EAAMM,MACTnB,EAAGa,EAAMO,OAGXC,EAAsBP,EAAQQ,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRrB,EAAmBoB,EAAOE,OAAOC,QACjCtB,EAAmBoB,EAAMC,OAAOE,QAChC1B,EAAWY,EAAMM,MAAQhB,EACzBD,EAAWW,EAAMO,MAAQhB,EAE/Bc,EAAajB,SAAWA,EACxBiB,EAAahB,SAAWA,EACxBgB,EAAaf,iBAAmBA,EAChCe,EAAad,iBAAmBA,EAEhCI,GAAS,SAACoB,GAAS,OAAAC,EAAAA,EACdD,CAAAA,EAAAA,GACAV,EAAY,GApBH,GA0BhB,OAFAY,SAASC,iBAAiB,YAAanB,GAEhC,WACLkB,SAASE,oBAAoB,YAAapB,GAE7C,GAAE,IAEChB,EAAeW,EACnBsB,EAAAA,EAAA,CAAA,EAAYtB,GAAK,CAAA,EAAA,CAAE0B,IAAKxB,GAC1B"}

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as r,e as t,f as e}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import n from"react";import{getRetry as u}from"../../utils/helpers/getRetry.js";import"../../utils/helpers/isClient.js";var l=function(l,s){var a=n.useRef(null!=s&&s.retry?u(s.retry):0),o=n.useState(!1),i=r(o,2),c=i[0],f=i[1],p=n.useState(!1),m=r(p,2),v=m[0],y=m[1],S=n.useState(!1),h=r(S,2),d=h[0],g=h[1],j=n.useState(null),b=r(j,2),w=b[0],x=b[1],E=n.useState(null),R=r(E,2),_=R[0],k=R[1],A=function r(t){return f(!0),l(t).then((function(r){var t;return null==s||null===(t=s.onSuccess)||void 0===t||t.call(s,r),k(r),g(!0),f(!1),x(null),y(!1),r})).catch((function(e){var n;if(a.current>0)return a.current-=1,r(t);null==s||null===(n=s.onError)||void 0===n||n.call(s,e),k(null),g(!1),f(!1),x(e),y(!0),a.current=null!=s&&s.retry?u(s.retry):0}))},B=function(){var r=t(e().mark((function r(t){return e().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.abrupt("return",A(t));case 1:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}();return{data:_,error:w,mutate:function(r){A(r)},mutateAsync:B,isLoading:c,isError:v,isSuccess:d}};export{l as useMutation};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as r,e as n,f as t}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useRef as e,useState as u}from"react";import{getRetry as l}from"../../utils/helpers/getRetry.js";import"../../utils/helpers/isClient.js";var o=function(o,i){var c=e(null!=i&&i.retry?l(i.retry):0),s=u(!1),a=r(s,2),f=a[0],p=a[1],m=u(!1),v=r(m,2),y=v[0],h=v[1],d=u(!1),g=r(d,2),j=g[0],b=g[1],w=u(null),x=r(w,2),E=x[0],S=x[1],_=u(null),k=r(_,2),A=k[0],B=k[1],C=function r(n){return p(!0),o(n).then((function(r){var n;return null==i||null===(n=i.onSuccess)||void 0===n||n.call(i,r),B(r),b(!0),p(!1),S(null),h(!1),r})).catch((function(t){var e;if(c.current>0)return c.current-=1,r(n);null==i||null===(e=i.onError)||void 0===e||e.call(i,t),B(null),b(!1),p(!1),S(t),h(!0),c.current=null!=i&&i.retry?l(i.retry):0}))},H=function(){var r=n(t().mark((function r(n){return t().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.abrupt("return",C(n));case 1:case"end":return r.stop()}}),r)})));return function(n){return r.apply(this,arguments)}}();return{data:A,error:E,mutate:function(r){C(r)},mutateAsync:H,isLoading:f,isError:y,isSuccess:j}};export{o as useMutation};
 //# sourceMappingURL=useMutation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMutation.js","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import React from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/* The type of the options */\ninterface UseMutationOptions<Data> {\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n}\n\n/* The use mutation return type */\ninterface UseMutationReturn<Body, Data> {\n  /* The data of the mutation */\n  data: Data | null;\n  /* The error of the mutation */\n  error: Error | null;\n  /* The mutate function */\n  mutate: (body: Body) => void;\n  /* The mutate async function */\n  mutateAsync: (body: Body) => Promise<Data>;\n  /* The loading state of the mutation */\n  isLoading: boolean;\n  /* The error state of the mutation */\n  isError: boolean;\n  /* The success state of the mutation */\n  isSuccess: boolean;\n}\n\n/**\n * @name useMutation\n * @description - Hook that defines the logic when mutate data\n *\n * @template Body - The type of the body\n * @template Data - The type of the data\n * @param {(body: Body) => Promise<Data>} callback - The callback function to be invoked\n * @param {boolean | number} [options.retry] - The retry count of requests\n * @param {(data: Data) => void} [options.onSuccess] - The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] - The callback function to be invoked on error\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\n *\n * @example\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\n */\nexport const useMutation = <Body, Data>(\n  callback: (body: Body) => Promise<Data>,\n  options?: UseMutationOptions<Data>\n) => {\n  const retryCountRef = React.useRef(options?.retry ? getRetry(options.retry) : 0);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [isError, setIsError] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(false);\n\n  const [error, setError] = React.useState<Error | null>(null);\n  const [data, setData] = React.useState<Data | null>(null);\n\n  const request = (body: Body): Promise<Data | undefined> => {\n    setIsLoading(true);\n\n    return callback(body)\n      .then((response) => {\n        options?.onSuccess?.(response);\n        setData(response);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(null);\n        setIsError(false);\n        return response;\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          return request(body);\n        }\n\n        options?.onError?.(error);\n        setData(null);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      });\n  };\n  const mutate = (body: Body): void => {\n    request(body);\n  };\n\n  const mutateAsync = async (body: Body) => request(body) as Promise<Data>;\n\n  return {\n    data,\n    error,\n    mutate,\n    mutateAsync,\n    isLoading,\n    isError,\n    isSuccess\n  } as UseMutationReturn<Body, Data>;\n};\n"],"names":["useMutation","callback","options","retryCountRef","React","useRef","retry","getRetry","_React$useState","useState","_React$useState2","_slicedToArray","isLoading","setIsLoading","_React$useState3","_React$useState4","isError","setIsError","_React$useState5","_React$useState6","isSuccess","setIsSuccess","_React$useState7","_React$useState8","error","setError","_React$useState9","_React$useState10","data","setData","request","body","then","response","_options$onSuccess","onSuccess","call","_options$onError","current","onError","mutateAsync","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","abrupt","stop","_x","apply","this","arguments","mutate"],"mappings":";sMA+CO,IAAMA,EAAc,SACzBC,EACAC,GAEA,IAAMC,EAAgBC,EAAMC,OAAOH,SAAAA,EAASI,MAAQC,EAASL,EAAQI,OAAS,GAE9EE,EAAkCJ,EAAMK,UAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA8BV,EAAMK,UAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAkCd,EAAMK,UAAS,GAAMU,EAAAR,EAAAO,EAAA,GAAhDE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAA0BlB,EAAMK,SAAuB,MAAKc,EAAAZ,EAAAW,EAAA,GAArDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAAwBtB,EAAMK,SAAsB,MAAKkB,EAAAhB,EAAAe,EAAA,GAAlDE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GAEdG,EAAU,SAAVA,EAAWC,GAGf,OAFAlB,GAAa,GAENZ,EAAS8B,GACbC,MAAK,SAACC,GAAa,IAAAC,EAOlB,OANAhC,SAAkB,QAAXgC,EAAPhC,EAASiC,iBAAS,IAAAD,GAAlBA,EAAAE,KAAAlC,EAAqB+B,GACrBJ,EAAQI,GACRZ,GAAa,GACbR,GAAa,GACbY,EAAS,MACTR,GAAW,GACJgB,CACT,IAAE,OACK,SAACT,GAAiB,IAAAa,EACvB,GAAIlC,EAAcmC,QAAU,EAE1B,OADAnC,EAAcmC,SAAW,EAClBR,EAAQC,GAGjB7B,SAAgB,QAATmC,EAAPnC,EAASqC,eAAO,IAAAF,GAAhBA,EAAAD,KAAAlC,EAAmBsB,GACnBK,EAAQ,MACRR,GAAa,GACbR,GAAa,GACbY,EAASD,GACTP,GAAW,GACXd,EAAcmC,QAAUpC,SAAAA,EAASI,MAAQC,EAASL,EAAQI,OAAS,CACrE,KAMEkC,EAAW,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,EAAOd,GAAU,OAAAY,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAG,gBAAKpB,EAAQC,IAAK,KAAA,EAAA,IAAA,MAAA,OAAAgB,EAAAI,OAAA,GAAAN,EAAiB,KAAA,OAAlEL,SAAWY,GAAA,OAAAX,EAAAY,MAAAC,KAAAC,UAAA,EAAA,GAEjB,MAAO,CACL3B,KAAAA,EACAJ,MAAAA,EACAgC,OATa,SAACzB,GACdD,EAAQC,IASRS,YAAAA,EACA5B,UAAAA,EACAI,QAAAA,EACAI,UAAAA,EAEJ"}
+{"version":3,"file":"useMutation.js","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/* The type of the options */\ninterface UseMutationOptions<Data> {\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n}\n\n/* The use mutation return type */\ninterface UseMutationReturn<Body, Data> {\n  /* The data of the mutation */\n  data: Data | null;\n  /* The error of the mutation */\n  error: Error | null;\n  /* The mutate function */\n  mutate: (body: Body) => void;\n  /* The mutate async function */\n  mutateAsync: (body: Body) => Promise<Data>;\n  /* The loading state of the mutation */\n  isLoading: boolean;\n  /* The error state of the mutation */\n  isError: boolean;\n  /* The success state of the mutation */\n  isSuccess: boolean;\n}\n\n/**\n * @name useMutation\n * @description - Hook that defines the logic when mutate data\n *\n * @template Body - The type of the body\n * @template Data - The type of the data\n * @param {(body: Body) => Promise<Data>} callback - The callback function to be invoked\n * @param {boolean | number} [options.retry] - The retry count of requests\n * @param {(data: Data) => void} [options.onSuccess] - The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] - The callback function to be invoked on error\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\n *\n * @example\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\n */\nexport const useMutation = <Body, Data>(\n  callback: (body: Body) => Promise<Data>,\n  options?: UseMutationOptions<Data>\n) => {\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const [error, setError] = useState<Error | null>(null);\n  const [data, setData] = useState<Data | null>(null);\n\n  const request = (body: Body): Promise<Data | undefined> => {\n    setIsLoading(true);\n\n    return callback(body)\n      .then((response) => {\n        options?.onSuccess?.(response);\n        setData(response);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(null);\n        setIsError(false);\n        return response;\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          return request(body);\n        }\n\n        options?.onError?.(error);\n        setData(null);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      });\n  };\n  const mutate = (body: Body): void => {\n    request(body);\n  };\n\n  const mutateAsync = async (body: Body) => request(body) as Promise<Data>;\n\n  return {\n    data,\n    error,\n    mutate,\n    mutateAsync,\n    isLoading,\n    isError,\n    isSuccess\n  } as UseMutationReturn<Body, Data>;\n};\n"],"names":["useMutation","callback","options","retryCountRef","useRef","retry","getRetry","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isError","setIsError","_useState5","_useState6","isSuccess","setIsSuccess","_useState7","_useState8","error","setError","_useState9","_useState10","data","setData","request","body","then","response","_options$onSuccess","onSuccess","call","_options$onError","current","onError","mutateAsync","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","abrupt","stop","_x","apply","this","arguments","mutate"],"mappings":";8NA+CO,IAAMA,EAAc,SACzBC,EACAC,GAEA,IAAMC,EAAgBC,EAAOF,SAAAA,EAASG,MAAQC,EAASJ,EAAQG,OAAS,GAExEE,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA8BL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAAtCE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAkCT,GAAS,GAAMU,EAAAR,EAAAO,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAA0Bb,EAAuB,MAAKc,EAAAZ,EAAAW,EAAA,GAA/CE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAAwBjB,EAAsB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA5CE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GAEdG,EAAU,SAAVA,EAAWC,GAGf,OAFAlB,GAAa,GAENX,EAAS6B,GACbC,MAAK,SAACC,GAAa,IAAAC,EAOlB,OANA/B,SAAkB,QAAX+B,EAAP/B,EAASgC,iBAAS,IAAAD,GAAlBA,EAAAE,KAAAjC,EAAqB8B,GACrBJ,EAAQI,GACRZ,GAAa,GACbR,GAAa,GACbY,EAAS,MACTR,GAAW,GACJgB,CACT,IAAE,OACK,SAACT,GAAiB,IAAAa,EACvB,GAAIjC,EAAckC,QAAU,EAE1B,OADAlC,EAAckC,SAAW,EAClBR,EAAQC,GAGjB5B,SAAgB,QAATkC,EAAPlC,EAASoC,eAAO,IAAAF,GAAhBA,EAAAD,KAAAjC,EAAmBqB,GACnBK,EAAQ,MACRR,GAAa,GACbR,GAAa,GACbY,EAASD,GACTP,GAAW,GACXb,EAAckC,QAAUnC,SAAAA,EAASG,MAAQC,EAASJ,EAAQG,OAAS,CACrE,KAMEkC,EAAW,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,EAAOd,GAAU,OAAAY,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAG,gBAAKpB,EAAQC,IAAK,KAAA,EAAA,IAAA,MAAA,OAAAgB,EAAAI,OAAA,GAAAN,EAAiB,KAAA,OAAlEL,SAAWY,GAAA,OAAAX,EAAAY,MAAAC,KAAAC,UAAA,EAAA,GAEjB,MAAO,CACL3B,KAAAA,EACAJ,MAAAA,EACAgC,OATa,SAACzB,GACdD,EAAQC,IASRS,YAAAA,EACA5B,UAAAA,EACAI,QAAAA,EACAI,UAAAA,EAEJ"}

package/dist/esm/hooks/useMutationObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import r from"react";function e(e,n,t){var u=r.useRef(),c=r.useRef(null);return r.useEffect((function(){var r="function"==typeof t?t():t;return(r||c.current)&&(u.current=new MutationObserver(e),u.current.observe(r||c.current,n)),function(){var r;null===(r=u.current)||void 0===r||r.disconnect()}}),[e,n]),c}export{e as useMutationObserver};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{useRef as r,useEffect as n}from"react";function t(t,e,u){var c=r(),o=r(null);return n((function(){var r="function"==typeof u?u():u;return(r||o.current)&&(c.current=new MutationObserver(t),c.current.observe(r||o.current,e)),function(){var r;null===(r=c.current)||void 0===r||r.disconnect()}}),[t,e]),o}export{t as useMutationObserver};
 //# sourceMappingURL=useMutationObserver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.js","sources":["../../../src/hooks/useMutationObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport React from 'react';\n\nexport function useMutationObserver<Element extends HTMLElement>(\n  callback: MutationCallback,\n  options: MutationObserverInit,\n  target?: HTMLElement | (() => HTMLElement) | null\n) {\n  const observer = React.useRef<MutationObserver>();\n  const ref: RefObject<Element> = React.useRef(null);\n\n  React.useEffect(() => {\n    const targetElement = typeof target === 'function' ? target() : target;\n\n    if (targetElement || ref.current) {\n      observer.current = new MutationObserver(callback);\n      observer.current.observe(targetElement || ref.current!, options);\n    }\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [callback, options]);\n\n  return ref;\n}\n"],"names":["useMutationObserver","callback","options","target","observer","React","useRef","ref","useEffect","targetElement","current","MutationObserver","observe","_observer$current","disconnect"],"mappings":";qBAGO,SAASA,EACdC,EACAC,EACAC,GAEA,IAAMC,EAAWC,EAAMC,SACjBC,EAA0BF,EAAMC,OAAO,MAe7C,OAbAD,EAAMG,WAAU,WACd,IAAMC,EAAkC,mBAAXN,EAAwBA,IAAWA,EAOhE,OALIM,GAAiBF,EAAIG,WACvBN,EAASM,QAAU,IAAIC,iBAAiBV,GACxCG,EAASM,QAAQE,QAAQH,GAAiBF,EAAIG,QAAUR,IAGnD,WAAM,IAAAW,EACK,QAAhBA,EAAAT,EAASM,eAAO,IAAAG,GAAhBA,EAAkBC,aAEtB,GAAG,CAACb,EAAUC,IAEPK,CACT"}
+{"version":3,"file":"useMutationObserver.js","sources":["../../../src/hooks/useMutationObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport function useMutationObserver<Element extends HTMLElement>(\n  callback: MutationCallback,\n  options: MutationObserverInit,\n  target?: HTMLElement | (() => HTMLElement) | null\n) {\n  const observer = useRef<MutationObserver>();\n  const ref: RefObject<Element> = useRef(null);\n\n  useEffect(() => {\n    const targetElement = typeof target === 'function' ? target() : target;\n\n    if (targetElement || ref.current) {\n      observer.current = new MutationObserver(callback);\n      observer.current.observe(targetElement || ref.current!, options);\n    }\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [callback, options]);\n\n  return ref;\n}\n"],"names":["useMutationObserver","callback","options","target","observer","useRef","ref","useEffect","targetElement","current","MutationObserver","observe","_observer$current","disconnect"],"mappings":";8CAGO,SAASA,EACdC,EACAC,EACAC,GAEA,IAAMC,EAAWC,IACXC,EAA0BD,EAAO,MAevC,OAbAE,GAAU,WACR,IAAMC,EAAkC,mBAAXL,EAAwBA,IAAWA,EAOhE,OALIK,GAAiBF,EAAIG,WACvBL,EAASK,QAAU,IAAIC,iBAAiBT,GACxCG,EAASK,QAAQE,QAAQH,GAAiBF,EAAIG,QAAUP,IAGnD,WAAM,IAAAU,EACK,QAAhBA,EAAAR,EAASK,eAAO,IAAAG,GAAhBA,EAAkBC,aAEtB,GAAG,CAACZ,EAAUC,IAEPI,CACT"}

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as n}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import e from"react";import{isClient as i}from"../../utils/helpers/isClient.js";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.useState((function(){if(!i)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}})),l=n(t,2),v=l[0],a=l[1];return e.useEffect((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)}})),v};export{o as getConnection,t as useNetwork};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as n}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as e,useEffect as i}from"react";import{isClient as o}from"../../utils/helpers/isClient.js";var t=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)},l=function(){var l=e((function(){if(!o)return{online:!1,type:void 0,effectiveType:void 0,saveData:!1,downlink:0,downlinkMax:0,rtt:0};var n=navigator.onLine,e=t();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(l,2),a=v[0],r=v[1];return i((function(){var n=function(){var n=navigator.onLine,e=t();r({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=t();return e&&e.addEventListener("change",n,{passive:!0}),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n),e&&e.removeEventListener("change",n)}})),a};export{t as getConnection,l as useNetwork};
 //# sourceMappingURL=useNetwork.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNetwork.js","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import React from 'react';\n\nimport { isClient } from '@/utils/helpers';\n\nexport type ConnectionType = Connection['type'];\nexport type ConnectionEffectiveType = Connection['effectiveType'];\n\n/** The use network return type */\nexport interface UseNetworkReturn {\n  /** Indicates if the device is currently online */\n  online: boolean;\n  /** The estimated downlink speed in megabits per seconds */\n  downlink?: Connection['downlink'];\n  /** The maximum downlink speed, if available */\n  downlinkMax?: Connection['downlinkMax'];\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\n  effectiveType?: Connection['effectiveType'];\n  /** The estimated round-trip time in milliseconds */\n  rtt?: Connection['rtt'];\n  /** Indicates if the user has enabled data saving mode */\n  saveData?: Connection['saveData'];\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\n  type?: Connection['type'];\n}\n\nexport const getConnection = () =>\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\n\n/**\n * @name useNetwork\n * @description - Hook to track network status\n *\n * @returns {UseNetworkReturn} An object containing the network status\n *\n * @example\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\n */\nexport const useNetwork = (): UseNetworkReturn => {\n  const [value, setValue] = React.useState(() => {\n    if (!isClient) {\n      return {\n        online: false,\n        type: undefined,\n        effectiveType: undefined,\n        saveData: false,\n        downlink: 0,\n        downlinkMax: 0,\n        rtt: 0\n      };\n    }\n    const online = navigator.onLine;\n    const connection = getConnection();\n\n    return {\n      online,\n      downlink: connection?.downlink,\n      downlinkMax: connection?.downlinkMax,\n      effectiveType: connection?.effectiveType,\n      rtt: connection?.rtt,\n      saveData: connection?.saveData,\n      type: connection?.type\n    };\n  });\n\n  React.useEffect(() => {\n    const callback = () => {\n      const online = navigator.onLine;\n      const connection = getConnection();\n\n      setValue({\n        online,\n        downlink: connection?.downlink,\n        downlinkMax: connection?.downlinkMax,\n        effectiveType: connection?.effectiveType,\n        rtt: connection?.rtt,\n        saveData: connection?.saveData,\n        type: connection?.type\n      });\n    };\n    window.addEventListener('online', callback, { passive: true });\n    window.addEventListener('offline', callback, { passive: true });\n\n    const connection = getConnection();\n\n    if (connection) {\n      connection.addEventListener('change', callback, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('online', callback);\n      window.removeEventListener('offline', callback);\n\n      if (connection) {\n        connection.removeEventListener('change', callback);\n      }\n    };\n  });\n\n  return value;\n};\n"],"names":["getConnection","_navigator","_navigator2","_navigator3","navigator","connection","mozConnection","webkitConnection","useNetwork","_React$useState","React","useState","isClient","online","type","undefined","effectiveType","saveData","downlink","downlinkMax","rtt","onLine","_React$useState2","_slicedToArray","value","setValue","useEffect","callback","window","addEventListener","passive","removeEventListener"],"mappings":";gJAyBaA,IAAAA,EAAgB,WAAH,IAAAC,EAAAC,EAAAC,EAAA,OACfF,QAATA,EAAAG,iBAAAH,IAASA,OAATA,EAAAA,EAAWI,cAAuBH,QAAbA,EAAIE,iBAAAF,IAASA,OAATA,EAAAA,EAAWI,iBAA0BH,QAAbA,EAAIC,iBAAAD,IAASA,OAATA,EAAAA,EAAWI,iBAAgB,EAWrEC,EAAa,WACxB,IAAAC,EAA0BC,EAAMC,UAAS,WACvC,IAAKC,EACH,MAAO,CACLC,QAAQ,EACRC,UAAMC,EACNC,mBAAeD,EACfE,UAAU,EACVC,SAAU,EACVC,YAAa,EACbC,IAAK,GAGT,IAAMP,EAAST,UAAUiB,OACnBhB,EAAaL,IAEnB,MAAO,CACLa,OAAAA,EACAK,SAAUb,aAAAA,EAAAA,EAAYa,SACtBC,YAAad,aAAAA,EAAAA,EAAYc,YACzBH,cAAeX,aAAAA,EAAAA,EAAYW,cAC3BI,IAAKf,aAAAA,EAAAA,EAAYe,IACjBH,SAAUZ,aAAAA,EAAAA,EAAYY,SACtBH,KAAMT,aAAU,EAAVA,EAAYS,KAEtB,IAAEQ,EAAAC,EAAAd,EAAA,GAxBKe,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GA4DtB,OAlCAZ,EAAMgB,WAAU,WACd,IAAMC,EAAW,WACf,IAAMd,EAAST,UAAUiB,OACnBhB,EAAaL,IAEnByB,EAAS,CACPZ,OAAAA,EACAK,SAAUb,aAAAA,EAAAA,EAAYa,SACtBC,YAAad,aAAAA,EAAAA,EAAYc,YACzBH,cAAeX,aAAAA,EAAAA,EAAYW,cAC3BI,IAAKf,aAAAA,EAAAA,EAAYe,IACjBH,SAAUZ,aAAAA,EAAAA,EAAYY,SACtBH,KAAMT,aAAU,EAAVA,EAAYS,QAGtBc,OAAOC,iBAAiB,SAAUF,EAAU,CAAEG,SAAS,IACvDF,OAAOC,iBAAiB,UAAWF,EAAU,CAAEG,SAAS,IAExD,IAAMzB,EAAaL,IAMnB,OAJIK,GACFA,EAAWwB,iBAAiB,SAAUF,EAAU,CAAEG,SAAS,IAGtD,WACLF,OAAOG,oBAAoB,SAAUJ,GACrCC,OAAOG,oBAAoB,UAAWJ,GAElCtB,GACFA,EAAW0B,oBAAoB,SAAUJ,GAG/C,IAEOH,CACT"}
+{"version":3,"file":"useNetwork.js","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { isClient } from '@/utils/helpers';\n\nexport type ConnectionType = Connection['type'];\nexport type ConnectionEffectiveType = Connection['effectiveType'];\n\n/** The use network return type */\nexport interface UseNetworkReturn {\n  /** Indicates if the device is currently online */\n  online: boolean;\n  /** The estimated downlink speed in megabits per seconds */\n  downlink?: Connection['downlink'];\n  /** The maximum downlink speed, if available */\n  downlinkMax?: Connection['downlinkMax'];\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\n  effectiveType?: Connection['effectiveType'];\n  /** The estimated round-trip time in milliseconds */\n  rtt?: Connection['rtt'];\n  /** Indicates if the user has enabled data saving mode */\n  saveData?: Connection['saveData'];\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\n  type?: Connection['type'];\n}\n\nexport const getConnection = () =>\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\n\n/**\n * @name useNetwork\n * @description - Hook to track network status\n *\n * @returns {UseNetworkReturn} An object containing the network status\n *\n * @example\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\n */\nexport const useNetwork = (): UseNetworkReturn => {\n  const [value, setValue] = useState(() => {\n    if (!isClient) {\n      return {\n        online: false,\n        type: undefined,\n        effectiveType: undefined,\n        saveData: false,\n        downlink: 0,\n        downlinkMax: 0,\n        rtt: 0\n      };\n    }\n    const online = navigator.onLine;\n    const connection = getConnection();\n\n    return {\n      online,\n      downlink: connection?.downlink,\n      downlinkMax: connection?.downlinkMax,\n      effectiveType: connection?.effectiveType,\n      rtt: connection?.rtt,\n      saveData: connection?.saveData,\n      type: connection?.type\n    };\n  });\n\n  useEffect(() => {\n    const callback = () => {\n      const online = navigator.onLine;\n      const connection = getConnection();\n\n      setValue({\n        online,\n        downlink: connection?.downlink,\n        downlinkMax: connection?.downlinkMax,\n        effectiveType: connection?.effectiveType,\n        rtt: connection?.rtt,\n        saveData: connection?.saveData,\n        type: connection?.type\n      });\n    };\n    window.addEventListener('online', callback, { passive: true });\n    window.addEventListener('offline', callback, { passive: true });\n\n    const connection = getConnection();\n\n    if (connection) {\n      connection.addEventListener('change', callback, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('online', callback);\n      window.removeEventListener('offline', callback);\n\n      if (connection) {\n        connection.removeEventListener('change', callback);\n      }\n    };\n  });\n\n  return value;\n};\n"],"names":["getConnection","_navigator","_navigator2","_navigator3","navigator","connection","mozConnection","webkitConnection","useNetwork","_useState","useState","isClient","online","type","undefined","effectiveType","saveData","downlink","downlinkMax","rtt","onLine","_useState2","_slicedToArray","value","setValue","useEffect","callback","window","addEventListener","passive","removeEventListener"],"mappings":";2KAyBaA,IAAAA,EAAgB,WAAH,IAAAC,EAAAC,EAAAC,EAAA,OACfF,QAATA,EAAAG,iBAAAH,IAASA,OAATA,EAAAA,EAAWI,cAAuBH,QAAbA,EAAIE,iBAAAF,IAASA,OAATA,EAAAA,EAAWI,iBAA0BH,QAAbA,EAAIC,iBAAAD,IAASA,OAATA,EAAAA,EAAWI,iBAAgB,EAWrEC,EAAa,WACxB,IAAAC,EAA0BC,GAAS,WACjC,IAAKC,EACH,MAAO,CACLC,QAAQ,EACRC,UAAMC,EACNC,mBAAeD,EACfE,UAAU,EACVC,SAAU,EACVC,YAAa,EACbC,IAAK,GAGT,IAAMP,EAASR,UAAUgB,OACnBf,EAAaL,IAEnB,MAAO,CACLY,OAAAA,EACAK,SAAUZ,aAAAA,EAAAA,EAAYY,SACtBC,YAAab,aAAAA,EAAAA,EAAYa,YACzBH,cAAeV,aAAAA,EAAAA,EAAYU,cAC3BI,IAAKd,aAAAA,EAAAA,EAAYc,IACjBH,SAAUX,aAAAA,EAAAA,EAAYW,SACtBH,KAAMR,aAAU,EAAVA,EAAYQ,KAEtB,IAAEQ,EAAAC,EAAAb,EAAA,GAxBKc,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GA4DtB,OAlCAI,GAAU,WACR,IAAMC,EAAW,WACf,IAAMd,EAASR,UAAUgB,OACnBf,EAAaL,IAEnBwB,EAAS,CACPZ,OAAAA,EACAK,SAAUZ,aAAAA,EAAAA,EAAYY,SACtBC,YAAab,aAAAA,EAAAA,EAAYa,YACzBH,cAAeV,aAAAA,EAAAA,EAAYU,cAC3BI,IAAKd,aAAAA,EAAAA,EAAYc,IACjBH,SAAUX,aAAAA,EAAAA,EAAYW,SACtBH,KAAMR,aAAU,EAAVA,EAAYQ,QAGtBc,OAAOC,iBAAiB,SAAUF,EAAU,CAAEG,SAAS,IACvDF,OAAOC,iBAAiB,UAAWF,EAAU,CAAEG,SAAS,IAExD,IAAMxB,EAAaL,IAMnB,OAJIK,GACFA,EAAWuB,iBAAiB,SAAUF,EAAU,CAAEG,SAAS,IAGtD,WACLF,OAAOG,oBAAoB,SAAUJ,GACrCC,OAAOG,oBAAoB,UAAWJ,GAElCrB,GACFA,EAAWyB,oBAAoB,SAAUJ,GAG/C,IAEOH,CACT"}

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import n from"react";var e=function(){return navigator.onLine},t=function(){return!1},r=function(n){return window.addEventListener("online",n),window.addEventListener("offline",n),function(){window.removeEventListener("online",n),window.removeEventListener("offline",n)}},o=function(){return n.useSyncExternalStore(r,e,t)};export{o as useOnline};
+/* @license @siberiacancode/reactuse v0.0.31 */
+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/useOnline/useOnline.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnline.js","sources":["../../../../src/hooks/useOnline/useOnline.ts"],"sourcesContent":["import React from 'react';\n\nconst getSnapshot = () => navigator.onLine;\nconst getServerSnapshot = () => false;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('online', callback);\n  window.addEventListener('offline', callback);\n  return () => {\n    window.removeEventListener('online', callback);\n    window.removeEventListener('offline', callback);\n  };\n};\n\n/**\n * @name useOnline\n * @description - Hook that manages if the user is online\n *\n * @returns {boolean} A boolean indicating if the user is online\n *\n * @example\n * const online = useOnline();\n */\nexport const useOnline = () =>\n  React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","navigator","onLine","getServerSnapshot","subscribe","callback","window","addEventListener","removeEventListener","useOnline","React","useSyncExternalStore"],"mappings":";qBAEA,IAAMA,EAAc,WAAH,OAASC,UAAUC,MAAM,EACpCC,EAAoB,WAAH,OAAS,CAAK,EAC/BC,EAAY,SAACC,GAGjB,OAFAC,OAAOC,iBAAiB,SAAUF,GAClCC,OAAOC,iBAAiB,UAAWF,GAC5B,WACLC,OAAOE,oBAAoB,SAAUH,GACrCC,OAAOE,oBAAoB,UAAWH,GAE1C,EAWaI,EAAY,WAAH,OACpBC,EAAMC,qBAAqBP,EAAWJ,EAAaG,EAAkB"}
+{"version":3,"file":"useOnline.js","sources":["../../../../src/hooks/useOnline/useOnline.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => navigator.onLine;\nconst getServerSnapshot = () => false;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('online', callback);\n  window.addEventListener('offline', callback);\n  return () => {\n    window.removeEventListener('online', callback);\n    window.removeEventListener('offline', callback);\n  };\n};\n\n/**\n * @name useOnline\n * @description - Hook that manages if the user is online\n *\n * @returns {boolean} A boolean indicating if the user is online\n *\n * @example\n * const online = useOnline();\n */\nexport const useOnline = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","navigator","onLine","getServerSnapshot","subscribe","callback","window","addEventListener","removeEventListener","useOnline","useSyncExternalStore"],"mappings":";6CAEA,IAAMA,EAAc,WAAH,OAASC,UAAUC,MAAM,EACpCC,EAAoB,WAAH,OAAS,CAAK,EAC/BC,EAAY,SAACC,GAGjB,OAFAC,OAAOC,iBAAiB,SAAUF,GAClCC,OAAOC,iBAAiB,UAAWF,GAC5B,WACLC,OAAOE,oBAAoB,SAAUH,GACrCC,OAAOE,oBAAoB,UAAWH,GAE1C,EAWaI,EAAY,WAAH,OAASC,EAAqBN,EAAWJ,EAAaG,EAAkB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useOperatingSystem.js","sources":["../../../../src/hooks/useOperatingSystem/useOperatingSystem.ts"],"sourcesContent":["import React from 'react';\n\nexport type OperatingSystem = 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof window === 'undefined') return 'undetermined';\n\n  const { userAgent } = window.navigator;\n\n  if (/(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i.test(userAgent)) return 'macos';\n  if (/(iPhone)|(iPad)|(iPod)/i.test(userAgent)) return 'ios';\n  if (/(Win32)|(Win64)|(Windows)|(WinCE)/i.test(userAgent)) return 'windows';\n  if (/Android/i.test(userAgent)) return 'android';\n  if (/Linux/i.test(userAgent)) return 'linux';\n\n  return 'undetermined';\n};\n\n/**\n * @name useOperatingSystem\n * @description - Hook that returns the operating system of the current browser\n *\n * @returns {OperatingSystem} The operating system\n *\n * @example\n * const operatingSystem = useOperatingSystem();\n */\nexport const useOperatingSystem = () => {\n  const osOperatingSystemRef = React.useRef<OperatingSystem>(getOperatingSystem());\n  return osOperatingSystemRef.current;\n};\n"],"names":["getOperatingSystem","window","userAgent","navigator","test","useOperatingSystem","React","useRef","current"],"mappings":";yBAIaA,EAAqB,WAChC,GAAsB,oBAAXC,OAAwB,MAAO,eAE1C,IAAQC,EAAcD,OAAOE,UAArBD,UAER,MAAI,4CAA4CE,KAAKF,GAAmB,QACpE,0BAA0BE,KAAKF,GAAmB,MAClD,qCAAqCE,KAAKF,GAAmB,UAC7D,WAAWE,KAAKF,GAAmB,UACnC,SAASE,KAAKF,GAAmB,QAE9B,cACT,EAWaG,EAAqB,WAEhC,OAD6BC,EAAMC,OAAwBP,KAC/BQ,OAC9B"}
+{"version":3,"file":"useOperatingSystem.js","sources":["../../../../src/hooks/useOperatingSystem/useOperatingSystem.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/** The operating system type */\nexport type OperatingSystem = 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof window === 'undefined') return 'undetermined';\n\n  const { userAgent } = window.navigator;\n\n  if (/(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i.test(userAgent)) return 'macos';\n  if (/(iPhone)|(iPad)|(iPod)/i.test(userAgent)) return 'ios';\n  if (/(Win32)|(Win64)|(Windows)|(WinCE)/i.test(userAgent)) return 'windows';\n  if (/Android/i.test(userAgent)) return 'android';\n  if (/Linux/i.test(userAgent)) return 'linux';\n\n  return 'undetermined';\n};\n\n/**\n * @name useOperatingSystem\n * @description - Hook that returns the operating system of the current browser\n *\n * @returns {OperatingSystem} The operating system\n *\n * @example\n * const operatingSystem = useOperatingSystem();\n */\nexport const useOperatingSystem = () => {\n  const osOperatingSystemRef = useRef<OperatingSystem>(getOperatingSystem());\n  return osOperatingSystemRef.current;\n};\n"],"names":["getOperatingSystem","window","userAgent","navigator","test","useOperatingSystem","useRef","current"],"mappings":";mCAKaA,EAAqB,WAChC,GAAsB,oBAAXC,OAAwB,MAAO,eAE1C,IAAQC,EAAcD,OAAOE,UAArBD,UAER,MAAI,4CAA4CE,KAAKF,GAAmB,QACpE,0BAA0BE,KAAKF,GAAmB,MAClD,qCAAqCE,KAAKF,GAAmB,UAC7D,WAAWE,KAAKF,GAAmB,UACnC,SAASE,KAAKF,GAAmB,QAE9B,cACT,EAWaG,EAAqB,WAEhC,OAD6BC,EAAwBN,KACzBO,OAC9B"}

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import n from"react";import{useIsomorphicLayoutEffect as r}from"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var t=function(){var t=n.useState({angle:0,type:"landscape-primary"}),o=e(t,2),i=o[0],a=o[1];return r((function(){var e,n=function(){var e=window.screen.orientation,n=e.angle,r=e.type;a({angle:n,type:r})};return null===(e=window.screen.orientation)||void 0===e||e.addEventListener("change",n),function(){var e;return null===(e=window.screen.orientation)||void 0===e?void 0:e.removeEventListener("change",n)}}),[]),i};export{t as useOrientation};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as e}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as n}from"react";import{useIsomorphicLayoutEffect as r}from"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var o=function(){var o=n({angle:0,type:"landscape-primary"}),t=e(o,2),i=t[0],a=t[1];return r((function(){var e,n=function(){var e=window.screen.orientation,n=e.angle,r=e.type;a({angle:n,type:r})};return null===(e=window.screen.orientation)||void 0===e||e.addEventListener("change",n),function(){var e;return null===(e=window.screen.orientation)||void 0===e?void 0:e.removeEventListener("change",n)}}),[]),i};export{o as useOrientation};
 //# sourceMappingURL=useOrientation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOrientation.js","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import React from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** The use orientation return type */\nexport interface UseOrientationReturn {\n  /** The current screen orientation angle */\n  angle: number;\n  /** The screen orientation type */\n  type: OrientationType;\n}\n\n/**\n * @name useOrientation\n * @description - Hook that returns the current screen orientation\n *\n * @returns {UseOrientationReturn} An object containing the current screen orientation\n *\n * @example\n * const { angle, type } = useOrientation();\n */\nexport const useOrientation = (): UseOrientationReturn => {\n  const [orientation, setOrientation] = React.useState<{\n    angle: number;\n    type: OrientationType;\n  }>({ angle: 0, type: 'landscape-primary' });\n\n  useIsomorphicLayoutEffect(() => {\n    const onChange = () => {\n      const { angle, type } = window.screen.orientation;\n      setOrientation({\n        angle,\n        type\n      });\n    };\n\n    window.screen.orientation?.addEventListener('change', onChange);\n    return () => window.screen.orientation?.removeEventListener('change', onChange);\n  }, []);\n\n  return orientation;\n};\n"],"names":["useOrientation","_React$useState","React","useState","angle","type","_React$useState2","_slicedToArray","orientation","setOrientation","useIsomorphicLayoutEffect","_window$screen$orient2","onChange","_window$screen$orient","window","screen","addEventListener","_window$screen$orient3","removeEventListener"],"mappings":";uOAqBaA,EAAiB,WAC5B,IAAAC,EAAsCC,EAAMC,SAGzC,CAAEC,MAAO,EAAGC,KAAM,sBAAsBC,EAAAC,EAAAN,EAAA,GAHpCO,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAkBlC,OAbAI,GAA0B,WAAM,IAAAC,EACxBC,EAAW,WACf,IAAAC,EAAwBC,OAAOC,OAAOP,YAA9BJ,EAAKS,EAALT,MAAOC,EAAIQ,EAAJR,KACfI,EAAe,CACbL,MAAAA,EACAC,KAAAA,KAKJ,OADyB,QAAzBM,EAAAG,OAAOC,OAAOP,mBAAW,IAAAG,GAAzBA,EAA2BK,iBAAiB,SAAUJ,GAC/C,WAAA,IAAAK,EAAA,OAA+B,QAA/BA,EAAMH,OAAOC,OAAOP,mBAAW,IAAAS,OAAA,EAAzBA,EAA2BC,oBAAoB,SAAUN,EAAS,CAChF,GAAE,IAEIJ,CACT"}
+{"version":3,"file":"useOrientation.js","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** The use orientation return type */\nexport interface UseOrientationReturn {\n  /** The current screen orientation angle */\n  angle: number;\n  /** The screen orientation type */\n  type: OrientationType;\n}\n\n/**\n * @name useOrientation\n * @description - Hook that returns the current screen orientation\n *\n * @returns {UseOrientationReturn} An object containing the current screen orientation\n *\n * @example\n * const { angle, type } = useOrientation();\n */\nexport const useOrientation = (): UseOrientationReturn => {\n  const [orientation, setOrientation] = useState<{\n    angle: number;\n    type: OrientationType;\n  }>({ angle: 0, type: 'landscape-primary' });\n\n  useIsomorphicLayoutEffect(() => {\n    const onChange = () => {\n      const { angle, type } = window.screen.orientation;\n      setOrientation({\n        angle,\n        type\n      });\n    };\n\n    window.screen.orientation?.addEventListener('change', onChange);\n    return () => window.screen.orientation?.removeEventListener('change', onChange);\n  }, []);\n\n  return orientation;\n};\n"],"names":["useOrientation","_useState","useState","angle","type","_useState2","_slicedToArray","orientation","setOrientation","useIsomorphicLayoutEffect","_window$screen$orient2","onChange","_window$screen$orient","window","screen","addEventListener","_window$screen$orient3","removeEventListener"],"mappings":";mPAqBaA,EAAiB,WAC5B,IAAAC,EAAsCC,EAGnC,CAAEC,MAAO,EAAGC,KAAM,sBAAsBC,EAAAC,EAAAL,EAAA,GAHpCM,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAkBlC,OAbAI,GAA0B,WAAM,IAAAC,EACxBC,EAAW,WACf,IAAAC,EAAwBC,OAAOC,OAAOP,YAA9BJ,EAAKS,EAALT,MAAOC,EAAIQ,EAAJR,KACfI,EAAe,CACbL,MAAAA,EACAC,KAAAA,KAKJ,OADyB,QAAzBM,EAAAG,OAAOC,OAAOP,mBAAW,IAAAG,GAAzBA,EAA2BK,iBAAiB,SAAUJ,GAC/C,WAAA,IAAAK,EAAA,OAA+B,QAA/BA,EAAMH,OAAOC,OAAOP,mBAAW,IAAAS,OAAA,EAAzBA,EAA2BC,oBAAoB,SAAUN,EAAS,CAChF,GAAE,IAEIJ,CACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePageLeave.js","sources":["../../../../src/hooks/usePageLeave/usePageLeave.ts"],"sourcesContent":["import React from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name usePageLeave\n * @description - Hook what calls given function when mouse leaves the page\n *\n * @param {() => void} [callback] The callback function what calls then mouse leaves the page\n * @returns {boolean} A boolean which determines if the mouse left the page\n *\n * @example\n * const isLeft = usePageLeave(() => console.log('on leave'))\n */\nexport const usePageLeave = (callback?: () => void) => {\n  const [isLeft, setIsLeft] = React.useState(false);\n\n  const onMouse = useEvent(() => {\n    if (isLeft) return setIsLeft(false);\n    callback?.();\n    setIsLeft(true);\n  });\n\n  React.useEffect(() => {\n    document.addEventListener('mouseleave', onMouse, { passive: true });\n    document.addEventListener('mouseenter', onMouse, { passive: true });\n\n    return () => {\n      document.removeEventListener('mouseenter', onMouse);\n      document.removeEventListener('mouseleave', onMouse);\n    };\n  }, []);\n\n  return isLeft;\n};\n"],"names":["usePageLeave","callback","_React$useState","React","useState","_React$useState2","_slicedToArray","isLeft","setIsLeft","onMouse","useEvent","useEffect","document","addEventListener","passive","removeEventListener"],"mappings":";sPAcaA,EAAe,SAACC,GAC3B,IAAAC,EAA4BC,EAAMC,UAAS,GAAMC,EAAAC,EAAAJ,EAAA,GAA1CK,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAUC,GAAS,WACvB,GAAIH,EAAQ,OAAOC,GAAU,GAC7BP,SAAAA,IACAO,GAAU,EACZ,IAYA,OAVAL,EAAMQ,WAAU,WAId,OAHAC,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAC5DF,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAErD,WACLF,SAASG,oBAAoB,aAAcN,GAC3CG,SAASG,oBAAoB,aAAcN,GAE9C,GAAE,IAEIF,CACT"}
+{"version":3,"file":"usePageLeave.js","sources":["../../../../src/hooks/usePageLeave/usePageLeave.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name usePageLeave\n * @description - Hook what calls given function when mouse leaves the page\n *\n * @param {() => void} [callback] The callback function what calls then mouse leaves the page\n * @returns {boolean} A boolean which determines if the mouse left the page\n *\n * @example\n * const isLeft = usePageLeave(() => console.log('on leave'))\n */\nexport const usePageLeave = (callback?: () => void) => {\n  const [isLeft, setIsLeft] = useState(false);\n\n  const onMouse = useEvent(() => {\n    if (isLeft) return setIsLeft(false);\n    callback?.();\n    setIsLeft(true);\n  });\n\n  useEffect(() => {\n    document.addEventListener('mouseleave', onMouse, { passive: true });\n    document.addEventListener('mouseenter', onMouse, { passive: true });\n\n    return () => {\n      document.removeEventListener('mouseenter', onMouse);\n      document.removeEventListener('mouseleave', onMouse);\n    };\n  }, []);\n\n  return isLeft;\n};\n"],"names":["usePageLeave","callback","_useState","useState","_useState2","_slicedToArray","isLeft","setIsLeft","onMouse","useEvent","useEffect","document","addEventListener","passive","removeEventListener"],"mappings":";iRAcaA,EAAe,SAACC,GAC3B,IAAAC,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAUC,GAAS,WACvB,GAAIH,EAAQ,OAAOC,GAAU,GAC7BN,SAAAA,IACAM,GAAU,EACZ,IAYA,OAVAG,GAAU,WAIR,OAHAC,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAC5DF,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAErD,WACLF,SAASG,oBAAoB,aAAcN,GAC3CG,SAASG,oBAAoB,aAAcN,GAE9C,GAAE,IAEIF,CACT"}

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{a as e,_ as t,b as n}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import r from"react";import{useEvent as o}from"../useEvent/useEvent.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var u=function(e){return"function"==typeof e?e():e instanceof Element?e:e.current},i=function(){var i,c,s,l="object"!==e(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=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],d=r.useState(!1),v=t(d,2),a=v[0],m=v[1],p=r.useRef(null),h=r.useRef(null),E=r.useState({width:null!==(i=null==f?void 0:f.width)&&void 0!==i?i:5,color:null!==(c=null==f?void 0:f.color)&&void 0!==c?c:"black",opacity:null!==(s=null==f?void 0:f.opacity)&&void 0!==s?s:.1}),g=t(E,2),w=g[0],L=g[1],y=o((function(e){a&&h.current&&(h.current.lineTo(e.offsetX,e.offsetY),h.current.stroke())}));return r.useEffect((function(){var e=l?u(l):p.current;if(e){h.current=e.getContext("2d");var t=function(e){h.current&&(h.current.beginPath(),h.current.moveTo(e.offsetX,e.offsetY),m(!0))},n=function(){h.current&&(h.current.closePath(),m(!1))};return e.addEventListener("mousedown",t),e.addEventListener("mousemove",y),e.addEventListener("mouseup",n),function(){e&&(e.removeEventListener("mousedown",t),e.removeEventListener("mousemove",y),e.removeEventListener("mouseup",n))}}}),[]),r.useEffect((function(){h.current&&(h.current.strokeStyle=w.color,h.current.lineWidth=w.width,h.current.lineCap="round",h.current.lineJoin="round")}),[w.color,w.width,w.opacity]),l?{pencil:n(n({},w),{},{set:L}),drawing:a}:{pencil:n(n({},w),{},{set:L}),ref:p,drawing:a}};export{u as getTargetElement,i as usePaint};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{a as e,_ as t,b as n}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as r,useRef as o,useEffect as i}from"react";import{useEvent as u}from"../useEvent/useEvent.js";import"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var c=function(e){return"function"==typeof e?e():e instanceof Element?e:e.current},l=function(){var l,s,d,v="object"!==e(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=v?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],a=r(!1),m=t(a,2),p=m[0],h=m[1],E=o(null),g=o(null),w=r({width:null!==(l=null==f?void 0:f.width)&&void 0!==l?l:5,color:null!==(s=null==f?void 0:f.color)&&void 0!==s?s:"black",opacity:null!==(d=null==f?void 0:f.opacity)&&void 0!==d?d:.1}),L=t(w,2),y=L[0],b=L[1],j=u((function(e){p&&g.current&&(g.current.lineTo(e.offsetX,e.offsetY),g.current.stroke())}));return i((function(){var e=v?c(v):E.current;if(e){g.current=e.getContext("2d");var t=function(e){g.current&&(g.current.beginPath(),g.current.moveTo(e.offsetX,e.offsetY),h(!0))},n=function(){g.current&&(g.current.closePath(),h(!1))};return e.addEventListener("mousedown",t),e.addEventListener("mousemove",j),e.addEventListener("mouseup",n),function(){e&&(e.removeEventListener("mousedown",t),e.removeEventListener("mousemove",j),e.removeEventListener("mouseup",n))}}}),[]),i((function(){g.current&&(g.current.strokeStyle=y.color,g.current.lineWidth=y.width,g.current.lineCap="round",g.current.lineJoin="round")}),[y.color,y.width,y.opacity]),v?{pencil:n(n({},y),{},{set:b}),drawing:p}:{pencil:n(n({},y),{},{set:b}),ref:E,drawing:p}};export{c as getTargetElement,l 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 React from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nexport interface UsePaintPencil {\n  /** Pencil color */\n  color?: string;\n  /** Pencil width */\n  width?: number;\n  /** Pencil opacity */\n  opacity?: number;\n}\n\nexport type UsePaintOptions = UsePaintPencil;\n\n/** The use paint return type */\nexport interface UsePaintReturn {\n  pencil: UsePaintPencil & { set: React.Dispatch<React.SetStateAction<UsePaintPencil>> };\n  drawing: boolean;\n}\n\nexport type UsePaintTarget =\n  | React.RefObject<HTMLCanvasElement>\n  | (() => HTMLCanvasElement)\n  | HTMLCanvasElement;\n\nexport const getTargetElement = (target: UsePaintTarget) => {\n  if (typeof target === 'function') {\n    return target();\n  }\n\n  if (target instanceof Element) {\n    return target;\n  }\n\n  return target.current;\n};\n\nexport type UsePaint = {\n  <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n  (\n    options?: UsePaintOptions,\n    target?: never\n  ): UsePaintReturn & { ref: React.RefObject<HTMLCanvasElement> };\n};\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\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 { pencil, drawing } = usePaint(canvasRef);\n *\n * @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: React.RefObject<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const { ref, pencil, drawing } = usePaint();\n */\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 [drawing, setIsDrawing] = React.useState(false);\n  const internalRef = React.useRef<HTMLCanvasElement>(null);\n  const contextRef = React.useRef<CanvasRenderingContext2D | null>(null);\n\n  const [pencil, setPencil] = React.useState({\n    width: options?.width ?? 5,\n    color: options?.color ?? 'black',\n    opacity: options?.opacity ?? 0.1\n  });\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing || !contextRef.current) return;\n    contextRef.current.lineTo(event.offsetX, event.offsetY);\n    contextRef.current.stroke();\n  });\n\n  React.useEffect(() => {\n    const element = target ? getTargetElement(target) : internalRef.current;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (!contextRef.current) return;\n      contextRef.current.beginPath();\n      contextRef.current.moveTo(event.offsetX, event.offsetY);\n      setIsDrawing(true);\n    };\n\n    const onMouseUp = () => {\n      if (!contextRef.current) return;\n      contextRef.current.closePath();\n      setIsDrawing(false);\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  React.useEffect(() => {\n    if (!contextRef.current) return;\n    contextRef.current.strokeStyle = pencil.color;\n    contextRef.current.lineWidth = pencil.width;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n  }, [pencil.color, pencil.width, pencil.opacity]);\n\n  if (target) return { pencil: { ...pencil, set: setPencil }, drawing };\n  return { pencil: { ...pencil, set: setPencil }, ref: internalRef, drawing };\n}) as UsePaint;\n"],"names":["getTargetElement","target","Element","current","usePaint","_options$width","_options$color","_options$opacity","_typeof","arguments","length","undefined","options","_React$useState","React","useState","_React$useState2","_slicedToArray","drawing","setIsDrawing","internalRef","useRef","contextRef","_React$useState3","width","color","opacity","_React$useState4","pencil","setPencil","onMouseMove","useEvent","event","lineTo","offsetX","offsetY","stroke","useEffect","element","getContext","onMouseDown","beginPath","moveTo","onMouseUp","closePath","addEventListener","removeEventListener","strokeStyle","lineWidth","lineCap","lineJoin","_objectSpread","set","ref"],"mappings":";oQA0BaA,EAAmB,SAACC,GAC/B,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBC,QACbD,EAGFA,EAAOE,OAChB,EAgCaC,EAAY,WAAsB,IAAAC,EAAAC,EAAAC,EACvCN,EACiB,WAArBO,EAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UACzC,QADgCE,EAEzDC,EAAWX,EAAMQ,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAwD,GAE/EI,EAAgCC,EAAMC,UAAS,GAAMC,EAAAC,EAAAJ,EAAA,GAA9CK,EAAOF,EAAA,GAAEG,EAAYH,EAAA,GACtBI,EAAcN,EAAMO,OAA0B,MAC9CC,EAAaR,EAAMO,OAAwC,MAEjEE,EAA4BT,EAAMC,SAAS,CACzCS,MAAqBnB,QAAhBA,EAAEO,aAAO,EAAPA,EAASY,aAAKnB,IAAAA,EAAAA,EAAI,EACzBoB,MAAqBnB,QAAhBA,EAAEM,aAAO,EAAPA,EAASa,aAAKnB,IAAAA,EAAAA,EAAI,QACzBoB,QAAyB,QAAlBnB,EAAEK,aAAO,EAAPA,EAASc,eAAO,IAAAnB,EAAAA,EAAI,KAC7BoB,EAAAV,EAAAM,EAAA,GAJKK,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAMlBG,EAAcC,GAAS,SAACC,GACvBd,GAAYI,EAAWnB,UAC5BmB,EAAWnB,QAAQ8B,OAAOD,EAAME,QAASF,EAAMG,SAC/Cb,EAAWnB,QAAQiC,SACrB,IAwCA,OAtCAtB,EAAMuB,WAAU,WACd,IAAMC,EAAUrC,EAASD,EAAiBC,GAAUmB,EAAYjB,QAChE,GAAKmC,EAAL,CACAhB,EAAWnB,QAAUmC,EAAQC,WAAW,MAExC,IAAMC,EAAc,SAACR,GACdV,EAAWnB,UAChBmB,EAAWnB,QAAQsC,YACnBnB,EAAWnB,QAAQuC,OAAOV,EAAME,QAASF,EAAMG,SAC/ChB,GAAa,KAGTwB,EAAY,WACXrB,EAAWnB,UAChBmB,EAAWnB,QAAQyC,YACnBzB,GAAa,KAOf,OAJAmB,EAAQO,iBAAiB,YAAaL,GACtCF,EAAQO,iBAAiB,YAAaf,GACtCQ,EAAQO,iBAAiB,UAAWF,GAE7B,WACAL,IACLA,EAAQQ,oBAAoB,YAAaN,GACzCF,EAAQQ,oBAAoB,YAAahB,GACzCQ,EAAQQ,oBAAoB,UAAWH,IAxB3B,CA0Bf,GAAE,IAEH7B,EAAMuB,WAAU,WACTf,EAAWnB,UAChBmB,EAAWnB,QAAQ4C,YAAcnB,EAAOH,MACxCH,EAAWnB,QAAQ6C,UAAYpB,EAAOJ,MACtCF,EAAWnB,QAAQ8C,QAAU,QAC7B3B,EAAWnB,QAAQ+C,SAAW,QAChC,GAAG,CAACtB,EAAOH,MAAOG,EAAOJ,MAAOI,EAAOF,UAEnCzB,EAAe,CAAE2B,OAAMuB,EAAAA,KAAOvB,GAAM,CAAA,EAAA,CAAEwB,IAAKvB,IAAaX,QAAAA,GACrD,CAAEU,OAAMuB,EAAAA,KAAOvB,GAAM,CAAA,EAAA,CAAEwB,IAAKvB,IAAawB,IAAKjC,EAAaF,QAAAA,EACpE"}
+{"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import type { Dispatch, RefObject, SetStateAction } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nexport interface UsePaintPencil {\n  /** Pencil color */\n  color?: string;\n  /** Pencil width */\n  width?: number;\n  /** Pencil opacity */\n  opacity?: number;\n}\n\nexport type UsePaintOptions = UsePaintPencil;\n\n/** The use paint return type */\nexport interface UsePaintReturn {\n  pencil: UsePaintPencil & { set: Dispatch<SetStateAction<UsePaintPencil>> };\n  drawing: boolean;\n}\n\nexport type UsePaintTarget =\n  | RefObject<HTMLCanvasElement>\n  | (() => HTMLCanvasElement)\n  | HTMLCanvasElement;\n\nexport const getTargetElement = (target: UsePaintTarget) => {\n  if (typeof target === 'function') {\n    return target();\n  }\n\n  if (target instanceof Element) {\n    return target;\n  }\n\n  return target.current;\n};\n\nexport type UsePaint = {\n  <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n  (\n    options?: UsePaintOptions,\n    target?: never\n  ): UsePaintReturn & { ref: RefObject<HTMLCanvasElement> };\n};\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\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 { pencil, 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, pencil, drawing } = usePaint();\n */\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 [drawing, setIsDrawing] = useState(false);\n  const internalRef = useRef<HTMLCanvasElement>(null);\n  const contextRef = useRef<CanvasRenderingContext2D | null>(null);\n\n  const [pencil, setPencil] = useState({\n    width: options?.width ?? 5,\n    color: options?.color ?? 'black',\n    opacity: options?.opacity ?? 0.1\n  });\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing || !contextRef.current) return;\n    contextRef.current.lineTo(event.offsetX, event.offsetY);\n    contextRef.current.stroke();\n  });\n\n  useEffect(() => {\n    const element = target ? getTargetElement(target) : internalRef.current;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (!contextRef.current) return;\n      contextRef.current.beginPath();\n      contextRef.current.moveTo(event.offsetX, event.offsetY);\n      setIsDrawing(true);\n    };\n\n    const onMouseUp = () => {\n      if (!contextRef.current) return;\n      contextRef.current.closePath();\n      setIsDrawing(false);\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  useEffect(() => {\n    if (!contextRef.current) return;\n    contextRef.current.strokeStyle = pencil.color;\n    contextRef.current.lineWidth = pencil.width;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n  }, [pencil.color, pencil.width, pencil.opacity]);\n\n  if (target) return { pencil: { ...pencil, set: setPencil }, drawing };\n  return { pencil: { ...pencil, set: setPencil }, ref: internalRef, drawing };\n}) as UsePaint;\n"],"names":["getTargetElement","target","Element","current","usePaint","_options$width","_options$color","_options$opacity","_typeof","arguments","length","undefined","options","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","useRef","contextRef","_useState3","width","color","opacity","_useState4","pencil","setPencil","onMouseMove","useEvent","event","lineTo","offsetX","offsetY","stroke","useEffect","element","getContext","onMouseDown","beginPath","moveTo","onMouseUp","closePath","addEventListener","removeEventListener","strokeStyle","lineWidth","lineCap","lineJoin","_objectSpread","set","ref"],"mappings":";2SA2BaA,EAAmB,SAACC,GAC/B,MAAsB,mBAAXA,EACFA,IAGLA,aAAkBC,QACbD,EAGFA,EAAOE,OAChB,EAgCaC,EAAY,WAAsB,IAAAC,EAAAC,EAAAC,EACvCN,EACiB,WAArBO,EAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UACzC,QADgCE,EAEzDC,EAAWX,EAAMQ,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAwD,GAE/EI,EAAgCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxCI,EAAOF,EAAA,GAAEG,EAAYH,EAAA,GACtBI,EAAcC,EAA0B,MACxCC,EAAaD,EAAwC,MAE3DE,EAA4BR,EAAS,CACnCS,MAAqBlB,QAAhBA,EAAEO,aAAO,EAAPA,EAASW,aAAKlB,IAAAA,EAAAA,EAAI,EACzBmB,MAAqBlB,QAAhBA,EAAEM,aAAO,EAAPA,EAASY,aAAKlB,IAAAA,EAAAA,EAAI,QACzBmB,QAAyB,QAAlBlB,EAAEK,aAAO,EAAPA,EAASa,eAAO,IAAAlB,EAAAA,EAAI,KAC7BmB,EAAAV,EAAAM,EAAA,GAJKK,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAMlBG,EAAcC,GAAS,SAACC,GACvBd,GAAYI,EAAWlB,UAC5BkB,EAAWlB,QAAQ6B,OAAOD,EAAME,QAASF,EAAMG,SAC/Cb,EAAWlB,QAAQgC,SACrB,IAwCA,OAtCAC,GAAU,WACR,IAAMC,EAAUpC,EAASD,EAAiBC,GAAUkB,EAAYhB,QAChE,GAAKkC,EAAL,CACAhB,EAAWlB,QAAUkC,EAAQC,WAAW,MAExC,IAAMC,EAAc,SAACR,GACdV,EAAWlB,UAChBkB,EAAWlB,QAAQqC,YACnBnB,EAAWlB,QAAQsC,OAAOV,EAAME,QAASF,EAAMG,SAC/ChB,GAAa,KAGTwB,EAAY,WACXrB,EAAWlB,UAChBkB,EAAWlB,QAAQwC,YACnBzB,GAAa,KAOf,OAJAmB,EAAQO,iBAAiB,YAAaL,GACtCF,EAAQO,iBAAiB,YAAaf,GACtCQ,EAAQO,iBAAiB,UAAWF,GAE7B,WACAL,IACLA,EAAQQ,oBAAoB,YAAaN,GACzCF,EAAQQ,oBAAoB,YAAahB,GACzCQ,EAAQQ,oBAAoB,UAAWH,IAxB3B,CA0Bf,GAAE,IAEHN,GAAU,WACHf,EAAWlB,UAChBkB,EAAWlB,QAAQ2C,YAAcnB,EAAOH,MACxCH,EAAWlB,QAAQ4C,UAAYpB,EAAOJ,MACtCF,EAAWlB,QAAQ6C,QAAU,QAC7B3B,EAAWlB,QAAQ8C,SAAW,QAChC,GAAG,CAACtB,EAAOH,MAAOG,EAAOJ,MAAOI,EAAOF,UAEnCxB,EAAe,CAAE0B,OAAMuB,EAAAA,KAAOvB,GAAM,CAAA,EAAA,CAAEwB,IAAKvB,IAAaX,QAAAA,GACrD,CAAEU,OAAMuB,EAAAA,KAAOvB,GAAM,CAAA,EAAA,CAAEwB,IAAKvB,IAAawB,IAAKjC,EAAaF,QAAAA,EACpE"}

package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
+/* @license @siberiacancode/reactuse v0.0.31 */
 import{useMediaQuery as e}from"../useMediaQuery/useMediaQuery.js";import"react";var r=function(){var r=e("(prefers-color-scheme: light)"),o=e("(prefers-color-scheme: dark)");return r?"light":o?"dark":"no-preference"};export{r as usePreferredColorScheme};
 //# sourceMappingURL=usePreferredColorScheme.js.map

package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import n from"react";var e=function(){return window.navigator.languages},r=function(){return[]},t=function(n){return window.addEventListener("languagechange",n),function(){window.removeEventListener("languagechange",n)}},a=function(){return n.useSyncExternalStore(t,e,r)};export{a as usePreferredLanguages};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{useSyncExternalStore as n}from"react";var e=function(){return window.navigator.languages},r=function(){return[]},t=function(n){return window.addEventListener("languagechange",n),function(){window.removeEventListener("languagechange",n)}},a=function(){return n(t,e,r)};export{a as usePreferredLanguages};
 //# sourceMappingURL=usePreferredLanguages.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreferredLanguages.js","sources":["../../../../src/hooks/usePreferredLanguages/usePreferredLanguages.ts"],"sourcesContent":["import React from 'react';\n\nconst getSnapshot = () => window.navigator.languages;\nconst getServerSnapshot = () => [] as const;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('languagechange', callback);\n  return () => {\n    window.removeEventListener('languagechange', callback);\n  };\n};\n\n/**\n * @name usePreferredLanguages\n * @description Hook that returns a browser preferred languages from navigator\n *\n * @returns {readonly string[]} An array of strings representing the user's preferred languages\n *\n * @example\n * const languages = usePreferredLanguages();\n */\nexport const usePreferredLanguages = () =>\n  React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","window","navigator","languages","getServerSnapshot","subscribe","callback","addEventListener","removeEventListener","usePreferredLanguages","React","useSyncExternalStore"],"mappings":";qBAEA,IAAMA,EAAc,WAAH,OAASC,OAAOC,UAAUC,SAAS,EAC9CC,EAAoB,WAAH,MAAS,EAAE,EAC5BC,EAAY,SAACC,GAEjB,OADAL,OAAOM,iBAAiB,iBAAkBD,GACnC,WACLL,OAAOO,oBAAoB,iBAAkBF,GAEjD,EAWaG,EAAwB,WAAH,OAChCC,EAAMC,qBAAqBN,EAAWL,EAAaI,EAAkB"}
+{"version":3,"file":"usePreferredLanguages.js","sources":["../../../../src/hooks/usePreferredLanguages/usePreferredLanguages.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => window.navigator.languages;\nconst getServerSnapshot = () => [] as const;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('languagechange', callback);\n  return () => {\n    window.removeEventListener('languagechange', callback);\n  };\n};\n\n/**\n * @name usePreferredLanguages\n * @description Hook that returns a browser preferred languages from navigator\n *\n * @returns {readonly string[]} An array of strings representing the user's preferred languages\n *\n * @example\n * const languages = usePreferredLanguages();\n */\nexport const usePreferredLanguages = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","window","navigator","languages","getServerSnapshot","subscribe","callback","addEventListener","removeEventListener","usePreferredLanguages","useSyncExternalStore"],"mappings":";6CAEA,IAAMA,EAAc,WAAH,OAASC,OAAOC,UAAUC,SAAS,EAC9CC,EAAoB,WAAH,MAAS,EAAE,EAC5BC,EAAY,SAACC,GAEjB,OADAL,OAAOM,iBAAiB,iBAAkBD,GACnC,WACLL,OAAOO,oBAAoB,iBAAkBF,GAEjD,EAWaG,EAAwB,WAAH,OAChCC,EAAqBL,EAAWL,EAAaI,EAAkB"}

package/dist/esm/hooks/usePrevious/usePrevious.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sources":["../../../../src/hooks/usePrevious/usePrevious.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * @name usePrevious\n * @description - Hook that returns the previous value\n *\n * @template Value The type of the value\n * @param {Value} value The value to get the previous value\n * @returns {Value} The previous value\n *\n * @example\n * const prevValue = usePrevious(value);\n */\nexport const usePrevious = <Value>(value: Value) => {\n  const ref = React.useRef<Value>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n};\n"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";yBAaaA,EAAc,SAAQC,GACjC,IAAMC,EAAMC,EAAMC,SAMlB,OAJAD,EAAME,WAAU,WACdH,EAAII,QAAUL,CAChB,IAEOC,EAAII,OACb"}
+{"version":3,"file":"usePrevious.js","sources":["../../../../src/hooks/usePrevious/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name usePrevious\n * @description - Hook that returns the previous value\n *\n * @template Value The type of the value\n * @param {Value} value The value to get the previous value\n * @returns {Value} The previous value\n *\n * @example\n * const prevValue = usePrevious(value);\n */\nexport const usePrevious = <Value>(value: Value) => {\n  const ref = useRef<Value>();\n\n  useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n};\n"],"names":["usePrevious","value","ref","useRef","useEffect","current"],"mappings":";kDAaaA,EAAc,SAAQC,GACjC,IAAMC,EAAMC,IAMZ,OAJAC,GAAU,WACRF,EAAIG,QAAUJ,CAChB,IAEOC,EAAIG,OACb"}

package/dist/esm/hooks/useQRCode/useQRCode.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as t,e as r,f as e}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import o from"react";import n from"qrcode";import{useIsomorphicLayoutEffect as s}from"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var a=function(a,u){var i=o.useState(!1),c=t(i,2),f=c[0],p=c[1],m=o.useState(),l=t(m,2),v=l[0],h=l[1],L=function(){var t=r(e().mark((function t(r){var o;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p(!0),t.next=3,n.toDataURL(r,u);case 3:o=t.sent,h(o);case 5:case"end":return t.stop()}}),t)})));return function(r){return t.apply(this,arguments)}}();s((function(){a&&L(a)}),[]);return{value:v,set:function(t){return L(t)},isLoading:f}};export{a as useQRCode};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as r,e as t,f as e}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as o}from"react";import n from"qrcode";import{useIsomorphicLayoutEffect as s}from"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";import"../../utils/helpers/isClient.js";var a=function(a,i){var u=o(!1),c=r(u,2),f=c[0],p=c[1],m=o(),l=r(m,2),v=l[0],h=l[1],L=function(){var r=t(e().mark((function r(t){var o;return e().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return p(!0),r.next=3,n.toDataURL(t,i);case 3:o=r.sent,h(o);case 5:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}();s((function(){a&&L(a)}),[]);return{value:v,set:function(r){return L(r)},isLoading:f}};export{a as useQRCode};
 //# sourceMappingURL=useQRCode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQRCode.js","sources":["../../../../src/hooks/useQRCode/useQRCode.ts"],"sourcesContent":["import React from 'react';\nimport QRCode from 'qrcode';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useQRCode\n * @description - Hook that generates a QR code\n *\n * @param {string} text The text to be encoded in the QR code\n * @param {QRCode.QRCodeToDataURLOptions} [options] The options of the QR code\n * @returns {UseQrCodeReturn} An object with the QR code value and a setter\n *\n * @example\n * const { value, set } = useQRCode('url');\n */\nexport const useQRCode = (text?: string, options?: QRCode.QRCodeToDataURLOptions) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [value, setValue] = React.useState<string | undefined>();\n\n  const generateQrCode = async (value: string) => {\n    setIsLoading(true);\n    const qrCode = await QRCode.toDataURL(value, options);\n    setValue(qrCode);\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    if (text) generateQrCode(text);\n  }, []);\n\n  const set = (value: string) => generateQrCode(value);\n\n  return { value, set, isLoading };\n};\n"],"names":["useQRCode","text","options","_React$useState","React","useState","_React$useState2","_slicedToArray","isLoading","setIsLoading","_React$useState3","_React$useState4","value","setValue","generateQrCode","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","qrCode","wrap","_context","prev","next","QRCode","toDataURL","sent","stop","_x","apply","this","arguments","useIsomorphicLayoutEffect","set"],"mappings":";uQAgBO,IAAMA,EAAY,SAACC,EAAeC,GACvC,IAAAC,EAAkCC,EAAMC,UAAS,GAAMC,EAAAC,EAAAJ,EAAA,GAAhDK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA0BN,EAAMC,WAA8BM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAc,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,EAAOP,GAAa,IAAAQ,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACtB,OAAnBf,GAAa,GAAMa,EAAAE,KAAA,EACEC,EAAOC,UAAUd,EAAOV,GAAQ,KAAA,EAA/CkB,EAAME,EAAAK,KACZd,EAASO,GAAQ,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAM,OAAA,GAAAT,EAClB,KAAA,OAJKL,SAAce,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAMpBC,GAA0B,WACpBhC,GAAMa,EAAeb,EAC1B,GAAE,IAIH,MAAO,CAAEW,MAAAA,EAAOsB,IAFJ,SAACtB,GAAa,OAAKE,EAAeF,EAAM,EAE/BJ,UAAAA,EACvB"}
+{"version":3,"file":"useQRCode.js","sources":["../../../../src/hooks/useQRCode/useQRCode.ts"],"sourcesContent":["import { useState } from 'react';\nimport QRCode from 'qrcode';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useQRCode\n * @description - Hook that generates a QR code\n *\n * @param {string} text The text to be encoded in the QR code\n * @param {QRCode.QRCodeToDataURLOptions} [options] The options of the QR code\n * @returns {UseQrCodeReturn} An object with the QR code value and a setter\n *\n * @example\n * const { value, set } = useQRCode('url');\n */\nexport const useQRCode = (text?: string, options?: QRCode.QRCodeToDataURLOptions) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [value, setValue] = useState<string | undefined>();\n\n  const generateQrCode = async (value: string) => {\n    setIsLoading(true);\n    const qrCode = await QRCode.toDataURL(value, options);\n    setValue(qrCode);\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    if (text) generateQrCode(text);\n  }, []);\n\n  const set = (value: string) => generateQrCode(value);\n\n  return { value, set, isLoading };\n};\n"],"names":["useQRCode","text","options","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","value","setValue","generateQrCode","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","qrCode","wrap","_context","prev","next","QRCode","toDataURL","sent","stop","_x","apply","this","arguments","useIsomorphicLayoutEffect","set"],"mappings":";mRAgBO,IAAMA,EAAY,SAACC,EAAeC,GACvC,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA0BL,IAA8BM,EAAAJ,EAAAG,EAAA,GAAjDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAc,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,EAAOP,GAAa,IAAAQ,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACtB,OAAnBf,GAAa,GAAMa,EAAAE,KAAA,EACEC,EAAOC,UAAUd,EAAOT,GAAQ,KAAA,EAA/CiB,EAAME,EAAAK,KACZd,EAASO,GAAQ,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAM,OAAA,GAAAT,EAClB,KAAA,OAJKL,SAAce,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAMpBC,GAA0B,WACpB/B,GAAMY,EAAeZ,EAC1B,GAAE,IAIH,MAAO,CAAEU,MAAAA,EAAOsB,IAFJ,SAACtB,GAAa,OAAKE,EAAeF,EAAM,EAE/BJ,UAAAA,EACvB"}

package/dist/esm/hooks/useQuery/useQuery.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import t from"react";import{getRetry as l}from"../../utils/helpers/getRetry.js";import"../../utils/helpers/isClient.js";var r=function(r,n){var i,u=t.useRef(null!=n&&n.retry?l(n.retry):0),a=t.useState(!1),o=e(a,2),c=o[0],s=o[1],f=t.useState(!1),d=e(f,2),v=d[0],h=d[1],p=t.useState(!1),S=e(p,2),m=S[0],y=S[1],D=t.useState(!(null==n||!n.initialData)),g=e(D,2),j=g[0],E=g[1],R=t.useState(void 0),_=e(R,2),b=_[0],k=_[1],x=t.useState(null==n?void 0:n.initialData),B=e(x,2),C=B[0],F=B[1],H=function e(t){s(!0),"refetch"===t&&y(!0),r().then((function(e){var l,r=null!=n&&n.select?null==n?void 0:n.select(e):e;null==n||null===(l=n.onSuccess)||void 0===l||l.call(n,r),F(r),E(!0),s(!1),k(void 0),h(!1),"refetch"===t&&y(!1)})).catch((function(r){var i;if(u.current>0)return u.current-=1,e(t);null==n||null===(i=n.onError)||void 0===i||i.call(n,r),F(void 0),E(!1),s(!1),k(r),h(!0),"refetch"===t&&y(!1),u.current=null!=n&&n.retry?l(n.retry):0}))};t.useEffect((function(){null!=n&&n.initialData||H("init")}),null!==(i=null==n?void 0:n.keys)&&void 0!==i?i:[]);var L=(null==n?void 0:n.placeholderData)instanceof Function?null==n?void 0:n.placeholderData():null==n?void 0:n.placeholderData;return{data:null!=C?C:L,error:b,refetch:function(){return H("refetch")},isLoading:c,isError:v,isSuccess:j,isRefetching:m}};export{r as useQuery};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as l}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useRef as r,useState as e,useEffect as n}from"react";import{getRetry as t}from"../../utils/helpers/getRetry.js";import"../../utils/helpers/isClient.js";var i=function(i,o){var u,a=r(null!=o&&o.retry?t(o.retry):0),c=e(!1),s=l(c,2),d=s[0],f=s[1],v=e(!1),h=l(v,2),p=h[0],m=h[1],y=e(!1),D=l(y,2),g=D[0],j=D[1],E=e(!(null==o||!o.initialData)),R=l(E,2),S=R[0],_=R[1],b=e(void 0),k=l(b,2),x=k[0],B=k[1],C=e(null==o?void 0:o.initialData),F=l(C,2),H=F[0],L=F[1],P=function l(r){f(!0),"refetch"===r&&j(!0),i().then((function(l){var e,n=null!=o&&o.select?null==o?void 0:o.select(l):l;null==o||null===(e=o.onSuccess)||void 0===e||e.call(o,n),L(n),_(!0),f(!1),B(void 0),m(!1),"refetch"===r&&j(!1)})).catch((function(e){var n;if(a.current>0)return a.current-=1,l(r);null==o||null===(n=o.onError)||void 0===n||n.call(o,e),L(void 0),_(!1),f(!1),B(e),m(!0),"refetch"===r&&j(!1),a.current=null!=o&&o.retry?t(o.retry):0}))};n((function(){null!=o&&o.initialData||P("init")}),null!==(u=null==o?void 0:o.keys)&&void 0!==u?u:[]);var q=(null==o?void 0:o.placeholderData)instanceof Function?null==o?void 0:o.placeholderData():null==o?void 0:o.placeholderData;return{data:null!=H?H:q,error:x,refetch:function(){return P("refetch")},isLoading:d,isError:p,isSuccess:S,isRefetching:g}};export{i as useQuery};
 //# sourceMappingURL=useQuery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQuery.js","sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import React from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/* The use query return type */\ninterface UseQueryOptions<QueryData, Data> {\n  /* The depends for the hook */\n  keys?: React.DependencyList;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n  /* The initial data for the hook */\n  initialData?: Data | (() => Data);\n  /* The placeholder data for the hook */\n  placeholderData?: Data | (() => Data);\n  /* The retry count of requests */\n  retry?: boolean | number;\n}\n\n/* The use query return type */\ninterface UseQueryReturn<Data> {\n  /* The state of the query */\n  data: Data | undefined;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The error state of the query */\n  isError: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The success state of the query */\n  error: Error | undefined;\n  /* The refetch function */\n  refetch: () => void;\n  /* The refetch async function */\n  isRefetching: boolean;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n *\n * @template Data - The type of the data\n * @param {() => Promise<Data>} callback - The callback function to be invoked\n * @param {React.DependencyList} [options.keys] - The dependencies for the hook\n * @param {(data: Data) => void} [options.onSuccess] - The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] - The callback function to be invoked on error\n * @param {UseQueryOptionsSelect<Data>} [options.select] - The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] - The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] - The placeholder data for the hook\n * @param {boolean | number} [options.retry] - The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useQuery(() => fetch('https://example.com/data'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: () => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const retryCountRef = React.useRef(options?.retry ? getRetry(options.retry) : 0);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [isError, setIsError] = React.useState(false);\n  const [isRefetching, setIsRefetching] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(!!options?.initialData);\n\n  const [error, setError] = React.useState<Error | undefined>(undefined);\n  const [data, setData] = React.useState<Data | undefined>(options?.initialData);\n\n  const request = (action: 'init' | 'refetch') => {\n    setIsLoading(true);\n    if (action === 'refetch') setIsRefetching(true);\n\n    callback()\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(undefined);\n        setIsError(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      });\n  };\n\n  React.useEffect(() => {\n    if (options?.initialData) return;\n    request('init');\n  }, options?.keys ?? []);\n\n  const refetch = () => request('refetch');\n\n  const placeholderData =\n    options?.placeholderData instanceof Function\n      ? options?.placeholderData()\n      : options?.placeholderData;\n\n  return {\n    data: data ?? placeholderData,\n    error,\n    refetch,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"names":["useQuery","callback","options","_options$keys","retryCountRef","React","useRef","retry","getRetry","_React$useState","useState","_React$useState2","_slicedToArray","isLoading","setIsLoading","_React$useState3","_React$useState4","isError","setIsError","_React$useState5","_React$useState6","isRefetching","setIsRefetching","_React$useState7","initialData","_React$useState8","isSuccess","setIsSuccess","_React$useState9","undefined","_React$useState10","error","setError","_React$useState11","_React$useState12","data","setData","request","action","then","response","_options$onSuccess","select","onSuccess","call","_options$onError","current","onError","useEffect","keys","placeholderData","Function","refetch"],"mappings":";wLA0DO,IAAMA,EAAW,SACtBC,EACAC,GACyB,IAAAC,EACnBC,EAAgBC,EAAMC,OAAOJ,SAAAA,EAASK,MAAQC,EAASN,EAAQK,OAAS,GAE9EE,EAAkCJ,EAAMK,UAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA8BV,EAAMK,UAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAwCd,EAAMK,UAAS,GAAMU,EAAAR,EAAAO,EAAA,GAAtDE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GACpCG,EAAkClB,EAAMK,WAAWR,UAAAA,EAASsB,cAAYC,EAAAb,EAAAW,EAAA,GAAjEG,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAA0BvB,EAAMK,cAA4BmB,GAAUC,EAAAlB,EAAAgB,EAAA,GAA/DG,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAAwB5B,EAAMK,SAA2BR,aAAO,EAAPA,EAASsB,aAAYU,EAAAtB,EAAAqB,EAAA,GAAvEE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GAEdG,EAAU,SAAVA,EAAWC,GACfxB,GAAa,GACE,YAAXwB,GAAsBhB,GAAgB,GAE1CrB,IACGsC,MAAK,SAACC,GAAa,IAAAC,EACZN,EAAOjC,SAAAA,EAASwC,OAASxC,eAAAA,EAASwC,OAAOF,GAAYA,EAC3DtC,SAAkB,QAAXuC,EAAPvC,EAASyC,iBAAS,IAAAF,GAAlBA,EAAAG,KAAA1C,EAAqBiC,GACrBC,EAAQD,GACRR,GAAa,GACbb,GAAa,GACbkB,OAASH,GACTX,GAAW,GACI,YAAXoB,GAAsBhB,GAAgB,EAC5C,IAAE,OACK,SAACS,GAAiB,IAAAc,EACvB,GAAIzC,EAAc0C,QAAU,EAE1B,OADA1C,EAAc0C,SAAW,EAClBT,EAAQC,GAEjBpC,SAAgB,QAAT2C,EAAP3C,EAAS6C,eAAO,IAAAF,GAAhBA,EAAAD,KAAA1C,EAAmB6B,GACnBK,OAAQP,GACRF,GAAa,GACbb,GAAa,GACbkB,EAASD,GACTb,GAAW,GACI,YAAXoB,GAAsBhB,GAAgB,GAC1ClB,EAAc0C,QAAU5C,SAAAA,EAASK,MAAQC,EAASN,EAAQK,OAAS,CACrE,KAGJF,EAAM2C,WAAU,WACV9C,SAAAA,EAASsB,aACba,EAAQ,OACV,WAAClC,EAAED,aAAAA,EAAAA,EAAS+C,YAAI,IAAA9C,EAAAA,EAAI,IAEpB,IAEM+C,GACJhD,aAAAA,EAAAA,EAASgD,2BAA2BC,SAChCjD,aAAAA,EAAAA,EAASgD,kBACThD,aAAAA,EAAAA,EAASgD,gBAEf,MAAO,CACLf,KAAMA,QAAAA,EAAQe,EACdnB,MAAAA,EACAqB,QAVc,WAAH,OAASf,EAAQ,UAAU,EAWtCxB,UAAAA,EACAI,QAAAA,EACAS,UAAAA,EACAL,aAAAA,EAEJ"}
+{"version":3,"file":"useQuery.js","sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\n/* The use query return type */\ninterface UseQueryOptions<QueryData, Data> {\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n  /* The initial data for the hook */\n  initialData?: Data | (() => Data);\n  /* The placeholder data for the hook */\n  placeholderData?: Data | (() => Data);\n  /* The retry count of requests */\n  retry?: boolean | number;\n}\n\n/* The use query return type */\ninterface UseQueryReturn<Data> {\n  /* The state of the query */\n  data: Data | undefined;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The error state of the query */\n  isError: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The success state of the query */\n  error: Error | undefined;\n  /* The refetch function */\n  refetch: () => void;\n  /* The refetch async function */\n  isRefetching: boolean;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n *\n * @template Data - The type of the data\n * @param {() => Promise<Data>} callback - The callback function to be invoked\n * @param {DependencyList} [options.keys] - The dependencies for the hook\n * @param {(data: Data) => void} [options.onSuccess] - The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] - The callback function to be invoked on error\n * @param {UseQueryOptionsSelect<Data>} [options.select] - The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] - The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] - The placeholder data for the hook\n * @param {boolean | number} [options.retry] - The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useQuery(() => fetch('https://example.com/data'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: () => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(!!options?.initialData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.initialData);\n\n  const request = (action: 'init' | 'refetch') => {\n    setIsLoading(true);\n    if (action === 'refetch') setIsRefetching(true);\n\n    callback()\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(undefined);\n        setIsError(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      });\n  };\n\n  useEffect(() => {\n    if (options?.initialData) return;\n    request('init');\n  }, options?.keys ?? []);\n\n  const refetch = () => request('refetch');\n\n  const placeholderData =\n    options?.placeholderData instanceof Function\n      ? options?.placeholderData()\n      : options?.placeholderData;\n\n  return {\n    data: data ?? placeholderData,\n    error,\n    refetch,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"names":["useQuery","callback","options","_options$keys","retryCountRef","useRef","retry","getRetry","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isError","setIsError","_useState5","_useState6","isRefetching","setIsRefetching","_useState7","initialData","_useState8","isSuccess","setIsSuccess","_useState9","undefined","_useState10","error","setError","_useState11","_useState12","data","setData","request","action","then","response","_options$onSuccess","select","onSuccess","call","_options$onError","current","onError","useEffect","keys","placeholderData","Function","refetch"],"mappings":";+NA2DO,IAAMA,EAAW,SACtBC,EACAC,GACyB,IAAAC,EACnBC,EAAgBC,EAAOH,SAAAA,EAASI,MAAQC,EAASL,EAAQI,OAAS,GAExEE,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAA8BL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAAtCE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAwCT,GAAS,GAAMU,EAAAR,EAAAO,EAAA,GAAhDE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GACpCG,EAAkCb,IAAWP,UAAAA,EAASqB,cAAYC,EAAAb,EAAAW,EAAA,GAA3DG,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAA0BlB,OAA4BmB,GAAUC,EAAAlB,EAAAgB,EAAA,GAAzDG,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAAwBvB,EAA2BP,aAAAA,EAAAA,EAASqB,aAAYU,EAAAtB,EAAAqB,EAAA,GAAjEE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GAEdG,EAAU,SAAVA,EAAWC,GACfxB,GAAa,GACE,YAAXwB,GAAsBhB,GAAgB,GAE1CpB,IACGqC,MAAK,SAACC,GAAa,IAAAC,EACZN,EAAOhC,SAAAA,EAASuC,OAASvC,eAAAA,EAASuC,OAAOF,GAAYA,EAC3DrC,SAAkB,QAAXsC,EAAPtC,EAASwC,iBAAS,IAAAF,GAAlBA,EAAAG,KAAAzC,EAAqBgC,GACrBC,EAAQD,GACRR,GAAa,GACbb,GAAa,GACbkB,OAASH,GACTX,GAAW,GACI,YAAXoB,GAAsBhB,GAAgB,EAC5C,IAAE,OACK,SAACS,GAAiB,IAAAc,EACvB,GAAIxC,EAAcyC,QAAU,EAE1B,OADAzC,EAAcyC,SAAW,EAClBT,EAAQC,GAEjBnC,SAAgB,QAAT0C,EAAP1C,EAAS4C,eAAO,IAAAF,GAAhBA,EAAAD,KAAAzC,EAAmB4B,GACnBK,OAAQP,GACRF,GAAa,GACbb,GAAa,GACbkB,EAASD,GACTb,GAAW,GACI,YAAXoB,GAAsBhB,GAAgB,GAC1CjB,EAAcyC,QAAU3C,SAAAA,EAASI,MAAQC,EAASL,EAAQI,OAAS,CACrE,KAGJyC,GAAU,WACJ7C,SAAAA,EAASqB,aACba,EAAQ,OACV,WAACjC,EAAED,aAAAA,EAAAA,EAAS8C,YAAI,IAAA7C,EAAAA,EAAI,IAEpB,IAEM8C,GACJ/C,aAAAA,EAAAA,EAAS+C,2BAA2BC,SAChChD,aAAAA,EAAAA,EAAS+C,kBACT/C,aAAAA,EAAAA,EAAS+C,gBAEf,MAAO,CACLf,KAAMA,QAAAA,EAAQe,EACdnB,MAAAA,EACAqB,QAVc,WAAH,OAASf,EAAQ,UAAU,EAWtCxB,UAAAA,EACAI,QAAAA,EACAS,UAAAA,EACAL,aAAAA,EAEJ"}

package/dist/esm/hooks/useQueue/useQueue.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as r,c as t,d as n}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import e from"react";import{flushSync as o}from"react-dom";var u=function(){var u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],a=e.useState(u),i=r(a,2),c=i[0],f=i[1];return{add:function(r){return f((function(n){return[].concat(t(n),[r])}))},remove:function(){var r;return o((function(){f((function(t){var e=n(t),o=e[0],u=e.slice(1);return r=o,u}))})),r},clear:function(){return f([])},first:c[0],last:c[c.length-1],size:c.length,queue:c}};export{u as useQueue};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as r,c as n,d as t}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as e}from"react";import{flushSync as o}from"react-dom";var u=function(){var u=e(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]),i=r(u,2),a=i[0],c=i[1];return{add:function(r){return c((function(t){return[].concat(n(t),[r])}))},remove:function(){var r;return o((function(){c((function(n){var e=t(n),o=e[0],u=e.slice(1);return r=o,u}))})),r},clear:function(){return c([])},first:a[0],last:a[a.length-1],size:a.length,queue:a}};export{u as useQueue};
 //# sourceMappingURL=useQueue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQueue.js","sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import React from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** The current queue */\n  queue: Value[];\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n  /** Clear the queue */\n  clear: () => void;\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** Get the size of the queue */\n  size: number;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = React.useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"names":["useQueue","initialValue","arguments","length","undefined","_React$useState","React","useState","_React$useState2","_slicedToArray","queue","setQueue","add","element","concat","_toConsumableArray","remove","removed","flushSync","_ref","_ref2","_toArray","first","rest","slice","clear","last","size"],"mappings":";6IAgCaA,EAAW,WAA8D,IAAtDC,EAAqBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACtDG,EAA0BC,EAAMC,SAASN,GAAaO,EAAAC,EAAAJ,EAAA,GAA/CK,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAgBtB,MAAO,CACLI,IAfU,SAACC,GAAc,OAAKF,GAAS,SAACD,GAAK,MAAA,GAAAI,OAAAC,EAASL,IAAOG,GAAO,GAAE,EAgBtEG,OAda,WACb,IAAIC,EAQJ,OAPAC,GAAU,WACRP,GAAS,SAAAQ,GAAsB,IAAAC,EAAAC,EAAAF,GAApBG,EAAKF,EAAA,GAAKG,EAAIH,EAAAI,MAAA,GAEvB,OADAP,EAAUK,EACHC,CACT,GACF,IAEON,GAMPQ,MAhBY,WAAH,OAASd,EAAS,GAAG,EAiB9BW,MAAOZ,EAAM,GACbgB,KAAMhB,EAAMA,EAAMP,OAAS,GAC3BwB,KAAMjB,EAAMP,OACZO,MAAAA,EAEJ"}
+{"version":3,"file":"useQueue.js","sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** The current queue */\n  queue: Value[];\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n  /** Clear the queue */\n  clear: () => void;\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** Get the size of the queue */\n  size: number;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"names":["useQueue","_useState","useState","arguments","length","undefined","_useState2","_slicedToArray","queue","setQueue","add","element","concat","_toConsumableArray","remove","removed","flushSync","_ref","_ref2","_toArray","first","rest","slice","clear","last","size"],"mappings":";yJAgCaA,EAAW,WAA8D,IACpFC,EAA0BC,EADyBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IACNG,EAAAC,EAAAN,EAAA,GAAzCO,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAgBtB,MAAO,CACLI,IAfU,SAACC,GAAc,OAAKF,GAAS,SAACD,GAAK,MAAA,GAAAI,OAAAC,EAASL,IAAOG,GAAO,GAAE,EAgBtEG,OAda,WACb,IAAIC,EAQJ,OAPAC,GAAU,WACRP,GAAS,SAAAQ,GAAsB,IAAAC,EAAAC,EAAAF,GAApBG,EAAKF,EAAA,GAAKG,EAAIH,EAAAI,MAAA,GAEvB,OADAP,EAAUK,EACHC,CACT,GACF,IAEON,GAMPQ,MAhBY,WAAH,OAASd,EAAS,GAAG,EAiB9BW,MAAOZ,EAAM,GACbgB,KAAMhB,EAAMA,EAAMJ,OAAS,GAC3BqB,KAAMjB,EAAMJ,OACZI,MAAAA,EAEJ"}

package/dist/esm/hooks/useRenderCount/useRenderCount.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRenderCount.js","sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = React.useRef(0);\n\n  React.useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"names":["useRenderCount","renderCountRef","React","useRef","useEffect","current"],"mappings":";yBAWaA,EAAiB,WAC5B,IAAMC,EAAiBC,EAAMC,OAAO,GAMpC,OAJAD,EAAME,WAAU,WACdH,EAAeI,SAAW,CAC5B,IAEOJ,EAAeI,OACxB"}
+{"version":3,"file":"useRenderCount.js","sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = useRef(0);\n\n  useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"names":["useRenderCount","renderCountRef","useRef","useEffect","current"],"mappings":";kDAWaA,EAAiB,WAC5B,IAAMC,EAAiBC,EAAO,GAM9B,OAJAC,GAAU,WACRF,EAAeG,SAAW,CAC5B,IAEOH,EAAeG,OACxB"}

package/dist/esm/hooks/useRenderInfo/useRenderInfo.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import e from"react";var n=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Unknown",r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=e.useRef({component:n,renders:0,timestamp:Date.now(),sinceLast:0}),c=Date.now();return t.current.renders+=1,t.current.sinceLast=t.current.timestamp?c-t.current.timestamp:0,t.current.timestamp=c,r&&(console.group("".concat(n," info, render number: ").concat(t.current.renders)),console.log("Timestamp: ".concat(t.current.timestamp)),console.log("Since last render: ".concat(t.current.sinceLast)),console.log("Renders: ".concat(t.current.renders)),console.dir(t.current),console.groupEnd()),t.current};export{n as useRenderInfo};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{useRef as e}from"react";var n=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Unknown",r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=e({component:n,renders:0,timestamp:Date.now(),sinceLast:0}),c=Date.now();return t.current.renders+=1,t.current.sinceLast=t.current.timestamp?c-t.current.timestamp:0,t.current.timestamp=c,r&&(console.group("".concat(n," info, render number: ").concat(t.current.renders)),console.log("Timestamp: ".concat(t.current.timestamp)),console.log("Since last render: ".concat(t.current.sinceLast)),console.log("Renders: ".concat(t.current.renders)),console.dir(t.current),console.groupEnd()),t.current};export{n as useRenderInfo};
 //# sourceMappingURL=useRenderInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRenderInfo.js","sources":["../../../../src/hooks/useRenderInfo/useRenderInfo.ts"],"sourcesContent":["import React from 'react';\n\nexport interface UseRenderInfoReturn {\n  component: string;\n  renders: number;\n  timestamp: null | number;\n  sinceLast: number;\n}\n\n/**\n * @name useRenderInfo\n * @description - Hook for getting information about component rerender\n *\n * @param {string} [name='Unknown'] Component name\n * @param {boolean} [log=true] Toggle logging\n * @returns {UseRenderInfoReturn} An object containing rerender information\n *\n * @example\n * const rerenderInfo = useRenderInfo('Component');\n */\nexport const useRenderInfo = (name: string = 'Unknown', log: boolean = true) => {\n  const renderInfoRef = React.useRef<UseRenderInfoReturn>({\n    component: name,\n    renders: 0,\n    timestamp: Date.now(),\n    sinceLast: 0\n  });\n  const now = Date.now();\n\n  renderInfoRef.current.renders += 1;\n  renderInfoRef.current.sinceLast = renderInfoRef.current.timestamp\n    ? now - renderInfoRef.current.timestamp\n    : 0;\n  renderInfoRef.current.timestamp = now;\n\n  if (log) {\n    console.group(`${name} info, render number: ${renderInfoRef.current.renders}`);\n    console.log(`Timestamp: ${renderInfoRef.current.timestamp}`);\n    console.log(`Since last render: ${renderInfoRef.current.sinceLast}`);\n    console.log(`Renders: ${renderInfoRef.current.renders}`);\n    console.dir(renderInfoRef.current);\n    console.groupEnd();\n  }\n\n  return renderInfoRef.current;\n};\n"],"names":["useRenderInfo","name","arguments","length","undefined","log","renderInfoRef","React","useRef","component","renders","timestamp","Date","now","sinceLast","current","console","group","concat","dir","groupEnd"],"mappings":";yBAoBaA,EAAgB,WAAmD,IAAlDC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,UAAWG,IAAYH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAC5DI,EAAgBC,EAAMC,OAA4B,CACtDC,UAAWR,EACXS,QAAS,EACTC,UAAWC,KAAKC,MAChBC,UAAW,IAEPD,EAAMD,KAAKC,MAiBjB,OAfAP,EAAcS,QAAQL,SAAW,EACjCJ,EAAcS,QAAQD,UAAYR,EAAcS,QAAQJ,UACpDE,EAAMP,EAAcS,QAAQJ,UAC5B,EACJL,EAAcS,QAAQJ,UAAYE,EAE9BR,IACFW,QAAQC,MAAKC,GAAAA,OAAIjB,EAAI,0BAAAiB,OAAyBZ,EAAcS,QAAQL,UACpEM,QAAQX,IAAG,cAAAa,OAAeZ,EAAcS,QAAQJ,YAChDK,QAAQX,IAAG,sBAAAa,OAAuBZ,EAAcS,QAAQD,YACxDE,QAAQX,IAAG,YAAAa,OAAaZ,EAAcS,QAAQL,UAC9CM,QAAQG,IAAIb,EAAcS,SAC1BC,QAAQI,YAGHd,EAAcS,OACvB"}
+{"version":3,"file":"useRenderInfo.js","sources":["../../../../src/hooks/useRenderInfo/useRenderInfo.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface UseRenderInfoReturn {\n  component: string;\n  renders: number;\n  timestamp: null | number;\n  sinceLast: number;\n}\n\n/**\n * @name useRenderInfo\n * @description - Hook for getting information about component rerender\n *\n * @param {string} [name='Unknown'] Component name\n * @param {boolean} [log=true] Toggle logging\n * @returns {UseRenderInfoReturn} An object containing rerender information\n *\n * @example\n * const rerenderInfo = useRenderInfo('Component');\n */\nexport const useRenderInfo = (name: string = 'Unknown', log: boolean = true) => {\n  const renderInfoRef = useRef<UseRenderInfoReturn>({\n    component: name,\n    renders: 0,\n    timestamp: Date.now(),\n    sinceLast: 0\n  });\n  const now = Date.now();\n\n  renderInfoRef.current.renders += 1;\n  renderInfoRef.current.sinceLast = renderInfoRef.current.timestamp\n    ? now - renderInfoRef.current.timestamp\n    : 0;\n  renderInfoRef.current.timestamp = now;\n\n  if (log) {\n    console.group(`${name} info, render number: ${renderInfoRef.current.renders}`);\n    console.log(`Timestamp: ${renderInfoRef.current.timestamp}`);\n    console.log(`Since last render: ${renderInfoRef.current.sinceLast}`);\n    console.log(`Renders: ${renderInfoRef.current.renders}`);\n    console.dir(renderInfoRef.current);\n    console.groupEnd();\n  }\n\n  return renderInfoRef.current;\n};\n"],"names":["useRenderInfo","name","arguments","length","undefined","log","renderInfoRef","useRef","component","renders","timestamp","Date","now","sinceLast","current","console","group","concat","dir","groupEnd"],"mappings":";mCAoBaA,EAAgB,WAAmD,IAAlDC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,UAAWG,IAAYH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAC5DI,EAAgBC,EAA4B,CAChDC,UAAWP,EACXQ,QAAS,EACTC,UAAWC,KAAKC,MAChBC,UAAW,IAEPD,EAAMD,KAAKC,MAiBjB,OAfAN,EAAcQ,QAAQL,SAAW,EACjCH,EAAcQ,QAAQD,UAAYP,EAAcQ,QAAQJ,UACpDE,EAAMN,EAAcQ,QAAQJ,UAC5B,EACJJ,EAAcQ,QAAQJ,UAAYE,EAE9BP,IACFU,QAAQC,MAAKC,GAAAA,OAAIhB,EAAI,0BAAAgB,OAAyBX,EAAcQ,QAAQL,UACpEM,QAAQV,IAAG,cAAAY,OAAeX,EAAcQ,QAAQJ,YAChDK,QAAQV,IAAG,sBAAAY,OAAuBX,EAAcQ,QAAQD,YACxDE,QAAQV,IAAG,YAAAY,OAAaX,EAAcQ,QAAQL,UAC9CM,QAAQG,IAAIZ,EAAcQ,SAC1BC,QAAQI,YAGHb,EAAcQ,OACvB"}

package/dist/esm/hooks/useRerender/useRerender.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as r}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import t from"react";var e=function(){var e=t.useId(),o=t.useState(e),a=r(o,2),n=a[0],u=a[1];return{id:n,update:function(){return u(Math.random().toString())}}};export{e as useRerender};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as r}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useId as t,useState as o}from"react";var n=function(){var n=t(),a=o(n),e=r(a,2),i=e[0],u=e[1];return{id:i,update:function(){return u(Math.random().toString())}}};export{n as useRerender};
 //# sourceMappingURL=useRerender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRerender.js","sources":["../../../../src/hooks/useRerender/useRerender.ts"],"sourcesContent":["import React from 'react';\n\n/** The use rerender return type */\ninterface UseRerenderReturns {\n  /** The id of the rerender */\n  id: string;\n  /** Function to rerender the component */\n  update: () => void;\n}\n\n/**\n * @name useRerender\n * @description - Hook that defines the logic to force rerender a component\n *\n * @returns {UseRerenderReturns} An object containing the id and update function\n *\n * @example\n * const { id, update } = useRerender();\n */\nexport const useRerender = (): UseRerenderReturns => {\n  const id = React.useId();\n  const [value, setValue] = React.useState(id);\n  return { id: value, update: () => setValue(Math.random().toString()) };\n};\n"],"names":["useRerender","id","React","useId","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","update","Math","random","toString"],"mappings":";yFAmBaA,EAAc,WACzB,IAAMC,EAAKC,EAAMC,QACjBC,EAA0BF,EAAMG,SAASJ,GAAGK,EAAAC,EAAAH,EAAA,GAArCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtB,MAAO,CAAEL,GAAIO,EAAOE,OAAQ,WAAA,OAAMD,EAASE,KAAKC,SAASC,WAAW,EACtE"}
+{"version":3,"file":"useRerender.js","sources":["../../../../src/hooks/useRerender/useRerender.ts"],"sourcesContent":["import { useId, useState } from 'react';\n\n/** The use rerender return type */\ninterface UseRerenderReturns {\n  /** The id of the rerender */\n  id: string;\n  /** Function to rerender the component */\n  update: () => void;\n}\n\n/**\n * @name useRerender\n * @description - Hook that defines the logic to force rerender a component\n *\n * @returns {UseRerenderReturns} An object containing the id and update function\n *\n * @example\n * const { id, update } = useRerender();\n */\nexport const useRerender = (): UseRerenderReturns => {\n  const id = useId();\n  const [value, setValue] = useState(id);\n  return { id: value, update: () => setValue(Math.random().toString()) };\n};\n"],"names":["useRerender","id","useId","_useState","useState","_useState2","_slicedToArray","value","setValue","update","Math","random","toString"],"mappings":";gHAmBaA,EAAc,WACzB,IAAMC,EAAKC,IACXC,EAA0BC,EAASH,GAAGI,EAAAC,EAAAH,EAAA,GAA/BI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtB,MAAO,CAAEJ,GAAIM,EAAOE,OAAQ,WAAA,OAAMD,EAASE,KAAKC,SAASC,WAAW,EACtE"}

package/dist/esm/hooks/useScript/useScript.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.30 */
-import{_ as e}from"../../_rollupPluginBabelHelpers-BO0nvURb.js";import t from"react";var r="script-status",n=function(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.useState((function(){var e=document.querySelector('script[src="'.concat(n,'"]')),t=null==e?void 0:e.getAttribute(r);return t||(e?"unknown":"loading")})),u=e(i,2),c=u[0],a=u[1],s=o.removeOnUnmount,d=void 0===s||s,v=o.async,l=void 0===v||v;return t.useEffect((function(){var t=document.querySelector('script[src="'.concat(n,'"]')),i=null==t?void 0:t.getAttribute(r);if(i)return a(i);if(t)return a("unknown");var u=document.createElement("script");u.src=n,u.async=l;for(var c=0,s=Object.entries(o);c<s.length;c++){var v=e(s[c],2),m=v[0],f=v[1];u.setAttribute(m,String(f))}u.setAttribute(r,"loading"),document.body.appendChild(u);var p=function(){u.setAttribute(r,"ready"),a("ready")},b=function(){u.setAttribute(r,"error"),a("error")};return u.addEventListener("load",p),u.addEventListener("error",b),function(){d&&(u.remove(),u.removeEventListener("load",p),u.removeEventListener("error",b))}}),[n,d]),c};export{r as SCRIPT_STATUS_ATTRIBUTE_NAME,n as useScript};
+/* @license @siberiacancode/reactuse v0.0.31 */
+import{_ as r}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useState as t,useEffect as e}from"react";var n="script-status",o=function(o){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=t((function(){var r=document.querySelector('script[src="'.concat(o,'"]')),t=null==r?void 0:r.getAttribute(n);return t||(r?"unknown":"loading")})),c=r(u,2),a=c[0],s=c[1],d=i.removeOnUnmount,v=void 0===d||d,l=i.async,m=void 0===l||l;return e((function(){var t=document.querySelector('script[src="'.concat(o,'"]')),e=null==t?void 0:t.getAttribute(n);if(e)return s(e);if(t)return s("unknown");var u=document.createElement("script");u.src=o,u.async=m;for(var c=0,a=Object.entries(i);c<a.length;c++){var d=r(a[c],2),l=d[0],f=d[1];u.setAttribute(l,String(f))}u.setAttribute(n,"loading"),document.body.appendChild(u);var p=function(){u.setAttribute(n,"ready"),s("ready")},b=function(){u.setAttribute(n,"error"),s("error")};return u.addEventListener("load",p),u.addEventListener("error",b),function(){v&&(u.remove(),u.removeEventListener("load",p),u.removeEventListener("error",b))}}),[o,v]),a};export{n as SCRIPT_STATUS_ATTRIBUTE_NAME,o as useScript};
 //# sourceMappingURL=useScript.js.map