@siberiacancode/reactuse 0.0.112 → 0.0.113

package/dist/esm/hooks/usePageLeave/usePageLeave.mjs

@@ -0,0 +1,15 @@
+import { useState as r, useEffect as o } from "react";
+import { useEvent as u } from "../useEvent/useEvent.mjs";
+const i = (t) => {
+  const [s, n] = r(!1), e = u(() => {
+    if (s) return n(!1);
+    t == null || t(), n(!0);
+  });
+  return o(() => (document.addEventListener("mouseleave", e, { passive: !0 }), document.addEventListener("mouseenter", e, { passive: !0 }), () => {
+    document.removeEventListener("mouseenter", e), document.removeEventListener("mouseleave", e);
+  }), []), s;
+};
+export {
+  i as usePageLeave
+};
+//# sourceMappingURL=usePageLeave.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageLeave.mjs","sources":["../../../../src/hooks/usePageLeave/usePageLeave.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name usePageLeave\n * @description - Hook what calls given function when mouse leaves the page\n * @category Sensors\n *\n * @param {() => void} [callback] The callback function what calls then mouse leaves the page\n * @returns {boolean} A boolean which determines if the mouse left the page\n *\n * @example\n * const isLeft = usePageLeave(() => console.log('on leave'))\n */\nexport const usePageLeave = (callback?: () => void) => {\n  const [isLeft, setIsLeft] = useState(false);\n\n  const onMouse = useEvent(() => {\n    if (isLeft) return setIsLeft(false);\n    callback?.();\n    setIsLeft(true);\n  });\n\n  useEffect(() => {\n    document.addEventListener('mouseleave', onMouse, { passive: true });\n    document.addEventListener('mouseenter', onMouse, { passive: true });\n\n    return () => {\n      document.removeEventListener('mouseenter', onMouse);\n      document.removeEventListener('mouseleave', onMouse);\n    };\n  }, []);\n\n  return isLeft;\n};\n"],"names":["usePageLeave","callback","isLeft","setIsLeft","useState","onMouse","useEvent","useEffect"],"mappings":";;AAea,MAAAA,IAAe,CAACC,MAA0B;AACrD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAUC,EAAS,MAAM;AACzB,QAAAJ,EAAe,QAAAC,EAAU,EAAK;AACvB,IAAAF,KAAA,QAAAA,KACXE,EAAU,EAAI;AAAA,EAAA,CACf;AAED,SAAAI,EAAU,OACR,SAAS,iBAAiB,cAAcF,GAAS,EAAE,SAAS,IAAM,GAClE,SAAS,iBAAiB,cAAcA,GAAS,EAAE,SAAS,IAAM,GAE3D,MAAM;AACF,aAAA,oBAAoB,cAAcA,CAAO,GACzC,SAAA,oBAAoB,cAAcA,CAAO;AAAA,EACpD,IACC,EAAE,GAEEH;AACT;"}

package/dist/esm/hooks/usePaint/usePaint.mjs

@@ -0,0 +1,147 @@
+var A = Object.defineProperty;
+var B = (c, e, t) => e in c ? A(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var h = (c, e, t) => B(c, typeof e != "symbol" ? e + "" : e, t);
+import { useRef as P, useState as S, useEffect as q } from "react";
+import { useEvent as w } from "../useEvent/useEvent.mjs";
+import { useRefState as I } from "../useRefState/useRefState.mjs";
+import { isTarget as k } from "../../utils/helpers/isTarget.mjs";
+import { getElement as O } from "../../utils/helpers/getElement.mjs";
+const U = 10;
+class v {
+  constructor(e, t) {
+    h(this, "x");
+    h(this, "y");
+    this.x = e, this.y = t;
+  }
+  update(e) {
+    this.x = e.x, this.y = e.y;
+  }
+  getDifferenceTo(e) {
+    return new v(this.x - e.x, this.y - e.y);
+  }
+  getDistanceTo(e) {
+    const t = this.getDifferenceTo(e);
+    return Math.sqrt(t.x ** 2 + t.y ** 2);
+  }
+  getAngleTo(e) {
+    const t = this.getDifferenceTo(e);
+    return Math.atan2(t.y, t.x);
+  }
+  equalsTo(e) {
+    return this.x === e.x && this.y === e.y;
+  }
+  moveByAngle(e, t) {
+    const o = e + Math.PI / 2;
+    return this.x += Math.sin(o) * t, this.y -= Math.cos(o) * t, this;
+  }
+}
+class X {
+  constructor({ x: e, y: t, radius: o, smooth: d }) {
+    h(this, "pointer");
+    h(this, "brush");
+    h(this, "radius");
+    h(this, "smooth", !1);
+    h(this, "points", []);
+    h(this, "lines", []);
+    this.smooth = d, this.pointer = new v(e, t), this.brush = new v(e, t), this.radius = o, this.points = [], this.lines = [];
+  }
+  getBrushCoordinates() {
+    return {
+      x: this.brush.x,
+      y: this.brush.y
+    };
+  }
+  getPointerCoordinates() {
+    return {
+      x: this.pointer.x,
+      y: this.pointer.y
+    };
+  }
+  update(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;
+    const t = this.pointer.getDistanceTo(this.brush), o = this.pointer.getAngleTo(this.brush);
+    if (Math.round((t - this.radius) * 10) / 10 > 0) {
+      const y = o + Math.PI / 2;
+      return this.brush.update({
+        x: this.brush.x + Math.sin(y) * (t - this.radius),
+        y: this.brush.y - Math.cos(y) * (t - this.radius)
+      }), this.points.push(this.getBrushCoordinates()), !0;
+    }
+    return !1;
+  }
+}
+const j = (...c) => {
+  const e = k(c[0]) ? c[0] : void 0, t = (e ? c[1] : c[0]) ?? {}, o = (t == null ? void 0 : t.color) ?? "black", d = (t == null ? void 0 : t.opacity) ?? 1, y = (t == null ? void 0 : t.radius) ?? U, s = P(
+    new X({
+      x: 0,
+      y: 0,
+      radius: (t == null ? void 0 : t.radius) ?? U,
+      smooth: (t == null ? void 0 : t.smooth) ?? !1
+    })
+  ), [M, E] = S(!1), m = I(), n = P(null), l = (r, i, a, f) => {
+    if (!n.current) return;
+    n.current.globalAlpha = a, n.current.strokeStyle = i, n.current.lineWidth = f * 2, n.current.lineCap = "round", n.current.lineJoin = "round";
+    let u = r[0], x = r[1];
+    n.current.beginPath();
+    for (let g = 1; g < r.length; g += 1) {
+      const p = {
+        x: u.x + (x.x - u.x) / 2,
+        y: u.y + (x.y - u.y) / 2
+      };
+      n.current.quadraticCurveTo(u.x, u.y, p.x, p.y), u = r[g], x = r[g + 1];
+    }
+    n.current.lineTo(u.x, u.y), n.current.stroke();
+  }, b = () => {
+    n.current && n.current.clearRect(
+      0,
+      0,
+      n.current.canvas.width,
+      n.current.canvas.height
+    );
+  }, T = w((r) => {
+    var f;
+    if (!M) return;
+    (f = t == null ? void 0 : t.onMouseMove) == null || f.call(t, r, s.current);
+    const i = { x: r.offsetX, y: r.offsetY };
+    s.current.update(i) && n.current && (b(), n.current.clearRect(
+      0,
+      0,
+      n.current.canvas.width,
+      n.current.canvas.height
+    ), s.current.lines.forEach(
+      ({ points: u, color: x, opacity: g, radius: p }) => l(u, x, g, p)
+    ), l(s.current.points, o, d, y));
+  }), R = w((r) => {
+    var a;
+    if (!n.current) return;
+    const i = { x: r.offsetX, y: r.offsetY };
+    s.current.brush.update(i), s.current.points.push(i), l(s.current.points, o, d, y), (a = t == null ? void 0 : t.onMouseDown) == null || a.call(t, r, s.current), E(!0);
+  }), D = w((r) => {
+    var i;
+    n.current && (s.current.points.length && (s.current.lines.push({ points: s.current.points, color: o, opacity: d, radius: y }), s.current.points = []), (i = t == null ? void 0 : t.onMouseUp) == null || i.call(t, r, s.current), E(!1));
+  }), L = () => {
+    n.current && (b(), s.current.lines = [], s.current.points = []);
+  }, C = () => {
+    n.current && (b(), s.current.lines.pop(), s.current.lines.forEach(
+      ({ points: r, color: i, opacity: a, radius: f }) => l(r, i, a, f)
+    ));
+  };
+  return q(() => {
+    if (!e && !m.state) return;
+    const r = e ? O(e) : m.current;
+    if (r)
+      return n.current = r.getContext("2d"), t != null && t.initialLines && (s.current.lines = t.initialLines, t.initialLines.forEach(
+        ({ points: i, color: a, opacity: f, radius: u }) => l(i, a, f, u)
+      )), r.addEventListener("mousedown", R), r.addEventListener("mousemove", T), r.addEventListener("mouseup", D), () => {
+        r && (r.removeEventListener("mousedown", R), r.removeEventListener("mousemove", T), r.removeEventListener("mouseup", D));
+      };
+  }, [e, m.state]), e ? { drawing: M, clear: L, undo: C, draw: l, lines: s.current.lines } : { ref: m, drawing: M, clear: L, undo: C, draw: l, lines: s.current.lines };
+};
+export {
+  X as Paint,
+  v as Pointer,
+  j as usePaint
+};
+//# sourceMappingURL=usePaint.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePaint.mjs","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":["DEFAULT_BRUSH_RADIUS","Pointer","x","y","__publicField","point","diff","angle","distance","angleRotated","Paint","radius","smooth","usePaint","params","target","isTarget","options","color","opacity","paintRef","useRef","drawing","setIsDrawing","useState","internalRef","useRefState","contextRef","draw","points","p1","p2","i","midPoint","clearCanvas","onMouseMove","useEvent","event","_a","onMouseDown","onMouseUp","clear","undo","useEffect","element","getElement"],"mappings":"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"}

package/dist/esm/hooks/useParallax/useParallax.mjs

@@ -0,0 +1,94 @@
+import { useState as h, useEffect as k } from "react";
+import { useDeviceOrientation as R } from "../useDeviceOrientation/useDeviceOrientation.mjs";
+import { useMouse as T } from "../useMouse/useMouse.mjs";
+import { useRefState as x } from "../useRefState/useRefState.mjs";
+import { useScreenOrientation as j } from "../useScreenOrientation/useScreenOrientation.mjs";
+import { isTarget as w } from "../../utils/helpers/isTarget.mjs";
+const E = (...r) => {
+  const u = w(r[0]) ? r[0] : void 0, v = r[1] ? r[1] : r[0], c = x(), a = T(u ?? c), i = j(), t = R(), {
+    deviceOrientationRollAdjust: d = (n) => n,
+    deviceOrientationTiltAdjust: p = (n) => n,
+    mouseRollAdjust: f = (n) => n,
+    mouseTiltAdjust: g = (n) => n
+  } = v ?? {}, [m, b] = h({
+    roll: 0,
+    tilt: 0,
+    source: "mouse"
+  }), s = () => t.supported && (t.value.alpha || t.value.gamma) ? "deviceOrientation" : "mouse", y = () => {
+    if (s() === "deviceOrientation") {
+      let e;
+      switch (i.value.orientationType) {
+        case "landscape-primary":
+          e = t.value.gamma / 90;
+          break;
+        case "landscape-secondary":
+          e = -t.value.gamma / 90;
+          break;
+        case "portrait-primary":
+          e = -t.value.beta / 90;
+          break;
+        case "portrait-secondary":
+          e = t.value.beta / 90;
+          break;
+        default:
+          e = -t.value.beta / 90;
+      }
+      return d(e);
+    } else {
+      if (!a.element) return 0;
+      const e = a.y - a.elementPositionY, o = a.element.getBoundingClientRect().height, l = -(e - o / 2) / o;
+      return f(l);
+    }
+  }, O = () => {
+    if (s() === "deviceOrientation") {
+      let e;
+      switch (i.value.orientationType) {
+        case "landscape-primary":
+          e = t.value.beta / 90;
+          break;
+        case "landscape-secondary":
+          e = -t.value.beta / 90;
+          break;
+        case "portrait-primary":
+          e = t.value.gamma / 90;
+          break;
+        case "portrait-secondary":
+          e = -t.value.gamma / 90;
+          break;
+        default:
+          e = t.value.gamma / 90;
+      }
+      return p(e);
+    } else {
+      if (!a.element) return 0;
+      const e = a.x - a.elementPositionX, o = a.element.getBoundingClientRect().width, l = (e - o / 2) / o;
+      return g(l);
+    }
+  };
+  return k(() => {
+    if (!a.element) return;
+    const n = s(), e = y(), o = O();
+    b({
+      roll: e,
+      source: n,
+      tilt: o
+    });
+  }, [
+    i.value.angle,
+    i.value.orientationType,
+    t.value.gamma,
+    t.value.beta,
+    t.value.alpha,
+    t.value.absolute,
+    a.x,
+    a.y,
+    a.element
+  ]), u ? { value: m } : {
+    ref: c,
+    value: m
+  };
+};
+export {
+  E as useParallax
+};
+//# sourceMappingURL=useParallax.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useParallax.mjs","sources":["../../../../src/hooks/useParallax/useParallax.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useDeviceOrientation } from '../useDeviceOrientation/useDeviceOrientation';\nimport { useMouse } from '../useMouse/useMouse';\nimport { useRefState } from '../useRefState/useRefState';\nimport { useScreenOrientation } from '../useScreenOrientation/useScreenOrientation';\n\n/** The use parallax value type */\nexport interface UseParallaxValue {\n  /** Roll value. Scaled to `-0.5 ~ 0.5` */\n  roll: number;\n  /** Sensor source, can be `mouse` or `deviceOrientation` */\n  source: 'deviceOrientation' | 'mouse';\n  /** Tilt value. Scaled to `-0.5 ~ 0.5` */\n  tilt: number;\n}\n\n/** The use parallax options type */\nexport interface UseParallaxOptions {\n  /** Device orientation roll adjust function */\n  deviceOrientationRollAdjust?: (value: number) => number;\n  /** Device orientation tilt adjust function */\n  deviceOrientationTiltAdjust?: (value: number) => number;\n  /** Mouse roll adjust function */\n  mouseRollAdjust?: (value: number) => number;\n  /** Mouse tilt adjust function */\n  mouseTiltAdjust?: (value: number) => number;\n}\n\ninterface UseParallaxReturn {\n  value: UseParallaxValue;\n}\n\nexport interface UseParallax {\n  (target: HookTarget, options?: UseParallaxOptions): UseParallaxReturn;\n\n  <Target extends Element>(\n    options?: UseParallaxOptions,\n    target?: never\n  ): UseParallaxReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useParallax\n * @description - Hook to help create parallax effect\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn} An object of parallax values\n *\n * @example\n * const { value } = useParallax(ref);\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn & { ref: StateRef<Target> }} An object of parallax values\n *\n * @example\n * const { ref, value } = useParallax();\n */\nexport const useParallax = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseParallaxOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n\n  const mouse = useMouse(target ?? internalRef);\n  const screenOrientation = useScreenOrientation();\n  const deviceOrientation = useDeviceOrientation();\n\n  const {\n    deviceOrientationRollAdjust = (value) => value,\n    deviceOrientationTiltAdjust = (value) => value,\n    mouseRollAdjust = (value) => value,\n    mouseTiltAdjust = (value) => value\n  } = (options ?? {}) as UseParallaxOptions;\n\n  const [value, setValue] = useState({\n    roll: 0,\n    tilt: 0,\n    source: 'mouse'\n  });\n\n  const getSource = () => {\n    const isDeviceOrientation =\n      deviceOrientation.supported &&\n      (deviceOrientation.value.alpha || deviceOrientation.value.gamma);\n\n    if (isDeviceOrientation) return 'deviceOrientation';\n    return 'mouse';\n  };\n\n  const getRoll = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-primary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-secondary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        default:\n          value = -deviceOrientation.value.beta! / 90;\n      }\n      return deviceOrientationRollAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const y = mouse.y - mouse.elementPositionY;\n      const height = mouse.element.getBoundingClientRect().height;\n      const value = -(y - height / 2) / height;\n      return mouseRollAdjust(value);\n    }\n  };\n\n  const getTilt = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        default:\n          value = deviceOrientation.value.gamma! / 90;\n      }\n      return deviceOrientationTiltAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const x = mouse.x - mouse.elementPositionX;\n      const width = mouse.element.getBoundingClientRect().width;\n      const value = (x - width / 2) / width;\n      return mouseTiltAdjust(value);\n    }\n  };\n\n  useEffect(() => {\n    if (!mouse.element) return;\n\n    const source = getSource();\n    const roll = getRoll();\n    const tilt = getTilt();\n\n    setValue({\n      roll,\n      source,\n      tilt\n    });\n  }, [\n    screenOrientation.value.angle,\n    screenOrientation.value.orientationType,\n    deviceOrientation.value.gamma,\n    deviceOrientation.value.beta,\n    deviceOrientation.value.alpha,\n    deviceOrientation.value.absolute,\n    mouse.x,\n    mouse.y,\n    mouse.element\n  ]);\n\n  if (target) return { value };\n\n  return {\n    ref: internalRef,\n    value\n  };\n}) as UseParallax;\n"],"names":["useParallax","params","target","isTarget","options","internalRef","useRefState","mouse","useMouse","screenOrientation","useScreenOrientation","deviceOrientation","useDeviceOrientation","deviceOrientationRollAdjust","value","deviceOrientationTiltAdjust","mouseRollAdjust","mouseTiltAdjust","setValue","useState","getSource","getRoll","y","height","getTilt","x","width","useEffect","source","roll","tilt"],"mappings":";;;;;;AAuEa,MAAAA,IAAe,IAAIC,MAAkB;AAC1C,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWH,EAAO,CAAC,IAAIA,EAAO,CAAC,IAAIA,EAAO,CAAC,GAE3CI,IAAcC,EAAqB,GAEnCC,IAAQC,EAASN,KAAUG,CAAW,GACtCI,IAAoBC,EAAqB,GACzCC,IAAoBC,EAAqB,GAEzC;AAAA,IACJ,6BAAAC,IAA8B,CAACC,MAAUA;AAAAA,IACzC,6BAAAC,IAA8B,CAACD,MAAUA;AAAAA,IACzC,iBAAAE,IAAkB,CAACF,MAAUA;AAAAA,IAC7B,iBAAAG,IAAkB,CAACH,MAAUA;AAAAA,EAC/B,IAAKV,KAAW,CAAC,GAEX,CAACU,GAAOI,CAAQ,IAAIC,EAAS;AAAA,IACjC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAY,MAEdT,EAAkB,cACjBA,EAAkB,MAAM,SAASA,EAAkB,MAAM,SAE5B,sBACzB,SAGHU,IAAU,MAAM;AAEpB,QADeD,EAAU,MACV,qBAAqB;AAC9BN,UAAAA;AACI,cAAAL,EAAkB,MAAM,iBAAiB;AAAA,QAC/C,KAAK;AACHK,UAAAA,IAAQH,EAAkB,MAAM,QAAS;AACzC;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQ,CAACH,EAAkB,MAAM,QAAS;AAC1C;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQ,CAACH,EAAkB,MAAM,OAAQ;AACzC;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQH,EAAkB,MAAM,OAAQ;AACxC;AAAA,QACF;AACEG,UAAAA,IAAQ,CAACH,EAAkB,MAAM,OAAQ;AAAA,MAAA;AAE7C,aAAOE,EAA4BC,CAAK;AAAA,IAAA,OACnC;AACD,UAAA,CAACP,EAAM,QAAgB,QAAA;AACrB,YAAAe,IAAIf,EAAM,IAAIA,EAAM,kBACpBgB,IAAShB,EAAM,QAAQ,sBAAwB,EAAA,QAC/CO,IAAQ,EAAEQ,IAAIC,IAAS,KAAKA;AAClC,aAAOP,EAAgBF,CAAK;AAAA,IAAA;AAAA,EAEhC,GAEMU,IAAU,MAAM;AAEpB,QADeJ,EAAU,MACV,qBAAqB;AAC9BN,UAAAA;AACI,cAAAL,EAAkB,MAAM,iBAAiB;AAAA,QAC/C,KAAK;AACHK,UAAAA,IAAQH,EAAkB,MAAM,OAAQ;AACxC;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQ,CAACH,EAAkB,MAAM,OAAQ;AACzC;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQH,EAAkB,MAAM,QAAS;AACzC;AAAA,QACF,KAAK;AACHG,UAAAA,IAAQ,CAACH,EAAkB,MAAM,QAAS;AAC1C;AAAA,QACF;AACEG,UAAAA,IAAQH,EAAkB,MAAM,QAAS;AAAA,MAAA;AAE7C,aAAOI,EAA4BD,CAAK;AAAA,IAAA,OACnC;AACD,UAAA,CAACP,EAAM,QAAgB,QAAA;AACrB,YAAAkB,IAAIlB,EAAM,IAAIA,EAAM,kBACpBmB,IAAQnB,EAAM,QAAQ,sBAAwB,EAAA,OAC9CO,KAASW,IAAIC,IAAQ,KAAKA;AAChC,aAAOT,EAAgBH,CAAK;AAAA,IAAA;AAAA,EAEhC;AA0BI,SAxBJa,EAAU,MAAM;AACV,QAAA,CAACpB,EAAM,QAAS;AAEpB,UAAMqB,IAASR,EAAU,GACnBS,IAAOR,EAAQ,GACfS,IAAON,EAAQ;AAEZ,IAAAN,EAAA;AAAA,MACP,MAAAW;AAAA,MACA,QAAAD;AAAA,MACA,MAAAE;AAAA,IAAA,CACD;AAAA,EAAA,GACA;AAAA,IACDrB,EAAkB,MAAM;AAAA,IACxBA,EAAkB,MAAM;AAAA,IACxBE,EAAkB,MAAM;AAAA,IACxBA,EAAkB,MAAM;AAAA,IACxBA,EAAkB,MAAM;AAAA,IACxBA,EAAkB,MAAM;AAAA,IACxBJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,EAAA,CACP,GAEGL,IAAe,EAAE,OAAAY,EAAM,IAEpB;AAAA,IACL,KAAKT;AAAA,IACL,OAAAS;AAAA,EACF;AACF;"}

package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs

@@ -0,0 +1,26 @@
+import { useState as b, useRef as i, useEffect as a } from "react";
+const E = (s, d) => {
+  const r = typeof window < "u" && typeof PerformanceObserver < "u", [m, p] = b([]), n = i(null), t = i();
+  t.current = d;
+  const o = () => {
+    if (!r) return;
+    const e = new PerformanceObserver((c, v) => {
+      var f;
+      p(c.getEntries()), (f = t.current) == null || f.call(t, c, v);
+    });
+    e.observe(s), n.current = e;
+  }, u = () => {
+    var e;
+    r && ((e = n.current) == null || e.disconnect(), n.current = null);
+  };
+  return a(() => {
+    if (r)
+      return s.immediate && o(), () => {
+        u();
+      };
+  }, []), { supported: r, entries: m, start: o, stop: u };
+};
+export {
+  E as usePerformanceObserver
+};
+//# sourceMappingURL=usePerformanceObserver.mjs.map

package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePerformanceObserver.mjs","sources":["../../../../src/hooks/usePerformanceObserver/usePerformanceObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use performance observer options type */\nexport type UsePerformanceObserverOptions = PerformanceObserverInit & {\n  /** Whether to start the observer immediately */\n  immediate?: boolean;\n};\n\n/**\n * @name usePerformanceObserver\n * @description - Hook that allows you to observe performance entries\n * @category Sensors\n *\n * @browserapi PerformanceObserver https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver\n *\n * @param {UsePerformanceObserverOptions} options The options for the performance observer\n * @param {PerformanceObserverCallback} callback The function to handle performance entries\n * @returns {object} An object containing the observer's support status and methods to start and stop the observer\n *\n * @example\n * const { supported, entries, start, stop } = usePerformanceObserver();\n */\nexport const usePerformanceObserver = (\n  options: UsePerformanceObserverOptions,\n  callback?: PerformanceObserverCallback\n) => {\n  const supported = typeof window !== 'undefined' && typeof PerformanceObserver !== 'undefined';\n  const [entries, setEntries] = useState<PerformanceEntry[]>([]);\n\n  const observerRef = useRef<PerformanceObserver | null>(null);\n  const internalCallback = useRef<PerformanceObserverCallback | null>();\n  internalCallback.current = callback;\n\n  const start = () => {\n    if (!supported) return;\n    const observer = new PerformanceObserver((entryList, observer) => {\n      setEntries(entryList.getEntries());\n      internalCallback.current?.(entryList, observer);\n    });\n    observer.observe(options);\n    observerRef.current = observer;\n  };\n\n  const stop = () => {\n    if (!supported) return;\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n  };\n\n  useEffect(() => {\n    if (!supported) return;\n    if (options.immediate) start();\n\n    return () => {\n      stop();\n    };\n  }, []);\n\n  return { supported, entries, start, stop };\n};\n"],"names":["usePerformanceObserver","options","callback","supported","entries","setEntries","useState","observerRef","useRef","internalCallback","start","observer","entryList","_a","stop","useEffect"],"mappings":";AAsBa,MAAAA,IAAyB,CACpCC,GACAC,MACG;AACH,QAAMC,IAAY,OAAO,SAAW,OAAe,OAAO,sBAAwB,KAC5E,CAACC,GAASC,CAAU,IAAIC,EAA6B,CAAA,CAAE,GAEvDC,IAAcC,EAAmC,IAAI,GACrDC,IAAmBD,EAA2C;AACpE,EAAAC,EAAiB,UAAUP;AAE3B,QAAMQ,IAAQ,MAAM;AAClB,QAAI,CAACP,EAAW;AAChB,UAAMQ,IAAW,IAAI,oBAAoB,CAACC,GAAWD,MAAa;;AACrD,MAAAN,EAAAO,EAAU,YAAY,IAChBC,IAAAJ,EAAA,YAAA,QAAAI,EAAA,KAAAJ,GAAUG,GAAWD;AAAAA,IAAQ,CAC/C;AACD,IAAAA,EAAS,QAAQV,CAAO,GACxBM,EAAY,UAAUI;AAAA,EACxB,GAEMG,IAAO,MAAM;;AACjB,IAAKX,OACLU,IAAAN,EAAY,YAAZ,QAAAM,EAAqB,cACrBN,EAAY,UAAU;AAAA,EACxB;AAEA,SAAAQ,EAAU,MAAM;AACd,QAAKZ;AACD,aAAAF,EAAQ,aAAiBS,EAAA,GAEtB,MAAM;AACN,QAAAI,EAAA;AAAA,MACP;AAAA,EACF,GAAG,EAAE,GAEE,EAAE,WAAAX,GAAW,SAAAC,GAAS,OAAAM,GAAO,MAAAI,EAAK;AAC3C;"}

package/dist/esm/hooks/usePermission/usePermission.mjs

@@ -0,0 +1,28 @@
+import { useState as c, useEffect as m } from "react";
+import { useEvent as p } from "../useEvent/useEvent.mjs";
+const v = (r, t) => {
+  const n = typeof navigator < "u" && "permissions" in navigator, [i, s] = c("prompt"), a = (t == null ? void 0 : t.enabled) ?? !0, u = { name: r }, e = p(async () => {
+    try {
+      const o = await navigator.permissions.query(
+        u
+      );
+      return s(o.state), o.state;
+    } catch {
+      return s("prompt"), "prompt";
+    }
+  });
+  return m(() => {
+    if (!(!n || !a))
+      return e(), window.addEventListener("change", e), () => {
+        window.removeEventListener("change", e);
+      };
+  }, [r, a]), {
+    state: i,
+    supported: n,
+    query: e
+  };
+};
+export {
+  v as usePermission
+};
+//# sourceMappingURL=usePermission.mjs.map

package/dist/esm/hooks/usePermission/usePermission.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePermission.mjs","sources":["../../../../src/hooks/usePermission/usePermission.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The permission name */\nexport type UsePermissionName =\n  | 'accelerometer'\n  | 'accessibility-events'\n  | 'ambient-light-sensor'\n  | 'background-sync'\n  | 'camera'\n  | 'clipboard-read'\n  | 'clipboard-write'\n  | 'gyroscope'\n  | 'magnetometer'\n  | 'microphone'\n  | 'notifications'\n  | 'payment-handler'\n  | 'persistent-storage'\n  | 'push'\n  | 'speaker'\n  | PermissionName;\n\n/** The use permission options type */\nexport interface UsePermissionOptions {\n  /** Whether the permission is enabled */\n  enabled: boolean;\n}\n\n/** The use permission return type */\nexport interface UsePermissionReturn {\n  /** The permission state */\n  state: PermissionState;\n  /** The permission supported status */\n  supported: boolean;\n  /** The permission query function */\n  query: () => Promise<PermissionState>;\n}\n\n/**\n *  @name usePermission\n *  @description - Hook that gives you the state of permission\n *  @category Browser\n *\n *  @browserapi navigator.permissions https://developer.mozilla.org/en-US/docs/Web/API/Navigator/permissions\n *\n *  @param {UsePermissionName} permissionDescriptorName - The permission name\n *  @param {boolean} [options.enabled=true] - Whether the permission is enabled\n *  @returns {UsePermissionReturn} An object containing the state and the supported status\n *\n *  @example\n *  const { state, supported, query } = usePermission('microphone');\n */\nexport const usePermission = (\n  permissionDescriptorName: UsePermissionName,\n  options?: UsePermissionOptions\n) => {\n  const supported = typeof navigator !== 'undefined' && 'permissions' in navigator;\n  const [state, setState] = useState<PermissionState>('prompt');\n  const enabled = options?.enabled ?? true;\n\n  const permissionDescriptor = { name: permissionDescriptorName };\n\n  const query = useEvent(async () => {\n    try {\n      const permissionStatus = await navigator.permissions.query(\n        permissionDescriptor as PermissionDescriptor\n      );\n      setState(permissionStatus.state);\n      return permissionStatus.state;\n    } catch {\n      setState('prompt');\n      return 'prompt';\n    }\n  });\n\n  useEffect(() => {\n    if (!supported || !enabled) return;\n    query();\n    window.addEventListener('change', query);\n    return () => {\n      window.removeEventListener('change', query);\n    };\n  }, [permissionDescriptorName, enabled]);\n\n  return {\n    state,\n    supported,\n    query\n  };\n};\n"],"names":["usePermission","permissionDescriptorName","options","supported","state","setState","useState","enabled","permissionDescriptor","query","useEvent","permissionStatus","useEffect"],"mappings":";;AAqDa,MAAAA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAMC,IAAY,OAAO,YAAc,OAAe,iBAAiB,WACjE,CAACC,GAAOC,CAAQ,IAAIC,EAA0B,QAAQ,GACtDC,KAAUL,KAAA,gBAAAA,EAAS,YAAW,IAE9BM,IAAuB,EAAE,MAAMP,EAAyB,GAExDQ,IAAQC,EAAS,YAAY;AAC7B,QAAA;AACI,YAAAC,IAAmB,MAAM,UAAU,YAAY;AAAA,QACnDH;AAAA,MACF;AACA,aAAAH,EAASM,EAAiB,KAAK,GACxBA,EAAiB;AAAA,IAAA,QAClB;AACN,aAAAN,EAAS,QAAQ,GACV;AAAA,IAAA;AAAA,EACT,CACD;AAED,SAAAO,EAAU,MAAM;AACV,QAAA,GAACT,KAAa,CAACI;AACb,aAAAE,EAAA,GACC,OAAA,iBAAiB,UAAUA,CAAK,GAChC,MAAM;AACJ,eAAA,oBAAoB,UAAUA,CAAK;AAAA,MAC5C;AAAA,EAAA,GACC,CAACR,GAA0BM,CAAO,CAAC,GAE/B;AAAA,IACL,OAAAH;AAAA,IACA,WAAAD;AAAA,IACA,OAAAM;AAAA,EACF;AACF;"}

package/dist/esm/hooks/usePointerLock/usePointerLock.mjs

@@ -0,0 +1,31 @@
+import { useState as u, useEffect as l } from "react";
+const a = () => {
+  const e = typeof document < "u" && "pointerLockElement" in document, [t, o] = u();
+  return l(() => {
+    if (!e) return;
+    const n = () => {
+      if (!e) return;
+      const r = document.pointerLockElement ?? t;
+      r && r === t && o(document.pointerLockElement);
+    }, c = () => {
+      if (!e) return;
+      const r = document.pointerLockElement ?? t;
+      if (r && r === t) {
+        const i = document.pointerLockElement ? "release" : "acquire";
+        throw new Error(`Failed to ${i} pointer lock.`);
+      }
+    };
+    return document.addEventListener("pointerlockchange", n), document.addEventListener("pointerlockerror", c), () => {
+      document.removeEventListener("pointerlockchange", n), document.removeEventListener("pointerlockerror", c);
+    };
+  }, []), {
+    supported: e,
+    element: t,
+    lock: (n) => !e || n instanceof Event ? !1 : (n.currentTarget.requestPointerLock(), o(n.currentTarget), !0),
+    unlock: () => !e || !t ? !1 : (document.exitPointerLock(), o(void 0), !0)
+  };
+};
+export {
+  a as usePointerLock
+};
+//# sourceMappingURL=usePointerLock.mjs.map

package/dist/esm/hooks/usePointerLock/usePointerLock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerLock.mjs","sources":["../../../../src/hooks/usePointerLock/usePointerLock.ts"],"sourcesContent":["import type { MouseEvent } from 'react';\n\nimport { useEffect, useState } from 'react';\n\n/** The use pointer lock return type */\ninterface UsePointerLockReturn {\n  /** The pointer lock element */\n  element?: Element;\n  /** Whether the pointer lock is supported */\n  supported: boolean;\n  /** Lock the pointer lock */\n  lock: (event: MouseEvent) => void;\n  /** Unlock the pointer lock */\n  unlock: () => boolean;\n}\n\n/**\n * @name usePointerLock\n * @description - Hook that provides reactive pointer lock\n * @category Sensors\n *\n * @browserapi pointerLockElement https://developer.mozilla.org/en-US/docs/Web/API/Document/pointerLockElement\n *\n * @returns {UsePointerLockReturn} An object containing the pointer lock element and functions to interact with the pointer lock\n *\n * @example\n * const { supported, lock, unlock, element } = usePointerLock();\n */\nexport const usePointerLock = (): UsePointerLockReturn => {\n  const supported = typeof document !== 'undefined' && 'pointerLockElement' in document;\n  const [element, setElement] = useState<Element>();\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const handlePointerLockChange = () => {\n      if (!supported) return;\n\n      const currentElement = document.pointerLockElement ?? element;\n\n      if (currentElement && currentElement === element) {\n        setElement(document.pointerLockElement as Element);\n      }\n    };\n    const handlePointerLockError = () => {\n      if (!supported) return;\n\n      const currentElement = document.pointerLockElement ?? element;\n\n      if (currentElement && currentElement === element) {\n        const action = document.pointerLockElement ? 'release' : 'acquire';\n\n        throw new Error(`Failed to ${action} pointer lock.`);\n      }\n    };\n\n    document.addEventListener('pointerlockchange', handlePointerLockChange);\n    document.addEventListener('pointerlockerror', handlePointerLockError);\n\n    return () => {\n      document.removeEventListener('pointerlockchange', handlePointerLockChange);\n      document.removeEventListener('pointerlockerror', handlePointerLockError);\n    };\n  }, []);\n\n  const lock = (event: MouseEvent) => {\n    if (!supported) return false;\n\n    if (event instanceof Event) return false;\n\n    event.currentTarget.requestPointerLock();\n\n    setElement(event.currentTarget);\n    return true;\n  };\n\n  const unlock = () => {\n    if (!supported) return false;\n\n    if (!element) return false;\n\n    document.exitPointerLock();\n    setElement(undefined);\n\n    return true;\n  };\n\n  return {\n    supported,\n    element,\n    lock,\n    unlock\n  };\n};\n"],"names":["usePointerLock","supported","element","setElement","useState","useEffect","handlePointerLockChange","currentElement","handlePointerLockError","action","event"],"mappings":";AA4BO,MAAMA,IAAiB,MAA4B;AACxD,QAAMC,IAAY,OAAO,WAAa,OAAe,wBAAwB,UACvE,CAACC,GAASC,CAAU,IAAIC,EAAkB;AAEhD,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAA0B,MAAM;AACpC,UAAI,CAACL,EAAW;AAEV,YAAAM,IAAiB,SAAS,sBAAsBL;AAElD,MAAAK,KAAkBA,MAAmBL,KACvCC,EAAW,SAAS,kBAA6B;AAAA,IAErD,GACMK,IAAyB,MAAM;AACnC,UAAI,CAACP,EAAW;AAEV,YAAAM,IAAiB,SAAS,sBAAsBL;AAElD,UAAAK,KAAkBA,MAAmBL,GAAS;AAC1C,cAAAO,IAAS,SAAS,qBAAqB,YAAY;AAEzD,cAAM,IAAI,MAAM,aAAaA,CAAM,gBAAgB;AAAA,MAAA;AAAA,IAEvD;AAES,oBAAA,iBAAiB,qBAAqBH,CAAuB,GAC7D,SAAA,iBAAiB,oBAAoBE,CAAsB,GAE7D,MAAM;AACF,eAAA,oBAAoB,qBAAqBF,CAAuB,GAChE,SAAA,oBAAoB,oBAAoBE,CAAsB;AAAA,IACzE;AAAA,EACF,GAAG,EAAE,GAwBE;AAAA,IACL,WAAAP;AAAA,IACA,SAAAC;AAAA,IACA,MAzBW,CAACQ,MACR,CAACT,KAEDS,aAAiB,QAAc,MAEnCA,EAAM,cAAc,mBAAmB,GAEvCP,EAAWO,EAAM,aAAa,GACvB;AAAA,IAkBP,QAfa,MACT,CAACT,KAED,CAACC,IAAgB,MAErB,SAAS,gBAAgB,GACzBC,EAAW,MAAS,GAEb;AAAA,EAQT;AACF;"}

package/dist/esm/hooks/usePostMessage/usePostMessage.mjs

@@ -0,0 +1,20 @@
+import { useRef as n, useEffect as o } from "react";
+const d = (e, t) => {
+  const a = n(t);
+  return a.current = t, o(() => {
+    const r = (s) => {
+      Array.isArray(e) && (!e.includes(s.origin) || !e.includes("*")) || s.origin !== e && e !== "*" || a.current(s.data, s);
+    };
+    return window.addEventListener("message", r), () => window.removeEventListener("message", r);
+  }, []), (r) => {
+    if (Array.isArray(e)) {
+      e.forEach((s) => window.postMessage(r, s));
+      return;
+    }
+    window.postMessage(r, e);
+  };
+};
+export {
+  d as usePostMessage
+};
+//# sourceMappingURL=usePostMessage.mjs.map

package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePostMessage.mjs","sources":["../../../../src/hooks/usePostMessage/usePostMessage.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport type UsePostMessageReturn<Message> = (message: Message) => void;\n\n/**\n * @name usePostMessage\n * @description - Hook that allows you to receive messages from other origins\n * @category Browser\n *\n * @overload\n * @template Message The message data type\n * @param {string | string[]} origin The origin of the message\n * @param {(message: Message) => Message} callback callback to get received message\n * @returns {(message: Message) => void} An object containing the current message\n *\n * @example\n * const postMessage = usePostMessage();\n */\nexport const usePostMessage = <Message>(\n  origin: string | '*' | string[],\n  callback: (message: Message, event: MessageEvent<Message>) => void\n): UsePostMessageReturn<Message> => {\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    const onMessage = (event: MessageEvent<Message>) => {\n      if (\n        (Array.isArray(origin) && (!origin.includes(event.origin) || !origin.includes('*'))) ||\n        (event.origin !== origin && origin !== '*')\n      )\n        return;\n\n      internalCallbackRef.current(event.data as Message, event);\n    };\n\n    window.addEventListener('message', onMessage);\n    return () => window.removeEventListener('message', onMessage);\n  }, []);\n\n  const postMessage = (message: Message) => {\n    if (Array.isArray(origin)) {\n      origin.forEach((origin) => window.postMessage(message, origin));\n      return;\n    }\n\n    window.postMessage(message, origin);\n  };\n\n  return postMessage;\n};\n"],"names":["usePostMessage","origin","callback","internalCallbackRef","useRef","useEffect","onMessage","event","message"],"mappings":";AAkBa,MAAAA,IAAiB,CAC5BC,GACAC,MACkC;AAC5B,QAAAC,IAAsBC,EAAOF,CAAQ;AAC3C,SAAAC,EAAoB,UAAUD,GAE9BG,EAAU,MAAM;AACR,UAAAC,IAAY,CAACC,MAAiC;AAClD,MACG,MAAM,QAAQN,CAAM,MAAM,CAACA,EAAO,SAASM,EAAM,MAAM,KAAK,CAACN,EAAO,SAAS,GAAG,MAChFM,EAAM,WAAWN,KAAUA,MAAW,OAIrBE,EAAA,QAAQI,EAAM,MAAiBA,CAAK;AAAA,IAC1D;AAEO,kBAAA,iBAAiB,WAAWD,CAAS,GACrC,MAAM,OAAO,oBAAoB,WAAWA,CAAS;AAAA,EAC9D,GAAG,EAAE,GAEe,CAACE,MAAqB;AACpC,QAAA,MAAM,QAAQP,CAAM,GAAG;AACzB,MAAAA,EAAO,QAAQ,CAACA,MAAW,OAAO,YAAYO,GAASP,CAAM,CAAC;AAC9D;AAAA,IAAA;AAGK,WAAA,YAAYO,GAASP,CAAM;AAAA,EACpC;AAGF;"}

package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.mjs

@@ -0,0 +1,9 @@
+import { useMediaQuery as e } from "../useMediaQuery/useMediaQuery.mjs";
+const t = () => {
+  const r = e("(prefers-color-scheme: light)"), o = e("(prefers-color-scheme: dark)");
+  return r ? "light" : o ? "dark" : "no-preference";
+};
+export {
+  t as usePreferredColorScheme
+};
+//# sourceMappingURL=usePreferredColorScheme.mjs.map

package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreferredColorScheme.mjs","sources":["../../../../src/hooks/usePreferredColorScheme/usePreferredColorScheme.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred color scheme return type */\nexport type UsePreferredColorSchemeReturn = 'dark' | 'light' | 'no-preference';\n\n/**\n * @name usePreferredColorScheme\n * @description - Hook that returns user preferred color scheme\n * @category Browser\n *\n * @returns {UsePreferredColorSchemeReturn} String of preferred color scheme\n *\n * @example\n * const colorScheme = usePreferredColorScheme();\n */\nexport const usePreferredColorScheme = (): UsePreferredColorSchemeReturn => {\n  const isLight = useMediaQuery('(prefers-color-scheme: light)');\n  const isDark = useMediaQuery('(prefers-color-scheme: dark)');\n\n  if (isLight) return 'light';\n  if (isDark) return 'dark';\n  return 'no-preference';\n};\n"],"names":["usePreferredColorScheme","isLight","useMediaQuery","isDark"],"mappings":";AAeO,MAAMA,IAA0B,MAAqC;AACpE,QAAAC,IAAUC,EAAc,+BAA+B,GACvDC,IAASD,EAAc,8BAA8B;AAE3D,SAAID,IAAgB,UAChBE,IAAe,SACZ;AACT;"}

package/dist/esm/hooks/usePreferredContrast/usePreferredContrast.mjs

@@ -0,0 +1,9 @@
+import { useMediaQuery as e } from "../useMediaQuery/useMediaQuery.mjs";
+const c = () => {
+  const r = e("(prefers-contrast: more)"), s = e("(prefers-contrast: less)"), o = e("(prefers-contrast: custom)");
+  return r ? "more" : s ? "less" : o ? "custom" : "no-preference";
+};
+export {
+  c as usePreferredContrast
+};
+//# sourceMappingURL=usePreferredContrast.mjs.map

package/dist/esm/hooks/usePreferredContrast/usePreferredContrast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreferredContrast.mjs","sources":["../../../../src/hooks/usePreferredContrast/usePreferredContrast.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred contrast return type */\nexport type UsePreferredContrastReturn = 'custom' | 'less' | 'more' | 'no-preference';\n\n/**\n * @name usePreferredContrast\n * @description - Hook that returns the contrast preference\n * @category Browser\n *\n * @returns {UsePreferredContrastReturn} The contrast preference\n *\n * @example\n * const contrast = usePreferredContrast();\n */\nexport const usePreferredContrast = (): UsePreferredContrastReturn => {\n  const more = useMediaQuery('(prefers-contrast: more)');\n  const less = useMediaQuery('(prefers-contrast: less)');\n  const custom = useMediaQuery('(prefers-contrast: custom)');\n  return more ? 'more' : less ? 'less' : custom ? 'custom' : 'no-preference';\n};\n"],"names":["usePreferredContrast","more","useMediaQuery","less","custom"],"mappings":";AAeO,MAAMA,IAAuB,MAAkC;AAC9D,QAAAC,IAAOC,EAAc,0BAA0B,GAC/CC,IAAOD,EAAc,0BAA0B,GAC/CE,IAASF,EAAc,4BAA4B;AACzD,SAAOD,IAAO,SAASE,IAAO,SAASC,IAAS,WAAW;AAC7D;"}

package/dist/esm/hooks/usePreferredDark/usePreferredDark.mjs

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "../useMediaQuery/useMediaQuery.mjs";
+const o = () => e("(prefers-color-scheme: dark)");
+export {
+  o as usePreferredDark
+};
+//# sourceMappingURL=usePreferredDark.mjs.map

package/dist/esm/hooks/usePreferredDark/usePreferredDark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreferredDark.mjs","sources":["../../../../src/hooks/usePreferredDark/usePreferredDark.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/**\n * @name usePreferredDark\n * @description - Hook that returns if the user prefers dark mode\n * @category Browser\n *\n * @example\n * const isDark = usePreferredDark();\n */\nexport const usePreferredDark = () => useMediaQuery('(prefers-color-scheme: dark)');\n"],"names":["usePreferredDark","useMediaQuery"],"mappings":";AAUa,MAAAA,IAAmB,MAAMC,EAAc,8BAA8B;"}

package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.mjs

@@ -0,0 +1,8 @@
+import { useSyncExternalStore as n } from "react";
+const t = () => window.navigator.languages, r = () => [], o = (e) => (window.addEventListener("languagechange", e), () => {
+  window.removeEventListener("languagechange", e);
+}), s = () => n(o, t, r);
+export {
+  s as usePreferredLanguages
+};
+//# sourceMappingURL=usePreferredLanguages.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePreferredLanguages.mjs","sources":["../../../../src/hooks/usePreferredLanguages/usePreferredLanguages.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => window.navigator.languages;\nconst getServerSnapshot = () => [] as const;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('languagechange', callback);\n  return () => {\n    window.removeEventListener('languagechange', callback);\n  };\n};\n\n/**\n * @name usePreferredLanguages\n * @description Hook that returns a browser preferred languages from navigator\n * @category Browser\n *\n * @browserapi navigator.languages https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages\n *\n * @returns {readonly string[]} An array of strings representing the user's preferred languages\n *\n * @example\n * const languages = usePreferredLanguages();\n */\nexport const usePreferredLanguages = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","usePreferredLanguages","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAc,MAAM,OAAO,UAAU,WACrCC,IAAoB,MAAM,CAAC,GAC3BC,IAAY,CAACC,OACV,OAAA,iBAAiB,kBAAkBA,CAAQ,GAC3C,MAAM;AACJ,SAAA,oBAAoB,kBAAkBA,CAAQ;AACvD,IAeWC,IAAwB,MACnCC,EAAqBH,GAAWF,GAAaC,CAAiB;"}

package/dist/esm/hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "../useMediaQuery/useMediaQuery.mjs";
+const o = () => e("(prefers-reduced-motion: reduce)") ? "reduce" : "no-preference";
+export {
+  o as usePreferredReducedMotion
+};
+//# sourceMappingURL=usePreferredReducedMotion.mjs.map

package/dist/esm/hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreferredReducedMotion.mjs","sources":["../../../../src/hooks/usePreferredReducedMotion/usePreferredReducedMotion.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery/useMediaQuery';\n\n/** The use preferred reduced motion return type */\nexport type UsePreferredReducedMotionReturn = 'no-preference' | 'reduce';\n\n/**\n * @name usePreferredReducedMotion\n * @description - Hook that returns the reduced motion preference\n * @category Browser\n *\n * @returns {UsePreferredReducedMotionReturn} The reduced motion preference\n *\n * @example\n * const reduced = usePreferredReducedMotion();\n */\nexport const usePreferredReducedMotion = (): UsePreferredReducedMotionReturn => {\n  const reduced = useMediaQuery('(prefers-reduced-motion: reduce)');\n  return reduced ? 'reduce' : 'no-preference';\n};\n"],"names":["usePreferredReducedMotion","useMediaQuery"],"mappings":";AAeO,MAAMA,IAA4B,MACvBC,EAAc,kCAAkC,IAC/C,WAAW;"}

package/dist/esm/hooks/usePrevious/usePrevious.mjs

@@ -0,0 +1,9 @@
+import { useRef as c } from "react";
+const s = (r, e) => {
+  const t = c(r), u = c();
+  return ((e == null ? void 0 : e.equality) ?? Object.is)(r, t.current) || (u.current = t.current, t.current = r), u.current;
+};
+export {
+  s as usePrevious
+};
+//# sourceMappingURL=usePrevious.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.mjs","sources":["../../../../src/hooks/usePrevious/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface UsePreviousOptions<Value> {\n  equality: (a: Value, b: Value) => boolean;\n}\n\n/**\n * @name usePrevious\n * @description - Hook that returns the previous value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to get the previous value\n * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed\n * @returns {Value} The previous value\n *\n * @example\n * const prevValue = usePrevious(value);\n */\nexport const usePrevious = <Value>(value: Value, options?: UsePreviousOptions<Value>) => {\n  const currentRef = useRef<Value>(value);\n  const previousRef = useRef<Value>();\n\n  const equality = options?.equality ?? Object.is;\n\n  if (!equality(value, currentRef.current)) {\n    previousRef.current = currentRef.current;\n    currentRef.current = value;\n  }\n\n  return previousRef.current;\n};\n"],"names":["usePrevious","value","options","currentRef","useRef","previousRef"],"mappings":";AAmBa,MAAAA,IAAc,CAAQC,GAAcC,MAAwC;AACjF,QAAAC,IAAaC,EAAcH,CAAK,GAChCI,IAAcD,EAAc;AAIlC,WAFiBF,KAAA,gBAAAA,EAAS,aAAY,OAAO,IAE/BD,GAAOE,EAAW,OAAO,MACrCE,EAAY,UAAUF,EAAW,SACjCA,EAAW,UAAUF,IAGhBI,EAAY;AACrB;"}

package/dist/esm/hooks/useQuery/useQuery.mjs

@@ -0,0 +1,57 @@
+import { useRef as d, useState as c, useEffect as z } from "react";
+import { useDidUpdate as B } from "../useDidUpdate/useDidUpdate.mjs";
+import { useMount as G } from "../useMount/useMount.mjs";
+import { getRetry as q } from "../../utils/helpers/getRetry.mjs";
+const O = (w, e) => {
+  const y = (e == null ? void 0 : e.enabled) ?? !0, h = d(e != null && e.retry ? q(e.retry) : 0), m = d(!1), [A, t] = c(!1), [F, D] = c(!1), [L, R] = c(!1), [x, I] = c(!1), [M, b] = c(!!(e != null && e.initialData)), [Q, E] = c(void 0), [T, C] = c(e == null ? void 0 : e.initialData), v = d(new AbortController()), S = d(), g = (e == null ? void 0 : e.keys) ?? [], k = () => {
+    v.current.abort(), v.current = new AbortController();
+  }, l = (a) => {
+    k(), t(!0), a === "init" && (m.current = !0, D(!0)), a === "refetch" && I(!0), w({ signal: v.current.signal, keys: g }).then((r) => {
+      var u;
+      const f = e != null && e.select ? e == null ? void 0 : e.select(r) : r;
+      (u = e == null ? void 0 : e.onSuccess) == null || u.call(e, f), C(f), b(!0), E(void 0), R(!1), t(!1), a === "init" && D(!1), a === "refetch" && I(!1);
+    }).catch((r) => {
+      var f;
+      if (h.current > 0) {
+        h.current -= 1;
+        const u = typeof (e == null ? void 0 : e.retryDelay) == "function" ? e == null ? void 0 : e.retryDelay(h.current, r) : e == null ? void 0 : e.retryDelay;
+        if (u) {
+          setTimeout(() => l(a), u);
+          return;
+        }
+        return l(a);
+      }
+      (f = e == null ? void 0 : e.onError) == null || f.call(e, r), C(void 0), b(!1), E(r), R(!0), t(!1), a === "init" && D(!1), a === "refetch" && I(!1), h.current = e != null && e.retry ? q(e.retry) : 0;
+    }).finally(() => {
+      if (e != null && e.refetchInterval) {
+        const r = setInterval(() => {
+          clearInterval(r), l("refetch");
+        }, e == null ? void 0 : e.refetchInterval);
+        S.current = r;
+      }
+    });
+  };
+  G(() => {
+    y && l("init");
+  }), B(() => {
+    y && l(m.current ? "refetch" : "init");
+  }, [y, ...g]), z(() => () => {
+    clearInterval(S.current);
+  }, [y, e == null ? void 0 : e.refetchInterval, e == null ? void 0 : e.retry, ...g]);
+  const U = () => l("refetch"), j = typeof (e == null ? void 0 : e.placeholderData) == "function" ? (e == null ? void 0 : e.placeholderData).call(e) : e == null ? void 0 : e.placeholderData;
+  return {
+    abort: k,
+    data: T ?? j,
+    error: Q,
+    refetch: U,
+    isFetching: A,
+    isLoading: F,
+    isError: L,
+    isSuccess: M,
+    isRefetching: x
+  };
+};
+export {
+  O as useQuery
+};
+//# sourceMappingURL=useQuery.mjs.map