@siberiacancode/reactuse 0.0.103 → 0.0.105

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),t=require("react"),n=require("../../utils/helpers/getElement.js"),r=require("../useEvent/useEvent.js"),i=function(){function t(n,r){e._classCallCheck(this,t),this.x=n,this.y=r}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}}])}(),u=function(){return e._createClass((function t(n){var r=n.x,u=n.y,s=n.radius,o=n.smooth;e._classCallCheck(this,t),e._defineProperty(this,"smooth",!1),e._defineProperty(this,"points",[]),e._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new i(r,u),this.brush=new i(r,u),this.radius=s,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(e){if(this.pointer.equalsTo(e))return!1;if(this.pointer.update(e),!this.smooth)return this.brush.update(e),this.points.push(this.getBrushCoordinates()),!0;var t=this.pointer.getDistanceTo(this.brush),n=this.pointer.getAngleTo(this.brush);if(Math.round(10*(t-this.radius))/10>0){var r=n+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(r)*(t-this.radius),y:this.brush.y-Math.cos(r)*(t-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=u,exports.Pointer=i,exports.usePaint=function(){var i,s,o,a,c,l="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,h=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],v=null!==(i=null==h?void 0:h.color)&&void 0!==i?i:"black",d=null!==(s=null==h?void 0:h.opacity)&&void 0!==s?s:1,f=null!==(o=null==h?void 0:h.radius)&&void 0!==o?o:10,p=t.useRef(new u({x:0,y:0,radius:null!==(a=null==h?void 0:h.radius)&&void 0!==a?a:10,smooth:null!==(c=null==h?void 0:h.smooth)&&void 0!==c&&c})),y=t.useState(!1),g=e._slicedToArray(y,2),x=g[0],m=g[1],E=t.useRef(null),b=t.useRef(null),w=function(e,t,n,r){if(b.current){b.current.globalAlpha=n,b.current.strokeStyle=t,b.current.lineWidth=2*r,b.current.lineCap="round",b.current.lineJoin="round";var i=e[0],u=e[1];b.current.beginPath();for(var s=1;s<e.length;s+=1){var o={x:i.x+(u.x-i.x)/2,y:i.y+(u.y-i.y)/2};b.current.quadraticCurveTo(i.x,i.y,o.x,o.y),i=e[s],u=e[s+1]}b.current.lineTo(i.x,i.y),b.current.stroke()}},M=function(){b.current&&b.current.clearRect(0,0,b.current.canvas.width,b.current.canvas.height)},k=r.useEvent((function(e){var t;if(x){null==h||null===(t=h.onMouseMove)||void 0===t||t.call(h,e,p.current);var n={x:e.offsetX,y:e.offsetY};p.current.update(n)&&b.current&&(M(),b.current.clearRect(0,0,b.current.canvas.width,b.current.canvas.height),p.current.lines.forEach((function(e){var t=e.points,n=e.color,r=e.opacity,i=e.radius;return w(t,n,r,i)})),w(p.current.points,v,d,f))}})),C=r.useEvent((function(e){var t;if(b.current){var n={x:e.offsetX,y:e.offsetY};p.current.brush.update(n),p.current.points.push(n),w(p.current.points,v,d,f),null==h||null===(t=h.onMouseDown)||void 0===t||t.call(h,e,p.current),m(!0)}})),T=r.useEvent((function(e){var t;b.current&&(p.current.points.length&&(p.current.lines.push({points:p.current.points,color:v,opacity:d,radius:f}),p.current.points=[]),null==h||null===(t=h.onMouseUp)||void 0===t||t.call(h,e,p.current),m(!1))})),P=function(){b.current&&(M(),p.current.lines=[],p.current.points=[])},_=function(){b.current&&(M(),p.current.lines.pop(),p.current.lines.forEach((function(e){var t=e.points,n=e.color,r=e.opacity,i=e.radius;return w(t,n,r,i)})))};return t.useEffect((function(){var e=l?n.getElement(l):E.current;if(e)return b.current=e.getContext("2d"),null!=h&&h.initialLines&&(p.current.lines=h.initialLines,h.initialLines.forEach((function(e){var t=e.points,n=e.color,r=e.opacity,i=e.radius;return w(t,n,r,i)}))),e.addEventListener("mousedown",C),e.addEventListener("mousemove",k),e.addEventListener("mouseup",T),function(){e&&(e.removeEventListener("mousedown",C),e.removeEventListener("mousemove",k),e.removeEventListener("mouseup",T))}}),[]),l?{drawing:x,clear:P,undo:_,draw:w,lines:p.current.lines}:{ref:E,drawing:x,clear:P,undo:_,draw:w,lines:p.current.lines}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),t=require("react"),r=require("../../utils/helpers/getElement.js"),n=require("../../utils/helpers/isTarget.js"),i=require("../useEvent/useEvent.js"),u=require("../useRefState/useRefState.js"),s=function(){function t(r,n){e._classCallCheck(this,t),this.x=r,this.y=n}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 r=e+Math.PI/2;return this.x+=Math.sin(r)*t,this.y-=Math.cos(r)*t,this}}])}(),o=function(){return e._createClass((function t(r){var n=r.x,i=r.y,u=r.radius,o=r.smooth;e._classCallCheck(this,t),e._defineProperty(this,"smooth",!1),e._defineProperty(this,"points",[]),e._defineProperty(this,"lines",[]),this.smooth=o,this.pointer=new s(n,i),this.brush=new s(n,i),this.radius=u,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(e){if(this.pointer.equalsTo(e))return!1;if(this.pointer.update(e),!this.smooth)return this.brush.update(e),this.points.push(this.getBrushCoordinates()),!0;var t=this.pointer.getDistanceTo(this.brush),r=this.pointer.getAngleTo(this.brush);if(Math.round(10*(t-this.radius))/10>0){var n=r+Math.PI/2;return this.brush.update({x:this.brush.x+Math.sin(n)*(t-this.radius),y:this.brush.y-Math.cos(n)*(t-this.radius)}),this.points.push(this.getBrushCoordinates()),!0}return!1}}])}();exports.Paint=o,exports.Pointer=s,exports.usePaint=function(){var s,a,l,c,h,v,d=n.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,f=null!==(s=d?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0])&&void 0!==s?s:{},p=null!==(a=null==f?void 0:f.color)&&void 0!==a?a:"black",y=null!==(l=null==f?void 0:f.opacity)&&void 0!==l?l:1,g=null!==(c=null==f?void 0:f.radius)&&void 0!==c?c:10,x=t.useRef(new o({x:0,y:0,radius:null!==(h=null==f?void 0:f.radius)&&void 0!==h?h:10,smooth:null!==(v=null==f?void 0:f.smooth)&&void 0!==v&&v})),m=t.useState(!1),E=e._slicedToArray(m,2),w=E[0],M=E[1],b=u.useRefState(),k=t.useRef(null),T=function(e,t,r,n){if(k.current){k.current.globalAlpha=r,k.current.strokeStyle=t,k.current.lineWidth=2*n,k.current.lineCap="round",k.current.lineJoin="round";var i=e[0],u=e[1];k.current.beginPath();for(var s=1;s<e.length;s+=1){var o={x:i.x+(u.x-i.x)/2,y:i.y+(u.y-i.y)/2};k.current.quadraticCurveTo(i.x,i.y,o.x,o.y),i=e[s],u=e[s+1]}k.current.lineTo(i.x,i.y),k.current.stroke()}},C=function(){k.current&&k.current.clearRect(0,0,k.current.canvas.width,k.current.canvas.height)},P=i.useEvent((function(e){var t;if(w){null==f||null===(t=f.onMouseMove)||void 0===t||t.call(f,e,x.current);var r={x:e.offsetX,y:e.offsetY};x.current.update(r)&&k.current&&(C(),k.current.clearRect(0,0,k.current.canvas.width,k.current.canvas.height),x.current.lines.forEach((function(e){var t=e.points,r=e.color,n=e.opacity,i=e.radius;return T(t,r,n,i)})),T(x.current.points,p,y,g))}})),q=i.useEvent((function(e){var t;if(k.current){var r={x:e.offsetX,y:e.offsetY};x.current.brush.update(r),x.current.points.push(r),T(x.current.points,p,y,g),null==f||null===(t=f.onMouseDown)||void 0===t||t.call(f,e,x.current),M(!0)}})),L=i.useEvent((function(e){var t;k.current&&(x.current.points.length&&(x.current.lines.push({points:x.current.points,color:p,opacity:y,radius:g}),x.current.points=[]),null==f||null===(t=f.onMouseUp)||void 0===t||t.call(f,e,x.current),M(!1))})),_=function(){k.current&&(C(),x.current.lines=[],x.current.points=[])},R=function(){k.current&&(C(),x.current.lines.pop(),x.current.lines.forEach((function(e){var t=e.points,r=e.color,n=e.opacity,i=e.radius;return T(t,r,n,i)})))};return t.useEffect((function(){if(d||b.state){var e=d?r.getElement(d):b.current;if(e)return k.current=e.getContext("2d"),null!=f&&f.initialLines&&(x.current.lines=f.initialLines,f.initialLines.forEach((function(e){var t=e.points,r=e.color,n=e.opacity,i=e.radius;return T(t,r,n,i)}))),e.addEventListener("mousedown",q),e.addEventListener("mousemove",P),e.addEventListener("mouseup",L),function(){e&&(e.removeEventListener("mousedown",q),e.removeEventListener("mousemove",P),e.removeEventListener("mouseup",L))}}}),[d,b.state]),d?{drawing:w,clear:_,undo:R,draw:T,lines:x.current.lines}:{ref:b,drawing:w,clear:_,undo:R,draw:T,lines:x.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';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n\nexport interface UsePaintOptions {\n  /** Brush color */\n  color?: string;\n  /** Initial lines */\n  initialLines?: Paint['lines'];\n  /** Brush opacity */\n  opacity?: number;\n  /** Brush radius */\n  radius?: number;\n  /** Smooth brush movement */\n  smooth?: boolean;\n  /** Callback when the mouse is down */\n  onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is moved */\n  onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is up */\n  onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n  drawing: boolean;\n  lines: Paint['lines'];\n  clear: () => void;\n  draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n  undo: () => void;\n}\n\n/** The use paint return type */\nexport type UsePaintTarget =\n  | (() => HTMLCanvasElement)\n  | HTMLCanvasElement\n  | RefObject<HTMLCanvasElement>;\n\nexport interface UsePaint {\n  <Target extends UsePaintTarget>(target: Target, options?: UsePaintOptions): UsePaintReturn;\n\n  (\n    options?: UsePaintOptions,\n    target?: never\n  ): { ref: RefObject<HTMLCanvasElement> } & UsePaintReturn;\n}\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const drawing = usePaint(canvasRef);\n *\n * @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: RefObject<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const { ref, drawing } = usePaint();\n */\nexport const usePaint = ((...params: any[]) => {\n  const target = (\n    typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n  ) as UsePaintTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UsePaintOptions | undefined;\n\n  const color = options?.color ?? 'black';\n  const opacity = options?.opacity ?? 1;\n  const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n  const paintRef = useRef<Paint>(\n    new Paint({\n      x: 0,\n      y: 0,\n      radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n      smooth: options?.smooth ?? false\n    })\n  );\n  const [drawing, setIsDrawing] = useState(false);\n  const internalRef = useRef<HTMLCanvasElement>(null);\n  const contextRef = useRef<CanvasRenderingContext2D | null>(null);\n\n  const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n    if (!contextRef.current) return;\n\n    contextRef.current.globalAlpha = opacity;\n    contextRef.current.strokeStyle = color;\n    contextRef.current.lineWidth = radius * 2;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n\n    let p1 = points[0];\n    let p2 = points[1];\n\n    contextRef.current.beginPath();\n\n    for (let i = 1; i < points.length; i += 1) {\n      const midPoint = {\n        x: p1.x + (p2.x - p1.x) / 2,\n        y: p1.y + (p2.y - p1.y) / 2\n      };\n      contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n      p1 = points[i];\n      p2 = points[i + 1];\n    }\n    contextRef.current.lineTo(p1.x, p1.y);\n    contextRef.current.stroke();\n  };\n\n  const clearCanvas = () => {\n    if (!contextRef.current) return;\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n  };\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing) return;\n    options?.onMouseMove?.(event, paintRef.current);\n\n    const point = { x: event.offsetX, y: event.offsetY };\n\n    const isUpdated = paintRef.current.update(point);\n\n    if (!isUpdated) return;\n    if (!contextRef.current) return;\n    clearCanvas();\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n\n    // const brush = paintRef.current.getBrushCoordinates();\n    // // Draw brush point\n    // contextRef.current.beginPath();\n    // contextRef.current.fillStyle = 'red';\n    // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n    // contextRef.current.fill();\n\n    // // Draw the lazy radius.\n    // contextRef.current.beginPath();\n    // contextRef.current.strokeStyle = '#ccc';\n    // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n    // contextRef.current.stroke();\n\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n    draw(paintRef.current.points, color, opacity, radius);\n  });\n\n  const onMouseDown = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    const point = { x: event.offsetX, y: event.offsetY };\n    paintRef.current.brush.update(point);\n    paintRef.current.points.push(point);\n    draw(paintRef.current.points, color, opacity, radius);\n\n    options?.onMouseDown?.(event, paintRef.current);\n    setIsDrawing(true);\n  });\n\n  const onMouseUp = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    if (paintRef.current.points.length) {\n      paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n      paintRef.current.points = [];\n    }\n\n    options?.onMouseUp?.(event, paintRef.current);\n    setIsDrawing(false);\n  });\n\n  const clear = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n    paintRef.current.lines = [];\n    paintRef.current.points = [];\n  };\n\n  const undo = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n\n    paintRef.current.lines.pop();\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n  };\n\n  useEffect(() => {\n    const element = (target ? getElement(target) : internalRef.current) as HTMLCanvasElement;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    if (options?.initialLines) {\n      paintRef.current.lines = options.initialLines;\n      options.initialLines.forEach(({ points, color, opacity, radius }) =>\n        draw(points, color, opacity, radius)\n      );\n    }\n\n    element.addEventListener('mousedown', onMouseDown);\n    element.addEventListener('mousemove', onMouseMove);\n    element.addEventListener('mouseup', onMouseUp);\n\n    return () => {\n      if (!element) return;\n      element.removeEventListener('mousedown', onMouseDown);\n      element.removeEventListener('mousemove', onMouseMove);\n      element.removeEventListener('mouseup', onMouseUp);\n    };\n  }, []);\n\n  if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n  return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos","Paint","_ref","radius","smooth","_defineProperty","pointer","brush","points","lines","equalsTo","update","push","getBrushCoordinates","getDistanceTo","getAngleTo","round","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","target","_typeof","arguments","length","undefined","options","color","opacity","paintRef","useRef","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","contextRef","draw","current","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","offsetX","offsetY","forEach","_ref2","onMouseDown","_options$onMouseDown","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref3","useEffect","element","getElement","getContext","initialLines","_ref4","addEventListener","removeEventListener","ref"],"mappings":"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"}
+{"version":3,"file":"usePaint.js","sources":["../../../../src/hooks/usePaint/usePaint.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\nconst DEFAULT_BRUSH_RADIUS = 10;\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport class Pointer implements Point {\n  x: number;\n\n  y: number;\n\n  constructor(x: number, y: number) {\n    this.x = x;\n    this.y = y;\n  }\n\n  update(point: Point) {\n    this.x = point.x;\n    this.y = point.y;\n  }\n\n  getDifferenceTo(point: Point) {\n    return new Pointer(this.x - point.x, this.y - point.y);\n  }\n\n  getDistanceTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.sqrt(diff.x ** 2 + diff.y ** 2);\n  }\n\n  getAngleTo(point: Point) {\n    const diff = this.getDifferenceTo(point);\n    return Math.atan2(diff.y, diff.x);\n  }\n\n  equalsTo(point: Point) {\n    return this.x === point.x && this.y === point.y;\n  }\n\n  moveByAngle(\n    // The angle in radians\n    angle: number,\n    // How much the point should be moved\n    distance: number\n  ) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + Math.PI / 2;\n\n    this.x += Math.sin(angleRotated) * distance;\n    this.y -= Math.cos(angleRotated) * distance;\n\n    return this;\n  }\n}\n\nexport class Paint {\n  pointer: Pointer;\n\n  brush: Pointer;\n\n  radius: number;\n\n  smooth: boolean = false;\n\n  points: Point[] = [];\n\n  lines: { points: Point[]; color: string; radius: number; opacity: number }[] = [];\n\n  constructor({ x, y, radius, smooth }: { x: number; y: number; radius: number; smooth: boolean }) {\n    this.smooth = smooth;\n    this.pointer = new Pointer(x, y);\n    this.brush = new Pointer(x, y);\n    this.radius = radius;\n    this.points = [];\n    this.lines = [];\n  }\n\n  getBrushCoordinates() {\n    return {\n      x: this.brush.x,\n      y: this.brush.y\n    };\n  }\n\n  getPointerCoordinates() {\n    return {\n      x: this.pointer.x,\n      y: this.pointer.y\n    };\n  }\n\n  update(point: Point) {\n    if (this.pointer.equalsTo(point)) return false;\n    this.pointer.update(point);\n\n    if (!this.smooth) {\n      this.brush.update(point);\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    const distance = this.pointer.getDistanceTo(this.brush);\n    const angle = this.pointer.getAngleTo(this.brush);\n    const isOutside = Math.round((distance - this.radius) * 10) / 10 > 0;\n\n    if (isOutside) {\n      const angleRotated = angle + Math.PI / 2;\n      this.brush.update({\n        x: this.brush.x + Math.sin(angleRotated) * (distance - this.radius),\n        y: this.brush.y - Math.cos(angleRotated) * (distance - this.radius)\n      });\n      this.points.push(this.getBrushCoordinates());\n      return true;\n    }\n\n    return false;\n  }\n}\n\nexport interface UsePaintOptions {\n  /** Brush color */\n  color?: string;\n  /** Initial lines */\n  initialLines?: Paint['lines'];\n  /** Brush opacity */\n  opacity?: number;\n  /** Brush radius */\n  radius?: number;\n  /** Smooth brush movement */\n  smooth?: boolean;\n  /** Callback when the mouse is down */\n  onMouseDown?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is moved */\n  onMouseMove?: (event: MouseEvent, paint: Paint) => void;\n  /** Callback when the mouse is up */\n  onMouseUp?: (event: MouseEvent, paint: Paint) => void;\n}\n\nexport interface UsePaintReturn {\n  drawing: boolean;\n  lines: Paint['lines'];\n  clear: () => void;\n  draw: (points: Point[], color: string, opacity: number, radius: number) => void;\n  undo: () => void;\n}\n\nexport interface UsePaint {\n  (target: HookTarget, options?: UsePaintOptions): UsePaintReturn;\n\n  <Target extends HTMLCanvasElement>(\n    options?: UsePaintOptions,\n    target?: never\n  ): UsePaintReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name usePaint\n * @description - Hook that allows you to draw in a specific area\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target element to be painted\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const drawing = usePaint(canvasRef);\n *\n * @overload\n * @param {UsePaintOptions} [options] The options to be used\n * @returns {UsePaintReturn & { ref: StateRef<HTMLCanvasElement> }} An object containing the current pencil options and functions to interact with the paint\n *\n * @example\n * const { ref, drawing } = usePaint();\n */\nexport const usePaint = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = ((target ? params[1] : params[0]) as UsePaintOptions) ?? {};\n\n  const color = options?.color ?? 'black';\n  const opacity = options?.opacity ?? 1;\n  const radius = options?.radius ?? DEFAULT_BRUSH_RADIUS;\n\n  const paintRef = useRef<Paint>(\n    new Paint({\n      x: 0,\n      y: 0,\n      radius: options?.radius ?? DEFAULT_BRUSH_RADIUS,\n      smooth: options?.smooth ?? false\n    })\n  );\n  const [drawing, setIsDrawing] = useState(false);\n  const internalRef = useRefState<HTMLCanvasElement>();\n  const contextRef = useRef<CanvasRenderingContext2D | null>(null);\n\n  const draw = (points: Point[], color: string, opacity: number, radius: number) => {\n    if (!contextRef.current) return;\n\n    contextRef.current.globalAlpha = opacity;\n    contextRef.current.strokeStyle = color;\n    contextRef.current.lineWidth = radius * 2;\n    contextRef.current.lineCap = 'round';\n    contextRef.current.lineJoin = 'round';\n\n    let p1 = points[0];\n    let p2 = points[1];\n\n    contextRef.current.beginPath();\n\n    for (let i = 1; i < points.length; i += 1) {\n      const midPoint = {\n        x: p1.x + (p2.x - p1.x) / 2,\n        y: p1.y + (p2.y - p1.y) / 2\n      };\n      contextRef.current.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n      p1 = points[i];\n      p2 = points[i + 1];\n    }\n    contextRef.current.lineTo(p1.x, p1.y);\n    contextRef.current.stroke();\n  };\n\n  const clearCanvas = () => {\n    if (!contextRef.current) return;\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n  };\n\n  const onMouseMove = useEvent((event: MouseEvent) => {\n    if (!drawing) return;\n    options?.onMouseMove?.(event, paintRef.current);\n\n    const point = { x: event.offsetX, y: event.offsetY };\n\n    const isUpdated = paintRef.current.update(point);\n\n    if (!isUpdated) return;\n    if (!contextRef.current) return;\n    clearCanvas();\n    contextRef.current.clearRect(\n      0,\n      0,\n      contextRef.current.canvas.width,\n      contextRef.current.canvas.height\n    );\n\n    // const brush = paintRef.current.getBrushCoordinates();\n    // // Draw brush point\n    // contextRef.current.beginPath();\n    // contextRef.current.fillStyle = 'red';\n    // contextRef.current.arc(brush.x, brush.y, radius, 0, Math.PI * 2, true);\n    // contextRef.current.fill();\n\n    // // Draw the lazy radius.\n    // contextRef.current.beginPath();\n    // contextRef.current.strokeStyle = '#ccc';\n    // contextRef.current.arc(brush.x, brush.y, radius * 2, 0, Math.PI * 2, true);\n    // contextRef.current.stroke();\n\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n    draw(paintRef.current.points, color, opacity, radius);\n  });\n\n  const onMouseDown = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    const point = { x: event.offsetX, y: event.offsetY };\n    paintRef.current.brush.update(point);\n    paintRef.current.points.push(point);\n    draw(paintRef.current.points, color, opacity, radius);\n\n    options?.onMouseDown?.(event, paintRef.current);\n    setIsDrawing(true);\n  });\n\n  const onMouseUp = useEvent((event: MouseEvent) => {\n    if (!contextRef.current) return;\n\n    if (paintRef.current.points.length) {\n      paintRef.current.lines.push({ points: paintRef.current.points, color, opacity, radius });\n      paintRef.current.points = [];\n    }\n\n    options?.onMouseUp?.(event, paintRef.current);\n    setIsDrawing(false);\n  });\n\n  const clear = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n    paintRef.current.lines = [];\n    paintRef.current.points = [];\n  };\n\n  const undo = () => {\n    if (!contextRef.current) return;\n    clearCanvas();\n\n    paintRef.current.lines.pop();\n    paintRef.current.lines.forEach(({ points, color, opacity, radius }) =>\n      draw(points, color, opacity, radius)\n    );\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as HTMLCanvasElement;\n    if (!element) return;\n    contextRef.current = element.getContext('2d');\n\n    if (options?.initialLines) {\n      paintRef.current.lines = options.initialLines;\n      options.initialLines.forEach(({ points, color, opacity, radius }) =>\n        draw(points, color, opacity, radius)\n      );\n    }\n\n    element.addEventListener('mousedown', onMouseDown);\n    element.addEventListener('mousemove', onMouseMove);\n    element.addEventListener('mouseup', onMouseUp);\n\n    return () => {\n      if (!element) return;\n      element.removeEventListener('mousedown', onMouseDown);\n      element.removeEventListener('mousemove', onMouseMove);\n      element.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return { drawing, clear, undo, draw, lines: paintRef.current.lines };\n  return { ref: internalRef, drawing, clear, undo, draw, lines: paintRef.current.lines };\n}) as UsePaint;\n"],"names":["Pointer","x","y","_classCallCheck","this","_createClass","key","value","point","diff","getDifferenceTo","Math","sqrt","pow","atan2","angle","distance","angleRotated","PI","sin","cos","Paint","_ref","radius","smooth","_defineProperty","pointer","brush","points","lines","equalsTo","update","push","getBrushCoordinates","getDistanceTo","getAngleTo","round","_ref2","_options$color","_options$opacity","_options$radius","_options$radius2","_options$smooth","target","isTarget","arguments","length","undefined","options","color","opacity","paintRef","useRef","_useState","useState","_useState2","_slicedToArray","drawing","setIsDrawing","internalRef","useRefState","contextRef","draw","current","globalAlpha","strokeStyle","lineWidth","lineCap","lineJoin","p1","p2","beginPath","i","midPoint","quadraticCurveTo","lineTo","stroke","clearCanvas","clearRect","canvas","width","height","onMouseMove","useEvent","event","_options$onMouseMove","call","offsetX","offsetY","forEach","_ref3","onMouseDown","_options$onMouseDown","onMouseUp","_options$onMouseUp","clear","undo","pop","_ref4","useEffect","state","element","getElement","getContext","initialLines","_ref5","addEventListener","removeEventListener","ref"],"mappings":";yQAkBaA,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,GAiDPiB,EAAK,WAoBf,OAAAhB,EAAAA,cAPD,SAAAgB,EAAAC,GAAiG,IAAnFrB,EAACqB,EAADrB,EAAGC,EAACoB,EAADpB,EAAGqB,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OAAMrB,EAAAA,qBAAAkB,GAAAI,iCANhB,GAAKA,gCAEL,IAAEA,+BAE2D,IAG7ErB,KAAKoB,OAASA,EACdpB,KAAKsB,QAAU,IAAI1B,EAAQC,EAAGC,GAC9BE,KAAKuB,MAAQ,IAAI3B,EAAQC,EAAGC,GAC5BE,KAAKmB,OAASA,EACdnB,KAAKwB,OAAS,GACdxB,KAAKyB,MAAQ,EACf,GAAC,CAAA,CAAAvB,IAAA,sBAAAC,MAED,WACE,MAAO,CACLN,EAAGG,KAAKuB,MAAM1B,EACdC,EAAGE,KAAKuB,MAAMzB,EAElB,GAAC,CAAAI,IAAA,wBAAAC,MAED,WACE,MAAO,CACLN,EAAGG,KAAKsB,QAAQzB,EAChBC,EAAGE,KAAKsB,QAAQxB,EAEpB,GAAC,CAAAI,IAAA,SAAAC,MAED,SAAOC,GACL,GAAIJ,KAAKsB,QAAQI,SAAStB,GAAQ,OAAO,EAGzC,GAFAJ,KAAKsB,QAAQK,OAAOvB,IAEfJ,KAAKoB,OAGR,OAFApB,KAAKuB,MAAMI,OAAOvB,GAClBJ,KAAKwB,OAAOI,KAAK5B,KAAK6B,wBACf,EAGT,IAAMjB,EAAWZ,KAAKsB,QAAQQ,cAAc9B,KAAKuB,OAC3CZ,EAAQX,KAAKsB,QAAQS,WAAW/B,KAAKuB,OAG3C,GAFkBhB,KAAKyB,MAAiC,IAA1BpB,EAAWZ,KAAKmB,SAAgB,GAAK,EAEpD,CACb,IAAMN,EAAeF,EAAQJ,KAAKO,GAAK,EAMvC,OALAd,KAAKuB,MAAMI,OAAO,CAChB9B,EAAGG,KAAKuB,MAAM1B,EAAIU,KAAKQ,IAAIF,IAAiBD,EAAWZ,KAAKmB,QAC5DrB,EAAGE,KAAKuB,MAAMzB,EAAIS,KAAKS,IAAIH,IAAiBD,EAAWZ,KAAKmB,UAE9DnB,KAAKwB,OAAOI,KAAK5B,KAAK6B,wBACf,CACT,CAEA,OAAO,CACT,IAAC,CA7De,sDAwHO,WAAsB,IAAAI,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACvCC,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAC5CC,EAA0CX,QAAnCA,EAAKM,EAAME,UAAAC,QAAA,OAAAC,EAAAF,UAAA,GAAAA,UAAAC,QAAA,OAAAC,EAAAF,UAAA,UAAwBR,IAAAA,EAAAA,EAAyB,CAAE,EAErEY,EAAsBX,QAAjBA,EAAGU,aAAO,EAAPA,EAASC,aAAKX,IAAAA,EAAAA,EAAI,QAC1BY,EAA0BX,QAAnBA,EAAGS,aAAO,EAAPA,EAASE,eAAOX,IAAAA,EAAAA,EAAI,EAC9BhB,EAAwBiB,QAAlBA,EAAGQ,aAAO,EAAPA,EAASzB,cAAMiB,IAAAA,EAAAA,EAtLH,GAwLrBW,EAAWC,SACf,IAAI/B,EAAM,CACRpB,EAAG,EACHC,EAAG,EACHqB,OAAuBkB,QAAjBA,EAAEO,aAAO,EAAPA,EAASzB,cAAMkB,IAAAA,EAAAA,EA5LA,GA6LvBjB,OAAuB,QAAjBkB,EAAEM,aAAO,EAAPA,EAASxB,cAAM,IAAAkB,GAAAA,KAG3BW,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAOF,EAAA,GAAEG,EAAYH,EAAA,GACtBI,EAAcC,EAAAA,cACdC,EAAaT,EAAMA,OAAkC,MAErDU,EAAO,SAAClC,EAAiBqB,EAAeC,EAAiB3B,GAC7D,GAAKsC,EAAWE,QAAhB,CAEAF,EAAWE,QAAQC,YAAcd,EACjCW,EAAWE,QAAQE,YAAchB,EACjCY,EAAWE,QAAQG,UAAqB,EAAT3C,EAC/BsC,EAAWE,QAAQI,QAAU,QAC7BN,EAAWE,QAAQK,SAAW,QAE9B,IAAIC,EAAKzC,EAAO,GACZ0C,EAAK1C,EAAO,GAEhBiC,EAAWE,QAAQQ,YAEnB,IAAK,IAAIC,EAAI,EAAGA,EAAI5C,EAAOkB,OAAQ0B,GAAK,EAAG,CACzC,IAAMC,EAAW,CACfxE,EAAGoE,EAAGpE,GAAKqE,EAAGrE,EAAIoE,EAAGpE,GAAK,EAC1BC,EAAGmE,EAAGnE,GAAKoE,EAAGpE,EAAImE,EAAGnE,GAAK,GAE5B2D,EAAWE,QAAQW,iBAAiBL,EAAGpE,EAAGoE,EAAGnE,EAAGuE,EAASxE,EAAGwE,EAASvE,GACrEmE,EAAKzC,EAAO4C,GACZF,EAAK1C,EAAO4C,EAAI,EAClB,CACAX,EAAWE,QAAQY,OAAON,EAAGpE,EAAGoE,EAAGnE,GACnC2D,EAAWE,QAAQa,QAvBM,CAwB1B,EAEKC,EAAc,WACbhB,EAAWE,SAChBF,EAAWE,QAAQe,UACjB,EACA,EACAjB,EAAWE,QAAQgB,OAAOC,MAC1BnB,EAAWE,QAAQgB,OAAOE,OAE7B,EAEKC,EAAcC,YAAS,SAACC,GAAsB,IAAAC,EAClD,GAAK5B,EAAL,CACAT,SAAoB,QAAbqC,EAAPrC,EAASkC,mBAAW,IAAAG,GAApBA,EAAAC,KAAAtC,EAAuBoC,EAAOjC,EAASY,SAEvC,IAAMvD,EAAQ,CAAEP,EAAGmF,EAAMG,QAASrF,EAAGkF,EAAMI,SAEzBrC,EAASY,QAAQhC,OAAOvB,IAGrCqD,EAAWE,UAChBc,IACAhB,EAAWE,QAAQe,UACjB,EACA,EACAjB,EAAWE,QAAQgB,OAAOC,MAC1BnB,EAAWE,QAAQgB,OAAOE,QAgB5B9B,EAASY,QAAQlC,MAAM4D,SAAQ,SAAAC,GAAA,IAAG9D,EAAM8D,EAAN9D,OAAQqB,EAAKyC,EAALzC,MAAOC,EAAOwC,EAAPxC,QAAS3B,EAAMmE,EAANnE,OAAM,OAC9DuC,EAAKlC,EAAQqB,EAAOC,EAAS3B,EAAO,IAEtCuC,EAAKX,EAASY,QAAQnC,OAAQqB,EAAOC,EAAS3B,GAjChC,CAkChB,IAEMoE,EAAcR,YAAS,SAACC,GAAsB,IAAAQ,EAClD,GAAK/B,EAAWE,QAAhB,CAEA,IAAMvD,EAAQ,CAAEP,EAAGmF,EAAMG,QAASrF,EAAGkF,EAAMI,SAC3CrC,EAASY,QAAQpC,MAAMI,OAAOvB,GAC9B2C,EAASY,QAAQnC,OAAOI,KAAKxB,GAC7BsD,EAAKX,EAASY,QAAQnC,OAAQqB,EAAOC,EAAS3B,GAE9CyB,SAAoB,QAAb4C,EAAP5C,EAAS2C,mBAAW,IAAAC,GAApBA,EAAAN,KAAAtC,EAAuBoC,EAAOjC,EAASY,SACvCL,GAAa,EARY,CAS3B,IAEMmC,EAAYV,YAAS,SAACC,GAAsB,IAAAU,EAC3CjC,EAAWE,UAEZZ,EAASY,QAAQnC,OAAOkB,SAC1BK,EAASY,QAAQlC,MAAMG,KAAK,CAAEJ,OAAQuB,EAASY,QAAQnC,OAAQqB,MAAAA,EAAOC,QAAAA,EAAS3B,OAAAA,IAC/E4B,EAASY,QAAQnC,OAAS,IAG5BoB,SAAkB,QAAX8C,EAAP9C,EAAS6C,iBAAS,IAAAC,GAAlBA,EAAAR,KAAAtC,EAAqBoC,EAAOjC,EAASY,SACrCL,GAAa,GACf,IAEMqC,EAAQ,WACPlC,EAAWE,UAChBc,IACA1B,EAASY,QAAQlC,MAAQ,GACzBsB,EAASY,QAAQnC,OAAS,GAC3B,EAEKoE,EAAO,WACNnC,EAAWE,UAChBc,IAEA1B,EAASY,QAAQlC,MAAMoE,MACvB9C,EAASY,QAAQlC,MAAM4D,SAAQ,SAAAS,GAAA,IAAGtE,EAAMsE,EAANtE,OAAQqB,EAAKiD,EAALjD,MAAOC,EAAOgD,EAAPhD,QAAS3B,EAAM2E,EAAN3E,OAAM,OAC9DuC,EAAKlC,EAAQqB,EAAOC,EAAS3B,EAAO,IAEvC,EA4BD,OA1BA4E,EAAAA,WAAU,WACR,GAAKxD,GAAWgB,EAAYyC,MAA5B,CAEA,IAAMC,EAAW1D,EAAS2D,EAAAA,WAAW3D,GAAUgB,EAAYI,QAC3D,GAAKsC,EAcL,OAbAxC,EAAWE,QAAUsC,EAAQE,WAAW,MAEpCvD,SAAAA,EAASwD,eACXrD,EAASY,QAAQlC,MAAQmB,EAAQwD,aACjCxD,EAAQwD,aAAaf,SAAQ,SAAAgB,GAAA,IAAG7E,EAAM6E,EAAN7E,OAAQqB,EAAKwD,EAALxD,MAAOC,EAAOuD,EAAPvD,QAAS3B,EAAMkF,EAANlF,OAAM,OAC5DuC,EAAKlC,EAAQqB,EAAOC,EAAS3B,EAAO,KAIxC8E,EAAQK,iBAAiB,YAAaf,GACtCU,EAAQK,iBAAiB,YAAaxB,GACtCmB,EAAQK,iBAAiB,UAAWb,GAE7B,WACAQ,IACLA,EAAQM,oBAAoB,YAAahB,GACzCU,EAAQM,oBAAoB,YAAazB,GACzCmB,EAAQM,oBAAoB,UAAWd,GACxC,CAtBkC,CAuBpC,GAAE,CAAClD,EAAQgB,EAAYyC,QAEpBzD,EAAe,CAAEc,QAAAA,EAASsC,MAAAA,EAAOC,KAAAA,EAAMlC,KAAAA,EAAMjC,MAAOsB,EAASY,QAAQlC,OAClE,CAAE+E,IAAKjD,EAAaF,QAAAA,EAASsC,MAAAA,EAAOC,KAAAA,EAAMlC,KAAAA,EAAMjC,MAAOsB,EAASY,QAAQlC,MACjF"}

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

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

package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),r=require("react");exports.usePerformanceObserver=function(n,t){var u="undefined"!=typeof window&&"undefined"!=typeof PerformanceObserver,i=r.useState([]),c=e._slicedToArray(i,2),o=c[0],s=c[1],f=r.useRef(null),a=r.useRef();a.current=t;var l=function(){if(u){var e=new PerformanceObserver((function(e,r){var n;s(e.getEntries()),null===(n=a.current)||void 0===n||n.call(a,e,r)}));e.observe(n),f.current=e}},v=function(){var e;u&&(null===(e=f.current)||void 0===e||e.disconnect(),f.current=null)};return r.useEffect((function(){if(u)return n.immediate&&l(),function(){v()}}),[]),{supported:u,entries:o,start:l,stop:v}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),r=require("react");exports.usePerformanceObserver=function(n,t){var u="undefined"!=typeof window&&"undefined"!=typeof PerformanceObserver,i=r.useState([]),c=e._slicedToArray(i,2),o=c[0],s=c[1],f=r.useRef(null),a=r.useRef();a.current=t;var l=function(){if(u){var e=new PerformanceObserver((function(e,r){var n;s(e.getEntries()),null===(n=a.current)||void 0===n||n.call(a,e,r)}));e.observe(n),f.current=e}},v=function(){var e;u&&(null===(e=f.current)||void 0===e||e.disconnect(),f.current=null)};return r.useEffect((function(){if(u)return n.immediate&&l(),function(){v()}}),[]),{supported:u,entries:o,start:l,stop:v}};
 //# sourceMappingURL=usePerformanceObserver.js.map

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),r=require("react"),t=require("../useEvent/useEvent.js");exports.usePermission=function(n,u){var s,a="undefined"!=typeof navigator&&"permissions"in navigator,i=r.useState("prompt"),o=e._slicedToArray(i,2),p=o[0],c=o[1],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,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(a&&v)return d(),window.addEventListener("change",d),function(){window.removeEventListener("change",d)}}),[n,v]),{state:p,supported:a,query:d}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),r=require("react"),t=require("../useEvent/useEvent.js");exports.usePermission=function(n,u){var s,a="undefined"!=typeof navigator&&"permissions"in navigator,i=r.useState("prompt"),o=e._slicedToArray(i,2),p=o[0],c=o[1],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,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(a&&v)return d(),window.addEventListener("change",d),function(){window.removeEventListener("change",d)}}),[n,v]),{state:p,supported:a,query:d}};
 //# sourceMappingURL=usePermission.js.map

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

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

package/dist/cjs/hooks/usePostMessage/usePostMessage.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "use strict";var e=require("react");exports.usePostMessage=function(r,n){var s=e.useRef(n);s.current=n,e.useEffect((function(){var e=function(e){!(!Array.isArray(r)||r.includes(e.origin)&&r.includes("*"))||e.origin!==r&&"*"!==r||s.current(e.data,e)};return window.addEventListener("message",e),function(){return window.removeEventListener("message",e)}}),[]);return function(e){Array.isArray(r)?r.forEach((function(r){return window.postMessage(e,r)})):window.postMessage(e,r)}};
 //# sourceMappingURL=usePostMessage.js.map

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "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/usePreferredContrast/usePreferredContrast.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "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/usePreferredDark/usePreferredDark.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "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.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "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/usePreferredReducedMotion/usePreferredReducedMotion.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "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/usePrevious/usePrevious.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "use strict";var r=require("react");exports.usePrevious=function(e,u){var t,n=r.useRef(e),c=r.useRef();return(null!==(t=null==u?void 0:u.equality)&&void 0!==t?t:Object.is)(e,n.current)||(c.current=n.current,n.current=e),c.current};
 //# sourceMappingURL=usePrevious.js.map

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

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

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

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-DfeGfroh.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.105 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-EyHDAJng.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/useRaf/useRaf.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.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}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.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/useRafValue/useRafValue.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.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.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.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

package/dist/cjs/hooks/useRefState/useRefState.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),r=require("react");exports.useRefState=function(t){var n=r.useState(t),u=e._slicedToArray(n,2),i=u[0],a=u[1],c=r.useState((function(){return function(e,r){var t=e;function n(e){t!==e&&r(t=e)}return Object.defineProperty(n,"current",{get:function(){return t},set:function(e){t!==e&&r(t=e)},configurable:!0,enumerable:!0}),n}(t,a)})),o=e._slicedToArray(c,1)[0];return o.state=i,o};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),r=require("react");exports.useRefState=function(t){var n=r.useState(t),u=e._slicedToArray(n,2),i=u[0],a=u[1],c=r.useState((function(){return function(e,r){var t=e;function n(e){t!==e&&r(t=e)}return Object.defineProperty(n,"current",{get:function(){return t},set:function(e){t!==e&&r(t=e)},configurable:!0,enumerable:!0}),n}(t,a)})),o=e._slicedToArray(c,1)[0];return o.state=i,o};
 //# sourceMappingURL=useRefState.js.map

package/dist/cjs/hooks/useRenderCount/useRenderCount.js

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

package/dist/cjs/hooks/useRenderInfo/useRenderInfo.js

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

package/dist/cjs/hooks/useRerender/useRerender.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
+/* @license @siberiacancode/reactuse v0.0.105 */
 "use strict";var e=require("react");exports.useRerender=function(){return e.useReducer((function(){return{}}),{})[1]};
 //# sourceMappingURL=useRerender.js.map

package/dist/cjs/hooks/useResizeObserver/useResizeObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),t=require("react"),r=require("../../utils/helpers/getElement.js"),n=require("../useRefState/useRefState.js");exports.useResizeObserver=function(){var i,u="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,l=u?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],s=null===(i=null==l?void 0:l.enabled)||void 0===i||i,o=t.useState([]),v=e._slicedToArray(o,2),a=v[0],c=v[1],d=n.useRefState(),f=t.useRef();return f.current=null==l?void 0:l.onChange,t.useEffect((function(){if(s||u||d.state){var e=u?r.getElement(u):d.current;if(e){var t=new ResizeObserver((function(e){var r;c(e),null===(r=f.current)||void 0===r||r.call(f,e,t)}));return t.observe(e,l),function(){t.disconnect()}}}}),[u,d.state,null==l?void 0:l.box,s]),u?{entries:a}:{ref:d,entries:a}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),r=require("react"),t=require("../../utils/helpers/getElement.js"),i=require("../../utils/helpers/isTarget.js"),n=require("../useRefState/useRefState.js");exports.useResizeObserver=function(){var s,u=i.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,l=u?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],o=null===(s=null==l?void 0:l.enabled)||void 0===s||s,a=r.useState([]),v=e._slicedToArray(a,2),c=v[0],d=v[1],f=n.useRefState(),g=r.useRef();return g.current=null==l?void 0:l.onChange,r.useEffect((function(){if(o||u||f.state){var e=u?t.getElement(u):f.current;if(e){var r=new ResizeObserver((function(e){var t;d(e),null===(t=g.current)||void 0===t||t.call(g,e,r)}));return r.observe(e,l),function(){r.disconnect()}}}}),[u,f.state,null==l?void 0:l.box,o]),u?{entries:c}:{ref:f,entries:c}};
 //# sourceMappingURL=useResizeObserver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../../../src/hooks/useResizeObserver/useResizeObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The resize observer target element type */\nexport type UseResizeObserverTarget = string | Element | RefObject<Element | null | undefined>;\n\n/** The resize observer options type */\nexport interface UseResizeObserverOptions extends ResizeObserverOptions {\n  /** The enabled state */\n  enabled?: boolean;\n  /** The resize observer callback */\n  onChange?: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;\n}\n\n/** The resize observer return type */\nexport interface UseResizeObserverReturn {\n  /** The resize observer entries */\n  entries: ResizeObserverEntry[];\n}\n\nexport interface UseResizeObserver {\n  <Target extends UseResizeObserverTarget>(\n    target: Target,\n    options?: UseResizeObserverOptions\n  ): UseResizeObserverReturn;\n\n  <Target extends UseResizeObserverTarget>(\n    options?: UseResizeObserverOptions,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n *  @name useResizeObserver\n *  @description - Hook that gives you resize observer state\n *  @category Browser\n *\n *  @browserapi ResizeObserver https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver\n *\n *  @overload\n *  @template Target The target element\n *  @param {boolean} [options.enabled=true] The IntersectionObserver options\n *  @param {boolean} [options.box] The IntersectionObserver options\n *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected\n *  @returns {UseResizeObserverReturn & { ref: (node: Target) => void }} An object containing the resize observer state\n *\n *  @example\n *  const { ref, entries } = useResizeObserver();\n *\n *  @overload\n *  @template Target The target element\n *  @param {Target} target The target element to observe\n *  @param {boolean} [options.enabled=true] The IntersectionObserver options\n *  @param {boolean} [options.box] The IntersectionObserver options\n *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected\n *  @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n *  @example\n *  const { entries } = useResizeObserver(ref);\n */\nexport const useResizeObserver = ((...params: any[]) => {\n  const target = (\n    typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n  ) as UseResizeObserverTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseResizeObserverOptions | undefined;\n  const enabled = options?.enabled ?? true;\n\n  const [entries, setEntries] = useState<ResizeObserverEntry[]>([]);\n\n  const internalRef = useRefState<Element>();\n  const internalOnChangeRef = useRef<UseResizeObserverOptions['onChange']>();\n  internalOnChangeRef.current = options?.onChange;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.state) return;\n\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver((entries) => {\n      setEntries(entries);\n      internalOnChangeRef.current?.(entries, observer);\n    });\n    observer.observe(element as Element, options);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state, options?.box, enabled]);\n\n  if (target) return { entries };\n  return {\n    ref: internalRef,\n    entries\n  };\n}) as UseResizeObserver;\n"],"names":["_options$enabled","target","_typeof","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entries","setEntries","internalRef","useRefState","internalOnChangeRef","useRef","current","onChange","useEffect","state","element","getElement","observer","ResizeObserver","_internalOnChangeRef$","call","observe","disconnect","box","ref"],"mappings":";iNAmEkC,WAAsB,IAAAA,EAChDC,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UAChC,QADuBE,EAEzDC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAiE,GAClFI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAEhCQ,EAA8BC,EAAQA,SAAwB,IAAGC,EAAAC,EAAAA,eAAAH,EAAA,GAA1DI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAcC,EAAAA,cACdC,EAAsBC,EAAAA,SAoB5B,OAnBAD,EAAoBE,QAAUZ,aAAO,EAAPA,EAASa,SAEvCC,EAAAA,WAAU,WACR,GAAKb,GAAYN,GAAWa,EAAYO,MAAxC,CAEA,IAAMC,EAAUrB,EAASsB,EAAAA,WAAWtB,GAAUa,EAAYI,QAC1D,GAAKI,EAAL,CAEA,IAAME,EAAW,IAAIC,gBAAe,SAACb,GAAY,IAAAc,EAC/Cb,EAAWD,WACXc,EAAAV,EAAoBE,eAAO,IAAAQ,GAA3BA,EAAAC,KAAAX,EAA8BJ,EAASY,EACzC,IAGA,OAFAA,EAASI,QAAQN,EAAoBhB,GAE9B,WACLkB,EAASK,YACV,CAVa,CAHiC,CAchD,GAAE,CAAC5B,EAAQa,EAAYO,MAAOf,eAAAA,EAASwB,IAAKvB,IAEzCN,EAAe,CAAEW,QAAAA,GACd,CACLmB,IAAKjB,EACLF,QAAAA,EAEJ"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../../../src/hooks/useResizeObserver/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The resize observer options type */\nexport interface UseResizeObserverOptions extends ResizeObserverOptions {\n  /** The enabled state */\n  enabled?: boolean;\n  /** The resize observer callback */\n  onChange?: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;\n}\n\n/** The resize observer return type */\nexport interface UseResizeObserverReturn {\n  /** The resize observer entries */\n  entries: ResizeObserverEntry[];\n}\n\nexport interface UseResizeObserver {\n  (target: HookTarget, options?: UseResizeObserverOptions): UseResizeObserverReturn;\n\n  <Target extends Element>(\n    options?: UseResizeObserverOptions,\n    target?: never\n  ): UseResizeObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n *  @name useResizeObserver\n *  @description - Hook that gives you resize observer state\n *  @category Browser\n *\n *  @browserapi ResizeObserver https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver\n *\n *  @overload\n *  @template Target The target element\n *  @param {boolean} [options.enabled=true] The IntersectionObserver options\n *  @param {boolean} [options.box] The IntersectionObserver options\n *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected\n *  @returns {UseResizeObserverReturn & { ref: StateRef<Target> }} An object containing the resize observer state\n *\n *  @example\n *  const { ref, entries } = useResizeObserver();\n *\n *  @overload\n *  @template Target The target element\n *  @param {HookTarget} target The target element to observe\n *  @param {boolean} [options.enabled=true] The IntersectionObserver options\n *  @param {boolean} [options.box] The IntersectionObserver options\n *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected\n *  @returns {UseResizeObserverReturn} An object containing the resize observer state\n *\n *  @example\n *  const { entries } = useResizeObserver(ref);\n */\nexport const useResizeObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseResizeObserverOptions | undefined;\n  const enabled = options?.enabled ?? true;\n\n  const [entries, setEntries] = useState<ResizeObserverEntry[]>([]);\n\n  const internalRef = useRefState<Element>();\n  const internalOnChangeRef = useRef<UseResizeObserverOptions['onChange']>();\n  internalOnChangeRef.current = options?.onChange;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.state) return;\n\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver((entries) => {\n      setEntries(entries);\n      internalOnChangeRef.current?.(entries, observer);\n    });\n    observer.observe(element as Element, options);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state, options?.box, enabled]);\n\n  if (target) return { entries };\n  return {\n    ref: internalRef,\n    entries\n  };\n}) as UseResizeObserver;\n"],"names":["_options$enabled","target","isTarget","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entries","setEntries","internalRef","useRefState","internalOnChangeRef","useRef","current","onChange","useEffect","state","element","getElement","observer","ResizeObserver","_internalOnChangeRef$","call","observe","disconnect","box","ref"],"mappings":";8PA6DkC,WAAsB,IAAAA,EAChDC,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAC5CC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAiE,GAClFI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAEhCQ,EAA8BC,EAAQA,SAAwB,IAAGC,EAAAC,EAAAA,eAAAH,EAAA,GAA1DI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAcC,EAAAA,cACdC,EAAsBC,EAAAA,SAoB5B,OAnBAD,EAAoBE,QAAUZ,aAAO,EAAPA,EAASa,SAEvCC,EAAAA,WAAU,WACR,GAAKb,GAAYN,GAAWa,EAAYO,MAAxC,CAEA,IAAMC,EAAUrB,EAASsB,EAAAA,WAAWtB,GAAUa,EAAYI,QAC1D,GAAKI,EAAL,CAEA,IAAME,EAAW,IAAIC,gBAAe,SAACb,GAAY,IAAAc,EAC/Cb,EAAWD,WACXc,EAAAV,EAAoBE,eAAO,IAAAQ,GAA3BA,EAAAC,KAAAX,EAA8BJ,EAASY,EACzC,IAGA,OAFAA,EAASI,QAAQN,EAAoBhB,GAE9B,WACLkB,EAASK,YACV,CAVa,CAHiC,CAchD,GAAE,CAAC5B,EAAQa,EAAYO,MAAOf,eAAAA,EAASwB,IAAKvB,IAEzCN,EAAe,CAAEW,QAAAA,GACd,CACLmB,IAAKjB,EACLF,QAAAA,EAEJ"}

package/dist/cjs/hooks/useScreenOrientation/useScreenOrientation.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var n=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),e=require("react");exports.useScreenOrientation=function(){var o="undefined"!=typeof window&&"screen"in window&&"orientation"in window.screen,t=o?window.screen.orientation:{},i=e.useState((function(){var n;return{angle:null!==(n=null==t?void 0:t.angle)&&void 0!==n?n:0,orientationType:null==t?void 0:t.type}})),r=n._slicedToArray(i,2),u=r[0],c=r[1];e.useEffect((function(){if(o){var n=function(){return c({angle:t.angle,orientationType:t.type})};return window.addEventListener("orientationchange",n),function(){window.removeEventListener("orientationchange",n)}}}));return{supported:o,value:u,lock:function(n){if(o&&"function"==typeof t.lock)return t.lock(n)},unlock:function(){o&&"function"==typeof t.unlock&&t.unlock()}}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var n=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),e=require("react");exports.useScreenOrientation=function(){var o="undefined"!=typeof window&&"screen"in window&&"orientation"in window.screen,t=o?window.screen.orientation:{},i=e.useState((function(){var n;return{angle:null!==(n=null==t?void 0:t.angle)&&void 0!==n?n:0,orientationType:null==t?void 0:t.type}})),r=n._slicedToArray(i,2),u=r[0],c=r[1];e.useEffect((function(){if(o){var n=function(){return c({angle:t.angle,orientationType:t.type})};return window.addEventListener("orientationchange",n),function(){window.removeEventListener("orientationchange",n)}}}));return{supported:o,value:u,lock:function(n){if(o&&"function"==typeof t.lock)return t.lock(n)},unlock:function(){o&&"function"==typeof t.unlock&&t.unlock()}}};
 //# sourceMappingURL=useScreenOrientation.js.map

package/dist/cjs/hooks/useScript/useScript.js

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

package/dist/cjs/hooks/useScroll/useScroll.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),t=require("react"),l=require("../../utils/helpers/getElement.js"),r=require("../../utils/helpers/isTarget.js"),o=require("../useRefState/useRefState.js");exports.useScroll=function(){var n=r.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=n?"object"===e._typeof(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:{onScroll:arguments.length<=1?void 0:arguments[1]}:"object"===e._typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:{onScroll:arguments.length<=0?void 0:arguments[0]},u=o.useRefState(),c=t.useRef(i);c.current=i;var s=t.useState(!1),d=e._slicedToArray(s,2),v=d[0],a=d[1],f=t.useRef({x:0,y:0});return t.useEffect((function(){if(n||u.state){var e=n?l.getElement(n):u.current;if(e){var t=function(e){var t;a(!1),null==i||null===(t=i.onStop)||void 0===t||t.call(i,e)},r=function(e){var t,l,r,o,n,i,u;a(!0);var s=e.target===document?e.target.documentElement:e.target,d=s.style,v=d.display,g=d.flexDirection,h="rtl"===d.direction?-1:1,m=s.scrollLeft,p=s.scrollTop;s instanceof Document&&!p&&(p=window.document.body.scrollTop);var y=null===(t=c.current)||void 0===t?void 0:t.offset,x=m*h<=(null!==(l=null==y?void 0:y.left)&&void 0!==l?l:0),S=m*h+s.clientWidth>=s.scrollWidth-(null!==(r=null==y?void 0:y.right)&&void 0!==r?r:0)-1,E=p<=(null!==(o=null==y?void 0:y.top)&&void 0!==o?o:0),b=p+s.clientHeight>=s.scrollHeight-(null!==(n=null==y?void 0:y.bottom)&&void 0!==n?n:0)-1,j="flex"===v&&"column-reverse"===g,q="flex"===v&&"column-reverse"===g,L={x:m,y:p,directions:{left:m<f.current.x,right:m>f.current.x,top:p<f.current.y,bottom:p>f.current.y},arrived:{left:q?S:x,right:q?x:S,top:j?b:E,bottom:j?E:b}};f.current={x:m,y:p},null===(i=c.current)||void 0===i||null===(u=i.onScroll)||void 0===u||u.call(i,L,e)};return e.addEventListener("scroll",r),e.addEventListener("scrollend",t),function(){e.removeEventListener("scroll",r),e.removeEventListener("scrollend",t)}}}}),[n,u.state]),n?v:{ref:u,scrolling:v}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-EyHDAJng.js"),t=require("react"),l=require("../../utils/helpers/getElement.js"),r=require("../../utils/helpers/isTarget.js"),o=require("../useRefState/useRefState.js");exports.useScroll=function(){var n=r.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=n?"object"===e._typeof(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:{onScroll:arguments.length<=1?void 0:arguments[1]}:"object"===e._typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:{onScroll:arguments.length<=0?void 0:arguments[0]},u=o.useRefState(),c=t.useRef(i);c.current=i;var s=t.useState(!1),d=e._slicedToArray(s,2),v=d[0],a=d[1],f=t.useRef({x:0,y:0});return t.useEffect((function(){if(n||u.state){var e=n?l.getElement(n):u.current;if(e){var t=function(e){var t;a(!1),null==i||null===(t=i.onStop)||void 0===t||t.call(i,e)},r=function(e){var t,l,r,o,n,i,u;a(!0);var s=e.target===document?e.target.documentElement:e.target,d=s.style,v=d.display,g=d.flexDirection,h="rtl"===d.direction?-1:1,m=s.scrollLeft,p=s.scrollTop;s instanceof Document&&!p&&(p=window.document.body.scrollTop);var y=null===(t=c.current)||void 0===t?void 0:t.offset,x=m*h<=(null!==(l=null==y?void 0:y.left)&&void 0!==l?l:0),S=m*h+s.clientWidth>=s.scrollWidth-(null!==(r=null==y?void 0:y.right)&&void 0!==r?r:0)-1,E=p<=(null!==(o=null==y?void 0:y.top)&&void 0!==o?o:0),b=p+s.clientHeight>=s.scrollHeight-(null!==(n=null==y?void 0:y.bottom)&&void 0!==n?n:0)-1,j="flex"===v&&"column-reverse"===g,q="flex"===v&&"column-reverse"===g,L={x:m,y:p,directions:{left:m<f.current.x,right:m>f.current.x,top:p<f.current.y,bottom:p>f.current.y},arrived:{left:q?S:x,right:q?x:S,top:j?b:E,bottom:j?E:b}};f.current={x:m,y:p},null===(i=c.current)||void 0===i||null===(u=i.onScroll)||void 0===u||u.call(i,L,e)};return e.addEventListener("scroll",r),e.addEventListener("scrollend",t),function(){e.removeEventListener("scroll",r),e.removeEventListener("scrollend",t)}}}}),[n,u.state]),n?v:{ref:u,scrolling:v}};
 //# sourceMappingURL=useScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScroll.js","sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\n/** The use scroll target element type */\nexport type UseScrollTarget =\n  | string\n  | Document\n  | Element\n  | RefObject<Element | null | undefined>\n  | Window;\n\nexport interface UseScrollOptions {\n  /** The on scroll callback */\n  onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n  /** The on end scroll callback */\n  onStop?: (event: Event) => void;\n\n  /** Offset arrived states by x pixels. */\n  offset?: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  };\n}\n\nexport interface UseScrollCallbackParams {\n  /** The element x position */\n  x: number;\n  /** The element y position */\n  y: number;\n  /** State of scroll arrived */\n  arrived: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** State of scroll direction */\n  directions: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n}\n\nexport interface UseScroll {\n  <Target extends UseScrollTarget>(\n    target: Target,\n    callback?: (params: UseScrollCallbackParams, event: Event) => void\n  ): boolean;\n\n  <Target extends UseScrollTarget>(target: Target, options?: UseScrollOptions): boolean;\n\n  <Target extends UseScrollTarget>(\n    callback?: (params: UseScrollCallbackParams, event: Event) => void,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    scrolling: boolean;\n  };\n\n  <Target extends UseScrollTarget>(\n    options?: UseScrollOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    scrolling: boolean;\n  };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as UseScrollTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onScroll: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onScroll: params[0] }\n  ) as UseScrollOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  const [scrolling, setScrolling] = useState(false);\n  const scrollPositionRef = useRef({ x: 0, y: 0 });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const onScrollEnd = (event: Event) => {\n      setScrolling(false);\n      options?.onStop?.(event);\n    };\n\n    const onScroll = (event: Event) => {\n      setScrolling(true);\n      const target = (\n        event.target === document ? (event.target as Document).documentElement : event.target\n      ) as HTMLElement;\n\n      const { display, flexDirection, direction } = target.style;\n      const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n      const scrollLeft = target.scrollLeft;\n      let scrollTop = target.scrollTop;\n      if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n      const offset = internalOptionsRef.current?.offset;\n      const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n      const right =\n        scrollLeft * directionMultiplier + target.clientWidth >=\n        target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n      const top = scrollTop <= (offset?.top ?? 0);\n      const bottom =\n        scrollTop + target.clientHeight >=\n        target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n      const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n      const isRowReverse = display === 'flex' && flexDirection === 'column-reverse';\n\n      const params = {\n        x: scrollLeft,\n        y: scrollTop,\n        directions: {\n          left: scrollLeft < scrollPositionRef.current.x,\n          right: scrollLeft > scrollPositionRef.current.x,\n          top: scrollTop < scrollPositionRef.current.y,\n          bottom: scrollTop > scrollPositionRef.current.y\n        },\n        arrived: {\n          left: isRowReverse ? right : left,\n          right: isRowReverse ? left : right,\n          top: isColumnReverse ? bottom : top,\n          bottom: isColumnReverse ? top : bottom\n        }\n      };\n\n      scrollPositionRef.current = { x: scrollLeft, y: scrollTop };\n      internalOptionsRef.current?.onScroll?.(params, event);\n    };\n\n    element.addEventListener('scroll', onScroll);\n    element.addEventListener('scrollend', onScrollEnd);\n\n    return () => {\n      element.removeEventListener('scroll', onScroll);\n      element.removeEventListener('scrollend', onScrollEnd);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return scrolling;\n  return {\n    ref: internalRef,\n    scrolling\n  };\n}) as UseScroll;\n"],"names":["target","isTarget","arguments","length","undefined","options","_typeof","onScroll","internalRef","useRefState","internalOptionsRef","useRef","current","_useState","useState","_useState2","_slicedToArray","scrolling","setScrolling","scrollPositionRef","x","y","useEffect","state","element","getElement","onScrollEnd","event","_options$onStop","onStop","call","_internalOptionsRef$c","_offset$left","_offset$right","_offset$top","_offset$bottom","_internalOptionsRef$c2","_internalOptionsRef$c3","document","documentElement","_target$style","style","display","flexDirection","directionMultiplier","direction","scrollLeft","scrollTop","Document","window","body","offset","left","right","clientWidth","scrollWidth","top","bottom","clientHeight","scrollHeight","isColumnReverse","isRowReverse","params","directions","arrived","addEventListener","removeEventListener","ref"],"mappings":"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"}
+{"version":3,"file":"useScroll.js","sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\nexport interface UseScrollOptions {\n  /** The on scroll callback */\n  onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n  /** The on end scroll callback */\n  onStop?: (event: Event) => void;\n\n  /** Offset arrived states by x pixels. */\n  offset?: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  };\n}\n\nexport interface UseScrollCallbackParams {\n  /** The element x position */\n  x: number;\n  /** The element y position */\n  y: number;\n  /** State of scroll arrived */\n  arrived: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n  /** State of scroll direction */\n  directions: {\n    left: boolean;\n    right: boolean;\n    top: boolean;\n    bottom: boolean;\n  };\n}\n\nexport interface UseScroll {\n  (target: HookTarget, callback?: (params: UseScrollCallbackParams, event: Event) => void): boolean;\n\n  (target: HookTarget, options?: UseScrollOptions): boolean;\n\n  <Target extends Element>(\n    callback?: (params: UseScrollCallbackParams, event: Event) => void,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    scrolling: boolean;\n  };\n\n  <Target extends Element>(\n    options?: UseScrollOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    scrolling: boolean;\n  };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0]  The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onScroll: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onScroll: params[0] }\n  ) as UseScrollOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  const [scrolling, setScrolling] = useState(false);\n  const scrollPositionRef = useRef({ x: 0, y: 0 });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const onScrollEnd = (event: Event) => {\n      setScrolling(false);\n      options?.onStop?.(event);\n    };\n\n    const onScroll = (event: Event) => {\n      setScrolling(true);\n      const target = (\n        event.target === document ? (event.target as Document).documentElement : event.target\n      ) as HTMLElement;\n\n      const { display, flexDirection, direction } = target.style;\n      const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n      const scrollLeft = target.scrollLeft;\n      let scrollTop = target.scrollTop;\n      if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n      const offset = internalOptionsRef.current?.offset;\n      const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n      const right =\n        scrollLeft * directionMultiplier + target.clientWidth >=\n        target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n      const top = scrollTop <= (offset?.top ?? 0);\n      const bottom =\n        scrollTop + target.clientHeight >=\n        target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n      const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n      const isRowReverse = display === 'flex' && flexDirection === 'column-reverse';\n\n      const params = {\n        x: scrollLeft,\n        y: scrollTop,\n        directions: {\n          left: scrollLeft < scrollPositionRef.current.x,\n          right: scrollLeft > scrollPositionRef.current.x,\n          top: scrollTop < scrollPositionRef.current.y,\n          bottom: scrollTop > scrollPositionRef.current.y\n        },\n        arrived: {\n          left: isRowReverse ? right : left,\n          right: isRowReverse ? left : right,\n          top: isColumnReverse ? bottom : top,\n          bottom: isColumnReverse ? top : bottom\n        }\n      };\n\n      scrollPositionRef.current = { x: scrollLeft, y: scrollTop };\n      internalOptionsRef.current?.onScroll?.(params, event);\n    };\n\n    element.addEventListener('scroll', onScroll);\n    element.addEventListener('scrollend', onScrollEnd);\n\n    return () => {\n      element.removeEventListener('scroll', onScroll);\n      element.removeEventListener('scrollend', onScrollEnd);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return scrolling;\n  return {\n    ref: internalRef,\n    scrolling\n  };\n}) as UseScroll;\n"],"names":["target","isTarget","arguments","length","undefined","options","_typeof","onScroll","internalRef","useRefState","internalOptionsRef","useRef","current","_useState","useState","_useState2","_slicedToArray","scrolling","setScrolling","scrollPositionRef","x","y","useEffect","state","element","getElement","onScrollEnd","event","_options$onStop","onStop","call","_internalOptionsRef$c","_offset$left","_offset$right","_offset$top","_offset$bottom","_internalOptionsRef$c2","_internalOptionsRef$c3","document","documentElement","_target$style","style","display","flexDirection","directionMultiplier","direction","scrollLeft","scrollTop","Document","window","body","offset","left","right","clientWidth","scrollWidth","top","bottom","clientHeight","scrollHeight","isColumnReverse","isRowReverse","params","directions","arrived","addEventListener","removeEventListener","ref"],"mappings":"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"}

package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DfeGfroh.js"),t=require("react"),i=require("../../utils/helpers/getElement.js"),r=require("../useRefState/useRefState.js");exports.useScrollIntoView=function(){var n="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])instanceof Element?arguments.length<=0?void 0:arguments[0]:void 0,l=n?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],o=r.useRefState(),s=null!=l?l:{},u=s.behavior,a=void 0===u?"smooth":u,v=s.block,c=void 0===v?"start":v,g=s.inline,f=void 0===g?"nearest":g,d=s.enabled,h=void 0===d||d;t.useEffect((function(){if(h&&(n||o.state)){var e=n?i.getElement(n):o.current;e&&e.scrollIntoView({behavior:a,block:c,inline:f})}}),[n,o.state,h]);var b=function(e){var t=n?i.getElement(n):o.current;if(t){var r=null!=e?e:{},l=r.behavior,s=r.block,u=r.inline;t.scrollIntoView({behavior:l,block:s,inline:u})}};return n?{trigger:b}:{ref:o,trigger:b}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("react"),r=require("../../utils/helpers/getElement.js"),t=require("../../utils/helpers/isTarget.js"),i=require("../useRefState/useRefState.js");require("../../_rollupPluginBabelHelpers-EyHDAJng.js");exports.useScrollIntoView=function(){var l=t.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,n=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],o=i.useRefState(),s=null!=n?n:{},u=s.behavior,a=void 0===u?"smooth":u,v=s.block,c=void 0===v?"start":v,g=s.inline,f=void 0===g?"nearest":g,h=s.enabled,b=void 0===h||h;e.useEffect((function(){if(b&&(l||o.state)){var e=l?r.getElement(l):o.current;e&&e.scrollIntoView({behavior:a,block:c,inline:f})}}),[l,o.state,b]);var d=function(e){var t=l?r.getElement(l):o.current;if(t){var i=null!=e?e:{},n=i.behavior,s=i.block,u=i.inline;t.scrollIntoView({behavior:n,block:s,inline:u})}};return l?{trigger:d}:{ref:o,trigger:d}};
 //# sourceMappingURL=useScrollIntoView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollIntoView.js","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to enable the scroll into view */\n  enabled?: boolean;\n}\n\n/** The scroll into view target type */\nexport type UseScrollIntoViewTarget = string | Element | RefObject<Element | null | undefined>;\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoViewOverload {\n  <Target extends UseScrollIntoViewTarget>(\n    target: Target,\n    options?: UseScrollIntoViewOptions\n  ): UseScrollIntoViewReturn;\n\n  <Target extends UseScrollIntoViewTarget>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll into view\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (\n    typeof params[0] !== 'object' || 'current' in params[0] || params[0] instanceof Element\n      ? params[0]\n      : undefined\n  ) as UseScrollIntoViewTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    enabled = true\n  } = options ?? {};\n\n  useEffect(() => {\n    if (!enabled) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target, internalRef.state, enabled]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoViewOverload;\n"],"names":["target","_typeof","arguments","length","undefined","Element","options","internalRef","useRefState","_ref","_ref$behavior","behavior","_ref$block","block","_ref$inline","inline","_ref$enabled","enabled","useEffect","state","element","getElement","current","scrollIntoView","trigger","params","_ref2","ref"],"mappings":";iNAmEkC,WAChC,IAAMA,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,eAAAC,EAAAF,UAAqB,KAAY,YAASA,UAAAC,eAAAC,EAAAF,UAAa,MAAIA,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,cAAqBG,QAAOH,UAAAC,QAAA,OAAAC,EAAAF,kBAEnFE,EAEAE,EAAWN,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAiE,GAElFK,EAAcC,EAAAA,cACpBC,EAKIH,QAAAA,EAAW,CAAE,EAAAI,EAAAD,EAJfE,SAAAA,OAAW,IAAHD,EAAG,SAAQA,EAAAE,EAAAH,EACnBI,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,EAAAL,EACfM,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAClBQ,QAAAA,OAAU,IAAHD,GAAOA,EAGhBE,EAAAA,WAAU,WACR,GAAKD,IACAjB,GAAWO,EAAYY,OAA5B,CAEA,IAAMC,EAAWpB,EAASqB,EAAAA,WAAWrB,GAAUO,EAAYe,QACtDF,GAELA,EAAQG,eAAe,CACrBZ,SAAAA,EACAE,MAAAA,EACAE,OAAAA,GARiC,CAUpC,GAAE,CAACf,EAAQO,EAAYY,MAAOF,IAE/B,IAAMO,EAAU,SAACC,GAKf,IAAML,EAAWpB,EAASqB,EAAAA,WAAWrB,GAAUO,EAAYe,QAC3D,GAAKF,EAAL,CAEA,IAAAM,EAAoCD,QAAAA,EAAU,CAAE,EAAxCd,EAAQe,EAARf,SAAUE,EAAKa,EAALb,MAAOE,EAAMW,EAANX,OAEzBK,EAAQG,eAAe,CACrBZ,SAAAA,EACAE,MAAAA,EACAE,OAAAA,GAPY,CASf,EAED,OAAIf,EAAe,CAAEwB,QAAAA,GACd,CAAEG,IAAKpB,EAAaiB,QAAAA,EAC7B"}
+{"version":3,"file":"useScrollIntoView.js","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n  /** Whether to enable the scroll into view */\n  enabled?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n  /** Function to scroll element into view */\n  trigger: (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => void;\n}\n\nexport interface UseScrollIntoView {\n  <Target extends Element>(\n    options?: UseScrollIntoViewOptions,\n    target?: never\n  ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to scroll into view\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n  const {\n    behavior = 'smooth',\n    block = 'start',\n    inline = 'nearest',\n    enabled = true\n  } = options ?? {};\n\n  useEffect(() => {\n    if (!enabled) return;\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  }, [target, internalRef.state, enabled]);\n\n  const trigger = (params?: {\n    behavior?: ScrollBehavior;\n    block?: ScrollLogicalPosition;\n    inline?: ScrollLogicalPosition;\n  }) => {\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const { behavior, block, inline } = params ?? {};\n\n    element.scrollIntoView({\n      behavior,\n      block,\n      inline\n    });\n  };\n\n  if (target) return { trigger };\n  return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"names":["target","isTarget","arguments","length","undefined","options","internalRef","useRefState","_ref","_ref$behavior","behavior","_ref$block","block","_ref$inline","inline","_ref$enabled","enabled","useEffect","state","element","getElement","current","scrollIntoView","trigger","params","_ref2","ref"],"mappings":";4PA4DkC,WAChC,IAAMA,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAC5CC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAiE,GAElFI,EAAcC,EAAAA,cACpBC,EAKIH,QAAAA,EAAW,CAAE,EAAAI,EAAAD,EAJfE,SAAAA,OAAW,IAAHD,EAAG,SAAQA,EAAAE,EAAAH,EACnBI,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,EAAAL,EACfM,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAClBQ,QAAAA,OAAU,IAAHD,GAAOA,EAGhBE,EAAAA,WAAU,WACR,GAAKD,IACAhB,GAAWM,EAAYY,OAA5B,CAEA,IAAMC,EAAWnB,EAASoB,EAAAA,WAAWpB,GAAUM,EAAYe,QACtDF,GAELA,EAAQG,eAAe,CACrBZ,SAAAA,EACAE,MAAAA,EACAE,OAAAA,GARiC,CAUpC,GAAE,CAACd,EAAQM,EAAYY,MAAOF,IAE/B,IAAMO,EAAU,SAACC,GAKf,IAAML,EAAWnB,EAASoB,EAAAA,WAAWpB,GAAUM,EAAYe,QAC3D,GAAKF,EAAL,CAEA,IAAAM,EAAoCD,QAAAA,EAAU,CAAE,EAAxCd,EAAQe,EAARf,SAAUE,EAAKa,EAALb,MAAOE,EAAMW,EAANX,OAEzBK,EAAQG,eAAe,CACrBZ,SAAAA,EACAE,MAAAA,EACAE,OAAAA,GAPY,CASf,EAED,OAAId,EAAe,CAAEuB,QAAAA,GACd,CAAEG,IAAKpB,EAAaiB,QAAAA,EAC7B"}

package/dist/cjs/hooks/useScrollTo/useScrollTo.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.103 */
-"use strict";var e=require("react"),t=require("../../utils/helpers/getElement.js"),r=require("../../utils/helpers/isTarget.js"),i=require("../useRefState/useRefState.js");require("../../_rollupPluginBabelHelpers-DfeGfroh.js");exports.useScrollTo=function(){var l,o=r.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,u=null!==(l=o?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0])&&void 0!==l?l:{},s=u.x,a=u.y,n=u.behavior,v=void 0===n?"auto":n,f=u.enabled,g=void 0===f||f,c=i.useRefState();e.useLayoutEffect((function(){if(g&&(o||c.state)){var e=o?t.getElement(o):c.current;e&&e.scrollTo({top:a,left:s,behavior:v})}}),[o,c.state]);var h=function(e){var r=o?t.getElement(o):c.current;if(r){var i=null!=e?e:{},l=i.x,u=i.y,s=i.behavior;r.scrollTo({left:l,top:u,behavior:s})}};return o?h:{ref:c,trigger:h}};
+/* @license @siberiacancode/reactuse v0.0.105 */
+"use strict";var e=require("react"),r=require("../../utils/helpers/getElement.js"),t=require("../../utils/helpers/isTarget.js"),i=require("../useRefState/useRefState.js");require("../../_rollupPluginBabelHelpers-EyHDAJng.js");exports.useScrollTo=function(){var l=t.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,o=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],u=null!=o?o:{},s=u.x,a=u.y,n=u.behavior,v=void 0===n?"auto":n,g=u.enabled,f=void 0===g||g,c=i.useRefState();e.useLayoutEffect((function(){if(f&&(l||c.state)){var e=l?r.getElement(l):c.current;e&&e.scrollTo({top:a,left:s,behavior:v})}}),[l,c.state]);var h=function(e){var t=l?r.getElement(l):c.current;if(t){var i=null!=e?e:{},o=i.x,u=i.y,s=i.behavior;t.scrollTo({left:o,top:u,behavior:s})}};return l?{trigger:h}:{ref:c,trigger:h}};
 //# sourceMappingURL=useScrollTo.js.map