@siberiacancode/reactuse 0.3.15 → 0.3.18

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

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

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

@@ -1 +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 * @usage low\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' && !!window.PerformanceObserver;\n  const [entries, setEntries] = useState<PerformanceEntry[]>([]);\n\n  const observerRef = useRef<PerformanceObserver | null>(null);\n  const internalCallback = useRef<PerformanceObserverCallback | null>(callback);\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","stop","useEffect"],"mappings":";AAuBO,MAAMA,IAAyB,CACpCC,GACAC,MACG;AACH,QAAMC,IAAY,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,qBACtD,CAACC,GAASC,CAAU,IAAIC,EAA6B,CAAA,CAAE,GAEvDC,IAAcC,EAAmC,IAAI,GACrDC,IAAmBD,EAA2CN,CAAQ;AAC5E,EAAAO,EAAiB,UAAUP;AAE3B,QAAMQ,IAAQ,MAAM;AAClB,QAAI,CAACP,EAAW;AAChB,UAAMQ,IAAW,IAAI,oBAAoB,CAACC,GAAWD,MAAa;AAChE,MAAAN,EAAWO,EAAU,YAAY,GACjCH,EAAiB,UAAUG,GAAWD,CAAQ;AAAA,IAAA,CAC/C;AACD,IAAAA,EAAS,QAAQV,CAAO,GACxBM,EAAY,UAAUI;AAAA,EAAA,GAGlBE,IAAO,MAAM;AACjB,IAAKV,MACLI,EAAY,SAAS,WAAA,GACrBA,EAAY,UAAU;AAAA,EAAA;AAGxB,SAAAO,EAAU,MAAM;AACd,QAAKX;AACL,aAAIF,EAAQ,aAAWS,EAAA,GAEhB,MAAM;AACX,QAAAG,EAAA;AAAA,MAAK;AAAA,EACP,GACC,EAAE,GAEE,EAAE,WAAAV,GAAW,SAAAC,GAAS,OAAAM,GAAO,MAAAG,EAAA;AACtC;"}
+{"version":3,"file":"usePerformanceObserver.mjs","names":[],"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 * @usage low\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' && !!window.PerformanceObserver;\n  const [entries, setEntries] = useState<PerformanceEntry[]>([]);\n\n  const observerRef = useRef<PerformanceObserver>(undefined);\n  const internalCallback = useRef<PerformanceObserverCallback | null>(callback);\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 = undefined;\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, observer: observerRef.current };\n};\n"],"mappings":";;AAuBA,IAAa,KACX,GACA,MACG;CACH,IAAM,IAAY,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,qBACtD,CAAC,GAAS,KAAc,EAA6B,EAAE,CAAC,EAExD,IAAc,EAA4B,KAAA,EAAU,EACpD,IAAmB,EAA2C,EAAS;AAC7E,GAAiB,UAAU;CAE3B,IAAM,UAAc;AAClB,MAAI,CAAC,EAAW;EAChB,IAAM,IAAW,IAAI,qBAAqB,GAAW,MAAa;AAEhE,GADA,EAAW,EAAU,YAAY,CAAC,EAClC,EAAiB,UAAU,GAAW,EAAS;IAC/C;AAEF,EADA,EAAS,QAAQ,EAAQ,EACzB,EAAY,UAAU;IAGlB,UAAa;AACZ,QACL,EAAY,SAAS,YAAY,EACjC,EAAY,UAAU,KAAA;;AAYxB,QATA,QAAgB;AACT,QAGL,QAFI,EAAQ,aAAW,GAAO,QAEjB;AACX,MAAM;;IAEP,EAAE,CAAC,EAEC;EAAE;EAAW;EAAS;EAAO;EAAM,UAAU,EAAY;EAAS"}

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

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

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

@@ -1 +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 *  @usage medium\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 =\n    typeof navigator !== 'undefined' && 'permissions' in navigator && !!navigator.permissions;\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":";;AAsDO,MAAMA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAMC,IACJ,OAAO,YAAc,OAAe,iBAAiB,aAAa,CAAC,CAAC,UAAU,aAC1E,CAACC,GAAOC,CAAQ,IAAIC,EAA0B,QAAQ,GACtDC,IAAUL,GAAS,WAAW,IAE9BM,IAAuB,EAAE,MAAMP,EAAA,GAE/BQ,IAAQC,EAAS,YAAY;AACjC,QAAI;AACF,YAAMC,IAAmB,MAAM,UAAU,YAAY;AAAA,QACnDH;AAAA,MAAA;AAEF,aAAAH,EAASM,EAAiB,KAAK,GACxBA,EAAiB;AAAA,IAAA,QAClB;AACN,aAAAN,EAAS,QAAQ,GACV;AAAA,IAAA;AAAA,EACT,CACD;AAED,SAAAO,EAAU,MAAM;AACd,QAAI,GAACT,KAAa,CAACI;AACnB,aAAAE,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAK,GAChC,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAK;AAAA,MAAA;AAAA,EAC5C,GACC,CAACR,GAA0BM,CAAO,CAAC,GAE/B;AAAA,IACL,OAAAH;AAAA,IACA,WAAAD;AAAA,IACA,OAAAM;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"usePermission.mjs","names":[],"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 *  @usage medium\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 = (name: UsePermissionName, options?: UsePermissionOptions) => {\n  const supported =\n    typeof navigator !== 'undefined' && 'permissions' in navigator && !!navigator.permissions;\n  const [state, setState] = useState<PermissionState>('prompt');\n  const enabled = options?.enabled ?? true;\n\n  const permissionDescriptor = { name };\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  }, [name, enabled]);\n\n  return {\n    state,\n    supported,\n    query\n  };\n};\n"],"mappings":";;;AAsDA,IAAa,KAAiB,GAAyB,MAAmC;CACxF,IAAM,IACJ,OAAO,YAAc,OAAe,iBAAiB,aAAa,CAAC,CAAC,UAAU,aAC1E,CAAC,GAAO,KAAY,EAA0B,SAAS,EACvD,IAAU,GAAS,WAAW,IAE9B,IAAuB,EAAE,SAAM,EAE/B,IAAQ,EAAS,YAAY;AACjC,MAAI;GACF,IAAM,IAAmB,MAAM,UAAU,YAAY,MACnD,EACD;AAED,UADA,EAAS,EAAiB,MAAM,EACzB,EAAiB;UAClB;AAEN,UADA,EAAS,SAAS,EACX;;GAET;AAWF,QATA,QAAgB;AACV,SAAC,KAAa,CAAC,GAGnB,QAFA,GAAO,EACP,OAAO,iBAAiB,UAAU,EAAM,QAC3B;AACX,UAAO,oBAAoB,UAAU,EAAM;;IAE5C,CAAC,GAAM,EAAQ,CAAC,EAEZ;EACL;EACA;EACA;EACD"}

package/dist/esm/hooks/usePictureInPicture/usePictureInPicture.mjs

@@ -1,39 +1,43 @@
-import { useState as v, useRef as P, useEffect as g } from "react";
-import { useRefState as I } from "../useRefState/useRefState.mjs";
-import { isTarget as a } from "../../utils/helpers/isTarget.mjs";
-const y = ((...n) => {
-  const c = typeof document < "u" && "pictureInPictureEnabled" in document && !!document.pictureInPictureEnabled, e = a(n[0]) ? n[0] : void 0, r = (e ? n[1] : n[0]) ?? {}, [f, i] = v(!1), u = I(), o = P(null), s = P(r);
-  s.current = r;
-  const l = async () => {
-    c && o.current && (await o.current.requestPictureInPicture(), i(!0), r.onEnter?.());
-  }, p = async () => {
-    c && (await document.exitPictureInPicture(), i(!1), r.onExit?.());
-  };
-  g(() => {
-    const t = e ? a.getElement(e) : u.current;
-    if (!t) return;
-    o.current = t;
-    const E = () => {
-      i(!0), s.current.onEnter?.();
-    }, m = () => {
-      i(!1), s.current.onExit?.();
-    };
-    return t.addEventListener("enterpictureinpicture", E), t.addEventListener("leavepictureinpicture", m), () => {
-      t.removeEventListener("enterpictureinpicture", E), t.removeEventListener("leavepictureinpicture", m);
-    };
-  }, [e && a.getRawElement(e), u.state]);
-  const d = {
-    open: f,
-    supported: c,
-    enter: l,
-    exit: p,
-    toggle: async () => {
-      f ? await p() : await l();
-    }
-  };
-  return e ? d : { ...d, ref: u };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/usePictureInPicture/usePictureInPicture.ts
+var a = ((...a) => {
+	let o = typeof document < "u" && "pictureInPictureEnabled" in document && !!document.pictureInPictureEnabled, s = e(a[0]) ? a[0] : void 0, c = (s ? a[1] : a[0]) ?? {}, [l, u] = i(!1), d = t(), f = r(null), p = r(c);
+	p.current = c;
+	let m = async () => {
+		o && f.current && (await f.current.requestPictureInPicture(), u(!0), c.onEnter?.());
+	}, h = async () => {
+		o && (await document.exitPictureInPicture(), u(!1), c.onExit?.());
+	};
+	n(() => {
+		let t = s ? e.getElement(s) : d.current;
+		if (!t) return;
+		f.current = t;
+		let n = () => {
+			u(!0), p.current.onEnter?.();
+		}, r = () => {
+			u(!1), p.current.onExit?.();
+		};
+		return t.addEventListener("enterpictureinpicture", n), t.addEventListener("leavepictureinpicture", r), () => {
+			t.removeEventListener("enterpictureinpicture", n), t.removeEventListener("leavepictureinpicture", r);
+		};
+	}, [s && e.getRawElement(s), d.state]);
+	let g = {
+		opened: l,
+		supported: o,
+		enter: m,
+		exit: h,
+		toggle: async () => {
+			l ? await h() : await m();
+		}
+	};
+	return s ? g : {
+		...g,
+		ref: d
+	};
 });
-export {
-  y as usePictureInPicture
-};
-//# sourceMappingURL=usePictureInPicture.mjs.map
+//#endregion
+export { a as usePictureInPicture };
+
+//# sourceMappingURL=usePictureInPicture.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePictureInPicture.mjs","sources":["../../../../src/hooks/usePictureInPicture/usePictureInPicture.ts"],"sourcesContent":["import { useEffect, useRef, 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 { useRefState } from '../useRefState/useRefState';\n\n/** The use picture in picture options type */\nexport interface UsePictureInPictureOptions {\n  /** The callback when Picture-in-Picture mode is entered */\n  onEnter?: () => void;\n  /** The callback when Picture-in-Picture mode is exited */\n  onExit?: () => void;\n}\n\n/** The use picture in picture return type */\nexport interface UsePictureInPictureReturn {\n  /** Whether Picture-in-Picture mode is currently active */\n  open: boolean;\n  /** Whether Picture-in-Picture mode is supported by the browser */\n  supported: boolean;\n  /** Request to enter Picture-in-Picture mode */\n  enter: () => Promise<void>;\n  /** Request to exit Picture-in-Picture mode */\n  exit: () => Promise<void>;\n  /** Toggle Picture-in-Picture mode */\n  toggle: () => Promise<void>;\n}\n\nexport interface UsePictureInPicture {\n  (target: HookTarget, options?: UsePictureInPictureOptions): UsePictureInPictureReturn;\n\n  (options?: UsePictureInPictureOptions): UsePictureInPictureReturn & {\n    ref: StateRef<HTMLVideoElement>;\n  };\n}\n\n/**\n * @name usePictureInPicture\n * @description - Hook that provides Picture-in-Picture functionality for video elements\n * @category Browser\n * @usage low\n *\n * @browserapi window.PictureInPicture https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API\n *\n * @overload\n * @param {HookTarget} target The target video element\n * @param {() => void} [options.onEnter] Callback when Picture-in-Picture mode is entered\n * @param {() => void} [options.onExit] Callback when Picture-in-Picture mode is exited\n * @returns {UsePictureInPictureReturn} An object containing Picture-in-Picture state and controls\n *\n * @example\n * const { open, supported, enter, exit, toggle } = usePictureInPicture(videoRef);\n *\n * @overload\n * @param {() => void} [options.onEnter] Callback when Picture-in-Picture mode is entered\n * @param {() => void} [options.onExit] Callback when Picture-in-Picture mode is exited\n * @returns {UsePictureInPictureReturn & { ref: StateRef<HTMLVideoElement> }} An object containing Picture-in-Picture state, controls and ref\n *\n * @example\n * const { ref, open, supported, enter, exit, toggle } = usePictureInPicture();\n */\nexport const usePictureInPicture = ((...params: any[]) => {\n  const supported =\n    typeof document !== 'undefined' &&\n    'pictureInPictureEnabled' in document &&\n    !!document.pictureInPictureEnabled;\n\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = ((target ? params[1] : params[0]) as UsePictureInPictureOptions) ?? {};\n\n  const [open, setOpen] = useState(false);\n\n  const internalRef = useRefState<HTMLVideoElement>();\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const onOptionsRef = useRef<UsePictureInPictureOptions>(options);\n  onOptionsRef.current = options;\n\n  const enter = async () => {\n    if (!supported) return;\n\n    if (!elementRef.current) return;\n\n    await elementRef.current.requestPictureInPicture();\n    setOpen(true);\n\n    options.onEnter?.();\n  };\n\n  const exit = async () => {\n    if (!supported) return;\n\n    await document.exitPictureInPicture();\n    setOpen(false);\n    options.onExit?.();\n  };\n\n  useEffect(() => {\n    const element = target\n      ? (isTarget.getElement(target) as HTMLVideoElement)\n      : internalRef.current;\n    if (!element) return;\n\n    elementRef.current = element;\n\n    const onEnterPictureInPicture = () => {\n      setOpen(true);\n      onOptionsRef.current.onEnter?.();\n    };\n\n    const onLeavePictureInPicture = () => {\n      setOpen(false);\n      onOptionsRef.current.onExit?.();\n    };\n\n    element.addEventListener('enterpictureinpicture', onEnterPictureInPicture);\n    element.addEventListener('leavepictureinpicture', onLeavePictureInPicture);\n\n    return () => {\n      element.removeEventListener('enterpictureinpicture', onEnterPictureInPicture);\n      element.removeEventListener('leavepictureinpicture', onLeavePictureInPicture);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const toggle = async () => {\n    if (open) await exit();\n    else await enter();\n  };\n\n  const value = {\n    open,\n    supported,\n    enter,\n    exit,\n    toggle\n  };\n\n  if (target) return value;\n  return { ...value, ref: internalRef };\n}) as UsePictureInPicture;\n"],"names":["usePictureInPicture","params","supported","target","isTarget","options","open","setOpen","useState","internalRef","useRefState","elementRef","useRef","onOptionsRef","enter","exit","useEffect","element","onEnterPictureInPicture","onLeavePictureInPicture","value"],"mappings":";;;AAiEO,MAAMA,KAAuB,IAAIC,MAAkB;AACxD,QAAMC,IACJ,OAAO,WAAa,OACpB,6BAA6B,YAC7B,CAAC,CAAC,SAAS,yBAEPC,IAAUC,EAASH,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CI,KAAYF,IAASF,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAqC,CAAA,GAE9E,CAACK,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAEhCC,IAAcC,EAAA,GACdC,IAAaC,EAAyB,IAAI,GAC1CC,IAAeD,EAAmCP,CAAO;AAC/D,EAAAQ,EAAa,UAAUR;AAEvB,QAAMS,IAAQ,YAAY;AACxB,IAAKZ,KAEAS,EAAW,YAEhB,MAAMA,EAAW,QAAQ,wBAAA,GACzBJ,EAAQ,EAAI,GAEZF,EAAQ,UAAA;AAAA,EAAU,GAGdU,IAAO,YAAY;AACvB,IAAKb,MAEL,MAAM,SAAS,qBAAA,GACfK,EAAQ,EAAK,GACbF,EAAQ,SAAA;AAAA,EAAS;AAGnB,EAAAW,EAAU,MAAM;AACd,UAAMC,IAAUd,IACXC,EAAS,WAAWD,CAAM,IAC3BM,EAAY;AAChB,QAAI,CAACQ,EAAS;AAEd,IAAAN,EAAW,UAAUM;AAErB,UAAMC,IAA0B,MAAM;AACpC,MAAAX,EAAQ,EAAI,GACZM,EAAa,QAAQ,UAAA;AAAA,IAAU,GAG3BM,IAA0B,MAAM;AACpC,MAAAZ,EAAQ,EAAK,GACbM,EAAa,QAAQ,SAAA;AAAA,IAAS;AAGhC,WAAAI,EAAQ,iBAAiB,yBAAyBC,CAAuB,GACzED,EAAQ,iBAAiB,yBAAyBE,CAAuB,GAElE,MAAM;AACX,MAAAF,EAAQ,oBAAoB,yBAAyBC,CAAuB,GAC5ED,EAAQ,oBAAoB,yBAAyBE,CAAuB;AAAA,IAAA;AAAA,EAC9E,GACC,CAAChB,KAAUC,EAAS,cAAcD,CAAM,GAAGM,EAAY,KAAK,CAAC;AAOhE,QAAMW,IAAQ;AAAA,IACZ,MAAAd;AAAA,IACA,WAAAJ;AAAA,IACA,OAAAY;AAAA,IACA,MAAAC;AAAA,IACA,QAVa,YAAY;AACzB,MAAIT,UAAYS,EAAA,UACLD,EAAA;AAAA,IAAM;AAAA,EAQjB;AAGF,SAAIX,IAAeiB,IACZ,EAAE,GAAGA,GAAO,KAAKX,EAAA;AAC1B;"}
+{"version":3,"file":"usePictureInPicture.mjs","names":[],"sources":["../../../../src/hooks/usePictureInPicture/usePictureInPicture.ts"],"sourcesContent":["import { useEffect, useRef, 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 { useRefState } from '../useRefState/useRefState';\n\n/** The use picture in picture options type */\nexport interface UsePictureInPictureOptions {\n  /** The callback when Picture-in-Picture mode is entered */\n  onEnter?: () => void;\n  /** The callback when Picture-in-Picture mode is exited */\n  onExit?: () => void;\n}\n\n/** The use picture in picture return type */\nexport interface UsePictureInPictureReturn {\n  /** Whether Picture-in-Picture mode is currently active */\n  opened: boolean;\n  /** Whether Picture-in-Picture mode is supported by the browser */\n  supported: boolean;\n  /** Request to enter Picture-in-Picture mode */\n  enter: () => Promise<void>;\n  /** Request to exit Picture-in-Picture mode */\n  exit: () => Promise<void>;\n  /** Toggle Picture-in-Picture mode */\n  toggle: () => Promise<void>;\n}\n\nexport interface UsePictureInPicture {\n  (target: HookTarget, options?: UsePictureInPictureOptions): UsePictureInPictureReturn;\n\n  (options?: UsePictureInPictureOptions): UsePictureInPictureReturn & {\n    ref: StateRef<HTMLVideoElement>;\n  };\n}\n\n/**\n * @name usePictureInPicture\n * @description - Hook that provides Picture-in-Picture functionality for video elements\n * @category Browser\n * @usage low\n *\n * @browserapi window.PictureInPicture https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API\n *\n * @overload\n * @param {HookTarget} target The target video element\n * @param {() => void} [options.onEnter] Callback when Picture-in-Picture mode is entered\n * @param {() => void} [options.onExit] Callback when Picture-in-Picture mode is exited\n * @returns {UsePictureInPictureReturn} An object containing Picture-in-Picture state and controls\n *\n * @example\n * const { open, supported, enter, exit, toggle } = usePictureInPicture(videoRef);\n *\n * @overload\n * @param {() => void} [options.onEnter] Callback when Picture-in-Picture mode is entered\n * @param {() => void} [options.onExit] Callback when Picture-in-Picture mode is exited\n * @returns {UsePictureInPictureReturn & { ref: StateRef<HTMLVideoElement> }} An object containing Picture-in-Picture state, controls and ref\n *\n * @example\n * const { ref, open, supported, enter, exit, toggle } = usePictureInPicture();\n */\nexport const usePictureInPicture = ((...params: any[]) => {\n  const supported =\n    typeof document !== 'undefined' &&\n    'pictureInPictureEnabled' in document &&\n    !!document.pictureInPictureEnabled;\n\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = ((target ? params[1] : params[0]) as UsePictureInPictureOptions) ?? {};\n\n  const [opened, setOpened] = useState(false);\n\n  const internalRef = useRefState<HTMLVideoElement>();\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const onOptionsRef = useRef<UsePictureInPictureOptions>(options);\n  onOptionsRef.current = options;\n\n  const enter = async () => {\n    if (!supported) return;\n\n    if (!elementRef.current) return;\n\n    await elementRef.current.requestPictureInPicture();\n    setOpened(true);\n\n    options.onEnter?.();\n  };\n\n  const exit = async () => {\n    if (!supported) return;\n\n    await document.exitPictureInPicture();\n    setOpened(false);\n    options.onExit?.();\n  };\n\n  useEffect(() => {\n    const element = target\n      ? (isTarget.getElement(target) as HTMLVideoElement)\n      : internalRef.current;\n    if (!element) return;\n\n    elementRef.current = element;\n\n    const onEnterPictureInPicture = () => {\n      setOpened(true);\n      onOptionsRef.current.onEnter?.();\n    };\n\n    const onLeavePictureInPicture = () => {\n      setOpened(false);\n      onOptionsRef.current.onExit?.();\n    };\n\n    element.addEventListener('enterpictureinpicture', onEnterPictureInPicture);\n    element.addEventListener('leavepictureinpicture', onLeavePictureInPicture);\n\n    return () => {\n      element.removeEventListener('enterpictureinpicture', onEnterPictureInPicture);\n      element.removeEventListener('leavepictureinpicture', onLeavePictureInPicture);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const toggle = async () => {\n    if (opened) await exit();\n    else await enter();\n  };\n\n  const value = {\n    opened,\n    supported,\n    enter,\n    exit,\n    toggle\n  };\n\n  if (target) return value;\n  return { ...value, ref: internalRef };\n}) as UsePictureInPicture;\n"],"mappings":";;;;AAiEA,IAAa,MAAwB,GAAG,MAAkB;CACxD,IAAM,IACJ,OAAO,WAAa,OACpB,6BAA6B,YAC7B,CAAC,CAAC,SAAS,yBAEP,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,KAAY,IAAS,EAAO,KAAK,EAAO,OAAsC,EAAE,EAEhF,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAc,GAA+B,EAC7C,IAAa,EAAyB,KAAK,EAC3C,IAAe,EAAmC,EAAQ;AAChE,GAAa,UAAU;CAEvB,IAAM,IAAQ,YAAY;AACnB,OAEA,EAAW,YAEhB,MAAM,EAAW,QAAQ,yBAAyB,EAClD,EAAU,GAAK,EAEf,EAAQ,WAAW;IAGf,IAAO,YAAY;AAClB,QAEL,MAAM,SAAS,sBAAsB,EACrC,EAAU,GAAM,EAChB,EAAQ,UAAU;;AAGpB,SAAgB;EACd,IAAM,IAAU,IACX,EAAS,WAAW,EAAO,GAC5B,EAAY;AAChB,MAAI,CAAC,EAAS;AAEd,IAAW,UAAU;EAErB,IAAM,UAAgC;AAEpC,GADA,EAAU,GAAK,EACf,EAAa,QAAQ,WAAW;KAG5B,UAAgC;AAEpC,GADA,EAAU,GAAM,EAChB,EAAa,QAAQ,UAAU;;AAMjC,SAHA,EAAQ,iBAAiB,yBAAyB,EAAwB,EAC1E,EAAQ,iBAAiB,yBAAyB,EAAwB,QAE7D;AAEX,GADA,EAAQ,oBAAoB,yBAAyB,EAAwB,EAC7E,EAAQ,oBAAoB,yBAAyB,EAAwB;;IAE9E,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC;CAOjE,IAAM,IAAQ;EACZ;EACA;EACA;EACA;EACA,QAVa,YAAY;AACzB,GAAI,IAAQ,MAAM,GAAM,GACnB,MAAM,GAAO;;EASnB;AAGD,QADI,IAAe,IACZ;EAAE,GAAG;EAAO,KAAK;EAAa"}

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

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

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

@@ -1 +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 Browser\n * @usage low\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 =\n    typeof document !== 'undefined' &&\n    'pointerLockElement' in document &&\n    !!document.pointerLockElement;\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":";AA6BO,MAAMA,IAAiB,MAA4B;AACxD,QAAMC,IACJ,OAAO,WAAa,OACpB,wBAAwB,YACxB,CAAC,CAAC,SAAS,oBACP,CAACC,GAASC,CAAU,IAAIC,EAAA;AAE9B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAA0B,MAAM;AACpC,UAAI,CAACL,EAAW;AAEhB,YAAMM,IAAiB,SAAS,sBAAsBL;AAEtD,MAAIK,KAAkBA,MAAmBL,KACvCC,EAAW,SAAS,kBAA6B;AAAA,IACnD,GAEIK,IAAyB,MAAM;AACnC,UAAI,CAACP,EAAW;AAEhB,YAAMM,IAAiB,SAAS,sBAAsBL;AAEtD,UAAIK,KAAkBA,MAAmBL,GAAS;AAChD,cAAMO,IAAS,SAAS,qBAAqB,YAAY;AAEzD,cAAM,IAAI,MAAM,aAAaA,CAAM,gBAAgB;AAAA,MAAA;AAAA,IACrD;AAGF,oBAAS,iBAAiB,qBAAqBH,CAAuB,GACtE,SAAS,iBAAiB,oBAAoBE,CAAsB,GAE7D,MAAM;AACX,eAAS,oBAAoB,qBAAqBF,CAAuB,GACzE,SAAS,oBAAoB,oBAAoBE,CAAsB;AAAA,IAAA;AAAA,EACzE,GACC,EAAE,GAwBE;AAAA,IACL,WAAAP;AAAA,IACA,SAAAC;AAAA,IACA,MAzBW,CAACQ,MACR,CAACT,KAEDS,aAAiB,QAAc,MAEnCA,EAAM,cAAc,mBAAA,GAEpBP,EAAWO,EAAM,aAAa,GACvB;AAAA,IAkBP,QAfa,MACT,CAACT,KAED,CAACC,IAAgB,MAErB,SAAS,gBAAA,GACTC,EAAW,MAAS,GAEb;AAAA,EAOP;AAEJ;"}
+{"version":3,"file":"usePointerLock.mjs","names":[],"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 Browser\n * @usage low\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 =\n    typeof document !== 'undefined' &&\n    'pointerLockElement' in document &&\n    !!document.pointerLockElement;\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"],"mappings":";;AA6BA,IAAa,UAA6C;CACxD,IAAM,IACJ,OAAO,WAAa,OACpB,wBAAwB,YACxB,CAAC,CAAC,SAAS,oBACP,CAAC,GAAS,KAAc,GAAmB;AAyDjD,QAvDA,QAAgB;AACd,MAAI,CAAC,EAAW;EAEhB,IAAM,UAAgC;AACpC,OAAI,CAAC,EAAW;GAEhB,IAAM,IAAiB,SAAS,sBAAsB;AAEtD,GAAI,KAAkB,MAAmB,KACvC,EAAW,SAAS,mBAA8B;KAGhD,UAA+B;AACnC,OAAI,CAAC,EAAW;GAEhB,IAAM,IAAiB,SAAS,sBAAsB;AAEtD,OAAI,KAAkB,MAAmB,GAAS;IAChD,IAAM,IAAS,SAAS,qBAAqB,YAAY;AAEzD,UAAU,MAAM,aAAa,EAAO,gBAAgB;;;AAOxD,SAHA,SAAS,iBAAiB,qBAAqB,EAAwB,EACvE,SAAS,iBAAiB,oBAAoB,EAAuB,QAExD;AAEX,GADA,SAAS,oBAAoB,qBAAqB,EAAwB,EAC1E,SAAS,oBAAoB,oBAAoB,EAAuB;;IAEzE,EAAE,CAAC,EAwBC;EACL;EACA;EACA,OAzBY,MACR,CAAC,KAED,aAAiB,QAAc,MAEnC,EAAM,cAAc,oBAAoB,EAExC,EAAW,EAAM,cAAc,EACxB;EAkBP,cAdI,CAAC,KAED,CAAC,IAAgB,MAErB,SAAS,iBAAiB,EAC1B,EAAW,KAAA,EAAU,EAEd;EAQR"}

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

@@ -1,24 +1,23 @@
-import { useRef as i, useEffect as u } from "react";
-const f = (s, t) => {
-  const o = i(t);
-  o.current = t;
-  const r = i(s);
-  return r.current = s, u(() => {
-    const n = (e) => {
-      if (Array.isArray(r.current)) {
-        if (!r.current.includes(e.origin)) return;
-      } else if (r.current !== "*" && e.origin !== r.current)
-        return;
-      o.current(e.data, e);
-    };
-    return window.addEventListener("message", n), () => window.removeEventListener("message", n);
-  }, []), (n) => {
-    if (Array.isArray(r.current))
-      return r.current.forEach((e) => window.postMessage(n, e));
-    window.postMessage(n, r.current);
-  };
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/usePostMessage/usePostMessage.ts
+var n = (n, r) => {
+	let i = t(r);
+	i.current = r;
+	let a = t(n);
+	return a.current = n, e(() => {
+		let e = (e) => {
+			if (Array.isArray(a.current)) {
+				if (!a.current.includes(e.origin)) return;
+			} else if (a.current !== "*" && e.origin !== a.current) return;
+			i.current(e.data, e);
+		};
+		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+	}, []), (e) => {
+		if (Array.isArray(a.current)) return a.current.forEach((t) => window.postMessage(e, t));
+		window.postMessage(e, a.current);
+	};
 };
-export {
-  f as usePostMessage
-};
-//# sourceMappingURL=usePostMessage.mjs.map
+//#endregion
+export { n as usePostMessage };
+
+//# sourceMappingURL=usePostMessage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePostMessage.mjs","sources":["../../../../src/hooks/usePostMessage/usePostMessage.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\n/** The origin of the message */\r\nexport type UsePostMessageOrigin = string | '*' | string[];\r\n\r\n/** The return type of the usePostMessage hook */\r\nexport type UsePostMessageReturn<Message> = (message: Message) => void;\r\n\r\n/**\r\n * @name usePostMessage\r\n * @description - Hook that allows you to receive messages from other origins\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @overload\r\n * @template Message The message data type\r\n * @param {UsePostMessageOrigin} origin The origin of the message\r\n * @param {(message: Message) => Message} callback callback to get received message\r\n * @returns {(message: Message) => void} An object containing the current message\r\n *\r\n * @example\r\n * const postMessage = usePostMessage();\r\n */\r\nexport const usePostMessage = <Message>(\r\n  origin: UsePostMessageOrigin,\r\n  callback: (message: Message, event: MessageEvent<Message>) => void\r\n): UsePostMessageReturn<Message> => {\r\n  const internalCallbackRef = useRef(callback);\r\n  internalCallbackRef.current = callback;\r\n  const internalOriginRef = useRef(origin);\r\n  internalOriginRef.current = origin;\r\n\r\n  useEffect(() => {\r\n    const onMessage = (event: MessageEvent<Message>) => {\r\n      if (Array.isArray(internalOriginRef.current)) {\r\n        if (!internalOriginRef.current.includes(event.origin)) return;\r\n      } else if (internalOriginRef.current !== '*' && event.origin !== internalOriginRef.current)\r\n        return;\r\n\r\n      internalCallbackRef.current(event.data as Message, event);\r\n    };\r\n\r\n    window.addEventListener('message', onMessage);\r\n    return () => window.removeEventListener('message', onMessage);\r\n  }, []);\r\n\r\n  const postMessage = (message: Message) => {\r\n    if (Array.isArray(internalOriginRef.current))\r\n      return internalOriginRef.current.forEach((origin) => window.postMessage(message, origin));\r\n\r\n    window.postMessage(message, internalOriginRef.current);\r\n  };\r\n\r\n  return postMessage;\r\n};\r\n"],"names":["usePostMessage","origin","callback","internalCallbackRef","useRef","internalOriginRef","useEffect","onMessage","event","message"],"mappings":";AAuBO,MAAMA,IAAiB,CAC5BC,GACAC,MACkC;AAClC,QAAMC,IAAsBC,EAAOF,CAAQ;AAC3C,EAAAC,EAAoB,UAAUD;AAC9B,QAAMG,IAAoBD,EAAOH,CAAM;AACvC,SAAAI,EAAkB,UAAUJ,GAE5BK,EAAU,MAAM;AACd,UAAMC,IAAY,CAACC,MAAiC;AAClD,UAAI,MAAM,QAAQH,EAAkB,OAAO;AACzC,YAAI,CAACA,EAAkB,QAAQ,SAASG,EAAM,MAAM,EAAG;AAAA,iBAC9CH,EAAkB,YAAY,OAAOG,EAAM,WAAWH,EAAkB;AACjF;AAEF,MAAAF,EAAoB,QAAQK,EAAM,MAAiBA,CAAK;AAAA,IAAA;AAG1D,kBAAO,iBAAiB,WAAWD,CAAS,GACrC,MAAM,OAAO,oBAAoB,WAAWA,CAAS;AAAA,EAAA,GAC3D,EAAE,GAEe,CAACE,MAAqB;AACxC,QAAI,MAAM,QAAQJ,EAAkB,OAAO;AACzC,aAAOA,EAAkB,QAAQ,QAAQ,CAACJ,MAAW,OAAO,YAAYQ,GAASR,CAAM,CAAC;AAE1F,WAAO,YAAYQ,GAASJ,EAAkB,OAAO;AAAA,EAAA;AAIzD;"}
+{"version":3,"file":"usePostMessage.mjs","names":[],"sources":["../../../../src/hooks/usePostMessage/usePostMessage.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\n/** The origin of the message */\r\nexport type UsePostMessageOrigin = string | '*' | string[];\r\n\r\n/** The return type of the usePostMessage hook */\r\nexport type UsePostMessageReturn<Message> = (message: Message) => void;\r\n\r\n/**\r\n * @name usePostMessage\r\n * @description - Hook that allows you to receive messages from other origins\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @overload\r\n * @template Message The message data type\r\n * @param {UsePostMessageOrigin} origin The origin of the message\r\n * @param {(message: Message) => Message} callback callback to get received message\r\n * @returns {(message: Message) => void} An object containing the current message\r\n *\r\n * @example\r\n * const postMessage = usePostMessage();\r\n */\r\nexport const usePostMessage = <Message>(\r\n  origin: UsePostMessageOrigin,\r\n  callback: (message: Message, event: MessageEvent<Message>) => void\r\n): UsePostMessageReturn<Message> => {\r\n  const internalCallbackRef = useRef(callback);\r\n  internalCallbackRef.current = callback;\r\n  const internalOriginRef = useRef(origin);\r\n  internalOriginRef.current = origin;\r\n\r\n  useEffect(() => {\r\n    const onMessage = (event: MessageEvent<Message>) => {\r\n      if (Array.isArray(internalOriginRef.current)) {\r\n        if (!internalOriginRef.current.includes(event.origin)) return;\r\n      } else if (internalOriginRef.current !== '*' && event.origin !== internalOriginRef.current)\r\n        return;\r\n\r\n      internalCallbackRef.current(event.data as Message, event);\r\n    };\r\n\r\n    window.addEventListener('message', onMessage);\r\n    return () => window.removeEventListener('message', onMessage);\r\n  }, []);\r\n\r\n  const postMessage = (message: Message) => {\r\n    if (Array.isArray(internalOriginRef.current))\r\n      return internalOriginRef.current.forEach((origin) => window.postMessage(message, origin));\r\n\r\n    window.postMessage(message, internalOriginRef.current);\r\n  };\r\n\r\n  return postMessage;\r\n};\r\n"],"mappings":";;AAuBA,IAAa,KACX,GACA,MACkC;CAClC,IAAM,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAoB,EAAO,EAAO;AAwBxC,QAvBA,EAAkB,UAAU,GAE5B,QAAgB;EACd,IAAM,KAAa,MAAiC;AAClD,OAAI,MAAM,QAAQ,EAAkB,QAAQ;QACtC,CAAC,EAAkB,QAAQ,SAAS,EAAM,OAAO,CAAE;cAC9C,EAAkB,YAAY,OAAO,EAAM,WAAW,EAAkB,QACjF;AAEF,KAAoB,QAAQ,EAAM,MAAiB,EAAM;;AAI3D,SADA,OAAO,iBAAiB,WAAW,EAAU,QAChC,OAAO,oBAAoB,WAAW,EAAU;IAC5D,EAAE,CAAC,GAEe,MAAqB;AACxC,MAAI,MAAM,QAAQ,EAAkB,QAAQ,CAC1C,QAAO,EAAkB,QAAQ,SAAS,MAAW,OAAO,YAAY,GAAS,EAAO,CAAC;AAE3F,SAAO,YAAY,GAAS,EAAkB,QAAQ"}

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

@@ -1,9 +1,10 @@
 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";
+//#region src/hooks/usePreferredColorScheme/usePreferredColorScheme.ts
+var t = () => {
+	let t = e("(prefers-color-scheme: light)"), n = e("(prefers-color-scheme: dark)");
+	return t ? "light" : n ? "dark" : "no-preference";
 };
-export {
-  t as usePreferredColorScheme
-};
-//# sourceMappingURL=usePreferredColorScheme.mjs.map
+//#endregion
+export { t as usePreferredColorScheme };
+
+//# sourceMappingURL=usePreferredColorScheme.mjs.map

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

@@ -1 +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 User\n * @usage medium\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":";AAgBO,MAAMA,IAA0B,MAAqC;AAC1E,QAAMC,IAAUC,EAAc,+BAA+B,GACvDC,IAASD,EAAc,8BAA8B;AAE3D,SAAID,IAAgB,UAChBE,IAAe,SACZ;AACT;"}
+{"version":3,"file":"usePreferredColorScheme.mjs","names":[],"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 User\n * @usage medium\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"],"mappings":";;AAgBA,IAAa,UAA+D;CAC1E,IAAM,IAAU,EAAc,gCAAgC,EACxD,IAAS,EAAc,+BAA+B;AAI5D,QAFI,IAAgB,UAChB,IAAe,SACZ"}

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

@@ -1,9 +1,10 @@
 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";
+//#region src/hooks/usePreferredContrast/usePreferredContrast.ts
+var t = () => {
+	let t = e("(prefers-contrast: more)"), n = e("(prefers-contrast: less)"), r = e("(prefers-contrast: custom)");
+	return t ? "more" : n ? "less" : r ? "custom" : "no-preference";
 };
-export {
-  c as usePreferredContrast
-};
-//# sourceMappingURL=usePreferredContrast.mjs.map
+//#endregion
+export { t as usePreferredContrast };
+
+//# sourceMappingURL=usePreferredContrast.mjs.map

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

@@ -1 +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 User\n * @usage medium\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":";AAgBO,MAAMA,IAAuB,MAAkC;AACpE,QAAMC,IAAOC,EAAc,0BAA0B,GAC/CC,IAAOD,EAAc,0BAA0B,GAC/CE,IAASF,EAAc,4BAA4B;AACzD,SAAOD,IAAO,SAASE,IAAO,SAASC,IAAS,WAAW;AAC7D;"}
+{"version":3,"file":"usePreferredContrast.mjs","names":[],"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 User\n * @usage medium\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"],"mappings":";;AAgBA,IAAa,UAAyD;CACpE,IAAM,IAAO,EAAc,2BAA2B,EAChD,IAAO,EAAc,2BAA2B,EAChD,IAAS,EAAc,6BAA6B;AAC1D,QAAO,IAAO,SAAS,IAAO,SAAS,IAAS,WAAW"}

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

@@ -1,6 +1,7 @@
 import { useMediaQuery as e } from "../useMediaQuery/useMediaQuery.mjs";
-const o = () => e("(prefers-color-scheme: dark)");
-export {
-  o as usePreferredDark
-};
-//# sourceMappingURL=usePreferredDark.mjs.map
+//#region src/hooks/usePreferredDark/usePreferredDark.ts
+var t = () => e("(prefers-color-scheme: dark)");
+//#endregion
+export { t as usePreferredDark };
+
+//# sourceMappingURL=usePreferredDark.mjs.map

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

@@ -1 +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 User\n * @usage medium\n *\n * @example\n * const isDark = usePreferredDark();\n */\nexport const usePreferredDark = () => useMediaQuery('(prefers-color-scheme: dark)');\n"],"names":["usePreferredDark","useMediaQuery"],"mappings":";AAWO,MAAMA,IAAmB,MAAMC,EAAc,8BAA8B;"}
+{"version":3,"file":"usePreferredDark.mjs","names":[],"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 User\n * @usage medium\n *\n * @example\n * const isDark = usePreferredDark();\n */\nexport const usePreferredDark = () => useMediaQuery('(prefers-color-scheme: dark)');\n"],"mappings":";;AAWA,IAAa,UAAyB,EAAc,+BAA+B"}

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

@@ -1,8 +1,9 @@
-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
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/usePreferredLanguages/usePreferredLanguages.ts
+var t = () => window.navigator.languages, n = () => [], r = (e) => (window.addEventListener("languagechange", e), () => {
+	window.removeEventListener("languagechange", e);
+}), i = () => e(r, t, n);
+//#endregion
+export { i as usePreferredLanguages };
+
+//# sourceMappingURL=usePreferredLanguages.mjs.map

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

@@ -1 +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 User\n * @usage medium\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,CAAA,GAC1BC,IAAY,CAACC,OACjB,OAAO,iBAAiB,kBAAkBA,CAAQ,GAC3C,MAAM;AACX,SAAO,oBAAoB,kBAAkBA,CAAQ;AAAA,IAiB5CC,IAAwB,MACnCC,EAAqBH,GAAWF,GAAaC,CAAiB;"}
+{"version":3,"file":"usePreferredLanguages.mjs","names":[],"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 User\n * @usage medium\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"],"mappings":";;AAEA,IAAM,UAAoB,OAAO,UAAU,WACrC,UAA0B,EAAE,EAC5B,KAAa,OACjB,OAAO,iBAAiB,kBAAkB,EAAS,QACtC;AACX,QAAO,oBAAoB,kBAAkB,EAAS;IAiB7C,UACX,EAAqB,GAAW,GAAa,EAAkB"}

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

@@ -1,6 +1,7 @@
 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
+//#region src/hooks/usePreferredReducedMotion/usePreferredReducedMotion.ts
+var t = () => e("(prefers-reduced-motion: reduce)") ? "reduce" : "no-preference";
+//#endregion
+export { t as usePreferredReducedMotion };
+
+//# sourceMappingURL=usePreferredReducedMotion.mjs.map

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

@@ -1 +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 User\n * @usage low\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":";AAgBO,MAAMA,IAA4B,MACvBC,EAAc,kCAAkC,IAC/C,WAAW;"}
+{"version":3,"file":"usePreferredReducedMotion.mjs","names":[],"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 User\n * @usage low\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"],"mappings":";;AAgBA,IAAa,UACK,EAAc,mCAAmC,GAChD,WAAW"}

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

@@ -1,9 +1,10 @@
-import { useRef as u } from "react";
-const i = (r, c) => {
-  const e = u(r), t = u(void 0);
-  return (c?.equality ?? Object.is)(r, e.current) || (t.current = e.current, e.current = r), t.current;
+import { useRef as e } from "react";
+//#region src/hooks/usePrevious/usePrevious.ts
+var t = (t, n) => {
+	let r = e(t), i = e(void 0);
+	return (n?.equality ?? Object.is)(t, r.current) || (i.current = r.current, r.current = t), i.current;
 };
-export {
-  i as usePrevious
-};
-//# sourceMappingURL=usePrevious.mjs.map
+//#endregion
+export { t as usePrevious };
+
+//# sourceMappingURL=usePrevious.mjs.map