@siberiacancode/reactuse 0.0.71 → 0.0.73

package/dist/cjs/hooks/useOtpCredential/useOtpCredential.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOtpCredential.js","sources":["../../../../src/hooks/useOtpCredential/useOtpCredential.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\ndeclare global {\n  interface OTPOptions {\n    readonly transport: string[];\n  }\n\n  interface CredentialRequestOptions {\n    readonly otp: OTPOptions;\n  }\n\n  interface Credential {\n    readonly code: string;\n  }\n}\n\n/* The use otp credential callback type */\nexport type UseOtpCredentialCallback = (otp: Credential | null) => void;\n\n/* The use otp credential options type */\nexport interface UseOtpCredentialParams {\n  /* The callback function to be invoked on success */\n  onSuccess: (credential: Credential | null) => void;\n  /* The callback function to be invoked on error */\n  onError: (error: any) => void;\n}\n\n/* The use otp credential return type */\nexport interface UseOtpCredentialReturn {\n  /* The supported state of the otp credential */\n  supported: boolean;\n  /* The get otp credential function */\n  get: () => Promise<Credential | null>;\n  /* The abort function */\n  abort: AbortController['abort'];\n  /*  The aborted state of the query */\n  aborted: boolean;\n}\n\nexport interface UseOtpCredential {\n  (callback?: UseOtpCredentialCallback): UseOtpCredentialReturn;\n\n  (params?: UseOtpCredentialParams): UseOtpCredentialReturn;\n}\n\n/**\n * @name useOtpCredential\n * @description - Hook that creates an otp credential\n * @category Browser\n *\n * @overload\n * @param {UseOtpCredentialCallback} callback The callback function to be invoked\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential((credential) => console.log(credential));\n *\n * @overload\n * @param {UseOtpCredentialCallback} params.onSuccess The callback function to be invoked on success\n * @param {UseOtpCredentialCallback} params.onError The callback function to be invoked on error\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential({ onSuccess: (credential) => console.log(credential), onError: (error) => console.log(error) });\n */\nexport const useOtpCredential = ((...params: any[]) => {\n  const onSuccess =\n    params[0] instanceof Function\n      ? (params[0] as UseOtpCredentialCallback | undefined)\n      : (params[0] as UseOtpCredentialParams | undefined)?.onSuccess;\n\n  const onError =\n    params[0] instanceof Function\n      ? (params[0] as UseOtpCredentialParams | undefined)?.onError\n      : undefined;\n\n  const supported = navigator && 'OTPCredential' in window;\n  const [aborted, setAborted] = useState(false);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n\n  const get = async () => {\n    if (!supported) return;\n\n    abortControllerRef.current = new AbortController();\n    try {\n      const credential = await navigator.credentials.get({\n        otp: { transport: ['sms'] },\n        signal: abortControllerRef.current.signal\n      });\n      onSuccess?.(credential);\n      setAborted(false);\n      return credential;\n    } catch (error) {\n      onError?.(error);\n    }\n  };\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n    abortControllerRef.current.signal.onabort = () => setAborted(true);\n  };\n\n  return { supported, abort, aborted, get };\n}) as UseOtpCredential;\n"],"names":["_params$","_params$2","_len","arguments","length","params","Array","_key","onSuccess","Function","onError","undefined","supported","navigator","window","_useState","useState","_useState2","_slicedToArray","aborted","setAborted","abortControllerRef","useRef","AbortController","get","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_credential","wrap","_context","prev","next","abrupt","current","credentials","otp","transport","signal","credential","sent","t0","stop","apply","this","abort","onabort"],"mappings":";sHAiEiC,WAAsB,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACzC,IAAMC,EACJH,EAAO,aAAcI,SAChBJ,EAAO,GACE,QADAL,EACTK,EAAO,UAAE,IAAAL,OAAA,EAAVA,EAAmDQ,UAEnDE,EACJL,EAAO,aAAcI,SACPR,QADeA,EACxBI,EAAO,cAAEJ,SAAVA,EAAmDS,aACnDC,EAEAC,EAAYC,WAAa,kBAAmBC,OAClDC,EAA8BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAtCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAqBC,EAAAA,OAAwB,IAAIC,iBAEjDC,EAAG,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,sBAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GACLtB,EAAS,CAAAoB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAEqC,OAAnDd,EAAmBe,QAAU,IAAIb,gBAAkBS,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAExBrB,UAAUwB,YAAYb,IAAI,CACjDc,IAAK,CAAEC,UAAW,CAAC,QACnBC,OAAQnB,EAAmBe,QAAQI,SACnC,KAAA,EAEgB,OALZC,EAAUT,EAAAU,KAIhBlC,SAAAA,EAAYiC,GACZrB,GAAW,GAAOY,EAAAG,OAAA,SACXM,GAAU,KAAA,GAAAT,EAAAC,KAAA,GAAAD,EAAAW,GAAAX,EAAA,MAAA,GAEjBtB,SAAAA,EAAOsB,EAAAW,IAAU,KAAA,GAAA,IAAA,MAAA,OAAAX,EAAAY,OAAA,GAAAf,EAAA,KAAA,CAAA,CAAA,EAAA,KAEpB,KAAA,OAAA,WAfQ,OAAAJ,EAAAoB,MAAAC,KAAA3C,UAAA,EAAA,GAuBT,MAAO,CAAES,UAAAA,EAAWmC,MANN,WACZ1B,EAAmBe,QAAQW,QAC3B1B,EAAmBe,QAAU,IAAIb,gBACjCF,EAAmBe,QAAQI,OAAOQ,QAAU,WAAA,OAAM5B,GAAW,EAAK,GAGzCD,QAAAA,EAASK,IAAAA,EACtC"}
+{"version":3,"file":"useOtpCredential.js","sources":["../../../../src/hooks/useOtpCredential/useOtpCredential.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\ndeclare global {\n  interface OTPOptions {\n    readonly transport: string[];\n  }\n\n  interface CredentialRequestOptions {\n    readonly otp: OTPOptions;\n  }\n\n  interface Credential {\n    readonly code: string;\n  }\n}\n\n/* The use otp credential callback type */\nexport type UseOtpCredentialCallback = (otp: Credential | null) => void;\n\n/* The use otp credential options type */\nexport interface UseOtpCredentialParams {\n  /* The callback function to be invoked on error */\n  onError: (error: any) => void;\n  /* The callback function to be invoked on success */\n  onSuccess: (credential: Credential | null) => void;\n}\n\n/* The use otp credential return type */\nexport interface UseOtpCredentialReturn {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /*  The aborted state of the query */\n  aborted: boolean;\n  /* The supported state of the otp credential */\n  supported: boolean;\n  /* The get otp credential function */\n  get: () => Promise<Credential | null>;\n}\n\nexport interface UseOtpCredential {\n  (callback?: UseOtpCredentialCallback): UseOtpCredentialReturn;\n\n  (params?: UseOtpCredentialParams): UseOtpCredentialReturn;\n}\n\n/**\n * @name useOtpCredential\n * @description - Hook that creates an otp credential\n * @category Browser\n *\n * @overload\n * @param {UseOtpCredentialCallback} callback The callback function to be invoked\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential((credential) => console.log(credential));\n *\n * @overload\n * @param {UseOtpCredentialCallback} params.onSuccess The callback function to be invoked on success\n * @param {UseOtpCredentialCallback} params.onError The callback function to be invoked on error\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential({ onSuccess: (credential) => console.log(credential), onError: (error) => console.log(error) });\n */\nexport const useOtpCredential = ((...params: any[]) => {\n  const onSuccess =\n    params[0] instanceof Function\n      ? (params[0] as UseOtpCredentialCallback | undefined)\n      : (params[0] as UseOtpCredentialParams | undefined)?.onSuccess;\n\n  const onError =\n    params[0] instanceof Function\n      ? (params[0] as UseOtpCredentialParams | undefined)?.onError\n      : undefined;\n\n  const supported = typeof navigator !== 'undefined' && 'OTPCredential' in window;\n  const [aborted, setAborted] = useState(false);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n\n  const get = async () => {\n    if (!supported) return;\n\n    abortControllerRef.current = new AbortController();\n    try {\n      const credential = await navigator.credentials.get({\n        otp: { transport: ['sms'] },\n        signal: abortControllerRef.current.signal\n      });\n      onSuccess?.(credential);\n      setAborted(false);\n      return credential;\n    } catch (error) {\n      onError?.(error);\n    }\n  };\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n    abortControllerRef.current.signal.onabort = () => setAborted(true);\n  };\n\n  return { supported, abort, aborted, get };\n}) as UseOtpCredential;\n"],"names":["_params$","_params$2","_len","arguments","length","params","Array","_key","onSuccess","Function","onError","undefined","supported","navigator","window","_useState","useState","_useState2","_slicedToArray","aborted","setAborted","abortControllerRef","useRef","AbortController","get","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","credential","wrap","_context","prev","next","abrupt","current","credentials","otp","transport","signal","sent","t0","stop","apply","this","abort","onabort"],"mappings":";sHAiEiC,WAAsB,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAAlBC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GACzC,IAAMC,EACJH,EAAO,aAAcI,SAChBJ,EAAO,GACE,QADAL,EACTK,EAAO,UAAE,IAAAL,OAAA,EAAVA,EAAmDQ,UAEnDE,EACJL,EAAO,aAAcI,SACPR,QADeA,EACxBI,EAAO,cAAEJ,SAAVA,EAAmDS,aACnDC,EAEAC,EAAiC,oBAAdC,WAA6B,kBAAmBC,OACzEC,EAA8BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAtCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAqBC,EAAAA,OAAwB,IAAIC,iBAEjDC,EAAG,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,sBAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GACLtB,EAAS,CAAAoB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAEqC,OAAnDd,EAAmBe,QAAU,IAAIb,gBAAkBS,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAExBrB,UAAUwB,YAAYb,IAAI,CACjDc,IAAK,CAAEC,UAAW,CAAC,QACnBC,OAAQnB,EAAmBe,QAAQI,SACnC,KAAA,EAEgB,OALZV,EAAUE,EAAAS,KAIhBjC,SAAAA,EAAYsB,GACZV,GAAW,GAAOY,EAAAG,OAAA,SACXL,GAAU,KAAA,GAAAE,EAAAC,KAAA,GAAAD,EAAAU,GAAAV,EAAA,MAAA,GAEjBtB,SAAAA,EAAOsB,EAAAU,IAAU,KAAA,GAAA,IAAA,MAAA,OAAAV,EAAAW,OAAA,GAAAd,EAAA,KAAA,CAAA,CAAA,EAAA,UAEpB,OAAA,WAfQ,OAAAJ,EAAAmB,MAAAC,KAAA1C,UAAA,EAAA,GAuBT,MAAO,CAAES,UAAAA,EAAWkC,MANN,WACZzB,EAAmBe,QAAQU,QAC3BzB,EAAmBe,QAAU,IAAIb,gBACjCF,EAAmBe,QAAQI,OAAOO,QAAU,WAAA,OAAM3B,GAAW,EAAK,CACnE,EAE0BD,QAAAA,EAASK,IAAAA,EACtC"}

package/dist/cjs/hooks/usePageLeave/usePageLeave.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),t=require("react"),n=require("../useEvent/useEvent.js");exports.usePageLeave=function(r){var u=t.useState(!1),s=e._slicedToArray(u,2),i=s[0],o=s[1],v=n.useEvent((function(){if(i)return o(!1);null==r||r(),o(!0)}));return t.useEffect((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),i};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),t=require("react"),n=require("../useEvent/useEvent.js");exports.usePageLeave=function(r){var u=t.useState(!1),s=e._slicedToArray(u,2),i=s[0],o=s[1],v=n.useEvent((function(){if(i)return o(!1);null==r||r(),o(!0)}));return t.useEffect((function(){return document.addEventListener("mouseleave",v,{passive:!0}),document.addEventListener("mouseenter",v,{passive:!0}),function(){document.removeEventListener("mouseenter",v),document.removeEventListener("mouseleave",v)}}),[]),i};
 //# sourceMappingURL=usePageLeave.js.map

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

@@ -1 +1 @@
-{"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 * @category Sensors\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":["callback","_useState","useState","_useState2","_slicedToArray","isLeft","setIsLeft","onMouse","useEvent","useEffect","document","addEventListener","passive","removeEventListener"],"mappings":";uJAe4B,SAACA,GAC3B,IAAAC,EAA4BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAUC,EAAAA,UAAS,WACvB,GAAIH,EAAQ,OAAOC,GAAU,GAC7BN,SAAAA,IACAM,GAAU,EACZ,IAYA,OAVAG,EAAAA,WAAU,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"}
+{"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 * @category Sensors\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":["callback","_useState","useState","_useState2","_slicedToArray","isLeft","setIsLeft","onMouse","useEvent","useEffect","document","addEventListener","passive","removeEventListener"],"mappings":";uJAe4B,SAACA,GAC3B,IAAAC,EAA4BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAUC,EAAAA,UAAS,WACvB,GAAIH,EAAQ,OAAOC,GAAU,GAC7BN,SAAAA,IACAM,GAAU,EACZ,IAYA,OAVAG,EAAAA,WAAU,WAIR,OAHAC,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAC5DF,SAASC,iBAAiB,aAAcJ,EAAS,CAAEK,SAAS,IAErD,WACLF,SAASG,oBAAoB,aAAcN,GAC3CG,SAASG,oBAAoB,aAAcN,EAC5C,CACF,GAAE,IAEIF,CACT"}

package/dist/cjs/hooks/usePaint/helpers/Paint.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var t=require("../../../_rollupPluginBabelHelpers-mppFXOYB.js"),s=require("./Pointer.js"),i=function(){return t._createClass((function i(e){var r=e.x,h=e.y,n=e.radius,o=e.smooth;t._classCallCheck(this,i),t._defineProperty(this,"smooth",!1),t._defineProperty(this,"points",[]),t._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new s.Pointer(r,h),this.brush=new s.Pointer(r,h),this.radius=n,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var s=this.pointer.getDistanceTo(this.brush),i=this.pointer.getAngleTo(this.brush);if(Math.round(10*(s-this.radius))/10>0){var e=i+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(s-this.radius),y:this.brush.y-Math.cos(e)*(s-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=i;
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var t=require("../../../_rollupPluginBabelHelpers-BHOoWWtW.js"),s=require("./Pointer.js"),i=function(){return t._createClass((function i(e){var r=e.x,h=e.y,n=e.radius,o=e.smooth;t._classCallCheck(this,i),t._defineProperty(this,"smooth",!1),t._defineProperty(this,"points",[]),t._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new s.Pointer(r,h),this.brush=new s.Pointer(r,h),this.radius=n,this.points=[],this.lines=[]}),[{key:"getBrushCoordinates",value:function(){return{x:this.brush.x,y:this.brush.y}}},{key:"getPointerCoordinates",value:function(){return{x:this.pointer.x,y:this.pointer.y}}},{key:"update",value:function(t){if(this.pointer.equalsTo(t))return!1;if(this.pointer.update(t),!this.smooth)return this.brush.update(t),this.points.push(this.getBrushCoordinates()),!0;var s=this.pointer.getDistanceTo(this.brush),i=this.pointer.getAngleTo(this.brush);if(Math.round(10*(s-this.radius))/10>0){var e=i+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(e)*(s-this.radius),y:this.brush.y-Math.cos(e)*(s-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=i;
 //# sourceMappingURL=Paint.js.map

package/dist/cjs/hooks/usePaint/helpers/Paint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paint.js","sources":["../../../../../src/hooks/usePaint/helpers/Paint.ts"],"sourcesContent":["import type { Point } from './Pointer';\nimport { Pointer } from './Pointer';\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n"],"names":["Paint","_createClass","_ref","x","y","radius","smooth","_classCallCheck","_defineProperty","this","pointer","Pointer","brush","points","lines","key","value","point","equalsTo","update","push","getBrushCoordinates","distance","getDistanceTo","angle","getAngleTo","Math","round","angleRotated","PI","sin","cos"],"mappings":";uGAGaA,EAAK,WAoBf,OAAAC,EAAAA,cAPD,SAAAD,EAAAE,GAAiG,IAAnFC,EAACD,EAADC,EAAGC,EAACF,EAADE,EAAGC,EAAMH,EAANG,OAAQC,EAAMJ,EAANI,OAAMC,uBAAAP,GAAAQ,EAAAA,+BANhB,GAAKA,EAAAA,8BAEL,IAAEA,EAAAA,6BAE2D,IAG7EC,KAAKH,OAASA,EACdG,KAAKC,QAAU,IAAIC,EAAOA,QAACR,EAAGC,GAC9BK,KAAKG,MAAQ,IAAID,EAAOA,QAACR,EAAGC,GAC5BK,KAAKJ,OAASA,EACdI,KAAKI,OAAS,GACdJ,KAAKK,MAAQ,EACf,GAAC,CAAA,CAAAC,IAAA,sBAAAC,MAED,WACE,MAAO,CACLb,EAAGM,KAAKG,MAAMT,EACdC,EAAGK,KAAKG,MAAMR,EAElB,GAAC,CAAAW,IAAA,wBAAAC,MAED,WACE,MAAO,CACLb,EAAGM,KAAKC,QAAQP,EAChBC,EAAGK,KAAKC,QAAQN,EAEpB,GAAC,CAAAW,IAAA,SAAAC,MAED,SAAOC,GACL,GAAIR,KAAKC,QAAQQ,SAASD,GAAQ,OAAO,EAGzC,GAFAR,KAAKC,QAAQS,OAAOF,IAEfR,KAAKH,OAGR,OAFAG,KAAKG,MAAMO,OAAOF,GAClBR,KAAKI,OAAOO,KAAKX,KAAKY,wBACf,EAGT,IAAMC,EAAWb,KAAKC,QAAQa,cAAcd,KAAKG,OAC3CY,EAAQf,KAAKC,QAAQe,WAAWhB,KAAKG,OAG3C,GAFkBc,KAAKC,MAAiC,IAA1BL,EAAWb,KAAKJ,SAAgB,GAAK,EAEpD,CACb,IAAMuB,EAAeJ,EAAQE,KAAKG,GAAK,EAMvC,OALApB,KAAKG,MAAMO,OAAO,CAChBhB,EAAGM,KAAKG,MAAMT,EAAIuB,KAAKI,IAAIF,IAAiBN,EAAWb,KAAKJ,QAC5DD,EAAGK,KAAKG,MAAMR,EAAIsB,KAAKK,IAAIH,IAAiBN,EAAWb,KAAKJ,UAE9DI,KAAKI,OAAOO,KAAKX,KAAKY,wBACf,CACT,CAEA,OAAO,CACT,IAAC,CA7De"}
+{"version":3,"file":"Paint.js","sources":["../../../../../src/hooks/usePaint/helpers/Paint.ts"],"sourcesContent":["import type { Point } from './Pointer';\n\nimport { Pointer } from './Pointer';\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n"],"names":["Paint","_createClass","_ref","x","y","radius","smooth","_classCallCheck","_defineProperty","this","pointer","Pointer","brush","points","lines","key","value","point","equalsTo","update","push","getBrushCoordinates","distance","getDistanceTo","angle","getAngleTo","Math","round","angleRotated","PI","sin","cos"],"mappings":";uGAIaA,EAAK,WAoBf,OAAAC,EAAAA,cAPD,SAAAD,EAAAE,GAAiG,IAAnFC,EAACD,EAADC,EAAGC,EAACF,EAADE,EAAGC,EAAMH,EAANG,OAAQC,EAAMJ,EAANI,OAAMC,EAAAA,qBAAAP,GAAAQ,iCANhB,GAAKA,gCAEL,IAAEA,+BAE2D,IAG7EC,KAAKH,OAASA,EACdG,KAAKC,QAAU,IAAIC,UAAQR,EAAGC,GAC9BK,KAAKG,MAAQ,IAAID,UAAQR,EAAGC,GAC5BK,KAAKJ,OAASA,EACdI,KAAKI,OAAS,GACdJ,KAAKK,MAAQ,EACf,GAAC,CAAA,CAAAC,IAAA,sBAAAC,MAED,WACE,MAAO,CACLb,EAAGM,KAAKG,MAAMT,EACdC,EAAGK,KAAKG,MAAMR,EAElB,GAAC,CAAAW,IAAA,wBAAAC,MAED,WACE,MAAO,CACLb,EAAGM,KAAKC,QAAQP,EAChBC,EAAGK,KAAKC,QAAQN,EAEpB,GAAC,CAAAW,IAAA,SAAAC,MAED,SAAOC,GACL,GAAIR,KAAKC,QAAQQ,SAASD,GAAQ,OAAO,EAGzC,GAFAR,KAAKC,QAAQS,OAAOF,IAEfR,KAAKH,OAGR,OAFAG,KAAKG,MAAMO,OAAOF,GAClBR,KAAKI,OAAOO,KAAKX,KAAKY,wBACf,EAGT,IAAMC,EAAWb,KAAKC,QAAQa,cAAcd,KAAKG,OAC3CY,EAAQf,KAAKC,QAAQe,WAAWhB,KAAKG,OAG3C,GAFkBc,KAAKC,MAAiC,IAA1BL,EAAWb,KAAKJ,SAAgB,GAAK,EAEpD,CACb,IAAMuB,EAAeJ,EAAQE,KAAKG,GAAK,EAMvC,OALApB,KAAKG,MAAMO,OAAO,CAChBhB,EAAGM,KAAKG,MAAMT,EAAIuB,KAAKI,IAAIF,IAAiBN,EAAWb,KAAKJ,QAC5DD,EAAGK,KAAKG,MAAMR,EAAIsB,KAAKK,IAAIH,IAAiBN,EAAWb,KAAKJ,UAE9DI,KAAKI,OAAOO,KAAKX,KAAKY,wBACf,CACT,CAEA,OAAO,CACT,IAAC,CA7De"}

package/dist/cjs/hooks/usePaint/helpers/Pointer.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-mppFXOYB.js"),t=function(){function t(n,i){e._classCallCheck(this,t),this.x=n,this.y=i}return e._createClass(t,[{key:"update",value:function(e){this.x=e.x,this.y=e.y}},{key:"getDifferenceTo",value:function(e){return new t(this.x-e.x,this.y-e.y)}},{key:"getDistanceTo",value:function(e){var t=this.getDifferenceTo(e);return Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2))}},{key:"getAngleTo",value:function(e){var t=this.getDifferenceTo(e);return Math.atan2(t.y,t.x)}},{key:"equalsTo",value:function(e){return this.x===e.x&&this.y===e.y}},{key:"moveByAngle",value:function(e,t){var n=e+Math.PI/2;return this.x+=Math.sin(n)*t,this.y-=Math.cos(n)*t,this}}])}();exports.Pointer=t;
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-BHOoWWtW.js"),t=function(){function t(n,i){e._classCallCheck(this,t),this.x=n,this.y=i}return e._createClass(t,[{key:"update",value:function(e){this.x=e.x,this.y=e.y}},{key:"getDifferenceTo",value:function(e){return new t(this.x-e.x,this.y-e.y)}},{key:"getDistanceTo",value:function(e){var t=this.getDifferenceTo(e);return Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2))}},{key:"getAngleTo",value:function(e){var t=this.getDifferenceTo(e);return Math.atan2(t.y,t.x)}},{key:"equalsTo",value:function(e){return this.x===e.x&&this.y===e.y}},{key:"moveByAngle",value:function(e,t){var n=e+Math.PI/2;return this.x+=Math.sin(n)*t,this.y-=Math.cos(n)*t,this}}])}();exports.Pointer=t;
 //# sourceMappingURL=Pointer.js.map

package/dist/cjs/hooks/usePaint/helpers/Pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","sources":["../../../../../src/hooks/usePaint/helpers/Pointer.ts"],"sourcesContent":["export interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos"],"mappings":";6EAKaA,EAAO,WAKlB,SAAAA,EAAYC,EAAWC,GAAWC,uBAAAH,GAChCI,KAAKH,EAAIA,EACTG,KAAKF,EAAIA,CACX,CAAC,OAAAG,EAAAA,aAAAL,EAAA,CAAA,CAAAM,IAAA,SAAAC,MAED,SAAOC,GACLJ,KAAKH,EAAIO,EAAMP,EACfG,KAAKF,EAAIM,EAAMN,CACjB,GAAC,CAAAI,IAAA,kBAAAC,MAED,SAAgBC,GACd,OAAO,IAAIR,EAAQI,KAAKH,EAAIO,EAAMP,EAAGG,KAAKF,EAAIM,EAAMN,EACtD,GAAC,CAAAI,IAAA,gBAAAC,MAED,SAAcC,GACZ,IAAMC,EAAOL,KAAKM,gBAAgBF,GAClC,OAAOG,KAAKC,KAAKD,KAAAE,IAAAJ,EAAKR,EAAK,GAACU,KAAAE,IAAGJ,EAAKP,EAAK,GAC3C,GAAC,CAAAI,IAAA,aAAAC,MAED,SAAWC,GACT,IAAMC,EAAOL,KAAKM,gBAAgBF,GAClC,OAAOG,KAAKG,MAAML,EAAKP,EAAGO,EAAKR,EACjC,GAAC,CAAAK,IAAA,WAAAC,MAED,SAASC,GACP,OAAOJ,KAAKH,IAAMO,EAAMP,GAAKG,KAAKF,IAAMM,EAAMN,CAChD,GAAC,CAAAI,IAAA,cAAAC,MAED,SAEEQ,EAEAC,GAGA,IAAMC,EAAeF,EAAQJ,KAAKO,GAAK,EAKvC,OAHAd,KAAKH,GAAKU,KAAKQ,IAAIF,GAAgBD,EACnCZ,KAAKF,GAAKS,KAAKS,IAAIH,GAAgBD,EAE5BZ,IACT,IAAC,CA9CiB"}
+{"version":3,"file":"Pointer.js","sources":["../../../../../src/hooks/usePaint/helpers/Pointer.ts"],"sourcesContent":["export interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos"],"mappings":";6EAKaA,EAAO,WAKlB,SAAAA,EAAYC,EAAWC,GAAWC,EAAAA,qBAAAH,GAChCI,KAAKH,EAAIA,EACTG,KAAKF,EAAIA,CACX,CAAC,OAAAG,EAAAA,aAAAL,EAAA,CAAA,CAAAM,IAAA,SAAAC,MAED,SAAOC,GACLJ,KAAKH,EAAIO,EAAMP,EACfG,KAAKF,EAAIM,EAAMN,CACjB,GAAC,CAAAI,IAAA,kBAAAC,MAED,SAAgBC,GACd,OAAO,IAAIR,EAAQI,KAAKH,EAAIO,EAAMP,EAAGG,KAAKF,EAAIM,EAAMN,EACtD,GAAC,CAAAI,IAAA,gBAAAC,MAED,SAAcC,GACZ,IAAMC,EAAOL,KAAKM,gBAAgBF,GAClC,OAAOG,KAAKC,KAAKD,KAAAE,IAAAJ,EAAKR,EAAK,GAACU,KAAAE,IAAGJ,EAAKP,EAAK,GAC3C,GAAC,CAAAI,IAAA,aAAAC,MAED,SAAWC,GACT,IAAMC,EAAOL,KAAKM,gBAAgBF,GAClC,OAAOG,KAAKG,MAAML,EAAKP,EAAGO,EAAKR,EACjC,GAAC,CAAAK,IAAA,WAAAC,MAED,SAASC,GACP,OAAOJ,KAAKH,IAAMO,EAAMP,GAAKG,KAAKF,IAAMM,EAAMN,CAChD,GAAC,CAAAI,IAAA,cAAAC,MAED,SAEEQ,EAEAC,GAGA,IAAMC,EAAeF,EAAQJ,KAAKO,GAAK,EAKvC,OAHAd,KAAKH,GAAKU,KAAKQ,IAAIF,GAAgBD,EACnCZ,KAAKF,GAAKS,KAAKS,IAAIH,GAAgBD,EAE5BZ,IACT,IAAC,CA9CiB"}

package/dist/cjs/hooks/usePaint/usePaint.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),r=require("react"),n=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var t=require("../useEvent/useEvent.js"),u=require("./helpers/Paint.js");require("./helpers/Pointer.js");exports.usePaint=function(){var i,o,l,c,s,a="object"!==e._typeof(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,v=a?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],d=null!==(i=null==v?void 0:v.color)&&void 0!==i?i:"black",f=null!==(o=null==v?void 0:v.opacity)&&void 0!==o?o:1,p=null!==(l=null==v?void 0:v.radius)&&void 0!==l?l:10,h=r.useRef(new u.Paint({x:0,y:0,radius:null!==(c=null==v?void 0:v.radius)&&void 0!==c?c:10,smooth:null!==(s=null==v?void 0:v.smooth)&&void 0!==s&&s})),y=r.useState(!1),g=e._slicedToArray(y,2),E=g[0],m=g[1],x=r.useRef(null),w=r.useRef(null),L=function(e,r,n,t){if(w.current){w.current.globalAlpha=n,w.current.strokeStyle=r,w.current.lineWidth=2*t,w.current.lineCap="round",w.current.lineJoin="round";var u=e[0],i=e[1];w.current.beginPath();for(var o=1;o<e.length;o+=1){var l={x:u.x+(i.x-u.x)/2,y:u.y+(i.y-u.y)/2};w.current.quadraticCurveTo(u.x,u.y,l.x,l.y),u=e[o],i=e[o+1]}w.current.lineTo(u.x,u.y),w.current.stroke()}},q=function(){w.current&&w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height)},j=t.useEvent((function(e){var r;if(E){null==v||null===(r=v.onMouseMove)||void 0===r||r.call(v,e,h.current);var n={x:e.offsetX,y:e.offsetY};h.current.update(n)&&w.current&&(q(),w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height),h.current.lines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)})),L(h.current.points,d,f,p))}})),b=t.useEvent((function(e){var r;if(w.current){var n={x:e.offsetX,y:e.offsetY};h.current.brush.update(n),h.current.points.push(n),L(h.current.points,d,f,p),null==v||null===(r=v.onMouseDown)||void 0===r||r.call(v,e,h.current),m(!0)}})),P=t.useEvent((function(e){var r;w.current&&(h.current.points.length&&(h.current.lines.push({points:h.current.points,color:d,opacity:f,radius:p}),h.current.points=[]),null==v||null===(r=v.onMouseUp)||void 0===r||r.call(v,e,h.current),m(!1))})),R=function(){w.current&&(q(),h.current.lines=[],h.current.points=[])},C=function(){w.current&&(q(),h.current.lines.pop(),h.current.lines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)})))};return r.useEffect((function(){var e=a?n.getElement(a):x.current;if(e)return w.current=e.getContext("2d"),null!=v&&v.initialLines&&(h.current.lines=v.initialLines,v.initialLines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)}))),e.addEventListener("mousedown",b),e.addEventListener("mousemove",j),e.addEventListener("mouseup",P),function(){e&&(e.removeEventListener("mousedown",b),e.removeEventListener("mousemove",j),e.removeEventListener("mouseup",P))}}),[]),a?{drawing:E,clear:R,undo:C,draw:L,lines:h.current.lines}:{ref:x,drawing:E,clear:R,undo:C,draw:L,lines:h.current.lines}};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),r=require("react"),n=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var t=require("../useEvent/useEvent.js"),u=require("./helpers/Paint.js");require("./helpers/Pointer.js");exports.usePaint=function(){var i,o,l,c,s,a="object"!==e._typeof(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,v=a?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],d=null!==(i=null==v?void 0:v.color)&&void 0!==i?i:"black",f=null!==(o=null==v?void 0:v.opacity)&&void 0!==o?o:1,p=null!==(l=null==v?void 0:v.radius)&&void 0!==l?l:10,h=r.useRef(new u.Paint({x:0,y:0,radius:null!==(c=null==v?void 0:v.radius)&&void 0!==c?c:10,smooth:null!==(s=null==v?void 0:v.smooth)&&void 0!==s&&s})),y=r.useState(!1),g=e._slicedToArray(y,2),E=g[0],m=g[1],x=r.useRef(null),w=r.useRef(null),L=function(e,r,n,t){if(w.current){w.current.globalAlpha=n,w.current.strokeStyle=r,w.current.lineWidth=2*t,w.current.lineCap="round",w.current.lineJoin="round";var u=e[0],i=e[1];w.current.beginPath();for(var o=1;o<e.length;o+=1){var l={x:u.x+(i.x-u.x)/2,y:u.y+(i.y-u.y)/2};w.current.quadraticCurveTo(u.x,u.y,l.x,l.y),u=e[o],i=e[o+1]}w.current.lineTo(u.x,u.y),w.current.stroke()}},q=function(){w.current&&w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height)},j=t.useEvent((function(e){var r;if(E){null==v||null===(r=v.onMouseMove)||void 0===r||r.call(v,e,h.current);var n={x:e.offsetX,y:e.offsetY};h.current.update(n)&&w.current&&(q(),w.current.clearRect(0,0,w.current.canvas.width,w.current.canvas.height),h.current.lines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)})),L(h.current.points,d,f,p))}})),b=t.useEvent((function(e){var r;if(w.current){var n={x:e.offsetX,y:e.offsetY};h.current.brush.update(n),h.current.points.push(n),L(h.current.points,d,f,p),null==v||null===(r=v.onMouseDown)||void 0===r||r.call(v,e,h.current),m(!0)}})),P=t.useEvent((function(e){var r;w.current&&(h.current.points.length&&(h.current.lines.push({points:h.current.points,color:d,opacity:f,radius:p}),h.current.points=[]),null==v||null===(r=v.onMouseUp)||void 0===r||r.call(v,e,h.current),m(!1))})),R=function(){w.current&&(q(),h.current.lines=[],h.current.points=[])},C=function(){w.current&&(q(),h.current.lines.pop(),h.current.lines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)})))};return r.useEffect((function(){var e=a?n.getElement(a):x.current;if(e)return w.current=e.getContext("2d"),null!=v&&v.initialLines&&(h.current.lines=v.initialLines,v.initialLines.forEach((function(e){var r=e.points,n=e.color,t=e.opacity,u=e.radius;return L(r,n,t,u)}))),e.addEventListener("mousedown",b),e.addEventListener("mousemove",j),e.addEventListener("mouseup",P),function(){e&&(e.removeEventListener("mousedown",b),e.removeEventListener("mousemove",j),e.removeEventListener("mouseup",P))}}),[]),a?{drawing:E,clear:R,undo:C,draw:L,lines:h.current.lines}:{ref:x,drawing:E,clear:R,undo:C,draw:L,lines:h.current.lines}};
 //# sourceMappingURL=usePaint.js.map

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

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

package/dist/cjs/hooks/useParallax/useParallax.js

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

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

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

package/dist/cjs/hooks/usePermission/usePermission.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),r=require("react"),t=require("../useEvent/useEvent.js");exports.usePermission=function(n,s){var u,a=r.useState("prompt"),i=e._slicedToArray(a,2),o=i[0],c=i[1],p=navigator&&"permissions"in navigator,v=null===(u=null==s?void 0:s.enabled)||void 0===u||u,l={name:n},m=t.useEvent(e._asyncToGenerator(e._regeneratorRuntime().mark((function r(){var t;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.permissions.query(l);case 3:return t=e.sent,c(t.state),e.abrupt("return",t.state);case 8:return e.prev=8,e.t0=e.catch(0),c("prompt"),e.abrupt("return","prompt");case 12:case"end":return e.stop()}}),r,null,[[0,8]])}))));return r.useEffect((function(){if(p&&v)return m(),window.addEventListener("change",m),function(){window.removeEventListener("change",m)}}),[n,v]),{state:o,supported:p,query:m}};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),r=require("react"),t=require("../useEvent/useEvent.js");exports.usePermission=function(n,u){var s,a=r.useState("prompt"),i=e._slicedToArray(a,2),o=i[0],p=i[1],c="undefined"!=typeof navigator&&"permissions"in navigator,v=null===(s=null==u?void 0:u.enabled)||void 0===s||s,l={name:n},d=t.useEvent(e._asyncToGenerator(e._regeneratorRuntime().mark((function r(){var t;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.permissions.query(l);case 3:return t=e.sent,p(t.state),e.abrupt("return",t.state);case 8:return e.prev=8,e.t0=e.catch(0),p("prompt"),e.abrupt("return","prompt");case 12:case"end":return e.stop()}}),r,null,[[0,8]])}))));return r.useEffect((function(){if(c&&v)return d(),window.addEventListener("change",d),function(){window.removeEventListener("change",d)}}),[n,v]),{state:o,supported:c,query:d}};
 //# sourceMappingURL=usePermission.js.map

package/dist/cjs/hooks/usePermission/usePermission.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePermission.js","sources":["../../../../src/hooks/usePermission/usePermission.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The permission name */\nexport type UsePermissionName =\n  | PermissionName\n  | 'accelerometer'\n  | 'accessibility-events'\n  | 'ambient-light-sensor'\n  | 'background-sync'\n  | 'camera'\n  | 'clipboard-read'\n  | 'clipboard-write'\n  | 'gyroscope'\n  | 'magnetometer'\n  | 'microphone'\n  | 'notifications'\n  | 'payment-handler'\n  | 'persistent-storage'\n  | 'push'\n  | 'speaker';\n\n/** The use permission options type */\nexport interface UsePermissionOptions {\n  /** Whether the permission is enabled */\n  enabled: boolean;\n}\n\n/** The use permission return type */\nexport interface UsePermissionReturn {\n  /** The permission state */\n  state: PermissionState;\n  /** The permission supported status */\n  supported: boolean;\n  /** The permission query function */\n  query: () => Promise<PermissionState>;\n}\n\n/**\n *  @name usePermission\n *  @description - Hook that gives you the state of permission\n *  @category Browser\n *\n *  @returns {UsePermissionReturn} An object containing the state and the supported status\n *\n *  @example\n *  const { state, supported, query } = usePermission('microphone');\n */\nexport const usePermission = (\n  permissionDescriptorName: UsePermissionName,\n  options?: UsePermissionOptions\n) => {\n  const [state, setState] = useState<PermissionState>('prompt');\n  const supported = navigator && 'permissions' in navigator;\n  const enabled = options?.enabled ?? true;\n\n  const permissionDescriptor = { name: permissionDescriptorName };\n\n  const query = useEvent(async () => {\n    try {\n      const permissionStatus = await navigator.permissions.query(\n        permissionDescriptor as PermissionDescriptor\n      );\n      setState(permissionStatus.state);\n      return permissionStatus.state;\n    } catch {\n      setState('prompt');\n      return 'prompt';\n    }\n  });\n\n  useEffect(() => {\n    if (!supported || !enabled) return;\n    query();\n    window.addEventListener('change', query);\n    return () => {\n      window.removeEventListener('change', query);\n    };\n  }, [permissionDescriptorName, enabled]);\n\n  return {\n    state,\n    supported,\n    query\n  };\n};\n"],"names":["permissionDescriptorName","options","_options$enabled","_useState","useState","_useState2","_slicedToArray","state","setState","supported","navigator","enabled","permissionDescriptor","name","query","useEvent","_asyncToGenerator","_regeneratorRuntime","mark","_callee","permissionStatus","wrap","_context","prev","next","permissions","sent","abrupt","t0","stop","useEffect","window","addEventListener","removeEventListener"],"mappings":";wJAiD6B,SAC3BA,EACAC,GACG,IAAAC,EACHC,EAA0BC,EAAQA,SAAkB,UAASC,EAAAC,EAAAA,eAAAH,EAAA,GAAtDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAYC,WAAa,gBAAiBA,UAC1CC,EAA0BT,QAAnBA,EAAGD,aAAO,EAAPA,EAASU,eAAOT,IAAAA,GAAAA,EAE1BU,EAAuB,CAAEC,KAAMb,GAE/Bc,EAAQC,EAAAA,SAAQC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,sBAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEYd,UAAUe,YAAYX,MACnDF,GACD,KAAA,EACgC,OAH3BQ,EAAgBE,EAAAI,KAGtBlB,EAASY,EAAiBb,OAAOe,EAAAK,OAC1BP,SAAAA,EAAiBb,OAAK,KAAA,EAEV,OAFUe,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE7Bd,EAAS,UAAUc,EAAAK,OAAA,SACZ,UAAQ,KAAA,GAAA,IAAA,MAAA,OAAAL,EAAAO,OAAA,GAAAV,EAAA,KAAA,CAAA,CAAA,EAAA,IAElB,MAWD,OATAW,EAAAA,WAAU,WACR,GAAKrB,GAAcE,EAGnB,OAFAG,IACAiB,OAAOC,iBAAiB,SAAUlB,GAC3B,WACLiB,OAAOE,oBAAoB,SAAUnB,GAEzC,GAAG,CAACd,EAA0BW,IAEvB,CACLJ,MAAAA,EACAE,UAAAA,EACAK,MAAAA,EAEJ"}
+{"version":3,"file":"usePermission.js","sources":["../../../../src/hooks/usePermission/usePermission.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The permission name */\nexport type UsePermissionName =\n  | 'accelerometer'\n  | 'accessibility-events'\n  | 'ambient-light-sensor'\n  | 'background-sync'\n  | 'camera'\n  | 'clipboard-read'\n  | 'clipboard-write'\n  | 'gyroscope'\n  | 'magnetometer'\n  | 'microphone'\n  | 'notifications'\n  | 'payment-handler'\n  | 'persistent-storage'\n  | 'push'\n  | 'speaker'\n  | PermissionName;\n\n/** The use permission options type */\nexport interface UsePermissionOptions {\n  /** Whether the permission is enabled */\n  enabled: boolean;\n}\n\n/** The use permission return type */\nexport interface UsePermissionReturn {\n  /** The permission state */\n  state: PermissionState;\n  /** The permission supported status */\n  supported: boolean;\n  /** The permission query function */\n  query: () => Promise<PermissionState>;\n}\n\n/**\n *  @name usePermission\n *  @description - Hook that gives you the state of permission\n *  @category Browser\n *\n *  @param {UsePermissionName} permissionDescriptorName - The permission name\n *  @param {boolean} [options.enabled=true] - Whether the permission is enabled\n *  @returns {UsePermissionReturn} An object containing the state and the supported status\n *\n *  @example\n *  const { state, supported, query } = usePermission('microphone');\n */\nexport const usePermission = (\n  permissionDescriptorName: UsePermissionName,\n  options?: UsePermissionOptions\n) => {\n  const [state, setState] = useState<PermissionState>('prompt');\n  const supported = typeof navigator !== 'undefined' && 'permissions' in navigator;\n  const enabled = options?.enabled ?? true;\n\n  const permissionDescriptor = { name: permissionDescriptorName };\n\n  const query = useEvent(async () => {\n    try {\n      const permissionStatus = await navigator.permissions.query(\n        permissionDescriptor as PermissionDescriptor\n      );\n      setState(permissionStatus.state);\n      return permissionStatus.state;\n    } catch {\n      setState('prompt');\n      return 'prompt';\n    }\n  });\n\n  useEffect(() => {\n    if (!supported || !enabled) return;\n    query();\n    window.addEventListener('change', query);\n    return () => {\n      window.removeEventListener('change', query);\n    };\n  }, [permissionDescriptorName, enabled]);\n\n  return {\n    state,\n    supported,\n    query\n  };\n};\n"],"names":["permissionDescriptorName","options","_options$enabled","_useState","useState","_useState2","_slicedToArray","state","setState","supported","navigator","enabled","permissionDescriptor","name","query","useEvent","_asyncToGenerator","_regeneratorRuntime","mark","_callee","permissionStatus","wrap","_context","prev","next","permissions","sent","abrupt","t0","stop","useEffect","window","addEventListener","removeEventListener"],"mappings":";wJAmD6B,SAC3BA,EACAC,GACG,IAAAC,EACHC,EAA0BC,EAAQA,SAAkB,UAASC,EAAAC,EAAAA,eAAAH,EAAA,GAAtDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAiC,oBAAdC,WAA6B,gBAAiBA,UACjEC,EAA0BT,QAAnBA,EAAGD,aAAO,EAAPA,EAASU,eAAOT,IAAAA,GAAAA,EAE1BU,EAAuB,CAAEC,KAAMb,GAE/Bc,EAAQC,EAAAA,SAAQC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,sBAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEYd,UAAUe,YAAYX,MACnDF,GACD,KAAA,EACgC,OAH3BQ,EAAgBE,EAAAI,KAGtBlB,EAASY,EAAiBb,OAAOe,EAAAK,OAC1BP,SAAAA,EAAiBb,OAAK,KAAA,EAEV,OAFUe,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE7Bd,EAAS,UAAUc,EAAAK,OAAA,SACZ,UAAQ,KAAA,GAAA,IAAA,MAAA,OAAAL,EAAAO,OAAA,GAAAV,EAAA,KAAA,CAAA,CAAA,EAAA,IAElB,MAWD,OATAW,EAAAA,WAAU,WACR,GAAKrB,GAAcE,EAGnB,OAFAG,IACAiB,OAAOC,iBAAiB,SAAUlB,GAC3B,WACLiB,OAAOE,oBAAoB,SAAUnB,EACtC,CACH,GAAG,CAACd,EAA0BW,IAEvB,CACLJ,MAAAA,EACAE,UAAAA,EACAK,MAAAA,EAEJ"}

package/dist/cjs/hooks/usePointerLock/usePointerLock.js

@@ -0,0 +1,3 @@
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),n=require("react");exports.usePointerLock=function(t){var r=!!document&&"pointerLockElement"in document,o=n.useState(),c=e._slicedToArray(o,2),i=c[0],u=c[1];n.useEffect((function(){if(r){var e=function(){var e;if(r){var n=null!==(e=document.pointerLockElement)&&void 0!==e?e:i;n&&n===i&&u(document.pointerLockElement)}},n=function(){var e;if(r){var n=null!==(e=document.pointerLockElement)&&void 0!==e?e:i;if(n&&n===i){var t=document.pointerLockElement?"release":"acquire";throw new Error("Failed to ".concat(t," pointer lock."))}}};return document.addEventListener("pointerlockchange",e),document.addEventListener("pointerlockerror",n),function(){document.removeEventListener("pointerlockchange",e),document.removeEventListener("pointerlockerror",n)}}}),[r,i]);return{supported:r,element:i,lock:function(e){if(r){var n=e instanceof Event?null==t?void 0:t.current:e.currentTarget;n&&(n.requestPointerLock(),u(n))}},unlock:function(){return!!i&&(document.exitPointerLock(),u(void 0),!0)}}};
+//# sourceMappingURL=usePointerLock.js.map

package/dist/cjs/hooks/usePointerLock/usePointerLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerLock.js","sources":["../../../../src/hooks/usePointerLock/usePointerLock.ts"],"sourcesContent":["import type { MouseEvent, RefObject } from 'react';\n\nimport { useEffect, useState } from 'react';\n\ntype UsePointerLockTarget = RefObject<Element | null | undefined>;\n\ninterface UsePointerLockReturn {\n  element?: Element;\n  supported: boolean;\n  lock: (event: Event | MouseEvent<Element>) => void;\n  unlock: () => boolean;\n}\n\n/**\n * @name usePointerLock\n * @description Hook that provides reactive pointer lock\n * @category Sensors\n *\n * @param {UsePointerLockTarget} target The target element for the pointer lock\n * @returns {UsePointerLockReturn} An object containing the pointer lock element and functions to interact with the pointer lock\n *\n * @example\n * const { supported, lock, unlock, element } = usePointerLock();\n */\n\nexport const usePointerLock = (target?: UsePointerLockTarget): UsePointerLockReturn => {\n  const supported = !!document && 'pointerLockElement' in document;\n\n  const [element, setElement] = useState<Element>();\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const handlePointerLockChange = () => {\n      if (!supported) return;\n\n      const currentElement = document.pointerLockElement ?? element;\n\n      if (currentElement && currentElement === element) {\n        setElement(document.pointerLockElement as Element);\n      }\n    };\n    const handlePointerLockError = () => {\n      if (!supported) return;\n\n      const currentElement = document.pointerLockElement ?? element;\n\n      if (currentElement && currentElement === element) {\n        const action = document.pointerLockElement ? 'release' : 'acquire';\n\n        throw new Error(`Failed to ${action} pointer lock.`);\n      }\n    };\n\n    document.addEventListener('pointerlockchange', handlePointerLockChange);\n    document.addEventListener('pointerlockerror', handlePointerLockError);\n\n    return () => {\n      document.removeEventListener('pointerlockchange', handlePointerLockChange);\n      document.removeEventListener('pointerlockerror', handlePointerLockError);\n    };\n  }, [supported, element]);\n\n  const lock = (event: Event | MouseEvent<Element>) => {\n    if (!supported) return;\n\n    const element = event instanceof Event ? target?.current : event.currentTarget;\n\n    if (!element) return;\n\n    element.requestPointerLock();\n\n    setElement(element);\n  };\n\n  const unlock = () => {\n    if (!element) return false;\n\n    document.exitPointerLock();\n\n    setElement(undefined);\n\n    return true;\n  };\n\n  return {\n    supported,\n    element,\n    lock,\n    unlock\n  };\n};\n"],"names":["target","supported","document","_useState","useState","_useState2","_slicedToArray","element","setElement","useEffect","handlePointerLockChange","_document$pointerLock","currentElement","pointerLockElement","handlePointerLockError","_document$pointerLock2","action","Error","concat","addEventListener","removeEventListener","lock","event","Event","current","currentTarget","requestPointerLock","unlock","exitPointerLock","undefined"],"mappings":";oHAyB8B,SAACA,GAC7B,IAAMC,IAAcC,UAAY,uBAAwBA,SAExDC,EAA8BC,EAAAA,WAAmBC,EAAAC,EAAAA,eAAAH,EAAA,GAA1CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAE1BI,EAAAA,WAAU,WACR,GAAKR,EAAL,CAEA,IAAMS,EAA0B,WAAM,IAAAC,EACpC,GAAKV,EAAL,CAEA,IAAMW,EAA4C,QAA9BD,EAAGT,SAASW,0BAAkB,IAAAF,EAAAA,EAAIJ,EAElDK,GAAkBA,IAAmBL,GACvCC,EAAWN,SAASW,mBALN,CAOjB,EACKC,EAAyB,WAAM,IAAAC,EACnC,GAAKd,EAAL,CAEA,IAAMW,EAA4C,QAA9BG,EAAGb,SAASW,0BAAkB,IAAAE,EAAAA,EAAIR,EAEtD,GAAIK,GAAkBA,IAAmBL,EAAS,CAChD,IAAMS,EAASd,SAASW,mBAAqB,UAAY,UAEzD,MAAM,IAAII,MAAK,aAAAC,OAAcF,oBAC/B,CARgB,CASjB,EAKD,OAHAd,SAASiB,iBAAiB,oBAAqBT,GAC/CR,SAASiB,iBAAiB,mBAAoBL,GAEvC,WACLZ,SAASkB,oBAAoB,oBAAqBV,GAClDR,SAASkB,oBAAoB,mBAAoBN,EAClD,CA7Be,CA8BlB,GAAG,CAACb,EAAWM,IAwBf,MAAO,CACLN,UAAAA,EACAM,QAAAA,EACAc,KAzBW,SAACC,GACZ,GAAKrB,EAAL,CAEA,IAAMM,EAAUe,aAAiBC,MAAQvB,aAAM,EAANA,EAAQwB,QAAUF,EAAMG,cAE5DlB,IAELA,EAAQmB,qBAERlB,EAAWD,GARK,CASjB,EAgBCoB,OAda,WACb,QAAKpB,IAELL,SAAS0B,kBAETpB,OAAWqB,IAEJ,EACR,EAQH"}

package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredColorScheme=function(){var r=e.useMediaQuery("(prefers-color-scheme: light)"),u=e.useMediaQuery("(prefers-color-scheme: dark)");return r?"light":u?"dark":"no-preference"};
 //# sourceMappingURL=usePreferredColorScheme.js.map

package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreferredColorScheme.js","sources":["../../../../src/hooks/usePreferredColorScheme/usePreferredColorScheme.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred color scheme return type */\nexport type UsePreferredColorSchemeReturn = 'dark' | 'light' | 'no-preference';\n\n/**\n * @name usePreferredColorScheme\n * @description - Hook that returns user preferred color scheme\n * @category Browser\n *\n * @returns {UsePreferredColorSchemeReturn} String of preferred color scheme\n *\n * @example\n * const colorScheme = usePreferredColorScheme();\n */\nexport const usePreferredColorScheme = (): UsePreferredColorSchemeReturn => {\n  const isLight = useMediaQuery('(prefers-color-scheme: light)');\n  const isDark = useMediaQuery('(prefers-color-scheme: dark)');\n\n  if (isLight) return 'light';\n  if (isDark) return 'dark';\n  return 'no-preference';\n};\n"],"names":["isLight","useMediaQuery","isDark"],"mappings":";iHAeuC,WACrC,IAAMA,EAAUC,gBAAc,iCACxBC,EAASD,gBAAc,gCAE7B,OAAID,EAAgB,QAChBE,EAAe,OACZ,eACT"}
+{"version":3,"file":"usePreferredColorScheme.js","sources":["../../../../src/hooks/usePreferredColorScheme/usePreferredColorScheme.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred color scheme return type */\nexport type UsePreferredColorSchemeReturn = 'dark' | 'light' | 'no-preference';\n\n/**\n * @name usePreferredColorScheme\n * @description - Hook that returns user preferred color scheme\n * @category Browser\n *\n * @returns {UsePreferredColorSchemeReturn} String of preferred color scheme\n *\n * @example\n * const colorScheme = usePreferredColorScheme();\n */\nexport const usePreferredColorScheme = (): UsePreferredColorSchemeReturn => {\n  const isLight = useMediaQuery('(prefers-color-scheme: light)');\n  const isDark = useMediaQuery('(prefers-color-scheme: dark)');\n\n  if (isLight) return 'light';\n  if (isDark) return 'dark';\n  return 'no-preference';\n};\n"],"names":["isLight","useMediaQuery","isDark"],"mappings":";iHAeuC,WACrC,IAAMA,EAAUC,EAAaA,cAAC,iCACxBC,EAASD,EAAaA,cAAC,gCAE7B,OAAID,EAAgB,QAChBE,EAAe,OACZ,eACT"}

package/dist/cjs/hooks/usePreferredContrast/usePreferredContrast.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredContrast=function(){var r=e.useMediaQuery("(prefers-contrast: more)"),s=e.useMediaQuery("(prefers-contrast: less)"),u=e.useMediaQuery("(prefers-contrast: custom)");return r?"more":s?"less":u?"custom":"no-preference"};
 //# sourceMappingURL=usePreferredContrast.js.map

package/dist/cjs/hooks/usePreferredContrast/usePreferredContrast.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreferredContrast.js","sources":["../../../../src/hooks/usePreferredContrast/usePreferredContrast.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred contrast return type */\nexport type UsePreferredContrastReturn = 'more' | 'less' | 'custom' | 'no-preference';\n\n/**\n * @name usePreferredContrast\n * @description - Hook that returns the contrast preference\n * @category Browser\n *\n * @returns {UsePreferredContrastReturn} The contrast preference\n *\n * @example\n * const contrast = usePreferredContrast();\n */\nexport const usePreferredContrast = (): UsePreferredContrastReturn => {\n  const more = useMediaQuery('(prefers-contrast: more)');\n  const less = useMediaQuery('(prefers-contrast: less)');\n  const custom = useMediaQuery('(prefers-contrast: custom)');\n  return more ? 'more' : less ? 'less' : custom ? 'custom' : 'no-preference';\n};\n"],"names":["more","useMediaQuery","less","custom"],"mappings":";8GAeoC,WAClC,IAAMA,EAAOC,gBAAc,4BACrBC,EAAOD,gBAAc,4BACrBE,EAASF,gBAAc,8BAC7B,OAAOD,EAAO,OAASE,EAAO,OAASC,EAAS,SAAW,eAC7D"}
+{"version":3,"file":"usePreferredContrast.js","sources":["../../../../src/hooks/usePreferredContrast/usePreferredContrast.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred contrast return type */\nexport type UsePreferredContrastReturn = 'custom' | 'less' | 'more' | 'no-preference';\n\n/**\n * @name usePreferredContrast\n * @description - Hook that returns the contrast preference\n * @category Browser\n *\n * @returns {UsePreferredContrastReturn} The contrast preference\n *\n * @example\n * const contrast = usePreferredContrast();\n */\nexport const usePreferredContrast = (): UsePreferredContrastReturn => {\n  const more = useMediaQuery('(prefers-contrast: more)');\n  const less = useMediaQuery('(prefers-contrast: less)');\n  const custom = useMediaQuery('(prefers-contrast: custom)');\n  return more ? 'more' : less ? 'less' : custom ? 'custom' : 'no-preference';\n};\n"],"names":["more","useMediaQuery","less","custom"],"mappings":";8GAeoC,WAClC,IAAMA,EAAOC,EAAaA,cAAC,4BACrBC,EAAOD,EAAaA,cAAC,4BACrBE,EAASF,EAAaA,cAAC,8BAC7B,OAAOD,EAAO,OAASE,EAAO,OAASC,EAAS,SAAW,eAC7D"}

package/dist/cjs/hooks/usePreferredDark/usePreferredDark.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredDark=function(){return e.useMediaQuery("(prefers-color-scheme: dark)")};
 //# sourceMappingURL=usePreferredDark.js.map

package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("react"),n=function(){return window.navigator.languages},r=function(){return[]},t=function(e){return window.addEventListener("languagechange",e),function(){window.removeEventListener("languagechange",e)}};exports.usePreferredLanguages=function(){return e.useSyncExternalStore(t,n,r)};
 //# sourceMappingURL=usePreferredLanguages.js.map

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

@@ -1 +1 @@
-{"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 * @category Browser\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","useSyncExternalStore"],"mappings":";oCAEMA,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,gCAYqC,WAAH,OAChCG,uBAAqBJ,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 * @category Browser\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","useSyncExternalStore"],"mappings":";oCAEMA,EAAc,WAAH,OAASC,OAAOC,UAAUC,SAAS,EAC9CC,EAAoB,WAAH,MAAS,EAAE,EAC5BC,EAAY,SAACC,GAEjB,OADAL,OAAOM,iBAAiB,iBAAkBD,GACnC,WACLL,OAAOO,oBAAoB,iBAAkBF,EAC9C,CACH,gCAYqC,WAAH,OAChCG,uBAAqBJ,EAAWL,EAAaI,EAAkB"}

package/dist/cjs/hooks/usePreferredReducedMotion/usePreferredReducedMotion.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("../useMediaQuery/useMediaQuery.js");require("react");exports.usePreferredReducedMotion=function(){return e.useMediaQuery("(prefers-reduced-motion: reduce)")?"reduce":"no-preference"};
 //# sourceMappingURL=usePreferredReducedMotion.js.map

package/dist/cjs/hooks/usePreferredReducedMotion/usePreferredReducedMotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreferredReducedMotion.js","sources":["../../../../src/hooks/usePreferredReducedMotion/usePreferredReducedMotion.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred reduced motion return type */\nexport type UsePreferredReducedMotionReturn = 'reduce' | 'no-preference';\n\n/**\n * @name usePreferredReducedMotion\n * @description - Hook that returns the reduced motion preference\n * @category Browser\n *\n * @returns {UsePreferredReducedMotionReturn} The reduced motion preference\n *\n * @example\n * const reduced = usePreferredReducedMotion();\n */\nexport const usePreferredReducedMotion = (): UsePreferredReducedMotionReturn => {\n  const reduced = useMediaQuery('(prefers-reduced-motion: reduce)');\n  return reduced ? 'reduce' : 'no-preference';\n};\n"],"names":["useMediaQuery"],"mappings":";mHAeyC,WAEvC,OADgBA,gBAAc,oCACb,SAAW,eAC9B"}
+{"version":3,"file":"usePreferredReducedMotion.js","sources":["../../../../src/hooks/usePreferredReducedMotion/usePreferredReducedMotion.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred reduced motion return type */\nexport type UsePreferredReducedMotionReturn = 'no-preference' | 'reduce';\n\n/**\n * @name usePreferredReducedMotion\n * @description - Hook that returns the reduced motion preference\n * @category Browser\n *\n * @returns {UsePreferredReducedMotionReturn} The reduced motion preference\n *\n * @example\n * const reduced = usePreferredReducedMotion();\n */\nexport const usePreferredReducedMotion = (): UsePreferredReducedMotionReturn => {\n  const reduced = useMediaQuery('(prefers-reduced-motion: reduce)');\n  return reduced ? 'reduce' : 'no-preference';\n};\n"],"names":["useMediaQuery"],"mappings":";mHAeyC,WAEvC,OADgBA,EAAaA,cAAC,oCACb,SAAW,eAC9B"}

package/dist/cjs/hooks/usePrevious/usePrevious.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
+/* @license @siberiacancode/reactuse v0.0.73 */
 "use strict";var e=require("react");exports.usePrevious=function(r){var u=e.useRef();return e.useEffect((function(){u.current=r})),u.current};
 //# sourceMappingURL=usePrevious.js.map

package/dist/cjs/hooks/useQuery/useQuery.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),r=require("react"),t=require("../../utils/helpers/getRetry.js");require("../../utils/helpers/isClient.js");var n=require("../useDidUpdate/useDidUpdate.js"),l=require("../useMount/useMount.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");exports.useQuery=function(u,i){var a,o,c=null===(a=null==i?void 0:i.enabled)||void 0===a||a,s=r.useRef(null!=i&&i.retry?t.getRetry(i.retry):0),d=r.useState(!1),f=e._slicedToArray(d,2),v=f[0],y=f[1],h=r.useState(!1),p=e._slicedToArray(h,2),A=p[0],b=p[1],_=r.useState(!1),g=e._slicedToArray(_,2),D=g[0],S=g[1],I=r.useState(!(null==i||!i.initialData)),q=e._slicedToArray(I,2),R=q[0],T=q[1],j=r.useState(!(null==i||!i.initialData)),C=e._slicedToArray(j,2),E=C[0],m=C[1],L=r.useState(void 0),M=e._slicedToArray(L,2),U=M[0],k=M[1],w=r.useState(null==i?void 0:i.initialData),x=e._slicedToArray(w,2),B=x[0],F=x[1],H=r.useRef(new AbortController),P=r.useRef(),Q=null!==(o=null==i?void 0:i.keys)&&void 0!==o?o:[],z=function(){H.current.abort(),H.current=new AbortController,H.current.signal.onabort=function(){return m(!0)}},G=function e(r){z(),y(!0),"refetch"===r&&S(!0),u({signal:H.current.signal,keys:Q}).then((function(e){var t,n=null!=i&&i.select?null==i?void 0:i.select(e):e;null==i||null===(t=i.onSuccess)||void 0===t||t.call(i,n),F(n),T(!0),y(!1),k(void 0),b(!1),m(!1),"refetch"===r&&S(!1)})).catch((function(n){var l;if(s.current>0)return s.current-=1,e(r);null==i||null===(l=i.onError)||void 0===l||l.call(i,n),F(void 0),T(!1),y(!1),m(!1),k(n),b(!0),"refetch"===r&&S(!1),s.current=null!=i&&i.retry?t.getRetry(i.retry):0})).finally((function(){if(null!=i&&i.refetchInterval){var r=setInterval((function(){clearInterval(r),e("refetch")}),null==i?void 0:i.refetchInterval);P.current=r}}))};l.useMount((function(){c&&G("init")})),n.useDidUpdate((function(){c&&G("refetch")}),[c].concat(e._toConsumableArray(Q))),r.useEffect((function(){return function(){clearInterval(P.current)}}),[c,null==i?void 0:i.refetchInterval,null==i?void 0:i.retry].concat(e._toConsumableArray(Q)));var J=(null==i?void 0:i.placeholderData)instanceof Function?null==i?void 0:i.placeholderData():null==i?void 0:i.placeholderData;return{abort:z,data:null!=B?B:J,error:U,refetch:function(){return G("refetch")},isLoading:v,isError:A,isSuccess:R,isRefetching:D,aborted:E}};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),r=require("react"),t=require("../../utils/helpers/getRetry.js");require("../../utils/helpers/isClient.js");var n=require("../useDidUpdate/useDidUpdate.js"),l=require("../useMount/useMount.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");exports.useQuery=function(u,i){var a,o,c=null===(a=null==i?void 0:i.enabled)||void 0===a||a,s=r.useRef(null!=i&&i.retry?t.getRetry(i.retry):0),d=r.useState(!1),f=e._slicedToArray(d,2),v=f[0],y=f[1],h=r.useState(!1),p=e._slicedToArray(h,2),A=p[0],b=p[1],_=r.useState(!1),g=e._slicedToArray(_,2),D=g[0],S=g[1],I=r.useState(!(null==i||!i.initialData)),q=e._slicedToArray(I,2),R=q[0],T=q[1],j=r.useState(!(null==i||!i.initialData)),C=e._slicedToArray(j,2),E=C[0],m=C[1],L=r.useState(void 0),M=e._slicedToArray(L,2),U=M[0],k=M[1],w=r.useState(null==i?void 0:i.initialData),x=e._slicedToArray(w,2),B=x[0],F=x[1],H=r.useRef(new AbortController),P=r.useRef(),Q=null!==(o=null==i?void 0:i.keys)&&void 0!==o?o:[],z=function(){H.current.abort(),H.current=new AbortController,H.current.signal.onabort=function(){return m(!0)}},G=function(e){z(),y(!0),"refetch"===e&&S(!0),u({signal:H.current.signal,keys:Q}).then((function(r){var t,n=null!=i&&i.select?null==i?void 0:i.select(r):r;null==i||null===(t=i.onSuccess)||void 0===t||t.call(i,n),F(n),T(!0),y(!1),k(void 0),b(!1),m(!1),"refetch"===e&&S(!1)})).catch((function(r){var n;if(s.current>0)return s.current-=1,G(e);null==i||null===(n=i.onError)||void 0===n||n.call(i,r),F(void 0),T(!1),y(!1),m(!1),k(r),b(!0),"refetch"===e&&S(!1),s.current=null!=i&&i.retry?t.getRetry(i.retry):0})).finally((function(){if(null!=i&&i.refetchInterval){var e=setInterval((function(){clearInterval(e),G("refetch")}),null==i?void 0:i.refetchInterval);P.current=e}}))};l.useMount((function(){c&&G("init")})),n.useDidUpdate((function(){c&&G("refetch")}),[c].concat(e._toConsumableArray(Q))),r.useEffect((function(){return function(){clearInterval(P.current)}}),[c,null==i?void 0:i.refetchInterval,null==i?void 0:i.retry].concat(e._toConsumableArray(Q)));var J=(null==i?void 0:i.placeholderData)instanceof Function?null==i?void 0:i.placeholderData():null==i?void 0:i.placeholderData;return{abort:z,data:null!=B?B:J,error:U,refetch:function(){return G("refetch")},isLoading:v,isError:A,isSuccess:R,isRefetching:D,aborted:E}};
 //# sourceMappingURL=useQuery.js.map

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

@@ -1 +1 @@
-{"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\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface 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  /* The refetch interval */\n  refetchInterval?: number;\n  /* The enabled state of the query */\n  enabled?: boolean;\n}\n\ninterface UseQueryCallbackParams {\n  /* The abort signal */\n  signal: AbortSignal;\n  /* The depends for the hook */\n  keys: DependencyList;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The state of the query */\n  data?: Data;\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;\n  /* The refetch function */\n  refetch: () => void;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The abort function */\n  abort: AbortController['abort'];\n  /*  The aborted state of the query */\n  aborted: boolean;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Utilities\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 {number} [options.refetchInterval] The refetch interval\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, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\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  const [aborted, setAborted] = useState(!!options?.initialData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.initialData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n    abortControllerRef.current.signal.onabort = () => setAborted(true);\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n    setIsLoading(true);\n\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\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        setAborted(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        setAborted(false);\n        setError(error);\n        setIsError(true);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request('refetch');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...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    abort,\n    data: data ?? placeholderData,\n    error,\n    refetch,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching,\n    aborted\n  };\n};\n"],"names":["callback","options","_options$enabled","_options$keys","enabled","retryCountRef","useRef","retry","getRetry","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isError","setIsError","_useState5","_useState6","isRefetching","setIsRefetching","_useState7","initialData","_useState8","isSuccess","setIsSuccess","_useState9","_useState10","aborted","setAborted","_useState11","undefined","_useState12","error","setError","_useState13","_useState14","data","setData","abortControllerRef","AbortController","intervalIdRef","keys","abort","current","signal","onabort","request","action","then","response","_options$onSuccess","select","onSuccess","call","_options$onError","onError","refetchInterval","interval","setInterval","clearInterval","useMount","useDidUpdate","concat","_toConsumableArray","useEffect","placeholderData","Function","refetch"],"mappings":"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"}
+{"version":3,"file":"useQuery.js","sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface UseQueryOptions<QueryData, Data> {\n  /* The enabled state of the query */\n  enabled?: boolean;\n  /* The initial data for the hook */\n  initialData?: (() => Data) | Data;\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The refetch interval */\n  refetchInterval?: number;\n  /* The retry count of requests */\n  retry?: boolean | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\ninterface UseQueryCallbackParams {\n  /* The depends for the hook */\n  keys: DependencyList;\n  /* The abort signal */\n  signal: AbortSignal;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /*  The aborted state of the query */\n  aborted: boolean;\n  /* The state of the query */\n  data?: Data;\n  /* The success state of the query */\n  error?: Error;\n  /* The error state of the query */\n  isError: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The refetch function */\n  refetch: () => void;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Utilities\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 {number} [options.refetchInterval] The refetch interval\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, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\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  const [aborted, setAborted] = useState(!!options?.initialData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.initialData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n    abortControllerRef.current.signal.onabort = () => setAborted(true);\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n    setIsLoading(true);\n\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\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        setAborted(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        setAborted(false);\n        setError(error);\n        setIsError(true);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request('refetch');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...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    abort,\n    data: data ?? placeholderData,\n    error,\n    refetch,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching,\n    aborted\n  };\n};\n"],"names":["callback","options","_options$enabled","_options$keys","enabled","retryCountRef","useRef","retry","getRetry","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isError","setIsError","_useState5","_useState6","isRefetching","setIsRefetching","_useState7","initialData","_useState8","isSuccess","setIsSuccess","_useState9","_useState10","aborted","setAborted","_useState11","undefined","_useState12","error","setError","_useState13","_useState14","data","setData","abortControllerRef","AbortController","intervalIdRef","keys","abort","current","signal","onabort","request","action","then","response","_options$onSuccess","select","onSuccess","call","_options$onError","onError","refetchInterval","interval","setInterval","clearInterval","useMount","useDidUpdate","concat","_toConsumableArray","useEffect","placeholderData","Function","refetch"],"mappings":"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"}

package/dist/cjs/hooks/useQueue/useQueue.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),e=require("react"),t=require("react-dom");exports.useQueue=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],u=e.useState(n),i=r._slicedToArray(u,2),o=i[0],a=i[1];return{add:function(e){return a((function(t){return[].concat(r._toConsumableArray(t),[e])}))},remove:function(){var e;return t.flushSync((function(){a((function(t){var n=r._toArray(t),u=n[0],i=n.slice(1);return e=u,i}))})),e},clear:function(){return a([])},first:o[0],last:o[o.length-1],size:o.length,queue:o}};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),e=require("react"),t=require("react-dom");exports.useQueue=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],u=e.useState(n),i=r._slicedToArray(u,2),o=i[0],a=i[1];return{add:function(e){return a((function(t){return[].concat(r._toConsumableArray(t),[e])}))},remove:function(){var e;return t.flushSync((function(){a((function(t){var n=r._toArray(t),u=n[0],i=n.slice(1);return e=u,i}))})),e},clear:function(){return a([])},first:o[0],last:o[o.length-1],size:o.length,queue:o}};
 //# sourceMappingURL=useQueue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQueue.js","sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\r\nimport { flushSync } from 'react-dom';\r\n\r\n/** The use queue return type */\r\nexport interface UseQueueReturn<Value> {\r\n  /** The current queue */\r\n  queue: Value[];\r\n  /** Add an element to the queue */\r\n  add: (element: Value) => void;\r\n  /** Remove an element from the queue */\r\n  remove: () => Value;\r\n  /** Clear the queue */\r\n  clear: () => void;\r\n  /** Get the first element of the queue */\r\n  first: Value;\r\n  /** Get the last element of the queue */\r\n  last: Value;\r\n  /** Get the size of the queue */\r\n  size: number;\r\n}\r\n\r\n/**\r\n * @name useQueue\r\n * @description - Hook that manages a queue\r\n * @category Utilities\r\n *\r\n * @template Value The type of the value\r\n * @param {Value[]} [initialValue=[]] The initial value of the queue\r\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\r\n *\r\n * @example\r\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\r\n */\r\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\r\n  const [queue, setQueue] = useState(initialValue);\r\n\r\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\r\n  const clear = () => setQueue([]);\r\n  const remove = () => {\r\n    let removed;\r\n    flushSync(() => {\r\n      setQueue(([first, ...rest]) => {\r\n        removed = first;\r\n        return rest;\r\n      });\r\n    });\r\n\r\n    return removed as Value;\r\n  };\r\n\r\n  return {\r\n    add,\r\n    remove,\r\n    clear,\r\n    first: queue[0],\r\n    last: queue[queue.length - 1],\r\n    size: queue.length,\r\n    queue\r\n  };\r\n};\r\n"],"names":["initialValue","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray","queue","setQueue","add","element","concat","_toConsumableArray","remove","removed","flushSync","_ref","_ref2","_toArray","first","rest","slice","clear","last","size"],"mappings":";qIAiCwB,WAA8D,IAAtDA,EAAqBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACtDG,EAA0BC,EAAQA,SAACL,GAAaM,EAAAC,EAAAA,eAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAgBtB,MAAO,CACLI,IAfU,SAACC,GAAc,OAAKF,GAAS,SAACD,GAAK,MAAA,GAAAI,OAAAC,EAAAA,mBAASL,IAAOG,GAAO,GAAE,EAgBtEG,OAda,WACb,IAAIC,EAQJ,OAPAC,EAAAA,WAAU,WACRP,GAAS,SAAAQ,GAAsB,IAAAC,EAAAC,EAAAA,SAAAF,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,EAAMN,OAAS,GAC3BuB,KAAMjB,EAAMN,OACZM,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  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** The current queue */\n  queue: Value[];\n  /** Get the size of the queue */\n  size: number;\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Clear the queue */\n  clear: () => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n * @category Utilities\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":["initialValue","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray","queue","setQueue","add","element","concat","_toConsumableArray","remove","removed","flushSync","_ref","_ref2","_toArray","first","rest","slice","clear","last","size"],"mappings":";qIAiCwB,WAA8D,IAAtDA,EAAqBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GACtDG,EAA0BC,EAAQA,SAACL,GAAaM,EAAAC,EAAAA,eAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAgBtB,MAAO,CACLI,IAfU,SAACC,GAAc,OAAKF,GAAS,SAACD,GAAK,MAAA,GAAAI,OAAAC,EAAAA,mBAASL,IAAOG,GAAO,GAAE,EAgBtEG,OAda,WACb,IAAIC,EAQJ,OAPAC,EAAAA,WAAU,WACRP,GAAS,SAAAQ,GAAsB,IAAAC,EAAAC,EAAAA,SAAAF,GAApBG,EAAKF,EAAA,GAAKG,EAAIH,EAAAI,MAAA,GAEvB,OADAP,EAAUK,EACHC,CACT,GACF,IAEON,CACR,EAKCQ,MAhBY,WAAH,OAASd,EAAS,GAAG,EAiB9BW,MAAOZ,EAAM,GACbgB,KAAMhB,EAAMA,EAAMN,OAAS,GAC3BuB,KAAMjB,EAAMN,OACZM,MAAAA,EAEJ"}

package/dist/cjs/hooks/useRaf/useRaf.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),r=require("react");exports.useRaf=function(n,u){var t,i=r.useRef(null),l=r.useRef(0),a=r.useState(!1),c=e._slicedToArray(a,2),o=c[0],s=c[1],d=null===(t=null==u?void 0:u.enabled)||void 0===t||t,f=r.useRef(n);f.current=n;var m=function e(r){var n=r-l.current;null!=u&&u.delay&&n<(null==u?void 0:u.delay)||(l.current=r,f.current({delta:n,timestamp:r})),i.current=window.requestAnimationFrame(e)},v=function(){o||(s(!0),l.current=0,i.current=window.requestAnimationFrame(m))};function w(){i.current&&(s(!1),window.cancelAnimationFrame(i.current),i.current=null)}return r.useEffect((function(){if(d)return v(),w}),[d,null==u?void 0:u.delay]),{active:o,pause:w,resume:v}};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),r=require("react");exports.useRaf=function(n,u){var t,i=r.useRef(null),l=r.useRef(0),a=r.useState(!1),c=e._slicedToArray(a,2),o=c[0],s=c[1],d=null===(t=null==u?void 0:u.enabled)||void 0===t||t,f=r.useRef(n);f.current=n;var m=function(e){var r=e-l.current;null!=u&&u.delay&&r<(null==u?void 0:u.delay)||(l.current=e,f.current({delta:r,timestamp:e})),i.current=window.requestAnimationFrame(m)},v=function(){o||(s(!0),l.current=0,i.current=window.requestAnimationFrame(m))};function w(){i.current&&(s(!1),window.cancelAnimationFrame(i.current),i.current=null)}return r.useEffect((function(){if(d)return v(),w}),[d,null==u?void 0:u.delay]),{active:o,pause:w,resume:v}};
 //# sourceMappingURL=useRaf.js.map

package/dist/cjs/hooks/useRaf/useRaf.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRaf.js","sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\n/* The use raf params type */\r\nexport interface UseRafParams {\r\n  /** The delta between each frame in milliseconds */\r\n  delta: number;\r\n  /** The timestamp of the current frame in milliseconds */\r\n  timestamp: DOMHighResTimeStamp;\r\n}\r\n\r\n/* The use raf type */\r\nexport type UseRafCallback = (params: UseRafParams) => void;\r\n\r\n/* The use raf options type */\r\nexport interface UseRafOptions {\r\n  /** The delay between each frame in milliseconds */\r\n  delay?: number;\r\n  /** Whether the callback should be enabled */\r\n  enabled?: boolean;\r\n}\r\n\r\n/* The use raf return type */\r\nexport interface UseRafReturn {\r\n  /** Whether the callback is active */\r\n  active: boolean;\r\n  /** Function to pause the callback */\r\n  pause: () => void;\r\n  /** Function to resume the callback */\r\n  resume: () => void;\r\n}\r\n\r\n/**\r\n * @name useRaf\r\n * @description - Hook that defines the logic for raf callback\r\n * @category Utilities\r\n *\r\n * @param {UseRafCallback} callback The callback to execute\r\n * @param {number} [options.delay] The delay between each frame in milliseconds\r\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\r\n * @returns {UseRafCallbackReturn} An object of raf callback functions\r\n *\r\n * @example\r\n * useRaf(() => console.log('callback'));\r\n */\r\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\r\n  const rafIdRef = useRef<number | null>(null);\r\n  const previousFrameTimestampRef = useRef(0);\r\n  const [active, setActive] = useState(false);\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const internalCallbackRef = useRef(callback);\r\n  internalCallbackRef.current = callback;\r\n\r\n  const loop = (timestamp: DOMHighResTimeStamp) => {\r\n    const delta = timestamp - previousFrameTimestampRef.current;\r\n\r\n    if (options?.delay && delta < options?.delay) {\r\n      rafIdRef.current = window.requestAnimationFrame(loop);\r\n      return;\r\n    }\r\n\r\n    previousFrameTimestampRef.current = timestamp;\r\n    internalCallbackRef.current({ delta, timestamp });\r\n    rafIdRef.current = window.requestAnimationFrame(loop);\r\n  };\r\n\r\n  const resume = () => {\r\n    if (active) return;\r\n    setActive(true);\r\n    previousFrameTimestampRef.current = 0;\r\n    rafIdRef.current = window.requestAnimationFrame(loop);\r\n  };\r\n\r\n  function pause() {\r\n    if (!rafIdRef.current) return;\r\n\r\n    setActive(false);\r\n    window.cancelAnimationFrame(rafIdRef.current);\r\n    rafIdRef.current = null;\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (!enabled) return;\r\n    resume();\r\n\r\n    return pause;\r\n  }, [enabled, options?.delay]);\r\n\r\n  return {\r\n    active,\r\n    pause,\r\n    resume\r\n  };\r\n};\r\n"],"names":["callback","options","_options$enabled","rafIdRef","useRef","previousFrameTimestampRef","_useState","useState","_useState2","_slicedToArray","active","setActive","enabled","internalCallbackRef","current","loop","timestamp","delta","delay","window","requestAnimationFrame","resume","pause","cancelAnimationFrame","useEffect"],"mappings":";4GA4CsB,SAACA,EAA0BC,GAA0C,IAAAC,EACnFC,EAAWC,SAAsB,MACjCC,EAA4BD,SAAO,GACzCE,EAA4BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAA0BV,QAAnBA,EAAGD,aAAO,EAAPA,EAASW,eAAOV,IAAAA,GAAAA,EAE1BW,EAAsBT,SAAOJ,GACnCa,EAAoBC,QAAUd,EAE9B,IAAMe,EAAO,SAAPA,EAAQC,GACZ,IAAMC,EAAQD,EAAYX,EAA0BS,QAEhDb,SAAAA,EAASiB,OAASD,GAAQhB,eAAAA,EAASiB,SAKvCb,EAA0BS,QAAUE,EACpCH,EAAoBC,QAAQ,CAAEG,MAAAA,EAAOD,UAAAA,KALnCb,EAASW,QAAUK,OAAOC,sBAAsBL,IAS9CM,EAAS,WACTX,IACJC,GAAU,GACVN,EAA0BS,QAAU,EACpCX,EAASW,QAAUK,OAAOC,sBAAsBL,KAGlD,SAASO,IACFnB,EAASW,UAEdH,GAAU,GACVQ,OAAOI,qBAAqBpB,EAASW,SACrCX,EAASW,QAAU,KACrB,CASA,OAPAU,EAAAA,WAAU,WACR,GAAKZ,EAGL,OAFAS,IAEOC,CACR,GAAE,CAACV,EAASX,aAAO,EAAPA,EAASiB,QAEf,CACLR,OAAAA,EACAY,MAAAA,EACAD,OAAAA,EAEJ"}
+{"version":3,"file":"useRaf.js","sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/* The use raf params type */\nexport interface UseRafParams {\n  /** The delta between each frame in milliseconds */\n  delta: number;\n  /** The timestamp of the current frame in milliseconds */\n  timestamp: DOMHighResTimeStamp;\n}\n\n/* The use raf type */\nexport type UseRafCallback = (params: UseRafParams) => void;\n\n/* The use raf options type */\nexport interface UseRafOptions {\n  /** The delay between each frame in milliseconds */\n  delay?: number;\n  /** Whether the callback should be enabled */\n  enabled?: boolean;\n}\n\n/* The use raf return type */\nexport interface UseRafReturn {\n  /** Whether the callback is active */\n  active: boolean;\n  /** Function to pause the callback */\n  pause: () => void;\n  /** Function to resume the callback */\n  resume: () => void;\n}\n\n/**\n * @name useRaf\n * @description - Hook that defines the logic for raf callback\n * @category Utilities\n *\n * @param {UseRafCallback} callback The callback to execute\n * @param {number} [options.delay] The delay between each frame in milliseconds\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\n * @returns {UseRafCallbackReturn} An object of raf callback functions\n *\n * @example\n * useRaf(() => console.log('callback'));\n */\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\n  const rafIdRef = useRef<number | null>(null);\n  const previousFrameTimestampRef = useRef(0);\n  const [active, setActive] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const loop = (timestamp: DOMHighResTimeStamp) => {\n    const delta = timestamp - previousFrameTimestampRef.current;\n\n    if (options?.delay && delta < options?.delay) {\n      rafIdRef.current = window.requestAnimationFrame(loop);\n      return;\n    }\n\n    previousFrameTimestampRef.current = timestamp;\n    internalCallbackRef.current({ delta, timestamp });\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  const resume = () => {\n    if (active) return;\n    setActive(true);\n    previousFrameTimestampRef.current = 0;\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  function pause() {\n    if (!rafIdRef.current) return;\n\n    setActive(false);\n    window.cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = null;\n  }\n\n  useEffect(() => {\n    if (!enabled) return;\n    resume();\n\n    return pause;\n  }, [enabled, options?.delay]);\n\n  return {\n    active,\n    pause,\n    resume\n  };\n};\n"],"names":["callback","options","_options$enabled","rafIdRef","useRef","previousFrameTimestampRef","_useState","useState","_useState2","_slicedToArray","active","setActive","enabled","internalCallbackRef","current","loop","timestamp","delta","delay","window","requestAnimationFrame","resume","pause","cancelAnimationFrame","useEffect"],"mappings":";4GA4CsB,SAACA,EAA0BC,GAA0C,IAAAC,EACnFC,EAAWC,EAAMA,OAAgB,MACjCC,EAA4BD,EAAMA,OAAC,GACzCE,EAA4BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,EAA0BV,QAAnBA,EAAGD,aAAO,EAAPA,EAASW,eAAOV,IAAAA,GAAAA,EAE1BW,EAAsBT,EAAMA,OAACJ,GACnCa,EAAoBC,QAAUd,EAE9B,IAAMe,EAAO,SAACC,GACZ,IAAMC,EAAQD,EAAYX,EAA0BS,QAEhDb,SAAAA,EAASiB,OAASD,GAAQhB,eAAAA,EAASiB,SAKvCb,EAA0BS,QAAUE,EACpCH,EAAoBC,QAAQ,CAAEG,MAAAA,EAAOD,UAAAA,KALnCb,EAASW,QAAUK,OAAOC,sBAAsBL,EAOnD,EAEKM,EAAS,WACTX,IACJC,GAAU,GACVN,EAA0BS,QAAU,EACpCX,EAASW,QAAUK,OAAOC,sBAAsBL,GACjD,EAED,SAASO,IACFnB,EAASW,UAEdH,GAAU,GACVQ,OAAOI,qBAAqBpB,EAASW,SACrCX,EAASW,QAAU,KACrB,CASA,OAPAU,EAAAA,WAAU,WACR,GAAKZ,EAGL,OAFAS,IAEOC,CACR,GAAE,CAACV,EAASX,aAAO,EAAPA,EAASiB,QAEf,CACLR,OAAAA,EACAY,MAAAA,EACAD,OAAAA,EAEJ"}

package/dist/cjs/hooks/useRafValue/useRafValue.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.71 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-mppFXOYB.js"),r=require("react"),n=require("../useUnmount/useUnmount.js");exports.useRafValue=function(u){var t=r.useRef(0),a=r.useState(u),i=e._slicedToArray(a,2),c=i[0],s=i[1];return n.useUnmount((function(){return cancelAnimationFrame(t.current)})),[c,function(e){cancelAnimationFrame(t.current),t.current=requestAnimationFrame((function(){return s(e)}))}]};
+/* @license @siberiacancode/reactuse v0.0.73 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BHOoWWtW.js"),r=require("react"),n=require("../useUnmount/useUnmount.js");exports.useRafValue=function(u){var t=r.useRef(0),a=r.useState(u),i=e._slicedToArray(a,2),c=i[0],s=i[1];return n.useUnmount((function(){return cancelAnimationFrame(t.current)})),[c,function(e){cancelAnimationFrame(t.current),t.current=requestAnimationFrame((function(){return s(e)}))}]};
 //# sourceMappingURL=useRafValue.js.map